:root { --features-navy:#062746; --features-blue:#0b5f93; --features-teal:#087c73; --features-gold:#f8bd00; --features-line:#dce5ec; --features-muted:#607487; }

.features-hero,
.features-jump,
.features-group,
.features-flow,
.features-final { width:min(1240px,calc(100% - 64px)); margin-inline:auto; }

.features-hero { display:grid; grid-template-columns:minmax(0,1.1fr) minmax(390px,.7fr); align-items:center; gap:80px; min-height:610px; padding:80px 0; }
.features-hero__copy h1 { max-width:780px; margin:0; color:var(--features-navy); font-size:clamp(52px,5.5vw,78px); line-height:.99; letter-spacing:-.06em; }
.features-hero__copy>p:not(.sales-kicker) { max-width:690px; margin:25px 0 0; color:var(--features-muted); font-size:18px; line-height:1.65; }
.features-hero__map { position:relative; display:grid; gap:9px; padding:26px; border:1px solid #d5e0e8; border-radius:22px; background:linear-gradient(145deg,#f7fafc,#edf3f7); box-shadow:0 28px 70px rgba(6,39,70,.11); }
.features-hero__map>span { margin:0 0 8px; color:#728495; font-size:10px; font-weight:950; letter-spacing:.13em; text-transform:uppercase; }
.features-hero__map a { display:grid; grid-template-columns:40px 1fr 28px; align-items:center; gap:13px; min-height:72px; padding:13px 16px; border:1px solid #dce5eb; border-radius:12px; background:#fff; color:var(--features-navy); text-decoration:none; transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease; }
.features-hero__map a:hover { transform:translateX(-4px); border-color:#a9c8ce; box-shadow:0 10px 22px rgba(6,39,70,.08); }
.features-hero__map b { width:38px; height:38px; display:grid; place-items:center; border-radius:10px; background:#e7f4f1; color:var(--features-teal); font-size:11px; }
.features-hero__map strong { font-size:14px; }.features-hero__map i { color:#15918a; font-style:normal; font-size:19px; }

.features-jump { position:sticky; top:0; z-index:20; display:flex; justify-content:center; gap:7px; padding:12px; border:1px solid var(--features-line); border-radius:13px; background:rgba(255,255,255,.94); box-shadow:0 12px 28px rgba(6,39,70,.07); backdrop-filter:blur(12px); }
.features-jump a { padding:11px 18px; border-radius:8px; color:#39546c; font-size:12px; font-weight:850; text-decoration:none; }
.features-jump a:hover { background:#edf7f5; color:var(--features-teal); }

.features-group { display:grid; grid-template-columns:340px 1fr; gap:70px; padding:100px 0; scroll-margin-top:85px; }
.features-group--soft { width:100%; max-width:none; grid-template-columns:minmax(260px,340px) minmax(0,830px); justify-content:center; padding-inline:max(32px,calc((100vw - 1240px)/2)); background:linear-gradient(135deg,#f4f8fa,#edf4f5); }
.features-group__intro { position:relative; align-self:start; }
.features-group__intro>span { display:block; margin-bottom:24px; color:#cbd6de; font-size:68px; font-weight:950; line-height:1; letter-spacing:-.08em; }
.features-group__intro h2 { margin:0; color:var(--features-navy); font-size:clamp(34px,3.3vw,48px); line-height:1.04; letter-spacing:-.045em; }
.features-group__intro>p:last-child { margin:20px 0 0; color:var(--features-muted); font-size:14px; line-height:1.68; }
.features-card-grid { display:grid; grid-template-columns:1fr 1fr; gap:13px; }
.features-card-grid article { min-height:245px; padding:27px; border:1px solid var(--features-line); border-radius:16px; background:#fff; box-shadow:0 12px 30px rgba(6,39,70,.045); }
.features-card-grid i { width:48px; height:48px; display:grid; place-items:center; border-radius:13px; background:linear-gradient(145deg,#073b67,#062746); color:#fff; font-style:normal; box-shadow:0 9px 20px rgba(6,39,70,.16); }
.features-card-grid svg { width:25px; height:25px; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }
.features-card-grid h3 { margin:23px 0 10px; color:var(--features-navy); font-size:19px; letter-spacing:-.02em; }
.features-card-grid p { margin:0; color:#617587; font-size:13px; line-height:1.65; }

.features-flow { display:grid; grid-template-columns:370px 1fr; align-items:center; gap:75px; margin-top:28px; margin-bottom:90px; padding:55px 60px; border-radius:22px; background:linear-gradient(135deg,#05233f,#083d67); color:#fff; }
.features-flow h2,.features-final h2 { margin:0; color:#fff; font-size:clamp(34px,3.4vw,48px); line-height:1.04; letter-spacing:-.045em; }
.features-flow>div>p:last-child { color:#c7d6e2; font-size:13px; line-height:1.65; }
.features-flow ol { position:relative; display:grid; grid-template-columns:repeat(4,1fr); gap:14px; margin:0; padding:0; list-style:none; }
.features-flow ol::before { content:''; position:absolute; left:8%; right:8%; top:27px; height:1px; background:#43708f; }
.features-flow li { position:relative; display:grid; justify-items:center; gap:7px; text-align:center; }
.features-flow li b { z-index:1; width:54px; height:54px; display:grid; place-items:center; border:5px solid #08375e; border-radius:50%; background:var(--features-gold); color:var(--features-navy); font-size:10px; }
.features-flow li strong { font-size:13px; }.features-flow li span { color:#b9cbd8; font-size:10px; }

.features-final { display:flex; align-items:center; justify-content:space-between; gap:80px; padding:58px 65px; border-radius:22px 22px 0 0; background:radial-gradient(circle at 80% 20%,rgba(19,126,116,.34),transparent 35%),#062746; color:#fff; }
.features-final>div:first-child { max-width:760px; }.features-final h2 { font-size:42px; }
.features-final>div:first-child>p:last-child { max-width:690px; color:#c8d7e2; font-size:13px; line-height:1.65; }
.features-final .sales-actions { flex:0 0 auto; justify-content:flex-end; max-width:300px; margin:0; }

@media(max-width:980px){
    .features-hero{grid-template-columns:1fr;gap:45px;min-height:0}.features-hero__map{grid-template-columns:1fr 1fr}.features-hero__map>span{grid-column:1/-1}
    .features-group,.features-group--soft{grid-template-columns:1fr;gap:42px;padding:80px max(32px,calc((100vw - 900px)/2))}
    .features-group:not(.features-group--soft){padding-inline:0}.features-group__intro{max-width:680px}.features-group__intro>span{font-size:52px}
    .features-flow{grid-template-columns:1fr;gap:40px}.features-final{align-items:flex-start;flex-direction:column}.features-final .sales-actions{justify-content:flex-start;max-width:none}
}
@media(max-width:680px){
    .features-hero,.features-jump,.features-group,.features-flow,.features-final{width:calc(100% - 28px)}
    .features-hero{padding:58px 0}.features-hero__copy h1{font-size:48px}.features-hero__copy>p:not(.sales-kicker){font-size:15px}.features-hero__map{grid-template-columns:1fr;padding:16px}.features-hero__map>span{grid-column:auto}
    .features-jump{position:relative;justify-content:flex-start;overflow-x:auto;padding:8px}.features-jump a{white-space:nowrap}
    .features-group,.features-group--soft{width:100%;padding:70px 14px}.features-card-grid{grid-template-columns:1fr}.features-card-grid article{min-height:0}
    .features-flow{grid-template-columns:1fr;margin-bottom:55px;padding:38px 22px}.features-flow ol{grid-template-columns:1fr 1fr;gap:24px}.features-flow ol::before{display:none}
    .features-final{padding:42px 24px}.features-final h2{font-size:36px}.features-final .sales-actions{width:100%;max-width:none}
}
@media(prefers-reduced-motion:reduce){.features-hero__map a{transition:none}}