/* Keep original composition; motion never reserves space or hides content. */
@keyframes noir-first-paint{from{opacity:0;translate:0 28px}to{opacity:1;translate:0 0}}
@keyframes noir-screen-in{from{opacity:0;translate:32px 0}to{opacity:1;translate:0 0}}
@media(prefers-reduced-motion:no-preference){
 .hero>.eyebrow{animation:noir-first-paint 600ms cubic-bezier(.22,1,.36,1) 50ms both}
 .hero>h1{animation:noir-first-paint 700ms cubic-bezier(.22,1,.36,1) 150ms both}
 .hero>p{animation:noir-first-paint 700ms cubic-bezier(.22,1,.36,1) 250ms both}
 .hero>.actions{animation:noir-first-paint 700ms cubic-bezier(.22,1,.36,1) 350ms both}
 .hero>.hero-note{animation:noir-first-paint 700ms cubic-bezier(.22,1,.36,1) 450ms both}
 .hero>.dashboard{animation:noir-screen-in 850ms cubic-bezier(.22,1,.36,1) 200ms both}
 .noir-motion-reveal{opacity:0;translate:0 30px;transition:opacity 700ms ease var(--entrance-delay,0ms),translate 700ms ease var(--entrance-delay,0ms)}
 .noir-motion-reveal.noir-motion-in{opacity:1;translate:0 0}
 .btn,button{transition:transform 160ms ease,color 220ms ease,border-color 220ms ease}
 .btn:active,button:active{transform:scale(.97)}
 .hero h1 em{display:inline-block;animation:noir-light 1200ms ease-out 0ms both}
 .catalog-track i{transform-origin:left;animation:noir-track 900ms cubic-bezier(.22,1,.36,1) both}
 .btn .action-icon,.text-link .action-icon,.guide-arrow,.guide-image-arrow{transition:translate .25s ease,transform .25s ease}
 .btn:hover .action-icon,.text-link:hover .action-icon{translate:3px 0}
 .guide-list>a:hover .guide-arrow,.lead-guide:hover .guide-image-arrow{transform:rotate(-8deg)}
 .feature,.plan,.catalog-card,.four-stats>div{transition:border-color .3s ease,box-shadow .3s ease}
 .feature:hover,.plan:hover{border-color:#849c5f;box-shadow:0 10px 32px #0003,inset 0 1px 0 #d3f3a51c}
 .questions summary:after{transition:transform .25s ease}
 .questions details[open] summary:after{transform:rotate(180deg)}
}
@keyframes noir-light{from{text-shadow:0 0 0 transparent}45%{text-shadow:0 0 26px #c2f15c4d}to{text-shadow:0 0 0 transparent}}
@keyframes noir-track{from{scale:.15 1}to{scale:1 1}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.float-mark,.player-shell{animation:none!important}}
/* Requested video replaces only the guide image; article navigation stays separate. */
.video-slot{background:#080b07}.video-load{position:relative;display:block;width:100%;height:100%;padding:0;border:0;background:#11170c;color:#fff;overflow:hidden}.video-load>img{width:100%;height:100%;object-fit:cover;opacity:.68}.video-play{position:absolute;left:50%;top:45%;translate:-50% -50%;display:grid;place-items:center;width:58px;height:58px;border-radius:50%;background:var(--lime);color:#17200a;font-size:21px;padding-left:3px;box-shadow:0 5px 30px #0008}.video-prompt{position:absolute;bottom:22px;left:0;right:0;text-align:center;font-size:14px;font-weight:600;letter-spacing:.2px}.video-slot:after{display:none}.video-slot iframe{display:block;width:100%;height:100%;border:0}.video-privacy{font-size:11px!important;line-height:1.6!important;margin:12px 22px 0!important;color:#acb59e!important}.video-privacy a{color:var(--lime);text-decoration:underline;text-underline-offset:3px}.guide-article-link{color:var(--lime);font-size:12px;font-weight:500;display:flex;align-items:center;justify-content:space-between;min-height:44px}.guide-article-link span{display:flex}.lead-guide:has(.video-slot):hover{transform:none}.video-load:hover .video-play{scale:1.07}.video-play{transition:scale .2s ease}@media(max-width:650px){.video-privacy{font-size:12px!important}.guide-article-link{font-size:15px}}
/* New reference: quiet dotted glass, soft green edge light, framed arrow buttons. */
.feature,.catalog-card,.guide-list>a{background-image:radial-gradient(circle at 1px 1px,#d6f7a508 .8px,transparent 1px),radial-gradient(ellipse at 0 0,#98c05d10,transparent 65%),linear-gradient(140deg,#171b15,#0e110d);background-size:14px 14px,100% 100%,100% 100%;border-color:#a7c77c26;box-shadow:inset 0 1px 0 #efffd20a,0 15px 40px #0002}
.guide-list>a{border-radius:21px;position:relative;overflow:hidden}.guide-list>a:before{content:'';position:absolute;left:0;top:18%;bottom:18%;width:1px;background:linear-gradient(transparent,#a9df6266,transparent);pointer-events:none}.guide-list>a:hover{border-color:#b7e47866;box-shadow:inset 0 1px 0 #efffd21a,0 8px 30px #90bb4810}.guide-arrow{border-radius:10px;width:32px;height:36px;background:linear-gradient(135deg,#242a20,#151912);border-color:#d0e4ad26;box-shadow:inset 0 1px 0 #e4ffbd12}.guide-list-top img{border-radius:12px;box-shadow:0 0 25px #9bd14812}.catalog-card{border-radius:25px}.feature{border-radius:23px}.dashboard{box-shadow:inset 0 1px 0 #efffd21a,0 25px 100px #0006,0 0 80px #7ea84a08}.section-heading .eyebrow,.guide-heading .eyebrow{background:#18201266;border-color:#d0e7ad26}.video-play{box-shadow:0 0 0 8px #c2f15c0c,0 10px 40px #0009}
@media(max-width:650px){.guide-arrow{width:25px;height:31px;border-radius:8px}}
/* FAQ reference: a dark rounded panel, centered heading and numbered rows. */
.faq.section{margin-top:65px;margin-bottom:35px;padding:58px 70px 42px;border:1px solid #6a805345;border-radius:38px;background:linear-gradient(155deg,#1b2318,#121910 60%,#0e140c);color:#edf4e7;box-shadow:0 25px 90px #0004;max-width:1080px}.faq.section:before{display:none}.faq>div:first-child{display:block;text-align:center;margin:0 auto 30px}.faq .eyebrow{background:#27341f;color:#c3e69d;border:0;font-size:10px;letter-spacing:1.4px;padding:5px 10px}.faq h2{font-size:38px;line-height:1.15;letter-spacing:-1.7px;margin:14px 0}.faq h2 br{display:none}.faq .questions{display:block;max-width:800px;margin:0 auto;counter-reset:faq-row}.faq .questions details{counter-increment:faq-row;padding:0;margin:9px 0;border:1px solid #8aab6040;border-radius:18px;background:#1d281999;box-shadow:inset 0 1px 0 #d9f5b508;transition:background .25s,border-color .25s,box-shadow .25s}.faq .questions details[open]{background:#25311f;border-color:#93b668;box-shadow:0 0 0 1px #a4d37418,0 5px 22px #0003}.faq .questions summary{position:relative;display:flex;align-items:center;min-height:60px;line-height:1.5;padding:17px 65px 17px 53px;font-size:14px;font-weight:550;color:#edf4e7;list-style:none}.faq .questions summary:before{content:counter(faq-row,decimal-leading-zero);position:absolute;left:18px;top:50%;translate:0 -50%;font-size:10px;color:#d3e9be;background:#34452a;border-radius:7px;display:grid;place-items:center;width:23px;height:23px;line-height:1}.faq .questions summary:after{content:'+';position:absolute;right:18px;top:50%;translate:0 -50%;width:29px;height:29px;display:grid;place-items:center;background:#c2ef78;color:#172011;border-radius:50%;font-size:20px;line-height:1;box-shadow:0 2px 5px #24351930;transform:none}.faq .questions details[open] summary:after{content:'−';background:#354a28;color:#ddf4c6;border:1px solid #7c9a5e;transform:none}.faq .questions p{font-size:14px;line-height:1.75;color:#bac7b2;margin:0;padding:0 65px 22px 53px}.faq-contact{text-align:center;margin:25px auto 0}.faq-contact p{font-size:12px;line-height:1.65;color:#bac7b2;margin:0 0 7px}.faq-contact .text-link{display:inline-flex;align-items:center;gap:7px;color:#c6f184;border-color:#7c9a5e;font-size:13px;min-height:38px}.faq-contact .button-brand{filter:none;width:17px;height:17px;margin-left:0}.faq summary:focus-visible,.faq a:focus-visible{outline:2px solid #c2ef78;outline-offset:3px}
@media(max-width:1000px){.faq.section{padding:45px 35px 35px}}@media(max-width:650px){.faq.section{margin-top:45px;margin-bottom:25px;padding:32px 15px 25px;border-radius:26px;width:calc(100% - 30px)}.faq h2{font-size:29px;letter-spacing:-1px}.faq .questions summary{font-size:15px;padding:16px 46px 16px 41px;min-height:66px}.faq .questions summary:before{left:11px;width:21px;height:21px;font-size:9px}.faq .questions summary:after{right:11px;width:26px;height:26px}.faq .questions p{font-size:15px;padding:0 20px 21px 41px}.faq .questions details{border-radius:16px}.faq-contact p{font-size:13px}.faq-contact .text-link{font-size:14px;min-height:44px}}

/* Faint, dark hero-only backdrop. Original page remains the static fallback. */
.hero{position:relative;isolation:isolate}
.hero-video-backdrop{position:absolute;z-index:-1;pointer-events:none;left:50%;top:0;translate:-50% 0;width:100vw;height:min(850px,100%);overflow:hidden;background:radial-gradient(ellipse at 20% 50%,#26301555,transparent 65%),#0a0d09;mask-image:linear-gradient(#000 70%,transparent)}
#noir-vimeo-background{position:absolute;inset:0;opacity:0;transition:opacity .8s ease}
.hero-video-backdrop.is-playing #noir-vimeo-background{opacity:.28}
#noir-vimeo-background iframe{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:max(100vw,1512px);height:max(56.25vw,850px);border:0;filter:saturate(.5)}
.hero-video-backdrop:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#080c08ad,#080c08bd 60%,#080c08f5)}
.hero-video-toggle{position:absolute;right:0;top:8px;border:1px solid #80926855;border-radius:30px;padding:7px 13px;background:#10170fed;color:#d2dfc7;font:inherit;font-size:11px;min-height:36px;cursor:pointer}
.hero-video-toggle:focus-visible{outline:2px solid var(--lime);outline-offset:3px}
.hero-video-toggle[hidden]{display:none}
.hero>p{color:#bac2b3}.hero-note{color:#aab69e}
@media(max-width:650px){.hero-video-backdrop{height:min(650px,100%)}#noir-vimeo-background iframe{width:1156px;height:650px}.hero-video-toggle{font-size:10px;top:0;padding:6px 10px;min-height:36px}}
@media(prefers-reduced-motion:reduce){#noir-vimeo-background{display:none;transition:none}.hero-video-toggle{display:none}}

/* Same faint backdrop reaches page top behind the header, not later sections. */
body{position:relative;isolation:isolate}
body>.hero-video-backdrop{top:0;height:950px}
.header{position:relative;z-index:2}
.header nav a{color:#cbd1c4}
@media(max-width:650px){body>.hero-video-backdrop{height:730px}}
/* Requested removal of the visible pause pill; keyboard access remains. */
.hero-video-toggle:not(:focus-visible){width:1px;height:1px;min-height:0;padding:0;border:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
/* Cover the enlarged header+hero backdrop without a centered empty band. */
#noir-vimeo-background iframe{width:max(100vw,1688.889px);height:max(56.25vw,950px)}
@media(max-width:650px){#noir-vimeo-background iframe{width:max(100vw,1297.778px);height:max(56.25vw,730px)}}
/* A 16:9 player fills the rounded card instead of letterboxing in a short strip. */
.lead-guide .lead-guide-image.video-slot{width:100%;height:auto;aspect-ratio:16/9}
.lead-guide .lead-guide-image.video-slot iframe{position:absolute;inset:0;display:block;width:100%;height:100%;border:0}

/* Production motion accessibility parity; reveal focused content immediately. */
.noir-motion-reveal:focus-within{opacity:1;translate:0 0;transition:none}
@media(prefers-reduced-motion:reduce){.noir-motion-reveal{opacity:1!important;translate:none!important;transition:none!important}}

/* Requested directional panels, quiet FAQ, and white contact mark. */
.faq-contact .button-brand,.faq-contact a:hover .button-brand,.faq-contact a:focus-visible .button-brand{filter:brightness(0) invert(1)}
@media(prefers-reduced-motion:no-preference){
 .catalog-card.noir-motion-reveal{translate:-64px 0;transition:opacity 800ms cubic-bezier(.22,1,.36,1),translate 800ms cubic-bezier(.22,1,.36,1)}
 .device-visual.noir-motion-reveal{translate:64px 0;transition:opacity 800ms cubic-bezier(.22,1,.36,1),translate 800ms cubic-bezier(.22,1,.36,1)}
 .catalog-card.noir-motion-reveal.noir-motion-in,.device-visual.noir-motion-reveal.noir-motion-in{translate:0 0}
 .faq .noir-motion-reveal,.faq .questions details.noir-motion-reveal{translate:none;transition:opacity 360ms ease,border-color 220ms ease,background 220ms ease;transition-delay:0ms}
 .faq .noir-motion-reveal.noir-motion-in{translate:none}
 .faq>.nv-ambient:before,.faq>.nv-ambient:after{animation:none!important}
 .faq .questions details:hover{box-shadow:inset 0 1px 0 #d9f5b508}
 .catalog-card .nv-edge,.device-visual .nv-edge{display:none}
 .device-visual .float-mark{animation:none!important}
}
@media(max-width:1250px) and (prefers-reduced-motion:no-preference){.catalog-card.noir-motion-reveal{translate:-24px 0}.device-visual.noir-motion-reveal{translate:24px 0}.catalog-card.noir-motion-reveal.noir-motion-in,.device-visual.noir-motion-reveal.noir-motion-in{translate:0 0}}
.catalog-card.noir-motion-reveal:focus-within,.device-visual.noir-motion-reveal:focus-within{opacity:1;translate:0 0;transition:none}

@media(max-width:650px) and (prefers-reduced-motion:no-preference){.catalog-card.noir-motion-reveal{translate:-12px 0}.device-visual.noir-motion-reveal{translate:12px 0}.catalog-card.noir-motion-reveal.noir-motion-in,.device-visual.noir-motion-reveal.noir-motion-in{translate:0 0}}