.page-template-pro_ecosystem{background:#f7f5f1}
.page-template-pro_ecosystem .page-hero{background:#111115;color:#fff;padding-top:clamp(76px,9vw,126px);padding-bottom:clamp(70px,8vw,105px);overflow:hidden;position:relative}
.page-template-pro_ecosystem .page-hero:after{content:"";position:absolute;width:620px;height:620px;right:-180px;top:-240px;border-radius:50%;background:radial-gradient(circle,rgba(181,36,45,.55),transparent 68%);pointer-events:none}
.page-template-pro_ecosystem .page-hero .container{position:relative;z-index:1}
.page-template-pro_ecosystem .page-hero h1{color:#fff;font-size:clamp(55px,7vw,100px);max-width:920px}
.page-template-pro_ecosystem .page-hero .lead{color:rgba(255,255,255,.78);font-size:clamp(19px,2vw,24px);max-width:850px}
.page-template-pro_ecosystem .page-hero .eyebrow{color:#f1a0a5}
.page-template-pro_ecosystem .page-hero .btn-secondary{color:#fff;border-color:rgba(255,255,255,.35);background:rgba(255,255,255,.08)}
.page-template-pro_ecosystem .page-body{background:#19191d;color:#ececee;padding:30px 0 36px}
.page-template-pro_ecosystem .page-body .page-rich{font-size:17px;line-height:1.7}
.pro-steps,.pro-catalog,.pro-closing{padding:clamp(66px,8vw,112px) 0}
.pro-heading{max-width:800px;margin-bottom:36px}
.pro-heading h2,.pro-closing h2{font-family:var(--font-heading),sans-serif;font-size:clamp(37px,5vw,66px);line-height:1.02;letter-spacing:-.05em;margin:0}
.pro-heading p{font-size:18px;line-height:1.65;color:#66666c;max-width:740px;margin:21px 0 0}
.pro-step-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.pro-step-grid article{background:#fff;border:1px solid #e8e4e1;border-radius:24px;padding:27px;min-height:220px}
.pro-step-grid article span{color:#b5242d;font-weight:900;font-size:14px}
.pro-step-grid h3{font-size:23px;letter-spacing:-.03em;margin:26px 0 8px}
.pro-step-grid p{margin:0;color:#69696f;line-height:1.6}
.pro-catalog{background:#fff}
.pro-service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.pro-service{display:flex;flex-direction:column;min-width:0;padding:27px;background:#f8f7f5;border:1px solid #ebe8e5;border-radius:25px;transition:transform .2s,box-shadow .2s}
.pro-service:hover{transform:translateY(-4px);box-shadow:0 25px 55px rgba(20,20,25,.09)}
.pro-service-top{display:flex;align-items:center;justify-content:space-between;gap:12px}
.pro-service-top img{width:54px;height:54px;object-fit:contain;background:#fff;border-radius:14px;padding:7px}
.pro-service-top span{font-size:10px;text-transform:uppercase;letter-spacing:.1em;font-weight:900;color:#a23840;text-align:right}
.pro-service h3{font-family:var(--font-heading),sans-serif;font-size:30px;line-height:1.05;letter-spacing:-.045em;margin:30px 0 12px}
.pro-service p{font-size:15px;line-height:1.65;color:#626269;margin:0}
.pro-service ul{display:flex;flex-wrap:wrap;gap:7px;list-style:none;margin:22px 0 28px;padding:0}
.pro-service li{font-size:11px;font-weight:800;color:#4b4b50;background:#fff;border:1px solid #e7e4e1;border-radius:999px;padding:7px 10px}
.pro-service a{margin-top:auto;text-decoration:none;font-size:13px;font-weight:900;color:#a32431}
.pro-service a:hover{text-decoration:underline;text-underline-offset:4px}
.pro-closing{background:#111115;color:#fff;text-align:center}
.pro-closing .container{max-width:850px}
.pro-closing .eyebrow{color:#f1a0a5}
.pro-closing p{font-size:18px;line-height:1.65;color:rgba(255,255,255,.72);margin:24px auto 30px;max-width:680px}
@media(max-width:960px){.pro-service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.pro-step-grid,.pro-service-grid{grid-template-columns:1fr}.pro-step-grid article{min-height:0}.pro-service{padding:22px}.page-template-pro_ecosystem .page-hero h1{font-size:clamp(52px,13vw,74px)}}
@media(prefers-reduced-motion:reduce){.pro-service{transition:none}}