:root{--viz-bg:#f7f1e8;--viz-panel:#fffaf2d6;--viz-ink:#182126;--viz-muted:#5f696d;--viz-line:#1821261f;--viz-accent:#00a887;--viz-accent-strong:#007b64;--viz-accent-soft:#00a88729;--viz-shadow:0 24px 80px #48321f1a}*{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;background:radial-gradient(circle at top left,#00a88729,#0000 32%),radial-gradient(circle at top right,#6fa9d024,#0000 28%),linear-gradient(180deg,#f9f4ec,#f4ede3);background:radial-gradient(circle at top left,var(--viz-accent-soft),#0000 32%),radial-gradient(circle at top right,#6fa9d024,#0000 28%),linear-gradient(180deg,#f9f4ec,#f4ede3);font-family:Avenir Next,Segoe UI,sans-serif;margin:0}#root,body{min-height:100vh}button,input,select,textarea{font:inherit}a,button{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:default;opacity:.5}a{color:#007b64;color:var(--viz-accent-strong)}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible,textarea:focus-visible{outline:3px solid #00a887;outline:3px solid var(--viz-accent);outline-offset:4px}p{line-height:1.6}h1,h2,h3{font-family:Iowan Old Style,Palatino Linotype,Book Antiqua,serif;font-weight:500;letter-spacing:-.03em;line-height:1.12;margin:0 0 12px}h1{font-size:clamp(2.3rem,5vw,3.7rem)}h2{font-size:1.8rem}h3{font-size:1.35rem}.studio{margin:auto;padding:28px 0 64px;width:min(1320px,calc(100% - 48px))}.studio-header{align-items:center;display:flex;gap:16px;justify-content:space-between;margin-bottom:40px}.studio-brand{align-items:center;color:#111b30;color:var(--viz-ink);display:inline-flex;font-weight:600;gap:12px;text-decoration:none}.studio-brand img{height:42px;width:42px}.studio-header nav{display:flex;flex-wrap:wrap;gap:8px}.studio-hero{margin:0 0 28px}.eyebrow{color:#007b64;color:var(--viz-accent-strong);display:block;font-size:.72rem;letter-spacing:.18em;margin-bottom:14px;text-transform:uppercase}.lead{font-size:1.03rem;line-height:1.6;margin:12px 0 24px;max-width:680px}.panel{background:var(--viz-panel);border:1px solid #dce3ef;border:1px solid var(--viz-line);border-radius:26px;box-shadow:0 12px 32px #141e370f;box-shadow:var(--viz-shadow);min-width:0;padding:28px}.panel+.panel{margin-top:22px}.muted{color:#465570;color:var(--viz-muted)}.pill,.primary,.secondary{align-items:center;border:1px solid #dce3ef;border:1px solid var(--viz-line);border-radius:999px;display:inline-flex;font-size:.92rem;font-weight:600;gap:8px;justify-content:center;padding:12px 22px;text-decoration:none}.primary{background:#007b64;background:var(--viz-accent-strong);border-color:#0000;color:#fff}.pill,.secondary{background:#ffffff8c;color:#111b30;color:var(--viz-ink)}.pill[aria-current=page],.pill[aria-pressed=true]{background:#00a88729;background:var(--viz-accent-soft);border-color:#00a887;border-color:var(--viz-accent);color:#007b64;color:var(--viz-accent-strong)}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}.two-col{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr}.three-col{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr)}.metric-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(5,1fr);margin:24px 0}.metric{background:#ffffff80;border:1px solid #dce3ef;border:1px solid var(--viz-line);border-radius:20px;padding:20px}.metric strong{display:block;font-family:Iowan Old Style,serif;font-size:1.8rem;margin:8px 0}.metric p,.metric span{color:#465570;color:var(--viz-muted);font-size:.86rem;margin:0}.notice{background:#00a88729;background:var(--viz-accent-soft);border-left:3px solid #00a887;border-left:3px solid var(--viz-accent);border-radius:0 14px 14px 0;padding:12px 18px}.studio-footer{color:#465570;color:var(--viz-muted);display:flex;flex-wrap:wrap;font-size:.82rem;gap:20px;justify-content:space-between;margin-top:36px}details{border-top:1px solid #dce3ef;border-top:1px solid var(--viz-line);margin-top:22px;padding-top:18px}summary{cursor:pointer;font-weight:600}input[type=search],input[type=text],select,textarea{background:#fff9;border:1px solid #dce3ef;border:1px solid var(--viz-line);border-radius:16px;color:#111b30;color:var(--viz-ink);max-width:100%;padding:14px}textarea{min-height:180px;resize:vertical;width:100%}.table-scroll{margin-top:14px;max-height:360px;overflow:auto}table{border-collapse:collapse;font-size:.88rem;text-align:left;width:100%}td,th{border-bottom:1px solid #dce3ef;border-bottom:1px solid var(--viz-line);padding:10px 12px}th{background:#f7f1e8;position:sticky;top:0}td:last-child{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;text-align:right}code{font-size:.8rem}img{max-width:100%}@media(max-width:800px){.studio{padding-top:18px;width:calc(100% - 28px)}.studio-header{align-items:flex-start;margin-bottom:30px}.three-col,.two-col{grid-template-columns:1fr}.metric-grid{grid-template-columns:repeat(2,1fr)}.panel{border-radius:22px;padding:20px}}@media(prefers-reduced-motion:reduce){*,:after,:before{animation:none!important;transition:none!important}}.experiment-container{position:relative;width:100%}.timer{background:#fff;background:var(--viz-panel);border:1px solid #dce3ef;border:1px solid var(--viz-line);border-radius:999px;display:inline-block;margin-bottom:20px;padding:12px 20px;position:sticky;top:16px;z-index:2}#screenshot-container{border:1px solid #dce3ef;border:1px solid var(--viz-line);border-radius:22px;overflow:hidden;position:relative}#screenshot{display:block;height:auto;width:100%}#cursor-dot{background:#00a887;background:var(--viz-accent);border-radius:50%;height:7px;pointer-events:none;position:absolute;width:7px}.three-col>.panel+.panel,.two-col>.panel+.panel{margin-top:0}:root{--viz-bg:#eef2ff;--viz-panel:#fff;--viz-ink:#111b30;--viz-muted:#465570;--viz-line:#dce3ef;--viz-shadow:0 12px 32px #141e370f}body{background:#eef2ff;background:var(--viz-bg);color:#111b30;color:var(--viz-ink);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.metric strong,h1,h2,h3{font-family:inherit;font-weight:750;letter-spacing:-.035em}.panel{background:#fff;border-radius:24px}.studio-hero{background:linear-gradient(115deg,#15213c,#007b64);background:linear-gradient(115deg,#15213c,var(--viz-accent-strong));border-radius:26px;color:#fff;padding:30px 34px}.studio-hero h1{font-size:clamp(2rem,4vw,3.2rem);font-weight:750}.studio-hero .eyebrow,.studio-hero .lead{color:#fff}.lead{color:#465570;color:var(--viz-muted)}.primary{background:#111b30;border-radius:16px}.pill,.secondary{background:#fff;border-radius:16px}.pill[aria-current=page],.pill[aria-pressed=true]{background:#111b30;border-color:#111b30;color:#fff}.metric{background:#fff}.metric span{color:#465570}.metric strong{font-weight:750}input[type=search],input[type=text],select,textarea{background:#fff;border-color:#bac6d9}th{background:#f1f4fa}.eyebrow{font-weight:750}.importance-bar{background:#007b64;background:var(--viz-accent-strong);border-radius:4px;height:5px;margin-bottom:6px;min-width:5px}.table-scroll td{min-width:110px}.table-scroll td:first-child{min-width:180px}@media(max-width:800px){.studio-hero{padding:24px}.studio-hero h1{font-size:2rem}}.panel{color:#111b30;color:var(--viz-ink)}.studio-hero .panel .eyebrow{color:#007b64;color:var(--viz-accent-strong)}.studio-hero .panel .notice{color:#111b30;color:var(--viz-ink)}