/* Shared accessibility and content styles. Loaded after page CSS. */
[hidden]{display:none!important}
.skip-link{position:fixed;top:12px;left:12px;z-index:1000;padding:12px 18px;background:#141414;color:#fff;border-radius:8px;transform:translateY(-200%)}
.skip-link:focus{transform:none}
:focus-visible{outline:3px solid #215cce;outline-offset:4px}
main{min-width:0}
details.nav-item{position:relative}
summary.nav-trigger{list-style:none;display:flex;align-items:center;gap:7px;min-height:32px}
summary::-webkit-details-marker{display:none}
details.nav-item:not([open])>.nav-drop{display:none}
details.nav-item[open]>.nav-drop{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,0);background:#fff;max-height:min(70vh,560px);overflow:auto}
details.nav-item[open]>.nav-trigger svg{transform:rotate(180deg)}
details.nav-item:not([open])>.nav-trigger svg{transform:none}
@media(min-width:881px){
 /* The popup scrolls, so place the hover bridge outside its clipped content. */
 details.nav-item[open]::after{content:"";position:absolute;left:0;right:0;top:100%;height:16px;z-index:4}
}
.nav-drop a:focus-visible{background:#edf2fb;outline-offset:-3px}
/* Essential copy never depends on an entrance animation completing. */
.sec-head,.sec-head2,.mock,.trust-col,.faq-left,.faq-item,.cta-inner,.zig-head,.zig-mock,.zig-copy,.reveal{opacity:1;transform:none}
.prelaunch-note{font-size:16px;line-height:1.55;color:#41413e;max-width:65ch;margin:18px auto 0;text-wrap:pretty}
.prelaunch-note strong{color:#141414}
.hero-copy .prelaunch-note{max-width:56ch;margin:18px auto 0;font-size:clamp(16px,1.35vw,19px)}
.ind-copy .prelaunch-note{margin:18px 0 0}
.plan-note{font-size:15px;line-height:1.6;color:#41413e;margin:14px 0 0}
.launch-summary{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 24px;margin:16px 0 0;font-size:16px}
.launch-summary a{color:inherit;text-underline-offset:4px}
.foot-brand .footer-call{margin-top:24px}
.foot-legal{line-height:1.6;font-size:14px}
.foot-col h3{font-size:14px}
.content-section{max-width:1200px;margin:auto;padding:clamp(36px,5vw,72px) var(--pad-x)}
.content-section h2{font-size:clamp(28px,3vw,42px);font-weight:500;letter-spacing:-.025em;line-height:1.15;margin-bottom:20px}
.content-section h3{font-size:22px;line-height:1.3;margin:28px 0 12px}
.content-section p,.content-section li{font-size:17px;line-height:1.7;color:#41413e}
.content-section p+p{margin-top:16px}
.content-section ul,.content-section ol{padding-left:24px;margin:16px 0}
.content-section a,.post-body a{color:#194ca8;text-underline-offset:3px}
.content-columns{display:grid;grid-template-columns:1fr 1fr;gap:48px}
.example-note{border-left:3px solid #141414;padding:4px 0 4px 24px;margin-top:28px}
.example-note strong{color:#141414}
.native-faq details{border:1px solid #d4d4ce;border-radius:14px;padding:0 22px;margin:12px 0;background:#fff}
.native-faq summary{font-size:17px;font-weight:600;cursor:pointer;padding:20px 0;line-height:1.45}
.native-faq details p{padding:0 0 22px;margin:0;max-width:75ch}
details.faq-item summary.faq-q{list-style:none}
details.faq-item .faq-a{display:block}
details.faq-item[open] .fx{transform:rotate(45deg)}
.faq-a p{font-size:16px}
.flowwrap{min-width:0}
.pillrow{flex-wrap:wrap}
.fpill{min-height:44px}
.fstage .fvid[aria-hidden="true"]{pointer-events:none}
/* read by assistive technology and crawlers, never drawn: the video walkthroughs live here */
.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}
.fcap:empty{display:none}
.article-brand-cover{display:grid;place-items:center;background:#f1f1ef;min-height:180px;padding:40px}
.article-brand-cover img{width:min(302px,75%);height:auto;object-fit:contain}
.simple-page .post-head{padding-bottom:28px}
.simple-page .post-body{padding-bottom:52px}
.pricing-amount{font-size:clamp(40px,6vw,64px);font-weight:600;letter-spacing:-.04em;color:#141414}
.pricing-amount span{font-size:20px;letter-spacing:0;font-weight:400}
.source-list{font-size:16px}
.video-status{font-size:15px;line-height:1.6;color:#41413e;margin-top:12px;text-align:center}
@media(max-width:880px){
 body>nav:not(.nav-ready){position:relative;display:flex;flex-wrap:wrap}
 nav:not(.nav-ready) .nav-links{display:flex;flex-direction:column;align-items:stretch;width:100%;gap:16px;order:3}
 nav:not(.nav-ready) .nav-right .btn{display:inline-flex}
 nav:not(.nav-ready) .nav-burger{display:none}
 nav .nav-drop,nav.menu-open .nav-item .nav-drop{position:static;display:block;width:auto;transform:none!important;max-height:none!important;overflow:visible;margin:8px 0;padding:6px;background:#f5f5f3!important;border:0;box-shadow:none}
 nav details.nav-item:not([open])>.nav-drop{display:none!important}
 nav.menu-open .nav-links{max-height:calc(100dvh - 130px);overflow-y:auto;overscroll-behavior:contain}
 nav.nav-ready .nav-burger{display:flex}
 .content-columns{grid-template-columns:1fr;gap:12px}
 .hero-copy .prelaunch-note{font-size:16px}
}
@media(prefers-reduced-motion:reduce){
 *,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}
 .rise,.hero-sub,.dash,.hero-morph{opacity:1;transform:none;filter:none}
}
@media print{
 body>nav,.sec-footer,.skip-link,.cta-streaks,.hero-bg{display:none!important}
 body{zoom:1}
 .rise{opacity:1;transform:none;animation:none}
}
/* Preserve the original desktop navigation spacing. */
.nav-links{gap:46px}
nav.dock{left:clamp(16px,5vw,100px);right:clamp(16px,5vw,100px)}
details.nav-item{display:block;align-self:center}
.post-body .btn{color:#fff;text-decoration:none}
.cover.article-brand-cover{display:grid;place-items:center;background:#f1f1ef}
.cover.article-brand-cover img{position:static;width:min(302px,75%);height:auto;object-fit:contain;transform:none}

/* Keep the original dock width on wide screens; allow room at smaller desktop widths. */
@media(min-width:1200px){nav.dock{left:clamp(24px,14vw,340px);right:clamp(24px,14vw,340px)}}