:root{color-scheme:dark;--navy:#071a52;--purple:#6312f8;--violet:#913afb;--blue:#0c47f6;--cyan:#00b0fb;--white:#edf0fc;--muted:#aab7db;--panel:rgba(12,28,79,.72)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:#030a24;color:var(--white);font-family:Inter,ui-sans-serif,system-ui,sans-serif}body:before{content:"";position:fixed;inset:0;z-index:-1;background:radial-gradient(circle at 12% 15%,rgba(99,18,248,.24),transparent 38%),radial-gradient(circle at 88% 5%,rgba(0,176,251,.16),transparent 35%),linear-gradient(155deg,#030a24,#071a52 55%,#04091f)}a{color:inherit;text-decoration:none}.sandbox-banner{background:linear-gradient(90deg,#3a0b91,#0c47f6);padding:.55rem 1rem;text-align:center;font-size:.72rem;font-weight:800;letter-spacing:.13em}.site-header{max-width:1240px;margin:auto;padding:1.2rem 1.5rem;display:flex;justify-content:space-between;align-items:center;gap:2rem}.brand img{width:190px;height:54px;object-fit:contain;object-position:left center}nav{display:flex;gap:1.15rem;flex-wrap:wrap;justify-content:flex-end}nav a{color:var(--muted);font-size:.9rem}nav a:focus-visible,nav a:hover{color:var(--cyan)}main{max-width:1240px;margin:auto;padding:2rem 1.5rem 5rem}.hero{min-height:68vh;display:grid;grid-template-columns:1.2fr .8fr;grid-gap:4rem;gap:4rem;align-items:center}.eyebrow{color:var(--cyan);text-transform:uppercase;letter-spacing:.18em;font-weight:800;font-size:.75rem}h1{font-size:clamp(3rem,8vw,7.4rem);line-height:.92;letter-spacing:-.06em;margin:1rem 0}h2{font-size:clamp(2rem,4vw,3.5rem);letter-spacing:-.04em}h3{margin-top:0}.gradient-text{background:linear-gradient(95deg,var(--white),#a9dfff 45%,#a77bff);color:transparent;-webkit-background-clip:text;background-clip:text}.lede{max-width:680px;color:var(--muted);font-size:clamp(1.05rem,2vw,1.35rem);line-height:1.65}.actions{display:flex;gap:1rem;margin-top:2rem;flex-wrap:wrap}.button{padding:.9rem 1.2rem;border-radius:.7rem;background:linear-gradient(95deg,var(--purple),var(--blue));font-weight:750;border:1px solid transparent}.button.secondary{background:transparent;border-color:rgba(237,240,252,.25)}.orb{aspect-ratio:1;border-radius:42% 58% 65% 35%;background:conic-gradient(from 210deg,var(--purple),var(--blue),var(--cyan),var(--purple));filter:drop-shadow(0 0 50px rgba(12,71,246,.4));opacity:.9;animation:float 7s ease-in-out infinite}@keyframes float{50%{transform:translateY(-18px) rotate(5deg)}}.grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:1rem;gap:1rem}.card,.metric,.panel{background:var(--panel);border:1px solid rgba(118,151,255,.18);border-radius:1rem;padding:1.4rem;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 20px 60px rgba(0,0,0,.18)}.card p,.panel p{color:var(--muted);line-height:1.65}.section{padding:5rem 0}.metric{display:flex;flex-direction:column;gap:.45rem}.metric small,.metric span{color:var(--muted)}.metric strong{font-size:2rem}.status-pill{display:inline-flex;width:-moz-fit-content;width:fit-content;padding:.35rem .65rem;border-radius:999px;font-size:.72rem;font-weight:800;background:rgba(0,176,251,.12);color:var(--cyan)}.status-pill.violet{color:#bd9bff;background:rgba(145,58,251,.13)}.status-pill.warning{color:#ffd479;background:rgba(255,190,62,.12)}table{width:100%;border-collapse:collapse}td,th{text-align:left;padding:.85rem;border-bottom:1px solid rgba(237,240,252,.1)}th{color:var(--muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.08em}input,select,textarea{width:100%;padding:.85rem;color:var(--white);background:rgba(3,10,36,.7);border:1px solid rgba(237,240,252,.2);border-radius:.6rem}label{grid-gap:.4rem;gap:.4rem;color:var(--muted)}form,label{display:grid}form{grid-gap:1rem;gap:1rem;max-width:640px}footer{border-top:1px solid rgba(237,240,252,.1);padding:2rem max(1.5rem,calc((100vw - 1210px) / 2));display:flex;justify-content:space-between;gap:1rem;color:var(--muted);font-size:.8rem}@media (max-width:800px){.hero,.site-header,footer{display:flex;flex-direction:column;align-items:flex-start}.hero{gap:2rem;min-height:auto;padding:4rem 0}.orb{width:min(80vw,420px);align-self:center}.grid{grid-template-columns:1fr}nav{justify-content:flex-start}h1{font-size:clamp(3rem,18vw,5rem)}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important}}