@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500;600&family=Lora:ital,wght@0,400;0,500;0,600;1,400;1,500&display=swap');

:root { --font-sans:'DM Sans',sans-serif; --font-serif:'Lora',serif; --font-mono:'IBM Plex Mono',monospace; }

:root { --paper:#f4f0e7; --ink:#152b2b; --green:#214d45; --mint:#c9e8d5; --acid:#d9ef6f; --rust:#c95c3f; --line:rgba(21,43,43,.18); }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--paper); color:var(--ink); font-family:var(--font-sans),sans-serif; }
a { color:inherit; text-decoration:none; }
a, button { transition:transform .15s ease, box-shadow .15s ease, opacity .15s ease; }
@media (hover:hover) { a:hover, button:hover { transform:translate(2px,2px); } footer .brand:hover { transform:none; } }
.shell { width:min(1180px, calc(100% - 48px)); margin-inline:auto; }
.nav { height:92px; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid var(--line); }
.brand { display:flex; align-items:center; gap:12px; font-size:15px; font-weight:700; letter-spacing:-.02em; }
.brandMark { width:29px; height:29px; border:1px solid var(--ink); display:flex; align-items:flex-end; gap:2px; padding:6px; transform:rotate(-2deg); }
.brandMark i { display:block; flex:1; background:var(--green); height:35%; }.brandMark i:nth-child(2){height:65%}.brandMark i:nth-child(3){height:100%}
nav { display:flex; align-items:center; gap:32px; font-size:13px; font-weight:600; }
nav a:not(.navCta):hover { opacity:.55; }.navCta { border:1px solid var(--ink); padding:11px 15px; box-shadow:3px 3px 0 var(--ink); transition:.15s; }.navCta:hover{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--ink)}
.hero { min-height:680px; display:grid; grid-template-columns:1.02fr .98fr; gap:70px; align-items:center; padding-block:70px 86px; }
.eyebrow,.kicker { font:600 11px/1.4 var(--font-mono); letter-spacing:.13em; text-transform:uppercase; }.eyebrow{display:flex;align-items:center;gap:10px}.eyebrow span{width:9px;height:9px;border-radius:50%;background:var(--rust);box-shadow:0 0 0 4px rgba(201,92,63,.14)}
h1,h2,blockquote { font-family:var(--font-serif); font-weight:500; letter-spacing:-.055em; margin:0; }
h1 { font-size:clamp(58px,6.3vw,88px); line-height:.96; margin:28px 0 26px; } h1 em,h2 em,blockquote em{font-weight:400;color:var(--rust)}
.heroDek { max-width:580px; font-size:18px; line-height:1.65; color:#49605c; }
.heroActions { display:flex;align-items:center;gap:30px;margin-top:38px}.button{display:inline-flex;align-items:center;gap:34px;padding:15px 18px;font-size:13px;font-weight:700;}.primary{background:var(--green);color:white;box-shadow:4px 4px 0 #0c2522}.primary:hover{background:#173c36}.textLink{font-size:13px;font-weight:700;border-bottom:1px solid;padding-bottom:5px}.textLink span{margin-left:12px}
.workbench { position:relative; background:#fbfaf5; border:1px solid var(--ink); padding:18px; transform:rotate(1deg); box-shadow:13px 14px 0 rgba(21,43,43,.1); min-height:500px; }
.wbTop{display:flex;justify-content:space-between;font:600 9px var(--font-mono);letter-spacing:.1em;border-bottom:1px solid var(--line);padding-bottom:14px}.status{color:#307157}.status i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#55a57b;margin-right:5px}.note{border:1px solid var(--line);padding:18px;margin-top:17px;position:relative}.noteLabel,.outputs span{font:600 8px var(--font-mono);letter-spacing:.12em;color:#6d7d79}.ideaNote p{font:500 18px/1.45 var(--font-serif);margin:10px 0 0;max-width:390px}.scribble{position:absolute;right:15px;bottom:12px;font:italic 11px var(--font-serif);color:var(--rust);transform:rotate(-6deg)}.connector{text-align:center;height:50px;position:relative}.connector:before{content:"";position:absolute;width:1px;background:var(--ink);top:0;bottom:0;left:50%}.connector span{position:relative;display:inline-block;margin-top:16px;background:var(--acid);padding:4px 9px;font:600 8px var(--font-mono);letter-spacing:.12em}.outputs{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.outputs article{border:1px solid var(--line);padding:14px 11px;min-height:110px;background:white}.outputs b{display:block;font:500 12px/1.45 var(--font-serif);margin-top:10px}.tape{position:absolute;width:95px;height:23px;background:rgba(217,239,111,.7);top:-10px;left:43%;transform:rotate(-2deg)}.stamp{position:absolute;right:14px;bottom:27px;border:2px solid var(--rust);color:var(--rust);font:600 9px/1.2 var(--font-mono);padding:7px;text-align:center;transform:rotate(-8deg)}
.signalBar{background:var(--green);color:#eaf2eb;padding:16px 0;overflow:hidden}.signalInner{display:flex;align-items:center;justify-content:space-between;font:500 9px var(--font-mono);letter-spacing:.12em;white-space:nowrap}.signalInner i{width:4px;height:4px;background:var(--acid);border-radius:50%}
.problem{padding-block:130px}.sectionIntro{display:grid;grid-template-columns:1fr 1.3fr 1fr;gap:55px;align-items:start}.sectionIntro h2{font-size:49px;line-height:1.05}.sectionIntro>p:last-child{font-size:16px;line-height:1.7;color:#526762;margin:4px 0}.painGrid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--ink);margin-top:72px}.painGrid article{padding:25px 25px 10px 0;border-right:1px solid var(--line);min-height:210px}.painGrid article+article{padding-left:25px}.painGrid article:last-child{border-right:0}.painGrid span,.benefitNum{font:500 10px var(--font-mono);color:var(--rust)}.painGrid h3,.benefits h3{font:600 18px/1.25 var(--font-serif);margin:38px 0 10px}.painGrid p,.benefits p{font-size:13px;line-height:1.6;color:#61706d;margin:0}
.productWrap{background:var(--green);color:#f5f3e9}.product{display:grid;grid-template-columns:.9fr 1.1fr;gap:120px;padding-block:120px}.kicker.light{color:var(--mint)}.productHeading h2{font-size:62px;line-height:.98;margin:28px 0}.productHeading h2 em{color:var(--acid)}.productHeading>p:not(.kicker){max-width:430px;line-height:1.7;color:#c6d6d1}.lightButton{margin-top:25px;background:var(--acid);color:var(--ink);box-shadow:4px 4px 0 #102e29}.benefits{border-top:1px solid rgba(255,255,255,.35)}.benefits article{display:grid;grid-template-columns:38px 1fr 30px;gap:18px;padding:28px 0;border-bottom:1px solid rgba(255,255,255,.22)}.benefits h3{margin:0 0 8px;font-size:20px}.benefits p{color:#b9cbc6;max-width:450px}.benefitNum{color:var(--acid)}.check{display:grid;place-items:center;border:1px solid var(--mint);color:var(--acid);width:24px;height:24px;border-radius:50%;font-size:12px}
.manifesto{padding-block:125px;text-align:center}.manifesto blockquote{font-size:clamp(36px,4vw,55px);line-height:1.16;max-width:980px;margin:35px auto 70px}.manifesto blockquote em{font-size:.75em}.labLine{border-top:1px solid var(--ink);display:flex;justify-content:space-between;padding-top:18px;font:500 10px var(--font-mono);letter-spacing:.08em}.labLine span:last-child{color:#687873}
.waitlist{background:var(--acid);border-block:1px solid var(--ink)}.waitlistInner{display:grid;grid-template-columns:1fr 1fr;gap:110px;padding-block:85px}.waitlist h2{font-size:48px;line-height:1.05;margin-top:25px}.signup>p{font-size:15px;line-height:1.7;max-width:500px}.signup form{display:block;margin:27px 0 15px}.formRow{display:flex;width:100%}.signup .formRow>input{flex:1;min-width:0;border:1px solid var(--ink);background:#f8f6e9;padding:17px;font:14px var(--font-sans);outline:none}.signup .formRow>input:focus{box-shadow:inset 0 0 0 2px var(--mint)}.signup button{border:1px solid var(--ink);border-left:0;background:var(--green);color:white;padding:0 20px;font-weight:700;cursor:pointer}.signup button:disabled{cursor:wait;opacity:.72}.signup button span{margin-left:18px}.formMeta{width:100%;margin-top:12px;padding:11px 13px;border:1px solid rgba(21,43,43,.28);background:rgba(248,246,233,.48)}.consent{display:flex;align-items:flex-start;gap:10px;font:500 10px/1.5 var(--font-mono);color:#334943;cursor:pointer}.consent input{width:16px;height:16px;margin:0;accent-color:var(--green);flex:0 0 auto}.botField,[hidden]{display:none!important}.formStatus{min-height:20px;margin-top:10px;font:600 11px/1.45 var(--font-mono)}.formStatus.success{color:#174e3c}.formStatus.error{color:#87341f}.signup small{font:10px var(--font-mono);color:#52645e}.signup small a{text-decoration:underline}
footer{min-height:120px;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;font-size:11px}footer p{text-align:center;color:#687873}footer>span{text-align:right;font:9px var(--font-mono);letter-spacing:.05em}
.srOnly{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:900px){nav>a:not(.navCta){display:none}.hero{grid-template-columns:1fr;padding-top:65px}.workbench{max-width:590px;margin-inline:auto;width:100%}.sectionIntro{grid-template-columns:1fr 1.6fr}.sectionIntro>p:last-child{grid-column:2}.painGrid{grid-template-columns:1fr 1fr}.painGrid article:nth-child(2){border-right:0}.painGrid article:nth-child(n+3){border-top:1px solid var(--line)}.product{grid-template-columns:1fr;gap:70px}.waitlistInner{gap:55px}}
@media(max-width:640px){.shell{width:min(100% - 32px,1180px)}.nav{height:74px}.brand{font-size:13px}.navCta{padding:9px 10px}.navCta span{display:none}.hero{padding-block:58px 70px;gap:55px}.eyebrow{font-size:9px}h1{font-size:51px}.heroDek{font-size:16px}.heroActions{align-items:flex-start;flex-direction:column;gap:22px}.workbench{padding:12px;min-height:auto}.ideaNote p{font-size:15px}.outputs{grid-template-columns:1fr}.outputs article{min-height:auto}.scribble,.stamp{display:none}.signalInner{gap:18px;justify-content:flex-start;overflow:hidden}.problem{padding-block:85px}.sectionIntro{grid-template-columns:1fr;gap:25px}.sectionIntro>p:last-child{grid-column:auto}.sectionIntro h2{font-size:40px}.painGrid{grid-template-columns:1fr;margin-top:50px}.painGrid article,.painGrid article+article{padding:25px 0;border-right:0;border-top:1px solid var(--line);min-height:auto}.product{padding-block:85px}.productHeading h2{font-size:49px}.benefits article{grid-template-columns:30px 1fr}.check{display:none}.manifesto{padding-block:85px}.labLine{gap:20px;text-align:left}.waitlistInner{grid-template-columns:1fr;padding-block:65px;gap:25px}.waitlist h2{font-size:39px}.formRow{flex-direction:column}.signup .formRow>input{width:100%}.signup button{border-left:1px solid var(--ink);border-top:0;padding:16px}footer{grid-template-columns:1fr;gap:20px;padding-block:35px;text-align:center}footer p,footer>span{text-align:center;margin:0}footer .brand{justify-content:center}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
