:root{color-scheme:light dark;--bg:#f4f5fa;--surface:rgba(255,255,255,.72);--solid:#fff;--text:#202137;--muted:#575b73;--blue:#5856d6;--teal:#087f88;--green:#15754d;--error:#b42338;--line:rgba(45,44,85,.13);--glow:rgba(88,86,214,.10);--radius:1.25rem;--max:1120px;--shadow:0 16px 48px rgba(45,44,85,.06)}
@media(prefers-color-scheme:dark){:root{--bg:#13141e;--surface:rgba(38,39,57,.75);--solid:#232436;--text:#f4f3ff;--muted:#b2b5cb;--blue:#b4aaff;--teal:#79d6db;--green:#77d6a3;--error:#ff9caa;--line:rgba(217,215,255,.16);--glow:rgba(115,105,255,.12);--shadow:0 16px 48px rgba(0,0,0,.12)}}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:1rem}body{margin:0;background:radial-gradient(ellipse at 90% 3%,var(--glow),transparent 42%),radial-gradient(ellipse at 0 28%,rgba(30,173,181,.055),transparent 38%),var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased;line-height:1.5}button,input{font:inherit}a{color:var(--blue)}button,a,input{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--blue);outline-offset:4px}button,a{ -webkit-tap-highlight-color:transparent }.shell{width:min(calc(100% - 3rem),var(--max));margin-inline:auto}.sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip{position:fixed;top:-5rem;left:1rem;z-index:200;padding:1rem;background:var(--solid);border-radius:.75rem}.skip:focus{top:1rem}header{height:6rem;display:flex;align-items:center}nav{display:flex;align-items:center;justify-content:space-between;width:100%;gap:1rem}.logo{color:var(--text);text-decoration:none;font-size:1.55rem;font-weight:750;letter-spacing:-.045em}.blue{color:var(--blue)}.nav-status{display:flex;align-items:center;gap:.5rem;color:var(--muted);font-size:.8rem}.dot{width:6px;height:6px;border-radius:50%;background:var(--green)}main{padding:2rem 0 4rem}.hero{max-width:52rem;padding:3rem 0 1rem}.eyebrow,.section-head>p:first-child{color:var(--teal);font-size:.78rem;font-weight:650;letter-spacing:.08em;text-transform:uppercase;margin:0 0 1.2rem}h1{font-size:clamp(2.8rem,6vw,5rem);line-height:1.07;letter-spacing:-.055em;font-weight:730;margin:0;max-width:14ch;text-wrap:balance}.gradient{display:block;color:var(--blue)}.lead{max-width:38rem;margin:1.6rem 0 0;color:var(--muted);font-size:clamp(1.05rem,2vw,1.2rem);line-height:1.7;text-wrap:pretty}.benefits{display:flex;flex-wrap:wrap;gap:.6rem 1.1rem;margin:1.2rem 0 0;padding:0;list-style:none;font-size:.85rem}.benefits li{display:flex;align-items:center;gap:.4rem}.benefits svg{width:1rem;height:1rem;color:var(--teal)}.cta{max-width:35rem;margin-top:2rem}.email-form{display:flex;gap:.5rem;padding:.45rem;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);backdrop-filter:blur(20px);box-shadow:var(--shadow)}.email-form input{min-width:0;flex:1;border:0;background:transparent;color:var(--text);padding:.8rem;font-size:1rem;border-radius:.75rem}.email-form input::placeholder{color:var(--muted)}.primary{display:inline-flex;align-items:center;justify-content:center;gap:.65rem;min-height:48px;border:0;border-radius:.85rem;padding:.85rem 1.15rem;background:#5856d6;color:#fff;font-weight:650;text-decoration:none;white-space:nowrap;transition:filter .2s}.primary:hover{filter:brightness(1.1)}.primary:disabled{opacity:.7}.meta{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem 1rem;margin-top:.6rem;color:var(--muted);font-size:.75rem}.privacy{min-height:44px;color:var(--muted);text-decoration:underline;text-underline-offset:.2rem}.feedback{display:none;margin:.75rem 0 0;font-size:.9rem}.feedback.success,.feedback.error{display:block}.success{color:var(--green)}.error{color:var(--error)}.counter{display:none}.counter.visible{display:inline}.counter strong{font-variant-numeric:tabular-nums}.features{padding-top:6rem}.section-head{max-width:42rem;margin-bottom:2rem}.section-head h2,.start-section h2{font-size:clamp(1.8rem,3.5vw,2.7rem);line-height:1.2;letter-spacing:-.035em;margin:0;text-wrap:balance}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.card{padding:1.5rem;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);backdrop-filter:blur(16px);box-shadow:var(--shadow)}.icon{display:grid;place-items:center;width:48px;height:48px;margin-bottom:1.2rem;border-radius:15px;background:var(--glow);color:var(--blue)}.icon svg{width:26px;height:26px}.card h3{font-size:1.05rem;margin:0 0 .5rem}.card p{margin:0;color:var(--muted);font-size:.95rem;line-height:1.65}.groups-section{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:3rem;margin-top:6rem}.section-copy{color:var(--muted);line-height:1.7}.group-examples{list-style:none;display:grid;gap:.8rem;padding:0;margin:0}.group-examples li{display:flex;align-items:center;gap:1rem;padding:1.1rem 1.3rem;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}.group-examples li>span{font-size:1.9rem;color:var(--blue);width:40px;text-align:center}.group-examples small{display:block;color:var(--muted);margin-top:.15rem}.start-section{margin-top:5rem;padding:2.5rem;background:var(--surface);border:1px solid var(--line);border-radius:1.6rem}.start-section p{max-width:47rem;color:var(--muted);line-height:1.7;margin:1.2rem 0 1.5rem}footer{display:flex;justify-content:space-between;gap:1rem;padding:1.5rem 0;border-top:1px solid var(--line);color:var(--muted);font-size:.8rem}footer a{display:inline-flex;min-height:44px;align-items:center;color:var(--muted)}.overlay{display:none;position:fixed;inset:0;z-index:100;place-items:center;padding:max(1rem,env(safe-area-inset-top));background:rgba(12,13,24,.55);backdrop-filter:blur(8px)}.overlay.open{display:grid}.modal{position:relative;width:min(100%,42rem);max-height:85dvh;overflow-y:auto;overscroll-behavior:contain;padding:2rem;border:1px solid var(--line);border-radius:1.5rem;background:var(--solid)}.modal h2{margin:0 3rem 1rem 0}.modal h3{margin:1.5rem 0 .5rem;font-size:1rem}.modal p,.modal li{color:var(--muted);font-size:.9rem;line-height:1.7}.modal strong{color:var(--text)}.close{position:absolute;top:1rem;right:1rem;min-width:44px;min-height:44px;border:1px solid var(--line);border-radius:50%;background:var(--surface);color:var(--text)}
@media(max-width:760px){.hero{padding-top:1.5rem}.grid{grid-template-columns:1fr}.groups-section{grid-template-columns:1fr;gap:.7rem}.features,.groups-section{padding-top:0;margin-top:4rem}.start-section{padding:1.5rem}.nav-status{font-size:.7rem}h1{max-width:14ch}}
@media(max-width:480px){.shell{width:calc(100% - 2rem)}header{height:5rem}.email-form{flex-direction:column}.meta{gap:.25rem .7rem}h1{font-size:clamp(2.5rem,11vw,3.2rem)}.modal{padding:1.25rem}footer{align-items:center}.nav-status{max-width:8rem}.start-section{margin-top:3rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

.hero{max-width:none;display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:4rem;align-items:center}.product-preview{margin:0;text-align:center}.product-preview img{display:block;width:100%;height:auto;border:1px solid var(--line);border-radius:2.1rem;box-shadow:var(--shadow)}.product-preview figcaption{color:var(--muted);font-size:.75rem;margin-top:1rem}@media(max-width:800px){.hero{grid-template-columns:1fr;gap:2rem}.product-preview{width:min(260px,80%);margin:0 auto}.hero .copy{min-width:0}}