:root{--color-bg:#09090b;--color-surface:#111114;--color-surface-raised:#18181c;--color-border:#fafafa1a;--color-text:#fafafa;--color-text-muted:#a1a1aa;--color-text-subtle:#71717a;--color-primary:#0c5cab;--color-primary-hover:#176dbd;--color-primary-deep:#0a4a8a;--color-primary-active:#227acb;--color-info:#60a5fa;--color-accent:#8bc4f7;--color-on-primary:#fff;--color-success:#10b981;--radius-large:12px;--font-sans:"IBM Plex Sans", ui-sans-serif, system-ui, sans-serif}*{box-sizing:border-box}body{background:radial-gradient(56rem 34rem at 16% -10%, #0c5cab38, transparent 68%), var(--color-bg);min-width:320px;min-height:100vh;color:var(--color-text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;margin:0}a{color:inherit}.landing-shell{width:min(1160px,100% - 48px);margin:0 auto;padding:32px 0 64px}.landing-header{justify-content:space-between;align-items:center;gap:24px;display:flex}.landing-brand{color:var(--color-text);align-items:center;gap:12px;text-decoration:none;display:inline-flex}.landing-brand__mark{background:linear-gradient(145deg, var(--color-primary), var(--color-primary-deep));border-radius:8px;place-items:center;width:36px;height:36px;font-size:12px;font-weight:700;display:grid}.landing-brand strong,.landing-brand small{line-height:1.05;display:block}.landing-brand strong{font-size:16px}.landing-brand small{color:var(--color-text-muted);margin-top:3px;font-size:12px}.landing-login{color:var(--color-text-muted);font-size:14px;text-decoration:none}.landing-login:hover{color:var(--color-info)}.landing-login:focus-visible,.landing-cta:focus-visible,.landing-brand:focus-visible{outline:2px solid var(--color-info);outline-offset:4px}.landing-hero{grid-template-columns:minmax(0,1fr) minmax(320px,.82fr);align-items:center;gap:64px;min-height:640px;display:grid}.landing-eyebrow{color:var(--color-accent);letter-spacing:.12em;text-transform:uppercase;margin:0 0 16px;font-size:12px;font-weight:600}.landing-hero h1{letter-spacing:-.06em;max-width:700px;margin:0;font-size:clamp(40px,7vw,76px);line-height:1.02}.landing-copy{max-width:560px;color:var(--color-text-muted);margin:24px 0 0;font-size:20px;line-height:1.55}.landing-cta{background:linear-gradient(180deg, var(--color-primary-hover), var(--color-primary-deep));min-height:48px;color:var(--color-on-primary);border-radius:8px;align-items:center;gap:12px;margin-top:32px;padding:12px 20px;font-size:16px;font-weight:600;text-decoration:none;display:inline-flex;box-shadow:0 12px 28px #0c5cab33}.landing-cta:hover{background:linear-gradient(180deg, var(--color-primary-active), var(--color-primary))}.landing-preview{border:1px solid var(--color-border);border-radius:var(--radius-large);background:linear-gradient(145deg,#ffffff0f,#ffffff05);gap:24px;padding:24px;display:grid;transform:rotate(1.5deg);box-shadow:0 24px 56px #00000059}.preview-bar{border-bottom:1px solid var(--color-border);align-items:center;gap:6px;padding-bottom:16px;display:flex}.preview-bar span{background:var(--color-text-subtle);border-radius:50%;width:7px;height:7px}.preview-bar strong{margin-left:12px;font-size:14px;font-weight:500}.preview-metrics{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.preview-metrics i,.preview-table b,.preview-status span{border:1px solid var(--color-border);background:var(--color-surface-raised);border-radius:6px;display:block}.preview-metrics i{height:84px}.preview-metrics i:after{background:var(--color-info);content:"";opacity:.8;border-radius:3px;width:35%;height:8px;margin:16px;display:block}.preview-table{gap:8px;display:grid}.preview-table b{height:20px}.preview-table b:first-child{width:85%}.preview-table b:nth-child(2){width:96%}.preview-table b:nth-child(3){width:70%}.preview-table b:nth-child(4){width:90%}.preview-status{gap:8px;display:flex}.preview-status span{background:#10b9811a;border-color:#10b98140;width:90px;height:24px}.landing-points{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.landing-points article{border:1px solid var(--color-border);border-radius:var(--radius-large);background:#ffffff06;padding:24px}.landing-point__index{color:var(--color-info);font-family:ui-monospace,monospace;font-size:12px}.landing-points h2{margin:24px 0 8px;font-size:20px}.landing-points p{color:var(--color-text-muted);margin:0;font-size:14px;line-height:1.55}@media (width<=820px){.landing-shell{width:min(100% - 32px,620px)}.landing-hero{grid-template-columns:1fr;gap:32px;min-height:auto;padding:96px 0 80px}.landing-preview{transform:none}.landing-points{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.landing-preview{transform:none}}
