/* Match the actual external menu: graphite surfaces and restrained blue. */
.hero h1{letter-spacing:-3.5px;text-shadow:none;font-weight:650}
.hero h1>span:last-child{display:block;font-size:.53em;line-height:1.25;letter-spacing:-1.1px;font-weight:500;margin-top:15px;color:#7197d0}
.hero .eyebrow{letter-spacing:1.6px;font-size:9px;color:#8592a5;margin-bottom:24px}
.hero .lead{font-size:13px;line-height:1.85;margin-top:23px;margin-bottom:29px;max-width:420px;color:#929eaf}
.hero-actions{gap:10px}
.hero-actions .button{border-radius:5px;min-height:44px;padding:11px 19px;font-size:11px;box-shadow:none;gap:17px}
.hero-actions .primary{background:#1c304e;border:1px solid #334e75;color:#d8e4f7}
.hero-actions .primary:hover{background:#263e61;border-color:#496b99}
.hero-actions .secondary{background:#191e26;border:1px solid #303947;color:#acb8ca}
.hero-actions .secondary:hover{background:#242c38;border-color:#43516a}
@media(max-width:760px){.hero h1{letter-spacing:-2px}.hero h1>span:last-child{font-size:.53em;letter-spacing:-.8px}.hero .lead{max-width:340px}}
:root{--bg:#0d0f10;--surface:#15181d;--text:#e2e6ec;--muted:#929ba9;--line:#292e36;--accent:#7399d6}
html{background:#0d0f10}body{background:radial-gradient(ellipse at 80% 12%,#2631421c,transparent 45%),#0d0f10}body:before{opacity:.2}.header,.header:before{background:#101215f5;border-color:#ffffff0a}.brand .muted{color:#82a5dc}.header nav{color:#929ba9}.nav-discord{background:#1d293c;border-color:#36465d;border-bottom-color:#151c28;color:#c8d7ef!important}.hero:before{background:radial-gradient(ellipse at 70% 35%,#28374c18,transparent 65%)}.hero .eyebrow{color:#8b9bb1}.dot{background:#83a7df;box-shadow:none}.hero h1{color:#e3e7ee;text-shadow:0 3px 0 #ffffff05,0 18px 45px #0005}.hero h1>span,.hero h1>.hero-title-dot{color:#8daee1}.lead{color:#99a2b0}.hero h1>span:last-child{font-weight:550}.spatial-screen{background:#0e0f10!important;border-color:#353c47!important;border-bottom-color:#1a2029!important;border-right-color:#232c39!important;box-shadow:22px 35px 65px #0008!important}.screen-chrome{background:linear-gradient(#20262f,#171c23);border-color:#343c49;color:#8595ab}.screen-dots i{background:#58677d}.spatial-screen .spatial-caption{background:#171c23;border-color:#303743;color:#8898af}.spatial-screen .spatial-caption>span:last-child{color:#aec2df}.experience{background:linear-gradient(145deg,#1a1e24,#121518);border-color:#30363e;border-bottom-color:#0c0f13;box-shadow:0 23px 0 -13px #171c23,0 25px 0 -13px #343b46,0 35px 55px #0005}.eyebrow{color:#829ec5}.section-heading>p:last-child,.plans-heading>p{color:#929dab}.feature,.feature:first-child,.feature:last-child{background:linear-gradient(145deg,#20252d,#15191f);border-color:#353c46;border-bottom-color:#101419;box-shadow:0 13px 22px #0004}.feature h3{color:#dbe2ec}.feature p{color:#939eaf}.plan,.premium{background:linear-gradient(135deg,#20262e,#14181e 75%);border-color:#3a4351;border-bottom-color:#10141a;border-right-color:#252d39;box-shadow:12px 24px 36px #0006}.premium{border-top-color:#6f8db8}.plan:before,.premium:before{background:radial-gradient(ellipse at top right,#91afea0c,transparent 75%)}.plan-top .eyebrow{color:#8c9eb8}.plan-tag{color:#a1b9dd;border-color:#435673;background:#24334b66}.price{color:#e2e8f2}.plan-description,.plan-details p{color:#99a4b5}.plan-details{border-color:#343b46}.plan-details p:before{color:#8ba8d4}.primary{background:linear-gradient(#8daee0,#6f94cb);border-color:#a2bce05c;border-bottom-color:#465e82;color:#111a27;box-shadow:0 5px 0 #0003,0 10px 20px #0003}.primary:hover{background:linear-gradient(#a0bde8,#83a5d6)}.secondary{background:linear-gradient(#262e3a,#1c2430);border-color:#3b4759;border-bottom-color:#111824;color:#c5d1e3}.secondary:hover{background:#2a3546}.questions details,.option-group{background:linear-gradient(110deg,#1d222a,#14181e);border-color:#343b46;border-bottom-color:#0c1016}.questions details p,.options-note{color:#9aa6b8}.questions details[open]{border-color:#526987}.community{background:linear-gradient(120deg,#242c38,#171d25);border-color:#3b4658;border-bottom-color:#10151c}.purchase-panel{background:linear-gradient(145deg,#252d39,#161d27);border-color:#424f63;border-bottom-color:#0d131d}.product-switch{background:#1c232d;border-color:#3a4556}.product-switch a[aria-current]{background:#2b3b53}.preview-image{border-color:#343c48;border-bottom-color:#171d26;background:#0e0f10}.product-heading h1{text-shadow:0 3px 0 #ffffff06,0 15px 30px #0006}footer{border-color:#303640}.hero-note{display:none}
/* Shared action styling across every page. */
.button.primary,.button.secondary,.nav-discord{border-radius:5px;box-shadow:none;min-height:44px;font-size:11px;font-weight:600;transition:background .18s ease,border-color .18s ease,transform .18s ease}
.button.primary{background:#1c304e;border:1px solid #334e75;color:#d8e4f7}
.button.primary:hover{background:#263e61;border-color:#496b99}
.button.secondary{background:#191e26;border:1px solid #303947;color:#acb8ca}
.button.secondary:hover{background:#242c38;border-color:#43516a}
.nav-discord{background:#1c304e;border:1px solid #334e75;color:#d8e4f7!important;min-height:0}
.nav-discord:hover{background:#263e61;border-color:#496b99}
.plan,.plan.premium{border-radius:10px;border-width:1px;border-color:#343d49;background:linear-gradient(135deg,#20262e,#161a20);box-shadow:0 12px 25px #0003}
.plan.premium{border-color:#425675}
.plan .button{min-height:44px;transform:none}
.community{border-radius:10px;border-width:1px;border-color:#343d49;background:linear-gradient(120deg,#20262e,#161a20);box-shadow:0 12px 25px #0003}
.community h2{font-size:25px;font-weight:600;letter-spacing:-.6px}
/* Simplify the experience section: no stacked base or heavy lower edges. */
.experience{transform:none;border:1px solid #2c333d;border-radius:12px;background:linear-gradient(135deg,#181d23,#12161b);box-shadow:none;padding:42px 32px}
.experience .feature,.experience .feature:first-child,.experience .feature:last-child{border:1px solid #303844;border-radius:8px;background:#1a2028;box-shadow:none;padding:24px}
.experience .section-heading{margin-bottom:30px}
.experience .section-heading h2{font-size:29px;font-weight:600;letter-spacing:-.8px}
@media(max-width:680px){.experience{padding:30px 20px}.experience .section-heading h2{font-size:25px}.experience .feature,.experience .feature:first-child,.experience .feature:last-child{padding:21px}}