:root{
  --bg:#08090d;
  --bg2:#10131b;
  --panel:#141824;
  --panel2:#0f1320;
  --text:#f3f5ff;
  --muted:#a9b0c7;
  --soft:#6f7896;
  --line:#2a3145;
  --accent:#9df7ff;
  --accent2:#e9b7ff;
  --warn:#ffd37a;
  --ok:#a8ffbf;
  --danger:#ff9ca8;
  --max:1120px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  background:
    radial-gradient(circle at 20% 0%, rgba(157,247,255,.13), transparent 32rem),
    radial-gradient(circle at 80% 20%, rgba(233,183,255,.10), transparent 30rem),
    linear-gradient(180deg, var(--bg), #05060a 70%);
  color:var(--text);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  line-height:1.55;
}
a{color:var(--accent); text-decoration:none}
a:hover{text-decoration:underline}
.nav{
  position:sticky; top:0; z-index:5;
  backdrop-filter: blur(14px);
  background:rgba(8,9,13,.78);
  border-bottom:1px solid rgba(255,255,255,.07);
}
.nav-inner{
  max-width:var(--max); margin:0 auto; padding:14px 20px;
  display:flex; justify-content:space-between; align-items:center; gap:18px;
}
.brand{display:flex; gap:10px; align-items:center; font-weight:900; letter-spacing:.08em}
.logo{
  width:30px; height:30px; border:1px solid var(--accent);
  display:grid; place-items:center; border-radius:9px;
  box-shadow:0 0 24px rgba(157,247,255,.22);
}
.links{display:flex; flex-wrap:wrap; gap:14px; font-size:.94rem}
.links a{color:var(--muted)}
main{max-width:var(--max); margin:0 auto; padding:0 20px 80px}
.hero{
  padding:86px 0 56px;
  display:grid; grid-template-columns:1.15fr .85fr; gap:28px; align-items:center;
}
.kicker{
  color:var(--accent); text-transform:uppercase; letter-spacing:.18em;
  font-size:.75rem; font-weight:900;
}
h1{font-size:clamp(2.35rem, 7vw, 5.2rem); line-height:.95; margin:12px 0 18px; letter-spacing:-.055em}
h2{font-size:clamp(1.7rem, 4vw, 2.6rem); line-height:1.05; margin:0 0 16px; letter-spacing:-.035em}
h3{margin:0 0 10px; font-size:1.14rem}
p{color:var(--muted); margin:0 0 16px}
.lead{font-size:1.22rem; max-width:720px}
.hero-card{
  background:linear-gradient(180deg, rgba(20,24,36,.92), rgba(15,19,32,.78));
  border:1px solid rgba(255,255,255,.09);
  border-radius:24px;
  padding:24px;
  box-shadow:0 30px 80px rgba(0,0,0,.25);
}
.terminal{
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  color:#cfefff; font-size:.9rem;
  background:#05070d; border:1px solid var(--line);
  border-radius:16px; padding:18px; overflow:auto;
}
.prompt{color:var(--accent)}
.good{color:var(--ok)}
.warn{color:var(--warn)}
.bad{color:var(--danger)}
.cta{display:flex; gap:12px; flex-wrap:wrap; margin-top:26px}
.btn{
  display:inline-flex; align-items:center; justify-content:center;
  padding:12px 16px; border-radius:12px; font-weight:850;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.06); color:var(--text);
}
.btn.primary{background:linear-gradient(90deg, rgba(157,247,255,.20), rgba(233,183,255,.16)); border-color:rgba(157,247,255,.45)}
.section{padding:42px 0; border-top:1px solid rgba(255,255,255,.07)}
.grid{display:grid; grid-template-columns:repeat(3, 1fr); gap:16px}
.grid.two{grid-template-columns:repeat(2, 1fr)}
.card{
  background:linear-gradient(180deg, rgba(20,24,36,.88), rgba(13,16,25,.86));
  border:1px solid rgba(255,255,255,.09);
  border-radius:20px;
  padding:20px;
}
.card p{font-size:.98rem}
.tag{
  display:inline-flex; align-items:center; gap:6px;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.05);
  padding:5px 9px; border-radius:999px; color:var(--muted);
  font-size:.78rem; font-weight:750; margin:0 6px 8px 0;
}
.list{padding-left:18px; color:var(--muted)}
.list li{margin:7px 0}
.table{width:100%; border-collapse:collapse; overflow:hidden; border-radius:14px; font-size:.94rem}
.table th,.table td{padding:12px 14px; border-bottom:1px solid rgba(255,255,255,.08); text-align:left}
.table th{color:var(--text); background:rgba(255,255,255,.05)}
.table td{color:var(--muted)}
.note{
  border-left:3px solid var(--accent);
  background:rgba(157,247,255,.06);
  padding:14px 16px; border-radius:12px; color:var(--muted);
}
.footer{max-width:var(--max); margin:0 auto; padding:36px 20px; border-top:1px solid rgba(255,255,255,.07); color:var(--soft)}
.small{font-size:.86rem; color:var(--soft)}
.codepath{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace; color:#dffcff}
.warning{border-left-color:var(--warn); background:rgba(255,211,122,.07)}
@media (max-width:840px){
  .hero{grid-template-columns:1fr; padding-top:58px}
  .grid,.grid.two{grid-template-columns:1fr}
  .nav-inner{align-items:flex-start; flex-direction:column}
}

/* OKC v1 static merge: the public trail, packaged toys and licensing path. */
.wide{max-width:var(--max)}
.section-heading{display:flex; align-items:flex-end; justify-content:space-between; gap:28px; margin-bottom:22px}
.section-heading p{max-width:430px}
.split{display:grid; grid-template-columns:1fr 1fr; gap:24px; align-items:start}
.stack-grid{grid-template-columns:repeat(3,1fr)}
.stack-card{min-height:210px}
.stack-card h3{letter-spacing:-.025em}
.stack-card .tag:first-child{color:var(--accent); border-color:rgba(157,247,255,.26)}
.paid-grid{display:grid; grid-template-columns:repeat(4,1fr); gap:16px}
.paid-card{position:relative; min-height:270px; display:flex; flex-direction:column; overflow:hidden; background:linear-gradient(180deg,rgba(20,24,36,.94),rgba(13,16,25,.9)); border:1px solid rgba(255,255,255,.1); border-radius:20px; padding:20px; transition:transform .2s,border-color .2s,background .2s}
.paid-card:hover{transform:translateY(-4px); border-color:rgba(157,247,255,.45); background:linear-gradient(180deg,rgba(24,31,47,.98),rgba(13,16,25,.94))}
.paid-card h3{margin-top:22px; max-width:240px}
.paid-card p{font-size:.92rem}
.paid-meta{display:flex; justify-content:space-between; gap:10px; color:var(--soft); font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace; font-size:.76rem; text-transform:uppercase; letter-spacing:.04em}
.paid-price{color:var(--accent); font-weight:900; white-space:nowrap}
.paid-card .text-link{margin-top:auto; color:var(--accent)}
.steps{border-top:1px solid rgba(255,255,255,.1)}
.step{display:grid; grid-template-columns:42px 1fr; gap:12px; padding:15px 0; border-bottom:1px solid rgba(255,255,255,.08)}
.step-number{color:var(--accent); font:800 .78rem ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
.step h3{margin:0 0 4px; font-size:1rem}
.step p{margin:0; font-size:.9rem}
.report-card h3{margin-top:14px}
.report-card p{font-size:.92rem}
.report-card .text-link{display:inline-block; margin-top:6px}
.license-card{border:1px solid rgba(157,247,255,.25); background:rgba(157,247,255,.055); border-radius:18px; padding:20px}
.license-card strong{color:var(--text)}
.drop-card{border:1px solid rgba(233,183,255,.25); background:linear-gradient(135deg,rgba(233,183,255,.09),rgba(157,247,255,.06)); border-radius:22px; padding:26px}
.drop-card h2{margin-bottom:10px}
.drop-card .cta{margin-top:18px}
.footer-links{display:flex; flex-wrap:wrap; gap:14px; margin-top:8px}
.footer-links a{color:var(--soft)}
.footer-links a:hover{color:var(--accent)}
.fine-print{font-size:.82rem; color:var(--soft)}
.hero .kicker{max-width:650px}
.hero-note{border-left:3px solid var(--accent); padding:12px 14px; background:rgba(157,247,255,.05); border-radius:10px; max-width:690px}
.hero-note strong{color:var(--text)}
.terminal .line-gap{height:10px}
.terminal .dim{color:var(--soft)}
@media (max-width:980px){.paid-grid{grid-template-columns:repeat(2,1fr)}.stack-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:840px){.section-heading{display:block}.section-heading p{margin-top:10px}.split{grid-template-columns:1fr}.stack-grid{grid-template-columns:1fr}}
@media (max-width:560px){.paid-grid{grid-template-columns:1fr}.paid-card{min-height:0}.hero{padding-bottom:42px}.links{gap:9px;font-size:.86rem}.drop-card{padding:20px}}


/* --- Drop shelf / launch layer --- */
.email-strong{color:var(--text)}
.hero-launch{padding-top:78px}
.signal-card{transform:rotate(.35deg)}
.manifesto-strip{
  margin:4px 0 38px; padding:12px 0; border-top:1px solid rgba(255,255,255,.08);
  border-bottom:1px solid rgba(255,255,255,.08); display:flex; gap:22px; overflow:hidden;
  color:var(--soft); font:800 .72rem ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  letter-spacing:.12em; white-space:nowrap
}
.artifact-rail{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.artifact-card{
  min-height:430px; display:flex; flex-direction:column; position:relative; overflow:hidden;
  padding:20px; border-radius:22px; border:1px solid rgba(255,255,255,.10);
  background:linear-gradient(180deg,rgba(20,24,36,.95),rgba(10,12,20,.96));
  box-shadow:0 22px 60px rgba(0,0,0,.16)
}
.artifact-card:before{content:"";position:absolute;inset:-45% 42% 55% -20%;background:radial-gradient(circle,rgba(157,247,255,.16),transparent 65%);pointer-events:none}
.artifact-card.paper-card:before{background:radial-gradient(circle,rgba(233,183,255,.15),transparent 65%)}
.artifact-card.pong-card:before{background:radial-gradient(circle,rgba(168,255,191,.12),transparent 65%)}
.artifact-card.synth-card:before{background:radial-gradient(circle,rgba(255,211,122,.14),transparent 65%)}
.artifact-top{display:flex;align-items:center;justify-content:space-between;gap:10px;position:relative}
.artifact-mark{display:grid;place-items:center;width:48px;height:48px;border:1px solid rgba(157,247,255,.42);border-radius:14px;font:900 .92rem ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:var(--text);box-shadow:inset 0 0 22px rgba(157,247,255,.08)}
.artifact-card h3{font-size:1.75rem;margin:28px 0 10px;letter-spacing:-.05em}
.artifact-card p{font-size:.93rem}
.price-line{display:flex;justify-content:space-between;gap:18px;padding:9px 0;border-top:1px solid rgba(255,255,255,.07);font-size:.82rem;color:var(--soft)}
.price-line strong{color:var(--text);white-space:nowrap}
.artifact-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:auto;padding-top:18px}
.btn.ghost{background:transparent}
.shelf-note{margin-top:18px}
.research-ticket{border:1px solid rgba(233,183,255,.28);border-radius:22px;padding:24px;background:linear-gradient(145deg,rgba(233,183,255,.10),rgba(8,9,13,.75))}
.dossier-price{font-size:clamp(2.7rem,7vw,5.4rem);line-height:1;font-weight:950;letter-spacing:-.08em;color:var(--text);margin:10px 0 18px}
.fund-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.final-signal{display:flex;align-items:end;justify-content:space-between;gap:30px}
.product-hero h1 .codepath{font-size:.55em;letter-spacing:-.03em}
.paper-shell{max-width:900px}
.paper-head{padding:86px 0 30px;border-bottom:1px solid rgba(255,255,255,.1)}
.paper-head h1{font-size:clamp(2.4rem,8vw,5.8rem)}
.paper-meta{display:flex;gap:12px;flex-wrap:wrap;color:var(--soft);font:700 .78rem ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
.paper-meta span{border:1px solid rgba(255,255,255,.1);padding:5px 8px;border-radius:999px}
.paper-body{max-width:760px;margin:0 auto;padding:42px 0 70px}
.paper-body h2{margin-top:42px;font-size:1.55rem}
.paper-body p{font-size:1.04rem;line-height:1.75}
code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:#dffcff}
@media (max-width:980px){
  .artifact-rail{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:12px;margin-right:-20px;padding-right:20px}
  .artifact-card{flex:0 0 min(82vw,340px);scroll-snap-align:start}
}
@media (max-width:760px){
  .fund-grid{grid-template-columns:1fr}
  .final-signal{display:block}
  .final-signal .cta{margin-top:20px}
}

.mirror-row{margin-top:10px;min-height:1.25rem;color:var(--soft);font-size:.84rem}
.mirror-row a{color:var(--muted)}
.release-dynamic{padding-top:24px}


/* --- OCK Lab / Rotor prerelease --- */
.lab-banner{
  margin:22px 0 0;
  padding:12px 16px;
  border:1px solid rgba(157,247,255,.20);
  border-radius:14px;
  background:rgba(157,247,255,.055);
  color:var(--soft);
  font-size:.86rem;
  line-height:1.5
}
.lab-banner strong{color:var(--text)}
.lab-banner a{margin-left:.35rem}
.artifact-card.rotor-card:before{
  background:radial-gradient(circle,rgba(157,247,255,.22),transparent 65%)
}
.matrix-media{
  padding:16px;
  border:1px solid rgba(255,255,255,.10);
  border-radius:22px;
  background:rgba(8,9,13,.72)
}
.matrix-media video{
  display:block;
  width:100%;
  max-height:680px;
  border-radius:14px;
  background:#050608
}
.matrix-media .small{margin-top:10px}
pre{
  overflow:auto;
  white-space:pre;
  padding:14px;
  border-radius:14px;
  background:rgba(0,0,0,.32);
  border:1px solid rgba(255,255,255,.07)
}


/* --- OKC workshop pass / 2026-08-27 ---
   Warm instrument bench: technical paper, oxide, brass, terminal phosphor.
   Deliberately reduces glass / neon SaaS treatment without changing layout. */
:root{
  --bg:#100f0c;
  --bg2:#17140f;
  --panel:#1d1912;
  --panel2:#15130f;
  --text:#eee7da;
  --muted:#b9ae9c;
  --soft:#827866;
  --line:#4b4335;
  --accent:#d6aa55;
  --accent2:#879d8b;
  --warn:#d7b96e;
  --ok:#9eb58f;
  --danger:#c98272;
}
body{
  background:
    linear-gradient(rgba(255,255,255,.012) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.010) 1px, transparent 1px),
    linear-gradient(180deg,#100f0c,#0b0a08 72%);
  background-size:32px 32px,32px 32px,auto;
}
.nav{
  backdrop-filter:none;
  background:rgba(16,15,12,.96);
  border-bottom:1px solid #4b4335;
}
.nav-inner{padding-top:11px;padding-bottom:11px}
.logo{
  border-color:var(--accent);
  border-radius:3px;
  box-shadow:none;
  background:#18150f;
  font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
}
.links{gap:18px}
.links a{
  color:var(--muted);
  text-transform:uppercase;
  font:800 .76rem ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  letter-spacing:.08em;
}
.links a:hover{color:var(--accent);text-decoration:none}
.kicker{
  color:var(--accent);
  font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
}
.hero-card,.card,.artifact-card,.paid-card,.drop-card,.research-ticket,.license-card,.matrix-media{
  border-radius:5px;
  box-shadow:none;
  background:linear-gradient(180deg,rgba(29,25,18,.97),rgba(20,18,14,.97));
  border-color:#4b4335;
}
.artifact-card:before,.artifact-card.rotor-card:before,
.artifact-card.paper-card:before,.artifact-card.pong-card:before,.artifact-card.synth-card:before{
  display:none;
}
.artifact-card:hover,.paid-card:hover{
  transform:translateY(-2px);
  border-color:#8b7447;
  background:#211c14;
}
.artifact-mark{
  border-radius:3px;
  border-color:#786744;
  box-shadow:none;
  background:#17140f;
}
.btn{
  border-radius:3px;
  border-color:#5a503f;
  background:#201c15;
}
.btn.primary{
  background:#382e1b;
  border-color:#9d8148;
  color:#f4ead5;
}
.btn:hover{border-color:var(--accent);text-decoration:none}
.tag,.paper-meta span{
  border-radius:2px;
  background:#191610;
  border-color:#514838;
}
.terminal,pre{
  border-radius:3px;
  background:#090a08;
  border-color:#3f4939;
}
.terminal{color:#c9d4b6}
.codepath,code{color:#d8c89f}
.note,.hero-note,.lab-banner{
  border-radius:3px;
  background:#191710;
}
.lab-banner{
  border-color:#5c513d;
  border-left:3px solid var(--accent);
}
.price-line,.section,.manifesto-strip,.step,.table th,.table td{
  border-color:#3d372c;
}
.manifesto-strip{color:#9f927d}
.matrix-media video{border-radius:2px}
.footer{border-color:#3d372c}
@media (max-width:840px){
  .nav-inner{gap:9px}
  .links{gap:10px 14px}
}


/* 2026-08-27 low-paint pass: keep the workshop palette, reduce software-render scroll cost. */
body{background:#100f0c}
.artifact-card:hover,.paid-card:hover{transform:none}
.hero-card,.card,.artifact-card,.paid-card,.drop-card,.research-ticket,.license-card,.matrix-media{
  box-shadow:none;
}


/* 2026-08-27 buyer-readability pass */
.artifact-groups{display:grid;gap:28px}
.artifact-group{display:grid;gap:10px}
.artifact-group-head{
  display:flex;justify-content:space-between;gap:16px;align-items:baseline;
  padding-bottom:8px;border-bottom:1px solid var(--line)
}
.artifact-rail-one{grid-template-columns:minmax(0,1fr)}
.artifact-rail-two{grid-template-columns:repeat(2,minmax(0,1fr))}
.fund-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width:980px){
  .artifact-rail-one,.artifact-rail-two{display:grid;grid-template-columns:1fr 1fr;overflow:visible;margin-right:0;padding-right:0}
  .artifact-rail-one{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:760px){
  .artifact-group-head{display:block}
  .artifact-group-head .small{display:block;margin-top:4px}
  .artifact-rail-one,.artifact-rail-two{display:grid;grid-template-columns:1fr}
  .artifact-card{min-height:0}
  .fund-grid{grid-template-columns:1fr}
}