/* ==========================================================================
   Service pages, September 2026 redesign (SEO and AEO first). Built on
   ind-wdp.css (the approved web design pages); this file holds what is new
   for the service pages: the ranking climb, the revenue engine, the service
   switchboard, case files, reasons, the comparison table, industry doors,
   pricing and each service's scenes (.svs process, .svo services, .svw why).
   Transforms and opacity for motion; no backdrop-filter anywhere.
   ========================================================================== */
.svc .svc-gold{background:linear-gradient(100deg,#F4A000 20%,#FFD27A 45%,#F4A000 70%);background-size:220% 100%;
  -webkit-background-clip:text;background-clip:text;color:transparent;animation:wdpSheen 7s ease-in-out infinite}
.svc .gx-sr,.svc .svc-sr{position:absolute!important;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
@keyframes svcRowIn{from{opacity:0;transform:translateY(10px)}}
@keyframes svcBlink{50%{opacity:0}}
@keyframes svcSpin{to{transform:rotate(360deg)}}
.svc-link{display:inline-block;margin-top:12px;font-weight:600;color:var(--gold)}
.svc-center{display:flex;justify-content:center;margin-top:30px}
.svc-hint{margin:14px 0 0;font-size:12.5px;color:var(--text-dim)}
.svc-hint--phone{display:none}
.svc-ticks{list-style:none;margin:0;padding:0;display:grid;gap:9px}
.svc-ticks li{display:flex;gap:10px;font-size:15px;line-height:1.45;color:var(--text-soft)}
.svc-ticks li span{flex:0 0 auto;font-weight:800;color:var(--teal)}
/* the lead in full on wider screens; folded on phones when the section has a short intro */
.svc-fold{display:none}
.svc-fold summary{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:6px 12px;cursor:pointer;list-style:none;font-size:16px;color:var(--text-mid)}
.svc-fold summary::-webkit-details-marker{display:none}
.svc-fold summary span{font-size:13px;font-weight:700;color:var(--gold)}
.svc-fold[open] summary span{opacity:.6}
.svc-fold p{margin:10px 0 0;font-size:15.5px;line-height:1.65;color:var(--text-mid)}

/* ==========================================================================
   HERO: the ranking climb
   ========================================================================== */
.svc-kicker{margin:-6px 0 14px;font-family:var(--font-head);font-weight:700;font-size:clamp(18px,1.6vw,22px);color:var(--text)}
.svc-climb{position:relative;display:grid;gap:12px;padding:24px 26px 22px;border-radius:30px;border:1px solid var(--edge-2);
  background:radial-gradient(70% 60% at 80% 20%,rgba(244,160,0,.09),transparent 70%),#0C0E12;box-shadow:0 60px 120px -60px rgba(0,0,0,.95)}
.svc-climb__head{display:flex;justify-content:space-between;gap:12px;font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--text-dim)}
.svc-climb__head span:first-child{color:var(--gold)}
.svc-climb__plot{position:relative}
.svc-climb__plot svg{display:block;width:100%;height:auto;overflow:visible}
.svc-climb__grid line{stroke:rgba(255,255,255,.12);stroke-width:1}
.svc-climb__grid line.is-top{stroke:rgba(79,191,160,.35);stroke-dasharray:3 5}
.svc-climb__y{fill:var(--text-dim);font:500 11px Inter,system-ui,sans-serif;text-anchor:end}
.svc-climb__area{fill:url(#none);fill:rgba(244,160,0,.07)}
.svc-climb__line{fill:none;stroke:var(--gold);stroke-width:2.6;stroke-linecap:round;stroke-dasharray:1 1;stroke-dashoffset:0;filter:drop-shadow(0 0 6px rgba(244,160,0,.55))}
.svc-climb__dot{fill:#0A0A0A;stroke:var(--gold);stroke-width:2}
.svc-climb__dot.is-top{fill:var(--gold)}
.svc-climb__bolt path{fill:rgba(255,122,107,.85)}
.svc-climb__bolt{opacity:0}
html.el8-js .svc-climb:not(.is-in) .svc-climb__line{stroke-dashoffset:1}
.svc-climb.is-in .svc-climb__line{animation:svcDrawLine 2.2s var(--ease) .3s both}
@keyframes svcDrawLine{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
.svc-climb.is-in .svc-climb__dot{animation:svcDotIn .5s cubic-bezier(.34,1.6,.5,1) both;animation-delay:calc(var(--i) * .5s + .5s);transform-box:fill-box;transform-origin:center}
@keyframes svcDotIn{from{transform:scale(0)}}
.svc-climb.is-in .svc-climb__bolt{animation:svcBolt 7s ease infinite;animation-delay:calc(var(--i) * 1.4s + 2.6s)}
@keyframes svcBolt{0%,4%{opacity:0;transform:translateY(-8px)}7%{opacity:1;transform:none}14%{opacity:.9}24%,100%{opacity:0}}
.svc-climb.is-in .svc-climb__plot{animation:svcShake 7s ease 2.6s infinite}
@keyframes svcShake{0%,6%,100%{transform:none}7%{transform:translate(2px,-1px)}8%{transform:translate(-2px,1px)}9%{transform:none}27%{transform:none}28%{transform:translate(2px,1px)}29%{transform:translate(-1px,-1px)}30%{transform:none}}
.svc-climb__rank{position:absolute;right:4px;top:-6px;padding:6px 12px;border-radius:100px;background:var(--gold);color:#111;font:800 16px/1 var(--font-head);box-shadow:0 0 24px rgba(244,160,0,.5);opacity:0;transform:scale(.6)}
.svc-climb.is-in .svc-climb__rank{animation:svcRank .6s cubic-bezier(.34,1.6,.5,1) 2.3s both}
@keyframes svcRank{to{opacity:1;transform:none}}
.svc-climb__x{display:flex;justify-content:space-between;margin:-6px 0 0 34px;font-size:12px;color:var(--text-dim)}
.svc-climb__proof{display:flex;align-items:center;gap:10px;margin:4px 0 0;padding:10px 14px;border-radius:14px;border:1px solid var(--teal-line);background:rgba(79,191,160,.07);font-size:13.5px;color:var(--text)}
.svc-climb__proof span{font-weight:800;color:var(--teal)}
.svc-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:56px}
.svc-stat{display:grid;gap:6px;padding:20px 22px;border-radius:20px;border:1px solid var(--edge);background:rgba(255,255,255,.02)}
.svc-stat__n{font:800 clamp(30px,3vw,42px)/1 var(--font-head);letter-spacing:-.03em;color:var(--gold);font-variant-numeric:tabular-nums}
.svc-stat__l{font-size:14px;line-height:1.45;color:var(--text-mid)}

/* ==========================================================================
   VALUE: the revenue engine
   ========================================================================== */
.svc-engine{display:grid;grid-template-columns:minmax(0,300px) 220px minmax(0,1fr);align-items:center;gap:36px}
.svc-engine__pillars{display:grid;gap:10px}
.svc-pillar{position:relative;display:flex;align-items:center;gap:14px;padding:16px 18px;border-radius:18px;border:1px solid var(--edge-2);background:#0E1014;color:var(--text-mid);
  font:600 16px/1.25 Inter,system-ui,sans-serif;text-align:left;cursor:pointer;transition:border-color .35s,background .35s,color .35s}
.svc-pillar b{display:grid;place-items:center;flex:0 0 auto;width:34px;height:34px;border-radius:10px;border:1px solid var(--edge-2);font:800 13px/1 var(--font-head);color:var(--text-dim);transition:inherit}
.svc-pillar:hover{color:var(--text)}
.svc-pillar.is-on,.svc-pillar.is-done{color:var(--text)}
.svc-pillar.is-on{border-color:var(--gold-line);background:var(--gold-soft)}
.svc-pillar.is-on b{border-color:var(--gold);background:var(--gold);color:#111}
.svc-pillar.is-done b{border-color:var(--teal-line);color:var(--teal)}
.svc-pillar__pipe{position:absolute;left:100%;top:50%;width:36px;height:2px;background:rgba(255,255,255,.1)}
.svc-pillar__pipe i{position:absolute;inset:0;background:var(--gold);transform-origin:left;transform:scaleX(0);transition:transform .6s var(--ease)}
.svc-pillar.is-on .svc-pillar__pipe i,.svc-pillar.is-done .svc-pillar__pipe i{transform:none}
.svc-pillar.is-done .svc-pillar__pipe i{background:var(--teal)}
.svc-engine__core{position:relative;aspect-ratio:1}
.svc-engine__core svg{width:100%;height:100%;transform:rotate(-90deg)}
.svc-gauge__track{fill:none;stroke:rgba(255,255,255,.07);stroke-width:14}
.svc-gauge__fill{fill:none;stroke:url(#none);stroke:var(--gold);stroke-width:14;stroke-linecap:round;stroke-dasharray:var(--g,25) 100;transition:stroke-dasharray .9s var(--ease);filter:drop-shadow(0 0 8px rgba(244,160,0,.5))}
.svc-engine.is-full .svc-gauge__fill{stroke:var(--teal);filter:drop-shadow(0 0 10px rgba(79,191,160,.6))}
.svc-gauge__tick{stroke:rgba(255,255,255,.12);stroke-width:1.5}
.svc-gauge__label{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;gap:2px}
.svc-gauge__label b{font:800 44px/1 var(--font-head);color:var(--text)}
.svc-gauge__label small{font-size:13px;color:var(--text-dim)}
.svc-engine__panes{display:grid}
.svc-engine__pane{grid-area:1/1;opacity:0;transform:translateY(8px);pointer-events:none;transition:opacity .4s var(--ease),transform .5s var(--ease)}
.svc-engine__pane.is-on{opacity:1;transform:none;pointer-events:auto}
.svc-engine__n{font:800 13px/1 var(--font-head);letter-spacing:.1em;color:var(--gold)}
.svc-engine__pane h3{margin:10px 0 10px;font-family:var(--font-head);font-weight:800;font-size:clamp(24px,2.3vw,32px);line-height:1.1;letter-spacing:-.025em}
.svc-engine__pane p{margin:0;font-size:16px;line-height:1.65;color:var(--text-mid)}
.svc-outcome{display:flex;gap:14px;margin-top:26px;padding:16px 18px;border-radius:18px;border:1px solid var(--teal-line);background:rgba(79,191,160,.07)}
.svc-outcome__ic{display:grid;place-items:center;flex:0 0 auto;width:40px;height:40px;border-radius:12px;background:var(--teal);color:#0A1512}
.svc-outcome__ic svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.svc-outcome b{display:block;font-size:16px;color:var(--text)}
.svc-outcome p{margin:4px 0 0;font-size:14px;line-height:1.5;color:var(--text-mid)}

/* ==========================================================================
   PROCESS: the pinned story's scenes
   ========================================================================== */
.svc-stage__label{position:absolute;z-index:2;top:16px;left:18px;display:inline-flex;align-items:center;gap:8px;font-size:11.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim)}
.svc-stage__label i{width:7px;height:7px;border-radius:50%;background:var(--gold);box-shadow:0 0 10px rgba(244,160,0,.8);animation:svcBlink 1.6s steps(2) infinite}
.svs{max-width:440px;margin:0 auto}
.svs > div:not(.wdp-panel__bar){position:relative;height:230px;margin:10px 16px 16px}
.svs svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.is-on > .svs,.wdp-chap.is-on .svs{--run:running}
/* 0 the audit */
.svs-audit__page{position:absolute;left:6%;top:6%;width:62%;height:86%;display:grid;align-content:start;gap:8px;padding:14px;border-radius:12px;border:1px solid var(--edge-2);background:#111419}
.svs-audit__page i{height:7px;border-radius:4px;background:rgba(255,255,255,.14)}
.svs-audit__page i.h{height:11px;width:70%;background:rgba(255,255,255,.3)}
.svs-audit__page i.s{width:58%}
.svs-audit__img{height:52px;border-radius:8px;background:rgba(255,255,255,.06)}
.svs-audit__flag{position:absolute;left:var(--x);top:var(--y);width:12px;height:12px;margin:-6px;border-radius:50%;background:var(--coral);box-shadow:0 0 0 4px rgba(255,122,107,.18);opacity:0}
.is-on > .svs .svs-audit__flag,.wdp-chap.is-on .svs-audit__flag{animation:svcFlag .5s cubic-bezier(.34,1.6,.5,1) both;animation-delay:calc(var(--i) * .9s + .9s)}
@keyframes svcFlag{from{opacity:0;transform:scale(0)}to{opacity:1;transform:none}}
.svs-audit__lens{position:absolute;inset:0;pointer-events:none;animation:svcLens 5.4s ease-in-out infinite;animation-play-state:var(--run,paused)}
.svs-audit__lens i{position:absolute;left:0;top:0;width:54px;height:54px;margin:-27px;border-radius:50%;border:3px solid var(--gold);background:rgba(244,160,0,.06)}
.svs-audit__lens i::after{content:"";position:absolute;right:-13px;bottom:-8px;width:20px;height:5px;border-radius:3px;background:var(--gold);transform:rotate(45deg)}
@keyframes svcLens{0%,100%{transform:translate(20%,24%)}33%{transform:translate(54%,48%)}66%{transform:translate(32%,76%)}}
.svs-audit__score{position:absolute;right:4%;top:28%;display:grid;justify-items:center;padding:14px 16px;border-radius:16px;border:1px solid rgba(255,122,107,.4);background:rgba(255,122,107,.08)}
.svs-audit__score b{font:800 34px/1 var(--font-head);color:var(--coral)}
.svs-audit__score small{font-size:11px;color:var(--text-dim)}
/* 1 the roadmap */
.svs-road__path{fill:none;stroke:rgba(244,160,0,.7);stroke-width:3;stroke-linecap:round;stroke-dasharray:1 1;stroke-dashoffset:1}
.is-on > .svs .svs-road__path,.wdp-chap.is-on .svs-road__path{animation:svcDrawLine 2.4s var(--ease) .2s both}
.svs-road__stop{position:absolute;left:var(--x);top:var(--y);width:18px;height:18px;margin:-9px;border-radius:50%;border:2px solid var(--gold);background:#0E1014;opacity:0}
.svs-road__stop.is-flag{width:26px;height:26px;margin:-13px;background:var(--gold);box-shadow:0 0 18px rgba(244,160,0,.6)}
.is-on > .svs .svs-road__stop,.wdp-chap.is-on .svs-road__stop{animation:svcFlag .5s cubic-bezier(.34,1.6,.5,1) both;animation-delay:calc(var(--i) * .5s + .4s)}
.svs-road__chips{position:absolute;left:4%;bottom:0;display:flex;gap:8px}
.svs-road__chips span{width:var(--w);height:22px;border-radius:100px;border:1px solid var(--teal-line);background:var(--teal-soft)}
.is-on > .svs .svs-road__chips span,.wdp-chap.is-on .svs-road__chips span{animation:svcRowIn .5s var(--ease) both;animation-delay:calc(var(--i) * .15s + 2s)}
/* 2 the technical foundation */
.svs-found{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:18px}
.svs-found__gauge{position:relative;aspect-ratio:10 / 6}
.svs-found__arc,.svs-found__ok{fill:none;stroke-width:8;stroke-linecap:round}
.svs-found__arc{stroke:rgba(255,255,255,.1)}
.svs-found__ok{stroke:var(--teal)}
.svs-found__needle{position:absolute;left:50%;bottom:13%;width:3px;height:54%;margin-left:-1.5px;border-radius:3px;background:var(--text);transform-origin:50% 100%;transform:rotate(58deg)}
.svs-found__needle::after{content:"";position:absolute;left:50%;bottom:-5px;width:10px;height:10px;margin-left:-5px;border-radius:50%;background:var(--text)}
.is-on > .svs .svs-found__needle,.wdp-chap.is-on .svs-found__needle{animation:svcNeedle 1.8s var(--ease) .3s both}
@keyframes svcNeedle{from{transform:rotate(-70deg)}}
.svs-found__checks{display:grid;gap:10px}
.svs-found__checks span{display:grid;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:10px;padding:9px 10px;border-radius:12px;border:1px solid var(--edge);background:#111419}
.svs-found__checks i{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:var(--teal-soft);color:var(--teal)}
.svs-found__checks i svg{position:static;width:17px;height:17px}
.svs-found__checks em{height:7px;border-radius:4px;background:rgba(255,255,255,.14)}
.svs-found__checks b{color:var(--teal);opacity:0}
.is-on > .svs .svs-found__checks b,.wdp-chap.is-on .svs-found__checks b{animation:svcFlag .4s ease both;animation-delay:calc(var(--i) * .5s + .9s)}
/* 3 content and the links it earns */
.svs-web__links path{fill:none;stroke:rgba(79,191,160,.55);stroke-width:1.6;stroke-dasharray:4 5;vector-effect:non-scaling-stroke;animation:czFlow 1.4s linear infinite;animation-play-state:var(--run,paused)}
.svs-web__hub{position:absolute;left:50%;top:50%;display:grid;place-items:center;width:58px;height:58px;margin:-29px;border-radius:16px;background:var(--gold);color:#111;box-shadow:0 0 30px rgba(244,160,0,.4)}
.svs-web__hub svg{position:static;width:28px;height:28px}
.svs-web__node{position:absolute;left:var(--x);top:var(--y);width:40px;height:30px;margin:-15px -20px;border-radius:8px;border:1px solid var(--teal-line);background:#0E1A17;opacity:0}
.is-on > .svs .svs-web__node,.wdp-chap.is-on .svs-web__node{animation:svcFlag .5s cubic-bezier(.34,1.6,.5,1) both;animation-delay:calc(var(--i) * .3s + .3s)}
.svs-web__meter{position:absolute;right:0;bottom:0;width:10px;height:70%;border-radius:10px;background:rgba(255,255,255,.07);overflow:hidden}
.svs-web__meter i{position:absolute;left:0;right:0;bottom:0;height:100%;background:linear-gradient(0deg,var(--teal),var(--gold));transform-origin:bottom;transform:scaleY(.15)}
.is-on > .svs .svs-web__meter i,.wdp-chap.is-on .svs-web__meter i{animation:svcFill 2.4s var(--ease) 1.2s forwards}
@keyframes svcFill{to{transform:none}}
/* 4 the report */
.svs-report__grid{fill:none;stroke:rgba(255,255,255,.07);stroke-width:1;vector-effect:non-scaling-stroke}
.svs-report__line{fill:none;stroke:var(--teal);stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1 1;stroke-dashoffset:1}
.is-on > .svs .svs-report__line,.wdp-chap.is-on .svs-report__line{animation:svcDrawLine 2s var(--ease) .2s both}
.svs-report svg{height:62%}
.svs-report__kpis{position:absolute;left:0;right:48px;bottom:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.svs-report__kpis span{display:flex;align-items:center;gap:8px;padding:9px 10px;border-radius:12px;border:1px solid var(--edge);background:#111419;color:var(--gold)}
.svs-report__kpis svg{position:static;width:17px;height:17px;flex:0 0 auto}
.svs-report__kpis i{flex:1;height:7px;border-radius:4px;background:rgba(255,255,255,.14)}
.is-on > .svs .svs-report__kpis span,.wdp-chap.is-on .svs-report__kpis span{animation:svcRowIn .5s var(--ease) both;animation-delay:calc(var(--i) * .2s + 1.4s)}
.svs-report__loop{position:absolute;right:0;bottom:0;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--gold);color:#111}
.svs-report__loop svg{position:static;width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;animation:svcSpin 4s linear infinite;animation-play-state:var(--run,paused)}

/* ==========================================================================
   SERVICES: the switchboard
   ========================================================================== */
.svc-board{display:grid;grid-template-columns:280px minmax(0,1fr);gap:26px;align-items:stretch}
.svc-board__rail{display:grid;align-content:start;gap:6px}
.svc-board__tab{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:12px;padding:13px 16px;border:1px solid transparent;border-radius:14px;background:none;color:var(--text-dim);
  font:600 15px/1.25 Inter,system-ui,sans-serif;text-align:left;cursor:pointer;transition:color .3s,background .3s,border-color .3s}
.svc-board__tab b{font:800 13px/1 var(--font-head);color:var(--text-dim)}
.svc-board__tab i{font-style:normal;opacity:0;transform:translateX(-6px);transition:opacity .3s,transform .3s}
.svc-board__tab:hover{color:var(--text);background:rgba(255,255,255,.03)}
.svc-board__tab.is-on{border-color:var(--gold-line);background:var(--gold-soft);color:var(--text)}
.svc-board__tab.is-on b{color:var(--gold)}
.svc-board__tab.is-on i{opacity:1;transform:none;color:var(--gold)}
.svc-hint--rail{margin:10px 16px 0}
.svc-board__car,.svc-board__panels{height:100%}
.svc-board__panels{display:grid}
.svc-offer{grid-area:1/1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:30px;align-items:center;padding:26px;border-radius:28px;border:1px solid var(--edge-2);background:#101318;
  opacity:0;transform:translateX(16px);pointer-events:none;transition:opacity .45s var(--ease),transform .55s var(--ease)}
.svc-offer.is-on{opacity:1;transform:none;pointer-events:auto}
.svc-offer__art{position:relative;height:250px;border-radius:18px;border:1px solid var(--edge);background:#0A0B0E;overflow:hidden}
.svc-offer__n{font:800 13px/1 var(--font-head);color:var(--gold)}
.svc-offer h3{margin:10px 0 10px;font-family:var(--font-head);font-weight:800;font-size:clamp(24px,2.3vw,32px);letter-spacing:-.025em}
.svc-offer p{margin:0 0 18px;font-size:16px;line-height:1.6;color:var(--text-mid)}
.svc-offer.is-on .svc-ticks li{animation:svcRowIn .5s var(--ease) both;animation-delay:calc(var(--i) * .1s + .3s)}
.svo{position:absolute;inset:0}
.svo svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.svc-offer.is-on .svo{--run:running}
/* 0 technical: a crawler through the site */
.svo-crawl__links path{fill:none;stroke:rgba(79,191,160,.45);stroke-width:1.5;vector-effect:non-scaling-stroke}
.svo-crawl__node{position:absolute;left:var(--x);top:var(--y);width:18px;height:18px;margin:-9px;border-radius:5px;border:1.5px solid var(--teal);background:#12221E}
.svc-offer.is-on .svo-crawl__node{animation:svcVisit 6s ease infinite;animation-delay:calc(var(--i) * .55s)}
@keyframes svcVisit{0%,4%{background:#12221E}8%,90%{background:var(--teal)}100%{background:#12221E}}
.svo-crawl__bot{position:absolute;inset:0;pointer-events:none;animation:svcBot 6s ease-in-out infinite;animation-play-state:var(--run,paused)}
.svo-crawl__bot::after{content:"";position:absolute;left:0;top:0;width:14px;height:14px;margin:-7px;border-radius:50%;background:var(--gold);box-shadow:0 0 14px rgba(244,160,0,.9)}
@keyframes svcBot{0%,100%{transform:translate(50%,18%)}14%{transform:translate(23%,49%)}26%{transform:translate(13%,82%)}38%{transform:translate(35%,84%)}50%{transform:translate(50%,52%)}62%{transform:translate(50%,84%)}74%{transform:translate(77%,49%)}86%{transform:translate(87%,82%)}}
/* 1 on page: the result rewritten */
.svo--onpage{display:grid;place-items:center;padding:24px}
.svo-snip{display:grid;gap:8px;width:100%;padding:16px;border-radius:14px;border:1px solid var(--edge-2);background:#111419}
.svo-snip__url{width:40%;height:7px;border-radius:4px;background:var(--teal)}
.svo-snip__t{position:relative;height:14px}
.svo-snip__t i{position:absolute;left:0;top:0;height:14px;border-radius:5px}
.svo-snip__t .is-old{width:52%;background:rgba(255,255,255,.2)}
.svo-snip__t .is-new{width:86%;background:#9DB8FF;transform-origin:left;transform:scaleX(0)}
.svc-offer.is-on .svo-snip__t .is-new{animation:svcRewrite 5s ease infinite}
.svc-offer.is-on .svo-snip__t .is-old{animation:svcOld 5s ease infinite}
@keyframes svcRewrite{0%,25%{transform:scaleX(0)}45%,90%{transform:none}100%{transform:scaleX(0)}}
@keyframes svcOld{0%,20%{opacity:1}30%,95%{opacity:0}100%{opacity:1}}
.svo-snip__d{display:grid;gap:5px}
.svo-snip__d i{height:6px;border-radius:3px;background:rgba(255,255,255,.12)}
.svo-snip__d i.s{width:70%}
.svo-snip__tag{position:absolute;right:18px;top:18px;padding:5px 10px;border-radius:8px;background:var(--gold);color:#111;font:700 12px/1 ui-monospace,SFMono-Regular,Menlo,monospace}
/* 2 local: the map pack */
.svo--local{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:14px;padding:18px}
.svo-map{position:relative;height:100%;min-height:160px;border-radius:12px;border:1px solid var(--edge);background-color:#0E1210;
  background-image:linear-gradient(rgba(79,191,160,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(79,191,160,.12) 1px,transparent 1px);background-size:18px 18px}
.svo-map__pin{position:absolute;left:var(--x,50%);top:var(--y,50%);width:18px;height:18px;margin:-18px 0 0 -9px;border-radius:50% 50% 50% 0;background:#6E7FD9;transform:rotate(-45deg)}
.svo-map__pin.is-you{background:var(--gold);box-shadow:0 0 16px rgba(244,160,0,.7)}
.svo-map__ring{position:absolute;left:50%;top:50%;width:30px;height:30px;margin:-24px -15px;border-radius:50%;border:1.5px solid var(--gold);opacity:0}
.svc-offer.is-on .svo-map__ring{animation:gxPing 3s ease-out infinite}
@keyframes gxPing{0%,10%{opacity:0;transform:scale(.5)}15%{opacity:1}60%,100%{opacity:0;transform:scale(3)}}
.svo-pack{display:grid;gap:7px}
.svo-pack span{display:grid;grid-template-columns:22px minmax(0,1fr);grid-template-rows:auto auto;gap:3px 8px;align-items:center;padding:8px 10px;border-radius:10px;border:1px solid var(--edge);background:#111419}
.svo-pack b{grid-row:span 2;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:rgba(255,255,255,.08);font:800 11px/1 var(--font-head);color:var(--text-mid)}
.svo-pack i{height:6px;border-radius:3px;background:rgba(255,255,255,.18)}
.svo-pack em{font-style:normal;font-size:9px;letter-spacing:1px;color:var(--gold)}
.svo-pack .is-you{border-color:var(--gold-line);background:var(--gold-soft)}
.svo-pack .is-you b{background:var(--gold);color:#111}
.svc-offer.is-on .svo-pack span{animation:svcRowIn .5s var(--ease) both;animation-delay:calc(var(--i) * .15s + .3s)}
/* 3 content: a topic cluster */
.svo-cl__hub{position:absolute;left:50%;top:48%;display:grid;place-items:center;width:64px;height:64px;margin:-32px;border-radius:18px;background:var(--gold);color:#111;box-shadow:0 0 30px rgba(244,160,0,.4);z-index:1}
.svo-cl__hub svg{position:static;width:30px;height:30px}
.svo-cl__spoke{position:absolute;left:var(--x);top:var(--y);display:grid;gap:4px;width:74px;margin:-18px -37px;padding:8px;border-radius:9px;border:1px solid var(--teal-line);background:#0E1A17;opacity:0}
.svo-cl__spoke i{height:5px;border-radius:3px;background:rgba(79,191,160,.6)}
.svo-cl__spoke i.s{width:60%}
.svc-offer.is-on .svo-cl__spoke{animation:svcFlag .5s cubic-bezier(.34,1.6,.5,1) both;animation-delay:calc(var(--i) * .25s + .3s)}
/* 4 audits: the checklist and its score */
.svo--audit{display:grid;grid-template-columns:minmax(0,1fr) 110px;align-items:center;gap:18px;padding:22px}
.svo-list{display:grid;gap:10px}
.svo-list span{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:10px;border:1px solid var(--edge);background:#111419}
.svo-list b{display:grid;place-items:center;flex:0 0 auto;width:20px;height:20px;border-radius:6px;border:1.5px solid var(--edge-2);font-size:11px;color:transparent}
.svo-list i{flex:1;height:7px;border-radius:4px;background:rgba(255,255,255,.14)}
.svc-offer.is-on .svo-list b{animation:svcCheck .4s ease both;animation-delay:calc(var(--i) * .5s + .4s)}
@keyframes svcCheck{to{background:var(--teal);border-color:var(--teal);color:#0A1512}}
.svo-dial{position:relative;display:grid;place-items:center;aspect-ratio:1}
.svo-dial svg{transform:rotate(-90deg)}
.svo-dial__track{fill:none;stroke:rgba(255,255,255,.08);stroke-width:8}
.svo-dial__fill{fill:none;stroke:var(--teal);stroke-width:8;stroke-linecap:round;stroke-dasharray:0 100}
.svc-offer.is-on .svo-dial__fill{animation:svcDial 2.4s var(--ease) .4s forwards}
@keyframes svcDial{to{stroke-dasharray:92 100}}
.svo-dial b{position:relative;font:800 28px/1 var(--font-head);color:var(--teal)}
/* 5 links: sites pointing to yours */
.svo-links__you{position:absolute;left:50%;top:50%;z-index:1;display:grid;place-items:center;width:64px;height:64px;margin:-32px;border-radius:18px;background:var(--gold);color:#111;box-shadow:0 0 30px rgba(244,160,0,.45)}
.svo-links__you svg{position:static;width:30px;height:30px}
.svo-links__site{position:absolute;left:var(--x);top:var(--y);width:46px;height:34px;margin:-17px -23px;border-radius:8px;border:1px solid var(--edge-2);background:#111419}
.svo-links__site i{position:absolute;left:8px;right:8px;top:9px;height:6px;border-radius:3px;background:rgba(255,255,255,.2)}
.svo-links__arrows path{fill:none;stroke:var(--gold);stroke-width:1.6;stroke-dasharray:4 6;vector-effect:non-scaling-stroke;opacity:.8;animation:czFlow 1.2s linear infinite;animation-play-state:var(--run,paused)}

/* ==========================================================================
   RESULTS: case files
   ========================================================================== */
.svc-cases{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.svc-case{display:flex;flex-direction:column;padding:24px;border-radius:26px;border:1px solid var(--edge-2);background:linear-gradient(180deg,#111318,#0B0C0F)}
.svc-case__tag{align-self:flex-start;padding:5px 11px;border-radius:100px;border:1px solid var(--edge-2);font-size:11.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-dim)}
.svc-case__big{margin-top:18px;font:800 clamp(40px,4vw,54px)/1 var(--font-head);letter-spacing:-.035em;color:var(--gold)}
.svc-case__metric{margin:8px 0 0;font-weight:600;color:var(--text)}
.svc-case__line{width:100%;height:44px;margin:14px 0 6px;overflow:visible}
.svc-case__line path{fill:none;stroke:var(--teal);stroke-width:2.5;vector-effect:non-scaling-stroke}
.svc-case__line circle{fill:var(--teal)}
.svc-case__line{transition:clip-path 1.4s var(--ease) .3s}
html.el8-js .svc-case:not(.is-in) .svc-case__line{clip-path:inset(0 100% 0 0)}
.svc-case__dl{margin:0;display:grid;gap:4px}
.svc-case__dl dt{margin-top:10px;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--text-dim)}
.svc-case__dl dt.is-gold{color:var(--gold)}
.svc-case__dl dd{margin:0;font-size:14.5px;line-height:1.55;color:var(--text-mid)}
.svc-case__foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;margin-top:auto;padding-top:18px;border-top:1px solid var(--edge);font-size:13.5px}
.svc-case__proof{display:inline-flex;gap:8px;color:var(--text)}
.svc-case__proof span{font-weight:800;color:var(--teal)}
.svc-case__foot a{font-weight:600;color:var(--gold)}
.svc-case__dl{margin-bottom:18px}

/* ==========================================================================
   WHY: four reasons, each with its picture
   ========================================================================== */
.svc-why__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.svc-reason{display:flex;flex-direction:column;padding:18px 18px 24px;border-radius:24px;border:1px solid var(--edge-2);background:linear-gradient(180deg,#111318,#0B0C0F)}
.svc-reason__art{position:relative;height:150px;margin-bottom:18px;border-radius:16px;border:1px solid var(--edge);background:#0A0B0E;overflow:hidden}
.svc-reason h3{margin:0 0 8px;font-family:var(--font-head);font-weight:800;font-size:20px;letter-spacing:-.02em}
.svc-reason p{margin:0;font-size:14.5px;line-height:1.6;color:var(--text-mid)}
.svw{position:absolute;inset:0}
.svw svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
/* 0 held at #1 */
.svw-held__line{fill:none;stroke:var(--gold);stroke-width:2.5;stroke-linecap:round;stroke-dasharray:1 1;stroke-dashoffset:1;vector-effect:non-scaling-stroke}
.svc-reason.is-in .svw-held__line{animation:svcDrawLine 2s var(--ease) .3s both}
.svw-held__bolt{position:absolute;left:var(--x);top:20%;width:16px;height:30px;margin-left:-8px;opacity:0}
.svw-held__bolt svg{position:static}
.svw-held__bolt path{fill:rgba(255,122,107,.85)}
.svc-reason.is-in .svw-held__bolt{animation:svcBolt 6s ease infinite;animation-delay:calc(var(--i) * 1.2s + 2s)}
.svw-held__badge{position:absolute;right:10px;top:4px;padding:4px 10px;border-radius:100px;background:var(--gold);color:#111;font:800 13px/1 var(--font-head)}
/* 1 month to month */
.svw--free{display:grid;place-items:center}
.svw-cal{display:grid;grid-template-columns:repeat(6,22px);gap:5px}
.svw-cal i{height:22px;border-radius:5px;border:1px solid var(--edge-2);background:rgba(255,255,255,.04)}
.svw-cal i.is-now{border-color:var(--teal);background:var(--teal-soft)}
.svc-reason.is-in .svw-cal i{animation:svcRowIn .4s ease both;animation-delay:calc(var(--i) * .05s)}
.svw-chain{position:absolute;left:50%;bottom:16px;display:flex;gap:2px;margin-left:-36px}
.svw-chain i{width:22px;height:12px;border-radius:7px;border:2.5px solid var(--text-dim)}
.svc-reason.is-in .svw-chain .is-snap{animation:svcSnap 4s ease infinite}
@keyframes svcSnap{0%,40%{transform:none;opacity:1}50%{transform:translateY(8px) rotate(30deg);opacity:0}90%{opacity:0}100%{opacity:1;transform:none}}
/* 2 honest advice */
.svw--honest{display:grid;align-content:center;gap:10px;padding:18px}
.svw-bubble{display:grid;gap:5px;max-width:70%;padding:10px 12px;border-radius:14px}
.svw-bubble i{height:6px;border-radius:3px;background:rgba(255,255,255,.22)}
.svw-bubble i.s{width:60%}
.svw-bubble.is-them{border:1px solid var(--edge-2);background:#111419;border-bottom-left-radius:4px}
.svw-bubble.is-us{position:relative;justify-self:end;border:1px solid var(--teal-line);background:var(--teal-soft);border-bottom-right-radius:4px;padding-left:34px}
.svw-bubble.is-us b{position:absolute;left:10px;top:50%;margin-top:-9px;display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:var(--teal);color:#0A1512;font-size:11px}
.svc-reason.is-in .svw-bubble{animation:svcRowIn .5s var(--ease) both}
.svc-reason.is-in .svw-bubble.is-us{animation-delay:.8s}
/* 3 straight to the people doing the work */
.svw--direct{display:flex;align-items:center;justify-content:space-between;padding:0 22px}
.svw-person{position:relative;z-index:1;display:grid;place-items:center;width:50px;height:50px;border-radius:50%;border:1px solid var(--edge-2);background:#111419;color:var(--text)}
.svw-person.is-lead{border-color:var(--gold);background:var(--gold);color:#111}
.svw-person svg{width:24px;height:24px}
.svw-layers{position:absolute;left:50%;top:50%;display:grid;gap:6px;margin:-36px 0 0 -26px}
.svw-layers i{width:52px;height:18px;border-radius:5px;border:1px dashed rgba(255,122,107,.5);opacity:.8}
.svc-reason.is-in .svw-layers i{animation:svcFade 4s ease infinite;animation-delay:calc(var(--i) * .2s)}
@keyframes svcFade{0%,30%{opacity:.8;transform:none}45%,85%{opacity:0;transform:scale(.8)}100%{opacity:.8}}
.svw-line{position:absolute;left:72px;right:72px;top:50%;height:2px;margin-top:-1px}
.svw-line i{position:absolute;inset:0;background:var(--gold);transform-origin:left;transform:scaleX(0);box-shadow:0 0 8px rgba(244,160,0,.7)}
.svc-reason.is-in .svw-line i{animation:svcLine 4s ease infinite}
@keyframes svcLine{0%,40%{transform:scaleX(0)}55%,90%{transform:none}100%{transform:scaleX(0)}}

/* ==========================================================================
   COMPARISON: side by side
   ========================================================================== */
.svc-table{position:relative;display:grid;border-radius:26px;border:1px solid var(--edge-2);background:#0E1014;overflow:hidden}
.svc-table__row{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.1fr) minmax(0,1.1fr);align-items:center;border-top:1px solid var(--edge)}
.svc-table__row > span{display:flex;align-items:center;gap:10px;padding:16px 22px;font-size:15px;line-height:1.45}
.svc-table__row.is-head{border-top:0;background:rgba(255,255,255,.02)}
.svc-table__row.is-head span{font-family:var(--font-head);font-weight:800;font-size:17px}
.svc-table__row.is-head .svc-table__us b{margin-left:4px;padding:3px 9px;border-radius:100px;background:var(--gold);color:#111;font:700 11px/1.4 Inter,system-ui,sans-serif}
.svc-table__k{font-weight:700;color:var(--text)}
.svc-table__us{position:relative;z-index:1;color:var(--text)}
.svc-table__us i{font-style:normal;font-weight:800;color:var(--teal)}
.svc-table__them{color:var(--text-dim)}
.svc-table__them i{font-style:normal;font-weight:800;color:var(--coral)}
.svc-table__row:not(.is-head) .svc-table__us{background:rgba(79,191,160,.04)}
.svc-table.is-in .svc-table__row:not(.is-head){animation:svcRowIn .5s var(--ease) both;animation-delay:calc(var(--i) * .1s + .2s)}
.svc-table__sweep{position:absolute;top:0;bottom:0;left:calc(80 / 300 * 100%);width:calc(110 / 300 * 100%);background:linear-gradient(180deg,transparent,rgba(244,160,0,.12),transparent);height:40%;pointer-events:none;opacity:0}
.svc-table.is-in .svc-table__sweep{animation:svcSweep 5s ease-in-out 1.2s infinite}
@keyframes svcSweep{0%{opacity:0;transform:translateY(-100%)}10%{opacity:1}90%{opacity:1}100%{opacity:0;transform:translateY(250%)}}

/* ==========================================================================
   INDUSTRIES: doors
   ========================================================================== */
.svc-doors{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.svc-door{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:14px;padding:16px 18px;border-radius:18px;border:1px solid var(--edge-2);background:#0E1014;color:var(--text);text-decoration:none;
  transition:border-color .3s,transform .3s var(--ease)}
.svc-door:hover{border-color:var(--gold-line);transform:translateY(-2px)}
.svc-door__ic{display:grid;place-items:center;width:44px;height:44px;border-radius:13px;background:var(--gold-soft);color:var(--gold)}
.svc-door__ic svg{width:22px;height:22px}
.svc-door__t{font-weight:600;font-size:15.5px}
.svc-door b{color:var(--gold);transition:transform .3s}
.svc-door:hover b{transform:translateX(4px)}
.svc-door--all{grid-template-columns:minmax(0,1fr);border-style:dashed;border-color:var(--gold-line);background:transparent;color:var(--gold);text-align:center}
.svc-doors.is-in .svc-door{animation:svcRowIn .5s var(--ease) both;animation-delay:calc(var(--i, 8) * .06s)}

/* ==========================================================================
   PRICING
   ========================================================================== */
.svc-tiers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:stretch}
.svc-tier{position:relative;display:flex;flex-direction:column;padding:28px 26px;border-radius:28px;border:1px solid var(--edge-2);background:linear-gradient(180deg,#111318,#0B0C0F)}
.svc-tier.is-pop{border-color:var(--gold);background:radial-gradient(90% 60% at 50% 0%,rgba(244,160,0,.12),transparent 70%),#111318;box-shadow:0 30px 70px -30px rgba(244,160,0,.35);transform:translateY(-10px)}
.svc-tier__pop{position:absolute;left:50%;top:-13px;transform:translateX(-50%);padding:5px 12px;border-radius:100px;background:var(--gold);color:#111;font-size:11.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}
.svc-tier__kind{font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--text-dim)}
.svc-tier__name{margin:8px 0 12px;font-family:var(--font-head);font-weight:800;font-size:24px;letter-spacing:-.02em}
.svc-tier__fee{font:800 clamp(28px,2.6vw,36px)/1.1 var(--font-head);letter-spacing:-.02em;color:var(--gold)}
.svc-tier__for{margin:12px 0 20px;font-size:15px;line-height:1.55;color:var(--text-mid)}
.svc-tier .svc-ticks{padding-top:18px;border-top:1px solid var(--edge)}
.svc-tier.is-in .svc-ticks li{animation:svcRowIn .5s var(--ease) both;animation-delay:calc(var(--i) * .1s + .4s)}
.svc-quote{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:22px 28px;margin-top:40px;padding:26px 30px;border-radius:26px;border:1px solid var(--gold-line);
  background:radial-gradient(60% 120% at 0% 50%,rgba(244,160,0,.12),transparent 70%),#0E1014}
.svc-quote h3{margin:0 0 6px;font-family:var(--font-head);font-weight:800;font-size:22px}
.svc-quote p{margin:0;font-size:15px;line-height:1.55;color:var(--text-mid)}
.svc-quote__doc{position:relative;display:grid;align-content:start;gap:6px;width:58px;height:72px;padding:12px 10px;border-radius:10px;border:1px solid var(--gold-line);background:#15130D}
.svc-quote__doc i{height:5px;border-radius:3px;background:rgba(244,160,0,.5)}
.svc-quote__doc i.s{width:60%}
.svc-quote__doc b{position:absolute;right:-10px;bottom:-10px;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--gold);color:#111;font:800 14px/1 var(--font-head);animation:svcCoin 3s ease-in-out infinite}
@keyframes svcCoin{0%,100%{transform:none}50%{transform:translateY(-5px) rotate(12deg)}}

/* ==========================================================================
   FROM THE BLOG
   ========================================================================== */
.svc-posts__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
/* the homepage card's anatomy: the featured image (16:9) above the words, or a drawn sky with the topic when an
   article has no picture (layouts/partials/article-card) */
.svc-post{display:flex;flex-direction:column;overflow:hidden;border-radius:22px;border:1px solid var(--edge-2);background:#0E1014;color:inherit;text-decoration:none}
.svc-post__img{display:block;position:relative;aspect-ratio:16/9;overflow:hidden;border-bottom:1px solid var(--edge-2);background:#0c0e12}
.svc-post__img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.svc-post__blank{position:absolute;inset:0;display:grid;place-items:center;overflow:hidden;
  background:radial-gradient(70% 90% at 70% 20%,rgba(244,160,0,.16),transparent 60%),radial-gradient(60% 80% at 15% 90%,rgba(169,155,255,.12),transparent 60%),#0c0e12}
.svc-post__blank::before{content:"";position:absolute;width:150%;aspect-ratio:1;border-radius:50%;border:1px dashed rgba(244,160,0,.28);transform:rotate(var(--h,0deg)) translate(26%,34%)}
.svc-post__blank i{position:absolute;width:4px;height:4px;border-radius:50%;background:#F4D08A;box-shadow:0 0 10px rgba(244,160,0,.7)}
.svc-post__blank i:nth-child(1){top:24%;left:22%}.svc-post__blank i:nth-child(2){top:58%;left:64%;width:3px;height:3px}.svc-post__blank i:nth-child(3){top:32%;left:78%;width:2px;height:2px}
.svc-post__blank b{position:relative;font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:rgba(244,214,160,.85)}
/* (owner, 8 Oct 2026: the read link "not aligned to the bottom properly") the link sits on each card's floor, level across a row */
.svc-post__body{display:flex;flex-direction:column;gap:14px;flex:1;padding:22px}
.svc-post__meta{display:flex;justify-content:space-between;gap:10px;font-size:12px;color:var(--text-dim)}
.svc-post__meta span{font-weight:700;color:var(--gold)}
.svc-post h3{margin:0;font-family:var(--font-head);font-size:19px;line-height:1.3}
.svc-post__go{margin-top:auto;font-size:14px;font-weight:600;color:var(--gold)}

/* ==========================================================================
   FAMILY B (AEO first): the answer box hero, pillar panels, the showcase
   cards, the process ribbon, mistakes with their ledger, the contract and
   our terms, industry chips, pricing notes
   ========================================================================== */
.svc-stats--wide{grid-template-columns:minmax(0,.8fr) repeat(5,minmax(0,1fr));align-items:stretch}
.svc-stats__k{align-self:center;font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--text-dim)}
/* hero: the answer box cites you; the links get scrolled past */
.svc-answer{display:grid;gap:14px}
.svc-answer__phone{position:relative;display:grid;gap:12px;padding:18px;border-radius:28px;border:1px solid var(--edge-2);overflow:hidden;
  background:radial-gradient(70% 55% at 50% 20%,rgba(244,160,0,.1),transparent 70%),#0C0E12;box-shadow:0 60px 120px -60px rgba(0,0,0,.95)}
.svc-q{display:flex;align-items:center;gap:10px;height:46px;padding:0 16px;border-radius:100px;border:1px solid var(--gold-line);background:#181B21;color:var(--gold);min-width:0}
.svc-q svg{flex:0 0 auto;width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.svc-q span{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:500;color:var(--text)}
.svc-q__caret{flex:0 0 auto;width:2px;height:18px;background:var(--gold);animation:svcBlink 1s steps(2) infinite}
.svc-ai{display:grid;gap:10px;padding:14px;border-radius:18px;border:1px solid var(--teal-line);background:rgba(79,191,160,.06)}
.svc-ai__pill{display:flex;align-items:center;gap:8px;font-size:12.5px;font-weight:600;color:var(--text-mid)}
.svc-ai__pill svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.svc-ai__box{display:grid;gap:8px;padding:12px 14px;border-radius:14px;background:#0F1A18}
.svc-ai__tag{font-size:12px;font-weight:800;color:var(--teal)}
.svc-ai__tx{margin:0;font-size:13.5px;line-height:1.55;color:var(--text);clip-path:inset(0 0 0 0)}
.svc-ai__cite{justify-self:start;display:inline-flex;align-items:center;gap:8px;padding:5px 10px;border-radius:100px;border:1px solid var(--gold);background:var(--gold-soft)}
.svc-ai__cite small{font-size:10.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-dim)}
.svc-ai__cite b{font-size:12.5px;color:var(--gold)}
.svc-ai__trad{display:flex;justify-content:space-between;gap:10px;padding:8px 12px;border-radius:10px;border:1px dashed var(--edge-2);font-size:12px;color:var(--text-dim)}
.svc-ai__trad em{font-style:normal;color:var(--coral)}
.svc-org{display:grid;gap:5px;padding:10px 12px;border-radius:12px;border:1px solid var(--edge);background:#111419;opacity:.6}
.svc-org span{font-size:11px;color:var(--teal)}
.svc-org i{height:6px;width:80%;border-radius:3px;background:rgba(255,255,255,.12)}
.svc-org i.s{width:55%}
.svc-answer.is-in .svc-ai__tx{animation:svcWrite 7s ease infinite}
@keyframes svcWrite{0%{clip-path:inset(0 100% 0 0)}30%,92%{clip-path:inset(0 0 0 0)}100%{clip-path:inset(0 0 0 0);opacity:.4}}
.svc-answer.is-in .svc-ai__cite{animation:svcCite 7s cubic-bezier(.34,1.6,.5,1) infinite}
@keyframes svcCite{0%,30%{opacity:0;transform:scale(.6)}36%,94%{opacity:1;transform:none}100%{opacity:0}}
.svc-answer.is-in .svc-org{animation:svcSink 7s ease infinite}
@keyframes svcSink{0%,34%{transform:none;opacity:.6}44%,94%{transform:translateY(10px);opacity:.25}100%{transform:none;opacity:.6}}
.svc-answer__note{margin:0;font-family:var(--font-head);font-weight:700;font-size:17px;color:var(--text-mid)}
.svc-answer__note b{color:var(--gold)}
.svc-answer__cap{margin:0;padding-left:14px;border-left:2px solid var(--gold);font-size:13.5px;color:var(--text-dim)}
/* value: pillar panels */
.svc-board--pillars .svc-offer{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr)}
.svc-offer__panel .svm{margin:0}
.svm-page{display:grid;gap:6px;margin:4px 18px 8px;padding:12px 14px;border-radius:12px;border:1px solid var(--teal-line);background:rgba(79,191,160,.06)}
.svm-page b{font-size:14px;color:var(--text)}
.svm-page p{margin:0;font-size:13px;line-height:1.5;color:var(--text-mid)}
.svm-row b{padding:2px 9px;border-radius:100px;font-size:12px;font-weight:700;color:var(--text-mid);white-space:nowrap}
.svm-row.is-hot b{background:var(--teal-soft);color:var(--teal)}
.svm-row.is-gold b{background:var(--gold-soft);color:var(--gold)}
.svm-row.is-cut span{text-decoration:line-through;text-decoration-color:var(--coral);color:var(--text-dim)}
.svm-row.is-cut b{background:rgba(255,122,107,.12);color:var(--coral)}
.svc-offer.is-on .svm-row{animation:svcRowIn .5s var(--ease) both;animation-delay:calc(var(--i) * .15s + .3s)}
.svc-outcome--wide{margin-top:28px}
/* the showcase: four cards, each with its scene */
.svc-feats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.svc-feat{display:flex;flex-direction:column;padding:20px 20px 24px;border-radius:26px;border:1px solid var(--edge-2);background:linear-gradient(180deg,#111318,#0B0C0F);cursor:pointer;transition:border-color .45s,box-shadow .45s}
.svc-feat.is-on{border-color:var(--gold-line);box-shadow:0 40px 80px -50px rgba(244,160,0,.45)}
.svc-feat.is-on .svc-feat__art{border-color:rgba(244,160,0,.22)}
.svc-feat__art{position:relative;height:216px;margin-bottom:20px;border-radius:16px;border:1px solid var(--edge);background:#0A0B0E;overflow:hidden}
.svc-feat__n{font:800 13px/1 var(--font-head);color:var(--gold)}
.svc-feat h3{margin:10px 0 8px;font-family:var(--font-head);font-weight:800;font-size:24px;letter-spacing:-.02em}
.svc-feat p{margin:0 0 16px;font-size:15px;line-height:1.6;color:var(--text-mid)}
.svc-feat .svc-ticks{padding-top:14px;border-top:1px solid var(--edge)}
.svf{position:absolute;inset:0;display:grid;align-content:center;gap:8px;padding:16px 18px}
.svf-org{display:grid;gap:5px;padding:9px 12px;border-radius:10px;border:1px solid var(--edge);background:#111419;opacity:.55}
.svf-org i,.svf-snip i{height:6px;border-radius:3px;background:rgba(255,255,255,.14)}
.svf-org i.s,.svf-snip i.s{width:60%}
.svf-snip{position:relative;display:grid;gap:6px;padding:12px 14px;border-radius:12px;border:1px solid var(--gold);background:var(--gold-soft)}
.svf-snip i.h{height:9px;width:70%;background:var(--gold)}
.svf-snip__zero{position:absolute;right:10px;top:-10px;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--gold);color:#111;font:800 12px/1 var(--font-head)}
.svf-snip__src{justify-self:start;width:90px;height:8px;border-radius:4px;background:var(--teal)}
.svc-feat.is-on .svf-snip{animation:svcPop 6s cubic-bezier(.34,1.5,.5,1) infinite}
@keyframes svcPop{0%,8%{opacity:0;transform:translateY(-10px) scale(.95)}16%,90%{opacity:1;transform:none}100%{opacity:0}}
.svf-paa__q{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;padding:9px 12px;border-radius:10px;border:1px solid var(--edge);background:#111419}
.svf-paa__q > i{height:7px;border-radius:4px;background:rgba(255,255,255,.2)}
.svf-paa__q > b{font-size:13px;color:var(--text-dim)}
.svf-paa__q.is-open{border-color:var(--teal-line)}
.svf-paa__a{grid-column:1 / -1;display:grid;gap:5px;padding-top:6px;overflow:hidden;max-height:0}
.svf-paa__a i{height:6px;border-radius:3px;background:rgba(79,191,160,.5)}
.svf-paa__a i.s{width:60%}
.svf-paa__a em{width:70px;height:8px;border-radius:4px;background:var(--gold)}
.svc-feat.is-on .svf-paa__a{animation:svcOpen 6s ease infinite}
@keyframes svcOpen{0%,15%{max-height:0}28%,88%{max-height:60px}100%{max-height:0}}
.svf-aio__tag{justify-self:start;padding:4px 10px;border-radius:100px;background:var(--teal-soft);color:var(--teal);font-weight:800}
.svf-aio__lines{display:grid;gap:6px}
.svf-aio__lines i{height:7px;width:var(--w);border-radius:4px;background:rgba(255,255,255,.16);transform-origin:left}
.svc-feat.is-on .svf-aio__lines i{animation:svcType 6s ease infinite;animation-delay:calc(var(--i) * .3s)}
@keyframes svcType{0%{transform:scaleX(0)}25%,90%{transform:none}100%{transform:scaleX(0)}}
.svf-aio__cites{display:flex;gap:8px;margin-top:4px}
.svf-aio__cites span{width:70px;height:20px;border-radius:100px;border:1px solid var(--edge-2)}
.svf-aio__cites span.is-you{border-color:var(--gold);background:var(--gold-soft)}
.svc-feat.is-on .svf-aio__cites span{animation:svcRowIn .5s var(--ease) both;animation-delay:calc(var(--i) * .2s + 1.6s)}
.svf--kp{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);align-items:center}
.svf-kp__serp{display:grid;gap:8px}
.svf-kp__serp i{height:26px;border-radius:8px;border:1px solid var(--edge);background:#111419}
.svf-kp__card{display:grid;gap:6px;padding:12px;border-radius:12px;border:1px solid var(--gold-line);background:#15130D;order:2}
.svf-kp__logo{width:36px;height:36px;border-radius:10px;background:var(--gold)}
.svf-kp__card i.h{height:9px;width:80%;border-radius:4px;background:rgba(255,255,255,.4)}
.svf-kp__stars{font-size:11px;letter-spacing:1px;color:var(--gold)}
.svf-kp__row{display:grid;grid-template-columns:40% 1fr;gap:6px}
.svf-kp__row i{height:5px;border-radius:3px;background:rgba(255,255,255,.14)}
.svc-feat.is-on .svf-kp__card{animation:svcPop 6s cubic-bezier(.34,1.5,.5,1) infinite}
/* the process ribbon */
.svc-ribbon{display:grid;gap:26px}
.svc-ribbon__rail{position:relative;height:74px}
.svc-ribbon__line{position:absolute;left:0;right:0;top:15px;height:3px;border-radius:3px;background:rgba(255,255,255,.08)}
.svc-ribbon__line i{position:absolute;left:0;top:0;bottom:0;width:var(--p,0%);border-radius:inherit;background:linear-gradient(90deg,var(--teal),var(--gold));transition:width .8s var(--ease)}
.svc-ribbon__stop{position:absolute;left:var(--x);top:0;display:grid;justify-items:center;gap:8px;padding:0;border:0;background:none;color:var(--text-dim);font:inherit;cursor:pointer;transform:translateX(-50%)}
.svc-ribbon__stop:first-of-type{justify-items:start;transform:none}
.svc-ribbon__stop:last-of-type{justify-items:end;transform:translateX(-100%)}
.svc-ribbon__stop b{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;border:2px solid rgba(255,255,255,.2);background:#0A0B0E;font:800 13px/1 var(--font-head);color:var(--text-dim);transition:all .35s}
.svc-ribbon__stop span{font-size:12.5px;white-space:nowrap}
.svc-ribbon__stop.is-done b{border-color:var(--teal);color:var(--teal)}
.svc-ribbon__stop.is-on b{border-color:var(--gold);background:var(--gold);color:#111;box-shadow:0 0 0 6px rgba(244,160,0,.15),0 0 18px rgba(244,160,0,.55)}
.svc-ribbon__stop.is-on span{color:var(--gold)}
.svc-ribbon__panes{display:grid}
.svc-phase{grid-area:1/1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:34px;padding:26px;border-radius:28px;border:1px solid var(--edge-2);background:#101318;
  opacity:0;transform:translateY(10px);pointer-events:none;transition:opacity .45s var(--ease),transform .5s var(--ease)}
.svc-phase.is-on{opacity:1;transform:none;pointer-events:auto}
.svc-phase__art{position:relative;height:250px;border-radius:18px;border:1px solid var(--edge);background:#0A0B0E;overflow:hidden}
.svc-phase__meta{display:flex;justify-content:space-between;gap:10px;margin-bottom:16px;font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim)}
.svc-phase__meta span:first-child{color:var(--gold)}
.svc-phase__k{display:block;font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--teal)}
.svc-phase h3{margin:6px 0 16px;font-family:var(--font-head);font-weight:800;font-size:clamp(24px,2.3vw,32px);letter-spacing:-.025em}
.svc-phase p{margin:6px 0 0;font-size:16px;line-height:1.65;color:var(--text-mid)}
.svp{position:absolute;inset:0;padding:18px}
.svc-phase.is-on .svp{--run:running}
.svp--map{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;align-content:center}
.svp-map__cell{display:grid;place-items:center;height:56px;border-radius:10px;border:1px solid var(--edge);background:#111419}
.svp-map__cell i{width:26px;height:8px;border-radius:4px;background:rgba(255,255,255,.2)}
.svp-map__cell.is-you{border-color:var(--gold-line);background:var(--gold-soft)}
.svp-map__cell.is-you i{background:var(--gold)}
.svp-map__cell.is-them i{background:rgba(255,122,107,.6)}
.svp-map__cell.is-none{border-style:dashed}
.svc-phase.is-on .svp-map__cell{animation:svcRowIn .4s ease both;animation-delay:calc(var(--i) * .08s)}
.svp-map__scan{position:absolute;left:0;right:0;top:0;height:40px;background:linear-gradient(transparent,rgba(79,191,160,.16),transparent);animation:svcScan 3.6s linear infinite;animation-play-state:var(--run,paused)}
@keyframes svcScan{from{transform:translateY(-40px)}to{transform:translateY(260px)}}
.svp--gap{display:grid;align-content:center;gap:8px}
.svp-gap__row{display:grid;grid-template-columns:26px minmax(0,1fr) 22px;align-items:center;gap:10px;padding:9px 12px;border-radius:10px;border:1px solid var(--edge);background:#111419}
.svp-gap__row b{display:grid;place-items:center;width:26px;height:26px;border-radius:8px;background:var(--gold-soft);color:var(--gold);font-weight:800}
.svp-gap__row i{height:7px;border-radius:4px;background:rgba(255,255,255,.16)}
.svp-gap__row em{font-style:normal;font-weight:800;color:var(--teal)}
.svp-gap__row.is-gap{border-style:dashed;border-color:rgba(255,122,107,.5)}
.svc-phase.is-on .svp-gap__row.is-gap{animation:svcGap 2.4s ease infinite}
@keyframes svcGap{50%{background:rgba(255,122,107,.08)}}
.svp--shape{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:12px}
.svp-shape__before,.svp-shape__after{display:grid;gap:6px;padding:12px;border-radius:12px;border:1px solid var(--edge);background:#111419}
.svp-shape__before i{height:5px;width:var(--w);border-radius:3px;background:rgba(255,255,255,.14)}
.svp-shape__after i{height:6px;border-radius:3px;background:rgba(255,255,255,.14)}
.svp-shape__after i.h{height:9px;width:80%;background:var(--gold)}
.svp-shape__after i.a{width:70%;background:rgba(79,191,160,.6)}
.svp-shape__list{display:grid;gap:4px;padding-left:10px;border-left:2px solid var(--teal-line)}
.svp-shape__arrow{font-size:22px;color:var(--gold)}
.svc-phase.is-on .svp-shape__after > *{animation:svcRowIn .5s var(--ease) both}
.svc-phase.is-on .svp-shape__after > *:nth-child(2){animation-delay:.2s}
.svc-phase.is-on .svp-shape__after > *:nth-child(3){animation-delay:.4s}
.svc-phase.is-on .svp-shape__after > *:nth-child(4){animation-delay:.6s}
.svc-phase.is-on .svp-shape__after > *:nth-child(5){animation-delay:.8s}
.svp--schema{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:14px}
.svp-code{display:grid;gap:7px;padding:12px;border-radius:12px;border:1px solid var(--edge);background:#0E1015;font:700 14px/1 ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--gold)}
.svp-code span{display:flex;gap:6px;align-items:center;padding-left:10px}
.svp-code em{font-style:normal;font-size:10.5px;color:var(--teal)}
.svp-code span i{flex:1;height:6px;border-radius:3px;background:rgba(255,255,255,.18)}
.svc-phase.is-on .svp-code span{animation:svcRowIn .4s ease both;animation-delay:calc(var(--i) * .3s + .2s)}
.svp-rich{display:grid;gap:8px;padding:12px;border-radius:12px;border:1px solid var(--teal-line);background:rgba(79,191,160,.06)}
.svp-rich i.t{height:9px;width:80%;border-radius:4px;background:#9DB8FF}
.svp-rich__faq{display:grid;gap:5px}
.svp-rich__faq i{height:14px;border-radius:5px;border:1px solid var(--edge-2)}
.svc-phase.is-on .svp-rich{animation:svcPop 6s cubic-bezier(.34,1.5,.5,1) 1s infinite}
.svp--eeat{display:grid;align-content:center;gap:16px}
.svp-author{display:flex;align-items:center;gap:12px;padding:12px;border-radius:12px;border:1px solid var(--edge);background:#111419}
.svp-author__face{width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,rgba(244,160,0,.4),rgba(79,191,160,.3))}
.svp-author__lines{flex:1;display:grid;gap:6px}
.svp-author__lines i{height:7px;border-radius:4px;background:rgba(255,255,255,.2)}
.svp-author__lines i.s{width:60%}
.svp-badges{display:flex;justify-content:center;gap:10px}
.svp-badges span{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;border:1px solid var(--gold-line);background:var(--gold-soft);font:800 18px/1 var(--font-head);color:var(--gold)}
.svc-phase.is-on .svp-badges span{animation:svcFlag .5s cubic-bezier(.34,1.6,.5,1) both;animation-delay:calc(var(--i) * .25s + .4s)}
.svp--track{display:grid;align-content:center;gap:8px;padding-right:110px}
.svp-track__row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:9px 12px;border-radius:10px;border:1px solid var(--edge);background:#111419}
.svp-track__row i{height:7px;border-radius:4px;background:rgba(255,255,255,.16)}
.svp-track__row.is-up b{color:var(--teal)}
.svp-track__row.is-down b{color:var(--coral)}
.svc-phase.is-on .svp-track__row{animation:svcRowIn .4s ease both;animation-delay:calc(var(--i) * .2s)}
.svp-track__count{position:absolute;right:18px;top:50%;display:grid;justify-items:center;gap:2px;padding:14px;border-radius:16px;border:1px solid var(--teal-line);background:rgba(79,191,160,.07);transform:translateY(-50%)}
.svp-track__count b{font:800 34px/1 var(--font-head);color:var(--teal)}
.svp-track__count small{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--text-dim)}
/* mistakes and their ledger */
.svc-mist{display:grid;grid-template-columns:minmax(0,360px) minmax(0,1fr);align-items:start;gap:28px}
.svc-mist__ledger{position:sticky;top:110px}
.svc-mist__list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.svc-warn{display:flex;gap:14px;padding:18px;border-radius:20px;border:1px solid var(--edge-2);background:#0E1014}
.svc-warn__ic{display:grid;place-items:center;flex:0 0 auto;width:38px;height:38px;border-radius:12px;background:rgba(255,122,107,.1);color:var(--coral)}
.svc-warn__ic svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.svc-warn h3{margin:0 0 6px;font-size:16.5px;color:var(--text)}
.svc-warn p{margin:0;font-size:14px;line-height:1.55;color:var(--text-mid)}
.svc-warn.is-in .svc-warn__ic{animation:svcWarn 3s ease 1s infinite}
@keyframes svcWarn{0%,80%,100%{transform:none}85%{transform:rotate(-10deg)}90%{transform:rotate(8deg)}}
.svc-peek > summary{display:none}
.svc-ledger{display:grid;gap:0;padding:20px;border-radius:20px;border:1px solid rgba(255,122,107,.35);background:#0E0F12;font-size:13.5px;
  background-image:repeating-linear-gradient(0deg,transparent 0 27px,rgba(255,255,255,.025) 27px 28px)}
.svc-ledger__t{font:800 12.5px/1.3 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.06em;color:var(--coral)}
.svc-ledger__s{margin:4px 0 12px;font-size:13px;color:var(--text-dim)}
.svc-ledger__row{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-top:1px dashed var(--edge-2);color:var(--text-soft)}
.svc-ledger__row b{font-variant-numeric:tabular-nums;color:var(--coral)}
.svc-ledger__row.is-head b{color:var(--teal)}
.svc-ledger__row.is-total{border-top:1.5px solid rgba(255,122,107,.5);font-weight:700;color:var(--text)}
.svc-ledger__note{margin:10px 0 0;font-size:12px;color:var(--text-dim)}
.svc-mist__ledger.is-in .svc-ledger__row{animation:svcRowIn .4s ease both;animation-delay:calc(var(--i, 0) * .2s + .3s)}
/* the contract, struck through, and our terms */
.svc-deal{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:start}
.svc-contract{position:relative;display:grid;gap:0;padding:24px;border-radius:22px;border:1px solid var(--edge-2);background:#EDE7DA;color:#2A2622;overflow:hidden}
.svc-contract__chip{justify-self:start;padding:4px 10px;border-radius:100px;background:rgba(200,60,40,.12);font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#B8412E}
.svc-contract__k{margin:12px 0 14px;font:800 14px/1.35 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.02em}
.svc-contract__row{position:relative;display:grid;grid-template-columns:34px minmax(0,1fr) 20px;gap:10px;align-items:start;padding:10px 0;border-top:1px solid rgba(42,38,34,.15);font-size:13.5px;line-height:1.5}
.svc-contract__n{font:700 12px/1.6 ui-monospace,SFMono-Regular,Menlo,monospace;color:#7A7166}
.svc-contract__x{font-weight:800;color:#C8412E;opacity:0}
.svc-contract__tx > span{background:linear-gradient(#C8412E,#C8412E) no-repeat 0 58% / 0 1.5px}
.svc-contract.is-in .svc-contract__tx > span{animation:svcStrikeTx .6s ease both;animation-delay:calc(var(--i) * .5s + .6s)}
.svc-contract.is-in .svc-contract__x{animation:svcFlag .4s ease both;animation-delay:calc(var(--i) * .5s + .9s)}
@keyframes svcStrikeTx{to{background-size:100% 1.5px}}
.svc-contract__cap{margin:14px 0 0;padding:10px 12px;border-radius:10px;background:rgba(200,60,40,.1);font-size:13px;font-style:italic;color:#8A2E20}
.svc-contract__stamp{position:absolute;right:18px;top:16px;width:74px;height:74px;border-radius:50%;border:3px solid rgba(200,60,40,.55);transform:rotate(-14deg) scale(1.6);opacity:0}
.svc-contract__stamp::after{content:"✕";position:absolute;inset:0;display:grid;place-items:center;font:800 30px/1 var(--font-head);color:rgba(200,60,40,.65)}
.svc-contract.is-in .svc-contract__stamp{animation:svcStampIn .5s cubic-bezier(.2,1.5,.4,1) 3s both}
@keyframes svcStampIn{to{opacity:1;transform:rotate(-14deg)}}
.svc-terms{display:grid;gap:12px;padding:24px;border-radius:22px;border:1px solid var(--teal-line);background:rgba(79,191,160,.05)}
.svc-terms__k{font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--teal)}
.svc-term{display:flex;gap:14px;padding-top:12px;border-top:1px solid rgba(79,191,160,.15)}
.svc-term__ic{display:grid;place-items:center;flex:0 0 auto;width:30px;height:30px;border-radius:50%;background:var(--teal);color:#0A1512;font-weight:800}
.svc-term h3{margin:0 0 4px;font-size:16.5px;color:var(--text)}
.svc-term p{margin:0;font-size:14px;line-height:1.55;color:var(--text-mid)}
.svc-terms.is-in .svc-term{animation:svcRowIn .5s var(--ease) both;animation-delay:calc(var(--i) * .15s + .3s)}
/* industry chips */
.svc-chips{display:flex;flex-wrap:wrap;gap:10px}
.svc-chip{display:inline-flex;align-items:center;gap:10px;padding:12px 18px;border-radius:100px;border:1px solid var(--edge-2);background:#0E1014;font-weight:600;color:var(--text)}
.svc-chip i{width:8px;height:8px;border-radius:50%;background:var(--gold);box-shadow:0 0 8px rgba(244,160,0,.7)}
.svc-chip--all{border-style:dashed;border-color:var(--gold-line);background:transparent;color:var(--gold);text-decoration:none}
.svc-chips.is-in .svc-chip{animation:svcRowIn .45s var(--ease) both;animation-delay:calc(var(--i, 8) * .06s)}
/* pricing notes */
.svc-pricenote{display:flex;gap:12px;align-items:flex-start;max-width:860px;margin:0 0 30px;padding:14px 18px;border-radius:16px;border:1px solid var(--teal-line);background:rgba(79,191,160,.06);font-size:15px;line-height:1.55;color:var(--text-mid)}
.svc-pricenote > span:first-child{font-weight:800;color:var(--teal)}
.svc-pricenote strong{color:var(--text)}
.svc-tier__spend{display:grid;gap:2px;margin:10px 0 18px;padding:10px 12px;border-radius:12px;background:rgba(255,255,255,.03)}
.svc-tier__spend b{font-size:14px;color:var(--text)}
.svc-tier__spend span{font-size:12px;color:var(--text-dim)}
.svc-tier__name + .svc-tier__for{margin-top:0}
@media (max-width:1080px){
  .svc-stats--wide{grid-template-columns:repeat(3,minmax(0,1fr))}
  .svc-stats__k{grid-column:1 / -1}
  .svc-feats{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .svc-phase{grid-template-columns:minmax(0,1fr);gap:18px}
  .svc-phase__art{height:210px}
  .svc-mist{grid-template-columns:minmax(0,1fr)}
  .svc-mist__ledger{position:static}
  .svc-deal{grid-template-columns:minmax(0,1fr)}
  .svc-board--pillars .svc-offer{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:700px){
  .svc-stats--wide{grid-template-columns:repeat(2,minmax(0,1fr))}
  .svc-answer__phone{padding:14px;border-radius:22px}
  .svc-feats{grid-template-columns:minmax(0,1fr)}
  .svc-feat{padding:16px 16px 20px}
  .svc-feat__art{height:206px}
  .svc-hint--desk{display:none}
  .svc-stats--wide > :last-child:nth-child(even){grid-column:1 / -1}
  .svc-ribbon__rail{height:40px}
  .svc-ribbon__stop span{display:none}
  .svc-ribbon__stop b{width:26px;height:26px;font-size:11px}
  .svc-ribbon__line{top:12px}
  .svc-phase{grid-area:auto;opacity:1;transform:none;pointer-events:auto;padding:18px;align-content:start}
  .svc-phase__art{height:190px}
  .svc-mist__list{grid-template-columns:minmax(0,1fr)}
  .svc-peek > summary{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-radius:14px;border:1px solid var(--edge-2);background:#0E1014;cursor:pointer;list-style:none;font-weight:600;color:var(--gold)}
  .svc-peek > summary::-webkit-details-marker{display:none}
  .svc-peek[open] > summary{margin-bottom:10px}
  .svc-peek[open] > summary span{transform:rotate(45deg)}
  .svc-contract,.svc-terms{padding:18px}
  .svc-contract__stamp{width:56px;height:56px}
}

/* ==========================================================================
   Tablet and phone
   ========================================================================== */
@media (max-width:1080px){
  .svc-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .svc-engine{grid-template-columns:minmax(0,1fr) 180px;gap:24px}
  .svc-engine__read{grid-column:1 / -1}
  .svc-pillar__pipe{display:none}
  .svc-board{grid-template-columns:230px minmax(0,1fr);gap:18px}
  .svc-offer{grid-template-columns:minmax(0,1fr);gap:20px}
  .svc-offer__art{height:210px}
  .svc-why__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .svc-doors{grid-template-columns:repeat(2,minmax(0,1fr))}
  .svc-tiers{gap:14px}
  .svc-posts__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:700px){
  .svc-lede--wide{display:none}
  .svc-fold{display:block}
  .svc-hint--phone{display:block;text-align:center}
  .svc-hint--rail{display:none}
  .svc-climb{padding:18px 16px;border-radius:24px}
  .svc-stats{gap:10px;margin-top:34px}
  .svc-stat{padding:16px}
  .svc-stat__l{font-size:12.5px}
  .svc-engine{grid-template-columns:minmax(0,1fr);gap:18px}
  .svc-engine__core{width:170px;margin:0 auto;order:-1}
  .svc-engine__pillars{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .svc-pillar{padding:12px;gap:10px;font-size:14px}
  .svc-pillar b{width:28px;height:28px;font-size:11px}
  .svc-stage__label{display:none}
  .svc-proc .wdp-story__rail button b{display:inline;font-size:14px}
  .svc-proc .svc-rail__t{display:none}
  .svc-proc .wdp-story__stage .wdp-panel__bar{display:none}
  .svs > div:not(.wdp-panel__bar){height:190px}
  .svc-board{grid-template-columns:minmax(0,1fr)}
  .svc-board__rail{display:none}
  .svc-board__car,.svc-board__panels{height:auto}
  .svc-hint--phone{margin-top:18px}
  .svc-offer{grid-area:auto;opacity:1;transform:none;pointer-events:auto;padding:18px;align-content:start}
  .svc-offer__art{height:180px}
  .svc-why__grid{grid-template-columns:minmax(0,1fr)}
  .svc-table{border-radius:20px}
  .svc-table__row{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .svc-table__row > span{padding:12px 14px;font-size:13.5px}
  .svc-table__k{grid-column:1 / -1;padding-bottom:0!important;font-size:12px!important;letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim)!important}
  .svc-table__row.is-head .svc-table__k,.svc-table__row.is-head > span:first-child{display:none}
  .svc-table__row.is-head span{font-size:14px}
  .svc-table__sweep{display:none}
  .svc-doors{grid-template-columns:minmax(0,1fr)}
  .svc-tier.is-pop{transform:none}
  /* the carousel track clips above its cards: room for the "most popular" badge */
  .wdp-car .svc-tiers.wdp-car__track{padding-top:18px}
  .svc-quote{grid-template-columns:minmax(0,1fr);padding:22px 20px}
  .svc-quote .wdp-btn{width:100%;justify-content:center}
  .svc-posts__grid{grid-template-columns:minmax(0,1fr)}
}
@media (prefers-reduced-motion:reduce){
  .svc *,.svc *::before,.svc *::after{animation:none!important}
  .svc-climb__line,.svs-road__path,.svs-report__line,.svw-held__line{stroke-dashoffset:0!important}
  .svc-climb__rank,.svs-audit__flag,.svs-road__stop,.svs-web__node,.svo-cl__spoke,.svs-found__checks b{opacity:1!important;transform:none!important}
  .svc-case__line{clip-path:none!important}
  .svc-ai__tx{clip-path:none!important}
  .svc-ai__cite,.svc-contract__x,.svc-contract__stamp{opacity:1!important;transform:none!important}
  .svc-contract__tx > span{background-size:100% 1.5px!important}
  .svf-paa__a{max-height:60px!important}
}

/* Laptop screens (short desktop viewports): the hero's call to action shows without scrolling.
   Less air above and between the hero's parts, and a headline sized to the screen's height too. */
@media (min-width:1081px) and (max-height:950px){
  main.svc .wdp-hero{padding-top:136px;padding-bottom:84px}
  main.svc .wdp-crumb{margin-bottom:24px}
  main.svc .wdp-hero__title{margin:16px 0 16px;font-size:clamp(42px,min(5.5vw,8.2vh),82px)}
  main.svc .wdp-hero__intro{font-size:17px;line-height:1.58}
  main.svc .wdp-hero__ctas{margin-top:26px}
}

/* Phones: the hero's main button shows on the first screen of an iPhone (Safari's visible area is about 664px tall).
   The breadcrumb row goes (the trail is still in the page's structured data, and its links were 15px tap targets),
   with a little less air between the parts. (Not the services overview, already approved.) */
@media (max-width:700px){
  main.svc:not([data-svc="services"]) .wdp-hero{padding-top:118px}
  main.svc:not([data-svc="services"]) .wdp-crumb{display:none}
  main.svc:not([data-svc="services"]) .wdp-hero__title{margin:16px 0 14px}
  main.svc:not([data-svc="services"]) .wdp-hero__ctas{margin-top:22px}
}

/* Phones, one-handed: a carousel with labelled tabs (pricing tiers, good fit / not a fit, comparisons) puts them under
   its cards, in the thumb zone, instead of above; the tabs name each card, so its dots and the "choose an option" hint
   go. (Not the services overview, already approved.) */
@media (max-width:700px){
  main.svc:not([data-svc="services"]) .wdp-car--tabs{display:flex;flex-direction:column}
  main.svc:not([data-svc="services"]) .wdp-car--tabs > *{min-width:0}
  main.svc:not([data-svc="services"]) .wdp-car--tabs > .wdp-car__tabs{order:2;margin:14px 0 0}
  main.svc:not([data-svc="services"]) .wdp-car--tabs > .wdp-car__nav{display:none}
  main.svc:not([data-svc="services"]) .wdp-car__tabs button{min-height:44px;font-size:13px}
  main.svc:not([data-svc="services"]) .svc-hint--phone{display:none}
}

/* Phones: standalone text links ("See all free tools →", "View case study →") get a 44px touch area without
   changing the layout (an invisible hit box around the words). */
@media (max-width:700px){
  main.svc :is(.svc-link,.svc-case__foot a,.gex-case__go,.gax-case__link,.smx-case__foot a,.scx-case__foot a,.ppx-case__link){position:relative}
  main.svc :is(.svc-link,.svc-case__foot a,.gex-case__go,.gax-case__link,.smx-case__foot a,.scx-case__foot a,.ppx-case__link)::after{content:"";position:absolute;inset:-14px -6px}
}

/* FAQ: the "show all" button only matters on phones, where a long list folds after eight questions */
.svc-faq__more{display:none}
@media (max-width:700px){
  main.svc:not([data-svc="services"]) .svc-faq .is-folded > .is-more{display:none}
  main.svc:not([data-svc="services"]) .svc-faq .is-folded > .svc-faq__more:not([hidden]){display:flex;align-items:center;justify-content:center;width:100%;min-height:48px;margin-top:14px;
    padding:12px 18px;border-radius:100px;border:1px solid var(--gold-line);background:var(--gold-soft);color:var(--gold);font:700 15px/1.2 var(--font-body);cursor:pointer}
  .svc-faq .svc-faq__more:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
}

/* a case file's tag is its heading (h3) but keeps the tag's look */
.svc-case__tag{margin:0;font-family:inherit;line-height:1.3}
main .svc-case__tag{font-size:11.5px!important}

/* Case files (the owner's review, 29 Sep 2026): the proof line and the link always sit on two rows, on every card,
   instead of sharing a row on some cards and wrapping on others */
.svc-case__foot{flex-direction:column;flex-wrap:nowrap;align-items:flex-start;justify-content:flex-start;gap:10px}
.svc-case__foot a{display:inline-flex;align-items:center;gap:6px}
.svc-case__proof{text-wrap:wrap}

/* The ticker on phones (the owner's review, 29 Sep 2026): a slimmer, calmer band. Smaller type, smaller separators
   and softer ends, so it reads as a line of proof rather than a slab across the screen */
@media (max-width:700px){
  main.svc .el8-ticker{padding:10px 0;border-color:rgba(0,0,0,.25)}
  main.svc .el8-ticker__item{gap:14px;padding-right:14px;font-size:14px;font-weight:700;letter-spacing:0}
  main.svc .el8-ticker__item span[aria-hidden]{font-size:7px;opacity:.5}
}

/* ---- service pages (web design, Google Ads and on): every band's text-us option under its gold button. No box
   (owner, 1 Oct 2026): the teal icon and words, the number bold and underlined; a 44px tap area round the link ---- */
.svc-band__act{display:grid;justify-items:center;gap:6px}
.svc-band__sms{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:4px 8px;
  font-size:15px;font-weight:700;color:var(--teal);white-space:nowrap}
.svc-band__sms svg{flex:0 0 auto;width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linejoin:round}
.svc-band__sms a{display:inline;min-height:0;font-weight:800;letter-spacing:.01em;color:var(--teal);text-decoration:underline;text-decoration-thickness:1.5px;
  text-underline-offset:4px;text-decoration-color:var(--teal-line);transition:color .25s,text-decoration-color .25s}
.svc-band__sms a::after{content:"";position:absolute;inset:0}
.svc-band__sms:hover a{color:#7FE0C4;text-decoration-color:currentColor}
.svc-band__sms a:focus-visible{outline:none}
.svc-band__sms a:focus-visible::after{outline:2px solid var(--gold);outline-offset:2px;border-radius:8px}
@media (max-width:1080px){
  .wdp-band .svc-band__act{grid-column:1 / -1;display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:8px 20px}
  .wdp-band .svc-band__act .wdp-band__btn{grid-column:auto}
}
@media (max-width:700px){
  .wdp-band .svc-band__act{display:grid;grid-template-columns:minmax(0,1fr);justify-items:stretch;gap:4px}
  .svc-band__sms{white-space:normal}
}

/* ---- service pages under review (web design, Google Ads, AEO, GEO, SEM, PPC): split headers as on the approved SEO page. The right-hand
   text is one calm paragraph bottom-aligned with the title, a slim gold rule down its left that draws in with the
   section, and its first sentence the key line in gold ---- */
main.svc:is([data-svc="webdesign"],[data-svc="google-ads"],[data-svc="aeo"],[data-svc="geo"],[data-svc="sem"],[data-svc="ppc"],[data-svc="socialmedia"],[data-svc="cro"],[data-svc="case-studies"],[data-svc="about"],[data-svc="contact"]) .wdp-head--split{align-items:end;gap:32px 72px}
main.svc:is([data-svc="webdesign"],[data-svc="google-ads"],[data-svc="aeo"],[data-svc="geo"],[data-svc="sem"],[data-svc="ppc"],[data-svc="socialmedia"],[data-svc="cro"],[data-svc="case-studies"],[data-svc="about"],[data-svc="contact"]) .wdp-head--split > div:last-child{position:relative;align-self:end;max-width:520px;padding:2px 0 6px 24px}
main.svc:is([data-svc="webdesign"],[data-svc="google-ads"],[data-svc="aeo"],[data-svc="geo"],[data-svc="sem"],[data-svc="ppc"],[data-svc="socialmedia"],[data-svc="cro"],[data-svc="case-studies"],[data-svc="about"],[data-svc="contact"]) .wdp-head--split > div:last-child::before{content:"";position:absolute;left:0;top:4px;bottom:8px;width:2px;border-radius:2px;
  background:linear-gradient(180deg,var(--gold),rgba(244,160,0,.18));transform-origin:top;transition:transform .9s var(--ease) .2s}
html.el8-js main.svc:is([data-svc="webdesign"],[data-svc="google-ads"],[data-svc="aeo"],[data-svc="geo"],[data-svc="sem"],[data-svc="ppc"],[data-svc="socialmedia"],[data-svc="cro"],[data-svc="case-studies"],[data-svc="about"],[data-svc="contact"]) .wdp-head--split:not(.is-in) > div:last-child::before{transform:scaleY(0)}
main.svc:is([data-svc="webdesign"],[data-svc="google-ads"],[data-svc="aeo"],[data-svc="geo"],[data-svc="sem"],[data-svc="ppc"],[data-svc="socialmedia"],[data-svc="cro"],[data-svc="case-studies"],[data-svc="about"],[data-svc="contact"]) .wdp-head--split .wdp-lede{margin:0;font-size:16.5px;line-height:1.62;color:var(--text-mid);text-wrap:pretty}
main.svc .svc-lede__key{font-weight:600;color:var(--gold)}
main.svc:is([data-svc="webdesign"],[data-svc="google-ads"],[data-svc="aeo"],[data-svc="geo"],[data-svc="sem"],[data-svc="ppc"],[data-svc="socialmedia"],[data-svc="cro"],[data-svc="case-studies"],[data-svc="about"],[data-svc="contact"]) .wdp-head--split .svc-link{display:inline-flex;align-items:center;gap:6px;margin-top:10px;font-size:15px;line-height:1.3;font-weight:700;color:var(--gold);text-decoration:none}
main.svc:is([data-svc="webdesign"],[data-svc="google-ads"],[data-svc="aeo"],[data-svc="geo"],[data-svc="sem"],[data-svc="ppc"],[data-svc="socialmedia"],[data-svc="cro"],[data-svc="case-studies"],[data-svc="about"],[data-svc="contact"]) .wdp-head--split .svc-fold summary{font-size:16px;font-weight:600;line-height:1.45;color:var(--text)}
@media (min-width:901px) and (max-width:1180px){
  main.svc:is([data-svc="webdesign"],[data-svc="google-ads"],[data-svc="aeo"],[data-svc="geo"],[data-svc="sem"],[data-svc="ppc"],[data-svc="socialmedia"],[data-svc="cro"],[data-svc="case-studies"],[data-svc="about"],[data-svc="contact"]) .wdp-head--split{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:28px 44px}
  main.svc:is([data-svc="webdesign"],[data-svc="google-ads"],[data-svc="aeo"],[data-svc="geo"],[data-svc="sem"],[data-svc="ppc"],[data-svc="socialmedia"],[data-svc="cro"],[data-svc="case-studies"],[data-svc="about"],[data-svc="contact"]) .wdp-head--split .wdp-lede{font-size:15.5px;line-height:1.58}
}
@media (max-width:900px){
  main.svc:is([data-svc="webdesign"],[data-svc="google-ads"],[data-svc="aeo"],[data-svc="geo"],[data-svc="sem"],[data-svc="ppc"],[data-svc="socialmedia"],[data-svc="cro"],[data-svc="case-studies"],[data-svc="about"],[data-svc="contact"]) .wdp-head--split{gap:14px}
  main.svc:is([data-svc="webdesign"],[data-svc="google-ads"],[data-svc="aeo"],[data-svc="geo"],[data-svc="sem"],[data-svc="ppc"],[data-svc="socialmedia"],[data-svc="cro"],[data-svc="case-studies"],[data-svc="about"],[data-svc="contact"]) .wdp-head--split > div:last-child{max-width:none;padding:0 0 0 18px}
}
@media (max-width:700px){main.svc:is([data-svc="webdesign"],[data-svc="google-ads"],[data-svc="aeo"],[data-svc="geo"],[data-svc="sem"],[data-svc="ppc"],[data-svc="socialmedia"],[data-svc="cro"],[data-svc="case-studies"],[data-svc="about"],[data-svc="contact"]) .wdp-head--split .wdp-lede{font-size:15.5px}}
@media (prefers-reduced-motion:reduce){main.svc .wdp-head--split > div:last-child::before{transition:none;transform:none!important}}

/* ============ EXPANDING LIST (owner, 1 Oct 2026: a panel far from its tab "looks odd"). Wide screens: each item's
   heading is a real button and the chosen item opens in place, its words right under its heading; every open body
   keeps the tallest body's height (--acc-h, set by svx.js), so the list never changes height. It steps through while
   in view until the reader picks one. Up to 1000px every body shows (phones swipe the items as cards). ============ */
.svc-acc{display:grid;gap:10px;margin:0;padding:0;list-style:none}
.svc-acc__i{position:relative;border-radius:18px;border:1px solid var(--edge);background:#0C0E12;transition:border-color .35s,background-color .35s}
.svc-acc__h{margin:0;font:inherit;letter-spacing:inherit}
.svc-acc__btn{position:relative;display:flex;align-items:center;gap:14px;width:100%;min-height:60px;margin:0;padding:12px 18px;border:0;border-radius:18px;background:none;color:var(--text);
  font:700 16.5px/1.3 var(--font-head);letter-spacing:-.01em;text-align:left;cursor:default;-webkit-tap-highlight-color:transparent}
.svc-acc__n{display:grid;flex:0 0 auto;place-items:center;min-width:30px;height:30px;padding:0 6px;border-radius:100px;border:1px solid var(--gold-line);font:800 12px/1 var(--font-head);color:var(--gold);transition:background-color .3s,color .3s,border-color .3s}
.svc-acc__t{flex:1 1 auto;min-width:0}
.svc-acc__chev{display:none;flex:0 0 auto;position:relative;width:14px;height:14px}
.svc-acc__chev::before,.svc-acc__chev::after{content:"";position:absolute;left:0;top:6px;width:14px;height:2px;border-radius:2px;background:currentColor;transition:transform .35s var(--ease)}
.svc-acc__chev::after{transform:rotate(90deg)}
.svc-acc__prog{display:none}
.svc-acc__pad{padding:0 20px 20px 62px}
@media (min-width:1001px){
  html.el8-js .svc-acc__btn{cursor:pointer;color:var(--text-mid);transition:color .3s}
  html.el8-js .svc-acc__btn:hover{color:var(--text)}
  html.el8-js .svc-acc__btn:focus-visible{outline:2px solid var(--gold);outline-offset:-2px}
  html.el8-js .svc-acc__chev{display:block;color:var(--text-dim)}
  html.el8-js .svc-acc__body{display:grid;grid-template-rows:0fr;transition:grid-template-rows .5s var(--ease)}
  html.el8-js .svc-acc__in{min-height:0;overflow:hidden}
  html.el8-js .svc-acc__pad{min-height:var(--acc-h,0px);opacity:0;transition:opacity .3s}
  html.el8-js .svc-acc__i.is-open{border-color:var(--gold-line);background:radial-gradient(80% 120% at 0% 0%,rgba(244,160,0,.08),transparent 60%),#0E1014}
  html.el8-js .svc-acc__i.is-open .svc-acc__btn{color:var(--text)}
  html.el8-js .svc-acc__i.is-open .svc-acc__n{border-color:var(--gold);background:var(--gold);color:#111}
  html.el8-js .svc-acc__i.is-open .svc-acc__chev::after{transform:rotate(0)}
  html.el8-js .svc-acc__i.is-open .svc-acc__body{grid-template-rows:1fr}
  html.el8-js .svc-acc__i.is-open .svc-acc__pad{opacity:1;transition:opacity .45s .12s}
  html.el8-js .svc-acc__prog{display:block;position:absolute;left:18px;right:18px;bottom:0;height:2px;border-radius:2px;background:var(--gold);transform-origin:0 50%;transform:scaleX(0);opacity:0}
  html.el8-js [data-svc-acc].is-playing .svc-acc__i.is-open .svc-acc__prog{opacity:.8;animation:svcAccProg var(--dur,6s) linear both}
  /* the teal set */
  html.el8-js .svc-acc.is-teal .svc-acc__i.is-open{border-color:var(--teal-line);background:radial-gradient(80% 120% at 0% 0%,rgba(79,191,160,.08),transparent 60%),#0E1014}
  html.el8-js .svc-acc.is-teal .svc-acc__i.is-open .svc-acc__n{border-color:var(--teal);background:var(--teal);color:#0A1512}
  html.el8-js .svc-acc.is-teal .svc-acc__prog{background:var(--teal)}
  /* the coral set (mistakes) */
  html.el8-js .svc-acc.is-coral .svc-acc__i.is-open{border-color:var(--coral-line);background:radial-gradient(80% 120% at 0% 0%,rgba(255,122,107,.08),transparent 60%),#0E1014}
  html.el8-js .svc-acc.is-coral .svc-acc__i.is-open .svc-acc__n{border-color:var(--coral);background:var(--coral);color:#1A0F10}
  html.el8-js .svc-acc.is-coral .svc-acc__prog{background:var(--coral)}
}
@keyframes svcAccProg{to{transform:scaleX(1)}}
.svc-acc.is-teal .svc-acc__n{border-color:var(--teal-line);color:var(--teal)}
@media (max-width:1000px){.svc-acc__btn{pointer-events:none}}
@media (max-width:700px){.svc-acc__pad{padding:0 18px 18px}.svc-acc__btn{padding:16px 18px 10px}}
@media (prefers-reduced-motion:reduce){.svc-acc__body,.svc-acc__pad,.svc-acc__chev::after{transition:none!important}}

/* ============ THE PLAN CARD (owner, 1 Oct 2026: the web design page's elevated close, for every timeline): a title and
   note, the gold button, and the free tool as its own labelled link ============ */
.svc-plan{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:20px 40px;margin-top:22px;padding:26px 28px;border-radius:24px;border:1px solid var(--gold-line);
  background:radial-gradient(60% 140% at 0% 0%,rgba(244,160,0,.09),transparent 60%),linear-gradient(180deg,#11141A,#0B0D11)}
.svc-plan::before{content:"";position:absolute;left:8%;right:8%;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,210,122,.8),transparent)}
.svc-plan__main{display:flex;align-items:flex-start;gap:18px}
.svc-plan__ic{flex:0 0 auto;display:grid;place-items:center;width:54px;height:54px;border-radius:17px;background:var(--gold);color:#111;box-shadow:0 14px 30px -12px rgba(244,160,0,.8)}
.svc-plan__ic svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.svc-plan__t{margin:2px 0 6px;font:800 23px/1.2 var(--font-head);letter-spacing:-.02em;color:var(--text)}
.svc-plan__main p:not(.svc-plan__t){margin:0;max-width:640px;font-size:15px;line-height:1.6;color:var(--text-mid)}
.svc-plan__acts{display:grid;justify-items:stretch;gap:10px}
.svc-plan__acts .wdp-btn{justify-content:center;height:56px;padding:0 28px;font-size:16px;white-space:nowrap}
.svc-plan__tool{display:flex;align-items:center;gap:10px;padding:8px 12px 8px 8px;border-radius:14px;border:1px solid var(--edge-2);background:#0B0D11;color:var(--text);text-decoration:none;font-size:14px;font-weight:700;line-height:1.3;transition:border-color .3s}
.svc-plan__tool:hover{border-color:var(--teal-line)}
.svc-plan__tool small{display:block;font:700 10px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--teal)}
.svc-plan__tool-ic{flex:0 0 auto;display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:var(--teal-soft);color:var(--teal)}
.svc-plan__tool-ic svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
@media (max-width:900px){.svc-plan{grid-template-columns:minmax(0,1fr)}}
@media (max-width:700px){
  .svc-plan{gap:16px;padding:20px 18px;border-radius:20px}
  .svc-plan__main{gap:14px}
  .svc-plan__ic{width:44px;height:44px;border-radius:14px}
  .svc-plan__t{font-size:19px}
  .svc-plan__main p:not(.svc-plan__t){font-size:14px}
  .svc-plan__acts .wdp-btn{height:auto;min-height:54px;white-space:normal}
}

/* ============ WHICH PAGE INSTEAD (owner, 1 Oct 2026: less bland): where you are, and a route to each neighbouring
   service (partial services/redesign/next) ============ */
.svc-next{position:relative;display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.62fr);align-items:center;gap:24px 44px;margin-top:30px;padding:30px 32px;border-radius:26px;
  border:1px solid var(--edge-2);background:radial-gradient(60% 140% at 0% 50%,rgba(244,160,0,.08),transparent 62%),linear-gradient(180deg,#101318,#0B0D11)}
.svc-next::before{content:"";position:absolute;left:8%;right:8%;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,210,122,.6),transparent)}
.svc-next__here{display:inline-flex;align-items:center;gap:9px;padding:7px 13px;white-space:nowrap;border-radius:100px;border:1px solid var(--gold-line);background:rgba(244,160,0,.08);
  font:700 11px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.1em;text-transform:uppercase;color:var(--gold)}
.svc-next__here i{width:8px;height:8px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 4px rgba(244,160,0,.18)}
.svc-next__h{margin:16px 0 0;font:800 clamp(24px,2.2vw,30px)/1.15 var(--font-head);letter-spacing:-.02em;color:var(--text);text-wrap:balance}
.svc-next__list{position:relative;display:grid;gap:10px;margin:0;padding:0 0 0 34px;list-style:none}
.svc-next__list::before{content:"";position:absolute;left:9px;top:30px;bottom:30px;width:2px;border-radius:2px;background:linear-gradient(180deg,var(--gold),rgba(244,160,0,.25))}
.svc-next__i{position:relative;display:grid;grid-template-columns:46px minmax(0,1fr) auto;align-items:center;gap:16px;padding:14px 16px 14px 14px;border-radius:18px;border:1px solid var(--edge);
  background:#0B0D11;transition:border-color .3s,background-color .3s,transform .35s var(--ease)}
.svc-next__i::before{content:"";position:absolute;left:-25px;top:50%;width:25px;height:2px;background:rgba(244,160,0,.45)}
.svc-next__i::after{content:"";position:absolute;left:-30px;top:50%;width:10px;height:10px;margin-top:-4px;border-radius:50%;background:#0B0D11;border:2px solid var(--gold)}
.svc-next__ic{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;border:1px solid var(--teal-line);background:var(--teal-soft);color:var(--teal)}
.svc-next__ic svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.svc-next__q{font-size:15.5px;line-height:1.45;color:var(--text)}
.svc-next__go{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 18px;border-radius:100px;border:1px solid var(--gold-line);background:rgba(244,160,0,.1);color:var(--gold);
  font:700 14.5px/1.2 var(--font-head);text-decoration:none;white-space:nowrap;transition:background-color .3s,color .3s}
.svc-next__go::after{content:"";position:absolute;inset:0;border-radius:18px}
.svc-next__go b{transition:transform .3s var(--ease)}
.svc-next__i:hover{border-color:var(--gold-line);background:#0E1014;transform:translateX(3px)}
.svc-next__i:hover .svc-next__go{background:var(--gold);color:#111}
.svc-next__i:hover .svc-next__go b{transform:translateX(3px)}
.svc-next__go:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
@media (max-width:900px){.svc-next{grid-template-columns:minmax(0,1fr)}}
@media (max-width:700px){
  .svc-next{gap:18px;margin-top:22px;padding:22px 18px;border-radius:22px}
  .svc-next__h{margin-top:12px;font-size:22px}
  .svc-next__list{padding-left:26px}
  .svc-next__list::before{left:6px}
  .svc-next__i{grid-template-columns:40px minmax(0,1fr);gap:10px 12px;padding:14px}
  .svc-next__i::before{left:-20px;width:20px}
  .svc-next__i::after{left:-25px}
  .svc-next__ic{width:40px;height:40px;border-radius:12px}
  .svc-next__q{font-size:14.5px}
  .svc-next__go{grid-column:1 / -1;justify-content:center}
}
@media (prefers-reduced-motion:reduce){.svc-next__i,.svc-next__go b{transition:none}}

/* ============ FREE AUDIT CALL TO ACTION (owner, 1 Oct 2026: a better CTA under the audit list; partial
   services/redesign/audit-cta) ============ */
.svc-acta{position:relative;display:grid;gap:14px;margin-top:16px;padding:20px 22px;border-radius:22px;border:1px solid var(--gold-line);
  background:radial-gradient(70% 140% at 0% 0%,rgba(244,160,0,.1),transparent 60%),linear-gradient(180deg,#11141A,#0B0D11)}
.svc-acta::before{content:"";position:absolute;left:8%;right:8%;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,210,122,.8),transparent)}
.svc-acta__none{display:flex;align-items:flex-start;gap:12px;margin:0;font-size:14.5px;line-height:1.55;color:var(--text-mid)}
.svc-acta__ic{flex:0 0 auto;display:grid;place-items:center;width:30px;height:30px;border-radius:10px;background:var(--teal-soft);color:var(--teal)}
.svc-acta__ic svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.svc-acta__row{display:flex;flex-wrap:wrap;align-items:center;gap:10px 22px;padding-top:14px;border-top:1px dashed var(--edge-2)}
.svc-acta__btn{height:54px;padding:0 26px;font-size:16px}
.svc-acta__row .svc-band__sms{padding-left:0}
.svc-acta__fine{display:flex;gap:8px;margin:0;font-size:13px;line-height:1.45;color:var(--text-dim)}
.svc-acta__fine span{color:var(--teal);font-weight:800}
@media (max-width:700px){
  .svc-acta{padding:18px 16px}
  .svc-acta__row{flex-direction:column;align-items:stretch;gap:6px}
  .svc-acta__btn{justify-content:center;height:auto;min-height:54px}
  .svc-acta__row .svc-band__sms{justify-content:center}
  .svc-acta__none{font-size:14px}
}

/* ============ TAB STAGE (shared, 1 Oct 2026; the pattern of the Google Ads, AEO, GEO, SEM and PPC stages): on wide
   screens a list of items becomes tabs (each item's heading is a real button) over or beside one panel holding the
   chosen item; the layout of each stage is its page's own. Items stack in one cell, so switching never moves the page;
   the stacked boxes let clicks through to the tabs. Phones keep their swipe cards. ============ */
.svt-tab{display:inline;margin:0;padding:0;border:0;background:none;color:inherit;font:inherit;letter-spacing:inherit;text-align:inherit;cursor:default;-webkit-tap-highlight-color:transparent}
.svt-tab__prog{display:none}
@media (max-width:1000px){.svt-tab{pointer-events:none}}
@keyframes svtProg{to{transform:scaleX(1)}}
@keyframes svtIn{from{opacity:0;transform:translateY(8px)}}
@media (min-width:1001px){
  html.el8-js [data-svt] .svt-tab{position:relative;display:flex;align-items:center;gap:14px;width:100%;height:100%;padding:0 16px;border-radius:16px;border:1px solid var(--edge);background:#0C0E12;
    color:var(--text-mid);font:700 15.5px/1.25 var(--font-head);letter-spacing:-.01em;text-align:left;cursor:pointer;overflow:hidden;transition:border-color .3s,background-color .3s,color .3s}
  html.el8-js [data-svt] .svt-tab:hover{border-color:var(--edge-2);color:var(--text)}
  html.el8-js [data-svt] .svt-tab:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
  html.el8-js [data-svt] .svt-tab__n{display:grid;flex:0 0 auto;place-items:center;min-width:30px;height:30px;padding:0 6px;border-radius:100px;border:1px solid var(--gold-line);background:none;font:800 12px/1 var(--font-head);color:var(--gold)}
  html.el8-js [data-svt] .is-cur .svt-tab__n{border-color:var(--gold);background:var(--gold);color:#111}
  html.el8-js [data-svt] .is-cur .svt-tab{border-color:var(--gold-line);background:linear-gradient(90deg,rgba(244,160,0,.12),#0C0E12 85%);color:var(--text)}
  html.el8-js [data-svt] .svt-tab__prog{display:block;position:absolute;left:16px;right:16px;bottom:0;height:2px;border-radius:2px;background:var(--gold);transform-origin:0 50%;transform:scaleX(0);opacity:0}
  html.el8-js [data-svt].is-playing .is-cur .svt-tab__prog{opacity:.85;animation:svtProg var(--dur,6s) linear both}
  html.el8-js [data-svt] .svt-panel{border-radius:22px;border:1px solid var(--gold-line);background:radial-gradient(70% 90% at 0% 0%,rgba(244,160,0,.07),transparent 60%),#0E1014}
  html.el8-js [data-svt] .is-cur .svt-panel{animation:svtIn .5s var(--ease) both}
  html.el8-js [data-svt] [data-svt-item]{pointer-events:none}
  html.el8-js [data-svt] [data-svt-item] .svt-tab,html.el8-js [data-svt] [data-svt-item].is-cur *{pointer-events:auto}
  /* the coral set (mistakes) and the teal set */
  html.el8-js [data-svt].is-coral .is-cur .svt-tab{border-color:var(--coral-line);background:linear-gradient(90deg,rgba(255,122,107,.12),#0C0E12 85%)}
  html.el8-js [data-svt].is-coral .svt-tab__prog{background:var(--coral)}
  html.el8-js [data-svt].is-coral .svt-panel{border-color:var(--coral-line);background:rgba(255,122,107,.05)}
  html.el8-js [data-svt].is-teal .svt-tab__n{border-color:var(--teal-line);color:var(--teal)}
  html.el8-js [data-svt].is-teal .is-cur .svt-tab__n{border-color:var(--teal);background:var(--teal);color:#0A1512}
  html.el8-js [data-svt].is-teal .is-cur .svt-tab{border-color:var(--teal-line);background:linear-gradient(90deg,rgba(79,191,160,.12),#0C0E12 85%)}
  html.el8-js [data-svt].is-teal .svt-tab__prog{background:var(--teal)}
}

/* ============ RESULTS REPORT (shared, 1 Oct 2026; the Google Ads design, as the AEO, GEO, SEM and PPC pages have it
   under their own prefixes): the cases as tickets, the chosen one open as a report beside them with its figure, its
   picture (.svc-res__proof), the problem and what we changed. The reports share one cell, so switching never moves the
   page; it plays through slowly while in view until the reader picks one ([data-svc-res], svx.js) ============ */
.svc-res{display:grid;grid-template-columns:minmax(0,.62fr) minmax(0,1.38fr);gap:22px;align-items:stretch}
.svc-res__cases{display:grid;gap:10px;align-content:center}
.svc-res__tab{position:relative;display:grid;gap:6px;width:100%;padding:18px 20px;border-radius:18px;border:1px solid var(--edge);background:#0C0E12;color:var(--text-mid);font:inherit;text-align:left;cursor:pointer;overflow:hidden;
  -webkit-tap-highlight-color:transparent;transition:border-color .3s,background-color .3s}
.svc-res__tab:hover{border-color:var(--edge-2)}
.svc-res__tab:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
.svc-res__tab.is-on{border-color:var(--gold-line);background:linear-gradient(90deg,rgba(244,160,0,.12),#0C0E12 85%)}
.svc-res__tag{font:700 10.5px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim)}
.svc-res__big{display:flex;align-items:baseline;gap:8px;font:800 34px/1 var(--font-head);letter-spacing:-.03em;color:var(--text-soft)}
.svc-res__big i{font-style:normal;font-size:20px;color:var(--teal)}
.svc-res__tab.is-on .svc-res__big{color:var(--gold)}
.svc-res__metric{font-size:14px;font-weight:600;color:var(--text-mid)}
.svc-res__prog{position:absolute;left:20px;right:20px;bottom:0;height:2px;border-radius:2px;background:var(--gold);transform-origin:0 50%;transform:scaleX(0);opacity:0}
.svc-res.is-playing .svc-res__tab.is-on .svc-res__prog{opacity:.85;animation:svcResProg var(--dur,7s) linear both}
.svc-res__reports{display:grid}
.svc-res__rep{display:grid;grid-template-rows:auto 1fr auto auto;gap:18px;min-width:0;padding:26px 28px;border-radius:24px;border:1px solid var(--edge-2);background:radial-gradient(70% 60% at 100% 0%,rgba(79,191,160,.08),transparent 60%),linear-gradient(180deg,#111418,#0B0D10)}
html.el8-js .svc-res__rep{grid-area:1 / 1;visibility:hidden;opacity:0;transition:opacity .3s,visibility 0s .3s}
html.el8-js .svc-res__rep.is-on{visibility:visible;opacity:1;transition:opacity .45s,visibility 0s}
html:not(.el8-js) .svc-res__reports{gap:18px}
.svc-res__top{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:10px 24px}
.svc-res__k{font:700 11px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--text-dim)}
.svc-res__fig{margin:6px 0 0;font:800 clamp(56px,6vw,84px)/.95 var(--font-head);letter-spacing:-.045em;color:var(--gold)}
.svc-res__metric-l{margin:6px 0 0;font:700 18px/1.25 var(--font-head);color:var(--text)}
.svc-res__foot{display:inline-flex;align-items:center;gap:8px;margin:0;padding:8px 12px;border-radius:100px;border:1px solid var(--teal-line);background:var(--teal-soft);font-size:13px;font-weight:600;color:var(--teal)}
.svc-res__steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none}
.svc-res__steps li{padding:14px 16px;border-radius:14px;border:1px solid var(--edge);background:#0C0E12}
.svc-res__steps b{display:block;margin-bottom:6px;font:700 11px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--text-dim)}
.svc-res__steps li.is-gold{border-color:var(--gold-line)}
.svc-res__steps li.is-gold b{color:var(--gold)}
.svc-res__steps p{margin:0;font-size:14.5px;line-height:1.55;color:var(--text-mid)}
.svc-res__link{justify-self:start;color:var(--gold);font-weight:700;font-size:15px;text-decoration:none}
.svc-res__link:hover{color:var(--text)}
@media (max-width:1000px){
  .svc-res{grid-template-columns:minmax(0,1fr)}
  .svc-res__cases{grid-template-columns:repeat(3,minmax(0,1fr))}
  .svc-res__big{font-size:28px}
}
@media (max-width:700px){
  .svc-res{gap:12px}
  .svc-res__reports{grid-row:1}
  .svc-res__rep{gap:14px;padding:18px 16px;border-radius:20px}
  .svc-res__fig{font-size:56px}
  .svc-res__metric-l{font-size:16px}
  .svc-res__steps{grid-template-columns:minmax(0,1fr);gap:8px}
  .svc-res__steps li{padding:12px 14px}
  .svc-res__steps p{font-size:14px}
  .svc-res__cases{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
  .svc-res__tab{gap:3px;padding:10px 10px;border-radius:14px}
  .svc-res__tag,.svc-res__metric{display:none}
  .svc-res__big{justify-content:center;font-size:22px}
  .svc-res__big i{font-size:14px}
}
@media (prefers-reduced-motion:reduce){
  .svc-res *{animation:none!important;transition:none!important}
}
@keyframes svcResProg{to{transform:scaleX(1)}}
.svc-res__proof{display:grid;place-items:center;min-height:150px;padding:14px 18px;border-radius:16px;border:1px solid var(--edge);background:radial-gradient(60% 90% at 50% 100%,rgba(79,191,160,.06),transparent 70%),#0A0C0F}
.svc-res__all{display:flex;justify-content:center;margin-top:36px}
@media (max-width:700px){.svc-res__proof{min-height:112px;padding:10px 12px}}

/* ============ THE CITY MAP (shared, 1 Oct 2026: About and Contact; layouts/partials/el8-citymap): the CBD grid, our pin on
   Elizabeth Street ============ */
.el8-map{position:relative;display:block;width:100%;height:100%;min-height:180px;border-radius:18px;background:#0B0D10;border:1px solid var(--edge);overflow:hidden}
.el8-map__st{position:absolute;background:rgba(255,255,255,.07)}
.el8-map__st i{position:absolute;font:700 9.5px/1 ui-monospace,SFMono-Regular,Menlo,monospace;font-style:normal;letter-spacing:.06em;color:var(--text-dim);white-space:nowrap}
.el8-map__st.is-row{left:0;right:0;height:10px;top:calc((var(--rows) - var(--k) - .5) / var(--rows) * 100% - 5px);transform:rotate(-1.5deg)}
.el8-map__st.is-row i{left:10px;top:-13px}
.el8-map__st.is-col{top:0;bottom:0;width:10px;left:calc((var(--k) + .5) / var(--cols) * 100% - 5px);transform:rotate(-1.5deg)}
.el8-map__st.is-col i{left:14px;top:66%;transform:rotate(90deg);transform-origin:0 0}
.el8-map__st.is-ours{background:rgba(244,160,0,.35)}
.el8-map__st.is-ours i{color:var(--gold)}
.el8-map__pin{position:absolute;left:calc((var(--pc) + .5) / var(--cols) * 100%);top:calc((var(--pr) + .5) / var(--rows) * 100%);display:grid;justify-items:center;transform:translate(-50%,-100%)}
.el8-map__pin b{width:22px;height:22px;border-radius:50% 50% 50% 0;background:var(--gold);transform:rotate(-45deg);box-shadow:0 0 0 6px rgba(244,160,0,.18)}
.el8-map__pin em{order:-1;margin-bottom:8px;padding:5px 9px;border-radius:8px;background:#111;border:1px solid var(--gold-line);font:700 11px/1.2 var(--font-body,inherit);font-style:normal;color:var(--text);white-space:nowrap}
.el8-map__pin::after{content:"";position:absolute;left:50%;bottom:-8px;width:34px;height:34px;margin-left:-17px;border-radius:50%;border:1.5px solid var(--gold);opacity:0;animation:el8MapPing 2.4s ease-out infinite}
@keyframes el8MapPing{0%{transform:scale(.3);opacity:.9}100%{transform:scale(1.6);opacity:0}}
@media (prefers-reduced-motion:reduce){.el8-map__pin::after{animation:none;opacity:0}}

/* ============ ON EVERY PLAN (services/redesign/every-plan; the plan lines check, 2 Oct 2026): what every plan includes,
   said once under the plans. The approved Google Ads list's look (.gxp-all), shared ============ */
.svc-every{display:grid;gap:12px;margin-top:22px;padding:16px 22px 18px;border-radius:18px;border:1px dashed var(--teal-line);background:rgba(79,191,160,.04)}
.svc-every__k{font:700 11px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--teal)}
.svc-every ul{display:grid;grid-template-columns:repeat(var(--n),auto);justify-content:space-between;gap:8px 24px;margin:0;padding:0;list-style:none}
.svc-every li{display:flex;align-items:baseline;gap:8px;font-size:14.5px;line-height:1.4;color:var(--text)}
.svc-every li span{font-weight:800;color:var(--teal)}
@media (max-width:1180px){.svc-every ul{grid-template-columns:repeat(2,minmax(0,1fr));justify-content:stretch}}
@media (max-width:700px){.svc-every{margin-top:16px;padding:14px 16px}.svc-every ul{grid-template-columns:minmax(0,1fr)}}
@media (min-width:1181px){.svc-every.is-few ul{justify-content:start;column-gap:56px}}

/* the hero's figures fill the row however many there are (the content check, 2 Oct 2026: AEO and GEO carry three) */
@media (min-width:1081px){main.svc[data-svc] .svc-stats--wide.svc-stats--n{grid-template-columns:minmax(0,.8fr) repeat(var(--n),minmax(0,1fr))}}
@media (min-width:701px) and (max-width:1080px){main.svc[data-svc] .svc-stats--wide.svc-stats--n{grid-template-columns:repeat(var(--n),minmax(0,1fr))}}