:root{--spruce:#2e5e4e;--spruce-dark:#1f4236;--granite:#5b6770;--snow:#f4f6f4;--amber:#d98e32;--ink:#1e2a26}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:"Source Sans 3","Segoe UI",Arial,sans-serif;color:var(--ink);background:var(--snow);line-height:1.55}
h1,h2,h3,.brand span,.tag,button{font-family:Outfit,"Segoe UI",Arial,sans-serif}
a{color:var(--spruce)}a:hover{color:var(--spruce-dark)}
.top{display:flex;justify-content:space-between;align-items:center;padding:18px clamp(16px,5vw,64px);background:var(--spruce);color:var(--snow)}
.brand{display:flex;align-items:center;gap:12px;color:var(--snow);text-decoration:none;font-weight:800;font-size:1.25rem;letter-spacing:.02em}
nav{display:flex;align-items:center;gap:22px}
nav a{color:var(--snow);text-decoration:none;font-weight:600;opacity:.9}nav a:hover{opacity:1;color:var(--snow)}
.lang{background:transparent;border:2px solid rgba(244,246,244,.6);color:var(--snow);border-radius:8px;padding:4px 10px;font-weight:700;cursor:pointer}
main{max-width:1040px;margin:0 auto;padding:0 clamp(16px,5vw,64px)}
.hero{padding:clamp(56px,10vw,120px) 0 48px;max-width:720px}
.kicker{color:var(--amber);font-weight:600;letter-spacing:.14em;text-transform:uppercase;font-size:.8rem;margin:0 0 14px}
h1{font-size:clamp(2.4rem,6vw,4rem);line-height:1.05;margin:0 0 18px;color:var(--spruce-dark)}
.lede{font-size:1.2rem;color:var(--granite);margin:0 0 28px}
.waitlist{display:flex;gap:10px;flex-wrap:wrap}
.waitlist input{flex:1 1 260px;padding:14px 16px;border:2px solid #cfd6d2;border-radius:10px;font-size:1rem;background:#fff}
.waitlist input:focus{outline:none;border-color:var(--spruce)}
.waitlist button{padding:14px 22px;border:0;border-radius:10px;background:var(--amber);color:#1e2a26;font-weight:700;font-size:1rem;cursor:pointer}
.waitlist button:hover{filter:brightness(1.06)}
.fine{font-size:.85rem;color:var(--granite)}
.products{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;padding:24px 0 56px}
.card{background:#fff;border-radius:16px;padding:28px;box-shadow:0 10px 30px rgba(30,42,38,.08);border-top:6px solid var(--granite)}
.card.lead{border-top-color:var(--amber)}
.card h2{margin:10px 0 4px;color:var(--spruce-dark)}
.card .sub{color:var(--granite);font-weight:600;margin:0 0 12px}
.tag{display:inline-block;font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;font-weight:700;color:var(--spruce);background:rgba(46,94,78,.1);padding:4px 10px;border-radius:999px}
.why{background:var(--spruce);color:var(--snow);border-radius:20px;padding:clamp(28px,5vw,56px);margin-bottom:56px}
.why h2{margin:0 0 24px;font-size:clamp(1.6rem,4vw,2.4rem)}
.why .grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px}
.why h3{margin:0 0 6px;color:var(--amber)}.why p{margin:0;opacity:.92}
.contact{padding:0 0 64px;text-align:center}
.contact h2{color:var(--spruce-dark);margin:0 0 6px}
.mail{display:inline-block;margin-top:8px;font-size:1.25rem;font-weight:700}
.thanks{text-align:center;color:var(--spruce);font-weight:700}
footer{border-top:1px solid #d8ded9;padding:24px clamp(16px,5vw,64px);color:var(--granite);font-size:.9rem;max-width:1040px;margin:0 auto}
footer p{margin:6px 0}
@media (max-width:600px){nav a{display:none}}