:root{
    --ground:#08131F; --ground-2:#0B1A29; --panel:#102438; --panel-hi:#16334D;
    --line:#1D3E5E; --line-soft:#152C44;
    --ink:#EAF2FA; --ink-2:#9DB4CC; --ink-3:#6E8AA6;
    --accent:#33A1FF; --accent-hi:#7CC4FF; --accent-dim:#1A5C93;
    --warm:#FFB627; --warm-hi:#FFCE66; --caution:#FF9E5C;
    --radius:14px; --maxw:1120px;
    /* seasonal — overwritten at runtime by the season engine */
    --mark-a:#33A1FF; --mark-b:#7CC4FF;
    --season-bg:rgba(51,161,255,.08); --season-line:rgba(51,161,255,.22); --season-ink:#7CC4FF;
    --mesh-r:125; --mesh-g:180; --mesh-b:230;
    --font-display:'Sora','Segoe UI',system-ui,sans-serif;
    --font-body:'IBM Plex Sans','Segoe UI',system-ui,sans-serif;
    --font-mono:'IBM Plex Mono',ui-monospace,'Courier New',monospace;
  }
  *{box-sizing:border-box}
  body{margin:0;background:var(--ground);color:var(--ink);font-family:var(--font-body);font-size:17px;line-height:1.7;-webkit-font-smoothing:antialiased}
  img{max-width:100%}
  a{color:var(--accent-hi);text-decoration:none}
  a:hover{text-decoration:underline}
  a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--warm);outline-offset:3px;border-radius:4px}
  .wrap{width:100%;max-width:var(--maxw);margin-inline:auto;padding-inline:20px}
  .label{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-3);margin:0}
  h1,h2,h3,h4{font-family:var(--font-display);text-wrap:balance;margin:0}
  h1{font-size:clamp(2.1rem,5.4vw,3.9rem);font-weight:700;letter-spacing:-.035em;line-height:1.05}
  h2{font-size:clamp(1.6rem,3.3vw,2.35rem);font-weight:600;letter-spacing:-.022em;line-height:1.15}
  h3{font-size:1.32rem;font-weight:600;letter-spacing:-.015em;line-height:1.28}
  p{margin:0}
  ul,ol{margin:0;padding-left:1.15em}
  li{margin-block:.4em}
  hr{border:none;border-top:1px solid var(--line-soft);margin-block:clamp(40px,5vw,64px)}

  /* header */
  header{position:sticky;top:0;z-index:50;background:rgba(8,19,31,.9);backdrop-filter:blur(12px);border-bottom:1px solid var(--line-soft)}
  .bar{display:flex;align-items:center;gap:24px;padding-block:14px;flex-wrap:wrap}
  .brand{display:flex;align-items:center;gap:11px;margin-right:auto;color:var(--ink)}
  .brand:hover{text-decoration:none}
  .mark{position:relative;width:38px;height:38px;flex:none;display:block}
  .mark svg{width:100%;height:100%;display:block;overflow:visible}
  .mark-hex{fill:rgba(51,161,255,.09);stroke:url(#markGrad);stroke-width:2.2;stroke-linejoin:round;transition:fill .3s ease}
  .mark-path{fill:none;stroke:url(#markGrad);stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
  .mark-arrow{fill:none;stroke:var(--mark-b);stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
  .mark-node{fill:var(--ground);stroke:var(--mark-a);stroke-width:2}
  .brand:hover .mark-hex{fill:rgba(51,161,255,.18)}
  .mark-badge{position:absolute;top:-5px;right:-7px;font-size:14px;line-height:1;filter:drop-shadow(0 1px 3px rgba(0,0,0,.55));pointer-events:none;animation:pop .45s cubic-bezier(.34,1.56,.64,1) both}
  @keyframes pop{from{transform:scale(.4) rotate(-14deg);opacity:0}to{transform:scale(1) rotate(0);opacity:1}}
  .wordmark{display:flex;flex-direction:column;line-height:1.05;font-family:var(--font-display)}
  .wm-1{font-size:.66rem;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--ink-3)}
  .wm-2{font-size:1.04rem;font-weight:700;letter-spacing:-.03em;background:linear-gradient(92deg,var(--mark-a),var(--mark-b));-webkit-background-clip:text;background-clip:text;color:transparent}

  /* seasonal ribbon */
  .season-note{display:flex;align-items:center;justify-content:center;gap:9px;padding:7px 16px;font-family:var(--font-mono);font-size:.72rem;letter-spacing:.13em;text-transform:uppercase;color:var(--season-ink);background:var(--season-bg);border-bottom:1px solid var(--season-line)}
  .season-note[hidden]{display:none}

  /* seasonal preview strip (only with ?preview=1) */
  .season-preview{display:flex;gap:8px;flex-wrap:wrap;align-items:center;padding:12px 20px;background:var(--panel);border-bottom:1px solid var(--line-soft)}
  .season-preview button{font-family:var(--font-mono);font-size:.72rem;padding:6px 11px;border-radius:7px;border:1px solid var(--line-soft);background:var(--ground-2);color:var(--ink-2);cursor:pointer}
  .season-preview button:hover{color:var(--ink);border-color:var(--accent-dim)}
  .season-preview button[aria-pressed="true"]{background:var(--accent);color:#031728;border-color:var(--accent);font-weight:600}
  .season-preview span{font-family:var(--font-mono);font-size:.7rem;color:var(--ink-3);letter-spacing:.1em;text-transform:uppercase;margin-right:4px}
  nav{display:flex;gap:22px;flex-wrap:wrap;align-items:center}
  nav a{color:var(--ink-2);font-size:.9rem;font-weight:500;white-space:nowrap}
  nav a:hover{color:var(--ink);text-decoration:none}
  nav a.active{color:var(--ink)}
  nav a.active::after{content:"";display:block;height:2px;background:var(--accent);border-radius:2px;margin-top:3px}

  .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--font-body);font-weight:600;font-size:.94rem;padding:11px 20px;border-radius:10px;border:1px solid transparent;cursor:pointer;white-space:nowrap;transition:transform .12s ease,background .16s ease,border-color .16s ease}
  .btn:hover{text-decoration:none;transform:translateY(-1px)}
  .btn-warm{background:var(--warm);color:#2A1B00}
  .btn-warm:hover{background:var(--warm-hi)}
  .btn-blue{background:var(--accent);color:#031728}
  .btn-blue:hover{background:var(--accent-hi)}
  .btn-ghost{background:transparent;color:var(--ink);border-color:var(--line)}
  .btn-ghost:hover{border-color:var(--accent);background:rgba(51,161,255,.08)}
  .btn-sm{padding:8px 15px;font-size:.86rem}
  .self-start{align-self:flex-start}

  /* views */
  .view{display:none}
  .view.active{display:block}

  /* hero */
  .hero{position:relative;overflow:hidden;border-bottom:1px solid var(--line-soft)}
  .mesh{position:absolute;inset:0;width:100%;height:100%;display:block;pointer-events:none;opacity:.85}
  .hero::before{content:"";position:absolute;inset:0;z-index:1;background:radial-gradient(circle at 50% -12%,rgba(51,161,255,.24),transparent 60%),radial-gradient(circle at 88% 28%,rgba(255,182,39,.09),transparent 44%),linear-gradient(180deg,transparent 55%,var(--ground) 100%);pointer-events:none}
  .hero .wrap{position:relative;z-index:2;padding-block:clamp(52px,8vw,100px);display:flex;flex-direction:column;align-items:flex-start;gap:24px;max-width:900px}
  .hero.compact .wrap{padding-block:clamp(40px,6vw,72px);gap:18px}
  .eyebrow{display:inline-flex;align-items:center;gap:10px;font-family:var(--font-mono);font-size:.74rem;letter-spacing:.15em;text-transform:uppercase;color:var(--accent-hi);border:1px solid var(--accent-dim);background:rgba(51,161,255,.09);padding:6px 14px;border-radius:999px}
  .hero h1 em{font-style:normal;color:var(--accent)}
  .lede{font-size:clamp(1.04rem,1.8vw,1.26rem);color:var(--ink-2);max-width:64ch}
  .lede strong{color:var(--ink);font-weight:600}
  .hero-cta{display:flex;gap:14px;flex-wrap:wrap;align-items:center}
  .hero-note{font-size:.9rem;color:var(--ink-3);max-width:58ch}

  section{padding-block:clamp(52px,6.5vw,88px)}
  .section-alt{background:var(--ground-2);border-block:1px solid var(--line-soft)}
  .sec-head{display:flex;flex-direction:column;gap:14px;max-width:68ch;margin-bottom:clamp(32px,4.5vw,52px)}
  .sec-head p:not(.label){color:var(--ink-2)}
  .prose{display:flex;flex-direction:column;gap:16px;max-width:68ch}
  .prose p,.prose li{color:var(--ink-2)}
  .prose strong{color:var(--ink)}

  /* spine */
  .spine{display:flex;flex-direction:column;gap:clamp(28px,3.6vw,46px)}
  .step{display:grid;grid-template-columns:64px minmax(0,1fr);gap:clamp(18px,3vw,34px);position:relative}
  .rail{display:flex;flex-direction:column;align-items:center;gap:12px}
  .marker{width:52px;height:52px;flex:none;border-radius:50%;display:grid;place-items:center;font-family:var(--font-display);font-weight:700;font-size:1.22rem;color:var(--accent-hi);background:var(--panel);border:1px solid var(--line);box-shadow:0 0 0 6px rgba(51,161,255,.06)}
  .rail-line{width:2px;flex:1 1 auto;min-height:24px;background:linear-gradient(var(--line),rgba(29,62,94,.15));border-radius:2px}
  .step:last-child .rail-line{display:none}
  .step-body{display:flex;flex-direction:column;gap:18px;padding-bottom:6px}
  .step-body>p{color:var(--ink-2);max-width:66ch}
  .step-title{display:flex;flex-direction:column;gap:6px}

  .picks{display:grid;grid-template-columns:repeat(auto-fit,minmax(248px,1fr));gap:16px}
  .pick{display:flex;flex-direction:column;gap:10px;padding:20px;border:1px solid var(--line-soft);border-radius:var(--radius);background:var(--panel);transition:border-color .16s ease,background .16s ease}
  .pick:hover{border-color:var(--line);background:var(--panel-hi)}
  .pick-top{display:flex;align-items:baseline;justify-content:space-between;gap:12px}
  .pick h4{font-size:1.02rem;font-weight:600;letter-spacing:-.01em}
  .pick p{font-size:.94rem;color:var(--ink-2);line-height:1.6;flex:1}
  .pick a.go,.pick span.go{font-weight:600;font-size:.9rem;color:var(--accent-hi);display:inline-flex;align-items:center;gap:6px}
  .pick a.go::after{content:"→";transition:transform .14s ease;display:inline-block}
  .pick a.go:hover{text-decoration:none}
  .pick a.go:hover::after{transform:translateX(3px)}
  .pick.is-soon{border-style:dashed;border-color:var(--accent-dim);background:linear-gradient(180deg,rgba(51,161,255,.07),rgba(51,161,255,.02))}

  .tag{font-family:var(--font-mono);font-size:.66rem;letter-spacing:.1em;text-transform:uppercase;padding:3px 8px;border-radius:5px;white-space:nowrap;flex:none}
  .tag-pick{background:rgba(51,161,255,.14);color:var(--accent-hi)}
  .tag-alt{background:rgba(157,180,204,.1);color:var(--ink-2)}
  .tag-warm{background:rgba(255,182,39,.15);color:var(--warm-hi)}
  .tag-caution{background:rgba(255,158,92,.15);color:var(--caution)}

  /* safety / callouts */
  .callout{display:grid;grid-template-columns:auto minmax(0,1fr);gap:22px;align-items:start;padding:clamp(22px,3.2vw,34px);border-radius:var(--radius)}
  .callout-warm{border:1px solid rgba(255,182,39,.34);background:linear-gradient(180deg,rgba(255,182,39,.09),rgba(255,182,39,.03))}
  .callout-caution{border:1px solid rgba(255,158,92,.36);background:linear-gradient(180deg,rgba(255,158,92,.09),rgba(255,158,92,.03))}
  .callout-icon{width:44px;height:44px;flex:none;border-radius:11px;display:grid;place-items:center}
  .callout-warm .callout-icon{background:rgba(255,182,39,.16);color:var(--warm)}
  .callout-caution .callout-icon{background:rgba(255,158,92,.16);color:var(--caution)}
  .callout-warm h3{color:var(--warm-hi)}
  .callout-caution h3{color:var(--caution)}
  .callout-body{display:flex;flex-direction:column;gap:12px}
  .callout-body p,.callout-body li{color:var(--ink-2);max-width:72ch}
  .callout-body strong{color:var(--ink)}

  /* after / nexo */
  .split{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:clamp(24px,4vw,52px);align-items:center}
  .after-copy{display:flex;flex-direction:column;gap:16px}
  .after-copy p{color:var(--ink-2);max-width:56ch}
  .after-card{padding:26px;border:1px solid var(--line-soft);border-radius:var(--radius);background:var(--panel);display:flex;flex-direction:column;gap:12px}
  .rate-row{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding-block:11px;border-bottom:1px solid var(--line-soft)}
  .rate-row:last-of-type{border-bottom:none}
  .rate-row span{font-size:.94rem;color:var(--ink-2)}
  .rate-row b{font-family:var(--font-display);font-size:1.5rem;font-weight:700;color:var(--accent-hi);font-variant-numeric:tabular-nums;letter-spacing:-.02em}
  .fineprint{font-size:.86rem;color:var(--ink-3);line-height:1.6}
  .refcode{font-family:var(--font-mono);font-size:.86rem;color:var(--ink);background:rgba(157,180,204,.1);border:1px solid var(--line-soft);padding:2px 8px;border-radius:6px;user-select:all;-webkit-user-select:all}
  .pick span.go.is-code{color:var(--ink-2);font-weight:500}
  .picks-label{margin:34px 0 16px}

  /* doors */
  .doors{display:grid;grid-template-columns:repeat(auto-fit,minmax(272px,1fr));gap:18px}
  .door{display:flex;flex-direction:column;gap:13px;padding:28px;border-radius:var(--radius);border:1px solid var(--line-soft);background:var(--panel);color:inherit;transition:border-color .16s ease,transform .14s ease,background .16s ease}
  .door:hover{text-decoration:none;border-color:var(--accent-dim);background:var(--panel-hi);transform:translateY(-2px)}
  .door p{font-size:.95rem;color:var(--ink-2);flex:1}
  .door .go{font-weight:600;font-size:.9rem;color:var(--accent-hi)}
  .door .go::after{content:" →"}
  .door.is-warm:hover{border-color:rgba(255,182,39,.5)}
  .door.is-warm .go{color:var(--warm-hi)}
  .door.is-caution:hover{border-color:rgba(255,158,92,.5)}

  /* band */
  .band{background:var(--ground-2);border-block:1px solid var(--line-soft);position:relative;overflow:hidden}
  .band::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 22% 50%,rgba(255,182,39,.11),transparent 55%);pointer-events:none}
  .band .wrap{position:relative;z-index:1;padding-block:clamp(46px,5.5vw,72px)}
  .band-inner{display:flex;gap:clamp(24px,4vw,48px);align-items:center;justify-content:space-between;flex-wrap:wrap}
  .band-copy{display:flex;flex-direction:column;gap:14px;max-width:60ch}
  .band-copy p{color:var(--ink-2)}
  .seats{display:flex;flex-direction:column;gap:9px;min-width:min(100%,266px)}
  .seat{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 17px;border-radius:10px;border:1px solid var(--line-soft);background:var(--panel);color:var(--ink);font-weight:500;font-size:.95rem;transition:border-color .16s ease,background .16s ease}
  .seat:hover{text-decoration:none;border-color:rgba(255,182,39,.45);background:var(--panel-hi)}
  .seat .who{display:flex;flex-direction:column;gap:1px}
  .seat .who small{font-size:.76rem;color:var(--ink-3);font-weight:400}
  .seat .arrow{color:var(--warm);font-weight:600}

  /* disclosure */
  .disclosure{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:26px;padding:clamp(22px,3.2vw,32px);border:1px solid var(--line-soft);border-radius:var(--radius);background:var(--panel)}
  .disclosure div{display:flex;flex-direction:column;gap:10px}
  .disclosure h3{font-size:1.06rem}
  .disclosure p{font-size:.92rem;color:var(--ink-2);line-height:1.65}
  .disclosure strong{color:var(--ink)}

  /* table */
  .table-scroll{overflow-x:auto;border:1px solid var(--line-soft);border-radius:var(--radius);background:var(--panel)}
  table{border-collapse:collapse;width:100%;min-width:640px;font-size:.92rem}
  th,td{text-align:left;padding:13px 16px;border-bottom:1px solid var(--line-soft);vertical-align:top}
  th{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);font-weight:500;white-space:nowrap}
  td{color:var(--ink-2)}
  td:first-child{color:var(--ink);font-weight:600;white-space:nowrap}
  tbody tr:last-child td{border-bottom:none}
  tbody tr:hover td{background:rgba(51,161,255,.04)}
  .yes{color:#5BD6A0;font-weight:600}
  .no{color:#FF8080;font-weight:600}

  /* guide steps (learn) */
  .guide{display:flex;flex-direction:column;gap:26px;counter-reset:g}
  .guide-item{display:grid;grid-template-columns:auto minmax(0,1fr);gap:20px;align-items:start}
  .guide-num{width:38px;height:38px;flex:none;border-radius:9px;display:grid;place-items:center;font-family:var(--font-display);font-weight:700;font-size:.95rem;background:rgba(51,161,255,.12);color:var(--accent-hi);border:1px solid var(--accent-dim)}
  .guide-body{display:flex;flex-direction:column;gap:9px}
  .guide-body p,.guide-body li{color:var(--ink-2)}
  .guide-body h4{font-size:1.08rem;font-weight:600}

  /* checklist grid */
  .checks{display:grid;grid-template-columns:repeat(auto-fit,minmax(258px,1fr));gap:16px}
  .check{padding:18px 20px;border:1px solid var(--line-soft);border-radius:12px;background:var(--panel);display:flex;flex-direction:column;gap:7px}
  .check h4{font-size:.99rem;font-weight:600}
  .check p{font-size:.9rem;color:var(--ink-2);line-height:1.58}

  /* dictionary */
  .dict-tools{display:flex;gap:14px;flex-wrap:wrap;align-items:center;margin-bottom:22px}
  .dict-search{flex:1 1 260px;max-width:420px;padding:12px 16px;border-radius:10px;border:1px solid var(--line);background:var(--panel);color:var(--ink);font-family:var(--font-body);font-size:.96rem}
  .dict-search::placeholder{color:var(--ink-3)}
  .dict-count{font-family:var(--font-mono);font-size:.78rem;color:var(--ink-3);white-space:nowrap}
  .dict{display:grid;grid-template-columns:repeat(auto-fill,minmax(288px,1fr));gap:14px}
  .term{padding:16px 18px;border:1px solid var(--line-soft);border-radius:11px;background:var(--panel);display:flex;flex-direction:column;gap:5px}
  .term dt{font-family:var(--font-display);font-weight:600;font-size:.99rem;color:var(--ink)}
  .term dd{margin:0;font-size:.9rem;color:var(--ink-2);line-height:1.58}
  .dict-empty{color:var(--ink-3);font-size:.95rem;padding:20px 0}

  /* project cards */
  .projects{display:grid;grid-template-columns:repeat(auto-fit,minmax(310px,1fr));gap:18px}
  .project{display:flex;flex-direction:column;gap:12px;padding:24px;border:1px solid var(--line-soft);border-radius:var(--radius);background:var(--panel)}
  .project-top{display:flex;justify-content:space-between;align-items:baseline;gap:12px}
  .project p{font-size:.93rem;color:var(--ink-2);line-height:1.62;flex:1}
  .verify{display:flex;gap:9px;flex-wrap:wrap;padding-top:4px;border-top:1px solid var(--line-soft);margin-top:2px}
  .verify a{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.05em;color:var(--ink-2);border:1px solid var(--line-soft);padding:5px 10px;border-radius:6px}
  .verify a:hover{text-decoration:none;color:var(--ink);border-color:var(--accent-dim)}

  /* service list */
  .services{display:flex;flex-direction:column;gap:2px}
  .service{display:grid;grid-template-columns:auto minmax(0,1fr);gap:20px;align-items:start;padding:22px 0;border-bottom:1px solid var(--line-soft)}
  .service:last-child{border-bottom:none}
  .service-num{font-family:var(--font-mono);font-size:.8rem;color:var(--accent);padding-top:4px;font-variant-numeric:tabular-nums}
  .service-body{display:flex;flex-direction:column;gap:8px}
  .service-body p{color:var(--ink-2);max-width:70ch}

  /* footer */
  footer{border-top:1px solid var(--line-soft);padding-block:44px 34px;background:var(--ground)}
  .foot{display:flex;gap:32px;justify-content:space-between;flex-wrap:wrap;align-items:flex-start}
  .foot-col{display:flex;flex-direction:column;gap:9px;min-width:150px}
  .foot-col a{color:var(--ink-2);font-size:.92rem}
  .foot-col a:hover{color:var(--ink)}
  .socials{display:flex;gap:10px;flex-wrap:wrap}
  .social{display:grid;place-items:center;width:38px;height:38px;border-radius:9px;border:1px solid var(--line-soft);background:var(--panel);color:var(--ink-2);font-family:var(--font-mono);font-size:.68rem;font-weight:500}
  .social:hover{text-decoration:none;color:var(--ink);border-color:var(--accent-dim)}
  .colophon{margin-top:34px;padding-top:22px;border-top:1px solid var(--line-soft);display:flex;gap:16px;justify-content:space-between;flex-wrap:wrap;font-size:.85rem;color:var(--ink-3)}

  @media (max-width:720px){
    body{font-size:16px}
    .step{grid-template-columns:1fr;gap:14px}
    .rail{flex-direction:row;align-items:center;gap:14px}
    .rail-line{height:2px;width:auto;min-height:0;background:linear-gradient(90deg,var(--line),rgba(29,62,94,.1))}
    .step:last-child .rail-line{display:block}
    .marker{width:44px;height:44px;font-size:1.05rem}
    .split{grid-template-columns:1fr}
    .callout{grid-template-columns:1fr}
    .guide-item{grid-template-columns:1fr;gap:10px}
    .service{grid-template-columns:1fr;gap:8px}
    nav{gap:16px}
    nav a{font-size:.86rem}
  }
  @media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}.mesh{display:none}}

  /* ---------- spruce pass ---------- */
  .pick,.door,.project,.check,.term,.after-card,.seat,.disclosure,.table-scroll{
    background:linear-gradient(160deg,var(--panel),rgba(11,26,41,.75));
    box-shadow:0 1px 0 rgba(255,255,255,.03) inset;
  }
  .pick:hover,.project:hover{
    border-color:var(--accent-dim);
    box-shadow:0 10px 30px -14px rgba(0,0,0,.7),0 0 0 1px rgba(51,161,255,.09) inset;
  }
  .project{transition:border-color .16s ease,box-shadow .18s ease}
  .door:hover{box-shadow:0 14px 36px -16px rgba(0,0,0,.75)}

  .marker{
    background:linear-gradient(150deg,rgba(51,161,255,.16),var(--panel));
    border-color:var(--accent-dim);
    box-shadow:0 0 0 6px rgba(51,161,255,.05),0 6px 18px -8px rgba(51,161,255,.4);
  }
  .rail-line{background:linear-gradient(var(--accent-dim),rgba(29,62,94,.08))}

  /* section headings get a small mesh rule */
  .sec-head .label{position:relative;padding-left:26px}
  .sec-head .label::before{
    content:"";position:absolute;left:0;top:50%;width:18px;height:1px;
    background:linear-gradient(90deg,var(--accent),transparent);
  }
  .sec-head h2{
    background:linear-gradient(180deg,var(--ink),#B9CEE4);
    -webkit-background-clip:text;background-clip:text;color:transparent;
  }

  .section-alt{
    background:
      radial-gradient(ellipse 70% 100% at 50% 0%,rgba(51,161,255,.05),transparent 70%),
      var(--ground-2);
  }

  .eyebrow{
    background:linear-gradient(92deg,rgba(51,161,255,.16),rgba(51,161,255,.05));
    box-shadow:0 0 22px -8px rgba(51,161,255,.5);
  }
  .btn-blue{box-shadow:0 8px 22px -10px rgba(51,161,255,.75)}
  .btn-warm{box-shadow:0 8px 22px -10px rgba(255,182,39,.6)}

  .callout-warm,.callout-caution{box-shadow:0 14px 40px -22px rgba(0,0,0,.9)}

  .tag-pick{background:linear-gradient(92deg,rgba(51,161,255,.22),rgba(51,161,255,.1))}

  .hero h1 em{
    background:linear-gradient(92deg,var(--mark-a),var(--mark-b));
    -webkit-background-clip:text;background-clip:text;color:transparent;
  }

  footer{
    background:
      radial-gradient(ellipse 60% 130% at 50% 100%,rgba(51,161,255,.06),transparent 70%),
      var(--ground);
  }
  .social{background:linear-gradient(160deg,var(--panel),var(--ground-2))}