:root{--ink:#081822;--blue:#1677ff;--blue-dark:#005ad4;--lime:#c6ff4a;--paper:#f7fafc;--muted:#526b79;--line:#d9e4ea}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 "DM Sans",system-ui,sans-serif}
a{color:inherit}
.shell{width:min(1120px,calc(100% - 40px));margin:auto}
.skip{position:absolute;top:-100px;left:12px;padding:10px 14px;background:#fff;z-index:20}
.skip:focus{top:8px}
.site-head{background:#fff;border-bottom:1px solid var(--line)}
.head-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:74px}
.brand{text-decoration:none;font:800 21px/1 "Manrope",sans-serif;letter-spacing:-.04em;white-space:nowrap}
.brand span{color:var(--blue)}
.main-nav{display:flex;flex-wrap:wrap;gap:10px 23px;align-items:center;font-size:14px;font-weight:700}
.main-nav a{text-decoration:none;color:#33505e}
.main-nav a:hover,.main-nav a[aria-current="page"]{color:var(--blue-dark)}
.main-nav .contact-link{background:var(--ink);color:#fff;padding:10px 16px;border-radius:999px}
.breadcrumb{font-size:13px;color:var(--muted);padding:24px 0 0}
.breadcrumb a{color:var(--blue-dark)}
.service-hero{padding:44px 0 62px;background:radial-gradient(circle at 84% 15%,#dcecff,transparent 35%),var(--paper)}
.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:55px}
.eyebrow{font-size:12px;letter-spacing:.12em;text-transform:uppercase;font-weight:800;color:var(--blue-dark)}
h1,h2,h3{font-family:"Manrope",sans-serif;letter-spacing:-.04em;line-height:1.17}
h1{font-size:clamp(39px,5.1vw,64px);margin:15px 0 23px;max-width:14ch}
h2{font-size:clamp(29px,3.4vw,42px);margin:0 0 19px}
h3{font-size:21px;margin:0 0 10px}
p{margin:0 0 18px}
.lead{font-size:19px;color:#3f5866;max-width:62ch}
.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.button{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:12px 19px;border-radius:11px;font-weight:800;text-decoration:none;line-height:1.2}
.button.primary{background:var(--blue);color:#fff}
.button.secondary{background:#fff;border:1px solid #b9cdd8;color:var(--ink)}
.button:hover{filter:brightness(.95)}
.hero-card{background:var(--ink);color:#fff;border-radius:22px;padding:30px;box-shadow:0 22px 65px #08182225}
.hero-card h2{font-size:25px;margin-bottom:17px}
.hero-card ul{list-style:none;margin:0;padding:0}
.hero-card li{padding:12px 0 12px 28px;position:relative;border-top:1px solid #ffffff26}
.hero-card li::before{content:'✓';position:absolute;left:0;color:var(--lime);font-weight:800}
.hero-card p{margin:16px 0 0;color:#bdd0da;font-size:14px}
.section{padding:72px 0}
.section.white{background:#fff}
.intro{max-width:760px;color:#4c6571;font-size:17px}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:19px;margin-top:30px}
.card{padding:26px;border:1px solid var(--line);border-radius:18px;background:#fff}
.white .card{background:var(--paper)}
.card p{color:#526b79;margin:0}
.split{display:grid;grid-template-columns:.8fr 1.2fr;gap:64px;align-items:start}
.steps{list-style:none;margin:0;padding:0;counter-reset:step}
.steps li{counter-increment:step;position:relative;padding:0 0 25px 52px;border-left:1px solid #c9dbe6;margin-left:17px}
.steps li:last-child{border-left:0;padding-bottom:0}
.steps li::before{content:counter(step);position:absolute;left:-18px;top:-2px;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:var(--ink);color:var(--lime);font-weight:800}
.steps strong{display:block;font:800 18px "Manrope",sans-serif}
.steps p{color:#526b79;margin:5px 0 0}
.note{background:#eaf3ff;border-left:4px solid var(--blue);padding:17px 20px;border-radius:0 10px 10px 0;color:#244a60}
.faq{max-width:820px}
.faq h3{margin:27px 0 7px;font-size:19px}
.faq p{color:#526b79}
.next{padding:60px 0;background:var(--ink);color:#fff}
.next-grid{display:flex;align-items:center;justify-content:space-between;gap:30px}
.next h2{margin-bottom:10px}
.next p{color:#bdd0da;max-width:65ch;margin:0}
.next .button{background:var(--lime);color:var(--ink);flex:none}
.related{padding:35px 0 50px}
.related h2{font-size:23px;margin-bottom:15px}
.related-links{display:flex;flex-wrap:wrap;gap:11px}
.related-links a{display:inline-flex;padding:10px 15px;border:1px solid #c9dbe6;background:#fff;border-radius:999px;text-decoration:none;font-weight:700;color:#244a60}
.site-foot{border-top:1px solid var(--line);padding:30px 0;color:#526b79;font-size:14px}
.site-foot .shell{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}
.site-foot a{color:var(--blue-dark)}
a:focus-visible{outline:3px solid var(--blue);outline-offset:3px}
@media(max-width:850px){.head-inner{align-items:flex-start;padding:18px 0;flex-direction:column;gap:16px}.hero-grid,.split{grid-template-columns:1fr;gap:30px}.hero-card{max-width:700px}.cards{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.shell{width:min(100% - 32px,1120px)}.main-nav{gap:9px 15px}.service-hero{padding:26px 0 48px}h1{font-size:clamp(37px,10vw,49px)}.lead{font-size:17px}.section{padding:53px 0}.cards{grid-template-columns:1fr}.next-grid{display:block}.next .button{margin-top:23px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}