.scroll-progress{position:fixed;top:0;left:0;right:0;height:2px;z-index:var(--z-progress);pointer-events:none}.scroll-progress-bar{height:100%;width:0%;background:linear-gradient(90deg,var(--accent),var(--accent-hover));box-shadow:0 0 10px var(--accent-glow-strong),0 0 30px var(--accent-glow)}.immersive-hero{position:relative;width:100%;min-height:auto;display:flex;flex-direction:column;align-items:center;padding-top:var(--sp-section);overflow:hidden}.hero-bg-wrapper{position:absolute;top:0;left:0;right:0;height:100%;z-index:-1;overflow:hidden}.hero-bg{width:100%;height:120%;background-size:cover;background-position:center;filter:blur(8px) brightness(.55) saturate(1.2);transform:scale(1.05)}.bg-gradient-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,rgba(26,26,30,.15) 0%,rgba(26,26,30,.55) 40%,var(--s-base) 92%)}.immersive-hero-content{position:relative;z-index:1;text-align:center;max-width:800px;padding-bottom:var(--sp-element);margin-top:var(--sp-section)}.hero-badge{display:inline-block;font-family:var(--f-mono);font-size:var(--fs-xs);font-weight:500;color:var(--accent);background:var(--accent-bg);border:1px solid var(--accent-border);padding:4px 12px;border-radius:100px;margin-bottom:var(--sp-element)}.hero-headline{font-size:clamp(3rem,6vw,5rem);font-weight:700;line-height:1.1;margin-bottom:var(--sp-element);text-shadow:0 4px 20px rgba(0,0,0,.5)}.hero-headline span{color:var(--accent)}.hero-tagline{font-size:var(--fs-lg);color:var(--t-muted);max-width:55ch;margin:0 auto;text-shadow:0 2px 10px rgba(0,0,0,.8)}.hero-screenshot-wrapper,.hero-mock-wrapper{position:relative;z-index:2;width:100%;margin-top:var(--sp-block)}@supports (animation-timeline: view()){.hero-screenshot-reveal,.hero-mock-reveal{animation:screenshot-rise linear both;animation-timeline:view();animation-range:entry 0% entry 100%}@keyframes screenshot-rise{0%{opacity:0;transform:translateY(80px) scale(.93);filter:blur(4px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}}@supports not (animation-timeline: view()){.hero-screenshot-reveal,.hero-mock-reveal{opacity:0;transform:translateY(60px) scale(.95);transition:opacity .8s var(--ease-out),transform .8s var(--ease-out-spring)}.hero-screenshot-reveal.visible,.hero-mock-reveal.visible{opacity:1;transform:translateY(0) scale(1)}}.spec-wide-band{position:relative;padding:0;background:var(--s-raised);border-top:1px solid var(--b-subtle);border-bottom:1px solid var(--b-subtle)}.spec-section{position:relative;padding:var(--sp-section) 0}.spec-section--lower{padding-top:0}.spec-container{max-width:var(--max-w)}.spec-group{display:grid;grid-template-columns:1fr;gap:var(--sp-block);padding:var(--sp-block) 0;position:relative}.spec-group+.spec-group:before{content:"";position:absolute;top:0;left:15%;right:15%;height:1px;background:linear-gradient(90deg,transparent 0%,var(--accent-border) 30%,var(--accent-border-hover) 50%,var(--accent-border) 70%,transparent 100%)}.spec-group:nth-child(2n){background:linear-gradient(180deg,transparent 0%,var(--accent-bg) 30%,var(--accent-bg) 50%,var(--accent-bg) 70%,transparent 100%);border-radius:var(--r-xl);padding-left:var(--gutter);padding-right:var(--gutter);margin-left:calc(-1 * var(--gutter));margin-right:calc(-1 * var(--gutter))}@media(min-width:900px){.spec-group{grid-template-columns:minmax(0,.92fr) minmax(0,1.28fr);align-items:center}.spec-group--flipped{grid-template-columns:minmax(0,1.28fr) minmax(0,.92fr)}}.spec-p--wide{max-width:55ch}@supports (animation-timeline: view()){.spec-group.reveal{opacity:1;transform:none}.spec-group .spec-lead{animation:spec-lead-in linear both;animation-timeline:view();animation-range:entry 0% entry 60%}.spec-group .spec-details{animation:spec-details-in linear both;animation-timeline:view();animation-range:entry 10% entry 70%}@keyframes spec-lead-in{0%{opacity:0;transform:translate(-30px) translateY(20px);filter:blur(2px)}to{opacity:1;transform:translate(0) translateY(0);filter:blur(0)}}@keyframes spec-details-in{0%{opacity:0;transform:translate(30px) translateY(20px);filter:blur(2px)}to{opacity:1;transform:translate(0) translateY(0);filter:blur(0)}}.spec-group--flipped .spec-details{animation-name:spec-lead-in}.spec-group--flipped .spec-lead{animation-name:spec-details-in}}.spec-lead{display:grid;align-content:start;gap:var(--sp-4)}.spec-index{font-family:var(--f-mono);font-size:var(--fs-sm);color:var(--t-muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:var(--sp-3)}.spec-number{display:inline-block;min-width:2.2ch;font-variant-numeric:tabular-nums;transition:opacity .4s var(--ease-out),transform .4s var(--ease-out-spring)}.spec-index:not(.index-visible) .spec-number{opacity:0;transform:translateY(10px)}.spec-index.index-visible .spec-number{opacity:1;transform:translateY(0)}.accent-slash{color:var(--accent);font-weight:700;display:inline-block;transition:opacity .3s var(--ease-out),transform .3s var(--ease-out-spring)}.spec-index:not(.index-visible) .accent-slash{opacity:0;transform:scaleY(.3)}.spec-index.index-visible .accent-slash{opacity:1;transform:scaleY(1);transition-delay:.15s}.spec-h2{font-size:var(--fs-h2);font-weight:600;margin-bottom:var(--sp-2);line-height:1.2}.spec-p{font-size:var(--fs-md);color:var(--t-muted);max-width:40ch;line-height:1.6}.spec-details{display:grid;gap:var(--sp-4);align-content:start}.spec-visual{width:100%;justify-self:start}.spec-visual--sidebar{max-width:460px}.spec-visual--lead{margin-top:var(--sp-2)}.spec-list dt{font-size:var(--fs-h4);font-weight:600;color:var(--t-bright);border-left:2px solid var(--accent);padding-left:var(--sp-3);margin-bottom:var(--sp-1-5);margin-top:var(--sp-element)}.spec-list dt:first-child{margin-top:0}.spec-list dd{font-size:var(--fs-sm);color:var(--t-subtle);line-height:1.6;padding-left:var(--sp-3);padding-bottom:var(--sp-3);border-bottom:1px solid rgba(255,255,255,.03);margin-left:0}.spec-list dd:last-child{border-bottom:none;padding-bottom:0}.tool-spec-grid{display:grid;grid-template-columns:1fr;gap:var(--sp-element)}@media(min-width:600px){.tool-spec-grid{grid-template-columns:1fr 1fr}}.tool-h3{font-size:var(--fs-h4);font-weight:600;border-left:2px solid var(--accent);padding-left:var(--sp-3);margin-bottom:var(--sp-1-5);color:var(--t-bright)}.tool-spec p{font-size:var(--fs-sm);color:var(--t-subtle);line-height:1.6;padding-left:var(--sp-3)}.cta-banner{position:relative;background:var(--s-raised);border-top:1px solid var(--b-subtle);padding-top:var(--sp-section);padding-bottom:var(--sp-section);overflow:hidden}.cta-inner{position:relative;z-index:1;text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--sp-4)}.cta-heading{font-size:var(--fs-h1)}.cta-text{color:var(--t-muted);font-size:var(--fs-body)}.cta-button{display:inline-block;font-family:var(--f-ui);font-size:var(--fs-sm);font-weight:600;color:var(--s-base);background:var(--accent);padding:var(--sp-3) var(--sp-8);border-radius:100px;margin-top:var(--sp-2);transition:background var(--dur-micro) var(--ease-out),transform var(--dur-micro) var(--ease-out-spring)}.cta-button:hover{background:var(--accent-hover);color:var(--s-base);transform:translateY(-2px)}.cta-button:active{transform:translateY(1px) scale(.98)}.cta-actions{display:flex;align-items:center;justify-content:center;gap:var(--sp-3);flex-wrap:wrap;margin-top:var(--sp-2)}.cta-actions .cta-button{margin-top:0}.cta-button--secondary{display:inline-block;font-family:var(--f-ui);font-size:var(--fs-sm);font-weight:600;color:var(--t-muted);background:transparent;border:1px solid var(--b-subtle);padding:calc(var(--sp-3) - 1px) var(--sp-8);border-radius:100px;transition:color var(--dur-micro) var(--ease-out),border-color var(--dur-micro) var(--ease-out),transform var(--dur-micro) var(--ease-out-spring)}.cta-button--secondary:hover{color:var(--accent-text);border-color:var(--accent-border);transform:translateY(-2px)}.cta-button--secondary:active{transform:translateY(1px) scale(.98)}[data-text-reveal]{background:linear-gradient(90deg,var(--t-primary) 0%,var(--t-primary) 50%,var(--t-dim) 50.1%,var(--t-dim) 100%);background-size:200% 100%;background-position:100% 0;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;transition:background-position .8s var(--ease-out)}[data-text-reveal].text-revealed{background-position:0% 0}.stat-inline{font-family:var(--f-ui);font-weight:600;color:var(--accent-text);font-variant-numeric:tabular-nums}@media(prefers-reduced-motion:reduce){[data-parallax-speed]{transform:none!important}.hero-screenshot-reveal,.hero-mock-reveal{opacity:1!important;transform:none!important;filter:none!important;animation:none!important}.spec-group .spec-lead,.spec-group .spec-details{animation:none!important;opacity:1!important;transform:none!important;filter:none!important}.spec-number,.accent-slash{opacity:1!important;transform:none!important;transition:none!important}[data-text-reveal]{background-position:0% 0!important;transition:none!important}}.hero-app-window{border-radius:var(--r-lg);overflow:hidden;border:1px solid var(--b-subtle);box-shadow:var(--shadow-screenshot)}@media(max-width:899px){.spec-visual--sidebar{max-width:none}.spec-lead{gap:var(--sp-4)}.spec-group:nth-child(2n){margin-left:0;margin-right:0;padding-left:0;padding-right:0}}@media(max-width:768px){.immersive-hero{min-height:auto;padding-bottom:var(--sp-block)}}.faq-list{display:flex;flex-direction:column;gap:var(--sp-3)}.faq-item{background:var(--s-raised);border:1px solid var(--b-subtle);border-radius:var(--r-md);padding:var(--sp-4) var(--sp-5);transition:border-color var(--dur-sm) var(--ease-out)}.faq-item[open]{border-color:var(--accent-border)}.faq-item summary{font-family:var(--f-ui);font-size:var(--fs-md);font-weight:600;color:var(--t-primary);cursor:pointer;list-style:none;position:relative;padding-right:var(--sp-6)}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"+";position:absolute;right:0;top:50%;transform:translateY(-50%);font-size:1.4em;color:var(--accent-text);font-weight:400;transition:transform var(--dur-sm) var(--ease-out)}.faq-item[open] summary:after{transform:translateY(-50%) rotate(45deg)}.faq-item p{margin:var(--sp-3) 0 0;font-family:var(--f-prose);font-size:var(--fs-body);color:var(--t-body);line-height:1.7;max-width:none}.faq-item p a{color:var(--accent-text);text-decoration:underline;text-underline-offset:3px}.related-pages{padding:var(--sp-element) 0}.related-pages-inner{display:flex;flex-direction:column;gap:var(--sp-6)}.related-pages-eyebrow{font-family:var(--f-mono);font-size:var(--fs-xs);font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:var(--t-dim);margin:0}.related-pages-title{font-family:var(--f-ui);font-size:var(--fs-h3);font-weight:600;color:var(--t-primary);margin:0;max-width:40ch}.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-4)}.related-card{display:flex;flex-direction:column;gap:var(--sp-3);padding:var(--sp-5) var(--sp-6);background:var(--s-raised);border:1px solid var(--b-subtle);border-radius:var(--r-lg);text-decoration:none;transition:border-color var(--dur-sm) var(--ease-out),transform var(--dur-sm) var(--ease-out)}.related-card:hover{border-color:var(--accent-border);transform:translateY(-2px)}.related-card-audience{font-family:var(--f-mono);font-size:var(--fs-xs);font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--accent-text)}.related-card-headline{font-family:var(--f-ui);font-size:var(--fs-md);font-weight:600;color:var(--t-primary);line-height:1.3;margin:0}.related-card-desc{font-family:var(--f-prose);font-size:var(--fs-sm);color:var(--t-muted);line-height:1.5;margin:0}.related-card-cta{margin-top:auto;padding-top:var(--sp-2);font-family:var(--f-ui);font-size:var(--fs-sm);font-weight:600;color:var(--accent-text)}@media(max-width:900px){.related-grid{grid-template-columns:1fr}}