.service-hero{background:#000}
@media(min-width:801px){.service-hero-grid{grid-template-columns:230px minmax(0,1fr);gap:60px}.service-hero-grid>.service-intro{grid-column:1;grid-row:1}.service-hero-grid>div{grid-column:2;grid-row:1}}
.agency-control-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:64px;align-items:center}
.agency-control-grid .section-heading{margin-bottom:24px}
.agency-control-visual{padding:25px;background:#1a201b;border:1px solid #48503f;border-radius:12px}
.control-visual-header{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:22px}
.renewal .control-visual-header h3{font-size:20px;margin:0;letter-spacing:-.02em}
.control-pause{background:transparent;border:1px solid #606950;border-radius:5px;color:#d1dac9;padding:8px 10px;min-height:36px;font:400 11px var(--font-body);cursor:pointer}
.control-track{position:relative;display:grid;gap:12px;margin:0;padding:0;list-style:none}
.control-track:before{content:'';position:absolute;left:31px;top:44px;width:2px;height:300px;background:#5b6550}
.control-packet{position:absolute;left:27px;top:39px;width:10px;height:10px;border-radius:50%;background:#f2c58f;z-index:3;animation:control-travel 12s cubic-bezier(.23,1,.32,1) infinite;pointer-events:none}
.control-step{position:relative;display:grid;grid-template-columns:32px 1fr;gap:16px;align-items:center;height:88px;padding:14px 16px;background:#20271e;border:1px solid #414c39;border-radius:9px}
.control-step:after{content:'';position:absolute;inset:-1px;border:2px solid #d3a378;border-radius:9px;pointer-events:none;opacity:0;animation:control-highlight 12s linear infinite;animation-delay:calc(var(--step)*3s)}
.control-step .control-initial{position:relative;z-index:2;display:grid;place-items:center;width:32px;height:32px;background:#35432d;color:#e4edda;border:1px solid #6e805e;border-radius:50%;font:500 12px var(--font-display)}
.control-step strong{display:block;color:#f0f1e7;font:500 15px/1.35 var(--font-display);margin-bottom:4px}
.control-step .control-description{display:block;color:#becab5;font-size:12px;line-height:1.5}
.control-step.is-agency{background:#30281f;border-color:#756042}
.control-step.is-agency .control-initial{background:#695132;border-color:#b79260;color:#fff0d6}
.control-terms{display:grid;gap:9px;border-top:1px solid #424b39;margin-top:22px;padding-top:18px}
.renewal .control-terms p{font-size:11px;line-height:1.6;margin:0;color:#bfc9b6}
.control-terms strong{color:#e8dcc8}
.agency-control-visual .control-packet,.agency-control-visual .control-step:after{animation-play-state:paused}
.agency-control-visual.is-running .control-packet,.agency-control-visual.is-running .control-step:after{animation-play-state:running}
@keyframes control-travel{0%,15%{transform:translateY(0);opacity:1}25%,40%{transform:translateY(100px);opacity:1}50%,65%{transform:translateY(200px);opacity:1}75%,90%{transform:translateY(300px);opacity:1}98%{transform:translateY(300px);opacity:0}100%{transform:translateY(0);opacity:0}}
@keyframes control-highlight{0%,20%{opacity:1}25%,100%{opacity:0}}
@media(max-width:900px){.agency-control-grid{grid-template-columns:1fr;gap:28px}.agency-control-visual{max-width:560px;width:100%}}
@media(max-width:400px){.agency-control-visual{padding:17px}.control-step{gap:12px}.control-step strong{font-size:14px}.control-step .control-description{font-size:11px}.renewal .control-visual-header h3{font-size:18px}}
@media(prefers-reduced-motion:reduce){.agency-control-visual .control-packet{display:none}.agency-control-visual .control-step:after{animation:none;opacity:0}.control-pause{display:none!important}}