:root{--ink:#1f1a17;--muted:#6b625c;--bg:#fffaf5;--card:#fff;--brand:#e60023;--brand2:#f1641e;--line:#efe5dc}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:var(--ink);background:var(--bg);line-height:1.55}
.wrap{max-width:1120px;margin:0 auto;padding:0 24px}.narrow{max-width:720px}
h1,h2,h3,h4{line-height:1.15;margin:0 0 .5em}h2{font-size:2.1rem;text-align:center}
.sub{text-align:center;color:var(--muted);margin-top:-.4em;margin-bottom:2rem}
section{padding:80px 0}
.nav{position:sticky;top:0;background:rgba(255,250,245,.9);backdrop-filter:blur(8px);border-bottom:1px solid var(--line);z-index:10}
.nav-in{display:flex;justify-content:space-between;align-items:center;height:64px}
.logo{font-weight:800;font-size:1.25rem;text-decoration:none;color:var(--ink)}
nav a{margin-left:22px;color:var(--muted);text-decoration:none;font-weight:500}nav a:hover{color:var(--ink)}
.btn{display:inline-block;background:linear-gradient(135deg,var(--brand),var(--brand2));color:#fff!important;border:0;border-radius:999px;padding:14px 26px;font-weight:700;font-size:1rem;cursor:pointer;text-decoration:none;box-shadow:0 6px 18px rgba(230,0,35,.25)}
.btn.sm{padding:9px 18px;font-size:.9rem}.btn.ghost{background:#fff;color:var(--brand)!important;border:2px solid var(--brand);box-shadow:none}.btn.wide{width:100%}
.btn:disabled{opacity:.6}
.hero{padding:70px 0 90px;background:radial-gradient(circle at 85% 20%,#ffe3d6 0,transparent 45%)}
.hero-in{display:grid;grid-template-columns:1.1fr 1fr;gap:48px;align-items:center}
.pill{display:inline-block;background:#fff;border:1px solid var(--line);padding:6px 14px;border-radius:999px;font-size:.85rem;font-weight:600;color:var(--brand)}
h1{font-size:3.1rem;margin-top:18px;letter-spacing:-.02em}h1 em{font-style:normal;background:linear-gradient(135deg,var(--brand),var(--brand2));-webkit-background-clip:text;background-clip:text;color:transparent}
.lead{font-size:1.15rem;color:var(--muted)}
.join-form{display:flex;gap:10px;margin-top:24px}
input,select{font:inherit;padding:14px 16px;border:1.5px solid var(--line);border-radius:12px;background:#fff;width:100%}
input:focus,select:focus{outline:2px solid var(--brand2);border-color:transparent}
.join-form input{flex:1}.hp{position:absolute;left:-9999px;width:1px;height:1px}
.fine{font-size:.88rem;color:var(--muted)}.fine.ok{color:#11804a;font-weight:600}.fine.err{color:var(--brand);font-weight:600}.center{text-align:center}
.hero-art{background:#fff;border:1px solid var(--line);border-radius:24px;padding:22px;box-shadow:0 20px 50px rgba(60,30,10,.1)}
.paste{display:flex;justify-content:space-between;align-items:center;border:1.5px dashed #e8c9b8;border-radius:12px;padding:12px 14px;margin-bottom:18px;font-size:.95rem}
.paste .url{color:var(--muted)}.paste .go{background:var(--ink);color:#fff;padding:6px 12px;border-radius:8px;font-weight:600;font-size:.85rem}
.mini-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;align-items:start}
.pin{border-radius:16px;overflow:hidden;background:#fff;box-shadow:0 6px 18px rgba(0,0,0,.08);position:relative}
.mini-grid .p2{margin-top:30px}.mini-grid .p3{margin-top:12px}
.ph{aspect-ratio:2/3}.cap{padding:10px;font-weight:700;font-size:.82rem}.cap small{font-weight:500;color:var(--muted)}
.ph-a{background:radial-gradient(circle at 50% 55%,#c88b62 0 22%,transparent 23%),radial-gradient(circle at 72% 52%,transparent 0 7%,#c88b62 7.5% 10%,transparent 10.5%),linear-gradient(#f3e3d3,#e8cdb4)}
.ph-b{background:radial-gradient(circle at 50% 40%,transparent 0 24%,#d4a94a 25% 27%,transparent 28%),radial-gradient(circle at 50% 66%,#d4a94a 0 5%,transparent 6%),linear-gradient(#f6efe6,#eadbc8)}
.ph-c{background:linear-gradient(#fff,#fff) center/62% 58% no-repeat,radial-gradient(circle at 50% 50%,#f0b8a2 0 16%,transparent 17%),linear-gradient(#cfd8c6,#b8c6ad)}
.problem{background:#fff;border-block:1px solid var(--line);text-align:center}.problem p{max-width:760px;margin:0 auto;color:var(--muted);font-size:1.1rem}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:2rem}
.step{background:#fff;border:1px solid var(--line);border-radius:18px;padding:24px}
.step .n{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--brand),var(--brand2));color:#fff;font-weight:800;margin-bottom:12px}
.step p{color:var(--muted);margin:0}
.pins{background:#fff3ec}
.pin-row{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;align-items:start}
.pin.big{aspect-ratio:2/3;display:flex;flex-direction:column}
.pin .art{flex:1}.band{padding:16px;background:#fff}.band h4{font-size:1.05rem;margin:0 0 4px}.band span{font-size:.8rem;color:var(--muted)}
.band.top{background:#2f4a3a;color:#fff;text-align:center}.band.top h4{font-family:Georgia,serif;font-size:1.35rem}
.s1 .band{background:#3d2a20;color:#fff}.s1 .band span{color:#e8cdb4}
.art-mug{background:radial-gradient(ellipse at 45% 62%,#b5714a 0 26%,transparent 27%),radial-gradient(circle at 74% 58%,transparent 0 8%,#b5714a 8.5% 12%,transparent 12.5%),radial-gradient(ellipse at 45% 82%,#00000022 0 30%,transparent 31%),linear-gradient(#f7ebdf,#ecd5bf)}
.art-plant{background:radial-gradient(ellipse at 50% 80%,#c9744d 0 18%,transparent 19%),radial-gradient(ellipse at 38% 50%,#4f8a5b 0 12%,transparent 13%),radial-gradient(ellipse at 62% 46%,#5f9c69 0 13%,transparent 14%),radial-gradient(ellipse at 50% 34%,#3f7a4d 0 11%,transparent 12%),linear-gradient(#f4efe4,#e7e0cf)}
.s2 .tag{position:absolute;right:12px;bottom:12px;background:#fff;color:#2f4a3a;font-weight:800;padding:6px 12px;border-radius:999px;font-size:.8rem}
.s3{position:relative}.art-print{background:linear-gradient(#fdfaf6,#fdfaf6) center 40%/60% 50% no-repeat,radial-gradient(circle at 50% 40%,#e9a98f 0 10%,transparent 11%),linear-gradient(#e5d3c4,#d8c1ae)}
.s3 .art-print{height:100%}
.overlay{position:absolute;inset:auto 0 0 0;padding:20px;background:linear-gradient(transparent,rgba(0,0,0,.6));color:#fff}.overlay h4{font-family:Georgia,serif;font-size:1.5rem;margin:0}.overlay span{font-size:.85rem}
.split{flex:1;display:grid;grid-template-columns:1fr 1fr;gap:3px;background:#fff}
.art-ring{background:radial-gradient(circle,transparent 0 18%,#d6aa50 19% 23%,transparent 24%),#ead9d0}
.art-ring2{background:radial-gradient(circle at 50% 42%,transparent 0 14%,#c0c0c8 15% 18%,transparent 19%),radial-gradient(circle at 50% 60%,transparent 0 14%,#d6aa50 15% 18%,transparent 19%),#d9cbd6}
.s4 .band span{color:var(--brand);font-weight:700}
.plans{display:grid;grid-template-columns:repeat(2,minmax(0,360px));gap:24px;justify-content:center}
.plan{background:#fff;border:1px solid var(--line);border-radius:22px;padding:32px;position:relative}
.plan.feat{border:2px solid var(--brand);box-shadow:0 16px 40px rgba(230,0,35,.12)}
.badge{position:absolute;top:-13px;left:32px;background:var(--brand);color:#fff;font-size:.78rem;font-weight:700;padding:4px 12px;border-radius:999px}
.price{font-size:2.8rem;font-weight:800}.price small{font-size:1rem;color:var(--muted);font-weight:500}
.for{color:var(--muted);margin-top:0}
.plan ul{list-style:none;padding:0;margin:20px 0 28px}.plan li{padding:6px 0 6px 26px;position:relative}.plan li:before{content:"✓";position:absolute;left:0;color:#11804a;font-weight:800}
.plan .btn{width:100%;text-align:center}
.faq details{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px 22px;margin-bottom:12px}
.faq summary{font-weight:700;cursor:pointer}.faq p{color:var(--muted);margin:.7em 0 0}
.join{background:linear-gradient(135deg,#2a1d17,#4a2a1f);color:#fff;text-align:center}.join p{color:#e9d8cc}
.join-card{background:#fff;color:var(--ink);border-radius:22px;padding:30px;text-align:left;margin-top:24px;display:grid;gap:16px}
.join-card label{font-weight:600;font-size:.92rem;display:grid;gap:6px}.opt{color:var(--muted);font-weight:400}
.join-card .fine{color:var(--muted);text-align:center;margin:0}
footer{padding:28px 0;border-top:1px solid var(--line);font-size:.85rem;color:var(--muted)}.foot{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}
@media(max-width:900px){.hero-in{grid-template-columns:1fr}h1{font-size:2.3rem}.steps,.pin-row{grid-template-columns:repeat(2,1fr)}nav a:not(.btn){display:none}.plans{grid-template-columns:1fr}}
@media(max-width:520px){.join-form{flex-direction:column}.steps,.pin-row{grid-template-columns:1fr}}

.founding-banner{display:inline-block;margin:0 auto 28px;background:linear-gradient(135deg,var(--brand),var(--brand2));color:#fff;font-weight:700;font-size:.95rem;padding:10px 20px;border-radius:999px;text-align:center}
.pricing .wrap{text-align:center}
.pricing .plans{text-align:left}
.founding-price{color:var(--brand);font-size:.95rem;margin:4px 0 8px;font-weight:600}
.founding-price strong{font-size:1.05rem}