/* ONE record, two renders.
     FACE: how an item looks in place (feature / card / row)
     <template class="detail">: what opens in the popout
     Fields on every record: product, stage, title, summary, body, media, links, date.
     Nothing is bespoke to a particular feature. */
  :root{
    color-scheme: light only;
    --pacific:#0063FF; --pacific-ink:#004FCC; --deep:#031A3C; --green:#62FB84;
    --sky:#D3E4FF; --tint:#E9F0FB;
    /* page sits below content, content sits below featured */
    --page:#F1F5FA;
    --night:#050A14; --night-2:#0C1626;
    --ink:#161E2A; --ink-2:#2E3745; --ink-3:#6E7783;
    --paper:#FFFFFF; --surface:#FBFBFB; --line:#E7EBF1; --line-2:#D4DBE5;
    --brand:#0063FF; --brand-tint:#EAF1FB; --scrim:rgba(22,30,42,.55);
  }

  *{box-sizing:border-box;}
  html{background:var(--page);}
  body{margin:0;background:var(--page);color:var(--ink);font-family:'Plus Jakarta Sans',-apple-system,'Segoe UI',sans-serif;font-size:16px;line-height:1.62;-webkit-font-smoothing:antialiased;}
  h1,h2,h3{margin:0;font-weight:800;letter-spacing:-0.03em;text-wrap:balance;}
  p{margin:0;}
  button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer;text-align:left;}
  :focus-visible{outline:2px solid var(--pacific);outline-offset:3px;border-radius:8px;}
  /* the motif: a 76px grid on dark, a fine dot field on light */
  .tex-grid::after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px);background-size:76px 76px;pointer-events:none;}
  .tex-dots{background-image:radial-gradient(circle at 1px 1px,rgba(3,26,60,.075) 1px,transparent 0);background-size:20px 20px;}

  .wrap{max-width:1180px;margin:0 auto;padding:0 40px;}
  @media (max-width:720px){.wrap{padding:0 20px;}}

  /* masthead */
  .dark{background:var(--night);color:#fff;position:relative;overflow:hidden;}
  .dark .glow{position:absolute;top:-300px;right:-180px;width:860px;height:860px;border-radius:50%;background:var(--pacific);opacity:.30;filter:blur(150px);pointer-events:none;}
  .dark .grid-bg{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px);background-size:76px 76px;pointer-events:none;}
  .dark::after{content:"";position:absolute;left:0;right:0;bottom:0;height:140px;background:linear-gradient(180deg,rgba(5,10,20,0),rgba(5,10,20,.55));pointer-events:none;}
  .dark .wrap{position:relative;}

  html{scroll-behavior:smooth;}
  @media (prefers-reduced-motion:reduce){html{scroll-behavior:auto;}}
  [id]{scroll-margin-top:132px;}

  .topbar{position:sticky;top:0;z-index:50;background:var(--night);border-bottom:1px solid rgba(255,255,255,.09);transition:box-shadow .18s ease;}
  .topbar.stuck{box-shadow:0 8px 28px rgba(5,10,20,.45);}
  .topbar .wrap{display:flex;align-items:center;justify-content:space-between;height:64px;gap:24px;}
  .logo{display:flex;align-items:center;gap:11px;}
  .brandlink{display:flex;align-items:center;gap:11px;text-decoration:none;}
  .brandlink:hover .brandimg{opacity:.82;}
  .brandimg{display:block;height:26px;width:auto;transition:opacity .13s ease;}
  .pagename{font-size:14.5px;font-weight:600;color:rgba(255,255,255,.60);white-space:nowrap;text-decoration:none;transition:color .13s ease;}
  .pagename:hover{color:#fff;}
  .sep{width:1px;height:17px;background:rgba(255,255,255,.18);flex:0 0 auto;}
  .topnav{display:flex;align-items:center;gap:22px;font-size:14px;font-weight:600;color:rgba(255,255,255,.64);}
  .topnav a{color:inherit;text-decoration:none;display:inline-flex;align-items:center;gap:5px;white-space:nowrap;transition:color .13s ease;}
  .topnav a:hover{color:#fff;}
  .topnav .ext{color:rgba(255,255,255,.64);}
  .topnav .ext:hover{color:#fff;}
  @media (max-width:820px){.topnav{display:none;} .pagename,.logo .sep{display:none;}}

  .hero{padding:78px 0 84px;}
  .kicker{display:inline-block;padding:6px 14px;border:1px solid rgba(255,255,255,.22);border-radius:999px;font-size:11.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.78);}
  .hero h1{font-size:clamp(40px,6.4vw,70px);line-height:.98;margin:22px 0 0;letter-spacing:-0.046em;color:#fff;}
  .hero h1 em{font-style:normal;color:#5C9BFF;display:block;}
  .hero .lede{font-size:18px;line-height:1.6;color:rgba(255,255,255,.66);max-width:52ch;margin:20px 0 0;}

  /* hero top row: headline left, community callout right */
  .hero-top{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,400px);gap:40px;align-items:center;}
  .hero-copy{min-width:0;}
  .community{position:relative;padding:26px 28px 28px;border:1px solid rgba(92,155,255,.38);border-top:3px solid var(--pacific);border-radius:18px;background:linear-gradient(160deg,rgba(0,99,255,.22),rgba(255,255,255,.05) 70%);box-shadow:0 18px 50px rgba(0,40,120,.28);}
  .community-kicker{display:inline-flex;align-items:center;gap:7px;font-size:11.5px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:rgba(255,255,255,.66);}
  .community-kicker i{width:6px;height:6px;border-radius:50%;background:var(--green);display:block;}
  .community h2{font-size:22px;line-height:1.15;letter-spacing:-0.03em;color:#fff;margin:12px 0 8px;}
  .community p{font-size:14.5px;line-height:1.55;color:rgba(255,255,255,.76);}
  .community-cta{display:inline-flex;align-items:center;gap:8px;margin-top:18px;padding:12px 20px;border-radius:10px;background:#fff;color:var(--night);font-size:14px;font-weight:800;text-decoration:none;transition:background .13s ease,transform .13s ease;}
  .community-cta:hover{background:#E9F0FB;transform:translateY(-1px);}
  @media (max-width:900px){
    .hero-top{grid-template-columns:1fr;gap:30px;}
    .community{max-width:520px;}
  }
  @media (max-width:720px){.community{padding:22px 20px 24px;border-radius:16px;}}

  /* FACE: feature */
  .feature{margin-top:120px;border:1px solid rgba(255,255,255,.13);border-top:3px solid var(--pacific);border-radius:18px;background:rgba(255,255,255,.05);overflow:hidden;transition:background .16s ease,border-color .16s ease;}
  .feature:hover{background:rgba(255,255,255,.075);border-color:rgba(255,255,255,.22);}
  .feature-face{display:grid;grid-template-columns:1fr 1.05fr;gap:40px;align-items:center;padding:32px;width:100%;}
  @media (max-width:900px){.feature-face{grid-template-columns:1fr;gap:26px;padding:24px;}}
  .feature .meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:14px;}
  .feature h2{font-size:clamp(27px,3.6vw,40px);line-height:1.04;letter-spacing:-0.04em;color:#fff;margin-bottom:14px;}
  .feature .sum{font-size:17px;line-height:1.55;color:rgba(255,255,255,.78);}
  .feature .open-hint{display:inline-flex;align-items:center;gap:7px;margin-top:22px;padding:12px 22px;border-radius:10px;background:#0063FF;color:#fff;font-size:14px;font-weight:700;}
  .stage-dark{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:999px;font-size:11.5px;font-weight:700;background:#fff;color:var(--night);}
  .tag-dark{display:inline-flex;align-items:center;gap:7px;font-size:11.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:rgba(255,255,255,.60);}
  .tag-dark i{width:6px;height:6px;border-radius:50%;background:#5C9BFF;display:block;}
  .media-dark{border:1px dashed rgba(255,255,255,.24);border-radius:13px;aspect-ratio:3/2;display:grid;place-items:center;background:rgba(255,255,255,.04);font-size:11px;font-weight:700;letter-spacing:.11em;text-transform:uppercase;color:rgba(255,255,255,.40);overflow:hidden;}
  .media-dark.has-img{border-style:solid;border-color:rgba(255,255,255,.14);padding:0;}
  .media img,.media-dark img,.m-media img{width:100%;height:100%;object-fit:cover;display:block;}

  /* filters */
  .label{font-size:11.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);}
  .sec-filters{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:-4px 0 22px;}
  .filterbar .wrap{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding-top:30px;padding-bottom:0;}
  .chips{display:flex;flex-wrap:wrap;gap:8px;}
  .chip{padding:8px 16px;border-radius:999px;font-size:13.5px;font-weight:600;color:var(--ink);border:1px solid var(--line-2);background:var(--paper);transition:border-color .14s ease;}
  .chip:hover{border-color:var(--ink-3);}
  .chip[aria-pressed="true"]{background:var(--pacific);color:#fff;border-color:var(--pacific);}

  /* sections */
  .sec{padding:44px 0 52px;}
  .sec.alt{background:var(--paper);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:60px 0 68px;margin-top:20px;}
  #flight-sec{position:relative;background:var(--tint);border-top:1px solid var(--sky);border-bottom:1px solid var(--sky);padding:52px 0 58px;}
  #flight-sec::before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 1px 1px,rgba(3,26,60,.075) 1px,transparent 0);background-size:20px 20px;pointer-events:none;}
  #flight-sec .wrap{position:relative;}
  #flight-sec .sec-head h2{color:var(--ink);}
  /* Next up stays deliberately quiet, on the page ground */
  #next-sec{padding:44px 0 54px;}

  .sec-head{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap;margin-bottom:22px;}
  .sec-head h2{font-size:31px;letter-spacing:-0.035em;}
  .sec-head .n{font-size:13.5px;font-weight:600;color:var(--ink-3);font-variant-numeric:tabular-nums;}
  .sec-head p{width:100%;font-size:15.5px;color:var(--ink-2);max-width:62ch;margin-top:-2px;}

  .tag{display:inline-flex;align-items:center;gap:7px;font-size:11.5px;font-weight:700;letter-spacing:.04em;color:var(--ink-3);white-space:nowrap;text-transform:uppercase;}
  .tag i{width:6px;height:6px;border-radius:50%;display:block;flex:0 0 auto;background:var(--line-2);}
  .stage{display:inline-block;padding:4px 12px;border-radius:999px;font-size:11.5px;font-weight:700;white-space:nowrap;}
  .stage[data-s="building"]{color:var(--pacific);background:var(--brand-tint);}
  .stage[data-s="beta"]{color:#fff;background:var(--pacific);}
  .stage[data-s="next"]{color:var(--ink-2);background:var(--surface);border:1px solid var(--line);}

  .links{display:flex;flex-wrap:wrap;gap:16px;}
  .links a{font-size:13.5px;font-weight:700;color:var(--pacific);text-decoration:none;}
  .links a:hover{text-decoration:underline;}

  /* FACE: card */
  .cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:stretch;}
  @media (max-width:980px){.cards{grid-template-columns:repeat(2,minmax(0,1fr));}}
  @media (max-width:640px){.cards{grid-template-columns:1fr;}}
  .card{border:1px solid var(--line);border-radius:16px;background:var(--paper);overflow:hidden;display:flex;transition:transform .16s ease,border-color .16s ease;}
  .card:hover{border-color:var(--pacific);transform:translateY(-2px);}
  .card-face{display:flex;flex-direction:column;width:100%;flex:1;}
  .card .media{position:relative;background:var(--night-2);aspect-ratio:3/2;flex:0 0 auto;overflow:hidden;}
  .card .inner{padding:22px 22px 20px;display:flex;flex-direction:column;gap:9px;flex:1;}
  .card .meta{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;}
  .card h3{font-size:19px;line-height:1.26;letter-spacing:-0.03em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:calc(2 * 1.26em);}
  .card .sum{font-size:14.5px;line-height:1.55;color:var(--ink-2);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:calc(2 * 1.55em);}
  .open-hint-s{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:700;color:var(--pacific);margin-top:auto;padding-top:6px;}
  .ph{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.42);text-align:center;}
  .ph-box{position:absolute;inset:14px;border:1px dashed rgba(255,255,255,.22);border-radius:8px;display:flex;align-items:center;justify-content:center;}

  /* FACE: released, grid (newest) */
  #ships-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:stretch;margin-bottom:8px;}
  @media (max-width:980px){#ships-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
  @media (max-width:640px){#ships-grid{grid-template-columns:1fr;}}
  #ships-grid .ship{border:1px solid var(--line);border-radius:16px;background:var(--paper);overflow:hidden;display:flex;transition:transform .16s ease,border-color .16s ease;}
  #ships-grid .ship:hover{border-color:var(--pacific);transform:translateY(-2px);}
  .ship-card{display:flex;flex-direction:column;width:100%;flex:1;}
  .ship-card .media{position:relative;background:var(--night-2);aspect-ratio:3/2;flex:0 0 auto;overflow:hidden;}
  .ship-card .inner{padding:18px 20px 20px;display:flex;flex-direction:column;gap:8px;flex:1;}
  .ship-card .meta{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;}
  .ship-card h3{font-size:17px;line-height:1.28;letter-spacing:-0.026em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:calc(2 * 1.28em);}
  .ship-card .sum{font-size:14px;line-height:1.55;color:var(--ink-2);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}

  /* FACE: released, compact row (earlier) */
  .next-list{display:flex;flex-direction:column;}
  .next-list .ship{border-top:1px solid var(--line);}
  .next-list .ship:last-child{border-bottom:1px solid var(--line);}
  .next-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:26px;align-items:baseline;width:100%;padding:15px 6px;border-radius:8px;transition:background .13s ease;}
  .next-row .ship-main{gap:3px;}
  .next-row h3{font-size:16.5px;font-weight:700;letter-spacing:-0.022em;}
  .next-row .sum{font-size:14px;color:var(--ink-3);}
  .next-row .ship-meta{gap:12px;}
  .next-row:hover{background:var(--surface);}
  @media (max-width:760px){.next-row{grid-template-columns:1fr;gap:8px;}}
  .sub-head{display:flex;align-items:baseline;gap:12px;margin:44px 0 4px;padding-top:26px;border-top:1px solid var(--line);}
  .sub-head h3{font-size:19px;letter-spacing:-0.03em;}
  .sub-head span{font-size:13px;font-weight:600;color:var(--ink-3);font-variant-numeric:tabular-nums;}
  .ship-list{display:flex;flex-direction:column;}
  #ships-list .ship{border-top:1px solid var(--line);}
  #ships-list .ship:last-child{border-bottom:1px solid var(--line);}
  .ship-row{display:grid;grid-template-columns:126px minmax(0,1fr) auto;gap:26px;align-items:baseline;width:100%;padding:19px 6px;border-radius:8px;transition:background .13s ease;}
  .ship-row:hover{background:var(--page);}
  @media (max-width:760px){.ship-row{grid-template-columns:1fr;gap:8px;}}
  .ship-date{font-size:13px;font-weight:600;color:var(--ink-3);font-variant-numeric:tabular-nums;white-space:nowrap;}
  .ship-main{display:flex;flex-direction:column;gap:4px;}
  .ship-main h3{font-size:18px;line-height:1.28;letter-spacing:-0.028em;}
  .ship-main .sum{font-size:14.5px;color:var(--ink-2);line-height:1.5;}
  .ship-meta{display:flex;align-items:center;gap:13px;color:var(--ink-3);}
  .empty-state{border:1px dashed var(--line-2);border-radius:16px;padding:44px 32px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:9px;background:var(--paper);}
  .empty-state .icon{width:46px;height:46px;border-radius:13px;background:var(--surface);border:1px solid var(--line);display:grid;place-items:center;color:var(--ink-3);margin-bottom:5px;}
  .empty-state b{font-size:18.5px;font-weight:800;letter-spacing:-0.025em;}
  .empty-state p{font-size:14.5px;line-height:1.58;color:var(--ink-2);max-width:48ch;text-wrap:pretty;}
  .empty-state .acts{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:12px;}
  .empty-state .primary{padding:11px 20px;border-radius:10px;background:var(--pacific);color:#fff;font-size:13.5px;font-weight:700;}
  .empty-state .ghost{padding:11px 20px;border-radius:10px;border:1px solid var(--line-2);color:var(--ink);font-size:13.5px;font-weight:700;text-decoration:none;display:inline-flex;align-items:center;gap:7px;}
  .empty-state.big{padding:72px 32px;}
  .empty-state.big b{font-size:24px;}


  /* ---------- TABS ---------- */
  .tabbar{position:sticky;top:64px;z-index:40;background:var(--paper);border-bottom:1px solid var(--line);box-shadow:0 1px 0 rgba(3,26,60,.03);}
  .tabbar .wrap{display:flex;align-items:stretch;overflow-x:auto;scrollbar-width:none;}
  .tabbar .wrap::-webkit-scrollbar{display:none;}
  .tab{appearance:none;background:none;border:0;border-bottom:2px solid transparent;padding:16px 2px 14px;margin-right:30px;font:inherit;font-size:14.5px;font-weight:700;letter-spacing:-0.017em;color:var(--ink-3);cursor:pointer;white-space:nowrap;transition:color .13s ease,border-color .13s ease;}
  .tab:last-child{margin-right:0;}
  .tab:hover{color:var(--ink-2);}
  .tab[aria-selected="true"]{color:var(--ink);border-bottom-color:var(--pacific);}
  .tab:focus-visible{outline:2px solid var(--pacific);outline-offset:3px;border-radius:3px;}
  @media (max-width:720px){.tab{margin-right:22px;font-size:14px;}}

  /* ---------- WEEKLY UPDATES ---------- */
  .wk-head{padding:46px 0 0;}
  .wk-head h2{font-size:29px;line-height:1.14;letter-spacing:-0.038em;margin:0;}
  .wk-head p{font-size:15.5px;line-height:1.6;color:var(--ink-2);margin:10px 0 0;max-width:58ch;}

  /* one tight row: which week, how to move, how much is in it */
  .wk-bar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px 24px;margin:24px 0 0;padding:14px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);}
  .wk-when{display:flex;align-items:center;gap:8px;min-width:0;}
  .wk-pickwrap{position:relative;display:inline-flex;align-items:center;}
  .wk-pick{appearance:none;-webkit-appearance:none;background:none;border:0;font:inherit;font-size:21px;font-weight:800;letter-spacing:-0.03em;color:var(--ink);padding:4px 26px 4px 8px;cursor:pointer;border-radius:8px;}
  .wk-pick:hover{background:var(--surface);}
  .wk-pick:focus-visible{outline:2px solid var(--pacific);outline-offset:1px;}
  .wk-pickwrap .chev{position:absolute;right:6px;pointer-events:none;color:var(--ink-3);display:flex;}
  .wk-arrow{appearance:none;display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border:1px solid var(--line);border-radius:8px;background:var(--paper);color:var(--ink-2);cursor:pointer;transition:border-color .13s ease,color .13s ease,opacity .13s ease;}
  .wk-arrow:hover:not(:disabled){border-color:var(--pacific);color:var(--pacific);}
  .wk-arrow:disabled{opacity:.3;cursor:default;}
  .wk-arrow:focus-visible{outline:2px solid var(--pacific);outline-offset:2px;}
  .wk-stats{display:flex;align-items:center;gap:9px;flex-wrap:wrap;}
  .wk-stats .eyebrow{font-size:10.5px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:var(--ink-3);margin-right:2px;}
  .wk-stat{display:inline-flex;align-items:baseline;gap:6px;font-size:13px;font-weight:600;color:var(--ink-2);padding:5px 11px;border-radius:999px;border:1px solid var(--line);background:var(--surface);white-space:nowrap;}
  .wk-stat b{font-size:14px;font-weight:800;color:var(--ink);font-variant-numeric:tabular-nums;}
  .wk-stat.key{border-color:#CBE0FF;background:var(--brand-tint);color:var(--pacific-ink);}
  .wk-stat.key b{color:var(--pacific-ink);}

  #filter-slot .filterbar .wrap{padding-top:22px;padding-bottom:0;}
  #filter-slot .filterbar{border:0;}

  .wk-body{padding:0 0 64px;}
  .wk-block{margin-top:44px;}
  .wk-block > h3{font-size:11.5px;font-weight:800;letter-spacing:.095em;text-transform:uppercase;color:var(--ink-3);margin:0 0 15px;}

  .tagp{display:inline-flex;align-items:center;font-size:10.5px;font-weight:800;letter-spacing:.075em;text-transform:uppercase;padding:3px 8px;border-radius:999px;border:1px solid var(--line);background:var(--surface);color:var(--ink-3);white-space:nowrap;}
  .cta-link{display:inline-flex;align-items:center;gap:6px;font-size:13.5px;font-weight:700;color:var(--pacific);text-decoration:none;}
  .cta-link:hover{text-decoration:underline;}

  /* ---- need to know: the dark treatment, blue as accent ---- */
  .wk-block.spot{position:relative;background:var(--tint);border:1px solid var(--sky);border-radius:20px;padding:26px 26px 28px;margin-top:38px;background-image:radial-gradient(circle at 1px 1px,rgba(3,26,60,.075) 1px,transparent 0);background-size:20px 20px;}
  @media (max-width:720px){.wk-block.spot{padding:20px 18px 22px;border-radius:16px;}}
  .wk-block.spot > h3{color:var(--pacific-ink);margin-bottom:14px;}
  .ntk{display:flex;flex-direction:column;gap:14px;}
  .ntk-item{position:relative;border-radius:14px;overflow:hidden;background:var(--paper);border:1px solid var(--sky);border-top:3px solid var(--pacific);}

  .ntk-item .inner{display:grid;grid-template-columns:minmax(0,1fr);gap:0;}
  .ntk-item.split .inner{grid-template-columns:minmax(0,1.18fr) minmax(0,1fr);align-items:stretch;}
  @media (max-width:900px){.ntk-item.split .inner{grid-template-columns:minmax(0,1fr);}}
  .ntk-txt{padding:22px 24px;display:flex;flex-direction:column;align-items:flex-start;gap:0;}
  .ntk-txt .meta{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 13px;}
  .ntk-txt .tagp{background:var(--tint);border-color:var(--sky);color:var(--pacific-ink);}
  .ntk-txt h4{font-size:19.5px;line-height:1.24;letter-spacing:-0.03em;color:var(--ink);margin:0;max-width:28ch;text-wrap:balance;}
  .ntk-txt .sum{font-size:14.5px;line-height:1.6;color:var(--ink-3);margin:11px 0 0;max-width:60ch;}
  .ntk-txt .means{font-size:14.5px;line-height:1.55;color:var(--ink);font-weight:600;margin:15px 0 0;padding-left:14px;border-left:2px solid var(--pacific);max-width:58ch;}
  .ntk-act{display:flex;align-items:flex-start;gap:11px;margin:15px 0 0;padding:12px 14px;border-radius:10px;background:var(--tint);border:1px solid var(--sky);max-width:62ch;}
  .ntk-act .chip{flex:0 0 auto;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;padding:4px 9px;border-radius:999px;background:var(--pacific);color:#fff;margin-top:1px;}
  .ntk-act span.txt{font-size:13.5px;line-height:1.52;color:var(--ink-2);}
  .ntk-txt .cta{display:flex;flex-wrap:wrap;gap:7px 18px;margin:16px 0 0;}
  .wk-card .cta{display:flex;flex-wrap:wrap;gap:7px 18px;}

  .ntk-vis{position:relative;background:var(--night-2);display:flex;}
  @media (max-width:900px){.ntk-vis{border-top:1px solid var(--sky);}}
  .ntk-vis img{width:100%;height:100%;object-fit:cover;object-position:left top;display:block;min-height:206px;}

  /* optional walkthrough: only where the workflow is worth showing */
  .steps{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:12px;padding:20px 24px 24px;border-top:1px solid var(--line);margin-top:2px;}
  @media (max-width:760px){.steps{grid-template-columns:1fr;}}
  .steps figure{margin:0;display:flex;flex-direction:column;gap:9px;}
  .steps img{width:100%;border-radius:9px;border:1px solid var(--sky);display:block;background:var(--night-2);}
  .steps figcaption{display:flex;gap:8px;font-size:12.5px;line-height:1.45;color:var(--ink-2);}
  .steps figcaption i{flex:0 0 auto;font-style:normal;font-weight:800;color:var(--pacific);font-variant-numeric:tabular-nums;}

  /* ---- new & improved: lighter than need-to-know, still visual ---- */
  .wk-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:stretch;}
  @media (max-width:860px){.wk-cards{grid-template-columns:1fr;}}
  /* a lone card goes wide rather than leaving half the row empty */
  .wk-cards.one{grid-template-columns:minmax(0,1fr);}
  .wk-cards.one .wk-card{flex-direction:row;}
  .wk-cards.one .wk-card .media{flex:0 0 44%;aspect-ratio:auto;min-height:240px;border-bottom:0;}
  .wk-cards.one .wk-card .body{justify-content:center;padding:26px 28px;}
  .wk-cards.one .wk-card h4{font-size:19px;}
  .wk-cards.one .wk-card .cta{margin-top:14px;}
  @media (max-width:700px){
    .wk-cards.one .wk-card{flex-direction:column;}
    .wk-cards.one .wk-card .media{flex:0 0 auto;aspect-ratio:16/9;min-height:0;}
    .wk-cards.one .wk-card .body{padding:17px 19px 19px;}
  }
  .wk-card{display:flex;flex-direction:column;border:1px solid var(--line);border-top:3px solid var(--line-2);border-radius:14px;background:var(--paper);overflow:hidden;transition:border-color .16s ease,transform .16s ease;}
  .wk-card:hover{border-top-color:var(--pacific);border-color:var(--sky);transform:translateY(-2px);}
  .wk-card .media{position:relative;aspect-ratio:16/9;background:var(--night-2);overflow:hidden;flex:0 0 auto;}
  .wk-card .media img{width:100%;height:100%;object-fit:cover;object-position:left top;display:block;}
  .wk-card .body{display:flex;flex-direction:column;align-items:flex-start;gap:9px;padding:17px 19px 19px;flex:1;}
  .wk-card .meta{display:flex;flex-wrap:wrap;gap:7px;}
  .wk-card h4{font-size:17px;line-height:1.3;letter-spacing:-0.024em;margin:0;}
  .wk-card .sum{font-size:14.5px;line-height:1.55;color:var(--ink-2);margin:0;max-width:52ch;}
  .wk-card .cta{margin-top:auto;padding-top:5px;}

  /* ---- fixes: scan twelve of these in thirty seconds ---- */
  .fixes{column-count:2;column-gap:56px;}
  .fixgrp{break-inside:avoid;-webkit-column-break-inside:avoid;margin:0 0 30px;}
  .fixgrp:last-child{margin-bottom:0;}
  @media (max-width:820px){.fixes{column-count:1;}}
  .fixgrp > b{display:flex;align-items:center;gap:9px;font-size:11.5px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:var(--ink);margin:0 0 12px;}
  .fixgrp > b::before{content:"";width:14px;height:2px;border-radius:2px;background:var(--pacific);flex:0 0 auto;}
  .fixgrp > b .n{margin-left:auto;font-size:11px;font-weight:700;color:var(--ink-3);font-variant-numeric:tabular-nums;letter-spacing:0;}
  .fixgrp ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:10px;}
  .fixgrp li{position:relative;padding-left:16px;font-size:15px;line-height:1.56;color:var(--ink-2);max-width:56ch;}
  .fixgrp li::before{content:"";position:absolute;left:1px;top:9px;width:4px;height:4px;border-radius:50%;background:var(--line-2);}
  .fixgrp li .li-do{display:block;margin-top:5px;font-size:13.5px;line-height:1.5;color:var(--ink-2);}

  .wk-block .empty-state{border:1px solid var(--line);border-radius:14px;background:var(--surface);padding:34px 26px;text-align:center;}
  .wk-block .empty-state.rest{padding:52px 26px 50px;gap:6px;}
  .wk-block .empty-state.rest b{font-size:22px;}
  .wk-block .empty-state.rest p{color:var(--ink-2);}
  .wk-block .empty-state.rest .link{display:inline-flex;align-items:center;gap:6px;margin-top:10px;font-size:14px;font-weight:700;color:var(--pacific);text-decoration:none;background:none;border:0;padding:0;cursor:pointer;font-family:inherit;}
  .wk-block .empty-state.rest .link:hover{text-decoration:underline;}

  /* ---------- UPDATE HUB: the full page for one update ---------- */
  .us-scrim{position:fixed;inset:0;z-index:70;background:rgba(5,10,20,.62);backdrop-filter:blur(4px);overflow-y:auto;padding:36px 20px 56px;}
  @media (max-width:720px){.us-scrim{padding:0;}}
  .us{position:relative;width:100%;max-width:880px;margin:0 auto;background:var(--paper);border-radius:22px;border-top:3px solid var(--pacific);overflow:hidden;box-shadow:0 40px 110px rgba(3,26,60,.42);animation:pop .18s ease-out;}
  @media (max-width:720px){.us{border-radius:0;min-height:100vh;}}
  .us-close{position:absolute;top:16px;right:16px;z-index:3;width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:rgba(255,255,255,.94);border:1px solid var(--line);color:var(--ink-2);backdrop-filter:blur(6px);}
  .us-close:hover{color:var(--ink);border-color:var(--line-2);}

  .us-hero{position:relative;background:var(--night-2);background-image:radial-gradient(circle at 1px 1px,rgba(255,255,255,.07) 1px,transparent 0);background-size:20px 20px;aspect-ratio:2.4/1;overflow:hidden;}
  .us-hero img{width:100%;height:100%;object-fit:cover;object-position:left top;display:block;}

  .us-head{padding:26px 36px 0;}
  @media (max-width:720px){.us-head{padding:22px 20px 0;}}
  .us-head .meta{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 13px;}
  .us-head .meta .tagp{background:var(--tint);border-color:var(--sky);color:var(--pacific-ink);}
  .us-head .when{margin-left:auto;font-size:12.5px;font-weight:600;color:var(--ink-3);align-self:center;font-variant-numeric:tabular-nums;}
  .us-head h2{font-size:clamp(24px,3.2vw,32px);line-height:1.12;letter-spacing:-0.036em;margin:0;max-width:24ch;}
  .us-head .lede{font-size:17px;line-height:1.55;color:var(--ink-2);margin:12px 0 0;max-width:62ch;}

  .us-body{padding:0 36px 36px;}
  @media (max-width:720px){.us-body{padding:0 20px 32px;}}
  .us-sec{padding:26px 0 0;margin-top:26px;border-top:1px solid var(--line);}
  .us-sec > h3{font-size:11px;font-weight:800;letter-spacing:.095em;text-transform:uppercase;color:var(--ink-3);margin:0 0 14px;}
  .us-prose p{font-size:15.5px;line-height:1.68;color:var(--ink-2);max-width:68ch;text-wrap:pretty;}
  .us-prose p + p{margin-top:13px;}
  .us-prose ul,.us-prose ol{margin:12px 0 0;padding-left:22px;max-width:68ch;}
  .us-prose li{font-size:15.5px;line-height:1.6;color:var(--ink-2);margin:6px 0;text-wrap:pretty;}
  .us-prose ul + p,.us-prose ol + p{margin-top:13px;}
  /* headings carried over from the Notion page */
  .us-prose h4{font-size:17px;font-weight:800;letter-spacing:-0.02em;color:var(--ink);margin:0 0 10px;}
  .us-prose * + h4{margin-top:26px;}
  .us-sec.has-h{padding-top:22px;}
  .us-prose strong{font-weight:700;color:var(--ink);}
  .us-prose em{font-style:italic;}
  .us-prose code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.92em;padding:1px 6px;border-radius:5px;background:var(--tint);color:var(--ink);}
  .us-prose a{color:var(--pacific);text-decoration:underline;text-underline-offset:2px;}
  .us-prose a:hover{color:var(--pacific-ink);}
  /* uploaded video blocks */
  .us-shot.us-vid video{width:100%;display:block;background:#000;max-height:520px;}
  .us-shot.us-vid + .us-shot,.us-shot.us-vid + .us-steps{margin-top:14px;}

  /* what this means: the one idea to take away */
  .us-means{margin-top:22px;padding:18px 20px;border-radius:12px;background:var(--tint);border:1px solid var(--sky);background-image:radial-gradient(circle at 1px 1px,rgba(3,26,60,.07) 1px,transparent 0);background-size:20px 20px;}
  .us-means b{display:block;font-size:10.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--pacific-ink);margin:0 0 6px;}
  .us-means span{display:block;font-size:15.5px;line-height:1.55;color:var(--ink);font-weight:600;max-width:62ch;}

  /* see how it works */
  .us-shot{margin:0;border-radius:12px;overflow:hidden;border:1px solid var(--line);background:var(--night-2);}
  .us-shot img{width:100%;aspect-ratio:2.1/1;object-fit:cover;object-position:left top;display:block;}
  .us-shot figcaption{padding:11px 14px;font-size:13px;line-height:1.5;color:var(--ink-2);background:var(--paper);border-top:1px solid var(--line);}
  .us-steps{display:flex;flex-direction:column;gap:16px;counter-reset:s;}
  .us-step{display:grid;grid-template-columns:34px minmax(0,1fr);gap:0 16px;align-items:start;}
  .us-step .n{width:28px;height:28px;border-radius:50%;background:var(--pacific);color:#fff;display:grid;place-items:center;font-size:13px;font-weight:800;font-variant-numeric:tabular-nums;}
  .us-step .cap{font-size:14.5px;line-height:1.5;color:var(--ink);font-weight:600;padding-top:4px;}
  .us-step .shot{grid-column:2;margin-top:10px;border-radius:10px;overflow:hidden;border:1px solid var(--line);background:var(--night-2);}
  .us-step .shot img{width:100%;aspect-ratio:2.1/1;object-fit:cover;object-position:left top;display:block;}
  @media (max-width:560px){.us-step{grid-template-columns:1fr;gap:8px;} .us-step .shot{grid-column:1;}}
  .us-video{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:12px;border:1px solid var(--line);background:var(--paper);text-decoration:none;color:var(--ink);}
  .us-video:hover{border-color:var(--pacific);}
  .us-video .play{width:34px;height:34px;border-radius:50%;background:var(--pacific);color:#fff;display:grid;place-items:center;flex:0 0 auto;}
  .us-video b{font-size:14.5px;font-weight:700;}

  /* take action */
  .us-act{display:flex;align-items:flex-start;gap:12px;padding:16px 18px;border-radius:12px;background:var(--tint);border:1px solid var(--sky);}
  .us-act .chip{flex:0 0 auto;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;padding:4px 9px;border-radius:999px;background:var(--pacific);color:#fff;margin-top:2px;}
  .us-act span.txt{font-size:15px;line-height:1.55;color:var(--ink);max-width:62ch;}

  /* go deeper: one primary, the rest quiet */
  .us-deeper{display:flex;flex-direction:column;gap:14px;align-items:flex-start;}
  .us-primary{display:inline-flex;align-items:center;gap:8px;padding:12px 22px;border-radius:11px;background:var(--pacific);color:#fff;font-size:14px;font-weight:700;text-decoration:none;}
  .us-primary:hover{background:var(--pacific-ink);}
  .us-links{display:flex;flex-direction:column;gap:9px;}
  .us-links a{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:var(--ink-2);text-decoration:none;}
  .us-links a:hover{color:var(--pacific);}
  .us-links a svg{color:var(--ink-3);flex:0 0 auto;}
  .us-links a:hover svg{color:var(--pacific);}

  /* the card affordance on the weekly page */
  .ntk-item{cursor:pointer;transition:border-color .16s ease,transform .16s ease;}
  .ntk-item:hover{border-color:var(--pacific);transform:translateY(-2px);}
  .ntk-item:focus-visible{outline:2px solid var(--pacific);outline-offset:3px;}
  .ntk-open{display:inline-flex;align-items:center;gap:7px;margin:18px 0 0;font-size:13.5px;font-weight:700;color:var(--pacific);}
  .ntk-item:hover .ntk-open svg{transform:translateX(3px);}
  .ntk-open svg{transition:transform .16s ease;}

  .empty-state{background:var(--paper);}

  footer{border-top:1px solid var(--line);background:var(--paper);}
  footer .wrap{padding:28px 40px 48px;display:flex;flex-direction:column;gap:18px;font-size:13px;color:var(--ink-3);}
  footer .flinks{display:flex;flex-wrap:wrap;gap:12px 28px;align-items:center;}
  footer .flinks a{display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:700;color:var(--ink);text-decoration:none;}
  footer .flinks a svg{color:var(--ink-3);}
  footer .flinks a:hover{color:var(--pacific);}
  footer .flinks a:hover svg{color:var(--pacific);}
  footer .fnote{display:flex;flex-wrap:wrap;gap:6px 26px;justify-content:space-between;line-height:1.5;}
  @media (max-width:720px){footer .wrap{padding:26px 20px 44px;} footer .flinks{gap:12px 20px;}}

  /* ---------- POPOUT ---------- */
  .scrim{position:fixed;inset:0;z-index:60;background:var(--scrim);backdrop-filter:blur(3px);display:grid;place-items:center;padding:32px 20px;}
  @media (max-width:640px){.scrim{padding:0;align-items:end;}}
  .modal{position:relative;width:100%;max-width:720px;max-height:88vh;overflow-y:auto;background:var(--paper);border:1px solid var(--line);border-top:3px solid var(--pacific);border-radius:18px;box-shadow:0 30px 80px rgba(3,26,60,.35);animation:pop .16s ease-out;}
  /* text-only records size to their content instead of holding a media slot open */
  .modal.compact{max-width:560px;}
  @media (max-width:640px){.modal{max-height:92vh;border-radius:18px 18px 0 0;}}
  @keyframes pop{from{opacity:0;transform:translateY(10px) scale(.99);}to{opacity:1;transform:none;}}
  .modal-close{position:absolute;top:16px;right:16px;z-index:2;width:34px;height:34px;border-radius:9px;display:grid;place-items:center;background:rgba(255,255,255,.92);border:1px solid var(--line);color:var(--ink-2);backdrop-filter:blur(6px);}
  .modal-close:hover{color:var(--ink);border-color:var(--line-2);}
  .m-media{position:relative;background:var(--night-2);background-image:radial-gradient(circle at 1px 1px,rgba(255,255,255,.06) 1px,transparent 0);background-size:20px 20px;aspect-ratio:3/2;display:flex;align-items:center;justify-content:center;overflow:hidden;}
  .m-body{padding:26px 30px 30px;display:flex;flex-direction:column;gap:14px;}
  /* title block rides a tinted band so the detail view has a spine */
  .modal .m-body > .m-meta{margin:-26px -30px 4px;padding:18px 30px;background:var(--tint);border-bottom:1px solid var(--sky);background-image:radial-gradient(circle at 1px 1px,rgba(3,26,60,.07) 1px,transparent 0);background-size:20px 20px;}
  @media (max-width:640px){.modal .m-body > .m-meta{margin:-24px -20px 4px;padding:16px 20px;}}
  @media (max-width:640px){.m-body{padding:24px 20px 28px;}}
  .m-meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap;}
  .m-date{font-size:13px;font-weight:600;color:var(--ink-3);font-variant-numeric:tabular-nums;}
  .m-body h2{font-size:28px;line-height:1.14;letter-spacing:-0.035em;}
  .m-sum{font-size:17px;line-height:1.55;color:var(--ink);font-weight:600;}
  .m-body .prose p{font-size:15.5px;line-height:1.66;color:var(--ink-2);text-wrap:pretty;}
  .m-body .prose p + p{margin-top:12px;}
  .m-shots{display:flex;flex-direction:column;gap:14px;margin-top:4px;}
  .m-body .prose ul,.m-body .prose ol{margin:10px 0 0;padding-left:22px;}
  .m-body .prose li{font-size:15px;line-height:1.55;color:var(--ink-2);margin:5px 0;}
  .m-body .prose ul + p,.m-body .prose ol + p{margin-top:12px;}
  .m-body .prose h4{font-size:16px;font-weight:800;letter-spacing:-0.02em;color:var(--ink);margin:0 0 8px;}
  .m-body .prose * + h4{margin-top:20px;}
  .m-body .prose strong{font-weight:700;color:var(--ink);}
  .m-body .prose a{color:var(--pacific);text-decoration:underline;text-underline-offset:2px;}
  .m-body .prose code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.92em;padding:1px 6px;border-radius:5px;background:var(--tint);}
  .m-body .links{margin-top:4px;padding-top:16px;border-top:1px solid var(--line);}

  [hidden]{display:none !important;}
  @media (prefers-reduced-motion:reduce){*{transition:none !important;animation:none !important;}}

/* Product filtering removed. Everything renders unfiltered.
   Markup is left in place so the JS that references it keeps working;
   these two rules are the only thing hiding it. */
.filterbar,
.sec-filters { display: none !important; }