:root{--bg-paper:#F6F3EC;--bg-card:#EFECE4;--bg-elevated:#FFFFFF;--ink-900:#141413;--ink-700:#3D3C38;--ink-500:#6E6C65;--ink-300:#C8C4B8;--line:#DCD8CC;--accent-amber:#C85A17;--accent-gold:#D98A2B;--accent-moss:#285943;--accent-danger:#9E2A2B;--font-serif:'Fraunces',Georgia,serif;--font-sans:'Plus Jakarta Sans',-apple-system,sans-serif;--font-mono:'JetBrains Mono',monospace;}[data-theme="dark"]{--bg-paper:#111110;--bg-card:#1A1A18;--bg-elevated:#22221F;--ink-900:#F4F1EA;--ink-700:#C4C0B5;--ink-500:#858278;--ink-300:#3D3B36;--line:#2C2B28;--accent-amber:#E5742E;--accent-gold:#E8A246;--accent-moss:#438A6B;--accent-danger:#D9534F;}*{box-sizing:border-box;margin:0;padding:0;}body{background-color:var(--bg-paper);color:var(--ink-900);font-family:var(--font-sans);line-height:1.6;transition:background-color 0.3s ease,color 0.3s ease;overflow-x:hidden;}body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:9999;opacity:0.028;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");}.container{max-width:1260px;margin:0 auto;padding:0 24px;}.mono{font-family:var(--font-mono);}.serif{font-family:var(--font-serif);}.top-bar{border-bottom:1px solid var(--line);font-family:var(--font-mono);font-size:11px;letter-spacing:0.06em;text-transform:uppercase;color:var(--ink-500);padding:10px 0;background:var(--bg-card);}.top-bar-inner{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--accent-moss);margin-right:6px;box-shadow:0 0 8px var(--accent-moss);}header{position:sticky;top:0;z-index:100;background:color-mix(in srgb,var(--bg-paper) 88%,transparent);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);}.nav-inner{display:flex;justify-content:space-between;align-items:center;height:72px;}.brand{font-family:var(--font-serif);font-weight:700;font-size:22px;color:var(--ink-900);text-decoration:none;display:flex;align-items:baseline;gap:8px;}.brand-badge{font-family:var(--font-mono);font-size:10px;padding:2px 7px;border:1px solid var(--line);border-radius:4px;color:var(--ink-500);font-weight:500;}.nav-links{display:flex;gap:28px;align-items:center;list-style:none;}.nav-links a{text-decoration:none;color:var(--ink-700);font-size:14px;font-weight:500;transition:color 0.2s;}.nav-links a:hover{color:var(--accent-amber);}.controls{display:flex;gap:8px;align-items:center;}.btn-chip{background:var(--bg-elevated);border:1px solid var(--line);color:var(--ink-900);font-family:var(--font-mono);font-size:11px;font-weight:600;padding:7px 11px;border-radius:6px;cursor:pointer;transition:all 0.15s ease;}.btn-chip:hover{border-color:var(--ink-500);}.hero{padding:56px 0 64px;border-bottom:1px solid var(--line);}.hero-grid{display:grid;grid-template-columns:1.25fr 0.75fr;gap:48px;align-items:start;}.eyebrow{font-family:var(--font-mono);font-size:12px;text-transform:uppercase;letter-spacing:0.08em;color:var(--accent-amber);display:inline-flex;align-items:center;gap:8px;margin-bottom:20px;}.eyebrow::before{content:"";width:24px;height:1px;background:var(--accent-amber);}.hero h1{font-family:var(--font-serif);font-size:clamp(2.5rem,4.8vw,4.35rem);font-weight:600;line-height:1.06;letter-spacing:-0.025em;margin-bottom:24px;}.hero h1 em{font-style:italic;font-weight:400;color:var(--accent-amber);}.hero-lead{font-size:18px;color:var(--ink-700);max-width:620px;margin-bottom:36px;line-height:1.65;}.hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:44px;}.btn-primary{background:var(--ink-900);color:var(--bg-paper);font-weight:600;font-size:14px;padding:14px 24px;border-radius:8px;text-decoration:none;display:inline-flex;align-items:center;gap:10px;transition:transform 0.15s ease,opacity 0.15s ease;}.btn-primary:hover{transform:translateY(-1px);opacity:0.92;}.btn-outline{background:transparent;color:var(--ink-900);border:1px solid var(--ink-300);font-weight:600;font-size:14px;padding:14px 22px;border-radius:8px;text-decoration:none;transition:background 0.15s;}.btn-outline:hover{background:var(--bg-card);}.spec-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:10px;overflow:hidden;background:var(--bg-elevated);}.spec-cell{padding:16px 18px;border-right:1px solid var(--line);}.spec-cell:last-child{border-right:none;}.spec-label{font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:0.06em;color:var(--ink-500);display:block;}.spec-value{font-family:var(--font-mono);font-size:20px;font-weight:700;color:var(--ink-900);margin:4px 0 2px;}.spec-sub{font-size:11px;color:var(--ink-500);}.specimen-card{background:var(--bg-elevated);border:1px solid var(--line);border-radius:14px;padding:24px;box-shadow:0 16px 40px -20px rgba(0,0,0,0.08);}.specimen-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:12px;margin-bottom:18px;font-family:var(--font-mono);font-size:11px;color:var(--ink-500);}.specimen-Stage{margin-top:16px;padding-top:14px;border-top:1px solid var(--line);display:flex;justify-content:space-between;font-family:var(--font-mono);font-size:11px;color:var(--ink-700);}.section{padding:72px 0;border-bottom:1px solid var(--line);}.section-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:40px;gap:24px;flex-wrap:wrap;}.section-index{font-family:var(--font-mono);font-size:12px;color:var(--accent-amber);text-transform:uppercase;letter-spacing:0.08em;margin-bottom:8px;display:block;}.section-title{font-family:var(--font-serif);font-size:clamp(1.85rem,3vw,2.6rem);font-weight:600;line-height:1.15;}.workbench{display:grid;grid-template-columns:1fr 1.15fr;gap:28px;}.panel{background:var(--bg-elevated);border:1px solid var(--line);border-radius:14px;padding:28px;}.panel-title{font-family:var(--font-mono);font-size:12px;text-transform:uppercase;letter-spacing:0.06em;color:var(--ink-500);margin-bottom:18px;display:flex;justify-content:space-between;align-items:center;}.seg-control{display:grid;grid-template-columns:1fr 1fr;background:var(--bg-card);padding:4px;border-radius:8px;border:1px solid var(--line);margin-bottom:20px;}.seg-btn{background:transparent;border:none;padding:9px 12px;font-family:var(--font-sans);font-size:12px;font-weight:600;color:var(--ink-500);border-radius:6px;cursor:pointer;transition:all 0.15s;}.seg-btn.active{background:var(--bg-elevated);color:var(--ink-900);box-shadow:0 2px 6px rgba(0,0,0,0.06);}.input-row{margin-bottom:20px;}.input-row label{display:flex;justify-content:space-between;font-size:13px;font-weight:600;margin-bottom:8px;}.number-input-group{display:flex;gap:8px;align-items:center;}.number-input{width:100%;padding:12px 14px;font-family:var(--font-mono);font-size:18px;font-weight:700;background:var(--bg-paper);border:1px solid var(--line);border-radius:8px;color:var(--ink-900);}.preset-pills{display:flex;gap:6px;margin-top:8px;}.preset-pill{font-family:var(--font-mono);font-size:11px;padding:5px 10px;border-radius:5px;background:var(--bg-card);border:1px solid var(--line);color:var(--ink-700);cursor:pointer;}.preset-pill:hover{border-color:var(--accent-amber);}.Readout-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px;}.readout-box{padding:14px;border-radius:10px;background:var(--bg-paper);border:1px solid var(--line);}.readout-box .k{font-family:var(--font-mono);font-size:10px;text-transform:uppercase;color:var(--ink-500);}.readout-box .v{font-family:var(--font-mono);font-size:18px;font-weight:700;color:var(--accent-amber);margin-top:4px;}.readout-box .s{font-size:11px;color:var(--ink-500);margin-top:2px;}.slider-wrap{margin:16px 0 22px;}input[type="range"]{width:100%;accent-color:var(--accent-amber);cursor:pointer;}.hour-display{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:10px;}.hour-big{font-family:var(--font-mono);font-size:28px;font-weight:700;color:var(--ink-900);}.phase-badge{font-family:var(--font-mono);font-size:11px;padding:4px 10px;border-radius:99px;font-weight:600;background:var(--bg-card);border:1px solid var(--line);}.telemetry-bars{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:16px 0;}.bar-card{background:var(--bg-paper);border:1px solid var(--line);padding:12px 14px;border-radius:8px;}.bar-track{width:100%;height:6px;background:var(--line);border-radius:99px;overflow:hidden;margin-top:8px;}.bar-fill{height:100%;background:var(--accent-amber);transition:width 0.2s ease;}.protocol-list{display:flex;flex-direction:column;gap:24px;}.protocol-card{display:grid;grid-template-columns:72px 1.15fr 0.85fr;background:var(--bg-elevated);border:1px solid var(--line);border-radius:14px;overflow:hidden;}.protocol-num{background:var(--bg-card);border-right:1px solid var(--line);display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:24px 0;font-family:var(--font-mono);font-weight:700;font-size:18px;color:var(--accent-amber);}.protocol-body{padding:28px 32px;display:flex;flex-direction:column;justify-content:space-between;}.protocol-meta{font-family:var(--font-mono);font-size:11px;color:var(--ink-500);text-transform:uppercase;letter-spacing:0.06em;margin-bottom:6px;}.protocol-body h3{font-family:var(--font-serif);font-size:23px;font-weight:600;margin-bottom:12px;}.protocol-body p{color:var(--ink-700);font-size:14.5px;margin-bottom:14px;}.checkpoint-box{margin-top:12px;padding:12px 14px;border-radius:8px;background:var(--bg-paper);border-left:3px solid var(--accent-moss);font-size:13px;display:flex;align-items:center;gap:10px;cursor:pointer;user-select:none;}.checkpoint-box input{width:16px;height:16px;accent-color:var(--accent-moss);}.protocol-diagram{background:var(--bg-card);border-left:1px solid var(--line);padding:24px;display:flex;flex-direction:column;justify-content:center;align-items:center;}.blueprint-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}.blueprint-card{background:var(--bg-elevated);border:1px solid var(--line);border-radius:12px;padding:24px;display:flex;flex-direction:column;justify-content:space-between;}.blueprint-tag{font-family:var(--font-mono);font-size:10px;text-transform:uppercase;padding:3px 8px;border-radius:4px;background:var(--bg-card);color:var(--ink-700);width:fit-content;margin-bottom:12px;}.blueprint-card h3{font-family:var(--font-serif);font-size:20px;margin-bottom:8px;}.blueprint-card p{font-size:13.5px;color:var(--ink-700);margin-bottom:16px;}.filter-bar{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:24px;}.filter-btn{font-family:var(--font-mono);font-size:12px;padding:8px 14px;border-radius:99px;border:1px solid var(--line);background:var(--bg-elevated);color:var(--ink-700);cursor:pointer;}.filter-btn.active{background:var(--ink-900);color:var(--bg-paper);border-color:var(--ink-900);}.diag-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;}.diag-card{background:var(--bg-elevated);border:1px solid var(--line);border-radius:12px;padding:24px;}.diag-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px;}.status-pill{font-family:var(--font-mono);font-size:10px;font-weight:700;padding:3px 9px;border-radius:4px;text-transform:uppercase;white-space:nowrap;}.status-safe{background:rgba(40,89,67,0.14);color:var(--accent-moss);}.status-warn{background:rgba(217,138,43,0.16);color:var(--accent-amber);}.status-danger{background:rgba(158,42,43,0.15);color:var(--accent-danger);}.starter-banner{background:var(--ink-900);color:var(--bg-paper);border-radius:18px;padding:48px;display:grid;grid-template-columns:1.3fr 0.7fr;gap:36px;align-items:center;}[data-theme="dark"] .starter-banner{background:#1F1E1B;border:1px solid var(--line);color:var(--ink-900);}.starter-banner h2{font-family:var(--font-serif);font-size:clamp(1.8rem,3vw,2.5rem);margin:12px 0 14px;line-height:1.15;}.starter-spec-box{border:1px solid rgba(255,255,255,0.18);border-radius:12px;padding:24px;background:rgba(255,255,255,0.04);font-family:var(--font-mono);font-size:12px;}footer{padding:40px 0;font-family:var(--font-mono);font-size:12px;color:var(--ink-500);}@media (max-width:960px){.hero-grid,.workbench,.protocol-card,.blueprint-grid,.diag-grid,.starter-banner{grid-template-columns:1fr;}.protocol-num{flex-direction:row;padding:12px 20px;border-right:none;border-bottom:1px solid var(--line);}.protocol-diagram{border-left:none;border-top:1px solid var(--line);}.spec-grid{grid-template-columns:repeat(2,1fr);}.nav-links{display:none;}}