:root{color-scheme:dark;--bg:#0a1118;--text:#f8fcfe;--muted:#bfd0da;--line:#3a4b56;--accent:#bbefdc}
*{box-sizing:border-box}
html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse at 78% 0%,#1b3536,transparent 35%),var(--bg);color:var(--text);font:16px/1.68 system-ui,-apple-system,"Segoe UI",sans-serif}
a{color:#c5f5e4;text-underline-offset:3px}img{max-width:100%}a:focus-visible,summary:focus-visible{outline:3px solid #b2eaf0;outline-offset:3px}
.wrap{max-width:1120px;padding:0 24px;margin:0 auto}
.header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:20px;padding:18px max(3vw,20px);border-bottom:1px solid var(--line)}
.header img{width:175px;height:auto;max-height:64px;object-fit:contain}.menu,.langs{display:flex;align-items:center;gap:19px;flex-wrap:wrap}.menu a{text-decoration:none;font-size:13px}.langs{gap:6px}.langs a{border:1px solid #5d767f;border-radius:6px;padding:3px 9px;text-decoration:none;font-size:12px}.langs a[aria-current=page]{background:#d6fcf0;color:#11262e}
.hero{padding:77px 0 75px}.eyebrow{font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:#a3e8d2;font-weight:800}.eyebrow b{font-weight:800}
h1{font-size:clamp(39px,6.7vw,78px);line-height:1.07;letter-spacing:-.065em;margin:22px 0;max-width:930px;overflow-wrap:anywhere}h2{font-size:clamp(28px,4vw,44px);line-height:1.15;letter-spacing:-.045em;margin:0 0 20px}h3{font-size:19px;margin:0 0 10px}.lead{font-size:clamp(17px,2vw,21px);color:var(--muted);max-width:810px}.btns{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.btn{background:var(--accent);color:#0e2824;text-decoration:none;display:inline-flex;padding:13px 19px;border-radius:9px;font-weight:800;font-size:14px}.btn.alt{border:1px solid #708588;color:#e9fdf5;background:#243740}.demo-tag{display:inline-flex;border:1px solid #698b81;color:#c5f4e5;padding:7px 13px;border-radius:100px;font-size:11px;letter-spacing:.09em;margin-top:14px}
.section{border-top:1px solid var(--line);padding:65px 0}.section p,.section li{color:var(--muted);line-height:1.76}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.card{min-width:0;border:1px solid var(--line);background:#15232d;padding:26px;border-radius:14px}.card p{margin:0;font-size:14px}.label{font-weight:800;font-size:11px;letter-spacing:.15em;color:#b4f0df;margin-bottom:16px;display:block}.feature{max-width:900px;padding:28px 30px;border-radius:13px;border-left:4px solid #a6e9d0;background:#172830}.feature p{margin:0}
.steps{display:grid;gap:13px;counter-reset:steps}.step{display:grid;grid-template-columns:40px 1fr;align-items:start;gap:17px;padding:17px;background:#14222b;border:1px solid var(--line);border-radius:12px}.step:before{counter-increment:steps;content:counter(steps,decimal-leading-zero);font-weight:900;color:#aaf3d9}.step p{margin:0}
.faq{max-width:900px}.faq details{border-bottom:1px solid var(--line);padding:16px 0}.faq summary{font-size:17px;font-weight:750;cursor:pointer;line-height:1.4}.faq p{margin:12px 0}
.brand-cta{padding:35px;background:linear-gradient(115deg,#182e35,#223c3c);border-radius:18px;border:1px solid #597c74;margin:40px 0}.brand-cta p{color:#cfdfdf}.small{font-size:13px;color:#b0c6cc}.related{display:flex;gap:12px;flex-wrap:wrap}.related a{display:block;background:#1b3039;border:1px solid #46665e;border-radius:9px;padding:10px 15px;font-size:14px;text-decoration:none}.footer{padding:27px 0 40px;border-top:1px solid var(--line)}.footer .wrap{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap}.footer a{font-size:12px;margin-left:12px}
@media(max-width:750px){.grid{grid-template-columns:1fr}.hero{padding:56px 0}.section{padding:47px 0}.header{gap:13px}.brand-cta{padding:24px}}
@media(max-width:380px){.wrap{padding:0 17px}.menu{gap:12px}.btns{flex-direction:column}.btn{justify-content:center}h1{font-size:37px}.card{padding:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}