:root{--bg:#07111f;--panel:rgba(8,18,32,.78);--panel2:rgba(11,27,45,.62);--line:rgba(139,233,253,.24);--cyan:#67e8f9;--cyan2:#22d3ee;--amber:#fbbf24;--gold:#fde68a;--text:#eef6ff;--muted:#9fb5d1;--red:#f87171;--green:#86efac}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:radial-gradient(circle at 50% 12%,#14243c 0,#07111f 42%,#030712 100%);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,Segoe UI,Arial,sans-serif}body{overflow-x:hidden}.stars{position:fixed;inset:0;pointer-events:none;background-image:radial-gradient(circle at 20% 30%,rgba(103,232,249,.24) 0 1px,transparent 1.5px),radial-gradient(circle at 70% 18%,rgba(251,191,36,.20) 0 1px,transparent 1.5px),radial-gradient(circle at 44% 72%,rgba(255,255,255,.18) 0 1px,transparent 1.5px);background-size:180px 180px,230px 230px,130px 130px;opacity:.55}.shell{position:relative;width:min(1500px,96vw);margin:0 auto;padding:34px 0 28px}.hero{text-align:center;margin:0 0 16px}.eyebrow,.section-kicker{letter-spacing:.18em;text-transform:uppercase;color:var(--cyan);font-size:.74rem;font-weight:800}.hero h1{font-size:clamp(2rem,4vw,4.7rem);line-height:1;margin:12px 0}.hero h1 span{color:var(--amber)}.hero-card{width:min(1200px,96vw);margin:18px auto 20px;border:1px solid rgba(103,232,249,.28);border-radius:26px;overflow:hidden;background:rgba(3,7,18,.72);box-shadow:0 24px 80px rgba(0,0,0,.45),0 0 70px rgba(34,211,238,.11)}.hero-card img{display:block;width:100%;height:auto}.hero .hero-card + h1{margin-top:8px}.subtitle{max-width:900px;margin:0 auto 18px;color:#cbd8ea;font-size:1.08rem}.lockbar{display:flex;justify-content:center;gap:9px;flex-wrap:wrap}.lockbar span{border:1px solid var(--line);background:rgba(103,232,249,.08);padding:8px 12px;border-radius:999px;color:#dff9ff;font-size:.85rem;font-weight:700}.mode-tabs{display:flex;gap:10px;justify-content:center;margin:18px 0}.mode-tab{border:1px solid var(--line);background:rgba(8,18,32,.7);color:#dbeafe;border-radius:999px;padding:10px 15px;font-weight:900;cursor:pointer}.mode-tab.active{background:linear-gradient(90deg,rgba(34,211,238,.28),rgba(251,191,36,.22));border-color:rgba(251,191,36,.55);box-shadow:0 0 22px rgba(34,211,238,.15)}.instrument{display:grid;grid-template-columns:minmax(270px,340px) minmax(460px,1fr) minmax(300px,380px);gap:16px;align-items:stretch}.panel{border:1px solid var(--line);background:linear-gradient(180deg,var(--panel),rgba(3,7,18,.70));box-shadow:0 20px 50px rgba(0,0,0,.28),inset 0 0 34px rgba(103,232,249,.05);border-radius:24px;padding:18px;min-height:650px}.panel h2{margin:.2rem 0 1rem;font-size:1.35rem}.select-label{display:block;color:var(--muted);font-size:.84rem;margin:10px 0 7px;font-weight:800}select{width:100%;background:#07111f;color:var(--text);border:1px solid rgba(103,232,249,.32);border-radius:12px;padding:12px 10px;font-weight:700}.primary,.ghost{width:100%;margin-top:10px;border:0;border-radius:14px;padding:12px 12px;font-weight:1000;cursor:pointer}.primary{background:linear-gradient(90deg,var(--cyan2),var(--amber));color:#07111f}.ghost{background:rgba(103,232,249,.08);color:#dffaff;border:1px solid var(--line)}.hidden{display:none!important}.key-card{border:1px solid rgba(251,191,36,.23);background:rgba(251,191,36,.06);border-radius:18px;padding:14px;margin:14px 0}.key-id{color:var(--gold);font-weight:1000;word-break:break-word;font-size:.82rem}.key-label{font-size:1.08rem;font-weight:1000;margin:6px 0}.key-card p{color:var(--muted);margin:0;font-size:.9rem}.pipeline-mini{display:flex;align-items:center;justify-content:space-between;gap:5px;margin:14px 0}.step{font-size:.72rem;font-weight:1000;padding:7px 8px;border-radius:999px;background:rgba(103,232,249,.11);border:1px solid rgba(103,232,249,.22);color:#dffaff}.arrow{color:var(--amber)}.microcopy{margin-top:12px;color:var(--muted);font-size:.9rem}.microcopy strong{color:#fff}.state-pill{display:inline-flex;padding:5px 8px;border-radius:999px;background:rgba(134,239,172,.1);color:#bbf7d0;border:1px solid rgba(134,239,172,.25);font-weight:1000}.state-pill.candidate{background:rgba(251,191,36,.10);border-color:rgba(251,191,36,.32);color:var(--gold)}.state-pill.craft{background:rgba(103,232,249,.11);border-color:rgba(103,232,249,.33);color:#dffaff}.globe-wrap{min-height:650px}.globe-frame{position:relative;height:100%;min-height:650px;border:1px solid rgba(103,232,249,.25);border-radius:28px;overflow:hidden;background:radial-gradient(circle at center,rgba(10,38,60,.64),rgba(3,7,18,.88) 58%,rgba(0,0,0,.8));box-shadow:inset 0 0 80px rgba(34,211,238,.08),0 24px 70px rgba(0,0,0,.38)}canvas{display:block;width:100%;height:100%}.globe-hud{position:absolute;border:1px solid rgba(103,232,249,.20);background:rgba(3,7,18,.58);backdrop-filter:blur(8px);border-radius:16px;padding:10px 12px;max-width:44%;font-size:.8rem}.globe-hud span{display:block;color:var(--cyan);letter-spacing:.12em;text-transform:uppercase;font-weight:1000;font-size:.66rem}.globe-hud strong{display:block;margin-top:3px}.top-left{top:14px;left:14px}.top-right{top:14px;right:14px;text-align:right}.bottom-left{bottom:14px;left:14px}.bottom-right{bottom:14px;right:14px;text-align:right}.eptk{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;border:1px solid rgba(251,191,36,.22);background:rgba(251,191,36,.06);border-radius:16px;padding:12px;color:var(--gold);font-size:.84rem;line-height:1.4;word-break:break-word}.lanes{margin-top:12px;display:grid;gap:10px}.lane{border:1px solid rgba(103,232,249,.18);background:rgba(103,232,249,.055);border-radius:15px;padding:10px}.lane-top{display:flex;justify-content:space-between;gap:10px;font-size:.83rem}.lane-name{font-weight:1000}.lane-score{color:var(--gold);font-weight:900}.bar{height:8px;border-radius:999px;overflow:hidden;background:rgba(255,255,255,.08);margin:8px 0}.fill{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--cyan2),var(--amber))}.lane-state{color:var(--muted);font-size:.8rem}.trace-summary{border:1px solid rgba(103,232,249,.18);background:rgba(103,232,249,.06);border-radius:15px;padding:10px;margin-top:10px;display:grid;gap:4px;color:#cfe8f7}.trace-summary strong{color:#fff}.subsystems{margin-top:12px;display:grid;gap:8px}.subsystem{display:flex;justify-content:space-between;gap:10px;border:1px solid rgba(251,191,36,.18);background:rgba(251,191,36,.045);border-radius:14px;padding:9px;font-size:.82rem}.subsystem b{color:#fff}.subsystem span{color:var(--gold);font-weight:1000;text-align:right}.boundary-box{margin-top:14px;border:1px solid rgba(248,113,113,.20);background:rgba(248,113,113,.055);border-radius:16px;padding:13px}.boundary-box h3{margin:0 0 6px}.boundary-box p{margin:0;color:#ffd9d9;font-size:.9rem}.review-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:16px}.review-grid article{border:1px solid var(--line);background:rgba(8,18,32,.64);border-radius:20px;padding:18px}.review-grid h2{margin:.25rem 0 .5rem}.review-grid p{color:var(--muted)}.footer{text-align:center;color:var(--muted);padding:22px 0}@media(max-width:1180px){.instrument{grid-template-columns:1fr}.panel,.globe-frame{min-height:auto}.globe-wrap{min-height:620px}.panel{min-height:auto}.review-grid{grid-template-columns:1fr}}