@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap');
:root { --bg:#071017; --panel:#0c1922; --panel-soft:#0a151e; --line:#243744; --text:#eaf2ef; --muted:#8ca0a7; --accent:#80f0c8; --cyan:#78dfff; --warn:#f3b674; --danger:#f18787; } *{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;background:var(--bg);color:var(--text);font-family:Manrope,Arial,sans-serif;overflow-x:hidden}.shell{max-width:1440px;margin:auto;padding:0 44px}.nav{height:92px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(128,240,200,.14)}.brand{align-items:center;color:var(--text);display:flex;gap:10px;font:500 10px/1.05 "DM Mono",monospace;letter-spacing:.12em;text-decoration:none}.brand b{color:var(--accent);font-weight:500}.brand-mark{align-items:center;background:var(--accent);border-radius:7px;color:#06100d;display:inline-flex;font:800 21px/1 Manrope;justify-content:center;height:34px;width:34px}.nav-links{display:flex;gap:28px}.nav-links a,footer>a{color:var(--muted);font:500 10px "DM Mono",monospace;letter-spacing:.12em;text-decoration:none}.nav-links a:hover,footer>a:hover{color:var(--accent)}.badge{border:1px solid var(--line);border-radius:99px;font:500 10px "DM Mono",monospace;letter-spacing:.1em;padding:8px 11px}.badge--pending{color:var(--muted)}.badge--ok{border-color:var(--accent);color:var(--accent)}.badge--bad{border-color:rgba(243,182,116,.8);color:var(--warn)}.hero{display:grid;grid-template-columns:1.05fr .95fr;gap:42px;min-height:585px;padding:96px 0 78px}.kicker{align-items:center;color:var(--accent);display:flex;font:500 10px "DM Mono",monospace;gap:8px;letter-spacing:.14em;margin:0 0 17px}.kicker span{background:var(--accent);border-radius:50%;box-shadow:0 0 16px var(--accent);height:6px;width:6px}.hero h1{font-size:clamp(43px,5vw,72px);letter-spacing:-.065em;line-height:1.02;margin:0;max-width:660px}.hero h1 em{color:var(--accent);font-style:normal}.lede{color:var(--muted);font-size:16px;line-height:1.75;max-width:590px;margin:26px 0}.hero-actions{align-items:center;display:flex;gap:24px}.button{background:var(--accent);border:1px solid var(--accent);border-radius:4px;color:#07120e;cursor:pointer;font:700 11px Manrope;letter-spacing:.09em;padding:13px 17px;text-decoration:none;transition:.2s}.button:hover{box-shadow:0 0 30px rgba(128,240,200,.25);transform:translateY(-1px)}.button b{font-size:15px;margin-left:9px}.button:disabled{cursor:wait;opacity:.6;transform:none}.button--quiet{background:transparent;border-color:var(--line);color:var(--text)}.text-link{color:var(--text);font:600 11px "DM Mono",monospace;letter-spacing:.07em;text-decoration:none}.text-link b{color:var(--accent);font-size:16px;margin-left:6px}.stats{display:flex;gap:38px;margin:54px 0 0}.stats div{border-left:1px solid var(--line);padding-left:13px}.stats dt{font:700 22px Manrope;letter-spacing:-.04em}.stats dd{color:var(--muted);font:400 9px "DM Mono",monospace;letter-spacing:.1em;margin:3px 0}.hero-system{min-height:400px;position:relative}.orb{border-radius:50%;filter:blur(1px);position:absolute}.orb--one{background:rgba(54,163,173,.18);height:250px;right:6%;top:15px;width:250px}.orb--two{border:1px solid rgba(128,240,200,.28);height:350px;right:20%;top:70px;width:350px}.system-card{background:linear-gradient(145deg,rgba(17,39,50,.98),rgba(7,17,24,.9));border:1px solid rgba(128,240,200,.34);bottom:20px;box-shadow:0 25px 70px rgba(0,0,0,.35);padding:25px;position:absolute;right:0;width:min(100%,465px)}.system-card>p,.system-card small,.grid-chip small{color:var(--muted);font:400 9px "DM Mono",monospace;letter-spacing:.12em;margin:0}.system-flow{align-items:center;display:flex;justify-content:space-between;margin:30px 0}.system-flow span,.system-flow strong{color:var(--text);font:700 23px Manrope;text-align:center}.system-flow strong{color:var(--accent)}.system-flow small{display:block;font-size:8px;margin-top:4px}.system-flow i{color:var(--accent);font-style:normal}.system-line{display:flex;gap:7px}.system-line b{background:var(--accent);height:3px;opacity:.2;width:100%}.system-line b:nth-child(2),.system-line b:nth-child(5),.system-line b:nth-child(7){opacity:1}.system-foot{align-items:center;color:var(--muted);display:flex;font:400 9px "DM Mono",monospace;gap:8px;letter-spacing:.1em;margin-top:17px}.pulse{background:var(--accent);border-radius:50%;box-shadow:0 0 10px var(--accent);height:7px;width:7px}.grid-chip{background:rgba(6,17,24,.78);border:1px solid var(--line);left:5%;padding:14px;position:absolute;top:57px;width:155px}.grid-chip>span{display:block;font:700 20px Manrope}.grid-dots{background-image:radial-gradient(var(--accent) 1px,transparent 1px);background-size:8px 8px;height:35px;margin-top:13px;opacity:.8}.lab-section,.compute-section{border-top:1px solid var(--line);padding:88px 0}.section-heading h2{font-size:clamp(30px,4vw,47px);letter-spacing:-.06em;margin:0}.section-heading>p:last-child{color:var(--muted);font-size:14px;margin:12px 0 32px}.lab-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:18px}.canvas-panel,.result-panel{background:var(--panel-soft);border:1px solid var(--line);padding:23px}.panel-head{align-items:flex-start;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;padding-bottom:17px}.panel-head small,.path-card small,.prediction-block>span,.prob-head,.model-strip span{color:var(--muted);font:400 9px "DM Mono",monospace;letter-spacing:.13em}.panel-head h3{font-size:18px;letter-spacing:-.04em;margin:6px 0 0}.pixel-readout{align-items:center;color:var(--muted);display:flex;font:400 8px/1.5 "DM Mono",monospace;gap:9px;letter-spacing:.08em}.pixel-readout canvas{border:1px solid #344751;height:42px;image-rendering:pixelated;width:42px}.drawing-wrap{background:#05080d;border:1px solid #243941;display:grid;margin-top:20px;place-items:center;position:relative}.drawing-wrap:before,.drawing-wrap:after{background:linear-gradient(90deg,transparent,rgba(128,240,200,.3),transparent);content:"";height:1px;left:10%;position:absolute;right:10%;top:50%}.drawing-wrap:after{height:80%;left:50%;top:10%;width:1px}.drawing-wrap canvas{cursor:crosshair;display:block;max-width:100%;position:relative;touch-action:none;width:420px;z-index:1}.corner,.draw-hint{color:#40535c;font:400 8px "DM Mono",monospace;letter-spacing:.08em;position:absolute}.corner--tl{left:10px;top:10px}.corner--br{bottom:10px;right:10px}.draw-hint{left:50%;opacity:.6;top:16px;transform:translateX(-50%)}.actions{display:flex;justify-content:space-between;margin-top:17px}.result-panel{min-height:610px}.result-dot{background:var(--accent);border-radius:50%;box-shadow:0 0 14px var(--accent);height:8px;width:8px}.empty-state{align-items:center;color:var(--muted);display:flex;flex-direction:column;height:410px;justify-content:center;text-align:center}.empty-number{align-items:center;border:1px solid var(--line);border-radius:50%;color:#344a53;display:flex;font:600 60px Manrope;height:110px;justify-content:center;margin-bottom:18px;width:110px}.empty-state p{font-size:14px;margin:0 0 8px}.empty-state small{font:400 9px "DM Mono",monospace;letter-spacing:.12em}.hidden{display:none!important}.result-meta{display:flex;gap:7px;margin-top:20px}.chip{border:1px solid var(--line);color:var(--muted);font:400 9px "DM Mono",monospace;letter-spacing:.08em;padding:6px 7px}.chip--sim{border-color:rgba(243,182,116,.6);color:var(--warn)}.chip--live{border-color:rgba(128,240,200,.7);color:var(--accent)}.prediction-block{align-items:flex-end;display:flex;gap:18px;margin:27px 0 16px}.prediction-block strong{color:var(--accent);font:700 105px/.75 Manrope;letter-spacing:-.1em}.prediction-block p{color:var(--accent);font:500 10px "DM Mono",monospace;margin:0 0 5px}.divider{border-top:1px solid var(--line)}.prob-head{display:flex;justify-content:space-between;margin:20px 0 10px}.probabilities{display:grid;gap:8px}.probability{align-items:center;display:grid;gap:9px;grid-template-columns:13px 1fr 38px}.probability>span,.probability strong{font:500 10px "DM Mono",monospace}.probability strong{color:var(--muted);font-size:9px;text-align:right}.probability i{background:#071017;height:5px;overflow:hidden}.probability b{background:linear-gradient(90deg,var(--cyan),var(--accent));display:block;height:100%}.notes{border-top:1px solid var(--line);color:var(--muted);font-size:10px;line-height:1.55;margin:23px 0 0;padding:15px 0 0 16px}.compute-section{padding-bottom:50px}.paths{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:34px}.path-card{background:var(--panel-soft);border:1px solid var(--line);padding:28px}.path-card--live{border-color:rgba(128,240,200,.35)}.path-icon{color:var(--accent);font:500 12px "DM Mono",monospace;margin-bottom:40px}.path-card h3{font-size:26px;letter-spacing:-.05em;margin:9px 0}.path-card p{color:var(--muted);font-size:13px;line-height:1.7;max-width:520px}.path-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:23px}.path-tags span{border:1px solid var(--line);color:var(--muted);font:400 8px "DM Mono",monospace;letter-spacing:.08em;padding:5px 7px}.model-strip{border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(3,1fr);padding:32px 0}.model-strip div{border-left:1px solid var(--line);padding-left:16px}.model-strip strong{display:block;font-size:15px;letter-spacing:-.03em;margin-top:7px}footer{align-items:center;border-top:1px solid var(--line);color:var(--muted);display:flex;font-size:11px;justify-content:space-between;padding:34px 0}footer p{max-width:450px}@media(max-width:900px){.shell{padding:0 22px}.nav-links{display:none}.hero{grid-template-columns:1fr;padding:65px 0}.hero-system{min-height:365px}.lab-grid,.paths{grid-template-columns:1fr}.result-panel{min-height:auto}.model-strip{gap:18px;grid-template-columns:1fr}.model-strip div{border-left:0;border-top:1px solid var(--line);padding:14px 0 0}.model-strip div:first-child{border:0;padding-top:0}footer{align-items:flex-start;flex-direction:column;gap:20px}}@media(max-width:520px){.shell{padding:0 15px}.nav{height:70px}.badge{font-size:8px}.hero{padding-top:48px}.hero h1{font-size:42px}.stats{gap:16px}.stats dt{font-size:18px}.hero-actions{align-items:flex-start;flex-direction:column}.system-card{padding:17px}.system-flow span,.system-flow strong{font-size:17px}.grid-chip{left:0}.canvas-panel,.result-panel{padding:15px}.actions{gap:9px}.button{font-size:9px;padding:12px 10px}.pixel-readout span{display:none}.prediction-block strong{font-size:80px}footer{padding-bottom:26px}}
