:root{color-scheme:dark;--bg:#101311;--ink:#f1f2e9;--muted:#a3aaa1;--lime:#d4ef87;--line:#343c33}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.6 system-ui,-apple-system,sans-serif}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button:disabled{cursor:not-allowed}a:focus-visible,button:focus-visible{outline:3px solid var(--lime);outline-offset:5px}.preview{text-align:center;background:#222b20;color:#d3dfc6;font-size:10px;letter-spacing:1.6px;padding:8px 16px}.preview span{letter-spacing:.2px;margin-left:14px}header{max-width:1280px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:30px 44px;gap:20px}.brand{font-size:12px;letter-spacing:2px;font-weight:750;white-space:nowrap}.logo{font-size:27px;color:var(--lime);vertical-align:middle;margin-right:10px}nav{display:flex;align-items:center;gap:26px;font-size:13px}button{border:0}.plain{background:none;color:var(--ink)}.primary{display:inline-flex;align-items:center;justify-content:center;gap:28px;background:var(--lime);color:#1c2812;border-radius:7px;padding:15px 23px;font-weight:650;font-size:14px}.primary:hover{background:#e2ff9b}.small{padding:10px 17px}.hero{max-width:1280px;margin:38px auto 85px;padding:0 44px;display:grid;grid-template-columns:1.25fr 1fr;gap:65px;align-items:center}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:650;color:var(--lime)}.dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--lime);margin-right:8px}h1{font-size:clamp(42px,5.3vw,70px);letter-spacing:-3.4px;line-height:1.08;font-weight:550;margin:25px 0}h1 em{font-family:Georgia,serif;font-weight:400;color:var(--lime)}.lede{max-width:440px;color:var(--muted);font-size:17px;line-height:1.8}.actions{display:flex;gap:24px;align-items:center;margin-top:30px}.secondary{font-size:13px}.secondary span{margin-left:8px}.quiet{font-size:11px;color:var(--muted);margin-top:18px}.showcase{background:#1b211b;border:1px solid #3b4833;border-radius:13px;overflow:hidden;box-shadow:0 30px 80px #0005;transform:rotate(1deg)}.frame-top{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.2px;padding:15px 19px;color:#c3cdbd}.poster{position:relative;display:block;aspect-ratio:16/9;background:#283226;overflow:hidden}.poster img{width:100%;height:100%;object-fit:cover}.poster-shade{position:absolute;inset:0;background:linear-gradient(transparent,#0009)}.play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--lime);color:#24321b;width:56px;height:56px;border-radius:50%;display:grid;place-items:center;padding-left:3px}.poster:hover .play{background:white}.clip-time{position:absolute;bottom:13px;left:18px;font:11px monospace;letter-spacing:1px}.clip-copy{padding:18px 24px}.clip-copy h2{font-size:29px;line-height:1.2;letter-spacing:-1px;margin:10px 0}.clip-copy p:not(.eyebrow){color:var(--muted);font-size:12px;max-width:300px}.clip-copy a{font-size:12px;color:var(--lime)}.caption{border-top:1px solid var(--line);display:flex;gap:10px;align-items:center;padding:14px 24px;font-size:11px}.avatar{background:#47513d;border-radius:50%;width:31px;height:31px;display:grid;place-items:center}.caption small{display:block;color:var(--muted);font-size:9px}.pill{margin-left:auto;border:1px solid var(--line);border-radius:20px;padding:3px 10px;font:10px monospace}.how{border-top:1px solid var(--line);max-width:1192px;margin:auto;padding:52px 0 65px}.section-head h2{font-size:34px;font-weight:500;line-height:1.2;letter-spacing:-1px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin-top:40px}.number{font:10px monospace;letter-spacing:2px;color:var(--lime)}h3{font-size:20px;font-weight:500;margin:17px 0 10px}.steps p{color:var(--muted);font-size:14px;max-width:300px}.join{text-align:center;background:#1b241a;padding:58px 24px 65px}.join h2{font:italic 54px Georgia,serif;margin:14px 0}.join p:not(.eyebrow){color:var(--muted);font-size:14px;margin-bottom:25px}footer{max-width:1280px;margin:auto;padding:30px 44px;display:flex;align-items:center;gap:24px}footer p,footer>span{font-size:10px;color:var(--muted)}footer>span{margin-left:auto}dialog{width:min(460px,calc(100% - 32px));background:#1b211b;color:var(--ink);border:1px solid #46513d;border-radius:16px;padding:35px}dialog::backdrop{background:#000b;backdrop-filter:blur(5px)}dialog h2{font-size:36px;letter-spacing:-1px;line-height:1.2;margin:15px 0}dialog p{font-size:14px;color:var(--muted)}.close{position:absolute;right:14px;top:10px;background:transparent;color:var(--muted);font-size:28px}.auth-options{display:grid;gap:12px;margin:24px 0 16px}.auth-options button{border:1px solid #48503f;border-radius:6px;background:#252c24;color:#aab1a6;padding:13px;display:flex;align-items:center;font-size:13px;gap:12px}.auth-options small{margin-left:auto;font-size:9px}.google{font-weight:800;font-size:18px}.auth-note{font-size:12px!important}.demo{width:100%;margin-top:10px}.switch{display:block;margin:20px auto 0;background:none;color:var(--lime);font-size:12px}@media(max-width:1000px){.hero{gap:30px}.how{margin:0 44px}nav{gap:15px}footer{flex-wrap:wrap}}@media(max-width:700px){header{padding:20px}nav>a{display:none}.brand{font-size:10px;letter-spacing:1px}.logo{margin-right:4px}.small{padding:9px 12px}nav{gap:9px}.hero{grid-template-columns:1fr;padding:0 24px;margin:22px auto 48px;gap:35px}h1{font-size:49px;letter-spacing:-2.5px}.lede{font-size:16px}.showcase{transform:none}.how{margin:0 24px;padding-top:32px}.steps{grid-template-columns:1fr;gap:20px}.steps p{max-width:none}.section-head h2{font-size:30px}.join h2{font-size:44px}footer{padding:25px;gap:8px;display:block}footer>span{display:block}.preview span{display:block;margin:0;font-size:9px}.actions{gap:17px}.primary{gap:15px}}

/* Poopify wordmark */
.brand{font-size:24px;letter-spacing:-1px;font-weight:800}.logo{font-size:28px}footer .brand{font-size:22px}@media(max-width:700px){.brand{font-size:23px}}

/* Mobile + a11y pass (wave 1 chip C): 44px tap targets, focus ring not clipped by .showcase, 14px body text up to tablet width */
nav>a{padding:12px 0}
.plain,.small,.secondary,.clip-copy a,.brand{display:inline-flex;align-items:center;min-height:44px}
.switch{min-height:44px}
.close{right:8px;top:8px;width:44px;height:44px;display:grid;place-items:center;border-radius:8px}
.poster:focus-visible{outline-offset:-5px}
.actions .primary{white-space:nowrap}
.pill{white-space:nowrap}
@media(max-width:800px){.actions{flex-wrap:wrap}
.preview,.preview span,.eyebrow,.number,.pill,.clip-time,.frame-top,.caption small{font-size:12px}
nav>a,.plain,.secondary,.clip-copy a,.switch,.quiet,.clip-copy p:not(.eyebrow),.caption,.steps p,.join p:not(.eyebrow),footer p,footer>span,.auth-note{font-size:14px!important}
}
.clip-copy a{gap:.3em}