:root{--ink:#111318;--muted:#69707d;--line:#e7e9ee;--soft:#f5f6f8;--accent:#5b5cf0;--dark:#16181d}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#fff;color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
.wrap{width:min(1040px,calc(100% - 40px));margin:auto}
header{height:74px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}
.brand{font-size:24px;font-weight:850;letter-spacing:-.06em}
.header-links{display:flex;align-items:center;gap:22px;color:#626976;font-size:14px}
.button{display:inline-flex;align-items:center;justify-content:center;padding:12px 17px;border-radius:12px;background:var(--accent);color:#fff;font-size:14px;font-weight:800;box-shadow:0 12px 28px rgba(91,92,240,.2)}
.hero{padding:90px 0 70px;display:grid;grid-template-columns:1.15fr .85fr;gap:60px;align-items:center}
.eyebrow{color:var(--accent);font-size:12px;font-weight:850;letter-spacing:.12em;text-transform:uppercase}
h1{font-size:clamp(46px,6vw,72px);line-height:.98;letter-spacing:-.06em;margin:18px 0 22px}
.lead{max-width:650px;color:var(--muted);font-size:19px;line-height:1.6}
.hero-card{padding:28px;border-radius:26px;background:var(--dark);color:#fff;box-shadow:0 26px 70px rgba(17,19,24,.16)}
.hero-card small{color:#aeb3bd;font-size:12px;text-transform:uppercase;letter-spacing:.1em;font-weight:800}
.hero-card h2{font-size:28px;line-height:1.1;margin:18px 0 12px}
.hero-card p{color:#b8bdc7;line-height:1.6;margin:0}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.button.secondary{background:#fff;color:var(--ink);border:1px solid var(--line);box-shadow:none}
main section{padding:74px 0;border-top:1px solid var(--line)}
.section-head{max-width:700px;margin-bottom:32px}
.section-head h2{font-size:clamp(34px,4vw,50px);line-height:1.05;letter-spacing:-.05em;margin:0 0 14px}
.section-head p,.copy p{color:var(--muted);font-size:16px;line-height:1.7}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.card{padding:24px;border:1px solid var(--line);border-radius:20px;background:#fff}
.card span{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:#eef0ff;color:#5051da;font-weight:900}
.card h3{font-size:19px;letter-spacing:-.03em;margin:24px 0 9px}
.card p{margin:0;color:var(--muted);font-size:14px;line-height:1.6}
.steps{counter-reset:steps;display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.step{counter-increment:steps;padding-top:18px;border-top:1px solid var(--line)}
.step:before{content:"0" counter(steps);font-size:12px;color:#8b919b}
.step h3{font-size:18px;margin:24px 0 8px}
.step p{margin:0;color:var(--muted);font-size:14px;line-height:1.6}
.cta{padding:56px!important;border:0!important;border-radius:30px;background:linear-gradient(135deg,#eef0ff,#f7f7fb);text-align:center;margin:74px auto}
.cta h2{font-size:clamp(36px,5vw,56px);letter-spacing:-.055em;margin:0 0 14px}
.cta p{max-width:590px;margin:0 auto 25px;color:var(--muted);line-height:1.6}
.related{display:flex;gap:12px;flex-wrap:wrap}
.related a{padding:10px 13px;background:var(--soft);border-radius:10px;color:#545b66;font-size:13px;font-weight:700}
footer{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;padding:30px 0 42px;border-top:1px solid var(--line);color:#858b96;font-size:12px}
.footer-links{display:flex;gap:18px;flex-wrap:wrap}
@media(max-width:800px){.hero{grid-template-columns:1fr;padding-top:62px}.grid{grid-template-columns:1fr 1fr}.steps{grid-template-columns:1fr 1fr}.header-links>a:not(.button){display:none}}
@media(max-width:540px){.wrap{width:min(100% - 28px,1040px)}h1{font-size:48px}.hero{gap:34px}.grid,.steps{grid-template-columns:1fr}.cta{padding:42px 20px!important;margin:52px auto}.header-links{gap:8px}}