.site-header{grid-template-columns:minmax(260px,1fr) auto 1fr}
.brand{width:clamp(260px,24vw,370px)}
.service-item{display:block;padding:0}
.service-item:hover{padding:0;background:transparent}
.service-trigger{width:100%;display:grid;grid-template-columns:60px 1fr 54px;gap:2rem;align-items:center;padding:2rem 0;background:transparent;border:0;color:#fff;text-align:left;cursor:pointer;font:inherit}
.service-trigger:hover,.service-trigger:focus-visible{background:rgba(23,107,255,.09);padding-left:1rem;padding-right:1rem;outline:none}
.service-number{align-self:start;padding-top:.4rem;color:#7090b1;font-size:.72rem}
.service-heading{display:flex;flex-direction:column;gap:.55rem}
.service-heading strong{font:600 clamp(1.4rem,2.5vw,2.25rem)/1.1 "Manrope",sans-serif;letter-spacing:-.035em}
.service-heading small{font-size:.95rem;color:#9cabbc;font-weight:400}
.service-icon{justify-self:end;width:40px;height:40px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.3);border-radius:50%;font-size:1.45rem;font-weight:300;transition:transform .3s,background .3s}
.service-trigger[aria-expanded="true"] .service-icon{transform:rotate(45deg);background:#176bff;border-color:#176bff}
.service-panel{display:grid;grid-template-rows:0fr;transition:grid-template-rows .42s ease}
.service-panel>.service-detail{overflow:hidden}
.service-trigger[aria-expanded="true"]+.service-panel{grid-template-rows:1fr}
.service-detail{margin-left:92px;max-width:860px}
.service-detail>p{font-size:1.08rem;color:#c3cfdb;margin:0 0 1.5rem;max-width:760px}
.service-detail ul{list-style:none;padding:0 0 2.2rem;margin:0;display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.service-detail li{border-top:1px solid rgba(255,255,255,.22);padding-top:.85rem;color:#91a5ba;font-size:.9rem}
@media(max-width:1100px){.site-header{grid-template-columns:minmax(240px,1fr) auto 1fr}.brand{width:270px}.site-header nav{gap:1.2rem}}
@media(max-width:900px){.site-header{grid-template-columns:1fr auto}.brand{width:230px}.service-detail ul{grid-template-columns:1fr}.service-detail{margin-left:92px}}
@media(max-width:600px){.brand{width:210px}.service-trigger{grid-template-columns:30px 1fr 40px;gap:.7rem;padding:1.6rem 0}.service-trigger:hover,.service-trigger:focus-visible{padding-left:.5rem;padding-right:.5rem}.service-heading small{font-size:.85rem}.service-icon{width:36px;height:36px}.service-detail{margin-left:38px}.service-detail>p{font-size:1rem}.service-detail ul{padding-bottom:1.8rem}}