:root{--ink:#f5f1fc;--muted:#b3b9cd;--night:#101729;--line:#30364c;--violet:#a384ff;--bs-body-bg:var(--night);--bs-body-color:var(--ink);--bs-primary:#8a50ee}
body{font-family:Arial,Helvetica,sans-serif;background:var(--night);color:var(--ink)}a{color:#c8b4ff}button,a,input{touch-action:manipulation}button:focus-visible,a:focus-visible{outline:3px solid #e6caff;outline-offset:5px}.review-bar{min-height:42px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:10px 4%;font-size:12px;color:var(--muted);letter-spacing:.03em;background:#0c1221}.review-bar nav{display:flex;gap:22px}.review-bar a{text-decoration:none}.review-bar a[aria-current]{color:white;text-decoration:underline;text-underline-offset:5px}.container{max-width:1180px}.access-view{display:grid;grid-template-columns:1.1fr 1fr;gap:90px;padding-top:45px;padding-bottom:35px;align-items:center;min-height:calc(100svh - 42px)}.hero-logo{width:145px;height:auto;margin-bottom:35px}.eyebrow{font-size:11px;letter-spacing:.17em;font-weight:700;color:#c5afea}.brand-story h1,.home-heading h1{font-size:clamp(38px,4.3vw,60px);font-weight:700;line-height:1.08;letter-spacing:-2.5px;margin:20px 0}.brand-story h1 span,.home-heading h1 span{color:#c695fb}.intro{font-size:17px;line-height:1.8;color:var(--muted);margin-top:24px}.story-footer{margin-top:60px;font-size:13px;color:var(--muted);display:flex;align-items:center;gap:9px}.small-dot{width:6px;height:6px;background:#ca87f0;border-radius:100%}.access-panels{max-width:440px;width:100%;justify-self:end}.join-panel{padding:26px 0 25px}.access-panels h2{font-size:28px;letter-spacing:-.8px;font-weight:600;margin:10px 0 12px}.join-panel p{font-size:14px;color:var(--muted);line-height:1.7;margin-bottom:20px}.btn{min-height:46px;border-radius:9px;font-size:14px;font-weight:600;padding:12px 20px}.btn-primary{--bs-btn-bg:#8050d8;--bs-btn-border-color:#8050d8;--bs-btn-hover-bg:#9260eb;--bs-btn-hover-border-color:#9260eb;--bs-btn-active-bg:#7040c8;--bs-btn-active-border-color:#7040c8}.btn-primary span{float:right}.btn-outline-light{--bs-btn-border-color:#44445d;--bs-btn-hover-bg:#282e47;--bs-btn-hover-color:#fff;--bs-btn-hover-border-color:#b195e8}.section-divider{border-top:1px solid var(--line);margin:8px 0 20px;padding-top:22px;font-size:10px;letter-spacing:.15em;color:var(--muted)}.login-panel h2{font-size:24px;margin-bottom:20px}.form-label{font-size:12px;color:#d1d2df;margin-bottom:8px}.form-control{background:#171f34;border-color:#3b4259;color:white;border-radius:8px;min-height:45px;font-size:14px}.form-control::placeholder{color:#8f97b0}.form-control:focus{background:#171f34;border-color:var(--violet);box-shadow:0 0 0 3px #a384ff25;color:white}.reveal{border:1px solid #3b4259;background:#171f34;color:#c4b4e8;font-size:12px}.text-button{background:none;border:0;color:#cfb8ff;font-size:12px;padding:0}.recovery{display:block;margin:12px 0 18px auto}.demo-note{color:#9ba3bb;font-size:11px;text-align:center;line-height:1.8;margin:20px 0 0}.demo-note a{white-space:nowrap}.register-options{margin-top:10px}.register-options button+button{margin-top:8px}.app-header{height:110px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.app-header img{width:61px}.header-right{display:flex;align-items:center;gap:24px;font-size:12px;color:var(--muted)}.icon-button{border:1px solid var(--line);border-radius:100%;width:44px;height:44px;background:#1b2338;color:var(--ink)}.icon-button svg{width:19px;fill:none;stroke:currentColor;stroke-width:1.5}.home-content{padding-top:54px;padding-bottom:105px}.home-heading p:last-child{color:var(--muted);font-size:16px;margin-bottom:32px}.home-heading h1{font-size:48px;margin:12px 0 16px}.plan-card{position:relative;display:flex;flex-direction:column;width:100%;padding:27px 30px;text-align:left;border-radius:17px;border:1px solid #3a3758;background:#20233b;color:var(--ink);transition:border-color .2s,transform .2s;overflow:hidden}.plan-card:hover{border-color:#af87e8;transform:translateY(-3px)}.card-number{font-size:10px;letter-spacing:.15em;color:#d2bfe9}.card-copy{margin-top:auto}.card-copy h2{font-size:27px;letter-spacing:-.8px;margin-bottom:10px}.card-copy p{color:#c2bfd6;font-size:14px;line-height:1.65;margin:0}.main-plan{height:390px;background:linear-gradient(140deg,#30214d,#272743 75%)}.plan-art{width:265px;height:165px;align-self:center;fill:none;stroke:#c79bf6;stroke-width:2;margin-top:15px}.plan-art ellipse{fill:#b178e310;stroke:#b178e340}.card-arrow{position:absolute;right:27px;bottom:26px;font-size:27px;color:#dbc2ff}.side-plans{display:flex;flex-direction:column;gap:24px}.side-plans .plan-card{flex:1;min-height:180px}.side-plans .card-copy{margin-top:17px}.people-plan{background:#1c293e;border-color:#324054}.home-footnote{text-align:center;color:#929bb3;font-size:12px;margin-top:29px}.bottom-nav{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:center;gap:38px;background:#111829f5;border-top:1px solid var(--line);padding:10px 12px max(10px,env(safe-area-inset-bottom));backdrop-filter:blur(12px)}.bottom-nav button{background:none;border:0;color:#b7bfd2;display:flex;flex-direction:column;align-items:center;gap:2px;min-width:70px;font-size:11px}.bottom-nav button span{font-size:25px;line-height:28px}.bottom-nav button:hover{color:#dab7ff}dialog{background:#1b2338;color:var(--ink);border:1px solid #65507f;border-radius:18px;padding:36px;max-width:min(440px,calc(100% - 32px));box-shadow:0 30px 100px #0006}dialog::backdrop{background:#070c18b8}dialog h2{font-size:25px}dialog p:not(.eyebrow){color:var(--muted);line-height:1.6}.dialog-close{position:absolute;right:15px;top:10px;border:0;background:none;color:white;font-size:26px}dialog .btn{margin-top:10px}
@media(max-width:991px){.access-view{gap:38px;padding-left:30px;padding-right:30px}.brand-story h1{font-size:42px}.main-plan{height:350px}.side-plans .plan-card{min-height:190px}.home-content,.app-header{padding-left:26px;padding-right:26px}}
@media(max-width:767px){.access-view{display:block;padding:25px 24px 32px}.brand-story{text-align:center}.hero-logo{width:86px;margin-bottom:12px}.brand-story .eyebrow,.brand-story .intro,.story-footer{display:none}.brand-story h1{font-size:29px;letter-spacing:-1px;margin:6px 0 15px}.brand-story h1 br{display:none}.access-panels{margin:auto;max-width:440px}.join-panel{padding-top:17px}.join-panel h2{font-size:25px}.join-panel p{font-size:13px}.app-header{height:90px}.app-header img{width:49px}.home-content{padding-top:32px}.home-heading h1{font-size:39px;letter-spacing:-1.8px}.home-heading .eyebrow{font-size:10px}.home-heading p:last-child{font-size:14px}.main-plan{height:340px}.plan-card{padding:24px}.bottom-nav{gap:0;justify-content:space-around}.bottom-nav button{min-width:50px}.home-footnote{line-height:1.7;margin-bottom:5px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
.bottom-nav svg{width:24px;height:28px;fill:currentColor;stroke:none}
