/* ============================================================
   MAXIMUM — maximum-ai page styles
   Extracted from an inline <style> in maximum-ai.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.
   ============================================================ */
  .blueprint{background:none;border:none;box-shadow:none;}
  .blueprint::before{display:none;}
  .ai-hero{padding-top:calc(var(--nav-h) + clamp(56px,8vw,110px));padding-bottom:clamp(40px,5vw,60px);position:relative;overflow:hidden;}
  .ai-hero .grid-faint{position:absolute;inset:0;mask-image:linear-gradient(180deg,rgba(0,0,0,.35),transparent 75%);opacity:.4;}
  .ai-hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(24px,3vw,48px);align-items:center;position:relative;}
  .ai-hero-grid .aiwing-stage{height:clamp(320px,32vw,420px);}
  .mesh-stage{position:relative;aspect-ratio:1.1/1;display:flex;align-items:center;justify-content:center;}
  .mesh-stage svg{width:100%;height:auto;overflow:visible;}
  .spin-mesh{transform-origin:center;animation:spin 120s linear infinite;}
  @media (prefers-reduced-motion:reduce){.spin-mesh{animation:none;}}

  .agent-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line-soft);
    border:1px solid var(--line-soft);margin-top:46px;}
  .agent{background:var(--ink);padding:26px 24px;display:flex;flex-direction:column;gap:12px;min-height:170px;transition:background .2s;}
  .agent:hover{background:var(--ink-2);}
  .agent .ah{display:flex;justify-content:space-between;align-items:center;}
  .agent .atype{font-family:var(--font-mono);font-size:10px;letter-spacing:.12em;color:var(--live);text-transform:uppercase;}
  .agent .anum{font-family:var(--font-mono);font-size:10px;color:var(--paper-faint);}
  .agent h3{font-size:18px;}
  .agent p{font-size:13px;color:var(--paper-dim);line-height:1.45;margin:0;}
  /* inverted agents band */
  .agents-invert{background:var(--paper);color:var(--ink);clip-path:polygon(0 3.8vw,100% 0,100% calc(100% - 3.8vw),0 100%);}
  .agents-invert .kicker{color:rgba(12,12,14,.6);}
  .agents-invert .kicker .bar{background:rgba(12,12,14,.3);}
  .agents-invert .kicker .idx{color:rgba(12,12,14,.45);}
  .agents-invert .kicker .live-text{color:#1c7a48;}
  .agents-invert .h2{color:var(--ink);}
  .agents-invert .agent-grid{background:rgba(12,12,14,.12);border-color:rgba(12,12,14,.12);}
  .agents-invert .agent{background:var(--paper);}
  .agents-invert .agent:hover{background:#e9e9e2;}
  .agents-invert .agent h3{color:var(--ink);}
  .agents-invert .agent p{color:rgba(12,12,14,.62);}
  .agents-invert .agent .atype{color:#1c7a48;}
  .agents-invert .agent .anum{color:rgba(12,12,14,.4);}

  .diff{border-top:1px solid var(--line-soft);background:radial-gradient(100% 100% at 15% 0%,rgba(99,230,160,.05),transparent 55%);}
  .builder{border-top:1px solid var(--line-soft);}
  @media (max-width:980px){.ai-hero-grid{grid-template-columns:1fr;}.agent-grid{grid-template-columns:1fr 1fr;}}
  @media (max-width:560px){.agent-grid{grid-template-columns:1fr;}}