:root{--ink:#171717;--paper:#f7f1e7;--pink:#ff7f9f;--yellow:#ffd94a;--blue:#71c8ff;--green:#8ee0a1;--purple:#bca7ff;--white:#fffdf8;--muted:#665f59;--red:#ff5d52;}
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.45;overflow-x:hidden}
body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.22;background-image:radial-gradient(#000 0.55px,transparent .55px);background-size:8px 8px;mix-blend-mode:multiply;z-index:20}
.wrap{width:min(1120px,calc(100% - 36px));margin:auto}.nav{display:flex;justify-content:space-between;align-items:center;padding:22px 0}.brand{font-weight:900;letter-spacing:-.04em;font-size:19px}.nav a{color:var(--ink);font-weight:800;text-decoration:none;border-bottom:3px solid var(--ink)}
.hero{padding:50px 0 70px;display:grid;grid-template-columns:1.1fr .9fr;gap:55px;align-items:center}.eyebrow{font:700 15px/1.2 "Courier New",monospace;text-transform:uppercase;letter-spacing:.06em}.hero h1{font-size:clamp(52px,7.4vw,98px);line-height:.88;letter-spacing:-.075em;margin:18px 0 24px;max-width:800px}.scribble{position:relative;display:inline-block}.scribble:after{content:"";position:absolute;height:8px;background:var(--pink);left:-2%;right:-3%;bottom:3px;z-index:-1;transform:rotate(-1deg);border-radius:50%}.lead{font-size:clamp(19px,2vw,25px);max-width:720px;font-weight:600;letter-spacing:-.02em}.sub{color:var(--muted);max-width:650px;font-size:16px}.cta-row{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin-top:30px}.btn{display:inline-block;border:3px solid var(--ink);background:var(--ink);color:white;padding:15px 21px;font-weight:900;text-decoration:none;box-shadow:6px 6px 0 var(--yellow);transition:.15s}.btn:hover{transform:translate(-2px,-2px);box-shadow:9px 9px 0 var(--yellow)}.micro{font:700 13px/1.4 "Courier New",monospace;color:var(--muted)}
.video-card{background:#d8d3ca;border:3px solid var(--ink);aspect-ratio:9/12;position:relative;box-shadow:12px 12px 0 var(--ink);display:grid;place-items:center;overflow:visible;transform:rotate(1.5deg)}.video-card:before,.tape{content:"";position:absolute;width:120px;height:34px;background:rgba(192,184,162,.76);top:-18px;left:50%;transform:translateX(-50%) rotate(-4deg);box-shadow:inset 0 0 0 1px rgba(0,0,0,.08);z-index:3}.play{width:82px;height:82px;border:3px solid var(--ink);border-radius:50%;display:grid;place-items:center;font-size:30px;background:var(--white)}.placeholder{text-align:center;padding:30px;font:800 14px/1.4 "Courier New",monospace}.postit{position:absolute;background:var(--yellow);padding:18px 20px;width:180px;box-shadow:4px 5px 0 rgba(0,0,0,.18);font:700 15px/1.25 "Courier New",monospace;transform:rotate(-5deg);right:-32px;bottom:45px}.postit b{font-size:22px;display:block;margin-bottom:4px}
.marquee{border-block:3px solid var(--ink);padding:15px 0;background:var(--yellow);font-weight:900;overflow:hidden;white-space:nowrap}.marquee span{display:inline-block;margin-right:50px}
.section{padding:95px 0}.section h2{font-size:clamp(40px,5.2vw,70px);letter-spacing:-.06em;line-height:.94;margin:0 0 18px}.section-intro{font-size:20px;max-width:740px;color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:45px}.note{min-height:220px;padding:26px;border:3px solid var(--ink);box-shadow:7px 8px 0 var(--ink);position:relative}.note:nth-child(1),.note:nth-child(5){background:var(--yellow);transform:rotate(-1deg)}.note:nth-child(2),.note:nth-child(6){background:var(--blue);transform:rotate(1deg)}.note:nth-child(3){background:var(--pink);transform:rotate(-.5deg)}.note:nth-child(4){background:var(--green);transform:rotate(.7deg)}.note h3{font-size:25px;letter-spacing:-.04em;margin:4px 0 10px}.note p{margin:0;font-weight:600}.num{font:900 13px/1 "Courier New",monospace;border:2px solid var(--ink);display:inline-block;padding:6px;background:var(--white)}
.demo{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:45px}.demo-box{border:3px solid var(--ink);background:var(--white);min-height:380px;display:grid;place-items:center;position:relative;padding:30px}.demo-box:nth-child(2){background:#e8ddff}.label{position:absolute;top:16px;left:16px;font:900 12px/1 "Courier New",monospace;border:2px solid var(--ink);padding:7px 9px;background:var(--yellow)}.arrow{font-size:50px;font-weight:900}.usecases{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:42px}.usecase{border-top:3px solid var(--ink);padding-top:18px}.usecase h3{font-size:23px;margin:0 0 7px}.usecase p{color:var(--muted);margin:0}.notjust{background:var(--ink);color:var(--white)}.notjust .section-intro{color:#c9c2b9}.notjust .usecase{border-color:var(--white)}.notjust .usecase p{color:#c9c2b9}
.wait{padding:100px 0}.wait-card{position:relative;border:4px solid var(--ink);background:var(--purple);padding:clamp(30px,6vw,75px);box-shadow:12px 13px 0 var(--ink)}.wait-card:before{content:"FOUNDING LIST";position:absolute;right:25px;top:-24px;background:var(--pink);border:3px solid var(--ink);padding:11px 17px;font:900 14px/1 "Courier New",monospace;transform:rotate(4deg)}.wait h2{font-size:clamp(43px,6vw,76px);line-height:.92;letter-spacing:-.065em;margin:0 0 18px;max-width:820px}.wait p{font-size:19px;max-width:700px}.form{display:flex;gap:10px;max-width:720px;margin-top:30px}.form input[type=email]{flex:1;min-width:0;border:3px solid var(--ink);padding:16px 17px;font:700 16px/1 system-ui;background:var(--white);outline:none}.form button{border:3px solid var(--ink);background:var(--yellow);padding:14px 20px;font-weight:900;font-size:16px;cursor:pointer;box-shadow:5px 5px 0 var(--ink)}.consent{display:flex;gap:9px;align-items:flex-start;max-width:720px;margin-top:14px;font-size:12px;color:#3f354e}.consent input{margin-top:3px}.status{font-weight:800;margin-top:13px;min-height:20px}.footer{padding:35px 0 50px;display:flex;justify-content:space-between;gap:20px;border-top:3px solid var(--ink);font-size:13px}.footer a{color:inherit}.hand{font-family:"Comic Sans MS","Bradley Hand",cursive;font-size:1.05em}
@media(max-width:820px){.hero{grid-template-columns:1fr;padding-top:30px}.hero h1{font-size:58px}.video-card{width:min(430px,92%);margin:20px auto 0}.grid,.usecases{grid-template-columns:1fr 1fr}.demo{grid-template-columns:1fr}.form{flex-direction:column}.form button{padding:16px}.postit{right:-10px}.footer{flex-direction:column}}
@media(max-width:520px){.wrap{width:min(100% - 24px,1120px)}.nav{padding:17px 0}.nav a{display:none}.hero{padding:35px 0 55px;gap:28px}.hero h1{font-size:48px}.grid,.usecases{grid-template-columns:1fr}.section{padding:70px 0}.note{min-height:0}.wait{padding:65px 0}.wait-card{box-shadow:7px 8px 0 var(--ink)}.wait-card:before{right:12px}.video-card{box-shadow:8px 8px 0 var(--ink)}}
.section.before-after{padding-top:20px}
.hero>div{min-width:0}
.hero-video-card{width:min(100%,380px,39.375svh);max-width:100%;margin:20px auto 0;aspect-ratio:auto;display:flex;flex-direction:column;align-items:stretch;gap:18px;background:transparent;border:0;box-shadow:none;transform:none}
.hero-video-card video{display:block;width:100%;max-width:100%;height:auto;aspect-ratio:9/16;object-fit:contain;background:var(--ink);border:3px solid var(--ink);box-shadow:8px 8px 0 var(--ink)}
.hero-video-card:before{pointer-events:none}
.hero-video-card .postit{position:static;align-self:flex-end;width:min(230px,100%);margin:0 0 8px;padding:14px 16px;transform:rotate(-3deg);pointer-events:none}
@media(max-width:520px){.hero-video-card{max-width:calc(100% - 16px)}.hero-video-card .postit{transform:none}}
.showcase{margin-top:36px}
.showcase-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px}
.showcase-hint{font:700 14px/1.4 "Courier New",monospace;color:#c9c2b9}
.showcase-arrows{display:flex;gap:10px}
.showcase-arrows button{width:48px;height:48px;border:2px solid var(--white);background:var(--yellow);color:var(--ink);font-size:27px;cursor:pointer}
.showcase-arrows button:disabled{background:transparent;color:#938d86;border-color:#59544e;cursor:default}
.showcase-track{display:flex;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;padding:0 0 16px;scrollbar-width:thin;scrollbar-color:var(--yellow) #39352f}
.showcase-slide{flex:0 0 calc((100% - 24px)/2);min-width:0;scroll-snap-align:start;border:3px solid var(--white);background:var(--blue);color:var(--ink)}
.showcase-slide:last-child{background:var(--purple);scroll-snap-align:end}
.showcase-heading{padding:22px 24px 18px}
.showcase-heading h3{font-size:clamp(24px,3vw,36px);letter-spacing:-.045em;line-height:1.1;margin:12px 0 0}
.showcase-screen{padding:0 24px 24px;display:flex;justify-content:center}
.showcase-screen video{display:block;width:auto;max-width:100%;height:auto;max-height:min(480px,65svh);aspect-ratio:478/850;object-fit:contain;background:#171717;border:2px solid var(--ink)}
.showcase-pagination{display:flex;gap:10px;align-items:center;justify-content:center;margin-top:16px}
.showcase-pagination button{width:30px;height:30px;padding:0;border:0;background:transparent;cursor:pointer;display:grid;place-items:center}
.showcase-pagination button:before{content:"";width:10px;height:10px;border:2px solid var(--white);border-radius:50%}
.showcase-pagination button[aria-current]:before{background:var(--yellow);border-color:var(--yellow)}
.showcase-count{font:700 13px/1 "Courier New",monospace;margin-left:10px}
.showcase button:focus-visible,.showcase-track:focus-visible{outline:3px solid var(--pink);outline-offset:3px}
@media(min-width:701px){.showcase-arrows,.showcase-pagination{display:none}}
@media(max-width:700px){.showcase-slide{flex-basis:100%}.showcase-track{gap:14px}.showcase-heading{padding:16px}.showcase-screen{padding:0 12px 12px}.showcase-hint{max-width:180px}}
.demo-box.demo-video{padding:62px 16px 16px;min-height:0}
.demo-video video{display:block;width:100%;height:auto;max-height:580px;background:var(--ink)}
.revision-flow{display:grid;grid-template-columns:1fr 1.2fr 1fr;gap:26px;align-items:center;margin-top:45px}
.revision-flow figure{min-width:0;margin:0}
.revision-flow figcaption{display:flex;align-items:center;gap:10px;font:900 14px/1.3 "Courier New",monospace;margin-bottom:15px}
.revision-flow a{display:block;border:3px solid var(--ink);background:var(--white);box-shadow:6px 7px 0 var(--ink)}
.revision-flow a:focus-visible{outline:3px solid var(--pink);outline-offset:8px}
.revision-flow img{display:block;width:100%;height:auto}
.revision-result .num{background:var(--green)}
.revision-message{padding:22px 18px;background:var(--yellow);border:3px solid var(--ink);box-shadow:6px 7px 0 var(--ink)}
.revision-message a{box-shadow:none;border-width:2px}
.revision-message p{font-weight:800;font-size:clamp(20px,2.2vw,28px);letter-spacing:-.04em;line-height:1.2;margin:22px 0 0}
.revision-direction{font-size:64px;line-height:1;margin-top:10px;text-align:right}
@media(max-width:820px){.revision-flow{grid-template-columns:1fr;gap:30px;max-width:440px;margin-inline:auto}.revision-message{width:100%}.revision-direction{transform:rotate(90deg);width:64px;margin:18px auto 0;text-align:center}}
.wait .founding-benefits{color:var(--ink);font-size:14px;margin-top:18px}
.kit-signup{max-width:720px;margin-top:30px;min-width:0}
.kit-signup .formkit-form{width:100%;max-width:100%}
.wait .signup-privacy{max-width:720px;font-size:12px;line-height:1.6;color:#3f354e;margin-top:14px}
.signup-privacy a{color:inherit;text-underline-offset:3px}