:root{--background:#07111f;--card:#0f172ae6;--card-border:#94a3b838;--text:#f8fafc;--muted:#cbd5e1;--soft:#94a3b8;--primary:#f97316;--primary-soft:#f9731624;--blue:#38bdf8;--green:#22c55e}*{box-sizing:border-box;margin:0;padding:0}html,body{min-height:100%}body{color:var(--text);background:radial-gradient(circle at 18% 12%,#f973162e,#0000 30%),radial-gradient(circle at 86% 76%,#38bdf821,#0000 34%),linear-gradient(135deg,#07111f 0%,#0f172a 52%,#111827 100%);font-family:Arial,Helvetica,sans-serif}.site-shell{justify-content:center;align-items:center;min-height:100vh;padding:32px 20px;display:flex}.hero-card{border:1px solid var(--card-border);background:linear-gradient(145deg, #0f172af2, #0f172ac2), var(--card);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:34px;width:100%;max-width:1120px;padding:clamp(28px,5vw,58px);position:relative;overflow:hidden;box-shadow:0 30px 110px #00000061}.hero-card:before{content:"FOXPOINT";letter-spacing:-.09em;color:#ffffff09;pointer-events:none;font-size:clamp(72px,13vw,170px);font-weight:900;position:absolute;top:28px;right:-42px}.topbar{z-index:1;align-items:center;gap:14px;margin-bottom:44px;display:flex;position:relative}.brand-mark{color:#111827;letter-spacing:-.08em;background:linear-gradient(135deg,#f97316,#fb923c);border-radius:16px;place-items:center;width:48px;height:48px;font-weight:900;display:grid;box-shadow:0 14px 34px #f9731647}.brand-name{letter-spacing:-.04em;font-size:18px;font-weight:900}.brand-subtitle{color:var(--soft);margin-top:2px;font-size:14px}.hero-grid{z-index:1;grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);align-items:center;gap:34px;display:grid;position:relative}.brand-pill{background:var(--primary-soft);color:#fed7aa;border:1px solid #f9731647;border-radius:999px;align-items:center;width:fit-content;margin-bottom:24px;padding:9px 15px;font-size:14px;font-weight:800;display:inline-flex}.eyebrow{color:var(--blue);letter-spacing:.13em;text-transform:uppercase;margin-bottom:14px;font-size:15px;font-weight:900}h1{letter-spacing:-.07em;max-width:740px;margin-bottom:24px;font-size:clamp(38px,6vw,72px);line-height:.98}.hero-description{max-width:700px;color:var(--muted);margin-bottom:30px;font-size:clamp(17px,2vw,20px);line-height:1.65}.feature-list{flex-wrap:wrap;gap:10px;display:flex}.feature-list span{color:#e2e8f0;background:#ffffff0f;border:1px solid #94a3b82e;border-radius:999px;padding:10px 14px;font-size:14px;font-weight:800}.preview-panel{background:linear-gradient(#0206179e,#0f172ac2);border:1px solid #94a3b833;border-radius:28px;padding:20px;box-shadow:inset 0 1px #ffffff0f}.preview-header{gap:7px;margin-bottom:18px;display:flex}.preview-header span{background:#cbd5e157;border-radius:999px;width:10px;height:10px}.metric-card,.preview-row div,.preview-list{background:#ffffff0e;border:1px solid #94a3b829;border-radius:20px}.metric-card{margin-bottom:12px;padding:18px}.metric-card.primary{background:linear-gradient(135deg,#f9731638,#38bdf81a)}.metric-card p,.preview-row p,.preview-list p{color:var(--soft);margin-bottom:7px;font-size:13px;font-weight:700}.metric-card strong{letter-spacing:-.06em;font-size:34px}.preview-row{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px;display:grid}.preview-row div{padding:16px}.preview-row strong{font-size:20px}.preview-list{gap:9px;padding:16px;display:grid}.preview-list span{color:#e2e8f0;border-top:1px solid #94a3b81f;padding-top:9px;font-size:14px}.info-grid{z-index:1;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:38px;display:grid;position:relative}.info-grid article{background:#02061757;border:1px solid #94a3b82e;border-radius:22px;padding:18px}.info-grid h2{margin-bottom:8px;font-size:16px}.info-grid p{color:var(--soft);font-size:14px;line-height:1.55}.status-box{z-index:1;background:#02061775;border:1px solid #94a3b833;border-radius:22px;margin-top:16px;padding:20px;position:relative}.status-box strong{color:#fff;margin-bottom:8px;font-size:18px;display:block}.status-box p{color:var(--soft);font-size:15px;line-height:1.6}.status-box span{color:#e2e8f0;font-weight:800}@media (max-width:900px){.hero-grid{grid-template-columns:1fr}.preview-panel{max-width:520px}.info-grid{grid-template-columns:1fr}}@media (max-width:640px){.site-shell{padding:18px 12px}.hero-card{border-radius:26px}.topbar{margin-bottom:34px}.feature-list{gap:8px}.feature-list span{font-size:13px}.preview-row{grid-template-columns:1fr}.metric-card strong{font-size:30px}}