:root{font-family:Inter,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;--bg-dark:#05070a;--surface-dark:#0b1210;--card-dark:#101915;--brand-deep:#0f3d2e;--brand-accent:#19c37d;--brand-glow:#3ef0a0;--text:#f3f6f4;--muted:#9fb0a7;--border:#24382d}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg-dark);color:var(--text);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:focus-visible,summary:focus-visible{outline:3px solid var(--brand-glow);outline-offset:5px}a:hover{color:var(--brand-glow)}.wrap{max-width:1248px;margin:0 auto;padding-left:40px;padding-right:40px}.header{min-height:100px;display:flex;align-items:center;gap:48px;border-bottom:1px solid var(--border)}.logo{display:flex;align-items:center;gap:8px;font-weight:750;font-size:23px;letter-spacing:-.03em;white-space:nowrap}.logo span{font-weight:400;color:var(--brand-accent)}.header nav{display:flex;gap:32px;margin-left:auto;font-size:14px}.header nav a{min-height:44px;display:flex;align-items:center;color:var(--muted)}.header-cta{border:1px solid #718a7c;border-radius:12px;padding:12px 16px;font-size:14px;white-space:nowrap}.hero{display:grid;grid-template-columns:1.12fr 1fr;align-items:center;min-height:680px;padding-top:50px;padding-bottom:50px;gap:10px}.hero-copy{position:relative;z-index:1}.eyebrow{font-size:12px;letter-spacing:.16em;line-height:1.6;color:var(--muted);margin:0 0 24px;font-weight:600}h1{font-size:clamp(40px,4.2vw,64px);line-height:1.07;letter-spacing:-.05em;margin:0 0 28px;font-weight:680}h1 span{color:var(--brand-accent)}.lead{max-width:440px;font-size:18px;line-height:1.55;color:var(--muted);margin:0 0 28px}.actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.button{display:inline-flex;justify-content:center;align-items:center;gap:24px;min-height:52px;padding:14px 22px;background:var(--brand-accent);color:var(--bg-dark);border-radius:13px;font-weight:650;font-size:16px}.button:hover{background:var(--brand-glow);color:var(--bg-dark)}.secondary{display:inline-flex;align-items:center;min-height:48px;font-size:14px}.fallback{display:inline-flex;align-items:center;min-height:44px;margin-top:8px;color:var(--muted);font-size:12px}.hero-art img{display:block;width:100%;height:auto}.hero-art{position:relative}.soft-glow .hero-art{filter:drop-shadow(0 0 36px #19c37d40)}.proof-row{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.proof-row>div{border-top:1px solid var(--border);padding:24px 0}.proof-row span{color:var(--brand-accent);font-size:12px;margin-right:12px}.proof-row b{font-size:16px}.proof-row p{font-size:14px;color:var(--muted);margin:10px 0 0}.section{padding-top:96px;padding-bottom:24px}h2{font-size:clamp(32px,3vw,44px);line-height:1.14;letter-spacing:-.04em;margin:0 0 36px;font-weight:650}h3{font-size:19px;line-height:1.35;margin:20px 0 8px}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.steps article{padding:24px;border:1px solid var(--border);border-radius:16px;background:var(--surface-dark)}.number{font-size:14px;color:var(--brand-accent)}.steps p,.features p{color:var(--muted);font-size:15px;line-height:1.6;margin-bottom:0}.split{display:grid;grid-template-columns:1fr 1fr;gap:70px}.features article{border-bottom:1px solid var(--border);padding:0 0 24px;margin-bottom:24px}.features h3{margin-top:0}.catalog{display:flex;justify-content:space-between;align-items:center;gap:40px;margin-top:90px;padding-top:40px;padding-bottom:40px;background:var(--surface-dark);border:1px solid var(--border);border-radius:20px}.catalog h2{font-size:32px;margin-bottom:16px}.catalog p:last-child{color:var(--muted);max-width:500px;margin-bottom:0}.catalog .button{flex-shrink:0}.platforms{display:flex;flex-wrap:wrap;gap:12px}.platforms span{padding:18px 24px;border:1px solid var(--border);border-radius:14px;background:var(--surface-dark)}.muted{color:var(--muted);font-size:14px}.faq{display:grid;grid-template-columns:1fr 1fr;gap:70px}.faq details{border-bottom:1px solid var(--border);padding:16px 0}.faq summary{min-height:44px;cursor:pointer;line-height:1.5;padding:6px 0}.faq p{color:var(--muted);font-size:15px}.faq a{text-decoration:underline}.footer{border-top:1px solid var(--border);margin-top:96px;padding-top:32px;padding-bottom:40px;display:flex;flex-wrap:wrap;align-items:center;gap:24px}.footer p{color:var(--muted);font-size:14px;margin:0}.footer nav{width:100%;display:flex;gap:24px;flex-wrap:wrap;color:var(--muted);font-size:14px}.footer nav a{display:flex;align-items:center;min-height:44px}@media(max-width:1000px){.header{gap:24px}.header nav{gap:16px}.steps{grid-template-columns:repeat(2,1fr)}.catalog{margin-left:24px;margin-right:24px}.split,.faq{gap:40px}.hero{min-height:580px}.hero h1{font-size:44px}}@media(max-width:700px){.wrap{padding-left:20px;padding-right:20px}.header{min-height:76px;justify-content:space-between;gap:12px}.header nav{display:none}.header-cta{font-size:12px;padding:10px}.logo{font-size:20px}.hero{display:flex;flex-direction:column;align-items:stretch;min-height:0;padding-top:40px;padding-bottom:0;gap:16px}.eyebrow{font-size:11px;margin-bottom:20px}.hero h1{font-size:42px;line-height:1.1;margin-bottom:20px}.hero .lead{font-size:16px;margin-bottom:20px}.actions{gap:8px}.actions .button{width:100%}.secondary{width:100%;justify-content:center}.fallback{display:flex;justify-content:center;text-align:center;margin-top:0}.hero-art{max-width:340px;margin:0 auto}.proof-row{grid-template-columns:1fr;gap:0;margin-top:24px}.proof-row>div{padding:20px 0}.section{padding-top:64px}.steps{grid-template-columns:1fr;gap:12px}.steps article{padding:20px}.steps h3{margin-top:12px}.split,.faq{grid-template-columns:1fr;gap:8px}.catalog{margin-top:64px;flex-direction:column;align-items:stretch;gap:24px;padding:24px;margin-left:20px;margin-right:20px}.catalog .button{width:100%}.catalog h2{font-size:30px}.platforms{display:grid;grid-template-columns:repeat(2,1fr)}.platforms span{padding:16px;text-align:center;font-size:14px}.footer{margin-top:64px;gap:16px}.footer p{font-size:12px}.footer nav{gap:8px 20px}h2{font-size:32px;margin-bottom:24px}}@media(max-width:350px){.hero h1{font-size:36px}.hero{padding-top:24px}.header-cta{padding:10px 8px;font-size:11px}.wrap{padding-left:16px;padding-right:16px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}
