/* STUDIO SITE — three themes, one file. Mobile-first. No frameworks.
   body.theme-studio   → naturalist field journal (cream paper, ink, serif, amber)
   body.theme-seenbyai → professional B2B dark (charcoal, electric cyan, Inter)
   body.theme-modelwars→ fight night (black/newsprint + blood-red) — unchanged look */

/* ================= base (structure only) ================= */
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
.wrap{max-width:760px;margin:0 auto;padding:0 20px}
img{max-width:100%;display:block}
section{padding:64px 0}
.center{text-align:center}
.center .lede{margin-left:auto;margin-right:auto}
.rule{margin:0 0 34px;max-width:760px}
.lede{font-size:1.06rem;max-width:36em}
a{text-decoration-skip-ink:auto}

/* nav */
.nav{position:sticky;top:0;z-index:50;backdrop-filter:blur(8px)}
.nav-in{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;max-width:760px;margin:0 auto}
.brand{text-decoration:none}
.nav-links{display:flex;gap:18px;align-items:center}
.nav-links a{text-decoration:none}

/* type */
h1.display{font-size:clamp(3rem,13vw,5.2rem)}
h2.display{font-size:clamp(1.9rem,8vw,2.8rem)}

/* buttons */
.btn{display:inline-block;font-weight:700;text-decoration:none;padding:15px 28px;transition:transform .12s ease, background .15s ease, border-color .15s ease}
.btn:active{transform:scale(.97)}
.btn-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}
.btn.big{width:100%;text-align:center}

/* grids */
.species-grid,.grid2,.fighters{display:grid;gap:18px;margin-top:8px}
.grid2,.steps,.faq{margin-top:24px}
@media(min-width:640px){
  .species-grid,.grid2{grid-template-columns:1fr 1fr}
  .fighters{grid-template-columns:1fr 1fr}
}
.steps{display:grid;gap:14px}
.faq{display:grid;gap:12px}

/* footer */
footer{padding:44px 0 54px}
.foot-links{margin:18px 0;display:flex;gap:18px;flex-wrap:wrap}
.foot-links a{text-decoration:none}
.fine{font-size:.8rem;margin-top:14px}
.mail-btn{display:inline-block;margin-top:16px;text-decoration:none}

/* focus */
a:focus-visible,.btn:focus-visible,summary:focus-visible{outline:2px solid currentColor;outline-offset:3px}

/* ============================================================
   THEME: STUDIO — naturalist field journal
   ============================================================ */
body.theme-studio{
  --paper:#f6f1e5; --paper-2:#eee5d0; --card:#fdfaf1;
  --line:#d9cdae;
  --ink:#211a11; --paper-dim:#5d5342; --paper-faint:#948a72;
  --blood:#9c3d1a; --blood-dark:#7c2f13;
  --gold:#a37c22; --ink-2:#eee5d0; --ink-3:#e6d9bc;
  background-color:var(--paper);
  background-image:
    radial-gradient(ellipse 70% 45% at 50% 0%, rgba(163,124,34,.10), transparent),
    repeating-linear-gradient(0deg, transparent 0 3px, rgba(33,26,17,.016) 3px 4px);
  color:var(--ink);
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
}
.theme-studio .nav{background:rgba(246,241,229,.92);border-bottom:1px solid var(--line)}
.theme-studio .brand{font-family:'Playfair Display',Georgia,serif;font-weight:800;font-size:1.12rem;color:var(--ink)}
.theme-studio .brand b{color:var(--blood);font-weight:800}
.theme-studio .nav-links a{font-size:.72rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--paper-dim)}
.theme-studio .nav-links a:hover{color:var(--ink)}
.theme-studio .eyebrow{font-size:.72rem;font-weight:700;letter-spacing:.26em;text-transform:uppercase;color:var(--blood);margin-bottom:14px}
.theme-studio .eyebrow::before{content:"";display:inline-block;width:26px;height:2px;background:var(--blood);vertical-align:middle;margin-right:10px}
.theme-studio .display{font-family:'Playfair Display',Georgia,serif;font-weight:800;line-height:1.04;letter-spacing:0}
.theme-studio .lede{color:var(--paper-dim)}
.theme-studio a{color:var(--blood)}
.theme-studio .rule{height:2px;background:linear-gradient(90deg,var(--blood),transparent)}
.theme-studio .hero{padding:84px 0 64px}
.theme-studio .hero .display .red{color:var(--blood)}
.theme-studio .hero-sub{margin-top:18px}
.theme-studio .btn{font-size:.8rem;letter-spacing:.16em;text-transform:uppercase;background:var(--ink);border:2px solid var(--ink);color:var(--paper);border-radius:3px}
.theme-studio .btn:hover{background:var(--blood);border-color:var(--blood)}
.theme-studio .btn.ghost{background:transparent;color:var(--ink)}
.theme-studio .btn.ghost:hover{background:var(--ink);color:var(--paper)}
/* field-guide specimen cards */
.theme-studio .card{background:var(--card);border:1px solid var(--line);border-radius:4px;padding:28px 26px;position:relative;box-shadow:0 8px 28px rgba(33,26,17,.10)}
.theme-studio .card::before{content:"";position:absolute;inset:9px;border:1px dashed rgba(33,26,17,.28);border-radius:3px;pointer-events:none}
.theme-studio .card .no{font-family:'Special Elite','Courier New',monospace;font-size:.74rem;letter-spacing:.2em;text-transform:uppercase;color:var(--blood-dark)}
.theme-studio .card h3{font-family:'Playfair Display',Georgia,serif;font-weight:800;font-size:1.8rem;margin:8px 0 4px}
.theme-studio .card .habitat{font-family:'Special Elite','Courier New',monospace;font-size:.8rem;color:#7a6f5c;margin-bottom:12px}
.theme-studio .card p{font-size:.95rem;color:#4a4234}
.theme-studio .card .btn{margin-top:18px;font-size:.74rem;padding:12px 22px}
.theme-studio .manifesto{background:var(--paper-2);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.theme-studio .mani-lines{font-family:'Special Elite','Courier New',monospace;font-size:clamp(1.05rem,4.5vw,1.3rem);line-height:2;color:var(--ink)}
.theme-studio .mani-lines .r{color:var(--blood)}
.theme-studio .hunting{margin-top:26px;font-size:.78rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--gold)}
.theme-studio footer{border-top:1px solid var(--line)}
.theme-studio footer .display{font-size:1.5rem}
.theme-studio .foot-links a{font-size:.74rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--paper-dim)}
.theme-studio .foot-links a:hover{color:var(--blood)}
.theme-studio .fine{color:var(--paper-faint)}
.theme-studio .mail-btn{font-size:.8rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--ink);border:1px solid var(--line);padding:12px 22px;border-radius:3px}
.theme-studio .mail-btn:hover{border-color:var(--blood);color:var(--blood)}

/* ============================================================
   THEME: SEENBYAI — professional B2B dark
   ============================================================ */
body.theme-seenbyai{
  --bg:#0d1117; --bg-2:#11161d; --card:#161b22; --line:#232b36;
  --cyan:#22d3ee; --cyan-deep:#0891b2; --cyan-ink:#03252c;
  --paper:#edf3f8; --paper-dim:#9aa7b4; --paper-faint:#6b7885;
  --blood:#22d3ee; --blood-dark:#0891b2;
  --gold:#f0b429; --ink:#0d1117; --ink-2:#161b22; --ink-3:#1d2530;
  background-color:var(--bg);
  background-image:radial-gradient(ellipse 65% 42% at 50% 0%, rgba(34,211,238,.07), transparent);
  color:var(--paper);
  font-family:'Inter',-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
}
.theme-seenbyai section{padding:76px 0}
.theme-seenbyai .nav{background:rgba(13,17,23,.88);border-bottom:1px solid var(--line)}
.theme-seenbyai .brand{font-weight:800;font-size:1.02rem;letter-spacing:-.01em;color:var(--paper)}
.theme-seenbyai .brand b{color:var(--cyan)}
.theme-seenbyai .nav-links a{font-size:.8rem;font-weight:500;color:var(--paper-dim)}
.theme-seenbyai .nav-links a:hover{color:var(--paper)}
.theme-seenbyai .eyebrow{font-size:.72rem;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--cyan);margin-bottom:14px}
.theme-seenbyai .eyebrow::before{content:"";display:inline-block;width:26px;height:2px;background:var(--cyan);vertical-align:middle;margin-right:10px}
.theme-seenbyai .display{font-weight:800;letter-spacing:-.03em;line-height:1.04}
.theme-seenbyai h1.display{font-size:clamp(2.5rem,10vw,4.2rem)}
.theme-seenbyai h2.display{font-size:clamp(1.75rem,7vw,2.5rem)}
.theme-seenbyai .lede{color:var(--paper-dim);font-size:1.05rem}
.theme-seenbyai a{color:var(--cyan)}
.theme-seenbyai .rule{height:1px;background:var(--line)}
.theme-seenbyai .hero{padding:88px 0 72px}
.theme-seenbyai .hero .display .red{color:var(--cyan)}
.theme-seenbyai .btn{font-size:.92rem;font-weight:700;letter-spacing:.02em;background:linear-gradient(180deg,#2dd4ee,#06b6d4);border:1px solid #06b6d4;color:var(--cyan-ink);border-radius:10px;box-shadow:0 6px 28px rgba(34,211,238,.28)}
.theme-seenbyai .btn:hover{filter:brightness(1.06)}
.theme-seenbyai .btn.big{padding:16px 28px}
.theme-seenbyai .stamp{display:inline-block;font-size:.74rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--cyan-ink);background:var(--cyan);padding:8px 18px;border-radius:999px;margin-bottom:20px}
.theme-seenbyai .trust{margin-top:22px;font-size:.86rem;color:var(--paper-faint)}
.theme-seenbyai .trust a{color:var(--paper-dim)}
/* audit coverage cards */
.theme-seenbyai .check{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:22px}
.theme-seenbyai .check h4{font-size:.95rem;font-weight:700;letter-spacing:.01em;color:var(--paper);margin-bottom:8px}
.theme-seenbyai .check p{font-size:.93rem;color:var(--paper-dim)}
/* deliverable band */
.theme-seenbyai .manifesto{background:var(--bg-2);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.theme-seenbyai .mani-lines{font-size:1.06rem;font-weight:500;line-height:1.95;color:var(--paper)}
.theme-seenbyai .mani-lines .r{color:var(--cyan);font-weight:700}
.theme-seenbyai .hunting{margin-top:24px;font-size:.78rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--paper-faint)}
/* pricing — clean light card */
.theme-seenbyai .price{background:#ffffff;color:#0d1117;border-radius:16px;padding:42px 32px;text-align:center;margin-top:28px;box-shadow:0 24px 70px rgba(0,0,0,.45)}
.theme-seenbyai .price::before,.theme-seenbyai .price::after{display:none}
.theme-seenbyai .price .tag{display:inline-block;font-size:.72rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;background:#e0f7fd;color:#0e7490;padding:7px 18px;border-radius:999px;margin-bottom:18px}
.theme-seenbyai .price .was{font-size:1.1rem;color:#8b949e;text-decoration:line-through}
.theme-seenbyai .price .now{font-weight:800;font-size:3.6rem;letter-spacing:-.03em;color:#0d1117;line-height:1.05}
.theme-seenbyai .price ul{list-style:none;margin:22px 0;text-align:left;display:inline-block}
.theme-seenbyai .price li{font-size:.96rem;font-weight:500;padding:7px 0;color:#33404d}
.theme-seenbyai .price li::before{content:"✓ ";color:var(--cyan-deep);font-weight:800}
/* steps */
.theme-seenbyai .step{background:var(--card);border:1px solid var(--line);border-left:3px solid var(--cyan);border-radius:0 10px 10px 0;padding:20px 20px 20px 22px}
.theme-seenbyai .step h4{font-size:.9rem;font-weight:700;letter-spacing:.04em;color:var(--paper);margin-bottom:6px}
.theme-seenbyai .step h4 .n{color:var(--cyan);margin-right:10px}
.theme-seenbyai .step p{font-size:.93rem;color:var(--paper-dim)}
.theme-seenbyai .upi-ph{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;background:#0a0e13;border:1px dashed var(--cyan);color:var(--cyan);padding:11px 16px;border-radius:8px;display:inline-block;margin-top:10px;font-size:1rem;font-weight:600}
/* faq */
.theme-seenbyai .faq details{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:18px 20px}
.theme-seenbyai .faq summary{font-size:.94rem;font-weight:600;cursor:pointer;color:var(--paper)}
.theme-seenbyai .faq summary::marker{color:var(--cyan)}
.theme-seenbyai .faq p{margin-top:10px;font-size:.93rem;color:var(--paper-dim)}
/* footer */
.theme-seenbyai footer{border-top:1px solid var(--line);background:#0a0e13}
.theme-seenbyai footer .display{font-size:1.3rem}
.theme-seenbyai .foot-links a{font-size:.76rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--paper-dim)}
.theme-seenbyai .foot-links a:hover{color:var(--cyan)}
.theme-seenbyai .fine{color:var(--paper-faint)}
.theme-seenbyai .sba-hero{padding:80px 0 60px}

/* ============================================================
   THEME: MODELWARS — fight night (unchanged look, now scoped)
   ============================================================ */
body.theme-modelwars{
  --ink:#0b0b0c; --ink-2:#141416; --ink-3:#1d1d20;
  --blood:#c8102e; --blood-dark:#8a0b20;
  --gold:#d8a93c;
  --paper:#f2ecdd; --paper-dim:#cfc7b2; --paper-faint:#b9b09a;
  --line:#2a2a2e;
  background-color:var(--ink);
  background-image:
    radial-gradient(ellipse 80% 50% at 50% -10%, rgba(200,16,46,.08), transparent),
    repeating-linear-gradient(0deg, transparent 0 3px, rgba(242,236,221,.012) 3px 4px);
  color:var(--paper);
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
}
.theme-modelwars .nav{background:rgba(11,11,12,.92);border-bottom:1px solid var(--line)}
.theme-modelwars .brand{font-family:'Anton',sans-serif;font-size:1.05rem;letter-spacing:.06em;color:var(--paper)}
.theme-modelwars .brand b{color:var(--blood)}
.theme-modelwars .nav-links a{font-family:'Oswald',sans-serif;font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:var(--paper-dim)}
.theme-modelwars .nav-links a:hover{color:var(--paper)}
.theme-modelwars .eyebrow{font-family:'Oswald',sans-serif;font-size:.72rem;letter-spacing:.28em;text-transform:uppercase;color:var(--blood);margin-bottom:14px}
.theme-modelwars .eyebrow::before{content:"";display:inline-block;width:26px;height:2px;background:var(--blood);vertical-align:middle;margin-right:10px}
.theme-modelwars .display{font-family:'Anton',Impact,sans-serif;font-weight:400;letter-spacing:.01em;line-height:.95;text-transform:uppercase}
.theme-modelwars .lede{color:var(--paper-dim);font-size:1.08rem}
.theme-modelwars a{color:var(--blood)}
.theme-modelwars .rule{height:3px;background:linear-gradient(90deg,var(--blood),transparent)}
.theme-modelwars .hero{padding:84px 0 64px;position:relative;overflow:hidden}
.theme-modelwars .hero .display .red{color:var(--blood)}
.theme-modelwars .btn{font-family:'Oswald',sans-serif;font-weight:600;font-size:.85rem;letter-spacing:.16em;text-transform:uppercase;padding:15px 28px;border:2px solid var(--blood);color:#fff;background:linear-gradient(180deg,var(--blood),var(--blood-dark));border-radius:3px;box-shadow:0 4px 24px rgba(200,16,46,.35)}
.theme-modelwars .btn.big{font-size:1rem;padding:18px 34px}
.theme-modelwars .manifesto{background:var(--ink-2);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.theme-modelwars .mani-lines{font-family:'Special Elite','Courier New',monospace;font-size:clamp(1.05rem,4.5vw,1.4rem);line-height:2;color:var(--paper)}
.theme-modelwars .mani-lines .r{color:var(--blood)}
.theme-modelwars .fighters{margin-top:24px}
.theme-modelwars .fighter{background:var(--ink-2);border:1px solid var(--line);border-top:3px solid var(--blood);border-radius:0 0 6px 6px;padding:20px}
.theme-modelwars .fighter .alias{font-family:'Special Elite',monospace;font-size:.75rem;color:var(--gold);letter-spacing:.1em}
.theme-modelwars .fighter h3{font-family:'Anton',sans-serif;font-size:1.5rem;margin:6px 0 2px;text-transform:uppercase}
.theme-modelwars .fighter .sub{font-family:'Oswald',sans-serif;font-size:.75rem;letter-spacing:.2em;color:var(--paper-faint);text-transform:uppercase}
.theme-modelwars .fighter p{font-size:.88rem;color:var(--paper-dim);margin-top:10px}
.theme-modelwars .trust{margin-top:22px;font-size:.85rem;color:var(--paper-faint)}
.theme-modelwars .trust a{color:var(--paper-dim)}
.theme-modelwars footer{border-top:1px solid var(--line);background:#08080a}
.theme-modelwars footer .display{font-size:1.4rem}
.theme-modelwars .foot-links a{font-family:'Oswald',sans-serif;font-size:.75rem;letter-spacing:.16em;text-transform:uppercase;color:var(--paper-dim)}
.theme-modelwars .foot-links a:hover{color:var(--blood)}
.theme-modelwars .fine{color:#6b6350}