:root{--score:0;--bg:#0d0e0f;--surface:#17191c;--surface-2:#202328;--text:#f7f4ed;--muted:#afa89d;--line:#ffffff1f;--accent:#69e3b6;--warn:#f8d765;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100svh;margin:0}.page{width:min(1120px,100% - 32px);margin:0 auto;padding:32px 0 56px}.demo-section{gap:20px;display:grid}.demo-copy{gap:10px;max-width:780px;display:grid}.sound-button{color:#07120f;background:var(--accent);width:fit-content;min-height:42px;font:inherit;cursor:pointer;border:1px solid #69e3b694;border-radius:6px;margin-top:4px;padding:0 16px;font-weight:800}.sound-button.is-on{background:var(--warn);border-color:#f8d7659e}.sound-button.needs-click{border-color:#f8d765e6;box-shadow:0 0 0 4px #f8d7652e}.copy-button{width:fit-content;min-height:40px;color:var(--accent);font:inherit;cursor:pointer;background:#69e3b614;border:1px solid #69e3b68a;border-radius:6px;padding:0 14px;font-weight:800}.copy-button.is-copied{color:#07120f;background:var(--accent)}.eyebrow{color:var(--accent);letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:13px;font-weight:800}h1,h2,p{margin:0}h1{letter-spacing:0;font-size:42px;line-height:1.08}h2{letter-spacing:0;font-size:20px;line-height:1.2}p{color:var(--muted);font-size:16px;line-height:1.65}.stage{aspect-ratio:16/9;border:1px solid var(--line);background:#000;border-radius:8px;width:100%;min-height:360px;max-height:68svh;position:relative;overflow:hidden;box-shadow:0 28px 90px #00000052}#camera,#overlay,.funny-video{width:100%;height:100%;position:absolute;inset:0}#camera,#overlay{transform:scaleX(-1)}#camera,.funny-video{object-fit:fill}#camera{opacity:.9}#overlay{pointer-events:none;z-index:2}.funny-video{z-index:3;opacity:.5;background:#000;display:none}.funny-video.is-playing{display:block}.confidence{z-index:4;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#00000085;border:1px solid #ffffff38;border-radius:8px;gap:4px;min-width:144px;padding:12px 14px 11px;display:grid;position:absolute;top:18px;left:18px;box-shadow:0 18px 60px #0000005c}.confidence:after{content:"";background:linear-gradient(90deg, var(--accent), var(--warn));width:100%;height:6px;transform:scaleX(var(--score));transform-origin:0;border-radius:999px;margin-top:8px;display:block}.confidence span{color:#f7f4edb8;letter-spacing:.12em;font-size:12px;font-weight:800}.confidence strong{color:var(--warn);letter-spacing:0;font-size:38px;line-height:1}.blog{gap:42px;max-width:880px;margin:48px auto 0;padding-bottom:12px;display:grid}.blog-header,.blog-section{gap:14px;display:grid}.blog-header{border-bottom:1px solid var(--line);padding-bottom:28px}.blog h2{font-size:34px;line-height:1.15}.blog h3{color:var(--text);letter-spacing:0;margin:0;font-size:24px;line-height:1.2}.blog p{font-size:17px;line-height:1.8}.prompt-section{border:1px solid var(--line);background:var(--surface);border-radius:8px;padding:20px}.prompt-heading{justify-content:space-between;align-items:start;gap:18px;display:flex}.prompt-heading>div{gap:12px;display:grid}.prompt-box{resize:vertical;border:1px solid var(--line);width:100%;min-height:440px;color:var(--text);background:#101114;border-radius:8px;padding:16px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:13px;line-height:1.6}.prompt-box:focus{outline-offset:2px;outline:2px solid #69e3b6b3}.breakdown{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:18px;display:grid}.score-row{border:1px solid var(--line);background:var(--surface-2);border-radius:6px;gap:8px;padding:12px;display:grid}.score-label{justify-content:space-between;align-items:center;gap:12px;display:flex}.score-label span,.score-label strong{font-size:14px}.score-label span{color:var(--text)}.score-label strong{color:var(--warn);font-variant-numeric:tabular-nums}.score-bar{background:#ffffff17;border-radius:999px;height:8px;overflow:hidden}.score-bar span{border-radius:inherit;background:linear-gradient(90deg, var(--accent), var(--warn));transform-origin:0;width:100%;height:100%;transition:transform .12s linear;display:block}.flow{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:16px;display:grid}.flow div{border:1px solid var(--line);background:var(--surface-2);border-radius:6px;gap:8px;min-height:118px;padding:14px;display:grid}.flow strong{color:var(--accent);font-size:14px}.flow span{color:var(--muted);font-size:14px;line-height:1.45}.landmark-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:8px;display:grid}.landmark-grid div{border:1px solid var(--line);background:var(--surface);border-radius:6px;grid-template-columns:42px 1fr;align-items:start;gap:12px;min-height:76px;padding:14px;display:grid}.landmark-grid b{color:#07120f;background:var(--accent);border-radius:999px;place-items:center;width:34px;height:34px;font-size:15px;display:grid}.landmark-grid span{color:var(--muted);font-size:15px;line-height:1.55}pre{border:1px solid var(--line);background:#111214;border-radius:8px;margin:0;padding:16px;overflow-x:auto}code{color:var(--warn);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:13px;line-height:1.55}@media (width<=760px){.page{width:min(100% - 20px,1120px);padding:20px 0 36px}h1{font-size:32px}.stage{min-height:260px}.blog{gap:34px;margin-top:36px}.breakdown,.flow,.landmark-grid{grid-template-columns:1fr}.blog h2{font-size:28px}.blog h3{font-size:22px}.prompt-heading{display:grid}}