:root{color-scheme:dark;--bg: #07111a;--bg-secondary: #0f1b28;--panel: rgba(12, 27, 39, .84);--panel-border: rgba(143, 199, 255, .12);--text: #f4f7fb;--text-muted: #9db0c2;--accent: #7ce4d8;--accent-strong: #10b4aa;--warning: #ff7b6b;--shadow: 0 24px 80px rgba(0, 0, 0, .35);--grid-max: 1560px;font-family:"Source Sans 3",sans-serif;background:radial-gradient(circle at top left,rgba(16,180,170,.22),transparent 28%),radial-gradient(circle at top right,rgba(93,120,255,.18),transparent 24%),linear-gradient(180deg,#081018,#09131d)}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{color:var(--text);background:transparent}a,button{transition:transform .18s ease,opacity .18s ease,background-color .18s ease,border-color .18s ease}a:hover,button:hover{transform:translateY(-1px)}.page-shell{position:relative;min-height:100vh;overflow:hidden;padding:52px 40px 80px}.landing-shell,.demo-shell{width:min(100%,var(--grid-max));margin:0 auto}.orb{position:absolute;border-radius:999px;filter:blur(80px);opacity:.5;pointer-events:none}.orb-left{top:80px;left:-80px;width:260px;height:260px;background:#10b4aa40}.orb-right{top:40px;right:-60px;width:220px;height:220px;background:#537cff38}.hero-grid,.demo-grid{position:relative;z-index:1;display:grid;gap:48px}.hero-grid{grid-template-columns:minmax(0,1.16fr) minmax(620px,.84fr);align-items:center;min-height:calc(100vh - 140px);gap:56px}.eyebrow{display:inline-block;margin-bottom:12px;color:var(--accent);font-size:.92rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase}h1,h2,strong{font-family:Space Grotesk,sans-serif}.hero-copy h1,.demo-header h1{margin:0;font-size:clamp(3.8rem,8vw,6.8rem);line-height:.95;letter-spacing:-.05em}.subtitle{margin:18px 0 0;color:var(--text-muted);font-size:1rem;letter-spacing:.04em}.author-block{display:grid;gap:4px;margin-top:14px}.author-link{width:fit-content;color:#dfe9f5;font-size:1.08rem;text-decoration:none}.author-link:hover{color:var(--accent)}.author-role{margin:0;color:var(--text-muted);font-size:.98rem;letter-spacing:.03em}.hero-description{max-width:680px;margin:36px 0 0;color:var(--text-muted);font-size:1.22rem;line-height:1.78}.hero-actions,.demo-actions{display:flex;flex-wrap:wrap;gap:16px;margin-top:38px}.primary-button,.secondary-button,.ghost-button,.secondary-link{border-radius:999px;font-weight:700;text-decoration:none}.primary-button,.secondary-button,.ghost-button{border:1px solid transparent;cursor:pointer;font-family:inherit;font-size:1rem;padding:14px 22px}.primary-button{background:linear-gradient(135deg,var(--accent),#97ebff);color:#04212a;box-shadow:0 16px 36px #10b4aa47}.secondary-button,.ghost-button,.secondary-link{color:var(--text);background:#ffffff0a;border:1px solid rgba(255,255,255,.1)}.secondary-link{display:inline-flex;align-items:center;padding:14px 0;color:var(--text-muted)}.github-button{display:inline-flex;align-items:center;gap:10px}.github-icon{width:18px;height:18px}.hero-preview,.video-card,.status-card{position:relative}.preview-frame,.video-card,.status-card,.feature-card{background:var(--panel);border:1px solid var(--panel-border);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);box-shadow:var(--shadow)}.preview-frame{border-radius:28px;padding:24px}.preview-topbar,.video-topbar{display:flex;justify-content:flex-start;align-items:center;gap:14px;color:var(--text-muted);font-size:.92rem}.video-status-group{display:inline-flex;align-items:center}.overlay-toggle{display:inline-flex;align-items:center;gap:8px;margin-left:auto;color:var(--text-muted);font-size:.88rem}.overlay-toggle input{width:16px;height:16px;accent-color:var(--accent-strong)}.preview-pill,.preview-status{border-radius:999px;padding:8px 12px;background:#ffffff0d}.preview-body{display:grid;grid-template-columns:1fr 240px;gap:22px;margin-top:20px}.preview-video,.video-stage{position:relative;overflow:hidden;border-radius:22px;background:linear-gradient(145deg,#85c5ff2e,#0b111ddb),linear-gradient(180deg,#111a24,#0a121a)}.preview-video{min-height:470px}.preview-demo-video{isolation:isolate}.hero-preview-video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;z-index:1;transform:scale(1.01);filter:saturate(1.02) contrast(1.02)}.preview-demo-video:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#040a1214,#040a1261),radial-gradient(circle at 30% 25%,rgba(124,228,216,.08),transparent 24%),radial-gradient(circle at 75% 70%,rgba(83,124,255,.1),transparent 28%);z-index:2}.preview-panel{display:grid;gap:14px}.metric-card,.status-panel{border-radius:20px;padding:20px;background:#ffffff08;border:1px solid rgba(255,255,255,.08)}.metric-card strong,.status-panel strong{display:block;margin-top:8px;font-size:1.04rem}.metric-card.critical{border-color:#ff7b6b42}.metric-label{color:var(--text-muted);font-size:.88rem;text-transform:uppercase;letter-spacing:.1em}.feature-section{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:18px}.feature-card{border-radius:24px;padding:30px}.feature-card h2{margin:0 0 10px;font-size:1.35rem}.feature-card p,.status-panel p,.signal-list{margin:0;color:var(--text-muted);line-height:1.65}.demo-header{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:28px}.demo-header h1{font-size:clamp(2.6rem,4vw,4rem);line-height:1.02}.demo-grid{grid-template-columns:minmax(0,1.7fr) minmax(360px,.78fr);align-items:start;gap:28px}.video-card,.status-card{border-radius:28px;padding:24px}.video-stage{min-height:520px;margin-top:18px;display:grid;place-items:center;background:#03070d}.webcam-video{width:100%;height:100%;object-fit:contain;border-radius:22px}.sample-video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:.92}.overlay-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.video-placeholder{position:absolute;z-index:1;width:min(86%,420px);text-align:center}.sample-placeholder{bottom:28px;left:28px;width:min(86%,460px);text-align:left;border-radius:22px;padding:22px 24px;background:#07111abd;border:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.video-placeholder h2{margin-bottom:10px;font-size:2rem}.video-placeholder p{margin:0;color:var(--text-muted);line-height:1.6}.status-card{display:grid;gap:14px}.status-panel{padding:18px 20px}.status-panel p{margin-top:10px}.status-panel strong{font-size:1rem;line-height:1.35}.critical-panel{border-color:#ff7b6b5c;box-shadow:inset 0 0 0 1px #ff7b6b26}.signal-list{padding-left:18px}.metrics-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 14px;margin-top:12px}.metrics-grid small{display:block;margin-bottom:4px;color:var(--text-muted);font-size:.78rem;letter-spacing:.04em;text-transform:uppercase}.metrics-grid strong{margin-top:0;font-size:.94rem;line-height:1.28;word-break:break-word}.status-card .signal-list{display:grid;gap:8px;padding-left:18px}.status-card .signal-list li{line-height:1.45}.latency-chip{margin-left:auto;border-radius:999px;padding:7px 12px;background:#7ce4d81a;border:1px solid rgba(124,228,216,.16);color:#cffffa}.warning-panel{border-color:#ffc67a33}.error-panel{border-color:#ff7b6b4d}.status-dot{width:10px;height:10px;border-radius:999px;display:inline-block;margin-right:10px}.status-idle{background:#a8b6c7}.status-live{background:var(--accent);box-shadow:0 0 14px #7ce4d8cc}.status-requesting{background:#ffd474}.status-error{background:var(--warning)}@media (max-width: 980px){.hero-grid,.demo-grid,.preview-body,.feature-section{grid-template-columns:1fr}.hero-grid{min-height:auto;padding-top:48px}.preview-body{grid-template-columns:1fr}.demo-grid{gap:20px}.metrics-grid{grid-template-columns:1fr 1fr}}@media (max-width: 640px){.page-shell{padding-inline:18px}.hero-copy h1,.demo-header h1{font-size:clamp(2.8rem,16vw,4.6rem)}.demo-header{align-items:flex-start;flex-direction:column}.video-card,.status-card,.preview-frame,.feature-card{border-radius:22px}.video-stage,.preview-video{min-height:360px}.metrics-grid{grid-template-columns:1fr}}