:root{color-scheme:dark;--bg:#030a0b;--panel:#071513;--text:#eafff8;--muted:#83a29a;--mint:#62f4e2;--lime:#c9ff72;--line:rgba(109,238,216,.18)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;overflow-x:hidden}.ambient{position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 78% 17%,rgba(56,211,168,.12),transparent 28%),radial-gradient(circle at 15% 55%,rgba(199,255,114,.05),transparent 25%),repeating-linear-gradient(180deg,transparent 0,transparent 4px,rgba(145,255,228,.015) 5px);z-index:-1}.site-header{height:84px;max-width:1240px;margin:auto;padding:0 28px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;color:var(--text);text-decoration:none;letter-spacing:.17em;font-size:13px}.brand span{width:42px;height:42px;display:grid;place-items:center;border:1px solid rgba(98,244,226,.4);border-radius:50%;color:var(--lime);font-family:Georgia,serif;font-size:21px;box-shadow:inset 0 0 18px rgba(98,244,226,.08)}.nav-play,.secondary,footer a{color:var(--mint);text-decoration:none}.nav-play{font-size:13px}.nav-play span{margin-left:8px}.hero{min-height:720px;max-width:1240px;margin:auto;padding:96px 28px 80px;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(380px,.85fr);align-items:center;gap:70px}.eyebrow{margin:0 0 20px;color:var(--lime);font-size:11px;font-weight:750;letter-spacing:.22em}.hero h1{margin:0;font-size:clamp(56px,7vw,94px);font-weight:620;letter-spacing:-.055em;line-height:.94}.hero h1 em{color:var(--mint);font-family:Georgia,serif;font-weight:400}.lead{max-width:690px;margin:32px 0 0;color:#a9c0ba;font-size:18px;line-height:1.75}.hero-actions{display:flex;align-items:center;gap:25px;margin-top:42px}.primary{display:inline-flex;gap:35px;align-items:center;padding:17px 22px;color:#07110e;background:var(--lime);border-radius:5px;text-decoration:none;font-weight:750;box-shadow:0 12px 45px rgba(199,255,114,.13)}.secondary{font-size:13px;border-bottom:1px solid rgba(98,244,226,.35);padding-bottom:4px}.orbital{position:relative;aspect-ratio:1;display:grid;place-items:center}.orbital:before{content:"";position:absolute;inset:10%;border-radius:50%;background:radial-gradient(circle,rgba(82,240,203,.12),transparent 60%);filter:blur(10px)}.world-orb{position:relative;width:195px;height:195px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid rgba(98,244,226,.4);border-radius:50%;background:radial-gradient(circle at 35% 30%,rgba(91,239,192,.2),rgba(3,15,14,.94) 65%);box-shadow:0 0 90px rgba(98,244,226,.12),inset 0 0 45px rgba(98,244,226,.08)}.world-orb span{color:var(--lime);font-size:9px;letter-spacing:.25em}.world-orb strong{margin:8px 0;font-size:19px;letter-spacing:.14em}.world-orb small{color:var(--muted);font-size:7px;letter-spacing:.15em}.orbit{position:absolute;border:1px solid rgba(98,244,226,.22);border-radius:50%;animation:spin 22s linear infinite}.orbit-one{inset:8%}.orbit-two{inset:22%;animation-direction:reverse;animation-duration:15s}.orbit i{position:absolute;width:9px;height:9px;border-radius:50%;background:var(--lime);box-shadow:0 0 14px var(--lime)}.orbit i:first-child{top:9%;left:23%}.orbit i:nth-child(2){right:-5px;top:48%;background:var(--mint)}.orbit i:nth-child(3){bottom:12%;left:17%;width:5px;height:5px}@keyframes spin{to{transform:rotate(360deg)}}.explanation,.server-health{border-top:1px solid var(--line);padding:100px max(28px,calc((100vw - 1184px)/2))}.section-heading h2{margin:0;font-size:clamp(34px,4vw,53px);font-weight:580;letter-spacing:-.035em}.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:52px}.principles article,.metric-card{background:linear-gradient(145deg,rgba(11,31,27,.85),rgba(4,15,14,.88));border:1px solid var(--line);border-radius:12px}.principles article{padding:32px;min-height:230px}.principles b{color:var(--lime);font-size:11px;letter-spacing:.2em}.principles h3{margin:45px 0 12px;font-size:20px}.principles p{margin:0;color:var(--muted);font-size:14px;line-height:1.7}.server-health{background:rgba(5,17,15,.56)}.health-heading{display:flex;justify-content:space-between;align-items:end;gap:25px}.status{margin:0;color:#9cb8b0;font-size:12px}.status i{display:inline-block;width:8px;height:8px;margin-right:7px;border-radius:50%;background:var(--lime);box-shadow:0 0 12px var(--lime)}.status.offline{color:#ff987f}.metric-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:46px}.metric-card{padding:25px}.metric-title{display:flex;align-items:baseline;justify-content:space-between}.metric-title h3{margin:0;font-size:18px}.metric-title span{color:var(--muted);font-size:10px}.metric-card svg{width:100%;height:120px;margin:24px 0 14px;overflow:visible}.metric-card path{fill:none;vector-effect:non-scaling-stroke}.gridline{stroke:rgba(255,255,255,.06);stroke-width:1}.cpu-line{stroke:var(--lime);stroke-width:2}.memory-line{stroke:var(--mint);stroke-width:2}.metric-values{display:grid;grid-template-columns:1fr 1fr;gap:15px}.metric-values div{padding-top:14px;border-top:1px solid var(--line)}.metric-values span,.metric-values small{display:block;color:var(--muted);font-size:10px}.metric-values strong{display:block;margin:7px 0 4px;font-size:22px}.metric-values i{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:6px}.cpu-dot{background:var(--lime)}.memory-dot{background:var(--mint)}.health-note{color:var(--muted);font-size:11px;margin:20px 0 0}footer{max-width:1184px;margin:auto;padding:38px 0 50px;display:flex;justify-content:space-between;color:#607d75;font-size:10px;letter-spacing:.13em}footer a{letter-spacing:0}@media(max-width:850px){.hero{grid-template-columns:1fr;padding-top:65px}.orbital{max-width:470px;width:100%;margin:auto}.principles,.metric-grid{grid-template-columns:1fr}.health-heading{align-items:flex-start;flex-direction:column}.site-header{height:72px}.hero h1{font-size:clamp(47px,14vw,72px)}footer{padding-left:28px;padding-right:28px}}@media(max-width:520px){.brand strong{display:none}.hero{gap:25px}.hero-actions{align-items:flex-start;flex-direction:column}.orbital{transform:scale(.88)}.explanation,.server-health{padding-top:72px;padding-bottom:72px}.principles{margin-top:35px}.metric-values strong{font-size:18px}}