:root{--bg:#f7f5f2;--surface:#fff;--text:#16130f;--text-muted:#5d554c;--line:#e2dcd4;--accent:#c1440e;--accent-soft:#c1440e1a;--focus:#1f6feb;--font:"Inter", "Helvetica Neue", Arial, system-ui, sans-serif;--font-display:"Inter", "Helvetica Neue", Arial, system-ui, sans-serif;--max:1200px;--prose:70ch;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--bg:#0b0b0d;--surface:#141417;--text:#f2efe9;--text-muted:#a39b91;--line:#2a2a2f;--accent:#ff6a2b;--accent-soft:#ff6a2b1f;--focus:#6ea8ff}}.dark-zone,html[data-mode=immersive] .site-header{--bg:#000;--surface:#ffffff0a;--text:#fff;--text-muted:#ffffffa8;--line:#ffffff2e;--accent:#ff6a2b;--accent-soft:#ff6a2b24;--focus:#6ea8ff;color-scheme:dark}.dark-zone{background:var(--bg);color:var(--text)}*,:before,:after{box-sizing:border-box}[hidden]{display:none!important}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;margin:0;font-size:17px;line-height:1.6}img,svg{max-width:100%;display:block}a{color:inherit}:focus-visible{outline:2px solid var(--focus);outline-offset:3px}.skip-link{background:var(--text);color:var(--bg);z-index:100;padding:8px 16px;position:absolute;top:0;left:-9999px}.skip-link:focus{top:16px;left:16px}.site-header{z-index:50;color:#fff;background:linear-gradient(#0000008c,#0000);justify-content:space-between;align-items:center;gap:24px;padding:20px clamp(16px,4vw,48px);display:flex;position:fixed;inset:0 0 auto}html[data-mode=immersive] .site-header{transition:background .3s}html[data-mode=immersive] .site-header.scrolled{background:#000000f0}html:not([data-mode=immersive]) .site-header{background:var(--bg);color:var(--text);border-bottom:1px solid var(--line);position:sticky}.brand{font-family:var(--font-display);letter-spacing:.32em;text-transform:uppercase;white-space:nowrap;font-size:14px;font-weight:700;text-decoration:none}.site-nav{letter-spacing:.18em;text-transform:uppercase;gap:clamp(12px,2.5vw,32px);font-size:12px;font-weight:600;display:flex}.site-nav a{opacity:.85;text-decoration:none}.site-nav a:hover,.site-nav a[aria-current=page]{opacity:1;text-underline-offset:6px;text-decoration:underline}.site-nav .mobile{display:none}@media (width<=720px){.site-nav .desk{display:none}.site-nav .mobile{display:inline}}.panel{isolation:isolate;align-items:flex-end;min-height:100svh;padding:120px clamp(16px,6vw,96px) clamp(48px,10vh,120px);display:flex;position:relative;overflow:hidden}.panel-bg{z-index:-1;position:absolute;inset:0}.panel-bg:after{content:"";background:linear-gradient(90deg,#000000bf 0%,#00000059 45%,#0000 70%),linear-gradient(#0000 60%,#0009 100%);position:absolute;inset:0}.panel-content{max-width:640px}.eyebrow{letter-spacing:.28em;text-transform:uppercase;color:var(--text-muted);margin:0 0 16px;font-size:12px;font-weight:600}.display{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.04em;margin:0 0 24px;font-size:clamp(40px,7vw,88px);font-weight:800;line-height:1.02}.display-sm{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.04em;margin:0 0 20px;font-size:clamp(30px,4.6vw,56px);font-weight:800;line-height:1.05}.lede{color:var(--text-muted);max-width:52ch;margin:0 0 32px;font-size:clamp(17px,1.6vw,20px)}.btn{letter-spacing:.2em;text-transform:uppercase;color:inherit;cursor:pointer;background:0 0;border:2px solid;align-items:center;gap:12px;padding:14px 28px;font-size:13px;font-weight:700;text-decoration:none;transition:background .2s,color .2s;display:inline-flex}.btn:hover{color:#000;background:#fff}.btn-accent{border-color:var(--accent);background:var(--accent);color:#fff}.btn-accent:hover{color:var(--accent);background:0 0}.scroll-cue{letter-spacing:.3em;text-transform:uppercase;color:var(--text-muted);font-size:11px;position:absolute;bottom:24px;left:50%;transform:translate(-50%)}.figure-live{font-variant-numeric:tabular-nums;letter-spacing:.01em;margin:0 0 8px;font-size:clamp(36px,6vw,76px);font-weight:800;line-height:1}.figure-unit{letter-spacing:.2em;color:var(--text-muted);margin-left:.3em;font-size:.4em;font-weight:600}.tool-hero{align-items:flex-start;min-height:auto;padding-top:140px}.tool-grid{width:100%;max-width:var(--max);grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);align-items:start;gap:clamp(24px,4vw,64px);margin:0 auto;display:grid}@media (width<=860px){.tool-grid{grid-template-columns:1fr}}.tool-card{border:1px solid var(--line);backdrop-filter:blur(8px);background:#0a0a0c99;padding:clamp(20px,3vw,36px)}.field{gap:8px;margin-bottom:20px;display:grid}.field label,.field legend{letter-spacing:.2em;text-transform:uppercase;color:var(--text-muted);font-size:12px;font-weight:600}.input-row{gap:8px;display:flex}input[type=number],input[type=date],select{font:inherit;color:var(--text);border:1px solid var(--line);background:0 0;border-radius:0;width:100%;min-width:0;padding:10px 14px;font-size:22px;font-weight:600}input[type=range]{width:100%;accent-color:var(--accent)}.segmented{border:1px solid var(--line);display:inline-flex}.segmented button{font:inherit;letter-spacing:.12em;color:var(--text-muted);cursor:pointer;background:0 0;border:0;padding:10px 16px;font-size:13px;font-weight:700}.segmented button[aria-pressed=true]{background:var(--text);color:var(--bg)}.error{color:#ff8a80;min-height:1.4em;margin:0;font-size:14px}.result{border-top:1px solid var(--line);margin-top:8px;padding-top:20px}.result-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:20px;margin:0;display:grid}.result-grid div{margin:0}.result-grid dt{letter-spacing:.2em;text-transform:uppercase;color:var(--text-muted);font-size:11px}.result-grid dd{font-variant-numeric:tabular-nums;margin:4px 0 0;font-size:28px;font-weight:800}.note{color:var(--text-muted);margin:16px 0 0;font-size:14px}.actions{flex-wrap:wrap;gap:12px;margin-top:24px;display:flex}.signal-track{height:56px;margin:8px 0 4px;position:relative}.signal-track .line{border-top:1px dashed var(--line);position:absolute;top:50%;left:20px;right:20px}.signal-track .planet{border-radius:50%;width:28px;height:28px;margin-top:-14px;position:absolute;top:50%}.signal-track .earth{background:radial-gradient(circle at 35% 35%,#8fd3ff,#1d5fa8 60%,#0b2547);left:0}.signal-track .mars{background:radial-gradient(circle at 35% 35%,#ffb27a,#c1440e 60%,#4a1405);right:0}.signal-track .pulse{opacity:0;background:#fff;border-radius:50%;width:10px;height:10px;margin-top:-5px;position:absolute;top:50%;left:20px;box-shadow:0 0 12px 4px #fff9}.track-labels{letter-spacing:.2em;text-transform:uppercase;color:var(--text-muted);justify-content:space-between;font-size:11px;display:flex}.prose-wrap{padding:clamp(48px,8vw,96px) clamp(16px,6vw,96px)}.prose{max-width:var(--prose);margin:0 auto}.prose h2{text-transform:uppercase;letter-spacing:.06em;margin:48px 0 12px;font-size:clamp(22px,2.6vw,30px)}.prose h3{margin:32px 0 8px;font-size:19px}.prose p,.prose li{color:var(--text)}.prose code{background:var(--accent-soft);padding:1px 6px;font-size:.92em}.prose table{border-collapse:collapse;width:100%;margin:16px 0;font-size:15px}.prose th,.prose td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;padding:10px 8px}.prose .formula{background:var(--surface);border:1px solid var(--line);padding:12px 16px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;overflow-x:auto}.label-status{letter-spacing:.16em;text-transform:uppercase;color:var(--accent);border:1px solid;padding:2px 8px;font-size:11px;font-weight:700;display:inline-block}.tiles{background:var(--line);border:1px solid var(--line);grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1px;display:grid}.tile{background:#000;flex-direction:column;gap:12px;min-height:260px;padding:32px 28px 36px;text-decoration:none;transition:background .2s;display:flex}.tile:hover{background:#111}.tile h3{text-transform:uppercase;letter-spacing:.06em;margin:0;font-size:22px}.tile p{color:var(--text-muted);margin:0}.tile .go{letter-spacing:.2em;text-transform:uppercase;margin-top:auto;font-size:12px;font-weight:700}.site-footer{border-top:1px solid var(--line);color:var(--text-muted);flex-wrap:wrap;justify-content:space-between;gap:16px;padding:40px clamp(16px,6vw,96px);font-size:14px;display:flex}.site-footer nav{flex-wrap:wrap;gap:20px;display:flex}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.grain{z-index:1;pointer-events:none;opacity:.07;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.panel-bg .parallax{will-change:transform;width:100%;height:112%;position:absolute;inset:-6% 0}.tw{animation:4.5s ease-in-out infinite twinkle}@keyframes twinkle{0%,to{opacity:.95}50%{opacity:.15}}.drift{animation:90s linear infinite alternate drift}@keyframes drift{0%{transform:translate(0)}to{transform:translate(-160px)}}.concept-img{object-fit:cover;filter:saturate(.85)contrast(1.08)sepia(.18)hue-rotate(-8deg);width:100%;height:100%;position:absolute;inset:0}.concept-label{z-index:2;letter-spacing:.2em;text-transform:uppercase;color:#fff9;font-size:10px;position:absolute;bottom:12px;right:16px}.index-mark{letter-spacing:.3em;text-transform:uppercase;color:var(--accent);align-items:center;gap:16px;margin:0 0 18px;font-size:12px;font-weight:700;display:flex}.index-mark:after{content:"";border-top:1px solid;width:64px}html.js .reveal{opacity:0;transition:opacity .9s,transform .9s cubic-bezier(.2,.7,.2,1);transform:translateY(28px)}html.js .reveal.in{opacity:1;transform:none}.hero-title span{display:block}html.js .hero-title span{opacity:0;animation:1.1s cubic-bezier(.2,.7,.2,1) forwards rise-in;transform:translateY(.4em)}html.js .hero-title span+span{animation-delay:.18s}@keyframes rise-in{to{opacity:1;transform:none}}.scroll-cue:after{content:"";background:linear-gradient(currentColor,#0000);width:1px;height:36px;margin:10px auto 0;animation:2s ease-in-out infinite cue;display:block}@keyframes cue{0%{transform-origin:top;transform:scaleY(0)}50%{transform-origin:top;transform:scaleY(1)}51%{transform-origin:bottom}to{transform-origin:bottom;transform:scaleY(0)}}@media (prefers-reduced-motion:reduce){html.js .reveal,html.js .hero-title span{opacity:1;animation:none;transform:none}}@media (width<=640px){.scroll-cue{display:none}}
