:root{color-scheme:dark;--bg:#0c100f;--panel:#151b19;--panel2:#1b221e;--hair:#34423b;--text:#edf4ea;--muted:#a1afa6;--accent:#dfba71;--green:#9cc5a8;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);line-height:1.55;letter-spacing:-.01em}
a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}
.frame{max-width:1200px;padding:0 32px;margin:0 auto;position:relative}
.ambient{position:absolute;z-index:-1;top:0;left:0;right:0;height:850px;background:radial-gradient(ellipse at 80% 25%,#234337 0%,transparent 43%),radial-gradient(ellipse at 12% 20%,#292518 0%,transparent 35%)}
.topbar{border-bottom:1px solid rgba(221,229,210,.12);position:sticky;top:0;z-index:10;backdrop-filter:blur(16px);background:rgba(12,16,15,.84)}
.top-inner{min-height:76px;display:flex;justify-content:space-between;align-items:center;gap:24px}
.brand{font-size:26px;font-weight:800;letter-spacing:-.08em}.brand span{color:var(--accent);letter-spacing:0}
.top-inner nav{display:flex;gap:25px}.top-inner nav a{font-size:13px;color:#cad7cb}.top-inner nav a:hover,.protocol a:hover,.minor-card a:hover{color:var(--accent)}
.top-note{font-size:10px;font-family:ui-monospace,Menlo,monospace;letter-spacing:.17em;color:#99a79a;white-space:nowrap}
.hero{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:50px;padding-top:115px;padding-bottom:125px}
.eyebrow{color:var(--accent);letter-spacing:.18em;text-transform:uppercase;font-weight:700;font-size:11px;margin:0 0 18px}
.pulse{width:7px;height:7px;background:#99cf91;display:inline-block;border-radius:50%;box-shadow:0 0 15px #80cf86;margin-right:9px;vertical-align:middle}
h1,h2,h3,p{margin-top:0}h1{font-size:clamp(46px,5.4vw,79px);line-height:1.04;letter-spacing:-.062em;font-weight:620;margin-bottom:25px}
h1 em{font-style:normal;color:var(--accent)}.lead{max-width:610px;color:#bacabf;font-size:16px;line-height:1.8}
.hero-buttons{display:flex;gap:12px;margin-top:33px;flex-wrap:wrap}
.primary,.secondary,.outline-btn{border-radius:100px;padding:13px 20px;font-size:12px;font-weight:650;letter-spacing:.025em;border:1px solid var(--hair);display:inline-flex;align-items:center;justify-content:center;gap:15px;min-height:47px}
.primary{background:var(--accent);color:#11140f;border-color:var(--accent)}.primary:hover{background:#f0d396}
.secondary,.outline-btn{color:var(--text);background:#1b241e}.secondary:hover,.outline-btn:hover{border-color:var(--accent)}.fine{font-size:11px;color:#84958a;line-height:1.7;margin:20px 0 0}
.hero-display{padding:28px 28px 24px;border:1px solid #35473b;background:linear-gradient(155deg,#1d2922,#121815);border-radius:20px;box-shadow:0 30px 90px #0008, inset 0 1px #ffffff19;transform:rotate(1deg)}
.display-head,.display-foot{display:flex;justify-content:space-between;align-items:center;font-family:ui-monospace,Menlo,monospace;font-size:10px;letter-spacing:.08em;color:#a3b9a9}
.online{color:#a2d49e}.flowline{display:flex;align-items:center;gap:13px;padding:20px 0;border-bottom:1px solid #a1c3a21e}
.flowline:last-of-type{border:0}.flow-label{width:52px;font-size:10px;color:#e4bb6b;letter-spacing:.1em}.wire{height:1px;flex:1;background:linear-gradient(to right,#6f8b72,#a3b6a844)}
.flow-pod{border:1px solid #476250;padding:9px 11px;border-radius:7px;font-size:11px;color:#d9e7da;min-width:166px;text-align:center;background:#23372a}.display-foot{padding-top:20px;color:#67856e}
.section{padding-top:55px;padding-bottom:70px;border-top:1px solid #ffffff14}.heading-row{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:40px}.heading-row .eyebrow{margin-bottom:10px}
h2{font-size:clamp(32px,3.5vw,47px);letter-spacing:-.05em;line-height:1.1;font-weight:600;margin-bottom:0}
.section-intro{max-width:340px;font-size:13px;color:var(--muted);line-height:1.8;margin-bottom:0}
.protocol-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.protocol{min-height:214px;padding:23px;border-radius:13px;background:linear-gradient(140deg,#1a2420,#141b18);border:1px solid #304138;transition:transform .2s,border-color .2s}
.protocol:hover{transform:translateY(-3px);border-color:#867149}.protocol .eyebrow{font-size:9px;color:#9caf9e}.protocol h3{font-size:25px;letter-spacing:-.04em;margin:0 0 11px}
.protocol p{font-size:12px;color:#a5b6a8;line-height:1.6;min-height:67px}
.protocol a{font-size:11px;color:var(--accent);font-weight:700}
.experiments,.experiments-two{display:grid;grid-template-columns:1fr 1fr;gap:18px}.experiment{background:var(--panel);border:1px solid var(--hair);border-radius:17px;padding:27px;min-width:0}
.experiment-head{display:flex;justify-content:space-between;gap:10px;align-items:start;margin-bottom:24px}
.experiment h3,.minor-card h3{font-size:22px;line-height:1.25;letter-spacing:-.035em;margin:13px 0 0}
.chip{display:inline-flex;padding:6px 9px;border-radius:5px;background:#263b2f;color:#bad9bf;font-weight:700;letter-spacing:.08em;font-size:10px}
.hint{font:10px ui-monospace,Menlo,monospace;color:#7f9987;white-space:nowrap}
input,textarea,select{background:#0d1310;color:var(--text);border:1px solid #415247;border-radius:8px;padding:12px;width:100%;outline:none}
input:focus,textarea:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 2px #e5bc6f22}
.input-row{display:flex;align-items:center;gap:8px}.input-row button,.full-btn{background:var(--accent);color:#10150f;border:0;padding:13px 15px;border-radius:8px;font-size:12px;font-weight:700;white-space:nowrap}
.input-row button:hover,.full-btn:hover{background:#f0d396}.pilot-form{display:grid;grid-template-columns:1fr 1fr;gap:13px}
.pilot-form label{font-size:11px;color:#bdcfc0;display:flex;flex-direction:column;gap:7px}.pilot-form .wide,.pilot-form .full-btn{grid-column:1/-1}
.pilot-form .full-btn{width:100%}.results{min-height:120px;margin-top:22px;padding:15px;background:#0f1612;border:1px solid #29382d;border-radius:9px}
.placeholder{font-size:12px;color:#849888;line-height:1.7;margin:0}.result-item{border-bottom:1px solid #2f4135;padding:11px 0}.result-item:first-child{padding-top:0}.result-item:last-child{border:0;padding-bottom:0}
.result-item h4{font-size:14px;margin:0 0 5px}.result-item p{color:#a7b8aa;font-size:12px;line-height:1.6;margin:0 0 5px}
.result-item a{color:var(--accent);font-size:11px;text-decoration:underline;text-underline-offset:3px}
.results .notice{font-size:11px;color:#8aa08e;margin:13px 0 0}.muted{font-size:12px;color:#acbcb0;line-height:1.7;min-height:66px}
.outline-btn{border-radius:8px;font-weight:600}.terminal{overflow:auto;white-space:pre-wrap;word-wrap:break-word;min-height:200px;max-height:420px;background:#0b100d;color:#afcba9;border:1px solid #324535;border-radius:9px;padding:16px;font:12px/1.6 ui-monospace,Menlo,monospace}
.minor-card{border:1px solid #344739;border-radius:14px;padding:28px;background:#182119}
.minor-card .eyebrow{margin-bottom:12px}.minor-card p:not(.eyebrow):not(.fine){max-width:500px;font-size:13px;color:var(--muted);line-height:1.7}
.minor-card a{font-size:12px;font-weight:650;color:var(--accent)}.lower{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.foot{display:flex;justify-content:space-between;gap:20px;font-size:11px;color:#809785;padding:40px 32px 65px;border-top:1px solid #ffffff1a}
.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;border:0!important}
@media(max-width:1060px){.protocol-grid{grid-template-columns:repeat(2,1fr)}.hero{gap:24px}.top-note{display:none}}
@media(max-width:760px){.frame{padding-left:19px;padding-right:19px}.top-inner{min-height:62px}.top-inner nav{gap:12px}.top-inner nav a{font-size:11px}.hero{grid-template-columns:1fr;padding-top:65px;padding-bottom:72px}.hero-display{transform:none}.heading-row{display:block}.section-intro{margin-top:16px}.experiments,.experiments-two,.lower{grid-template-columns:1fr}.section{padding-top:45px;padding-bottom:45px}.protocol{min-height:185px}.foot{display:block}}
@media(max-width:450px){.protocol-grid{grid-template-columns:1fr}.top-inner nav a:nth-child(2){display:none}.input-row{display:block}.input-row button{width:100%;margin-top:8px}.pilot-form{grid-template-columns:1fr}.flow-pod{min-width:140px;font-size:10px}.hero-display{padding:20px}h1{font-size:43px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.protocol{transition:none}}

