/* AMC profiles: extra styles for the inner service pages */
.back{display:inline-flex;align-items:center;gap:8px;text-decoration:none;font-family:var(--display);font-weight:700;letter-spacing:.1em;text-transform:uppercase;font-size:12px;color:var(--mist);margin-bottom:26px;transition:color .2s}
.back:hover{color:var(--fg)}.back svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:2.6}
.logo.sm{width:min(220px,60%)}
.card.static{cursor:default}
.card.static:hover{transform:translateY(-4px)}
.card ul{list-style:none;padding:0;margin:16px 0 0;display:grid;gap:7px}
.card li{font-size:14px;color:#d5dae1;padding-left:16px;position:relative;line-height:1.4}
.card li:before{content:"";position:absolute;left:0;top:.5em;width:7px;height:7px;border-radius:2px;background:var(--c);transform:rotate(45deg)}
.grid.s3{grid-template-columns:repeat(3,minmax(0,1fr))}
.flow{display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr));gap:18px;position:relative}
.flow:before{content:"";position:absolute;left:26px;right:26px;top:26px;height:2px;background:linear-gradient(90deg,var(--green),var(--orange),var(--red));opacity:.6}
.step{position:relative}
.step .dot{width:52px;height:52px;border-radius:50%;background:var(--ink);border:2px solid var(--fg);display:grid;place-items:center;font-family:var(--display);font-weight:800;font-variant-numeric:tabular-nums;position:relative}
.step:last-child .dot{background:var(--red);border-color:var(--red)}
.step h4{font-family:var(--display);font-weight:800;font-size:20px;margin:16px 0 6px;letter-spacing:-.01em}
.step p{margin:0;color:var(--mist);font-size:14.5px;line-height:1.45}
.chips{display:flex;flex-wrap:wrap;gap:10px}
.chips span{border:1.5px solid #ffffff33;border-radius:999px;padding:8px 18px;font-family:var(--display);font-weight:700;letter-spacing:.08em;text-transform:uppercase;font-size:13px;transition:background .25s,border-color .25s}
.chips span:hover{background:var(--red);border-color:var(--red)}
.why{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:clamp(32px,5vw,72px);align-items:start}
.why h2{font-size:clamp(30px,3.6vw,48px)}
.why .lede{margin-top:0}
.hero .lede.big{font-size:clamp(17px,1.5vw,21px)}
@media (max-width:1100px){.grid.s3{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:860px){.flow{grid-template-columns:1fr 1fr}.flow:before{display:none}.why{grid-template-columns:1fr}}
@media (max-width:520px){.grid.s3,.flow{grid-template-columns:1fr}}