/* Feature stories: shared reading system; each product has its own scene. */
.feature-page{--paper:#eeeee7;--text:#eef0e9;--muted:#b2c2bd;--mint:#67d4b7;background:#10191b!important;color:var(--text)}
.feature-page main{width:min(1320px,calc(100% - 2 * clamp(20px,4vw,56px)));max-width:none;padding:0;margin:auto}
.feature-page .global-header{width:min(1320px,calc(100% - 2 * clamp(20px,4vw,56px)))}
.feature-page p,.feature-page li{color:var(--muted);max-width:none}
.feature-page h2,.feature-page h3{text-transform:none;letter-spacing:-.035em;color:var(--text)}
.feature-page h2{font:600 clamp(1.8rem,3vw,3rem)/1.1 var(--font-display);margin:0 0 24px}
.feature-page h3{font:600 clamp(1.4rem,2.1vw,2rem)/1.15 var(--font-display)}
.feature-page a{color:inherit;text-underline-offset:5px}.feature-page a:hover{color:var(--mint)}
.feature-page .skip-link{position:absolute;top:-100px;left:20px;padding:15px;background:var(--mint);color:#10191b;z-index:10}.feature-page .skip-link:focus{top:10px}
.feature-breadcrumb{display:flex;gap:10px;align-items:center;font-size:13px;margin:26px 0 0;color:var(--muted)}
.feature-hero{display:grid;grid-template-columns:1fr 1.2fr;align-items:center;gap:clamp(32px,4vw,64px);padding:66px 0 80px;min-height:570px}
.feature-eyebrow,.feature-section-label{font:500 11px/1.5 var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--mint)!important;margin:0 0 24px}
.feature-hero h1{font:600 clamp(2.6rem,4.5vw,4.3rem)/1.04 var(--font-display);letter-spacing:-.055em;max-width:15ch;margin:0 0 26px;text-wrap:balance}
.feature-summary{font-size:clamp(17px,1.5vw,20px);line-height:1.6;max-width:43ch!important;margin-bottom:28px}
.feature-actions{display:flex;gap:12px 22px;align-items:center;flex-wrap:wrap}.feature-actions a{min-height:46px;display:inline-flex;align-items:center;justify-content:center;font-size:14px;font-weight:500}
.feature-actions .feature-primary{background:var(--mint);color:#10231e;padding:12px 20px;border-radius:8px;text-decoration:none}.feature-primary:hover{background:#8de3c9}
.feature-platforms{font-size:12px!important;margin-top:16px;color:#a9bbb4!important}
/* Shared notebook: straight chassis and a separate 16:10 display. */
.feature-laptop{margin:0;width:100%;padding-inline:12px}
.laptop-display{position:relative;padding:14px 8px 8px;background:#111517;border:2px solid #5e686d;border-bottom:0;border-radius:14px 14px 3px 3px}
.laptop-camera{position:absolute;z-index:1;top:0;left:50%;width:12%;height:12px;transform:translateX(-50%);border-radius:0 0 4px 4px;background:#080b0d}
.laptop-camera:after{content:'';position:absolute;top:4px;left:calc(50% - 2px);width:4px;height:4px;border:1px solid #27333c;border-radius:50%;background:#111b24}
.laptop-screen{display:block;aspect-ratio:16/10;overflow:hidden;background:#0b0d10;border-radius:5px}.laptop-screen img{width:100%;height:100%;object-fit:contain;display:block}
.laptop-base{position:relative;height:20px;margin:0 -12px;background:#59636a;border:1px solid #7b858b;border-top:2px solid #919ba0;border-bottom:4px solid #3b444a;border-radius:2px 2px 4px 4px}
.laptop-base:before{content:'';position:absolute;top:-2px;left:42%;width:16%;height:5px;background:#2b343a;border-radius:0 0 3px 3px}
.laptop-base:after{content:'';position:absolute;bottom:-7px;left:7%;width:86%;height:3px;background:linear-gradient(to right,#080d0f 0 7%,transparent 7% 93%,#080d0f 93% 100%)}
.feature-laptop figcaption{font-size:12px;line-height:1.6;color:var(--muted);margin:18px 0 0;text-align:center}.feature-laptop figcaption a{display:inline-block;min-height:30px;padding-inline:8px}
.feature-art{margin:0;aspect-ratio:1.5;position:relative;overflow:hidden;border-radius:24px;background:var(--paper)}
.feature-art:before,.feature-cta-art:before{content:'';position:absolute;inset:0;background:#26322f;mask:var(--feature-art) center/contain no-repeat;-webkit-mask:var(--feature-art) center/contain no-repeat}
.feature-art:after,.story-stage:after,.feature-cta:after{content:'';position:absolute;inset:0;pointer-events:none;opacity:.06;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.7' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)' opacity='.5'/%3E%3C/svg%3E");border-radius:inherit}
.feature-story{padding-top:46px;border-top:1px solid #354643;scroll-margin-top:30px}.story-heading{display:flex;justify-content:space-between;gap:30px;align-items:end}.story-heading h2{max-width:22ch}.story-heading>p{font-size:13px;max-width:26ch;text-align:right;margin-bottom:28px}
.story-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin:15px 0 24px}.story-nav a{border-bottom:2px solid #354643;padding:14px 0;text-decoration:none;font-size:13px;color:var(--muted);display:flex;gap:10px;align-items:baseline}.story-nav b{font:11px var(--font-mono);color:var(--mint)}.story-nav a[aria-current]{color:var(--text);border-color:var(--mint)}
.story-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:clamp(40px,6vw,100px);align-items:start}
.story-stage{position:sticky;top:max(24px,calc((100vh - min(45vw,570px))/2));border-radius:24px;background:#182627;overflow:hidden;margin:0;max-width:720px;align-self:start}
.story-stage-head{display:flex;justify-content:space-between;align-items:center;padding:20px 26px;color:var(--muted);font:11px var(--font-mono);border-bottom:1px solid #354643}.story-stage-head strong{font-weight:500;color:var(--mint)}
.story-stage svg{display:block;width:100%;height:auto;max-height:calc(100svh - 170px);font-family:var(--font-sans);overflow:hidden}.story-stage text{font-family:inherit}
.story-stage figcaption{padding:18px 26px;border-top:1px solid #354643;min-height:58px;color:var(--muted);font-size:12px;line-height:1.6}.story-meter{position:absolute;height:2px;bottom:0;left:0;background:var(--mint);width:var(--progress,0%)}
.story-step{min-height:82vh;display:flex;flex-direction:column;justify-content:center;padding:50px 0;scroll-margin-top:30px}.story-step:last-child{min-height:86vh}.story-step h3{font-size:clamp(28px,3.4vw,45px);margin:18px 0 22px;max-width:18ch}.story-step p{font-size:17px;line-height:1.7;margin:0 0 18px;max-width:39ch}.story-step .step-detail{font-size:13px;line-height:1.6;color:#94aaa2;border-left:2px solid #436b5f;padding-left:16px;margin-top:6px}.step-number{font:11px var(--font-mono);color:var(--mint)}.mobile-proof{display:none}
.feature-proof-section{padding:72px 0 88px;border-top:1px solid #354643}.feature-proof-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px;margin-top:36px}.feature-proof-grid article{border-top:1px solid #527267;padding-top:24px}.feature-proof-grid h3{font-size:24px;margin:0 0 16px}.feature-proof-grid p{font-size:16px;line-height:1.7}.feature-proof-grid a{font-size:14px;display:inline-block;margin-top:15px;padding:8px 0;color:var(--mint)}
.feature-faq{display:grid;grid-template-columns:1fr 1.7fr;gap:80px;border-top:1px solid #354643;padding:64px 0}.feature-faq details{border-bottom:1px solid #354643;padding:0 0 18px;margin-bottom:18px}.feature-faq summary{cursor:pointer;font-size:18px;line-height:1.5;padding:8px 24px 8px 0}.feature-faq details p{font-size:16px;line-height:1.7;padding-top:14px;max-width:65ch}
.feature-reference{padding:28px 0;border-top:1px solid #354643;margin-bottom:50px}.feature-reference summary{cursor:pointer;padding:12px 0;font-size:17px}.feature-reference>div{max-width:920px;margin:30px auto;overflow-x:auto}.feature-reference h2{font-size:26px;margin-top:44px}.feature-reference p,.feature-reference li{font-size:16px}.feature-reference table{min-width:580px}.feature-reference .table-scroll{overflow:auto}
.feature-cta{position:relative;overflow:hidden;background:var(--paper);color:#24322e;border-radius:24px;padding:48px;display:grid;grid-template-columns:1.3fr 1fr;gap:30px;margin:35px 0 60px;min-height:300px}.feature-cta h2{color:#24322e;max-width:16ch;position:relative;z-index:1}.feature-cta p{color:#4c6056;max-width:42ch}.feature-cta a{color:#213e30;position:relative;z-index:1;display:inline-block;padding:12px 0}.feature-cta-art{position:absolute;inset:0 0 0 57%;pointer-events:none}.feature-related{display:flex;gap:14px 28px;flex-wrap:wrap;margin-bottom:65px}.feature-related a{font-size:15px;padding:10px 0}.feature-related>span{width:100%;font:11px var(--font-mono);color:var(--muted);text-transform:uppercase;letter-spacing:.12em}
.feature-page>.site-footer{width:min(1320px,calc(100% - 2 * clamp(20px,4vw,56px)));margin:0 auto;padding:48px 0 25px;border-top:1px solid #354643}.feature-page .site-footer .cols{grid-template-columns:repeat(4,minmax(0,1fr));gap:32px}.feature-page .site-footer h3{font:500 14px var(--font-sans);letter-spacing:0;color:var(--text);text-transform:none}.feature-page .site-footer li a{display:inline-block;padding:6px 0;font-size:14px;text-decoration:none;color:var(--muted)}.feature-page .site-footer a:hover{color:var(--mint)}.feature-page .footer-intro{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:38px}.feature-page .footer-intro .brand{display:flex;align-items:center;gap:10px;text-decoration:none;font:600 24px var(--font-display)}.feature-page .footer-intro img{width:30px;height:30px}.feature-page .footer-intro p{font-size:14px}.feature-page .site-footer .meta{color:var(--muted);font-size:13px;margin:30px 0 0;padding-top:25px;border-top:1px solid #354643}
.security-bridge{scroll-margin-top:30px;padding:40px;border-radius:20px;background:#1b2c2e;margin:50px 0}.security-bridge p{max-width:62ch}.security-bridge a{color:var(--mint);display:inline-block;padding:14px 0}
@media(max-width:959px),(max-height:560px){.feature-hero{grid-template-columns:1fr;padding:46px 0 60px;gap:40px;min-height:0}.feature-hero h1{max-width:18ch;font-size:clamp(36px,6vw,60px)}.feature-summary{max-width:60ch!important}.feature-laptop,.feature-art{width:min(660px,100%);margin:0 auto}.feature-art{max-height:330px}.story-layout{display:block}.story-stage{display:none}.story-step,.story-step:last-child{min-height:0;padding:36px 0 42px;border-top:1px solid #354643;scroll-margin-top:24px}.story-step h3{font-size:32px;max-width:24ch}.story-step p{max-width:60ch}.story-step .step-detail{margin-top:20px}.mobile-proof{display:flex;align-items:center;justify-content:space-between;gap:14px;border-radius:14px;background:#1b2c2e;padding:24px;margin-top:12px;font:500 15px/1.4 var(--font-sans);color:var(--text)}.mobile-proof span{flex:1;overflow-wrap:anywhere}.mobile-proof span:last-child{color:var(--mint)}.mobile-proof i{font-style:normal;color:var(--mint)}.feature-proof-grid{gap:24px}.feature-faq{gap:35px;grid-template-columns:1fr 1.6fr}.story-heading>p{display:none}}
@media(max-width:600px){.feature-breadcrumb{font-size:12px;margin-top:20px}.feature-hero{padding-top:32px}.feature-eyebrow{font-size:10px;margin-bottom:20px}.feature-hero h1{font-size:clamp(34px,10vw,46px);line-height:1.06;max-width:18ch}.feature-summary{font-size:17px}.feature-laptop{padding-inline:7px}.laptop-display{padding:11px 5px 5px;border-width:1px;border-radius:9px 9px 2px 2px}.laptop-camera{height:9px}.laptop-camera:after{top:3px;width:3px;height:3px;left:calc(50% - 1.5px)}.laptop-base{height:13px;margin:0 -7px;border-top-width:1px;border-bottom-width:3px;border-radius:1px 1px 3px 3px}.laptop-base:before{top:-1px;height:3px}.laptop-base:after{bottom:-5px;height:2px}.feature-laptop figcaption{font-size:12px;text-align:left}.feature-story{padding-top:30px}.story-nav{grid-template-columns:1fr 1fr;gap:4px 16px;margin-bottom:26px}.story-nav a{font-size:12px;padding:10px 0}.story-heading h2{font-size:29px}.story-step h3{font-size:30px}.story-step p{font-size:16px}.mobile-proof{padding:20px 16px;gap:10px;font-size:14px}.feature-proof-section{padding:44px 0}.feature-proof-grid{grid-template-columns:1fr;gap:32px}.feature-faq{grid-template-columns:1fr;gap:10px;padding:44px 0}.feature-faq summary{font-size:17px}.feature-cta{padding:28px;min-height:370px;display:block;padding-bottom:170px}.feature-cta-art{inset:55% 0 0 15%}.feature-cta h2{font-size:32px}.feature-page .site-footer .cols{grid-template-columns:1fr 1fr;gap:28px 22px}.feature-page .site-footer li a{min-height:38px;font-size:13px}.feature-page .footer-intro{display:block}.feature-page .footer-intro p{margin-top:18px}.security-bridge{padding:26px}}
@media(prefers-reduced-motion:reduce){.story-stage{position:relative;top:0}.story-layout{display:block}.story-stage{display:none}.story-step,.story-step:last-child{min-height:0;padding:35px 0;border-top:1px solid #354643}.mobile-proof{display:flex;align-items:center;gap:18px;background:#1b2c2e;padding:22px;border-radius:14px}.mobile-proof i{font-style:normal;color:var(--mint)}.mobile-proof span:last-child{color:var(--mint)}}
/* A portrait capture is a labelled excerpt; the image is never stretched. */
.screen-excerpt img{object-fit:cover;object-position:center 10%}
.legacy-anchor{display:block;height:0;scroll-margin-top:24px}
/* Keep the entire scene, including its caption, visible on shallow desktops. */
.story-stage svg{max-height:calc(100svh - 260px)}
/* Detailed features retain the shared rhythm; each section explains one decision. */
.story-nav{grid-template-columns:repeat(var(--step-count,4),minmax(0,1fr))}
.feature-status{border-left:3px solid var(--mint);padding:16px 24px;margin:0 0 44px;background:#1b2c2e;border-radius:0 14px 14px 0}
.feature-status strong{font:500 12px var(--font-mono);color:var(--mint);text-transform:uppercase;letter-spacing:.06em}.feature-status p{font-size:16px;line-height:1.6;margin:10px 0 0;max-width:85ch}
.feature-logos{display:flex;gap:24px;flex-wrap:wrap;padding:0 0 48px}.feature-logos a{display:flex;align-items:center;gap:14px;text-decoration:none;padding:12px 20px 12px 0;flex:1;min-width:200px}.feature-logos img{object-fit:contain;filter:grayscale(1) brightness(0) invert(1);opacity:.85;transition:filter .2s}.feature-logos a:hover img,.feature-logos a:focus-visible img{filter:none;opacity:1}.feature-logos strong{font-size:16px;font-weight:500}.feature-logos small{display:block;color:var(--muted);font-size:12px;line-height:1.5;margin-top:5px;max-width:29ch}
.feature-detail-section,.feature-commands,.feature-glossary,.feature-downloads{padding:72px 0;border-top:1px solid #354643;scroll-margin-top:32px}
.feature-detail-section>header{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start;margin-bottom:32px}.feature-detail-section>header p{font-size:18px;line-height:1.7;max-width:50ch;margin:0}.feature-detail-section>header h2{max-width:23ch}
.feature-detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:32px}.feature-detail-grid article{border-top:1px solid #456459;padding-top:22px}.feature-detail-grid h3{font-size:24px;margin:0 0 16px;max-width:25ch}.feature-detail-grid p{font-size:16px;line-height:1.75;margin:0}.feature-detail-grid a{display:inline-block;padding:14px 0;color:var(--mint);font-size:14px}
.feature-commands article{padding:28px 0;border-top:1px solid #354643}.feature-commands h3{font-size:24px;margin:0 0 12px}.feature-commands p{font-size:16px;line-height:1.6}.feature-commands pre{max-width:100%;overflow:auto;padding:24px;background:#182627;border-radius:16px;border:1px solid #354643;font:13px/1.8 var(--font-mono);color:var(--text);white-space:pre-wrap;overflow-wrap:anywhere}
.feature-focus{display:grid;grid-template-columns:.7fr 1.3fr;gap:48px;padding:72px 0;border-top:1px solid #354643;align-items:center}.feature-focus p{font-size:17px;line-height:1.7}.feature-focus figure{margin:0;min-width:0}.feature-focus img{display:block;width:100%;height:auto;border:1px solid #354643;border-radius:14px}.feature-focus figcaption{font-size:12px;line-height:1.7;margin:18px 0;color:var(--muted)}
.feature-testimonial{margin:28px 0 72px;padding:clamp(28px,5vw,64px);background:#1c302c;border-radius:24px;position:relative}.feature-testimonial blockquote{font:500 clamp(24px,3vw,38px)/1.4 var(--font-display);letter-spacing:-.02em;color:var(--text);margin:0 0 28px;padding:0;border:0;max-width:39ch}.feature-testimonial blockquote:before{content:'« '}.feature-testimonial blockquote:after{content:' »'}.feature-testimonial figcaption{font-size:15px;color:var(--mint)}.feature-testimonial>p:last-child{font-size:12px;line-height:1.6;max-width:80ch;margin-top:18px}
.feature-glossary dl{display:grid;grid-template-columns:1fr 1fr;gap:0 40px;margin:0}.feature-glossary dl>div{padding:22px 0;border-top:1px solid #354643}.feature-glossary dt{font:500 20px var(--font-display);color:var(--mint);margin-bottom:12px}.feature-glossary dd{margin:0;color:var(--muted);font-size:16px;line-height:1.7}
.feature-downloads>div{display:grid;grid-template-columns:1fr 1fr;gap:32px}.feature-downloads article{padding:28px;background:#1b2c2e;border-radius:20px}.feature-downloads h3{margin-top:0}.feature-downloads p{font-size:16px;line-height:1.7}.feature-downloads a{display:inline-block;padding:14px 0;color:var(--mint)}
.feature-page :focus-visible{outline:2px solid var(--mint);outline-offset:5px}.feature-page main>section{min-width:0}.feature-page main a{overflow-wrap:anywhere}
@media(max-width:959px){.story-nav{grid-template-columns:repeat(3,minmax(0,1fr))}.feature-detail-section>header{gap:32px}.feature-focus{grid-template-columns:1fr;gap:24px}.feature-focus>div{max-width:65ch}}
@media(max-width:600px){.story-nav{grid-template-columns:1fr 1fr}.feature-detail-section,.feature-commands,.feature-glossary,.feature-downloads{padding:44px 0}.feature-detail-section>header{display:block;margin-bottom:28px}.feature-detail-section>header p{font-size:16px}.feature-detail-grid{grid-template-columns:1fr;gap:28px}.feature-detail-grid h3{font-size:23px}.feature-glossary dl,.feature-downloads>div{grid-template-columns:1fr}.feature-logos{gap:8px}.feature-logos a{min-width:140px;padding-right:0}.feature-logos img{width:28px;height:28px}.feature-focus{padding:44px 0}.feature-testimonial{margin-bottom:44px}.feature-commands pre{padding:16px;font-size:12px}}
.feature-testimonial.with-portrait{display:grid;grid-template-columns:minmax(170px,.65fr) 1.6fr;gap:clamp(24px,4vw,54px);align-items:center}
.testimonial-portrait{display:block;width:100%;height:auto;aspect-ratio:3/4;object-fit:cover;border-radius:14px;filter:grayscale(1)}
.feature-testimonial .testimonial-context{font-size:12px;line-height:1.6;max-width:80ch;margin-top:18px}
.feature-directory{padding:32px 0 72px}.feature-directory>header{max-width:66ch;margin-bottom:38px}.feature-directory>header p{font-size:18px;line-height:1.7}.feature-directory-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.feature-directory-grid a{display:flex;flex-direction:column;text-decoration:none;min-height:225px;border-radius:20px;padding:28px;background:#1b2c2e;border:1px solid #354643}.feature-directory-grid a:hover{background:#244036}.feature-directory-grid h3{font-size:25px;margin:0 0 18px}.feature-directory-grid p{font-size:16px;line-height:1.65;margin:0 0 24px}.feature-directory-grid span{margin-top:auto;color:var(--mint);font-size:13px}
@media(max-width:959px){.feature-directory-grid{grid-template-columns:1fr 1fr}.feature-testimonial.with-portrait{grid-template-columns:180px 1fr}}
@media(max-width:600px){.feature-directory-grid{grid-template-columns:1fr}.feature-testimonial.with-portrait{display:block}.testimonial-portrait{width:160px;margin-bottom:28px}.feature-directory-grid a{min-height:0}}
.feature-directory h1{font:600 clamp(36px,5vw,66px)/1.07 var(--font-display);letter-spacing:-.05em;max-width:19ch;margin:42px 0 26px;color:var(--text)}
.feature-testimonial .testimonial-attribution{font-size:15px;line-height:1.6;color:var(--mint)}