:root{--ink:#1d1a16;--muted:#5f554d;--accent:#d58e72;--paper:#fbf7f2;--surface:#fffaf3;--line:#1d1a161f;--shadow-soft:0 16px 36px #18141024;--font-display:"Fraunces", Georgia, serif;--font-body:"Manrope", "Segoe UI", sans-serif;--font-mono:"IBM Plex Mono", "SF Mono", Consolas, monospace}.demo-app{width:100%;min-height:100svh;font-family:var(--font-body);color:var(--ink);background:#f6f2ec;overflow-x:hidden}.site-header{z-index:10;padding:calc(env(safe-area-inset-top,0px) + 22px) clamp(20px, 4.5vw, 64px) 12px;pointer-events:none;justify-content:space-between;align-items:center;gap:16px;display:flex;position:absolute;top:0;left:0;right:0}.site-logo,.site-nav a{pointer-events:auto}.site-logo{color:inherit;font-family:var(--font-mono);align-items:center;font-size:clamp(18px,2.4vw,24px);text-decoration:none;display:inline-flex}.site-logo:before{content:"";background:var(--accent);border-radius:999px;width:8px;height:8px;margin-right:34px;box-shadow:12px 0 #1d1a1638,24px 0 #1d1a161f}.site-nav{justify-content:flex-end;align-items:center;gap:12px;display:flex}.site-nav a,.landing-link,.swatch-clear{cursor:pointer;border-radius:999px;justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.site-nav a{border:1px solid var(--line);color:#1d1a16c2;text-transform:uppercase;background:#fbf7f2b8;padding:8px 15px;font-size:11px}.site-nav a:hover,.site-nav a:focus-visible{color:var(--ink);background:#1d1a1614}.landing-hero{min-height:100svh;padding:calc(env(safe-area-inset-top,0px) + 88px) clamp(20px, 5vw, 72px) clamp(28px, 6vw, 76px);align-items:end;display:grid;position:relative;overflow:hidden}.landing-demo{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.landing-copy{z-index:5;width:min(480px,100%);box-shadow:var(--shadow-soft);background:#fbf7f2c7;border:1px solid #1d1a161a;border-radius:28px;padding:clamp(18px,3vw,28px);position:relative}.eyebrow{color:#1d1a1694;font-family:var(--font-mono);text-transform:uppercase;margin:0 0 10px;font-size:12px}.landing-copy h1,.section-heading h2{font-family:var(--font-display);text-wrap:balance;margin:0;line-height:.98}.landing-copy h1{max-width:10ch;font-size:clamp(44px,8vw,92px)}.landing-copy p:not(.eyebrow),.section-heading p:not(.eyebrow),.study-copy p{color:var(--muted);text-wrap:pretty;line-height:1.65}.landing-copy p:not(.eyebrow){max-width:36rem;margin:18px 0 0;font-size:clamp(15px,2vw,18px)}.landing-link{background:var(--ink);color:var(--paper);margin-top:24px;padding:11px 18px;font-size:13px}.launch-stage,.launch-layer,.launch-canvas{width:100%;height:100%}.launch-layer{justify-content:center;align-items:center;display:flex}.launch-canvas{display:block}.launch-hint{z-index:4;color:#1d1a16b3;font-family:var(--font-mono);text-transform:uppercase;align-items:center;gap:12px;font-size:12px;display:flex;position:absolute;bottom:clamp(20px,4vw,44px);right:clamp(20px,4vw,56px)}.launch-motion{color:var(--ink);cursor:pointer;background:#fbf7f2c7;border:1px solid #1d1a161a;border-radius:999px;padding:6px 12px}.studies-section{padding:clamp(56px,8vw,96px) clamp(20px,5vw,72px) clamp(72px,10vw,120px)}.section-heading{max-width:720px;margin-bottom:28px}.section-heading h2{font-size:clamp(38px,6vw,72px)}.section-heading p:not(.eyebrow){margin:14px 0 0;font-size:clamp(15px,2vw,18px)}.study-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(18px,3vw,32px);display:grid}.study-card{border:1px solid var(--line);min-height:min(72svh,660px);box-shadow:var(--shadow-soft);background:#fffaf3c7;border-radius:32px;grid-template-rows:auto 1fr;display:grid;overflow:hidden}.study-copy{padding:clamp(20px,3vw,28px) clamp(20px,3vw,30px) 0}.study-copy h3{font-family:var(--font-display);text-wrap:balance;margin:0;font-size:clamp(28px,4vw,42px);line-height:1}.study-copy p{max-width:32rem;margin:10px 0 0}.study-stage-wrap{min-height:360px;margin-top:18px;position:relative}.study-canvas-stage{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;background:0 0;position:absolute;inset:0;overflow:hidden}.study-canvas{touch-action:none;width:100%;height:100%;position:absolute;inset:0}.swatch-stage{justify-content:center;align-items:center;display:flex}.swatch-canvas{cursor:pointer;touch-action:none;width:92%;max-width:420px;height:92%;max-height:320px;display:block}.swatch-canvas.is-drawing{cursor:crosshair}.swatch-note{color:#5a3b25;font-family:var(--font-mono);text-transform:uppercase;background:#ffffffe6;border:1px solid #64482826;border-radius:999px;margin:0;padding:10px 18px;font-size:12px;position:absolute;top:10%;left:50%;transform:translate(-50%);box-shadow:0 8px 20px #5a3b2524}.swatch-clear{color:#fff5ea;font-family:var(--font-mono);text-transform:uppercase;background:#5a3b25;border:0;padding:10px 16px;font-size:12px;position:absolute;bottom:12%;right:12%;box-shadow:0 10px 24px #5a3b2538}@media (max-width:900px){.study-grid{grid-template-columns:1fr}.study-card{min-height:560px}}@media (max-width:640px){.site-header{padding-inline:18px}.landing-hero{align-items:end;padding-inline:16px}.landing-copy{border-radius:24px}.launch-hint{display:none}.studies-section{padding-inline:16px}.study-card{border-radius:24px;min-height:520px}.swatch-note{text-align:center;width:max-content;max-width:calc(100% - 32px);top:8%}.swatch-clear{bottom:8%;right:8%}}