/* Curiovex / luminous obsidian glass & prism accents, local Space Grotesk. */
:root {
  --bg:#080a10; --side:#0e121b; --panel:rgba(255,255,255,.04);
  --panel2:rgba(255,255,255,.065); --border:rgba(255,255,255,.12);
  --text:#f3f4f8; --muted:#9ca3b5; --mint:#34d399; --mint-bg:rgba(52,211,153,.14);
  --purple:#a78bfa; --amber:#fbbf24; --cyan:#38bdf8; --violet:#a78bfa;
  --rose:#fb7185; --gold:#fbbf24; --teal:#2dd4bf; --pink:#f472b6; --orange:#fb923c;
  --grad:linear-gradient(125deg,#34d399 0%,#38bdf8 52%,#a78bfa 100%); --line:rgba(255,255,255,.11);
  --glass:rgba(15,19,29,.68); --card:rgba(17,22,33,.72);
  --font:'Space Grotesk',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  --radius:18px;
}
html {background:var(--bg);scroll-padding-top:100px}
body {background:var(--bg);isolation:isolate;padding-top:0}
body:before {
  inset:0;z-index:-2;animation:none;transform:none;
  background:radial-gradient(ellipse 75% 65% at 86% 3%,rgba(56,189,248,.11),transparent 70%),
    radial-gradient(ellipse 65% 65% at 5% 75%,rgba(167,139,250,.08),transparent 70%),#080a10;
}
body:after {
  inset:0;z-index:-1;opacity:.16;mask-image:none;
  background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.88' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' opacity='.13' filter='url(%23n)' d='M0 0h160v160H0z'/%3E%3C/svg%3E");
  background-size:160px;
}
::selection {color:#080a10;background:#38bdf8}
h1,h2,h3,.brand {font-family:var(--font)}
.mint {color:#34d399}
.brand-period {color:#38bdf8}
.brand-symbol img,.brand-symbol svg {filter:drop-shadow(0 0 10px rgba(56,189,248,.28));opacity:.96}
.brand:hover .brand-symbol img {filter:drop-shadow(0 0 14px rgba(52,211,153,.45));transform:rotate(-6deg) scale(1.05)}

/* Floating glass chrome, with a visible but quiet frosted edge. */
.topbar.site-header {
  inset:12px 18px auto;height:62px;padding:0 22px;gap:18px;
  background:rgba(32,33,38,.68)!important;
  border:1px solid rgba(255,255,255,.15)!important;border-image:none!important;border-radius:18px;
  backdrop-filter:blur(26px) saturate(.1);-webkit-backdrop-filter:blur(26px) saturate(.1);
  box-shadow:0 8px 32px #0002,inset 0 1px 0 #ffffff0c;
}
.site-header .brand {font-size:22px;font-weight:600;letter-spacing:-1.2px}
.topbar-left {gap:24px}
.header-nav {height:62px;gap:22px}
.header-link {font-size:12px;color:#a2a3a8;border-bottom:0;position:relative}
.header-link.active {color:#f1f1ef;border-bottom:0}
.header-link.active:after,.header-link[aria-current]:after {
  height:3px;width:3px;left:50%;right:auto;bottom:9px;border-radius:50%;background:#ededeb!important;box-shadow:none;
}
.sidebar {
  top:92px;left:18px;bottom:18px;width:210px;padding:22px 13px 0;
  background:rgba(30,31,36,.42)!important;border:1px solid #ffffff10;border-radius:20px;
  backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);box-shadow:inset 0 1px 0 #ffffff06;
}
.nav-item {font-size:12px;color:#a3a4aa;min-height:41px;border-radius:9px;gap:12px}
.nav-item:hover {color:#f1f1ef;background:#ffffff06}
.nav-item.active {color:#f2f2ef;background:linear-gradient(110deg,#ffffff12,#ffffff06);box-shadow:inset 0 0 0 1px #ffffff0b}
.nav-item.active:before {display:none}
.nav-item.active .icon,.nav-item .icon {color:inherit}
.nav-count,.nav-new {color:#b0b2b9;background:#ffffff08;border:1px solid #ffffff0a;animation:none}
.nav-caption {color:#74767f;font-size:9px;letter-spacing:1.4px}
.second-caption {margin-top:25px}
.sidebar-bottom {border-top-color:#ffffff0c}
.workspace-selector {background:#ffffff04;border-color:#ffffff0d;color:#d0d1d5}
.workspace-icon,.avatar {background:#ffffff0c;color:#e0e0df;box-shadow:none;border-color:#ffffff12}
.sidebar-status,.sidebar-help {color:#9698a1}
.status-dot,.notifications i,.news-live-dot {background:#c2c6cc;box-shadow:none;animation:none}
.search-trigger {background:#ffffff05;border:1px solid #ffffff0c;border-radius:9px;color:#a9aab0}
.search-trigger kbd {color:#858790;background:#ffffff05;border-color:#ffffff0a}
.app-shell {margin-left:246px;padding-top:100px}
main {padding:34px 40px 30px;max-width:1600px;margin:0 auto}
.page-footer {padding:22px 40px;color:#74767e;border-top-color:#ffffff0a;font-size:10px}
.page-intro {margin-bottom:36px}
.page-intro h1 {font-size:clamp(32px,3.5vw,54px);line-height:1.08;letter-spacing:-2.5px;font-weight:500}
.page-intro p {font-size:14px;color:#a4a5ac;line-height:1.7;max-width:620px}
.eyebrow {letter-spacing:1.7px;color:#a7a8af}
.section-header h2 {font-size:21px;font-weight:500;letter-spacing:-.6px}
.section-header p {font-size:12px;color:#858791}
.section-link {color:#babcc3}
.study-kicker {display:flex;justify-content:space-between;gap:16px;color:#8b8d97;font:9px var(--mono);letter-spacing:1.7px;margin:4px 0 24px}
.study-kicker+.page-intro {padding:0 0 8px}
.study-kicker+.page-intro h1 {font-size:clamp(50px,5.7vw,78px);letter-spacing:-4px}
.plan-page-tabs {border-bottom:1px solid #ffffff12;margin-bottom:34px;gap:26px}
.plan-page-tabs a {font-size:12px;color:#8f919a;padding-bottom:15px}
.plan-page-tabs a.active {color:#edeeec;border-color:#d6d8dc}
.button {border-color:#ffffff1c;background:#ffffff05;border-radius:9px;font-size:12px;min-height:39px;color:#d5d6da;box-shadow:none}
.button:hover {background:#ffffff0c;border-color:#ffffff30;box-shadow:none;transform:translateY(-1px)}
.button.primary {background:linear-gradient(145deg,#f0f0ed,#cdd0d5)!important;color:#191a1d!important;border:1px solid #f0f0ed!important;box-shadow:0 2px 7px #0002;font-weight:600}
.button.primary:hover {background:linear-gradient(145deg,#fff,#dedfe1)!important;box-shadow:0 3px 16px #0003}
.button.primary:after {display:none}
.button.text {background:none;border-color:transparent;color:#bfc2c8}
.button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible {outline-color:#e5e6e3}
.filter-chip {background:#ffffff04;border-color:#ffffff12;color:#a5a7af;box-shadow:none}
.filter-chip.active {color:#1c1d21;background:#d3d5d8;border-color:#d3d5d8;box-shadow:none}
.filter-chip.active small {background:#00000010;color:#45474f}
.input,select {background:#10111480;color:#e5e5e2;border-color:#ffffff1c;border-radius:9px}
.input:focus,select:focus {border-color:#b8bcc5;box-shadow:0 0 0 3px #ffffff08}

/* Smoked panes share one lighting system across the workspace. */
.panel,.stat-card,.path-card,.challenge-card,.cert-card,.plan-card,.plan-intro-card,.case-card,.side-card,
.hero,.cases-hero,.decode-hero,.player-card,.region-map,.missions,.regions,.chain-panel,.brief-file {
  background:linear-gradient(135deg,rgba(255,255,255,.055),rgba(255,255,255,.018))!important;
  border:1px solid #ffffff12!important;border-radius:18px;
  backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);
  box-shadow:inset 0 1px 0 #ffffff08,0 8px 30px #0000000c;
}
.path-card:hover,.challenge-card:hover,.cert-card:hover,.plan-card:hover,.plan-intro-card:hover,.case-card:hover {
  transform:translateY(-4px);border-color:#ffffff30!important;box-shadow:inset 0 1px 0 #ffffff0d,0 16px 34px #0003;
}
.spot:before,.cc-glow,.challenge-card:after,.path-card:after {display:none}
.path-icon,.stat-icon,.cc-icon {background:#ffffff08;color:#c8ccd1;box-shadow:inset 0 0 0 1px #ffffff0b}
.path-card {--accent:#c4c8cf;--tint:#ffffff08}
.challenge-card {--dc:#bdc2ca!important}
.difficulty,.difficulty.Medium,.difficulty.Hard {color:#c1c4cb;background:#ffffff06;border-color:#ffffff10}
.difficulty:before {box-shadow:none;background:currentColor}
.progress-track {background:#ffffff08}
.progress-track>span {background:linear-gradient(90deg,#8c929e,#d1d5db);box-shadow:none}
.stat-value,.stat-value small {color:#e5e6e3}
.hero h2 em {font-style:normal;color:#7dd3fc}
.hero-visual {filter:none}
.hero-visual:after,.hero:before {opacity:.38}
.plan-card {--plan-accent:#cdd0d6!important;--plan-tint:#ffffff0a;--cover-a:#2b2e36;--cover-b:#17191f;isolation:isolate;border-radius:18px}
.featured-plans {gap:18px;margin-bottom:44px}
.plan-cover {height:254px;padding:25px 22px;background:linear-gradient(145deg,#ffffff08,#ffffff00);border-bottom:1px solid #ffffff0b}
.plan-cover:after {width:280px;height:280px;right:-160px;top:-190px;border-color:#ffffff0b;box-shadow:0 0 0 28px #ffffff02,0 0 0 29px #ffffff06,0 0 0 57px #ffffff02}
.plan-cover h3 {font-size:22px;letter-spacing:-.9px;font-weight:500;color:#eeeeeb}
.plan-cover p {font-size:12px;color:#9fa2ab;line-height:1.65}
.plan-art {width:126px;height:126px;right:16px;bottom:13px;transform:rotate(-8deg);color:#b6bdc9;filter:drop-shadow(0 14px 15px #0004);opacity:.8}
.plan-card:nth-child(2) .plan-art {transform:rotate(5deg)}
.plan-card:nth-child(3) .plan-art {transform:rotate(-3deg)}
.plan-card:hover .plan-art {transform:translateY(-3px) rotate(0);transition:transform .5s}
.plan-card-footer {padding:21px 22px;gap:24px}
.plan-card-stat strong {font-size:23px;color:#e0e1df;letter-spacing:-1px}
.plan-card-stat span {color:#8f919b;font-size:10px;margin-top:6px}
.plan-card-arrow {width:30px;height:30px;background:#ffffff04;border-color:#ffffff17;color:#d1d4d9}
.plan-intro-art,.plan-intro-art.purple,.plan-intro-art.blue {background:#ffffff06;color:#c9cdd4;border:1px solid #ffffff09}
.plan-intro-card h3 {font-size:14px;font-weight:500}
.plan-intro-card p {font-size:11px;color:#9496a0}

.case-photo-credit {font-size:10px;color:#858894;margin:24px 0}.case-photo-credit a {color:#b5b9c2;border-bottom:1px solid #ffffff20}

/* Case photography has a consistent silver finish; each image depicts its setting. */
.cases-hero {padding:38px;margin-bottom:34px}
.cases-copy h1 {font-weight:500;letter-spacing:-2.4px;font-size:clamp(36px,4vw,58px);line-height:1.05}
.cases-copy p {font-size:14px;color:#a7a9b0}
.cases-copy .eyebrow,.cases-how .icon {color:#c4c8d0}
.cases-how {font-size:12px;color:#b8bac1}
.dossier {background:linear-gradient(140deg,#30323b,#1c1e24);border-color:#ffffff20;box-shadow:0 18px 40px #0004}
.dossier:before {background:#2b2d34;border-color:#ffffff20}
.dossier em {color:#b6bac3;border-color:#9c9fa8;font-size:10px;opacity:.6}
.live-dot {color:#a8acb6;background:#ffffff05;border:1px solid #ffffff0a;font-size:9px}
.live-dot i {background:#c2c6ce;box-shadow:none;animation:none}
.case-toolbar {margin-bottom:22px}
.case-cards {grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.case-card {padding:0 0 22px;gap:10px;overflow:hidden;border-radius:18px}
.case-cover {position:relative;display:block;aspect-ratio:16/10;overflow:hidden;background:#24262b;border-bottom:1px solid #ffffff10}
.case-cover img {display:block;width:100%;height:100%;object-fit:cover;filter:saturate(.88) brightness(.84) contrast(1.04);transition:transform .7s,filter .7s}
.case-cover:after {content:'';position:absolute;inset:0;background:linear-gradient(180deg,#0000 45%,#0c101899);pointer-events:none}
.case-card:hover .case-cover img {transform:scale(1.05);filter:saturate(1.06) brightness(.96) contrast(1.05)}
.case-cover-number {position:absolute;z-index:1;left:16px;top:16px;border:1px solid #ffffff30;background:#17181c77;backdrop-filter:blur(12px);border-radius:5px;padding:5px 8px;font:9px var(--mono);letter-spacing:1px;color:#e8e9e6}
.case-cover-arrow {position:absolute;right:16px;bottom:14px;color:#eee;font-size:22px;z-index:1}
.case-card>.case-card-top,.case-card>h2,.case-card>p,.case-card>.ending-pips,.case-card>.case-actions {margin-left:22px;margin-right:22px}
.case-card-top {margin-top:10px;gap:8px}
.case-card h2 {font-size:21px;line-height:1.2;font-weight:500;letter-spacing:-.7px;margin-top:2px}
.case-card p {font-size:12px;line-height:1.65;color:#9c9fa9}
.case-card .case-company {font-size:10px!important;letter-spacing:.7px;text-transform:uppercase;color:#c2c5cc!important}
.case-card>.case-actions {margin-top:auto;padding-top:8px}
.case-actions .button {font-size:11px;min-height:36px}
.case-len {font-size:10px;color:#989ba6}
.diff.easy,.diff.medium,.diff.hard {background:#ffffff07;color:#bec2ca;border:1px solid #ffffff0d;font-size:9px;letter-spacing:.3px}
.ending-pips span {font-size:10px;color:#8e929c}
.ending-pips i {width:7px;height:7px;border-radius:50%;border-color:#ffffff25}
.briefing {padding:0;max-width:1050px;margin:0 auto}
.brief-file {width:100%;padding:0 40px 40px;overflow:hidden;position:relative}
.brief-cover {margin:0 -40px 32px;aspect-ratio:24/8;position:relative;overflow:hidden;border-bottom:1px solid #ffffff10}
.brief-cover img {width:100%;height:100%;object-fit:cover;filter:saturate(.9) brightness(.78)}
.brief-cover:after {content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent,#191a20b3)}
.brief-file .stamp {top:34px;right:30px;z-index:1;color:#e1e2e4;border-color:#d0d2d5;font-size:14px;background:#1c1d2355;backdrop-filter:blur(10px)}
.brief-file h1 {font-weight:500;letter-spacing:-2px}
.avatar-chip {color:#d3d5dc;background:#ffffff09;border-color:#ffffff15}
.case-play .feed-msg .bubble b {color:#c7ccd4}
.case-play.danger:after {animation:none;box-shadow:inset 0 0 0 2px #aa969655}
.app-dialog {background:#1d1e24e8;border-color:#ffffff20;backdrop-filter:blur(26px);-webkit-backdrop-filter:blur(26px);box-shadow:0 24px 100px #0007}
.app-dialog::backdrop {background:#07080b88;backdrop-filter:blur(6px)}
.toast {background:#2a2c33e8;border-color:#ffffff20;color:#ececea;backdrop-filter:blur(20px)}

/* Numbered grid intro, followed by a single upward curtain reveal. */
.booting {overflow:hidden}
.boot-screen {
  z-index:300;display:grid;place-items:center;background:#d8dad5;color:#202226;
  transition:clip-path .8s cubic-bezier(.76,0,.24,1),visibility .8s;
  clip-path:inset(0 0 0 0);isolation:isolate;
}
.boot-screen:after {display:none}
.boot-screen.intro-exit {clip-path:inset(0 0 100% 0);pointer-events:none}
.boot-screen.dismissed {visibility:hidden;opacity:0;pointer-events:none}
.intro-topline {position:absolute;inset:30px 36px auto;display:flex;justify-content:space-between;gap:20px;font-size:10px;letter-spacing:1.3px;color:#565957}
.intro-grid {position:absolute;width:min(82vw,1060px);height:min(68vh,640px);opacity:.4;
  background-image:linear-gradient(#4b514a22 1px,transparent 1px),linear-gradient(90deg,#4b514a22 1px,transparent 1px);
  background-size:calc(100% / 12) calc(100% / 6);border-right:1px solid #4b514a22;border-bottom:1px solid #4b514a22;
  animation:intro-grid-in 1.4s cubic-bezier(.2,.7,.2,1) both;
}
.boot-inner {width:min(82vw,1060px);text-align:left;z-index:1}
.boot-kicker {font:10px var(--mono);letter-spacing:2.2px;color:#62675f;margin:0 0 22px;display:block;animation:intro-soft-in .8s .1s both}
.boot-title {display:flex;flex-wrap:wrap;font-size:clamp(66px,12.8vw,184px);line-height:.9;font-weight:500;letter-spacing:-.085em;margin:0 0 60px;color:#242724;overflow:hidden;padding-bottom:.1em}
.boot-title .intro-word {color:#242724;display:inline-block;animation:intro-word-in 1.2s cubic-bezier(.2,.75,.2,1) both}
.boot-title .intro-word:nth-child(2) {animation-delay:.12s}
.boot-title .intro-period {color:#5c635b}
.intro-bottomline {display:flex;align-items:flex-end;justify-content:space-between;gap:20px;border-top:1px solid #4b514a30;padding-top:18px;color:#555c53}
#boot-status {font-size:11px;letter-spacing:.1px;margin-bottom:6px}
.intro-counter {font-size:clamp(25px,4vw,52px);line-height:1;font-weight:400;letter-spacing:-2px;font-variant-numeric:tabular-nums}
.intro-counter-total {font-size:11px;color:#858a82;letter-spacing:0}
.boot-progress-track {height:1px;background:#4b514a20;margin-top:15px;border-radius:0}
.boot-progress-track span {background:#424a40!important;box-shadow:none;transition:none;width:0}
.boot-skip {margin-top:20px;padding:7px 0;background:none;border:0;border-radius:0;font:10px var(--font);color:#5a6156;display:flex;align-items:center;gap:35px}
.boot-skip:hover {background:none;color:#20251d;border:0}
.boot-skip:focus-visible {outline:1px solid #5a6156;outline-offset:5px}
.boot-skip span {font-size:17px}
.boot-footer {inset:auto 36px 27px;color:#777d71;font:8px var(--mono);letter-spacing:.7px;gap:20px}
.intro-complete main>.study-kicker,.intro-complete main>.page-intro,.intro-complete main>.cases-hero {animation:glass-arrive .7s .1s both}
@keyframes intro-word-in {from {transform:translateY(115%) rotate(4deg)}to {transform:translateY(0) rotate(0)}}
@keyframes intro-grid-in {from {opacity:0;transform:scaleY(.25);transform-origin:bottom}to {opacity:.4;transform:scaleY(1);transform-origin:bottom}}
@keyframes intro-soft-in {from {opacity:0;transform:translateY(8px)}to {opacity:1;transform:translateY(0)}}
@keyframes glass-arrive {from {opacity:0;transform:translateY(16px)}to {opacity:1;transform:none}}

@media(min-width:1600px) {.topbar.site-header {inset:16px 24px auto}.sidebar {left:24px}.app-shell {padding-top:110px}main {padding-top:42px}}
@media(max-width:1300px) {.header-nav {gap:14px}.topbar-left {gap:17px}.header-link {font-size:11px}.site-header .search-trigger {width:34px;padding:7px}.site-header .search-trigger>span:not(.icon),.site-header .search-trigger kbd {display:none}.site-header .profile-name {display:none}.case-cards {grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:1100px) {.featured-plans {grid-template-columns:repeat(2,minmax(0,1fr))}.plan-cover {height:230px}.site-header .topbar-actions {gap:8px}.site-header .brand {font-size:20px}.sidebar {width:190px}.app-shell {margin-left:226px}main {padding:28px}.page-footer {padding:20px 28px}.case-card>h2 {font-size:20px}}
@media(max-width:900px) {.header-nav {gap:12px}.header-link {font-size:10px}.site-header .brand-symbol {display:none}.topbar.site-header {padding:0 16px}.topbar-left {gap:14px}.site-header .notifications {display:none}.cases-hero {padding:26px}.case-cards {gap:16px}.case-card>.case-card-top,.case-card>h2,.case-card>p,.case-card>.ending-pips,.case-card>.case-actions {margin-left:18px;margin-right:18px}}
@media(max-width:720px) {
  .topbar.site-header {inset:10px 12px auto;height:58px;border-radius:15px;padding:0 14px}
  .site-header .brand-symbol {display:block}.site-header .brand {font-size:21px}.header-nav {display:none}
  .site-header .topbar-left {gap:10px}.site-header .search-trigger {display:flex;width:30px;background:none;border:0}
  .site-header .topbar-actions {gap:4px}.site-header .profile-button {padding:0}.avatar {width:29px;height:29px}
  .sidebar {top:80px;bottom:14px;left:12px;width:236px;padding-top:19px;transform:translateX(calc(-100% - 24px));z-index:90;background:#202127e8!important}
  .sidebar.open {transform:translateX(0)}.sidebar-overlay.open {z-index:85;background:#05060a77;backdrop-filter:blur(5px)}
  .app-shell {margin-left:0;padding-top:91px}main {padding:24px 20px 30px}
  .page-intro {align-items:flex-start;gap:20px;margin-bottom:30px}.page-intro h1 {font-size:39px;letter-spacing:-1.8px}.page-intro p {font-size:13px}
  .study-kicker {font-size:8px;letter-spacing:1px;margin:1px 0 22px}.study-kicker>span:last-child {display:none}
  .study-kicker+.page-intro {display:block}.study-kicker+.page-intro h1 {font-size:58px;letter-spacing:-3px}.study-kicker+.page-intro>.button {margin-top:20px}
  .section-header h2 {font-size:21px}.plan-page-tabs {margin-bottom:29px}.featured-plans {gap:14px;margin-bottom:36px}
  .plan-cover {padding:20px 17px;height:222px}.plan-cover h3 {font-size:20px;letter-spacing:-.7px}.plan-cover p {font-size:11px}
  .plan-art {width:103px;height:103px;right:8px;bottom:8px}.plan-card-footer {padding:17px;gap:15px}.plan-card-stat strong {font-size:21px}.plan-card-stat span {font-size:9px}.plan-card-arrow {display:none}
  .cases-hero {display:block;padding:26px 23px}.cases-copy h1 {font-size:44px}.cases-copy p {font-size:13px}.cases-how {font-size:11px}.dossier-stack {display:none}
  .case-toolbar {gap:14px;align-items:flex-start}.case-cards {grid-template-columns:1fr;gap:22px}.case-card h2 {font-size:23px}.case-card p {font-size:13px}.case-cover {aspect-ratio:16/9}
  .case-card>.case-card-top,.case-card>h2,.case-card>p,.case-card>.ending-pips,.case-card>.case-actions {margin-left:22px;margin-right:22px}
  .case-progress {font-size:10px}.brief-file {padding:0 22px 28px}.brief-cover {margin:0 -22px 28px;aspect-ratio:16/8}.brief-file h1 {font-size:34px;letter-spacing:-1.4px}
  .brief-file .stamp {position:absolute;font-size:11px;top:24px;right:18px;margin:0}.page-footer {padding:20px;font-size:9px}
  .intro-topline {inset:24px 24px auto;font-size:9px}.intro-topline>span:last-child {display:none}.intro-grid {height:55vh;background-size:calc(100% / 6) calc(100% / 8)}
  .boot-title {font-size:clamp(49px,12.6vw,90px);letter-spacing:-.08em;margin-bottom:48px}.boot-kicker {font-size:8px;letter-spacing:1.3px}
  #boot-status {max-width:160px;font-size:10px;line-height:1.5}.intro-counter {font-size:34px;letter-spacing:-1.5px}.intro-counter-total {font-size:9px}
  .boot-footer {left:24px;right:24px;font-size:7px}.boot-footer>span:last-child {display:none}
}
@media(max-width:390px) {.featured-plans {grid-template-columns:1fr}.plan-cover {height:228px}.plan-art {width:125px;height:125px}.plan-card-arrow {display:grid}.plan-cover h3 {font-size:25px}.site-header .search-trigger {display:none}.study-kicker+.page-intro h1 {font-size:53px}}
@media(prefers-reduced-motion:reduce) {.boot-screen {transition:none}.intro-complete main>* {animation:none!important}.case-cover img {transition:none}}
@supports not (backdrop-filter:blur(1px)) {.topbar.site-header,.sidebar {background:#222329!important}.panel,.case-card,.plan-card {background:#1b1c21!important}}
