#hero-title .type-letter{display:inline;opacity:0;animation:typeShow .12s linear forwards;animation-delay:var(--delay)}@keyframes typeShow{to{opacity:1}}.preview-tools{position:fixed;bottom:18px;left:50%;transform:translateX(-50%);z-index:9999;display:flex;gap:14px;align-items:center;padding:12px 18px;border-radius:14px;background:#ffffffeb;box-shadow:0 5px 30px #18244620;font:12px sans-serif;color:#687387}.preview-tools button{border:0;border-radius:8px;padding:9px 14px;background:#505ce6;color:white;cursor:pointer}#preview-dashboard{position:fixed;inset:0;z-index:999;overflow:auto;background:#f2f3f7;opacity:0;pointer-events:none;transform:translateY(24px) scale(.985);filter:blur(5px);transition:opacity .85s .3s,transform 1.1s .3s,filter .85s .3s}#preview-dashboard img{width:100%;display:block}.preview-enter #preview-dashboard{opacity:1;pointer-events:auto;transform:none;filter:none}body>header,body>main{transition:opacity .6s,filter .6s,transform .8s}.preview-enter>header,.preview-enter>main{opacity:0;filter:blur(6px);transform:scale(1.025)}#preview-glow{position:fixed;inset:0;z-index:1000;pointer-events:none;opacity:0;background:radial-gradient(ellipse at 55% 45%,#abb6f980,transparent 60%)}.preview-enter #preview-glow{animation:glow 1.3s ease both}@keyframes glow{40%{opacity:1}100%{opacity:0}}@media(prefers-reduced-motion:reduce){#hero-title .type-letter{animation:none;opacity:1}}


/* Fade every decorative layer, including the original frame, into the next section. */
.hero{border-bottom:0;background:transparent}.hero-canvas,.hero .grain,.hero .hero-frame{-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 48%,rgba(0,0,0,.72) 66%,rgba(0,0,0,.22) 84%,transparent 100%);mask-image:linear-gradient(to bottom,#000 0%,#000 48%,rgba(0,0,0,.72) 66%,rgba(0,0,0,.22) 84%,transparent 100%)}.hero .hero-frame{border-bottom:0}.customer-service-panel{width:min(390px,calc(100vw - 32px));max-height:calc(100svh - 120px);overflow:auto;border-radius:18px;padding:28px;box-shadow:0 20px 80px #141c3826}#landing-feedback{margin-top:22px}#landing-feedback label{display:block;font-size:13px;font-weight:600;margin:18px 0 9px}#landing-feedback label span{font-size:11px;font-weight:400;color:#8b93a1;margin-left:7px}#landing-feedback textarea,#landing-feedback input{box-sizing:border-box;width:100%;padding:12px;border:1px solid #c8cdd655;background:var(--bg);color:inherit;font:14px/1.6 inherit;border-radius:9px;resize:vertical}#landing-feedback textarea:focus,#landing-feedback input:focus{outline:2px solid #5a6bf0;outline-offset:1px}.feedback-help,.feedback-status{font-size:11px!important;color:#828b98!important;line-height:1.6}.feedback-submit{width:100%;margin-top:12px;border:0;border-radius:9px;background:#151b27;color:white;padding:13px;font-weight:600;cursor:pointer}


.desktop-nav a[aria-disabled="true"]{cursor:default}.closing-invite{position:relative;text-align:center;padding:60px 24px 140px;margin:0 auto;isolation:isolate}.closing-invite:before{content:"";position:absolute;inset:0 12%;z-index:-1;background:radial-gradient(ellipse at center,color-mix(in srgb,var(--text) 4%,transparent),transparent 68%);pointer-events:none}.closing-invite h2{font-size:clamp(26px,3vw,42px);letter-spacing:-1px;line-height:1.35;margin:18px 0 12px}.closing-description{color:var(--muted);font-size:15px;line-height:1.8;margin:0 0 28px}.closing-invite .primary-button{min-width:170px}.closing-invite .primary-button:hover span:last-child{transform:translateX(4px)}


.mode-switch{position:relative;display:flex;align-items:center;width:150px;height:38px;border:1px solid var(--line);border-radius:999px;padding:3px;background:color-mix(in srgb,var(--text) 4%,var(--bg));isolation:isolate}.mode-switch button{flex:1;border:0;background:transparent;color:var(--muted);font:12px inherit;cursor:pointer;z-index:1;height:30px;border-radius:999px}.mode-track{position:absolute;left:3px;width:46px;top:3px;bottom:3px;background:color-mix(in srgb,var(--text) 10%,var(--bg));border-radius:999px;transform:translateX(96px);transition:transform .42s cubic-bezier(.2,.8,.2,1),background .4s}.mode-icon{width:46px;height:26px;position:relative;flex-shrink:0}.mode-icon span{position:absolute;inset:0;text-align:center;line-height:26px;font-size:22px;transition:opacity .35s,transform .5s}.mode-sun{color:#b88526;opacity:1;transform:rotate(0) scale(1)}.mode-moon{opacity:0;transform:rotate(-90deg) scale(.4);color:#c8d4ff}html[data-theme="dark"] .mode-track{transform:translateX(0)}html[data-theme="dark"] .mode-sun{opacity:0;transform:rotate(90deg) scale(.4)}html[data-theme="dark"] .mode-moon{opacity:1;transform:rotate(0) scale(1)}.mode-switch button[aria-pressed="true"]{color:var(--text);font-weight:600}.closing-invite.motion-ready>*{opacity:0;transform:translateY(22px);filter:blur(3px);transition:opacity .8s,transform .8s cubic-bezier(.2,.8,.2,1),filter .8s}.closing-invite.is-visible>*{opacity:1;transform:none;filter:none}.closing-invite>*:nth-child(2){transition-delay:.1s}.closing-invite>*:nth-child(3){transition-delay:.22s}.closing-invite>*:nth-child(4){transition-delay:.35s}.closing-invite.is-visible .primary-button{animation:ctaBreathe 3.6s ease-in-out 1.3s infinite;position:relative;overflow:hidden}.closing-invite .primary-button:after{content:"";position:absolute;inset:-70% -40%;background:linear-gradient(110deg,transparent 35%,#ffffff26 48%,transparent 61%);transform:translateX(-120%);pointer-events:none;animation:ctaShine 6s ease-in-out 2s infinite}.closing-invite .primary-button:hover{animation-play-state:paused}@keyframes ctaBreathe{50%{box-shadow:0 0 0 5px #7183df0b,0 10px 38px #7183df33}}@keyframes ctaShine{0%,70%{transform:translateX(-120%)}100%{transform:translateX(120%)}}.company-footer{margin:50px 36px 0;border-top:1px solid var(--line);padding:48px max(20px,calc((100vw - 1240px)/2)) 95px;color:var(--muted);font-size:12px}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:48px;padding-bottom:35px}.footer-brand b{font-size:22px;color:var(--text)}.footer-grid h3{color:var(--text);font-size:13px;margin:0 0 20px}.footer-grid p{line-height:1.9}.footer-grid p span{margin-left:14px;opacity:.7}.footer-legal{border-top:1px solid var(--line);padding-top:22px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:15px;font-size:11px}.footer-template{font-size:10px;opacity:.55;margin-top:15px}.preview-enter .company-footer{opacity:0}@media(max-width:650px){.footer-grid{grid-template-columns:1fr;gap:24px}.company-footer{margin:30px 20px 0;padding:35px 8px 105px}.mode-switch{width:138px}.mode-track{width:40px;transform:translateX(90px)}}@media(prefers-reduced-motion:reduce){.closing-invite.motion-ready>*{opacity:1;transform:none;filter:none;transition:none}.closing-invite .primary-button,.closing-invite .primary-button:after{animation:none!important}.mode-track,.mode-icon span{transition:none}}


.mode-switch{width:126px;height:36px;justify-content:center;gap:0;padding:3px 8px}.mode-caption{width:35px;text-align:center;color:var(--muted);font-family:inherit;font-size:12px;font-weight:400;transition:opacity .25s,transform .3s}.mode-dark-label{opacity:0;visibility:hidden;transform:translateX(4px)}.mode-light-label{opacity:1;visibility:visible}.mode-switch .mode-icon{flex:0 0 34px;width:34px;height:28px;padding:0;border:0;border-radius:50%;background:transparent;cursor:pointer;position:relative}.mode-switch .mode-icon span{line-height:28px;font-size:20px}.mode-switch .mode-icon:focus-visible{outline:2px solid #6779ce;outline-offset:2px}.mode-switch .mode-icon:hover{background:color-mix(in srgb,var(--text) 6%,transparent)}html[data-theme="dark"] .mode-dark-label{opacity:1;visibility:visible;transform:none}html[data-theme="dark"] .mode-light-label{opacity:0;visibility:hidden;transform:translateX(-4px)}


/* Collapse the inactive label rather than reserving an empty half. */
.mode-switch{width:auto;flex:0 0 auto;padding:3px 7px;gap:0}
.mode-switch .mode-caption{flex:0 0 auto;overflow:hidden;white-space:nowrap;min-width:0;transition:width .38s cubic-bezier(.2,.8,.2,1),opacity .25s,transform .38s}
.mode-switch .mode-dark-label{width:0}
.mode-switch .mode-light-label{width:35px}
html[data-theme="dark"] .mode-switch .mode-dark-label{width:35px}
html[data-theme="dark"] .mode-switch .mode-light-label{width:0}
@media(prefers-reduced-motion:reduce){.mode-switch .mode-caption{transition:none}}

html.landing-leaving body{opacity:0;filter:blur(5px);transform:translateY(-8px);transition:opacity .4s,filter .4s,transform .4s}html[data-auth-embed="true"] .company-footer{display:none}body{transition:background-color .3s;color:var(--text)}
/* Keep a themed bridge across document navigation instead of fading to blank. */
html.landing-leaving body{opacity:1;filter:none;transform:none}html.landing-leaving body>header,html.landing-leaving body>main{opacity:0;transform:translateY(-8px);transition:opacity .32s,transform .4s}html:after{pointer-events:none}html.landing-leaving:after{content:"";position:fixed;inset:0;z-index:2147482000;pointer-events:none;background:radial-gradient(ellipse at 55% 45%,#aab8f83b,transparent 65%),radial-gradient(ellipse at 38% 58%,#ddc9eb26,transparent 60%),#f1f2f7;animation:landing-bridge .32s ease both}html[data-theme="dark"].landing-leaving:after{background:radial-gradient(ellipse at 55% 45%,#526bb32b,transparent 65%),#12151c}@keyframes landing-bridge{from{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){html.landing-leaving:after{animation:none}}