@import url('https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght,SOFT,WONK@0,9..144,300..800,0..100,0..1;1,9..144,300..800,0..100,0..1&family=Caveat:wght@500;700&family=Space+Grotesk:wght@400;500;700&family=Space+Mono&display=swap');
:root{--green:#0D7E47;--green-2:#4BB15F;--green-deep:#0a5f36;--pink:#F74A92;--pink-2:#FBB9D5;--pink-soft:#ffd9e8;--cream:#F6F4F0;--lilac:#C9B6E4;--lime:#C3E100;--ink:#241b2f;--ink-soft:#4c435a;--serif:'Fraunces',Georgia,'Times New Roman',serif;--hand:'Caveat',ui-rounded,cursive;--sans:'Space Grotesk',system-ui,sans-serif;--mono:'Space Mono',ui-monospace,monospace;--s-1:clamp(.78rem,.75rem + .14vw,.88rem);--s0:clamp(1rem,.96rem + .22vw,1.12rem);--s1:clamp(1.04rem,.97rem + .42vw,1.28rem);--s2:clamp(1.35rem,1.1rem + 1.1vw,2rem);--s3:clamp(1.85rem,1.35rem + 2.4vw,3.15rem);--s4:clamp(2.2rem,1.35rem + 4.4vw,4.9rem);--pad:clamp(1.05rem,4vw,1.6rem);--gap:clamp(2.6rem,7.5vw,5.6rem);--line:rgba(36,27,47,.18)}
*{box-sizing:border-box}:focus-visible{outline:3px solid var(--pink);outline-offset:3px}html{scroll-behavior:smooth}body{margin:0;font-family:var(--sans);font-size:var(--s0);color:var(--ink);line-height:1.6;overflow-x:hidden;background:radial-gradient(110% 55% at 50% 0%,#ffe9f2 0%,transparent 55%),radial-gradient(90% 50% at 85% 40%,#e6f2e9 0%,transparent 60%),linear-gradient(180deg,#F6F4F0 0%,#f3efe8 55%,#eef2ea 100%);background-attachment:fixed;background-repeat:no-repeat;background-size:cover}a{color:var(--green-deep)}body>.wrap,main,footer{position:relative;z-index:2}.wrap{max-width:1080px;margin:0 auto;padding:0 var(--pad)}
#starfield{position:fixed;inset:0;z-index:0;pointer-events:none}.grain{position:fixed;inset:0;pointer-events:none;z-index:50;opacity:.45;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.05'/%3E%3C/svg%3E")}
.skip{position:absolute;left:-9999px}.skip:focus{left:18px;top:12px;z-index:60;background:var(--cream);padding:8px 12px;border:2px solid var(--ink)}
h1,h2,h3{font-family:var(--serif);font-weight:500;font-variation-settings:'SOFT' 34,'WONK' 1,'opsz' 96;letter-spacing:-.012em;line-height:1.1;margin:0}h1 em,h2 em,h3 em{font-style:italic;font-variation-settings:'SOFT' 44,'WONK' 1,'opsz' 96}
nav{position:relative;z-index:6;display:flex;align-items:center;justify-content:center;row-gap:10px;gap:14px;max-width:1080px;margin:0 auto;padding:20px 0;flex-wrap:wrap}.logo{display:inline-flex;align-items:baseline;gap:.28em;font-family:var(--sans);font-size:13px;color:var(--ink);text-decoration:none;white-space:nowrap;letter-spacing:.01em}.logo .mark-ai{font-family:var(--mono);font-weight:700;letter-spacing:.04em;color:#fff;background:var(--green);border:1.5px solid var(--ink);padding:1px 5px;box-shadow:1.5px 1.5px 0 var(--ink)}.logo .mark-for{color:var(--ink-soft)}.logo .mark-human{position:relative;font-family:var(--serif);font-size:1.5em;font-style:italic;font-weight:600;letter-spacing:-.02em}.logo .mark-human::after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:3px;background:var(--pink);border-radius:50%}.nav-right{display:flex;gap:16px;align-items:center;flex-wrap:wrap;justify-content:center}.nav-right a{font-family:var(--sans);font-size:14.5px;color:var(--ink-soft);text-decoration:none;font-weight:500}.nav-right a:hover,.nav-right a[aria-current="page"]{color:var(--pink)}.lang-menu{position:relative;display:inline-flex;align-items:center}.lang-menu::after{content:'▾';position:absolute;right:10px;pointer-events:none;color:var(--ink-soft);font-size:11px}.lang-menu select{appearance:none;font-family:var(--sans);font-size:13px;font-weight:700;border:2px solid var(--ink);border-radius:16px 13px 18px 14px;background:transparent;color:var(--ink);padding:7px 30px 7px 10px;cursor:pointer;min-height:36px}.themebtn{border:2px solid var(--ink);background:transparent;border-radius:50%;width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;color:var(--ink);padding:0;flex:0 0 auto}.themebtn::before{content:'◐'}
.page-hero{position:relative;z-index:2;padding:clamp(64px,10vw,110px) 0 var(--gap);background:transparent;text-align:center}.kicker{display:block;text-align:center;font-family:var(--hand);font-size:clamp(1.25rem,3.6vw,1.68rem);color:var(--pink);transform:rotate(-2deg);margin-bottom:6px;text-transform:none;letter-spacing:0}.page-hero h1{font-size:var(--s4);max-width:19ch;margin:0 auto;color:var(--ink)}.lead{font-size:var(--s1);max-width:52ch;color:var(--ink-soft);margin:20px auto 0}.brand-line{font:700 25px var(--hand);color:var(--green);margin:28px auto 0}
section{position:relative;z-index:2;padding:var(--gap) 0}section.tint{background:transparent}.sec{font-size:var(--s3);text-align:center;margin-left:auto;margin-right:auto;max-width:min(20ch,100%)}.body{font-size:var(--s1);text-align:center;color:var(--ink-soft);max-width:56ch;margin:14px auto 0}.grid{display:grid;gap:24px;margin-top:36px}.grid.three{grid-template-columns:repeat(3,1fr)}.grid.two{grid-template-columns:repeat(2,1fr)}
.sketch{position:relative;background:var(--cream);color:var(--ink);border:2.5px solid var(--ink);box-shadow:0 6px 20px rgba(36,27,47,.10);transform:rotate(-.2deg);text-align:center}.sketch .pad{padding:24px}.sketch h3{font-size:var(--s2);margin:0 0 12px}.sketch p{font-size:var(--s0);margin:0 0 14px;color:var(--ink-soft)}.sketch ul{padding-left:21px;margin:18px auto 0;text-align:left;max-width:56ch}.sketch li{margin:8px 0}.label{display:inline-block;font:700 11px var(--mono);letter-spacing:.1em;color:var(--green);margin-bottom:12px}.boundary{font-size:14px;border-left:4px solid var(--pink);padding-left:14px;margin:22px auto 0;color:var(--ink-soft);max-width:70ch}
.offers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 clamp(16px,4vw,40px);margin:26px auto 0;max-width:860px;justify-items:center}.offer{display:flex;flex-direction:column;align-items:center;text-align:center;gap:5px;padding:16px 6px;border-bottom:1.5px dashed rgba(36,27,47,.2);width:100%}.tick{color:var(--green);font-size:22px;line-height:1}.offer b{display:block;font-size:var(--s1)}.offer span{display:block;color:var(--ink-soft);font-size:var(--s-1);max-width:30ch}
.postit-row{display:flex;justify-content:center;margin-top:32px}.postit-row.right{justify-content:center}.postit{position:relative;display:inline-flex;align-items:flex-start;gap:10px;background:var(--pink-soft);border:2px solid var(--ink);box-shadow:4px 5px 0 rgba(36,27,47,.22);padding:15px 20px 14px;max-width:min(360px,92vw);transform:rotate(-2.2deg)}.postit.yellow{background:#fdf3c4;transform:rotate(-1.2deg)}.postit.green{background:#dff0e4;transform:rotate(1.6deg)}.postit p{font:700 clamp(1.18rem,3.4vw,1.44rem)/1.2 var(--hand);margin:0}.tape{position:absolute;top:-12px;left:50%;margin-left:-34px;width:68px;height:20px;background:rgba(247,74,146,.38);border:1px solid rgba(36,27,47,.28);transform:rotate(-3deg)}
.btn{font-family:var(--sans);font-weight:700;font-size:var(--s0);text-decoration:none;cursor:pointer;padding:clamp(11px,2.6vw,14px) clamp(18px,4.6vw,26px);min-height:44px;border:2.5px solid var(--ink);border-radius:26px 22px 28px 20px;box-shadow:3px 4px 0 var(--ink);display:inline-block}.btn.pink{background:var(--pink);color:#fff}.btn.green{background:var(--green);color:#fff}.btn:active{transform:translate(2px,3px);box-shadow:1px 1px 0 var(--ink)}.quiet{font-size:15px;color:var(--ink-soft);text-decoration:underline;text-underline-offset:3px}.actions{display:flex;justify-content:center;align-items:center;gap:20px;flex-wrap:wrap;margin-top:30px}.ctablock{margin-top:10px;padding:clamp(24px,6vw,38px) var(--pad);background:var(--cream);position:relative;border:2.5px solid var(--ink);text-align:center;box-shadow:0 6px 20px rgba(36,27,47,.10)}.ctablock h2,.ctablock h3{font-size:var(--s2);margin:0}.ctablock p{font-size:var(--s0);max-width:560px;color:var(--ink-soft);margin:10px auto 20px}.ctablock .quiet{color:var(--green-deep)}
.founder-intro{align-items:center}.founder-photo-wrap{display:flex;justify-content:center}.founder-photo{width:min(330px,78vw);aspect-ratio:1;object-fit:cover;object-position:50% 28%;border-radius:50%;border:2.5px solid var(--ink);box-shadow:9px 10px 0 var(--pink-2)}.founder-story{max-width:620px;text-align:left}.founder-story h2{font-size:var(--s3);margin:0 0 22px}.founder-story p{font-size:var(--s0);color:var(--ink-soft);margin:0 0 17px}.founder-story .quiet{display:inline-block;margin-top:6px}
footer{position:relative;z-index:2;text-align:center;padding:36px 22px 50px;font-family:var(--mono);font-size:var(--s-1);color:var(--ink-soft)}footer .links{display:flex;justify-content:center;gap:16px;flex-wrap:wrap;margin-bottom:8px}footer a{color:var(--ink-soft)}
[data-theme="dark"]{--cream:#1b1628;--ink:#EFEAF2;--ink-soft:#a79fb5;--green:#4BB15F;--green-2:#7fd694;--green-deep:#8fe0a4;--pink:#F74A92;--pink-2:#FBB9D5;--pink-soft:#33203a;--line:rgba(255,255,255,.18)}[data-theme="dark"] body{color:var(--ink);background:radial-gradient(120% 60% at 50% 0%,#2a1740 0%,transparent 55%),linear-gradient(180deg,#0d0a16 0%,#1a1029 42%,#120f26 72%,#08281c 100%);background-attachment:fixed;background-repeat:no-repeat;background-size:cover}[data-theme="dark"] .grain{opacity:.28}[data-theme="dark"] .sketch,[data-theme="dark"] .ctablock{background:#1b1628;box-shadow:0 10px 30px rgba(0,0,0,.55)}[data-theme="dark"] .lang-menu select{background:#241d33;color:var(--ink)}[data-theme="dark"] .offer{border-bottom-color:rgba(239,234,242,.16)}[data-theme="dark"] .postit{background:#3b3118;color:#F3EDE2;box-shadow:4px 5px 0 rgba(0,0,0,.45)}[data-theme="dark"] .postit.green{background:#15321e}[data-theme="dark"] .postit.yellow{background:#3b3118}[data-theme="dark"] .btn{box-shadow:3px 4px 0 #0a0712}
@media(min-width:820px){nav{justify-content:space-between}}@media(max-width:819px){.logo{font-size:clamp(17px,4.6vw,20px)}.nav-right{gap:12px}.grid.three,.grid.two,.offers{grid-template-columns:1fr}.page-hero{padding-top:64px}.founder-story{text-align:center}.founder-story p{text-align:left}}@media(max-width:520px){.nav-right{gap:11px}.nav-right a{font-size:13px}.sketch .pad{padding:22px}.ctablock{padding:26px 22px}}
