/* Ticko after dark: the product is the first impression. */
:root{color-scheme:dark;--ink:#f3f5ff;--muted:#a0abc2;--line:#263046;--pale:#141d32;--white:#101725;--accent:#83a4ff}
body{background:#080b13;color:var(--ink)}
.site-header{background:#080b13ed;border-color:#1b2436}
.brand>img{filter:invert(1);mix-blend-mode:screen}
.brand-paid,.mini-brand>span,.desktop-nav a:hover{color:#8eacff}
.mobile-nav{background:#0e1422;box-shadow:0 15px 30px #0005}
.menu-toggle{border-color:#344059}
.skip-link{background:#fff;color:#080b13}
.hero{padding-top:0}
.hero-stage{height:clamp(630px,calc(100svh - 91px),740px);margin:0 calc(-1 * var(--pad));border-radius:0;background:radial-gradient(ellipse at 50% 46%,#173381 0%,#101c3c 30%,#080b13 66%);overflow:hidden}
.hero-art{object-position:center 48%;opacity:.19;mix-blend-mode:screen;mask-image:radial-gradient(ellipse at 50% 48%,#000 15%,transparent 69%)}
.hero-stage:after{background:linear-gradient(180deg,#080b1310 50%,#080b13);z-index:-1}
.phone-wrap{left:50%;top:40px;width:285px;height:580px;scale:1;transform-origin:50% 0;filter:drop-shadow(0 22px 30px #0009) drop-shadow(0 0 45px #376aff38);animation:phoneFloat 8s ease-in-out infinite}
.phone{background:#0d1422;color:#f4f6ff;border-color:#475571;outline-color:#95b0e16b;box-shadow:inset 0 0 0 1px #9db2de30}
.phone-status i{background:#03050a;box-shadow:0 1px 0 #3c465b}
.phone-top{margin-top:23px}
.phone-greeting,.phone-campaign p{color:#a7b4cd}
.phone h2 em{color:#96b4ff}
.preview-tag{color:#aac0ff;border-color:#3a507b}
.phone-art{background:#172440}
.phone-art img{filter:brightness(.72) saturate(1.15)}
.phone-art>span{color:#fff;text-shadow:0 1px 8px #000;background:#0d183994;padding:5px 7px;border-radius:3px;left:7px;bottom:7px}
.phone-campaign>span{color:#9baac5}
.phone-bottom{border-color:#29354d;color:#a2aec5}
.phone-bottom span:first-child{color:#a9c0ff}
.stage-note{top:40%;left:var(--pad);width:245px}
.stage-note .tiny-label{color:#8ba9f8}
.stage-note p{color:#dae5ff;font-size:26px;line-height:1.2}
.stage-index{margin-top:32px;color:#8a9dbc}
.floating-note{right:var(--pad);bottom:28%;background:#111d33dc;border:1px solid #304668;box-shadow:0 15px 50px #0005;color:#f3f6ff}
.floating-note div>span{color:#b2bfd7}
.note-icon{background:#253c70;color:#a7c0ff}
.stage-corner{color:#91a4c7;right:var(--pad);bottom:30px}
.hero-caption{color:#8d9bb6;padding-top:25px}
.hero h1{margin-top:48px}
.title-blue{color:#83a4ff}
.hero-summary{margin-bottom:40px}
.hero-bottom{color:#9aabc9;border-bottom:1px solid var(--line)}
.hero-bottom a{color:#dfe7ff}
.button{box-shadow:0 5px 24px #164aff18}
.button-white{color:#1234a9;background:#edf2ff;border-color:#edf2ff}
.section-top{color:#aab8d4}
.demo-grid{background:#0d1320;border-color:#29334a}
.demo-main{background:#0f1728}
.pill{border-color:#3b4d78;color:#a7beff}
.tabs button{color:#a9b6d0}
.tabs button[aria-selected=true]{background:#233252;border-color:#3c517e;color:#fff;box-shadow:none}
.campaign-panel{background:#151f34}
.campaign-copy>.tiny-label{color:#a7bfff}
.campaign-copy p{color:#b6c2d8}
.campaign-art{background:#13223e}
.campaign-art img{filter:brightness(.6) saturate(1.15)}
.campaign-art-label{color:#fff;text-shadow:0 2px 14px #051539}
.session{background:#0c1321}
.session-counter strong,.activity li>span{color:#90adff}
.session dl>div{border-color:#263046}
.activity>p{color:#9caac4}
.text-button{color:#b0bed8}
.discovery-header h2>span{color:#8daaff}
.discovery-list button{background:transparent;color:#e9efff}
.discovery-list button>span{color:#91a1bd}
.discovery-list button[aria-selected=true],.discovery-list button[aria-selected=true] i{color:#92afff}
.direction-panel{background:#142441}
.direction-panel>img{filter:brightness(.6) saturate(1.2)}
.direction-panel:after{background:linear-gradient(transparent,#101d36 97%)}
.direction-copy>.tiny-label{color:#abc1ff}
.direction-copy p{color:#b8c8e2}
.direction-panel>span{color:#e0e9ff}
.idea{background:#102455;border-block:1px solid #283f75}
.manifesto>span{color:#8faaff}
.idea-bottom>p{color:#c1cfee}
.idea-pillars>span{border-color:#536b9c;color:#d7e3ff}
.detail-number,.text-link{color:#94afff}
.detail-visual{background:#142038;border:1px solid #2a3953}
.value-visual>img{filter:brightness(.64) saturate(1.2)}
.value-visual>span{color:#edf3ff;background:#0b193cba;padding:8px 10px;border-radius:3px}
.connection-visual{background:#101a31}
.receipt-visual{background:radial-gradient(ellipse at 50% 50%,#243d6f,#101b30)}
.receipt{background:#19253d;border:1px solid #425474;box-shadow:0 20px 30px #0004}
.receipt-check{background:#293e6c;color:#b5caff}
.receipt>div:not(.receipt-head){border-color:#354461}
.receipt>p{color:#a9b6ce}
.app-visual{background:#132957}
.statement{background:#070c18;border-block:1px solid #202b42}
.statement-track{color:#243657}
.mechanism h2 em,.steps li>span:first-child,.step-symbol{color:#9bb5ff}
.mechanism-footnote{color:#9aabc9}
.status-section{background:#0b1220}
.status-grid article{background:#121c2f;border-color:#2d3c58}
.status-outlined{background:#18253d;border-color:#455877;color:#c4d3ee}
.status-grid a{color:#a9c0ff}
.status-bottom{color:#a1b0ce}
summary>span{color:#9fb8ff}
.site-footer{background:#0d1b3b;border-top:1px solid #2b4273}
.footer-top .eyebrow{color:#a9bce8}
.footer-bottom{border-color:#3c507b}
.footer-disclaimer{color:#a4b6dd}
.toast{background:#203257;border:1px solid #4b6696;box-shadow:0 10px 40px #0006}
.js .intro{display:none}
.js .hero-stage.entrance{animation:phoneStageIn .9s var(--ease) both;animation-delay:0s}
.js .hero-caption.entrance{animation-delay:.25s}
.js .hero h1 .entrance:first-child{animation-delay:.35s}
.js .hero h1 .entrance:nth-child(2){animation-delay:.45s}
.js .hero-summary.entrance{animation-delay:.55s}
@keyframes phoneStageIn{from{opacity:.45;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1600px){.phone-wrap{top:42px;scale:1.1}.hero-stage{height:740px}}
@media(max-width:1100px){.stage-note{width:205px}.stage-note p{font-size:22px}.floating-note{right:25px;padding:12px}.floating-note div>span{max-width:160px;display:block;line-height:1.4}}
@media(max-width:900px) and (min-width:761px){.stage-note{top:23%;width:155px}.stage-note p{font-size:18px}.floating-note{bottom:14%;right:28px;max-width:220px}}
@media(max-width:760px){.site-header{background:#080b13}.hero-stage{height:620px;min-height:0;margin:0 -22px;background:radial-gradient(ellipse at 50% 45%,#17347a 0%,#0e1931 43%,#080b13 74%)}.hero-art{opacity:.17;object-position:54% center;mask-image:radial-gradient(ellipse at 50% 50%,#000 15%,transparent 72%)}.phone-wrap{left:50%;top:25px;width:255px;height:565px;scale:1}.phone{height:565px}.stage-note{display:none}.floating-note{right:15px;bottom:48px;padding:10px 12px;max-width:225px}.floating-note div>span{font-size:9px;max-width:none}.note-icon{width:26px;height:26px}.stage-corner{display:none}.hero-caption{padding-top:12px}.hero h1{margin-top:32px}.hero-summary{margin-bottom:30px}.hero-bottom{padding-bottom:20px}.campaign-art{opacity:.18}.campaign-copy p{color:#b7c5de}.direction-copy p{color:#c6d3e9}.brand>img{mix-blend-mode:screen}.hero-stage.entrance{will-change:auto}}
@media(max-width:760px) and (max-height:740px){.hero-stage{height:535px}.phone-wrap{scale:.86;top:18px}.floating-note{bottom:43px;right:14px}}
@media(max-width:760px){.floating-note{display:none}}
@media(prefers-reduced-motion:reduce){.js .hero-stage.entrance{animation:none;opacity:1;transform:none}}
