a.logo-wrap{text-decoration:none}a.logo-wrap:hover img{filter:drop-shadow(0 0 40px rgba(0,245,212,.4))}
@font-face{font-family:"Inter";src:url("fonts/Inter.woff2") format("woff2");font-weight:100 900;font-style:normal;font-display:swap}
  @font-face{font-family:"Orbitron";src:url("fonts/Orbitron.woff2") format("woff2");font-weight:400 900;font-style:normal;font-display:swap}
  @font-face{font-family:"JBMono";src:url("fonts/JetBrainsMono.woff2") format("woff2");font-weight:400 700;font-style:normal;font-display:swap}

  :root{
    --bg:#05080c; --panel:#0c1219; --panel-2:#141a21; --edge:#1e293b;
    --ink:#f1f5f9; --muted:#94a3b8; --faint:#5b6b7d;
    --accent:#00F5D4; --accent-dim:#00d4b8; --accent-2:#00B4D8;
    --accent-glow:rgba(0,245,212,.12); --accent-line:rgba(0,245,212,.22);
    --sans:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
    --mono:"JBMono",ui-monospace,"SF Mono",Menlo,Consolas,monospace;
    --display:"Orbitron",var(--sans);
    --verified:#00F5D4; --screen:#f2b134;
  }
  *{box-sizing:border-box}
  html{-webkit-text-size-adjust:100%}
  body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:15px;line-height:1.55;
    -webkit-font-smoothing:antialiased;overflow-x:hidden}
  /* ambient teal glow, top-right — the site's vibe without an external asset */
  body::before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;
    background:
      radial-gradient(60% 45% at 88% -8%, var(--accent-glow), transparent 70%),
      radial-gradient(50% 40% at -6% 4%, rgba(0,180,216,.08), transparent 70%);}
  .sheet{position:relative;z-index:1;max-width:920px;margin:0 auto;padding:30px 34px 26px}
  a{color:var(--accent);text-decoration:none}
  a:hover{text-decoration:underline}
  :focus-visible{outline:2px solid var(--accent);outline-offset:2px}

  .mono{font-family:var(--mono)}
  .eyebrow{font-family:var(--mono);font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--accent);font-weight:600}
  h1,h2,h3{margin:0;text-wrap:balance}
  .display{font-family:var(--display);font-weight:800;letter-spacing:.02em}

  /* ---------- masthead ---------- */
  .masthead{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;
    padding:6px 0 22px;border-bottom:1px solid var(--edge)}
  .logo-wrap{display:flex;align-items:center;justify-content:center}
  .logo-wrap img{height:118px;width:auto;display:block;filter:drop-shadow(0 0 32px rgba(0,245,212,.24))}
  .masthead .tag{font-family:var(--mono);font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:var(--accent)}
  .masthead .site{font-family:var(--mono);font-size:12px;color:var(--muted)}
  .masthead .site b{color:var(--accent);font-weight:600}

  /* ---------- hero band ---------- */
  .hero{display:grid;grid-template-columns:1.15fr .85fr;gap:30px;align-items:center;padding:26px 0 24px;border-bottom:1px solid var(--edge)}
  @media (max-width:720px){.hero{grid-template-columns:1fr;gap:22px}}
  .hero h1{font-size:clamp(25px,3.6vw,34px);font-weight:800;letter-spacing:-.02em;line-height:1.12}
  .hero h1 .hl{color:var(--accent)}
  .hero p{color:var(--muted);margin:14px 0 0;font-size:15.5px;line-height:1.5;max-width:52ch}
  .kbd{display:inline-flex;align-items:center;gap:7px;margin-top:18px;font-family:var(--mono);font-size:12px;
    color:var(--muted)}
  .kbd b{color:var(--ink);font-weight:600}

  /* evidence chip */
  .evidence{background:linear-gradient(180deg,var(--panel-2),var(--panel));border:1px solid var(--edge);
    border-radius:12px;overflow:hidden;box-shadow:0 18px 40px rgba(0,0,0,.45)}
  .evidence .ehead{display:flex;justify-content:space-between;align-items:center;padding:9px 13px;
    border-bottom:1px solid var(--edge);font-family:var(--mono);font-size:10.5px;letter-spacing:.05em;color:var(--faint);text-transform:uppercase}
  .evidence .ehead .seal{color:var(--accent)}
  .evidence .ebody{padding:12px 13px;font-family:var(--mono);font-size:12px}
  .evidence .row{display:flex;justify-content:space-between;gap:10px;padding:2px 0;color:var(--muted)}
  .evidence .row b{color:var(--ink);font-weight:600}
  .evidence .row .hash{color:var(--accent-2)}
  .pill{font-size:10px;padding:1px 8px;border-radius:999px;border:1px solid currentColor;font-weight:600;letter-spacing:.03em}
  .pill.screen{color:var(--screen)}
  .evidence .verify{border-top:1px solid var(--edge);padding:10px 13px;font-family:var(--mono);font-size:11.5px;background:rgba(0,245,212,.04)}
  .evidence .verify .p{color:var(--faint)}
  .evidence .verify .ok{color:var(--verified);font-weight:600;display:block;margin-top:4px}

  /* ---------- section scaffolding ---------- */
  .band{padding:22px 0;border-bottom:1px solid var(--edge)}
  .band > .eyebrow{display:block;margin-bottom:14px}
  .h2{font-family:var(--display);font-weight:700;font-size:15px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink)}

  /* provenance pillars */
  .pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
  @media (max-width:720px){.pillars{grid-template-columns:1fr}}
  .pillar{border:1px solid var(--edge);border-radius:10px;padding:15px 16px;background:var(--panel);
    border-top:2px solid var(--accent-line)}
  .pillar .n{font-family:var(--mono);font-size:10.5px;letter-spacing:.12em;color:var(--accent);font-weight:700}
  .pillar h3{font-size:14.5px;margin:8px 0 5px;color:var(--ink);font-weight:700}
  .pillar p{color:var(--muted);font-size:13px;line-height:1.45}
  .pillar code{font-family:var(--mono);color:var(--accent-dim);font-size:12px}

  /* capabilities strip */
  .caps{display:grid;grid-template-columns:repeat(3,1fr);gap:9px 22px}
  @media (max-width:720px){.caps{grid-template-columns:1fr 1fr}}
  @media (max-width:460px){.caps{grid-template-columns:1fr}}
  .cap{display:flex;gap:10px;align-items:baseline;padding:5px 0}
  .cap .t{font-family:var(--mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--accent-2);
    min-width:0;flex:0 0 92px}
  .cap .d{font-size:13px;color:var(--ink)}
  .cap .d span{color:var(--faint)}

  /* honest split + tiers share this two-col */
  .twocol{display:grid;grid-template-columns:1fr 1fr;gap:16px}
  @media (max-width:720px){.twocol{grid-template-columns:1fr}}
  .card{border:1px solid var(--edge);border-radius:10px;padding:16px 18px;background:var(--panel)}
  .card.pro{border-color:var(--accent-line);position:relative}
  .card h3{font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;margin-bottom:11px}
  .card.is h3{color:var(--verified)} .card.isnt h3{color:var(--screen)}
  .card ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px}
  .card li{position:relative;padding-left:20px;font-size:13px;color:var(--muted);line-height:1.4}
  .card.is li::before{content:"✓";position:absolute;left:0;color:var(--verified);font-family:var(--mono);font-weight:700}
  .card.isnt li::before{content:"—";position:absolute;left:0;color:var(--screen);font-family:var(--mono)}

  .tier .tname{display:flex;align-items:baseline;gap:9px;margin-bottom:4px}
  .tier .tname strong{font-family:var(--display);font-size:16px;letter-spacing:.04em;color:var(--ink)}
  .tier .tname .lic{font-family:var(--mono);font-size:10.5px;color:var(--faint)}
  .tier .role{color:var(--muted);font-size:12.5px;margin-bottom:11px}
  .tier ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:7px}
  .tier li{position:relative;padding-left:18px;font-size:12.5px;color:var(--ink);line-height:1.4}
  .tier li::before{content:"▸";position:absolute;left:0;color:var(--accent);font-size:11px}
  .tier .badge{position:absolute;top:14px;right:16px;font-family:var(--mono);font-size:9.5px;letter-spacing:.08em;
    text-transform:uppercase;color:var(--accent);border:1px solid var(--accent-line);border-radius:999px;padding:2px 8px}

  /* footer / CTA */
  .foot{display:grid;grid-template-columns:1.3fr .7fr;gap:22px;align-items:center;padding-top:20px}
  @media (max-width:720px){.foot{grid-template-columns:1fr;gap:16px}}
  .start .code{font-family:var(--mono);font-size:12px;background:var(--panel-2);border:1px solid var(--edge);
    border-radius:9px;padding:12px 14px;line-height:1.7;color:var(--ink);overflow-x:auto}
  .start .code .c{color:var(--faint)} .start .code .p{color:var(--accent)} .start .code .s{color:var(--accent-2)}
  .cta{display:flex;flex-direction:column;gap:10px;align-items:flex-start}
  .btn{font-family:var(--sans);font-weight:650;font-size:14px;padding:11px 20px;border-radius:9px;
    background:var(--accent);color:#03110e;border:0;cursor:pointer}
  .btn:hover{text-decoration:none;background:var(--accent-dim)}
  .compliance{font-family:var(--mono);font-size:10px;line-height:1.55;color:var(--faint);
    border-top:1px solid var(--edge);margin-top:18px;padding-top:14px;max-width:78ch}
  .compliance b{color:var(--muted);font-weight:600}
  @media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

  /* ---------- light theme for the printable one-pager (screen stays dark) ---------- */
  @media print{
    :root{
      --bg:#ffffff; --panel:#ffffff; --panel-2:#f3f6f9; --edge:#d5dbe3;
      --ink:#0d1526; --muted:#44506a; --faint:#6a7686;
      --accent:#0e7490; --accent-dim:#0b5f77; --accent-2:#0369a1;
      --accent-glow:transparent; --accent-line:#bfe0e8;
      --verified:#0f766e; --screen:#b45309;
    }
    @page{margin:11mm}
    html,body{background:#fff}
    *{-webkit-print-color-adjust:exact;print-color-adjust:exact}
    body::before{display:none!important}                    /* drop ambient teal glow */
    .logo-wrap img,a.logo-wrap:hover img{filter:brightness(0)}  /* white lockup -> solid dark on white paper */
    .evidence{box-shadow:none}
    .btn{color:#fff}                                        /* white label on dark-teal button */
    .cta a[download]{display:none}                          /* the "Download PDF" button is circular inside the PDF */
    /* tighten to keep it a clean two-pager */
    .sheet{max-width:none;padding:0 4px}
    .logo-wrap img{height:60px}
    .masthead{padding:0 0 9px}
    .hero{padding:10px 0}
    .hero p{margin-top:9px}
    .kbd{margin-top:11px}
    .band{padding:9px 0}
    .band>.eyebrow{margin-bottom:7px}
    .pillar{padding:11px 13px}
    .pillar p{font-size:12.5px}
    .card{padding:12px 15px}
    .card ul,.tier ul{gap:6px}
    .caps{gap:6px 22px}
    .foot{padding-top:11px}
    .start .code{padding:10px 12px;line-height:1.5}
    .compliance{margin-top:10px;padding-top:9px;font-size:9px}
    .band,.pillar,.card,.evidence,.foot{break-inside:avoid}
  }
