/* KARSANEXA motion language: orient, connect, confirm. */
:root{--ease-out:cubic-bezier(.22,1,.36,1);--motion-short:180ms;--motion-medium:460ms;--motion-long:800ms}
.hero-line-mask{display:block;overflow:hidden;padding-bottom:.07em;margin-bottom:-.07em}.hero-line{display:inline-block}.motion-enabled .hero-line{animation:line-rise 1050ms var(--ease-out) both}.motion-enabled .hero-line-mask:nth-child(2) .hero-line{animation-delay:140ms}.motion-enabled .hero-label{animation:fade-up 750ms var(--ease-out) both}.motion-enabled .center-hero>p{animation:fade-up 900ms 220ms var(--ease-out) both}.motion-enabled .hero-cta{animation:fade-up 900ms 340ms var(--ease-out) both}.motion-enabled .hero-stage-note{animation:fade-in 1000ms 480ms ease both}.motion-enabled .page-enter:not(:has(.center-hero)){animation:page-in 540ms var(--ease-out) both}.motion-enabled .signal-art path{stroke-dasharray:1200;stroke-dashoffset:1200;animation:signal-draw 2200ms 350ms var(--ease-out) forwards}.motion-enabled .signal-art{animation:signal-breathe 8s ease-in-out 2600ms infinite}.signal-art{opacity:.7}.motion-enabled .reveal-ready{opacity:.2;transform:translateY(23px);transition:opacity 780ms var(--ease-out) var(--reveal-delay,0ms),transform 780ms var(--ease-out) var(--reveal-delay,0ms)}.motion-enabled .reveal-ready.is-visible{opacity:1;transform:none}.motion-enabled .topbar{transition:background .4s ease,border-color .4s ease,box-shadow .4s ease,transform .5s var(--ease-out)}.has-scrolled .topbar{background:#121411ed;border-color:#3b3f35;box-shadow:0 12px 36px #0004}.motion-enabled.has-scrolled .topbar{transform:scale(.985)}.btn{transition:background var(--motion-short),color var(--motion-short),border-color var(--motion-short),box-shadow .25s,transform .3s var(--ease-out)}.btn .icon{transition:transform .3s var(--ease-out)}.btn:hover .icon{transform:translateX(4px)}.btn:active{transform:translateY(1px) scale(.99)}.btn.primary-pill:hover{box-shadow:0 4px 25px #d2ad7c20;background:#fff}.navlinks a{position:relative;padding:10px 0}.navlinks a:after{content:'';height:1px;background:#d9b086;position:absolute;bottom:4px;left:0;right:0;transform:scaleX(0);transform-origin:left;transition:transform .25s var(--ease-out)}.navlinks a:hover:after,.navlinks a:focus-visible:after{transform:scaleX(1)}.prelaunch-capabilities .capability-card{transition:border-color .35s,background .35s,transform .45s var(--ease-out),box-shadow .35s}.prelaunch-capabilities .capability-card:hover{border-color:#705440;background:#1b1c17;box-shadow:0 20px 38px #0002}.motion-enabled .prelaunch-capabilities .capability-card.is-visible:hover{transform:translateY(-5px)}.capability-symbol{transition:transform .5s var(--ease-out),background .3s}.motion-enabled .capability-card:hover .capability-symbol{transform:rotate(-6deg) scale(1.06);background:#583a28}.motion-enabled .roadmap-grid article.current-step .launch-tag{animation:status-glow 4s ease-in-out infinite}.roadmap-grid article{transition:background .3s}.roadmap-grid article:hover{background:#171b13}.access-form{transition:border-color .3s,box-shadow .3s}.access-form:focus-within{border-color:#9a805d;box-shadow:0 0 0 1px #9a805d22,0 25px 70px #0003}.access-form input,.access-form select{transition:border-color .2s,background .2s,box-shadow .2s}.access-form input:focus,.access-form select:focus{border-color:#d5af80;background:#1b2117;box-shadow:0 0 0 3px #d5af8012}.is-saving:before{content:'';width:13px;height:13px;border:1.5px solid #667256;border-right-color:transparent;border-radius:50%;display:inline-block;margin-right:9px;animation:loading-spin .75s linear infinite}.motion-enabled .saved-state{animation:success-in .5s var(--ease-out) both}.motion-enabled .saved-state>.icon{stroke-dasharray:40;stroke-dashoffset:40;animation:check-draw .65s .2s ease forwards}.faq summary{transition:color .2s}.faq summary:hover{color:#fff}.faq summary:after{transition:transform .25s}.faq details[open] summary:after{transform:rotate(180deg)}.motion-enabled .faq details[open] p{animation:faq-reveal .3s var(--ease-out)}.motion-toggle{display:inline-flex;align-items:center;gap:7px;min-height:36px;padding:6px 10px;background:transparent;border:1px solid #434b37;border-radius:20px;color:#b3c29f;font:10px var(--mono);cursor:pointer;white-space:nowrap}.motion-toggle .icon{width:12px;height:12px}.motion-toggle:hover{background:#20261a;color:#fff}.motion-toggle[aria-pressed=false]{color:#959d8d}.motion-toggle:disabled{cursor:default;opacity:.8}.skip-link{position:fixed;left:15px;top:-80px;z-index:1000;background:#f2f2e9;color:#172012;padding:12px 18px;border-radius:6px;font-size:14px}.skip-link:focus{top:10px}main:focus{outline:none}.flow-story{border-top:1px solid #383d31;padding:23px 0 30px}.flow-caption{display:flex;justify-content:space-between;gap:20px;font:8px var(--mono);letter-spacing:.06em;color:#98a18c}.flow-caption>span:last-child{color:#89947b}.flow-canvas{height:255px;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;position:relative;isolation:isolate;gap:35px}.flow-inputs{display:grid;gap:15px;z-index:2}.flow-record{display:flex;gap:11px;align-items:center;border:1px solid #454a3d;background:#1b1e17;padding:13px 15px;border-radius:6px;box-shadow:0 4px 15px #0002;color:#d3dac9;font-size:12px}.flow-record>.icon{color:#cfab80;width:18px;height:18px}.flow-record small{display:block;color:#9da790;font-size:10px;margin-top:3px}.flow-record i{width:5px;height:5px;border-radius:50%;background:#839573;margin-left:auto}.flow-engine{position:relative;min-height:180px;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:2}.flow-mark{width:66px;height:66px;background:#201f18;border:1px solid #997047;border-radius:15px;display:grid;place-items:center;z-index:2;box-shadow:0 0 35px #a7723312}.flow-mark svg{width:35px;color:#e99d66}.flow-engine>span{font:8px var(--mono);color:#b7b49b;margin-top:34px;letter-spacing:.04em}.engine-orbit{width:112px;height:112px;border:1px solid #4f4f3b;border-radius:50%;position:absolute;top:12px;left:calc(50% - 56px);opacity:.6}.orbit-two{width:144px;height:144px;top:-4px;left:calc(50% - 72px);border-style:dashed;border-color:#444735;opacity:.5}.flow-result{background:#20261a;border:1px solid #586947;border-radius:8px;padding:19px 18px;z-index:2;box-shadow:0 12px 35px #0003}.result-heading{font-size:13px;font-weight:600;color:#d8e5c7;display:flex;justify-content:space-between;gap:10px;align-items:center;padding-bottom:15px;border-bottom:1px solid #3c4b2e;margin-bottom:5px}.result-heading .icon{width:14px;color:#afc58f}.flow-result>div:not(.result-heading){display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:10px;padding:10px 0;color:#b3c29f}.result-rule{width:30px;height:3px;border-radius:4px;background:#5b6d44}.flow-result>small{font-size:8px;color:#9daf87;display:flex;align-items:center;gap:5px;margin-top:12px;padding-top:12px;border-top:1px solid #3b4a2c}.flow-result small .icon{width:10px;height:10px}.flow-connectors{position:absolute;width:100%;height:100%;top:0;left:0;z-index:0;color:#646c56}.flow-base{stroke-width:1;opacity:.45}.flow-stream{stroke:#e8ab75;stroke-width:1.7;stroke-dasharray:45 900;stroke-dashoffset:900;opacity:0}.motion-enabled .flow-story .flow-stream{animation:flow-packet 5s ease-in-out infinite}.motion-enabled .flow-story .stream-two{animation-delay:1.7s}.motion-enabled .engine-orbit.orbit-two{animation:orbit-drift 28s linear infinite}.motion-enabled .flow-record i{animation:source-pulse 5s ease-in-out infinite}.motion-enabled .flow-record:nth-child(2) i{animation-delay:1.1s}.motion-enabled .flow-record:nth-child(3) i{animation-delay:2.2s}.motion-off .flow-stream{opacity:.6;stroke-dasharray:none;stroke-dashoffset:0}.motion-off .reveal-ready{opacity:1;transform:none}.motion-off *, .page-hidden *{animation-play-state:paused!important}.motion-off .signal-art path{stroke-dashoffset:0!important}.motion-off .hero-line{transform:none!important;opacity:1!important}.motion-off .saved-state>.icon{stroke-dashoffset:0!important}
/* Type and contrast refinement: readable before decorative. */
.topbar .navlinks{font-size:13px;gap:28px}.topbar .btn{font-size:12px}.hero-label{font-size:10px;letter-spacing:.12em;color:#b0b3a8}.center-hero>p{font-size:16px;line-height:1.85;color:#c1c4b9}.hero-stage-note{font-size:11px;color:#a1a798}.primary-pill{font-size:13px;min-height:44px}.secondary-cta{font-size:13px;color:#c7cdbe}.manifesto-content p{font-size:14px;color:#b8c0ac}.manifesto-top .label,.dark-section-title .label{font-size:10px;color:#a7b397}.prelaunch-capabilities p{font-size:14px;color:#b4c0a6;line-height:1.8}.prelaunch-capabilities h3{font-size:33px}.ai-principles p,.roadmap-grid p{font-size:14px;color:#b0bea0}.ai-disclosure{font-size:12px;color:#bccaaa;padding:18px}.roadmap-grid h3{font-size:30px}.launch-tag{font-size:9px}.early-access-copy>p{font-size:15px;color:#b5c5a3}.early-access-copy li{font-size:13px}.access-context{font-size:12px;color:#a3b88a}.form-intro p{font-size:14px;color:#b5c5a2}.access-form>label,.access-form .two>label{font-size:13px}.access-form label>span:not(.consent>span){font-size:10px;color:#a8bc91}.access-form input,.access-form select{font-size:14px;min-height:47px}.consent>span{font-size:12px;color:#b8cba1;line-height:1.75}.consent input{width:18px;height:18px}.form-footnote{font-size:11px!important;color:#a7bd8c!important}.access-form .btn{font-size:14px;min-height:48px}.faq summary{font-size:15px;line-height:1.55;min-height:28px}.faq details p{font-size:14px;color:#b3c3a0;line-height:1.85}.dark-faq>div>p{font-size:14px;color:#a7b895}.footer p,.footer a:not(.brand){font-size:12px;color:#a4b58f}.footer h4{font-size:11px}.prelaunch-footer .footer-bottom{align-items:center;gap:18px;flex-wrap:wrap}.prelaunch-footer .footer-bottom>a{font-size:10px}.prelaunch-footer .footer-bottom>span{font-size:10px}.saved-state p{font-size:13px}.saved-state h3{font-size:30px}.article p,.article li{font-size:16px;line-height:1.85;color:#b4c3a1}.article h2{margin-top:44px}.page-intro p{font-size:17px}.dark-block,.dark-faq{padding-top:95px}.journey-section,.early-access-section{padding-top:105px}.access-dedicated{padding-top:70px}.dark-closing{padding-top:105px}.center-hero{position:relative}.motion-enabled .flow-story:not(.in-view) .flow-stream{animation-play-state:running}
@keyframes line-rise{from{transform:translateY(110%);opacity:.2}to{transform:translateY(0);opacity:1}}@keyframes fade-up{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@keyframes fade-in{from{opacity:0}to{opacity:1}}@keyframes page-in{from{opacity:.2;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes signal-draw{to{stroke-dashoffset:0}}@keyframes signal-breathe{0%,100%{opacity:.45;transform:scaleY(.97)}50%{opacity:.8;transform:scaleY(1.02)}}@keyframes flow-packet{0%{stroke-dashoffset:930;opacity:0}10%{opacity:.8}75%{opacity:.8}100%{stroke-dashoffset:0;opacity:0}}@keyframes orbit-drift{to{transform:rotate(360deg)}}@keyframes source-pulse{0%,75%,100%{background:#697d54;box-shadow:none}25%,45%{background:#d9aa73;box-shadow:0 0 8px #d9aa7325}}@keyframes loading-spin{to{transform:rotate(360deg)}}@keyframes success-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes check-draw{to{stroke-dashoffset:0}}@keyframes faq-reveal{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:none}}@keyframes status-glow{0%,100%{border-color:#705236}50%{border-color:#ba885b}}
@media(max-width:1050px){.flow-canvas{gap:22px;grid-template-columns:1fr .7fr 1fr}.flow-record{padding:12px}.flow-engine>span{font-size:7px}.flow-result{padding:17px 13px}.flow-caption{font-size:7px}.result-heading{font-size:12px}.prelaunch-capabilities h3{font-size:30px}.topbar .navlinks{gap:21px}}
@media(max-width:760px){.flow-canvas{grid-template-columns:1fr;gap:22px;height:auto;padding:30px 0 5px;max-width:430px;margin:auto}.flow-inputs{grid-template-columns:1fr;gap:10px}.flow-record{padding:13px 15px;font-size:13px}.flow-record small{font-size:11px}.flow-engine{min-height:125px}.flow-engine>span{font-size:9px;margin-top:25px}.engine-orbit{top:0}.orbit-two{top:-16px}.flow-connectors{display:none}.flow-result{padding:21px}.flow-result>div:not(.result-heading){font-size:12px;padding:12px 0}.result-heading{font-size:15px}.flow-result>small{font-size:10px}.flow-caption{font-size:8px;line-height:1.7;flex-direction:column;gap:6px;text-align:center}.flow-caption>span:last-child{font-size:7px}.flow-story{padding-bottom:27px}.flow-mark{width:61px;height:61px}.flow-mark svg{width:31px}.motion-enabled .flow-engine .flow-mark{animation:source-pulse 5s ease-in-out infinite}.motion-enabled.has-scrolled .topbar{transform:none}.prelaunch-capabilities .capability-card{padding:28px 23px}.prelaunch-capabilities p{font-size:14px}.ai-principles p,.roadmap-grid p{font-size:14px}.center-hero>p{font-size:15px;max-width:530px}.hero-label{font-size:9px}.hero-stage-note{font-size:10px}.dark-block,.dark-faq,.prelaunch-ai,.early-access-section,.journey-section{padding-top:75px}.access-dedicated{padding-top:48px}.dark-closing{padding-top:80px}.footer a:not(.brand){padding:4px 0}.motion-toggle{min-height:40px}.page-intro p{font-size:16px}}
@media(max-width:450px){.center-hero>p{font-size:14px;max-width:335px}.hero-label{font-size:8px;letter-spacing:.05em}.center-hero h1{font-size:clamp(38px,10.8vw,47px)}.center-hero{padding-left:16px;padding-right:16px}.hero-stage-note{font-size:10px;max-width:285px;margin-left:auto;margin-right:auto}.primary-pill{font-size:12px}.hero-cta{gap:18px}.secondary-cta{font-size:12px}.topbar .btn{font-size:10px;min-height:36px;padding:9px 12px}.topbar .brand{font-size:12px}.topbar .actions{gap:8px}.mobile-menu{min-width:36px;min-height:40px;font-size:22px}.manifesto-content p{font-size:14px}.manifesto-content h2{font-size:38px}.manifesto-top .label{font-size:9px}.prelaunch-capabilities h3{font-size:29px}.prelaunch-capabilities p{grid-column:1/-1;margin-top:15px}.ai-principles h3{font-size:28px}.ai-disclosure{font-size:11px}.early-access-copy>p{font-size:14px}.early-access-copy ul{gap:19px}.form-intro p{font-size:13px}.form-intro h2{font-size:33px}.access-form input,.access-form select{font-size:16px}.consent>span{font-size:12px}.form-footnote{font-size:10px!important}.faq summary{font-size:14px}.faq details p{font-size:14px}.saved-state{padding:19px}.saved-state p{font-size:12px}.article p{font-size:15px}.prelaunch-footer .footer-bottom{align-items:flex-start}.motion-enabled .reveal-ready{transform:translateY(15px)}}
@media(hover:none){.btn:hover .icon{transform:none}.prelaunch-capabilities .capability-card:hover{transform:none!important;box-shadow:none}.capability-card:hover .capability-symbol{transform:none!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*:before,*:after{animation:none!important;transition:none!important}.hero-line,.hero-label,.center-hero>p,.hero-cta,.hero-stage-note,.reveal-ready{opacity:1!important;transform:none!important}.signal-art path{stroke-dashoffset:0!important}.flow-stream{stroke-dasharray:none;stroke-dashoffset:0;opacity:.55}.is-saving:before{border:1.5px solid #667256;border-right-color:#667256}.saved-state>.icon{stroke-dashoffset:0!important}}
.navlinks a[aria-current=page]{color:#f5e7d6}.navlinks a[aria-current=page]:after{transform:scaleX(1)}.saved-state{background:transparent;border:0;padding:5px 0;outline:none}.saved-state>.icon{display:block;margin-bottom:20px;width:34px;height:34px}.saved-state>.launch-tag{background:#24371d;color:#c1d9a9;border-color:#4d6838}.saved-state h3{font-size:40px;margin:21px 0 20px}.saved-state>p{font-size:14px;line-height:1.85}.receipt-save{margin-top:26px;padding-top:23px;border-top:1px solid #4a5b39}.receipt-save strong{font-size:14px;color:#d5e5bf}.receipt-save p{font-size:12px}.receipt-actions{display:flex;gap:11px;margin-top:18px}.receipt-actions .btn{font-size:11px;padding:11px;min-height:44px;width:auto;flex:1}.receipt-manage{display:block;font-size:13px;color:#e5b98b;margin-top:20px;text-decoration:underline;text-underline-offset:4px}.receipt-status:empty{display:none}.receipt-status{color:#d3dfc3!important;padding:10px 0 0}.access-form:has(.saved-state){min-height:430px;display:block}.motion-toggle:focus-visible{outline:3px solid #e7ac78;outline-offset:3px}.motion-off .btn .icon{transition:none;transform:none}.motion-off .reveal-ready{transition:none!important}
@media(max-width:450px){.topbar{min-height:66px;height:auto}.topbar .btn{min-height:44px}.mobile-menu{min-width:40px;min-height:44px}.saved-state h3{font-size:37px}.saved-state>p{font-size:14px}.receipt-actions{flex-wrap:wrap}.receipt-actions .btn{min-width:115px}.hero-label{font-size:9px}.form-footnote{font-size:11px!important}.launch-tag{font-size:10px}.dark-section-title .label{font-size:10px}}
.motion-enabled .flow-story:not(.ambient-active) .flow-stream,.motion-enabled .flow-story:not(.ambient-active) .engine-orbit,.motion-enabled .flow-story:not(.ambient-active) .flow-record i,.motion-enabled .center-hero:not(.ambient-active) .signal-art{animation-play-state:paused}

/* Performance polish: animate compositor-friendly properties; ambient work pauses offscreen. */
.motion-enabled .flow-story:not(.ambient-active) .flow-stream,.motion-enabled .flow-story:not(.ambient-active) .engine-orbit,.motion-enabled .flow-story:not(.ambient-active) .flow-record i,.motion-enabled .center-hero:not(.ambient-active) .signal-art path{animation-play-state:paused}
.flow-stream,.engine-orbit,.flow-record i,.signal-art path,.hero-line,.hero-label,.center-hero>p,.hero-cta,.hero-stage-note,.reveal-ready,.page-enter{will-change:transform,opacity}
.motion-off .flow-stream,.motion-off .engine-orbit,.motion-off .flow-record i,.motion-off .signal-art path,.motion-off .hero-line,.motion-off .hero-label,.motion-off .center-hero>p,.motion-off .hero-cta,.motion-off .hero-stage-note{will-change:auto}
.flow-story,.center-hero{content-visibility:auto;contain-intrinsic-size:auto 720px}
@media(max-width:760px){.flow-story{contain-intrinsic-size:auto 900px}}
@media(prefers-reduced-motion:reduce){.flow-story,.center-hero{content-visibility:visible;contain-intrinsic-size:auto}}
