:root{ --bg:#fafafa; --fg:#111; --muted:#6b7280; --card:rgba(255,255,255,0.7); --border:rgba(0,0,0,0.1); --accent:#eed8cf; --accent-2:#f6f6f6; --radius:20px; }
@media (prefers-color-scheme: dark){ :root{ --bg:#0b0b0b; --fg:#fff; --card:rgba(13,13,13,0.6); --border:rgba(255,255,255,0.15); } }
*{box-sizing:border-box} html,body{height:100%} body{margin:0; font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial; background:var(--bg); color:var(--fg)}
a{color:inherit; text-decoration:none}
.container{max-width:1100px; margin:0 auto; padding:0 16px}
.shadow{box-shadow:0 10px 30px rgba(0,0,0,.06)}
.card{background:var(--card); border:1px solid var(--border); border-radius:var(--radius)}
.btn{display:inline-flex; align-items:center; gap:.5rem; padding:.9rem 1.1rem; border-radius:18px; border:1px solid var(--border); background:#111; color:#fff; font-weight:600}
.btn:hover{filter:brightness(.95)}
.btn-block{width:100%; justify-content:center}
.badge{display:inline-flex; align-items:center; gap:.5rem; font-size:.78rem; padding:.35rem .6rem; border-radius:999px; border:1px solid var(--border); background:rgba(255,255,255,.6)}
.muted{color:var(--muted)}
header.sticky{position:sticky; top:0; z-index:30; backdrop-filter:saturate(1.2) blur(10px); background:color-mix(in oklab, var(--bg) 80%, transparent); border-bottom:1px solid var(--border)}
.nav{display:none; gap:18px} @media(min-width:880px){ .nav{display:flex} }
h1{font-size:clamp(2rem,5vw,3.4rem); line-height:1.1; margin:.2rem 0 .2rem}
.grid{display:grid; gap:20px} .grid-2{grid-template-columns:repeat(1,1fr)} .grid-3{grid-template-columns:repeat(3,1fr)} @media(min-width:880px){ .grid-2{grid-template-columns:1.1fr 1fr} .grid-3{grid-template-columns:repeat(3,1fr)} }
.section{padding: clamp(36px,6vw,72px) 0}
.kicker{text-transform:uppercase; letter-spacing:.2em; font-weight:600; font-size:.7rem; opacity:.7}
.stat{display:flex; align-items:center; gap:12px; padding:14px; border-radius:16px; border:1px solid var(--border); background:rgba(255,255,255,.6)}
.stat b{font-size:1.4rem}
.bg-deco{position:fixed; inset:0; z-index:-1; overflow:hidden}
.blob{position:absolute; filter:blur(50px); opacity:.28; border-radius:999px}
.blob.one{width:460px; height:460px; left:-120px; top:-140px; background:radial-gradient(60% 60% at 50% 50%, color-mix(in oklab,var(--accent) 70%, transparent) 0%, transparent 70%)}
.blob.two{width:520px; height:520px; right:-160px; bottom:-160px; background:radial-gradient(60% 60% at 50% 50%, color-mix(in oklab,var(--accent-2) 80%, transparent) 0%, transparent 70%)}
.motif-strip{height:56px; border-radius:16px; overflow:hidden; border:1px solid var(--border); position:relative}
.motif-strip::before{content:""; position:absolute; inset:0; background:repeating-linear-gradient( 110deg, rgba(0,0,0,.06), rgba(0,0,0,.06) 8px, transparent 8px, transparent 20px ); mask-image:linear-gradient(to right, transparent, black 20%, black 80%, transparent)}
.field{display:flex; align-items:center; gap:10px; background:rgba(255,255,255,.7); border:1px solid var(--border); padding:.6rem .8rem; border-radius:16px}
input[type="email"], textarea{width:100%; border:none; background:transparent; outline:none; font:inherit}
.pill{display:inline-block; padding:.3rem .7rem; background:rgba(0,0,0,.05); border:1px solid var(--border); border-radius:999px; font-size:.8rem}
.meta{display:flex; gap:14px; font-size:.86rem; margin-top:8px}
.chart{position:relative; overflow:hidden}
.chart-overlay{position:absolute; inset:0; opacity:.12; background:repeating-linear-gradient(135deg, rgba(0,0,0,.05), rgba(0,0,0,.05) 10px, transparent 10px, transparent 20px)}
.chart-head{padding:18px 18px 4px}
.bars{height:220px; padding:0 10px 12px; display:flex; align-items:flex-end; gap:10px}
.bars div{flex:1; background:var(--accent); border-radius:10px}
.lead{font-size:1.05rem; line-height:1.6}
.p{padding:16px}
.stats{margin-top:18px}
.cta{text-align:center; padding:26px}
.foot{padding:26px 16px; display:flex; align-items:center; justify-content:space-between; gap:16px; flex-wrap:wrap}
.links{display:flex; gap:16px; font-size:.9rem}
.signed{display:none; padding:12px; margin-top:10px}