/* ============================================================
   MAXIMUM — platform page styles
   Extracted from an inline <style> in platform.html so the CSP can drop
   'unsafe-inline' from style-src-elem. Linked immediately after
   theme-green.css, the position the <style> block occupied, so the
   cascade order against site.css and the theme is unchanged.
   ============================================================ */
  /* platform hero is light, so keep the nav solid-dark at the top of this page */
  .nav{background:rgba(12,12,14,.9);backdrop-filter:blur(14px) saturate(1.2);border-bottom:1px solid var(--line-soft);}
  .p-hero{padding-top:calc(var(--nav-h) + clamp(60px,9vw,120px));padding-bottom:clamp(64px,7vw,100px);position:relative;overflow:hidden;background:var(--paper);color:var(--ink);clip-path:polygon(0 0,100% 0,100% calc(100% - 3.2vw),0 100%);}
  .p-hero .grid-faint{position:absolute;inset:0;mask-image:linear-gradient(180deg,rgba(0,0,0,.5),transparent 70%);opacity:.08;}
  .p-hero .display{color:var(--ink);}
  .p-hero .kicker{color:rgba(12,12,14,.6);}
  .p-hero .kicker .bar{background:rgba(12,12,14,.3);}
  .p-hero .kicker .idx{color:rgba(12,12,14,.45);}
  .p-hero .lead{color:rgba(12,12,14,.62);}
  .p-hero .lead .live-text{color:#1c7a48;font-weight:500;}
  .p-hero .cat-list-2{border-top-color:rgba(12,12,14,.14);}
  .p-hero .cat-row{border-bottom-color:rgba(12,12,14,.12);}
  .p-hero .cat-row .cn{color:rgba(12,12,14,.4);}
  .p-hero .cat-row .cm{color:rgba(12,12,14,.55);}
  .p-hero .cat-list-2 .cat-row:hover,.p-hero .cat-list-2 .cat-row.hot{background:rgba(12,12,14,.04);}
  .p-hero .cat-row.hot .ct{color:#1c7a48;}
  .p-hero .cat-btn{color:var(--ink);border-color:rgba(12,12,14,.25);}
  .p-hero .cat-btn:hover{background:rgba(12,12,14,.05);border-color:rgba(12,12,14,.45);}
  .p-hero-grid{display:block;position:relative;}
  .cat-list-2 .cat-row{display:grid;grid-template-columns:44px 1fr auto auto;gap:16px;align-items:center;
    padding:22px 8px;border-bottom:1px solid var(--line-soft);cursor:pointer;transition:.2s;text-decoration:none;color:inherit;}
  .cat-list-2 .cat-row:hover,.cat-list-2 .cat-row.hot{background:rgba(244,244,242,.03);padding-left:16px;}
  .cat-row .cat-btn{padding:10px 18px;font-size:11px;justify-self:end;}
  .cat-row .cn{font-family:var(--font-mono);font-size:13px;color:var(--paper-faint);}
  .cat-row .ct{font-size:clamp(20px,2.4vw,30px);font-weight:500;letter-spacing:-.015em;}
  .cat-row.hot .ct{color:var(--flag);}
  .cat-row .cm{font-family:var(--font-mono);font-size:12px;letter-spacing:.1em;color:var(--paper-dim);text-transform:uppercase;}
  /* platform stats + AI note */
  .p-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(20px,3vw,52px);}
  .p-stats .stat{color:var(--live);}
  .p-ai-note{margin-top:clamp(22px,3vw,40px);border-top:1px solid var(--line-soft);
    padding-top:clamp(20px,2.6vw,34px);font-size:clamp(19px,2.1vw,30px);font-weight:500;
    letter-spacing:-.015em;line-height:1.36;text-wrap:pretty;}
  .p-ai-note .live-text{color:var(--live);}
  @media (max-width:640px){.p-stats{grid-template-columns:1fr;gap:28px;}}
  .aiwing-sect{padding-top:clamp(40px,5vw,72px);padding-bottom:clamp(8px,2vw,20px);}
  .aiwing-head{max-width:62ch;margin-bottom:18px;}
  .aiwing-head p{font-size:clamp(15px,1.3vw,18px);line-height:1.5;color:var(--paper-dim);margin:14px 0 0;}
  .aiwing-stage{position:relative;height:clamp(440px,46vw,640px);width:100%;}
  .aiwing-stage .viz{position:absolute;inset:0;height:100%;}

  .p-core-stage{position:relative;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;}
  .p-core-stage .grid-faint{mask-image:radial-gradient(circle at 50% 50%,#000 28%,transparent 76%);opacity:.6;}

  .cat-list-2{display:flex;flex-direction:column;border-top:1px solid var(--line-soft);}

  /* category deep-dive blocks */
  .cat-block{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,5vw,72px);align-items:center;
    padding-block:clamp(48px,6vw,84px);border-top:1px solid var(--line-soft);}
  .cat-block:nth-child(even) .cb-board{order:-1;}
  .cb-num{font-family:var(--font-mono);font-size:13px;letter-spacing:.1em;color:var(--paper-faint);}
  .cb-head{display:flex;align-items:baseline;gap:16px;margin-bottom:18px;}
  .mod-list{display:flex;flex-direction:column;gap:0;margin-top:24px;border-top:1px solid var(--line-soft);}
  .mod{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:13px 2px;
    border-bottom:1px solid var(--line-soft);}
  .mod .mn{font-size:15px;font-weight:500;}
  .mod .ms{font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;color:var(--paper-faint);text-transform:uppercase;}
  .cb-board{display:flex;align-items:center;justify-content:center;}
  .cb-board .blueprint{width:100%;padding:34px 28px;background:none;border:none;box-shadow:none;}
  .cb-board .blueprint::before{display:none;}
  .cb-board .viz{height:340px;}

  /* architecture band, Energia style */
  .arch{border-top:1px solid var(--line-soft);}
  .arch-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(24px,4vw,64px);margin-top:50px;}
  .arch-stats > div{background:transparent;padding:0;}
  .arch-cap{font-family:var(--font-mono);font-size:13px;color:var(--paper-dim);line-height:1.7;margin-top:14px;
    padding-left:20px;border-left:1px solid var(--paper-faint);}

  @media (max-width:920px){
    .p-hero-grid,.cat-block{grid-template-columns:1fr;}
    .cat-block:nth-child(even) .cb-board{order:0;}
    .arch-stats{grid-template-columns:1fr;}
  }