.system-page main h1,.system-page main h2,.system-page main h3{line-height:1.23}
.system-page main p{line-height:1.8}
.system-kicker{display:inline-block;color:#087fae;font-size:12px;font-weight:850;letter-spacing:.14em}
.system-heading{max-width:780px;margin:0 auto 39px;text-align:center}
.system-heading h2{margin:11px 0 13px;color:#153450;font-size:clamp(29px,3.2vw,39px);font-weight:850;letter-spacing:-.045em}
.system-heading p{color:#637e90;font-size:15px}
.system-heading--light h2{color:#f2faff}
.system-heading--light p{color:#aac7d8}
.system-heading--light .system-kicker{color:#6ce0f4}

.system-intro{padding:69px 0 76px;color:#15344e;background:radial-gradient(circle at 80% 15%,rgba(74,176,229,.22),transparent 34%),linear-gradient(120deg,#eff9fd,#eaf4fb 56%,#e4f1fa)}
.system-intro__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.03fr);align-items:center;gap:54px}
.system-intro h1{margin:17px 0 20px;font-size:clamp(38px,4.1vw,54px);font-weight:900;letter-spacing:-.055em}
.system-intro h1 em{color:#0787ba;font-style:normal}
.system-intro__copy>p{max-width:530px;color:#58778d;font-size:16px}
.system-intro__actions{display:flex;gap:11px;flex-wrap:wrap;margin-top:28px}
.system-intro .btn{border-radius:7px;font-weight:750}
.system-intro .btn--primary{color:#fff;background:#087fc4;box-shadow:0 10px 23px rgba(6,104,168,.19)}
.system-intro .btn--ghost{color:#126b92;background:#fff;border-color:#bfd8e6}
.system-intro__tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:35px}
.system-intro__tags span{padding:6px 10px;border:1px solid #d3e6ee;border-radius:5px;background:rgba(255,255,255,.55);color:#4d7790;font-size:11px;font-weight:700}
.system-workbench{overflow:hidden;border:1px solid #c5dfea;border-radius:15px;background:#fff;box-shadow:0 25px 65px rgba(16,86,133,.13)}
.system-workbench__bar{display:flex;align-items:center;gap:13px;min-height:48px;padding:0 20px;background:#143650;color:#effaff}
.system-workbench__bar>span{display:flex;gap:5px}
.system-workbench__bar i{width:7px;height:7px;border-radius:50%;background:#75a9c2}
.system-workbench__bar i:nth-child(2){background:#49bed9}
.system-workbench__bar i:nth-child(3){background:#a2d5e8}
.system-workbench__bar b{font-size:12px;font-weight:750}
.system-workbench__bar small{margin-left:auto;color:#a9c9d7;font-size:10px}
.system-workbench__body{padding:27px}
.system-workbench__brief{padding:20px;border:1px solid #d7e8ef;border-radius:9px;background:#f3f9fc}
.system-workbench__brief>span,.system-workbench__brief strong{display:block}
.system-workbench__brief>span{color:#1687b1;font-size:10px;font-weight:850;letter-spacing:.08em}
.system-workbench__brief strong{margin:7px 0 15px;color:#193f5a;font-size:18px}
.system-workbench__brief>div{display:flex;flex-wrap:wrap;gap:7px}
.system-workbench__brief small{padding:5px 8px;border:1px solid #d3e5ed;border-radius:4px;background:#fff;color:#638398;font-size:10px}
.system-workbench__steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin:22px 0}
.system-workbench__steps>div{min-height:93px;padding:12px;border:1px solid #d8e8ef;border-radius:7px;background:#fff}
.system-workbench__steps span,.system-workbench__steps b,.system-workbench__steps small{display:block}
.system-workbench__steps span{color:#0790bf;font-size:11px;font-weight:850}
.system-workbench__steps b{margin:7px 0 2px;color:#17425d;font-size:13px}
.system-workbench__steps small{color:#7890a0;font-size:10px}
.system-workbench__steps>i{display:none}
.system-workbench__bottom{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:13px 16px;border:1px solid #b8dce9;border-radius:6px;background:#e9f6fb;color:#477388;font-size:11px}
.system-workbench__bottom span{display:flex;align-items:center;gap:8px}
.system-workbench__bottom i{width:7px;height:7px;border-radius:50%;background:#06a1ba;box-shadow:0 0 0 4px rgba(6,161,186,.12)}
.system-workbench__bottom b{flex:none;color:#087ead;font-size:12px}

.system-pains{padding:87px 0 92px;color:#18364e;background:#fff}
.system-pains__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}
.system-pain{min-height:246px;padding:27px;border:1px solid #dce9f0;border-radius:10px;background:#fafcfe}
.system-pain:nth-child(2){background:#f0f8fc}
.system-pain>span{color:#118ab8;font-size:11px;font-weight:850;letter-spacing:.1em}
.system-pain h3{margin:26px 0 10px;font-size:21px}
.system-pain p{color:#657f91;font-size:14px}

.system-route{padding:87px 0 96px;background:radial-gradient(circle at 15% 10%,rgba(37,134,194,.16),transparent 30%),#102b44}
.system-route__grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;list-style:none}
.system-route__grid li{position:relative;min-height:178px;padding:22px 18px;border:1px solid #3c6680;border-radius:9px;background:#183b58}
.system-route__grid li:not(:last-child)::after{content:'→';position:absolute;right:-15px;top:39px;z-index:1;width:20px;color:#6ed8ed;font-size:22px;font-weight:850;text-align:center}
.system-route__grid li>span{color:#6edaf0;font-size:22px;font-weight:850}
.system-route__grid h3{margin:18px 0 7px;color:#fff;font-size:17px}
.system-route__grid p{color:#afcbdc;font-size:12px}

.system-discovery{padding:89px 0 96px;color:#18364f;background:#fff}
.system-discovery__grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.system-discovery__grid article{display:grid;grid-template-columns:44px 1fr;gap:16px;min-height:243px;padding:27px;border:1px solid #dae8ef;border-radius:10px;background:#f9fcfe}
.system-discovery__grid article:nth-child(2),.system-discovery__grid article:nth-child(3){background:#f0f8fc}
.system-discovery__num{display:grid;place-items:center;width:42px;height:42px;border:1px solid #b9ddeb;border-radius:7px;background:#e6f5fa;color:#0a83ad;font-size:19px;font-weight:900}
.system-discovery__grid h3{font-size:20px}
.system-discovery__grid p{margin-top:10px;color:#607d90;font-size:14px}
.system-discovery__grid ul{display:grid;gap:7px;margin-top:14px}
.system-discovery__grid li{position:relative;padding-left:16px;color:#4f7388;font-size:12px;font-weight:650}
.system-discovery__grid li::before{content:'•';position:absolute;left:1px;color:#078db6}

.system-research{padding:91px 0;color:#17354c;background:#eef6fa}
.system-research__grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:70px}
.system-research h2,.system-crm h2,.system-bridge h2{margin:13px 0 18px;font-size:clamp(29px,3.1vw,39px);font-weight:850;letter-spacing:-.045em}
.system-research__copy>p,.system-crm__copy>p,.system-bridge p{color:#628093;font-size:15px}
.system-research__checks{display:grid;gap:11px;margin-top:25px}
.system-research__checks>div{padding:13px 0 13px 17px;border-left:3px solid #18a0c7}
.system-research__checks b,.system-research__checks span{display:block}
.system-research__checks b{font-size:14px}
.system-research__checks span{color:#6a8797;font-size:12px}
.system-dossier{overflow:hidden;border:1px solid #c9dfe9;border-radius:12px;background:#fff;box-shadow:0 20px 50px rgba(34,92,127,.10)}
.system-dossier__top{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:17px 21px;border-bottom:1px solid #e0ebf0;color:#56788d;font-size:12px}
.system-dossier__top b{padding:5px 8px;border-radius:4px;background:#eaf6fb;color:#078eb7;font-size:10px}
.system-dossier__company{display:flex;align-items:center;gap:14px;padding:23px 22px}
.system-dossier__company>span{display:grid;place-items:center;width:45px;height:45px;border-radius:8px;background:#dff2f9;color:#087eae;font-weight:850}
.system-dossier__company strong,.system-dossier__company small{display:block}
.system-dossier__company strong{color:#1b3f58;font-size:16px}
.system-dossier__company small{color:#7a96a5;font-size:11px}
.system-dossier__rows{padding:0 22px 20px}
.system-dossier__rows>div{display:flex;justify-content:space-between;gap:18px;padding:12px 0;border-top:1px solid #e7eff3;font-size:12px}
.system-dossier__rows span{color:#678398}
.system-dossier__rows b{color:#23536d;font-weight:700;text-align:right}
.system-dossier__note{padding:14px 22px;background:#eaf6fa;color:#668799;font-size:11px}

.system-outreach{padding:90px 0 86px;color:#f2faff;background:radial-gradient(circle at 86% 9%,rgba(20,155,194,.19),transparent 33%),#0d263d}
.system-outreach .system-heading h2{color:#f3fbff}
.system-outreach .system-heading p{color:#adc9d8}
.system-outreach .system-kicker{color:#6ddced}
.system-outreach__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.system-outreach__grid article{min-height:244px;padding:27px;border:1px solid #3b657c;border-radius:10px;background:#183b56}
.system-outreach__grid article>span{color:#7bdced;font-size:23px;font-weight:850}
.system-outreach__grid h3{margin:24px 0 10px;font-size:20px}
.system-outreach__grid p{color:#b2ccda;font-size:14px}
.system-outreach__note{margin:20px 0 0;color:#86a8ba;font-size:11px;text-align:center}

.system-crm{padding:95px 0;color:#17364e;background:#fff}
.system-crm__grid{display:grid;grid-template-columns:1fr 1fr;gap:74px;align-items:center}
.system-crm__board{overflow:hidden;padding:22px;border:1px solid #d3e4ec;border-radius:12px;background:#f5fafc;box-shadow:0 20px 55px rgba(15,85,129,.10)}
.system-crm__board-top{display:flex;justify-content:space-between;gap:10px;margin-bottom:18px;padding:0 3px 15px;border-bottom:1px solid #dae9ee}
.system-crm__board-top b{color:#1d4963;font-size:13px}
.system-crm__board-top span{color:#7795a5;font-size:11px}
.system-crm__item{display:flex;align-items:center;gap:13px;margin-top:9px;padding:17px 15px;border:1px solid #e1ebf1;border-radius:7px;background:#fff}
.system-crm__dot{width:10px;height:10px;flex:none;border-radius:50%}
.system-crm__dot--blue{background:#378ad2}.system-crm__dot--cyan{background:#08adc4}.system-crm__dot--green{background:#21ba8c}
.system-crm__item>div{flex:1}
.system-crm__item b,.system-crm__item small{display:block}
.system-crm__item b{color:#244a61;font-size:13px}
.system-crm__item small{color:#8199a6;font-size:11px}
.system-crm__item em{color:#0e85ae;font-size:11px;font-style:normal;font-weight:750}
.system-crm__copy ul{display:grid;gap:11px;margin-top:24px}
.system-crm__copy li{position:relative;padding-left:21px;color:#456b80;font-size:14px}
.system-crm__copy li::before{content:'✓';position:absolute;left:0;color:#09a2bc;font-weight:900}

.system-bridge{padding:72px 0;color:#173850;background:#eaf5f9}
.system-bridge__inner{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(240px,.7fr);align-items:center;gap:70px}
.system-bridge h2,.system-bridge p{max-width:730px}
.system-bridge__links{display:grid;gap:11px}
.system-bridge__links a{display:flex;justify-content:space-between;gap:12px;padding:16px 18px;border:1px solid #bcdce9;border-radius:7px;background:#fff;color:#087aa9;font-size:13px;font-weight:800}
.system-bridge__links a:hover{border-color:#2da5ce}
.system-final{padding:66px 0 77px;background:#102b44}
.system-final__inner{display:flex;justify-content:space-between;align-items:center;gap:40px}
.system-final .system-kicker{color:#79dbea}
.system-final h2{margin:11px 0 10px;color:#f4fbff;font-size:clamp(25px,2.7vw,34px);font-weight:850}
.system-final p{max-width:670px;color:#afcad8;font-size:14px}
.system-final__inner>div:last-child{display:flex;flex:none;gap:10px}
.system-final .btn{border-radius:7px}

@media(max-width:1000px){
 .system-intro__grid,.system-research__grid,.system-crm__grid{grid-template-columns:1fr;gap:36px}
 .system-workbench{max-width:720px}
 .system-route__grid{grid-template-columns:repeat(3,1fr)}
 .system-route__grid li::after{display:none}
 .system-bridge__inner{grid-template-columns:1fr;gap:25px}
 .system-bridge__links{grid-template-columns:1fr 1fr}
}
@media(max-width:720px){
 .system-intro{padding:49px 0 60px}
 .system-intro h1{font-size:35px}
 .system-workbench__body{padding:16px}
 .system-workbench__steps{grid-template-columns:repeat(2,1fr);gap:8px}
 .system-pains,.system-route,.system-discovery,.system-research,.system-outreach,.system-crm{padding:64px 0}
 .system-pains__grid,.system-discovery__grid,.system-outreach__grid{grid-template-columns:1fr}
 .system-pain,.system-discovery__grid article,.system-outreach__grid article{min-height:0}
 .system-route__grid{grid-template-columns:1fr 1fr}
 .system-route__grid li{min-height:150px}
 .system-crm__board{padding:15px}
 .system-bridge__links{grid-template-columns:1fr}
 .system-final__inner{align-items:stretch;flex-direction:column;gap:25px}
 .system-final__inner>div:last-child{flex-wrap:wrap}
}
@media(max-width:460px){
 .system-workbench__bottom{align-items:flex-start;flex-direction:column}
 .system-route__grid{grid-template-columns:1fr}
 .system-route__grid li{min-height:0}
 .system-discovery__grid article{grid-template-columns:1fr}
 .system-dossier__rows>div{flex-direction:column;gap:2px}
 .system-dossier__rows b{text-align:left}
}