/* /answer-engine-optimisation: the sections below the hero (owner, 1 Oct 2026: the page redesigned in the Google Ads
   pattern). Loads without blocking the first paint. */

/* ============ THE PICTURES KEPT FROM THE PREVIOUS DESIGN (the layered page, the results page, the six-month dial, the
   audit's page read, the ledger, the contract strip, the People also ask box, the tool previews and the fit's next
   steps), copied from svz.css and svz-aeo.css so this page no longer loads them ============ */
main[data-svc="aeo"]{--sva-mono:ui-monospace,SFMono-Regular,Menlo,monospace;--sva-card:linear-gradient(180deg,#101318,#0B0C10)}
.svz-auditnote{display:flex;align-items:flex-start;gap:14px;max-width:900px;margin:26px 0 0;font-size:15px;line-height:1.6;color:var(--text-mid)}
.svz-auditnote__ic{position:relative;flex:0 0 auto;width:30px;height:30px;margin-top:-2px}
.svz-auditnote__ic i{position:absolute;width:18px;height:23px;border-radius:4px;border:1.5px solid var(--edge-2);background:#0E1014}
.svz-auditnote__ic i:first-child{left:0;top:0}
.svz-auditnote__ic i + i{left:10px;top:6px;border-color:var(--gold-line);background:linear-gradient(180deg,rgba(244,160,0,.22),rgba(244,160,0,.06)),#0E1014;
  box-shadow:inset 0 5px 0 -3px rgba(244,160,0,.55),inset 0 10px 0 -8px rgba(244,160,0,.3)}
@media (max-width:700px){
  .svz-auditnote{margin-top:20px;font-size:14px}
}
.svz-x{position:relative}
.svz-x__wires{position:absolute;left:0;top:0;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:0;display:none}
.svz-x__wires path{fill:none;stroke:rgba(255,255,255,.2);stroke-width:1.5;stroke-dasharray:3 5;transition:stroke .4s}
.svz-x__wires circle{fill:#15181D;stroke:rgba(255,255,255,.34);stroke-width:1.5;transition:fill .4s,stroke .4s}
.svz-x__wires .is-on path{stroke:var(--gold);stroke-dasharray:6 6;animation:svzWire 1s linear infinite}
.svz-x__wires .is-on circle{fill:var(--gold);stroke:var(--gold)}
.svz-x__core{position:relative;z-index:1;display:grid;justify-items:center;align-content:start}
.svz-x__zero{position:relative;z-index:2;display:flex;align-items:center;gap:16px;width:100%;padding:18px 20px;border-radius:22px;border:1px solid var(--gold-line);
  background:linear-gradient(135deg,rgba(244,160,0,.16),#0E1014 62%);box-shadow:0 30px 60px -34px rgba(244,160,0,.45)}
.svz-x__0{display:grid;place-items:center;flex:0 0 auto;width:54px;height:54px;border-radius:50%;background:var(--gold);font:800 30px/1 var(--font-head);color:#111;box-shadow:0 0 0 7px rgba(244,160,0,.14)}
.svz-x__zero b{display:block;font-family:var(--font-head);font-weight:800;font-size:19px;line-height:1.2;letter-spacing:-.01em;color:var(--text)}
.svz-x__zero p{margin:5px 0 0;font-size:14px;line-height:1.5;color:var(--text-mid)}
.svz-x__zero::after{content:"";position:absolute;left:50%;bottom:-5px;width:9px;height:9px;margin-left:-4.5px;border-radius:50%;background:#FFD27A;box-shadow:0 0 14px 3px rgba(244,160,0,.7)}
.svz-x__zero--solo{max-width:720px}
.svz-x__zero--solo::after{display:none}
.svz-stack{display:block;width:100%;max-width:400px;height:auto;overflow:visible}
.svz-stack__beam{stroke:rgba(244,160,0,.4);stroke-width:2}
.svz-stack__pulse{fill:url(#svzBeamGrad);opacity:0}
.svz-stack__rails{fill:none;stroke:rgba(255,255,255,.12);stroke-width:1;stroke-dasharray:2 5}
.svz-pl__top{fill:rgba(17,20,26,.86);stroke:rgba(255,255,255,.16);stroke-width:1.2;transition:fill .5s,stroke .5s}
.svz-pl__l,.svz-pl__r{stroke:rgba(255,255,255,.07);stroke-width:1;transition:stroke .5s}
.svz-pl__l{fill:#07080B}
.svz-pl__r{fill:#0C0E12}
.svz-pl__rim{fill:none;stroke:#FFD27A;stroke-width:2;opacity:0}
.svz-pl__art{opacity:.78;transition:opacity .5s}
.svz-pl__tag circle{fill:#111418;stroke:var(--gold-line);stroke-width:1.5;transition:fill .4s,stroke .4s}
.svz-pl__tag text{font:800 11.5px/1 var(--font-head);fill:var(--gold);text-anchor:middle;transition:fill .4s}
.svz-pl.is-on .svz-pl__top{fill:rgba(33,27,14,.92);stroke:var(--gold)}
.svz-pl.is-on .svz-pl__l,.svz-pl.is-on .svz-pl__r{stroke:rgba(244,160,0,.4)}
.svz-pl.is-on .svz-pl__art{opacity:1}
.svz-pl.is-on .svz-pl__tag circle{fill:var(--gold);stroke:var(--gold)}
.svz-pl.is-on .svz-pl__tag text{fill:#111}
.svz-pl .p-sheet{fill:rgba(255,255,255,.03);stroke:rgba(255,255,255,.08);stroke-width:1.3}
.svz-pl .p-gold{fill:var(--gold)}
.svz-pl .p-dim{opacity:.5}
.svz-pl .p-cut rect{fill:rgba(255,255,255,.14)}
.svz-pl .p-cut path{stroke:var(--coral);stroke-width:2.6;stroke-linecap:round}
.svz-pl .p-ans{fill:rgba(79,191,160,.1);stroke:var(--teal);stroke-width:1.4}
.svz-pl .p-teal{fill:rgba(79,191,160,.78)}
.svz-pl .p-dot{fill:var(--teal)}
.svz-pl .p-line{fill:rgba(255,255,255,.2)}
.svz-pl .p-brace{fill:none;stroke:var(--gold);stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round}
.svz-pl .p-key{fill:rgba(79,191,160,.8)}
.svz-pl .p-val{fill:rgba(255,255,255,.24)}
.svz-pl .p-ok{fill:var(--teal)}
.svz-pl .p-tick{fill:none;stroke:#0A1512;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.svz-pl .p-face{fill:rgba(244,160,0,.1);stroke:url(#svzFaceGrad);stroke-width:2.4}
.svz-pl .p-head{fill:rgba(244,160,0,.75)}
.svz-pl .p-bar{fill:rgba(255,255,255,.32)}
.svz-pl .p-star{fill:var(--gold)}
.svz-pl .p-node{fill:#0E1014;stroke:var(--teal);stroke-width:1.8}
.svz-pl .p-link{fill:none;stroke:rgba(79,191,160,.65);stroke-width:1.6;stroke-dasharray:4 4}
.svz-pl .p-axis{fill:none;stroke:rgba(255,255,255,.28);stroke-width:1.6}
.svz-pl .p-barv{fill:rgba(79,191,160,.72)}
.svz-pl .p-barv.is-lost{fill:var(--coral)}
.svz-pl .p-trend{fill:none;stroke:var(--gold);stroke-width:2.8;stroke-linejoin:round;stroke-linecap:round}
.svz-pl .p-mark{fill:#FFD27A}
.svz-pl .p-teal,.svz-pl .p-barv,.svz-pl .p-star{transform-box:fill-box}
.svz-pl .p-teal{transform-origin:left center}
.svz-pl .p-barv{transform-origin:center bottom}
.svz-pl .p-star{transform-origin:center}
.svz-x__core.is-in .svz-pl{animation:svzDrift 7s ease-in-out infinite}
.svz-x__core.is-in .svz-stack__pulse{animation:svzPulse var(--period) linear infinite}
.svz-x__core.is-in .svz-pl__rim{animation:svzRim var(--period) linear infinite;animation-delay:var(--d)}
.svz-pl.is-on .p-teal{animation:svzTypeX 3.2s var(--ease) infinite;animation-delay:calc(var(--i) * .22s)}
.svz-pl.is-on .p-key,.svz-pl.is-on .p-val{animation:svzLit 3.2s ease infinite;animation-delay:calc(var(--i) * .2s)}
.svz-pl.is-on .p-link{animation:svzDash 1s linear infinite}
.svz-pl.is-on .p-star{animation:svzStar 3.2s cubic-bezier(.34,1.6,.5,1) infinite;animation-delay:calc(var(--i) * .15s)}
.svz-pl.is-on .p-barv{animation:svzGrow 3.2s var(--ease) infinite;animation-delay:calc(var(--i) * .12s)}

@media (min-width:1101px){
  .svz-x{display:grid;grid-template-columns:minmax(0,1fr) minmax(330px,390px) minmax(0,1fr);column-gap:56px;row-gap:26px;align-items:start;padding-bottom:72px}
  .svz-x__wires{display:block}
  .svz-x__car,.svz-x__cards{display:contents}
  .svz-x__core{grid-column:2;grid-row:1 / span var(--rows)}
}
@media (min-width:701px) and (max-width:1100px){
  .svz-x{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
  .svz-x__car,.svz-x__cards{display:contents}
  .svz-x__core{grid-column:1 / -1;justify-self:center;width:min(100%,440px);margin-bottom:14px}
}
@media (max-width:700px){
  .svz-x__core{width:min(100%,330px);margin:0 auto 22px}
  .svz-stack{max-width:270px}
  .svz-x__zero{gap:12px;padding:14px 16px}
  .svz-x__0{width:44px;height:44px;font-size:24px}
  .svz-x__zero b{font-size:17px}
}
.svs2{border-radius:24px;border:1px solid var(--edge-2);background:#0C0E12;overflow:hidden;box-shadow:0 60px 120px -60px rgba(0,0,0,.95)}
.svs2__bar{display:flex;align-items:center;gap:16px;padding:12px 16px;border-bottom:1px solid var(--edge);background:#121418}
.svs2__q{display:flex;align-items:center;gap:10px;flex:1;height:34px;padding:0 14px;border-radius:100px;background:#1B1E24}
.svs2__q svg{width:14px;height:14px;fill:none;stroke:var(--gold);stroke-width:2.2;stroke-linecap:round}
.svs2__q i{height:6px;width:44%;border-radius:3px;background:rgba(255,255,255,.2)}
.svs2__page{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:16px;padding:18px}
.svs2__main{display:grid;gap:12px;align-content:start}
.svs2-reg{position:relative;display:grid;gap:7px;padding:14px;border-radius:14px;border:1px solid var(--edge);background:#111419;transition:opacity .5s,border-color .5s,box-shadow .5s,transform .5s var(--ease)}
.svs2__num{position:absolute;top:-10px;right:-8px;z-index:2;display:grid;place-items:center;min-width:30px;height:24px;padding:0 7px;border-radius:100px;background:#2A2E36;font:800 11px/1 var(--font-head);color:var(--text-soft);transition:background .4s,color .4s}
.svs2-reg.is-on .svs2__num{background:var(--gold);color:#111}
.svs2-aio{border-color:var(--teal-line);background:#0D1715}
.svs2-aio__tag{justify-self:start;padding:3px 9px;border-radius:100px;background:var(--teal-soft);color:var(--teal);font-weight:800;font-size:12px}
.svs2-aio__lines{display:grid;gap:6px}
.svs2-aio__lines i{height:6px;width:var(--w);border-radius:3px;background:rgba(255,255,255,.18);transform-origin:left}
.svs2-aio.is-on .svs2-aio__lines i{animation:svzType 3.2s ease infinite;animation-delay:calc(var(--i) * .25s)}
.svs2-aio__cites{display:flex;gap:6px;margin-top:2px}
.svs2-aio__cites i{width:62px;height:16px;border-radius:100px;border:1px solid var(--edge-2)}
.svs2-aio__cites i.is-you{border-color:var(--gold);background:var(--gold-soft)}
.svs2-snip{border-color:var(--gold-line);background:#15130D}
.svs2-snip i{height:6px;border-radius:3px;background:rgba(255,255,255,.16)}
.svs2-snip i.s{width:58%}
.svs2-snip__h{height:9px!important;width:72%;background:var(--gold)!important}
.svs2-snip__src{width:84px;height:7px;border-radius:4px;background:var(--teal)}
.svs2-paa{gap:6px}
.svs2-paa__q{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;padding:8px 10px;border-radius:9px;border:1px solid var(--edge);background:#0C0E12}
.svs2-paa__q > i{height:6px;width:70%;border-radius:3px;background:rgba(255,255,255,.2)}
.svs2-paa__q em{font-style:normal;font-size:12px;color:var(--text-dim)}
.svs2-paa__a{grid-column:1 / -1;display:grid;gap:5px;max-height:0;overflow:hidden;transition:max-height .6s var(--ease)}
.svs2-paa__a i{height:5px;border-radius:3px;background:rgba(79,191,160,.55)}
.svs2-paa__a i.s{width:60%}
.svs2-paa__a b{width:60px;height:7px;border-radius:4px;background:var(--gold)}
.svs2-org{display:grid;gap:6px;padding:12px 14px;border-radius:12px;border:1px dashed var(--edge);opacity:.4}
.svs2-org i{height:6px;border-radius:3px;background:rgba(255,255,255,.12)}
.svs2-org i.s{width:55%}
.svs2-kp{align-self:start;gap:9px;border-color:var(--gold-line);background:#14120D}
.svs2-kp__logo{width:46px;height:46px;border-radius:12px;background:var(--gold)}
.svs2-kp__h{height:9px;width:80%;border-radius:4px;background:rgba(255,255,255,.4)}
.svs2-kp__stars{font-size:11px;letter-spacing:1px;color:var(--gold)}
.svs2-kp__row{display:grid;grid-template-columns:38% 1fr;gap:6px}
.svs2-kp__row i{height:5px;border-radius:3px;background:rgba(255,255,255,.14)}
.svs2-kp__map{position:relative;height:74px;border-radius:10px;background:repeating-linear-gradient(0deg,rgba(255,255,255,.04) 0 1px,transparent 1px 14px),repeating-linear-gradient(90deg,rgba(255,255,255,.04) 0 1px,transparent 1px 14px),#0D1A17}
.svs2-kp__map i{position:absolute;left:50%;top:40%;width:14px;height:14px;margin:-7px;border-radius:50% 50% 50% 0;background:var(--gold);transform:rotate(-45deg)}
@media (max-width:700px){
  .svs2__bar{padding:10px 12px}
  .svs2__page{grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:10px;padding:12px}
  .svs2__main{gap:10px}
  .svs2-reg{padding:10px;gap:6px}
  .svs2-kp__map,.svs2-org,.svs2-paa__q:nth-child(5){display:none}
  .svs2-kp__logo{width:32px;height:32px;border-radius:9px}
  .svs2-kp__row{grid-template-columns:1fr}
  .svs2-aio__cites i{width:30px}
  .svs2__num{top:-9px;right:-6px;min-width:26px;height:20px;font-size:10px}
  /* (owner, 2 Oct 2026: the page and its card did not fit one screen; a tall gap sat under the panel) the four answer
     formats as an even two by two: the AI Overview and the panel on top, the snippet and People Also Ask under them */
  .svs2__page{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}
  .svs2__main{display:contents}
  .svs2-aio{grid-column:1;grid-row:1}
  .svs2-kp{grid-column:2;grid-row:1;align-self:stretch}
  .svs2-snip{grid-column:1;grid-row:2;align-content:start}
  .svs2-paa{grid-column:2;grid-row:2}
  .svs2-aio__lines i:nth-child(4),.svs2-kp__row:nth-child(n+7),.svs2-paa__q:nth-child(4){display:none}
}
.svz-bone__head .svc-ledger{padding:22px 22px 18px;border-radius:22px;border-width:1.5px;background:linear-gradient(180deg,#140F10,#0D0E11);box-shadow:0 40px 80px -40px rgba(255,122,107,.3)}
.svz-bone__head .svc-ledger__row{align-items:baseline}
.svz-bone__head .svc-ledger__row b{flex:0 0 auto;white-space:nowrap}
.svz-bone__head .svc-ledger__row.is-head{align-items:center}
.svz-bone__head .svc-ledger__row.is-head b{font:800 26px/1 var(--font-head);color:var(--teal)}
.svz-bone__head .svc-ledger__row.is-total{align-items:center;margin-top:8px;padding:12px 12px;border:0;border-radius:12px;background:rgba(255,122,107,.12)}
.svz-bone__head .svc-ledger__row.is-total b{font-size:14.5px}
html.el8-js .svz-bone__head .svc-ledger__row{opacity:0}
html.el8-js .svz-bone__head.is-in .svc-ledger__row{opacity:1;animation:svcRowIn .45s ease both;animation-delay:calc(var(--i, 0) * .18s + .3s)}
html.el8-js .svz-bone__head.is-in .svc-ledger__row.is-total{animation:svcRowIn .45s ease both 1.3s,svzTotal 3.6s ease-in-out 2s infinite}
.svz-strip{position:relative;display:grid;gap:18px;padding:24px 30px 44px;border-radius:16px 16px 0 0;background:#EEE8DB;color:#2B2722;box-shadow:0 40px 80px -50px rgba(0,0,0,.9);
  -webkit-mask:conic-gradient(from -45deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) 50% / 18px 100%;mask:conic-gradient(from -45deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) 50% / 18px 100%}
.svz-strip__head{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px}
.svz-strip__chip{padding:4px 10px;border-radius:100px;background:rgba(200,60,40,.12);font-size:10.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#B8412E}
.svz-strip__k{font:800 12.5px/1.35 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.02em;color:#2B2722}
.svz-strip__clauses{display:grid;grid-template-columns:repeat(var(--nc),minmax(0,1fr));gap:22px;margin:0;padding:14px 0 0;list-style:none;border-top:1px solid rgba(43,39,34,.14)}
.svz-strip__clauses li{display:grid;grid-template-columns:30px minmax(0,1fr);gap:6px;font-size:13.5px;line-height:1.55;color:#4A433B}
.svz-strip__n{font:700 11px/1.9 ui-monospace,SFMono-Regular,Menlo,monospace;color:#8A8074}
.svz-strip__tx s{text-decoration:none;background:linear-gradient(#D2432F,#D2432F) no-repeat 0 62% / 100% 2px;transition:background-size 1.1s var(--ease);transition-delay:calc(var(--i) * .45s + .5s)}
html.el8-js .svz-strip:not(.is-in) .svz-strip__tx s{background-size:0% 2px}
.svz-strip__cap{justify-self:start;margin:4px 0 0;padding:9px 14px;border-radius:9px;background:rgba(200,60,40,.1);font-size:13.5px;font-style:italic;color:#8A2E20}
@media (max-width:1100px){
  .svz-strip__clauses{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:700px){
  .svz-strip{padding:18px 16px 34px;border-radius:14px 14px 0 0}
  .svz-strip__clauses{grid-template-columns:minmax(0,1fr);gap:12px}
}
.svz-paa{margin:0;border-radius:24px;border:1px solid var(--edge-2);background:linear-gradient(180deg,#111419,#0A0B0E);box-shadow:0 40px 80px -50px rgba(0,0,0,.95);overflow:hidden}
.svz-paa__head{display:flex;align-items:center;gap:10px;margin:0;padding:14px 22px;border-bottom:1px solid var(--edge);background:#0D0F13;font:700 12px/1.35 var(--sva-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--gold)}
.svz-paa__head svg{flex:0 0 auto;width:15px;height:15px;fill:none;stroke:var(--gold);stroke-width:2.2;stroke-linecap:round}
.svz-asks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin:0;padding:0;list-style:none}
.svz-ask{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:16px;min-height:92px;padding:14px 22px;border-top:1px solid var(--edge);transition:background .5s}
.svz-asks > .svz-ask:nth-child(-n+2){border-top:0}
.svz-asks > .svz-ask:nth-child(odd):not(.svz-ask--all){border-right:1px solid var(--edge)}
.svz-ask::before{content:"";position:absolute;left:0;top:14px;bottom:14px;width:3px;border-radius:0 3px 3px 0;background:var(--teal);opacity:0;transition:opacity .4s}
.svz-ask.is-open{background:linear-gradient(90deg,rgba(79,191,160,.1),rgba(79,191,160,0) 75%)}
.svz-ask.is-open::before{opacity:1}
.svz-ask__bubble{position:relative;flex:0 0 auto;width:42px;height:38px;border-radius:14px 14px 14px 4px;background:var(--teal-soft);border:1px solid var(--teal-line);transition:background .4s,border-color .4s}
.svz-ask__bubble b{position:absolute;inset:0;display:grid;place-items:center;font:800 18px/1 var(--font-head);transition:opacity .35s,transform .5s cubic-bezier(.34,1.6,.5,1)}
.svz-ask__bubble b:first-child{color:var(--text-dim);opacity:0;transform:scale(.4)}
.svz-ask__bubble b:last-child{color:var(--teal)}
.svz-paa.is-run .svz-ask:not(.is-done) .svz-ask__bubble{background:rgba(255,255,255,.06);border-color:var(--edge-2)}
.svz-paa.is-run .svz-ask:not(.is-done) .svz-ask__bubble b:first-child{opacity:1;transform:none}
.svz-paa.is-run .svz-ask:not(.is-done) .svz-ask__bubble b:last-child{opacity:0;transform:scale(.4)}
.svz-ask__body{display:grid;gap:6px;min-width:0}
.svz-ask__q{font-family:var(--font-head);font-weight:800;font-size:17px;line-height:1.3;letter-spacing:-.01em;color:var(--text);text-wrap:pretty}
.svz-ask__t{font-size:13.5px;font-weight:700;line-height:1.3;color:var(--text-dim);transition:color .4s}
.svz-ask.is-open .svz-ask__t{color:var(--teal)}

.svz-ask a:focus-visible{outline:2px solid var(--gold);outline-offset:-3px}
.svz-ask--all{grid-column:1 / -1;display:block;min-height:0;padding:0;background:linear-gradient(135deg,rgba(244,160,0,.1),rgba(244,160,0,.02))}
.svz-ask--all::before{display:none}
.svz-ask--all a{display:flex;align-items:center;justify-content:center;min-height:60px;padding:10px 18px;font-family:var(--font-head);font-weight:800;font-size:17px;color:var(--gold);text-decoration:none}
.svz-ask--all a:hover{color:var(--gold-hover)}
@media (max-width:860px){
  .svz-asks{grid-template-columns:minmax(0,1fr)}
  .svz-asks > .svz-ask:nth-child(2){border-top:1px solid var(--edge)}
  .svz-asks > .svz-ask:nth-child(odd):not(.svz-ask--all){border-right:0}
}
@media (max-width:560px){
  .svz-paa{border-radius:20px}
  .svz-paa__head{padding:12px 16px}
  .svz-ask{gap:12px;min-height:72px;padding:10px 16px}
  .svz-ask__body{gap:4px}
  .svz-ask__bubble{width:36px;height:32px;border-radius:12px 12px 12px 4px}
  .svz-ask__bubble b{font-size:16px}
  .svz-ask__q{font-size:15.5px}
  .svz-ask__t{font-size:13px}
  .svz-ask--all a{min-height:56px;font-size:16px}
}
@media (prefers-reduced-motion:reduce){
  .svz-x *,.svz-terms *{transition:none!important}
  html.el8-js .svz-strip:not(.is-in) .svz-strip__tx s{background-size:100% 2px}
  html.el8-js .svz-bone__head .svc-ledger__row{opacity:1}
}
.sva-dial{position:sticky;top:112px;margin:0;padding:22px 22px 20px;border-radius:26px;border:1px solid var(--edge-2);
  background:radial-gradient(55% 45% at 50% 48%,rgba(244,160,0,.08),transparent 70%),linear-gradient(180deg,#101318,#0A0B0E);box-shadow:0 40px 80px -50px rgba(0,0,0,.95)}
.sva-dial__head{font:700 11.5px/1.35 var(--sva-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim)}
.sva-dial__face{position:relative;max-width:430px;margin:12px auto 0}
.sva-dial svg{display:block;width:100%;height:auto;overflow:visible}
.sva-dial__rim{fill:none;stroke:rgba(255,255,255,.1);stroke-width:1.5}
.sva-dial__tick{stroke:rgba(255,255,255,.24);stroke-width:1.5}
.sva-dial__mo{font:800 13px/1 var(--font-head);fill:var(--text-dim);text-anchor:middle;dominant-baseline:central}
.sva-dial__mo--k{font:700 11px/1 var(--sva-mono);letter-spacing:.1em;text-transform:uppercase;fill:var(--gold)}
.sva-dial__track{fill:none;stroke:rgba(255,255,255,.045);stroke-width:10}
.sva-dial__arc{fill:none;stroke-width:10;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:0;
  transition:stroke-dashoffset 1.1s var(--ease),stroke-width .3s;transition-delay:calc(var(--i) * .4s + .3s),0s}
.is-prep .sva-dial__arc{stroke:var(--teal)}
.is-win .sva-dial__arc{stroke:var(--gold);filter:drop-shadow(0 0 5px rgba(244,160,0,.4))}
.sva-dial__tail{fill:none;stroke:var(--gold);stroke-width:3;stroke-linecap:round;stroke-dasharray:1 7;opacity:.85}
.sva-dial__badge{transform-box:fill-box;transform-origin:center;transition:opacity .4s,transform .5s cubic-bezier(.34,1.6,.5,1);transition-delay:calc(var(--i) * .4s + 1.2s)}
.sva-dial__badge circle{fill:#0B0C10;stroke-width:2}
.is-prep .sva-dial__badge circle{stroke:var(--teal)}
.is-win .sva-dial__badge circle{stroke:var(--gold)}
.sva-dial__ic{fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.is-prep .sva-dial__ic{stroke:var(--teal)}
.is-win .sva-dial__ic{stroke:var(--gold)}
.sva-dial__stage{transition:opacity .35s}
.sva-dial__sweep{transform-box:view-box;transform-origin:230px 230px}
.sva-dial__sweep line{stroke:rgba(255,210,122,.55);stroke-width:2;stroke-linecap:round}
.sva-dial__sweep circle{fill:var(--gold)}
.sva-dial.is-in .sva-dial__sweep{animation:svaSweep 6s cubic-bezier(.45,.05,.35,1) .3s 1 both}
html.el8-js .sva-dial:not(.is-in) .sva-dial__arc{stroke-dashoffset:1}
html.el8-js .sva-dial:not(.is-in) .sva-dial__badge{opacity:0;transform:scale(.3)}
.sva-dial__hub{position:absolute;left:50%;top:50%;display:grid;place-content:center;justify-items:center;width:25%;aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%);
  background:radial-gradient(circle at 50% 32%,rgba(255,210,122,.26),rgba(244,160,0,.08) 62%),#0E0D0A;border:1px solid var(--gold-line);box-shadow:0 0 44px rgba(244,160,0,.22);text-align:center}
.sva-dial__hub b{font:800 clamp(34px,3.4vw,48px)/1 var(--font-head);letter-spacing:-.04em;color:var(--gold)}
.sva-dial__hub span{max-width:86%;margin-top:3px;font-size:12px;font-weight:700;line-height:1.2;color:var(--text-soft)}
.sva-dial.is-in .sva-dial__hub{animation:svaGlow 4.5s ease-in-out 6.4s infinite}
.sva-dial__key{list-style:none;display:flex;flex-wrap:wrap;gap:8px 16px;margin:14px 0 0;padding:14px 2px 0;border-top:1px dashed var(--edge-2);font-size:13px;line-height:1.3;color:var(--text-soft)}
.sva-dial__key li{display:inline-flex;align-items:center;gap:7px;transition:opacity .35s}
.sva-dial__key i{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;border:1.5px solid var(--gold);font:800 10.5px/1 var(--font-head);font-style:normal;color:var(--gold)}
.sva-dial__key .is-prep i{border-color:var(--teal);color:var(--teal)}
.sva-exp.has-pick .sva-dial__stage:not(.is-pick),.sva-exp.has-pick .sva-dial__key li:not(.is-pick){opacity:.28}
.sva-dial__stage.is-pick .sva-dial__arc{stroke-width:13}
/* phones (owner, 2 Oct 2026: the dial and its card did not fit one screen): a smaller dial; the key goes, since the card
   under the dial names its stage and the dial lights it */
@media (max-width:700px){
  .aex .sva-dial{padding:14px 14px 10px}
  .aex .sva-dial__face{max-width:236px;margin-top:6px}
  .aex .sva-dial__hub span{font-size:10px}
  .aex .sva-dial__key{display:none}
}
.sva-xray{position:sticky;top:112px;margin:0;border-radius:24px;border:1px solid var(--edge-2);background:linear-gradient(180deg,#111419,#0A0B0E);box-shadow:0 40px 80px -50px rgba(0,0,0,.95);overflow:hidden}
.sva-xray__head{display:flex;align-items:center;gap:12px;padding:13px 18px;border-bottom:1px solid var(--edge);background:#0D0F13}
.sva-xray__head b{min-width:0;font:700 11.5px/1.35 var(--sva-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--gold)}
.sva-xray__body{position:relative;display:grid;gap:10px;padding:18px}
.sva-xray__scan{position:absolute;left:0;right:0;top:0;z-index:2;height:2px;pointer-events:none;opacity:0;
  background:linear-gradient(90deg,transparent,rgba(79,191,160,.9) 30%,rgba(79,191,160,.9) 70%,transparent);box-shadow:0 0 18px rgba(79,191,160,.6)}
.sva-xray.is-in .sva-xray__scan{animation:svaScan 5.5s linear 1s infinite}
.sva-xray__row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,172px);align-items:center;gap:14px;transition:opacity .35s}
.sva-xray__page .sva-xray__row{grid-template-columns:minmax(0,1fr) minmax(0,159px)}
.sva-xray__el{min-width:0;border-radius:12px;transition:box-shadow .35s,border-color .35s}
.sva-xray__tag{display:flex;align-items:baseline;gap:8px;margin:0;font-size:12.5px;line-height:1.35;color:var(--text-soft);transition:opacity .4s,transform .5s var(--ease);transition-delay:calc(var(--k) * .12s + .3s)}
.sva-xray__tag b{flex:0 0 auto;display:grid;place-items:center;width:24px;height:20px;border-radius:6px;background:var(--gold-soft);box-shadow:inset 0 0 0 1px var(--gold-line);font:800 10.5px/1 var(--font-head);color:var(--gold)}
html.el8-js .sva-xray:not(.is-in) .sva-xray__tag{opacity:0;transform:translateX(8px)}
.sva-xray__q{display:inline-flex;align-items:center;gap:8px;max-width:100%;height:38px;padding:0 14px;border-radius:100px;border:1px solid var(--gold-line);background:#15171C;white-space:nowrap}
.sva-xray__q svg{flex:0 0 auto;width:15px;height:15px;fill:none;stroke:var(--gold);stroke-width:2.2;stroke-linecap:round}
.sva-xray__qt{font-size:13.5px;font-weight:600;color:var(--text)}
.sva-xray__caret{flex:0 0 auto;width:1.5px;height:16px;margin-left:-5px;background:var(--gold);animation:svcBlink 1s steps(2) infinite}
.sva-xray__ln{display:grid;gap:6px;flex:1;min-width:0}
.sva-xray__ln i{display:block;height:5px;border-radius:3px;background:rgba(255,255,255,.12)}
.sva-xray__ln i.s{width:60%}
.sva-xray__box{display:grid;gap:10px;padding:12px 14px;border:1px solid var(--coral-line);background:linear-gradient(135deg,rgba(255,122,107,.1),#0E1014 70%)}
.sva-xray__src{display:flex;align-items:center;gap:7px;min-width:0;font-size:12px;font-weight:700;color:var(--coral)}
.sva-xray__src i{flex:0 0 auto;width:12px;height:12px;border-radius:4px;background:rgba(255,122,107,.5)}
.sva-xray__box .sva-xray__ln i{background:rgba(255,122,107,.22)}
.sva-xray__page{display:grid;gap:10px;padding:12px;margin:2px 0;border-radius:16px;border:1px dashed var(--edge-2);background:#0B0C10}
.sva-xray__url{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--edge);background:#0E1014}
.sva-xray__fav{flex:0 0 auto;width:14px;height:14px;border-radius:4px;background:rgba(244,160,0,.55)}
.sva-xray__rank{flex:0 0 auto;padding:4px 9px;border-radius:100px;background:var(--teal-soft);box-shadow:inset 0 0 0 1px var(--teal-line);font:800 12px/1 var(--font-head);color:var(--teal)}
.sva-xray__copy{display:grid;gap:7px;padding:10px 12px}
.sva-xray__copy i{display:block;height:5px;border-radius:3px;background:rgba(255,255,255,.1)}
.sva-xray__copy i.h{width:58%;height:9px;margin-bottom:3px;background:rgba(255,255,255,.26)}
.sva-xray__copy i.s{width:72%}
.sva-xray__copy i.hit{height:7px;background:linear-gradient(90deg,rgba(255,122,107,.75),rgba(255,122,107,.3));box-shadow:0 0 0 3px rgba(255,122,107,.1)}
.sva-xray__code{display:flex;align-items:center;gap:12px;padding:10px 12px;border:1.5px dashed var(--coral-line);background:rgba(255,122,107,.04)}
.sva-xray__code b{font:800 14px/1 var(--sva-mono);color:var(--coral)}
.sva-xray__code .sva-xray__ln i{background:rgba(255,122,107,.16)}
.sva-xray__prio{display:flex;align-items:center;gap:8px;padding:10px 12px;border:1px solid var(--gold-line);background:linear-gradient(135deg,rgba(244,160,0,.1),#0E1014 70%)}
.sva-xray__prio em{flex:0 0 auto;display:grid;place-items:center;width:22px;height:22px;border-radius:7px;background:var(--gold);font:800 11px/1 var(--font-head);font-style:normal;color:#111}
.sva-xray__prio em + i + em{background:rgba(244,160,0,.6)}
.sva-xray__prio em + i + em + i + em{background:rgba(244,160,0,.35)}
.sva-xray__prio i{flex:1;height:5px;border-radius:3px;background:rgba(244,160,0,.22)}
.sva-tools{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.sva-tool a{display:flex;flex-direction:column;height:100%;padding:12px 12px 22px;border-radius:22px;border:1px solid var(--edge);background:var(--sva-card);color:var(--text);text-decoration:none;
  transition:border-color .3s,transform .4s var(--ease),box-shadow .4s}
.sva-tool a:hover{border-color:var(--gold-line);transform:translateY(-4px);box-shadow:0 26px 50px -30px rgba(244,160,0,.45)}
.sva-tool a:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.sva-tool__peek{display:grid;place-items:center;height:124px;border-radius:14px;border:1px solid var(--edge);background:#08090C;overflow:hidden}
.sva-tool__ic{display:grid;place-items:center;width:38px;height:38px;margin:18px 8px 0;border-radius:11px;border:1px solid var(--gold-line);background:var(--gold-soft);color:var(--gold)}
.sva-tool__ic svg{width:20px;height:20px}
.sva-tool__t{margin:14px 8px 8px;font:800 18px/1.25 var(--font-head);letter-spacing:-.01em}
.sva-tool__d{margin:0 8px;font-size:14px;line-height:1.55;color:var(--text-mid)}
.sva-tool__go{margin:auto 8px 0;padding-top:18px;font-weight:700;color:var(--gold)}
.sva-pk{display:flex;align-items:center;gap:10px;width:86%}
.sva-pk--schema .c{display:grid;gap:5px;flex:0 0 40%;padding:9px 10px;border-radius:10px;border:1px solid var(--edge-2);background:#101318}
.sva-pk--schema .c b{font:800 13px/1 var(--sva-mono);color:var(--teal)}
.sva-pk--schema .c i{display:block;width:var(--w);height:4px;margin-left:8px;border-radius:2px;background:rgba(79,191,160,.55)}
.sva-pk--schema .a{flex:0 0 22px;fill:none;stroke:var(--gold);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.sva-pk--schema .r{display:grid;gap:5px;flex:1;min-width:0}
.sva-pk--schema .r > i{display:block;height:5px;border-radius:3px;background:rgba(255,255,255,.14)}
.sva-pk--schema .r > i.t{width:80%;height:6px;background:rgba(140,180,255,.55)}
.sva-pk--schema .r > i.u{width:46%;background:rgba(79,191,160,.45)}
.sva-pk--schema .q{display:grid;grid-template-columns:minmax(0,1fr) 8px;align-items:center;gap:6px;padding:4px 6px;border-radius:5px;border:1px solid var(--edge)}
.sva-pk--schema .q i{height:4px;border-radius:2px;background:rgba(255,255,255,.2)}
.sva-pk--schema .q em{width:6px;height:6px;border-right:1.5px solid var(--text-dim);border-bottom:1.5px solid var(--text-dim);transform:rotate(45deg) translateY(-2px)}
.sva-pk--schema .q.is-open{border-color:var(--gold-line)}
.sva-pk--schema .q.is-open::after{content:"";grid-column:1 / -1;height:0;border-radius:2px;background:linear-gradient(rgba(244,160,0,.35),rgba(244,160,0,.12));animation:svaOpen 5s ease-in-out infinite}
.sva-pk--meta{flex-direction:column;align-items:stretch;gap:12px}
.sva-pk--meta .l{display:grid;gap:6px}
.sva-pk--meta .l i{display:block;height:5px;border-radius:3px;background:rgba(255,255,255,.14)}
.sva-pk--meta .l i.u{width:42%;background:rgba(79,191,160,.5)}
.sva-pk--meta .l i.t{position:relative;width:100%;height:8px;background:linear-gradient(90deg,rgba(140,180,255,.6) 78%,rgba(255,122,107,.6) 78%)}
.sva-pk--meta .l i.t b{position:absolute;left:78%;top:-5px;bottom:-5px;width:2px;background:var(--gold);box-shadow:0 0 8px rgba(244,160,0,.7)}
.sva-pk--meta .l i.s{width:66%}
.sva-pk--meta .rule{position:relative;display:flex;justify-content:space-between;align-items:flex-start;height:12px;border-top:1px solid rgba(255,255,255,.2)}
.sva-pk--meta .rule i{width:1px;height:5px;background:rgba(255,255,255,.28)}
.sva-pk--meta .rule i.is-major{height:9px;background:rgba(255,255,255,.45)}
.sva-pk--meta .rule b{position:absolute;left:78%;top:-4px;width:8px;height:8px;margin-left:-3px;border-radius:50%;background:var(--gold)}
.sva-pk--topics{flex-direction:column;align-items:stretch;gap:5px}
.sva-pk--topics .q{display:grid;grid-template-columns:16px minmax(0,1fr) 16px;align-items:center;gap:8px;height:17px;padding:0 6px;border-radius:6px;border:1px solid var(--edge)}
.sva-pk--topics .q b{font:800 11px/1 var(--font-head);color:var(--text-dim)}
.sva-pk--topics .q i{height:4px;border-radius:2px;background:rgba(255,255,255,.18)}
.sva-pk--topics .q em{font-style:normal;font:800 11px/1 var(--font-head);text-align:center}
.sva-pk--topics .q.is-on{border-color:var(--teal-line)}
.sva-pk--topics .q.is-on em{color:var(--teal)}
.sva-pk--topics .q.is-gap{border-style:dashed;border-color:var(--gold-line)}
.sva-pk--topics .q.is-gap em{color:var(--gold)}
.sva-pk--topics .q.is-gap i{background:rgba(244,160,0,.2)}
.sva-tool:hover .sva-pk--topics .q.is-gap,.sva-pk--topics .q.is-gap{animation:svaGlow 3s ease-in-out infinite;animation-delay:calc(var(--i) * .4s)}
.sva-pk--local{gap:8px}
.sva-pk--local .v{display:flex;flex-direction:column;align-items:center;gap:6px;flex:0 0 26%}
.sva-pk--local .v svg{width:26px;height:26px;fill:none;stroke:var(--gold);stroke-width:1.8;stroke-linecap:round}
.sva-pk--local .w{display:flex;align-items:center;gap:2px;height:16px}
.sva-pk--local .w i{width:3px;height:100%;border-radius:2px;background:var(--gold);transform-origin:50% 50%;animation:svaWave 1.2s ease-in-out infinite;animation-delay:calc(var(--b) * -.17s)}
.sva-pk--local .m{position:relative;flex:0 0 30%;height:78px;border-radius:10px;border:1px solid var(--edge);overflow:hidden;
  background:repeating-linear-gradient(0deg,transparent 0 17px,rgba(255,255,255,.05) 17px 18px),repeating-linear-gradient(90deg,transparent 0 17px,rgba(255,255,255,.05) 17px 18px),#0E1014}
.sva-pk--local .m .g{position:absolute;left:-10%;right:-10%;top:52%;height:6px;background:rgba(255,255,255,.08);transform:rotate(-18deg)}
.sva-pk--local .m i{position:absolute;width:9px;height:9px;border-radius:50% 50% 50% 0;transform:rotate(-45deg)}
.sva-pk--local .m .p{left:44%;top:26%;width:13px;height:13px;background:var(--gold);box-shadow:0 0 12px rgba(244,160,0,.7)}
.sva-pk--local .m .o{left:18%;top:62%;background:rgba(255,255,255,.3)}
.sva-pk--local .m .o2{left:72%;top:58%}
.sva-pk--local .a{display:grid;gap:5px;flex:1;min-width:0;padding:8px;border-radius:9px;border:1px solid var(--gold-line);background:linear-gradient(135deg,rgba(244,160,0,.12),#0E1014 70%)}
.sva-pk--local .a i{display:block;height:4px;border-radius:2px;background:rgba(255,255,255,.18);font-style:normal}
.sva-pk--local .a i.s{height:auto;background:none;font-size:9px;letter-spacing:1px;color:var(--gold)}
.sva-pk--local .a i.s2{width:60%}
.svz-strip__n{color:#675E53}
.svz-strip__chip{color:#9E3524}
@media (max-width:1180px){
  .sva-tools{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:1080px){
  .sva-dial,.sva-xray{position:relative;top:auto}
  .sva-dial{max-width:620px}
}
@media (max-width:700px){
  .sva-dial{padding:16px 14px 16px}
  .sva-dial__face{max-width:320px}
  .sva-dial__key{gap:8px 12px;font-size:12.5px}
  .sva-xray__body{padding:14px;gap:9px}
  .sva-xray__row,.sva-xray__page .sva-xray__row{grid-template-columns:minmax(0,1fr);gap:7px}
  .sva-xray__tag{font-size:12.5px;gap:7px}
  .sva-xray__tag b{width:22px}
  .sva-xray__page{padding:9px}
  .sva-xray__q{height:34px;padding:0 11px;gap:6px}
  .sva-xray__qt{font-size:12.5px}
  .sva-tools{display:flex}
  .sva-tool a:hover{transform:none}
}
.svz-x__badge{display:grid;justify-items:center;gap:7px;flex:0 0 auto}
.svz-x__badge small{max-width:76px;font:800 12px/1.15 var(--font-head);letter-spacing:.06em;text-transform:uppercase;text-align:center;color:var(--gold)}

@media (max-width:700px){
  .sva-xray__row,.sva-xray__page .sva-xray__row{grid-template-columns:minmax(0,1fr) 22px;gap:10px}
  .sva-xray__tag span{display:none}
  .sva-xray__body{padding:12px;gap:8px}
  .sva-xray__page{gap:8px}
  .sva-xray__copy{gap:6px;padding:9px 12px}
  .sva-xray__copy i:nth-child(3),.sva-xray__copy i:nth-child(5){display:none}
  .sva-xray__box{gap:8px;padding:10px 12px}
}
@keyframes svaGlow{0%,100%{opacity:.5}50%{opacity:1}}
@keyframes svaOpen{0%,30%{height:0}45%,85%{height:14px}100%{height:0}}
@keyframes svaScan{0%{top:0;opacity:0}8%,86%{opacity:.85}100%{top:100%;opacity:0}}
@keyframes svaSweep{from{transform:rotate(0)}to{transform:rotate(360deg)}}
@keyframes svaWave{0%,100%{transform:scaleY(.35)}50%{transform:scaleY(1)}}
@keyframes svzDash{to{stroke-dashoffset:-16}}
@keyframes svzDrift{50%{transform:translateY(calc((var(--k) - var(--mid)) * 9px))}}
@keyframes svzGrow{0%{transform:scaleY(.1)}35%,100%{transform:none}}
@keyframes svzLit{0%{opacity:.15}18%,100%{opacity:1}}
@keyframes svzPulse{0%{opacity:0;transform:none}8%,90%{opacity:1}100%{opacity:0;transform:translateY(var(--travel))}}
@keyframes svzRim{0%{opacity:.85}16%,100%{opacity:0}}
@keyframes svzStar{0%{transform:scale(.2)}22%,100%{transform:none}}
@keyframes svzTotal{50%{background:rgba(255,122,107,.22);box-shadow:0 0 0 1px rgba(255,122,107,.45)}}
@keyframes svzType{0%{transform:scaleX(0)}30%,100%{transform:none}}
@keyframes svzTypeX{0%{transform:scaleX(0)}30%,100%{transform:none}}
@keyframes svzWire{to{stroke-dashoffset:-12}}

/* ============ TAB STAGES (the value pillars, the answer formats, the audit checks, the months): on wide screens a
   list of items becomes tabs (each item's heading is a real button) beside or over one panel holding the chosen
   item's words, and the section's picture follows the choice. Every item stays a full box stacked in one cell: the
   chosen one shows, the others show only their tab. Phones keep their swipe cards. ============ */
.aes-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}
.aes-tab__prog{display:none}
@media (max-width:1000px){.aes-tab{pointer-events:none}}
@keyframes aesProg{to{transform:scaleX(1)}}
@keyframes aesIn{from{opacity:0;transform:translateY(8px)}}
@media (min-width:1001px){
  html.el8-js [data-aes] .aes-tab{position:relative;display:flex;align-items:center;gap:14px;width:100%;height:100%;padding:0 18px;border-radius:16px;border:1px solid var(--edge);background:#0C0E12;
    color:var(--text-mid);font:700 16px/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-aes] .aes-tab:hover{border-color:var(--edge-2);color:var(--text)}
  html.el8-js [data-aes] .aes-tab:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
  html.el8-js [data-aes] .aes-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);font:800 12px/1 var(--font-head);color:var(--gold)}
  html.el8-js [data-aes] .is-cur .aes-tab__n{border-color:var(--gold);background:var(--gold);color:#111}
  html.el8-js [data-aes] .is-cur .aes-tab{border-color:var(--gold-line);background:linear-gradient(90deg,rgba(244,160,0,.12),#0C0E12 85%);color:var(--text)}
  html.el8-js [data-aes] .aes-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-aes].is-playing .is-cur .aes-tab__prog{opacity:.85;animation:aesProg var(--dur,6s) linear both}
}

/* ============ VALUE (owner, 1 Oct 2026): the layered page beside the four pillars as an expanding list; the open
   pillar shows its words and its worked example, drawn as a picture ============ */
.aev{display:grid;grid-template-columns:minmax(0,1fr);gap:28px}
.aev__core{display:grid;justify-items:center;gap:18px}
.aev__core .svz-stack{max-width:360px}
.aev-p__pad{display:grid;grid-template-columns:minmax(0,1fr);gap:16px}
.aev-p__d{margin:0;font-size:15.5px;line-height:1.6;color:var(--text-mid)}
@media (min-width:1001px){
  .aev{grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);align-items:center;gap:48px}
  .aev__core{grid-column:1;grid-row:1}
  .aev__car{grid-column:2;grid-row:1}
  .aev__core .svz-stack{max-width:320px}
  /* (owner, 2 Oct 2026: a gap sat under the words in every open card) the words and the example centre on each other
     in the body, which keeps the tallest card's height, and the words read a size up */
  html.el8-js .aev-p__pad{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;align-content:center;gap:22px;padding-left:62px}
  html.el8-js .aev-p__d{font-size:16.5px;line-height:1.62;color:var(--text)}
}
@media (max-width:1000px) and (min-width:701px){.aev__core .svz-stack{max-width:300px}}
/* phones (owner, 2 Oct 2026: the outcome, the stack and the card did not fit one screen): the stack sits small beside
   the outcome instead of under it, so the stack (which lights the chosen pillar's layer) and the card show together */
@media (max-width:700px){
  .aev{gap:14px}
  .aev__core{grid-template-columns:118px minmax(0,1fr);align-items:center;justify-items:stretch;gap:12px}
  .aev__core .svz-stack{grid-column:1;grid-row:1;max-width:118px}
  .aev__core .svz-x__zero{grid-column:2;grid-row:1;flex-direction:column;align-items:flex-start;gap:8px;padding:12px 14px}
  .aev__core .svz-x__zero::after{display:none}
  .aev__core .svz-x__badge{grid-auto-flow:column;align-items:center;gap:8px}
  .aev__core .svz-x__badge small{max-width:none;text-align:left}
  .aev__core .svz-x__0{width:38px;height:38px;font-size:21px}
  .aev__core .svz-x__zero b{font-size:16px}
  .aev__core .svz-x__zero p{margin-top:3px;font-size:13px;line-height:1.45}
  .aev-p__d{font-size:14.5px;line-height:1.55}
  .aev-p__pad{gap:12px}
  .aev-p .aeq{gap:8px;padding:10px}
  .aev-p .aeq-code{font-size:10.5px;padding:8px 0}
  /* the cards keep one height, so a shorter card's example fills the rest and spaces its rows (no gap at the bottom) */
  .aev-p{display:flex;flex-direction:column}
  .aev-p .svc-acc__body,.aev-p .svc-acc__in{flex:1;display:flex;flex-direction:column}
  .aev-p .aev-p__pad{flex:1;display:flex;flex-direction:column}
  .aev-p .aev-p__pad > .aeq{flex:1;align-content:space-evenly}
}

/* the worked examples (.aeq), drawn as small pictures */
.aeq{display:grid;gap:10px;padding:12px;border-radius:16px;border:1px solid var(--edge);background:#08090C}
.aeq__k{font:700 10px/1.3 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--text-dim)}
.aeq__foot{display:flex;align-items:center;gap:8px;padding:7px 10px;border-radius:10px;background:rgba(79,191,160,.08);font-size:12px;line-height:1.3;color:var(--text-soft)}
.aeq__foot i{flex:0 0 auto;width:8px;height:8px;border-radius:50%;background:var(--teal)}
.aeq__foot b{margin-left:auto;font-weight:700;color:var(--teal);white-space:nowrap}
.aeq__foot.is-queue{background:rgba(244,160,0,.08)}
.aeq__foot.is-queue i{background:var(--gold);animation:aeqPulse 1.8s ease-in-out infinite}
.aeq__foot.is-queue b{color:var(--gold)}
@keyframes aeqPulse{50%{box-shadow:0 0 0 5px rgba(244,160,0,.18)}}
/* 0 the page */
.aeq-page{display:grid;gap:7px;padding:10px;border-radius:12px;background:#F4F3EF;color:#202124}
.aeq-page__bar{display:flex;align-items:center;gap:4px;padding-bottom:6px;border-bottom:1px solid #E2E1DC}
.aeq-page__bar i{width:5px;height:5px;border-radius:50%;background:#C9C8C2}
.aeq-page__bar b{flex:0 0 46%;height:6px;margin-left:6px;border-radius:3px;background:#DEDDD7}
.aeq-page__cut{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:11px;color:#8A8984}
.aeq-page__cut s{text-decoration-color:#E0594A}
.aeq-page__cut em{flex:0 0 auto;padding:2px 7px;border-radius:100px;background:#FCE3DF;font-style:normal;font-weight:700;color:#C43C2E}
.aeq-page__h{font:800 12.5px/1.3 var(--font-head);color:#9A6200}
.aeq-page__ans{position:relative;padding:6px 8px;border-radius:7px;background:rgba(79,191,160,.16);box-shadow:inset 3px 0 0 #3FA888;font-size:11.5px;line-height:1.45;color:#202124}
.aeq-page__ln{display:grid;gap:5px}
.aeq-page__ln i{height:5px;border-radius:3px;background:#E0DFD9}
.aeq-page__ln i.s{width:62%}
/* 1 the markup */
.aeq-code{display:grid;gap:2px;padding:10px 0;border-radius:12px;background:#0B1110;border:1px solid rgba(79,191,160,.2);font:500 11px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--text-dim)}
.aeq-code__l{display:grid;grid-template-columns:22px minmax(0,1fr) auto;align-items:baseline;gap:8px;min-width:0;padding:2px 10px 2px 0}
.aeq-code__l i{flex:0 0 22px;text-align:right;font-style:normal;color:rgba(255,255,255,.2)}
.aeq-code__l b{font-weight:600;color:#8AB4F8}
.aeq-code__l em{padding:1px 7px;border-radius:100px;background:var(--teal-soft);font-style:normal;font-weight:700;color:var(--teal)}
.aeq-code__l.is-on{background:rgba(79,191,160,.07);color:var(--text-soft);box-shadow:inset 2px 0 0 var(--teal)}
/* 2 the proof */
.aeq-author{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px;border-radius:12px;border:1px solid var(--gold-line);background:rgba(244,160,0,.06)}
.aeq-author__av{width:38px;height:38px;border-radius:50%;background:radial-gradient(circle at 50% 38%,#C8B08A 0 30%,transparent 31%),radial-gradient(circle at 50% 100%,#8A7556 0 46%,transparent 47%),#2A2620}
.aeq-author__t{display:grid;gap:2px;min-width:0}
.aeq-author__t b{font-size:12.5px;line-height:1.3;color:var(--text)}
.aeq-author__t small{font-size:11px;color:var(--gold)}
.aeq-author__badge{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--teal);color:#0A1512;font-size:12px;font-weight:800}
.aeq-proof__row{display:flex;align-items:center;gap:8px;padding:6px 2px;border-top:1px dashed rgba(255,255,255,.08);font-size:12px;color:var(--text-soft)}
.aeq-proof__row > span:first-child,.aeq-proof__row s{flex:1;min-width:0}
.aeq-proof__row em{flex:0 0 auto;padding:2px 8px;border-radius:100px;background:var(--teal-soft);font-style:normal;font-size:11px;font-weight:700;color:var(--teal)}
.aeq-proof__row.is-cut s{color:var(--text-dim);text-decoration-color:rgba(255,122,107,.8)}
.aeq-proof__row.is-cut em{background:var(--coral-soft);color:var(--coral)}
.aeq-proof__cites{display:flex;gap:3px}
.aeq-proof__cites i{display:grid;place-items:center;width:16px;height:16px;border-radius:5px;background:rgba(138,180,248,.16);font:800 9px/1 var(--font-head);font-style:normal;color:#8AB4F8}
.aeq-proof__dots{display:flex;gap:4px}
.aeq-proof__dots i{width:8px;height:8px;border-radius:50%;background:var(--teal)}
/* 3 the scoreboard */
.aeq-score{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);grid-template-rows:auto auto;gap:8px}
.aeq-score__main{grid-row:span 2;display:grid;align-content:start;gap:4px;padding:10px;border-radius:12px;border:1px solid var(--teal-line);background:rgba(79,191,160,.06)}
.aeq-score small{font-size:10.5px;font-weight:600;line-height:1.3;color:var(--text-dim)}
.aeq-score__main b{font:800 22px/1 var(--font-head);letter-spacing:-.02em;color:var(--teal)}
.aeq-score__bars{display:flex;align-items:flex-end;gap:4px;height:44px;margin-top:6px}
.aeq-score__bars i{flex:1;height:var(--h);border-radius:3px 3px 1px 1px;background:linear-gradient(180deg,#7FD8BD,var(--teal));opacity:.55}
.aeq-score__bars i:last-child{opacity:1}
.aeq-score__tile{display:grid;gap:3px;padding:9px 10px;border-radius:12px;border:1px solid var(--edge);background:#0D0F13}
.aeq-score__tile b{font:800 14px/1.2 var(--font-head);color:var(--text)}
.aeq-score__tile.is-gold b{color:var(--gold)}
html.el8-js .aev-p:not(.is-open) .aeq-score__bars i{transform:scaleY(.2)}
.aeq-score__bars i{transform-origin:bottom;transition:transform .7s var(--ease) calc(var(--k) * .06s + .3s)}
@media (prefers-reduced-motion:reduce){.aeq__foot.is-queue i{animation:none}.aeq-score__bars i{transition:none}}
@media (max-width:1000px){html.el8-js .aev-p:not(.is-open) .aeq-score__bars i{transform:none}}

/* ============ ANSWER FORMATS (owner, 1 Oct 2026): the results page beside the four formats as an expanding list; the
   open format lights its region ============ */
.aef{display:grid;grid-template-columns:minmax(0,1fr);gap:24px}
.aef.is-live .svs2-reg{opacity:.35;transition:opacity .45s,border-color .45s,box-shadow .45s,transform .45s var(--ease)}
.aef.is-live .svs2-reg.is-on{opacity:1;border-color:var(--gold);box-shadow:0 0 0 4px rgba(244,160,0,.12),0 20px 40px -20px rgba(244,160,0,.4);transform:scale(1.015)}
.svs2-paa.is-on .svs2-paa__a,.aef:not(.is-live) .svs2-paa__a{max-height:60px}
.aef-f__pad{display:grid;gap:14px}
.aef-f__pad p{margin:0;font-size:15.5px;line-height:1.62;color:var(--text-mid)}
.aef-f__inc{display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none}
.aef-f__inc li{display:inline-flex;align-items:center;gap:7px;padding:5px 11px;border-radius:100px;border:1px solid var(--teal-line);background:var(--teal-soft);font-size:12.5px;font-weight:600;line-height:1.3;color:var(--teal)}
.aef-f__inc li::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--teal)}
@media (min-width:1001px){
  .aef{grid-template-columns:minmax(0,1fr) minmax(0,1.04fr);align-items:center;gap:48px}
  html.el8-js .aef-f__pad p{color:var(--text)}
}
@media (max-width:700px){.aef{gap:14px}.aef-f__pad p{font-size:14.5px;line-height:1.55}.aef-f__inc li{padding:4px 10px;font-size:12px}}

/* ============ MONTH BY MONTH: the six-month dial beside the stages; the chosen stage lights its ring ============ */
.aex{display:grid;grid-template-columns:minmax(0,1fr);gap:24px}
.aex.has-pick .sva-dial__stage:not(.is-pick),.aex.has-pick .sva-dial__key li:not(.is-pick){opacity:.28}
.sva-dial__stage,.sva-dial__key li{transition:opacity .4s}
.sva-dial__stage.is-pick .sva-dial__arc{stroke-width:13}
.aex__stages{display:grid;gap:12px;margin:0;padding:0;list-style:none}
.aex-s{display:grid;gap:10px;padding:18px 22px 20px;border-radius:20px;border:1px solid var(--edge);background:#0E1014}
.aex-s__h{margin:0;font:800 19px/1.22 var(--font-head);letter-spacing:-.01em;color:var(--text)}
.aex-s__h .aes-tab{display:flex;align-items:center;gap:14px}
.aex-s__h .aes-tab__n{display:grid;place-items:center;flex:0 0 auto;width:34px;height:34px;border-radius:50%;border:2px solid var(--gold);font:800 14px/1 var(--font-head);color:var(--gold)}
.aex-s.is-prep .aes-tab__n{border-color:var(--teal);color:var(--teal)}
.aex-s__h .aes-tab__t{display:grid;gap:4px}
.aex-s__when{font:700 11.5px/1.3 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--gold)}
.aex-s.is-prep .aex-s__when{color:var(--teal)}
.aex-s__d{margin:0;font-size:15px;line-height:1.6;color:var(--text-mid)}
.aex__note{display:flex;align-items:center;justify-content:space-between;gap:18px 32px;margin-top:26px;padding:18px 22px;border-radius:18px;border:1px dashed var(--edge-2);background:#0A0B0E}
.aex__note p{margin:0;max-width:820px;font-size:15px;line-height:1.6;color:var(--text-mid)}
.aex__note .svc-link{margin:0;white-space:nowrap}
@media (min-width:1001px){
  .aex{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);align-items:center;gap:48px}
  html.el8-js .aex[data-aes] .aex__stages{grid-template-columns:minmax(0,1fr);gap:0}
  html.el8-js .aex[data-aes] .aex-s{grid-area:1 / 1;grid-template-columns:minmax(0,1fr);grid-template-rows:repeat(var(--rows),64px) auto;gap:9px;padding:0;border:0;background:none;visibility:hidden}
  html.el8-js .aex[data-aes] .aex-s__h{grid-row:var(--r);height:64px;font-size:inherit;visibility:visible}
  html.el8-js .aex[data-aes] .aex-s__h .aes-tab__n{width:30px;height:30px;min-width:0;padding:0;border-width:1.5px;background:none;font-size:12.5px}
  html.el8-js .aex[data-aes] .aex-s.is-cur .aes-tab__n{background:var(--gold);color:#111}
  html.el8-js .aex[data-aes] .aex-s.is-prep.is-cur .aes-tab__n{background:var(--teal);border-color:var(--teal);color:#0A1512}
  html.el8-js .aex[data-aes] .aex-s.is-prep.is-cur .aes-tab{border-color:var(--teal-line);background:linear-gradient(90deg,rgba(79,191,160,.12),#0C0E12 85%)}
  html.el8-js .aex[data-aes] .aex-s.is-prep .aes-tab__prog{background:var(--teal)}
  html.el8-js .aex[data-aes] .aex-s__h .aes-tab__t{font-size:16px}
  html.el8-js .aex[data-aes] .aex-s__when{font-size:10.5px}
  html.el8-js .aex[data-aes] .aex-s.is-cur{visibility:visible}
  html.el8-js .aex[data-aes] .aex-s__d{grid-row:calc(var(--rows) + 1);margin-top:8px;padding:20px 22px;border-radius:18px;border:1px solid var(--gold-line);background:rgba(244,160,0,.05);font-size:16px;line-height:1.62;color:var(--text)}
  html.el8-js .aex[data-aes] .aex-s.is-prep .aex-s__d{border-color:var(--teal-line);background:rgba(79,191,160,.05)}
  html.el8-js .aex[data-aes] .aex-s.is-cur .aex-s__d{animation:aesIn .45s var(--ease) both}
}
@media (max-width:700px){
  .aex-s{padding:18px}
  .aex-s__h{font-size:18px}
  .aex__note{flex-direction:column;align-items:flex-start}
  .aex__note .svc-link{white-space:normal}
}

/* ============ MISTAKES: the mistakes beside the unanswered ledger; the chosen one lights the line it costs ============ */
.aem{display:grid;grid-template-columns:minmax(0,1fr);gap:24px}
.aem__items{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.aem-m{display:grid;align-content:start;gap:12px;padding:20px 20px 22px;border-radius:22px;border:1px solid var(--edge);background:#0E1014}
.aem-m__h{margin:0;font:800 19px/1.22 var(--font-head);letter-spacing:-.01em;color:var(--text)}
.aem-m__h .aes-tab{display:flex;align-items:center;gap:14px}
.aem-m__ic{display:grid;place-items:center;flex:0 0 auto;width:42px;height:42px;border-radius:13px;border:1px solid var(--coral-line);background:var(--coral-soft);color:var(--coral)}
.aem-m__ic svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.aem-m__ic svg .f{fill:currentColor;stroke:none}
.aem-m__ic svg .x{stroke:#FFD2CB}
.aem-m__d{margin:0;font-size:15px;line-height:1.6;color:var(--text-mid)}
.aem__ledger .svc-ledger{box-shadow:0 30px 60px -40px rgba(255,122,107,.35)}
.aem__ledger .svc-ledger__row{position:relative;transition:opacity .35s,background-color .35s,padding .35s}
.aem.has-pick .aem__ledger .svc-ledger__row:not(.is-pick){opacity:.4}
.aem.has-pick .aem__ledger .svc-ledger__row.is-pick{margin:0 -10px;padding:9px 10px;border-radius:10px;border-top-color:transparent;background:rgba(255,122,107,.12);box-shadow:inset 0 0 0 1px var(--coral-line);color:var(--text)}
.aem.has-pick .aem__ledger .svc-ledger__row.is-pick + .svc-ledger__row{border-top-color:transparent}
@media (min-width:1001px){
  .aem{grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);align-items:center;gap:44px}
  html.el8-js .aem[data-aes] .aem__items{grid-template-columns:minmax(0,1fr);gap:0}
  html.el8-js .aem[data-aes] .aem-m{grid-area:1 / 1;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(var(--rows),66px) auto;gap:10px;padding:0;border:0;background:none;visibility:hidden}
  html.el8-js .aem[data-aes] .aem-m__h{grid-row:var(--r);grid-column:var(--c);height:66px;font-size:inherit;visibility:visible}
  html.el8-js .aem[data-aes] .aem-m__h .aes-tab{padding:0 16px 0 12px;font-size:15.5px}
  html.el8-js .aem[data-aes] .aem-m__ic{width:40px;height:40px}
  html.el8-js .aem[data-aes] .aem-m.is-cur .aes-tab{border-color:var(--coral-line);background:linear-gradient(90deg,rgba(255,122,107,.12),#0C0E12 85%)}
  html.el8-js .aem[data-aes] .aem-m.is-cur .aem-m__ic{border-color:var(--coral);background:var(--coral);color:#1A0F10}
  html.el8-js .aem[data-aes] .aem-m.is-cur .aem-m__ic svg .x{stroke:#1A0F10}
  html.el8-js .aem[data-aes] .aes-tab__prog{background:var(--coral)}
  html.el8-js .aem[data-aes] .aem-m.is-cur{visibility:visible}
  html.el8-js .aem[data-aes] .aem-m__d{grid-row:calc(var(--rows) + 1);grid-column:1 / -1;margin-top:8px;padding:20px 22px;border-radius:18px;border:1px solid var(--coral-line);background:rgba(255,122,107,.05);font-size:16px;line-height:1.62;color:var(--text)}
  html.el8-js .aem[data-aes] .aem-m.is-cur .aem-m__d{animation:aesIn .45s var(--ease) both}
}
@media (max-width:700px){
  .aem-m{padding:18px}
  .aem-m__h{font-size:18px}
  .aem-m__d{font-size:14.5px}
}

/* ============ FREE AUDIT (owner, 1 Oct 2026): your page read the way Google reads it, beside the checks as an expanding
   list; the open check lights its part of the page ============ */
.aea{display:grid;grid-template-columns:minmax(0,1fr);gap:24px}
.aea.has-pick .sva-xray__row{transition:opacity .35s}
.aea.has-pick .sva-xray__row:not(.is-pick){opacity:.3}
.aea.has-pick .sva-xray__row.is-pick .sva-xray__el:not(.is-q),.aea.has-pick .sva-xray__row.is-pick .sva-xray__q{box-shadow:0 0 0 2px var(--gold),0 0 26px rgba(244,160,0,.25)}
.aea .svc-acc__pad p{margin:0;font-size:15px;line-height:1.6;color:var(--text-mid)}

@media (min-width:1001px){
  .aea{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:44px}
  html.el8-js .aea .svc-acc__pad p{color:var(--text)}
  html.el8-js .aea .svc-acc__btn{min-height:54px;font-size:15.5px}
}

/* ============ RESULTS: the cases as tickets, the chosen one open as a report with its chart drawing the move (the
   Google Ads design, owner approved 1 Oct 2026) ============ */
.aer{display:grid;grid-template-columns:minmax(0,.62fr) minmax(0,1.38fr);gap:22px;align-items:stretch}
.aer__cases{display:grid;gap:10px;align-content:center}
.aer__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}
.aer__tab:hover{border-color:var(--edge-2)}
.aer__tab:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
.aer__tab.is-on{border-color:var(--gold-line);background:linear-gradient(90deg,rgba(244,160,0,.12),#0C0E12 85%)}
.aer__tag{font:700 10.5px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim)}
.aer__big{display:flex;align-items:baseline;gap:8px;font:800 34px/1 var(--font-head);letter-spacing:-.03em;color:var(--text-soft)}
.aer__big i{font-style:normal;font-size:20px;color:var(--teal)}
.aer__tab.is-on .aer__big{color:var(--gold)}
.aer__metric{font-size:14px;font-weight:600;color:var(--text-mid)}
.aer__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}
.aer.is-playing .aer__tab.is-on .aer__prog{opacity:.85;animation:aesProg var(--dur,7s) linear both}
.aer__reports{display:grid}
.aer__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 .aer__rep{grid-area:1 / 1;visibility:hidden;opacity:0;transition:opacity .3s,visibility 0s .3s}
html.el8-js .aer__rep.is-on{visibility:visible;opacity:1;transition:opacity .45s,visibility 0s}
html:not(.el8-js) .aer__reports{gap:18px}
.aer__top{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:10px 24px}
.aer__k{font:700 11px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--text-dim)}
.aer__fig{margin:6px 0 0;font:800 clamp(56px,6vw,84px)/.95 var(--font-head);letter-spacing:-.045em;color:var(--gold)}
.aer__metric-l{margin:6px 0 0;font:700 18px/1.25 var(--font-head);color:var(--text)}
.aer__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)}
.aer__chart{position:relative;min-height:150px;border-radius:14px;background:repeating-linear-gradient(180deg,rgba(255,255,255,.05) 0 1px,transparent 1px 25%),#0A0B0E;border:1px solid var(--edge);overflow:hidden}
.aer__chart svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.aer__area{fill:rgba(79,191,160,.12)}
.aer__line{fill:none;stroke:var(--teal);stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.aer__rep.is-on .aer__plot svg{animation:aerDraw 1.6s var(--ease) both}
.aer__start{position:absolute;top:-10px;bottom:-10px;border-left:2px dashed var(--gold-line)}
.aer__start b{position:absolute;left:6px;top:8px;padding:3px 7px;border-radius:6px;background:var(--gold-soft);font:700 10.5px/1 ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--gold);white-space:nowrap}
.aer__plot{position:absolute;inset:10px 12px}
.aer__dot{position:absolute;width:14px;height:14px;margin:-7px 0 0 -7px;border-radius:50%;background:var(--teal);box-shadow:0 0 0 5px rgba(79,191,160,.2)}
.aer__rep.is-on .aer__dot{animation:aerArea .4s 1.4s both}
.aer__steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none}
.aer__steps li{padding:14px 16px;border-radius:14px;border:1px solid var(--edge);background:#0C0E12}
.aer__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)}
.aer__steps li.is-gold{border-color:var(--gold-line)}
.aer__steps li.is-gold b{color:var(--gold)}
.aer__steps p{margin:0;font-size:14.5px;line-height:1.55;color:var(--text-mid)}
.aer__link{justify-self:start;color:var(--gold);font-weight:700;font-size:15px;text-decoration:none}
.aer__link:hover{color:var(--text)}
@media (max-width:1000px){
  .aer{grid-template-columns:minmax(0,1fr)}
  .aer__cases{grid-template-columns:repeat(3,minmax(0,1fr))}
  .aer__big{font-size:28px}
}
@media (max-width:700px){
  .aer{gap:12px}
  .aer__reports{grid-row:1}
  .aer__rep{gap:14px;padding:18px 16px;border-radius:20px}
  .aer__fig{font-size:56px}
  .aer__metric-l{font-size:16px}
  .aer__chart{min-height:120px}
  .aer__steps{grid-template-columns:minmax(0,1fr);gap:8px}
  .aer__steps li{padding:12px 14px}
  .aer__steps p{font-size:14px}
  .aer__cases{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
  .aer__tab{gap:3px;padding:10px 10px;border-radius:14px}
  .aer__tag,.aer__metric{display:none}
  .aer__big{justify-content:center;font-size:22px}
  .aer__big i{font-size:14px}
}
@media (prefers-reduced-motion:reduce){
  .aer *{animation:none!important;transition:none!important}
}
@keyframes aesProg{to{transform:scaleX(1)}}
@keyframes aerArea{from{opacity:0}}
@keyframes aerDraw{from{clip-path:inset(-10% 100% -10% 0)}to{clip-path:inset(-10% 0 -10% 0)}}

@keyframes aerDraw{from{clip-path:inset(-10% 100% -10% 0)}to{clip-path:inset(-10% 0 -10% 0)}}
@keyframes aerArea{from{opacity:0}}

/* ============ WHY: the typical contract beside our terms (the Google Ads table, owner approved 1 Oct 2026) ============ */
.aew{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:26px;align-items:start}
.aew__peek{position:sticky;top:110px}
.aew__ours{min-width:0}
.aew .svz-strip__clauses{grid-template-columns:minmax(0,1fr);gap:0}
.aew .svz-strip__clauses li{grid-template-columns:40px minmax(0,1fr);padding:12px 0;border-bottom:1px dashed rgba(43,39,34,.16);font-size:14.5px}
.aew .svz-strip__clauses li:last-child{border-bottom:0}
.aew__k{display:block;margin:0 0 16px;font-size:12.5px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--teal)}
.aeab{border-radius:26px;border:1px solid var(--edge-2);background:#0C0E12;overflow:hidden}
.aeab__head,.aeab__row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:8px 18px;padding:16px 22px}
.aeab__head{align-items:center;border-bottom:1px solid var(--edge);background:#11141A}
.aeab__head .aeab__them,.aeab__head .aeab__us{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;font:800 16px/1.2 var(--font-head)}
.aeab__head b{display:grid;place-items:center;width:26px;height:26px;border-radius:8px;font:800 13px/1 var(--font-head)}
.aeab__head .aeab__them{color:var(--text-soft)}
.aeab__head .aeab__them b{background:var(--coral-soft);color:var(--coral);border:1px solid var(--coral-line)}
.aeab__head .aeab__us b{background:var(--gold);color:#111}
.aeab__head em{font-style:normal;padding:4px 10px;border-radius:100px;font:700 12px/1 var(--font-body,inherit);color:var(--teal);background:var(--teal-soft);border:1px solid var(--teal-line)}
.aeab__row{position:relative;border-bottom:1px solid var(--edge)}
.aeab__row:last-child{border-bottom:0}
.aeab__row::after{content:"";position:absolute;right:0;top:0;bottom:0;width:calc(50% - 2px);background:linear-gradient(90deg,rgba(244,160,0,.07),rgba(244,160,0,.02));pointer-events:none}
.aeab__k{grid-column:1 / -1;display:flex;align-items:baseline;gap:12px;font:700 15.5px/1.3 var(--font-head);color:var(--text)}
.aeab__k b{font:600 11.5px/1 ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--text-dim)}
.aeab__them,.aeab__us{display:flex;gap:10px;align-items:baseline;font-size:15px;line-height:1.45}
.aeab__row .aeab__them{color:var(--text-dim)}
.aeab__them i{font-style:normal;color:var(--coral);font-weight:800}
.aeab__them s{text-decoration-color:rgba(255,122,107,.7)}
.aeab__row .aeab__us{position:relative;z-index:1;color:var(--text);font-weight:600}
.aeab__us i{font-style:normal;color:var(--teal);font-weight:800}
html.el8-js .aeab:not(.is-in) .aeab__row .aeab__us{opacity:0}
.aeab.is-in .aeab__row .aeab__us{animation:aewRise .6s var(--ease) both;animation-delay:calc(var(--i) * .14s + .5s)}
@keyframes aewRise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.aew-sec .wdp-band{margin-top:34px}
@media (max-width:1180px){
  .aew{grid-template-columns:minmax(0,1fr)}
  .aew__peek{position:relative;top:0}
  .aew__ours{margin-top:8px}
}
@media (max-width:700px){
  .aeab{border-radius:22px}
  .aeab__head{gap:12px;padding:14px 16px}
  .aeab__head .aeab__them,.aeab__head .aeab__us{font-size:14px;gap:6px 8px}
  .aeab__head b{width:22px;height:22px;font-size:11.5px}
  .aeab__row{gap:8px 12px;padding:14px 16px}
  .aeab__k{font-size:14.5px}
  .aeab__them,.aeab__us{font-size:13.5px;gap:7px}
  /* (owner, 2 Oct 2026: as on Google Ads) each row reads down: the topic, our terms, then the typical agency's struck
     through underneath; the header becomes a one line key */
  .aeab__head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;padding:12px 16px}
  .aeab__head .aeab__us{order:-1}
  .aeab__head .aeab__them,.aeab__head .aeab__us{font-size:13px}
  .aeab__head em{padding:3px 8px;font-size:11px}
  .aeab__row{grid-template-columns:minmax(0,1fr);gap:5px;padding:13px 16px}
  .aeab__row::after{display:none}
  .aeab__row .aeab__us{order:1;font-size:14.5px;line-height:1.4}
  .aeab__row .aeab__them{order:2;font-size:12.5px;line-height:1.4}
}
@media (prefers-reduced-motion:reduce){.aeab__row .aeab__us{animation:none!important;opacity:1!important}}

/* ============ PRICING: a fee range stays on one line (it wrapped "/mo" under the figure) ============ */
.aep-sec .svc-tier__fee{font-size:clamp(25px,2.25vw,32px);white-space:nowrap}
@media (max-width:700px){.aep-sec .svc-tier__fee{font-size:clamp(24px,7.4vw,30px)}}

/* ============ AEO IN PLAIN ENGLISH: a results page and its Search Console numbers beside the shared glossary; each
   pinned part carries its pin (.agp = the glossary picture) ============ */
.agp{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:12px;align-items:start}
.agp-pin{position:absolute;right:-9px;top:-9px;z-index:2;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--gold);color:#111;
  box-shadow:0 0 0 3px #0B0D10;font:800 10.5px/1 var(--font-head);font-style:normal}
.agp [data-slx-spot]{position:relative;border-radius:10px}
.agp-serp,.agp-side{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;align-content:start;min-width:0}
.agp-serp{padding:14px;border-radius:22px;border:1px solid var(--edge-2);background:linear-gradient(180deg,#121418,#0C0E11);box-shadow:0 50px 100px -60px rgba(0,0,0,.95)}
.agp-q{display:flex;align-items:center;gap:9px;height:40px;padding:0 14px;border-radius:100px!important;border:1px solid var(--edge-2);background:#171A1F;font:500 12.5px/1 ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--text);white-space:nowrap}
.agp-q span{min-width:0;overflow:hidden;text-overflow:ellipsis}
.agp-q svg{flex:0 0 auto;width:15px;height:15px;fill:none;stroke:var(--gold);stroke-width:2;stroke-linecap:round}
.agp-aio{display:grid;gap:6px;padding:12px;border:1px solid rgba(138,180,248,.28);background:linear-gradient(180deg,rgba(138,180,248,.09),rgba(138,180,248,.02))}
.agp-aio__k{font-size:11.5px;font-weight:700;color:#8AB4F8}
.agp-aio > i{height:6px;border-radius:3px;background:rgba(255,255,255,.13)}
.agp-aio > i.s{width:62%}
.agp-aio__src{display:flex;gap:5px;margin-top:3px}
.agp-aio__src i{width:44px;height:14px;border-radius:100px;background:rgba(255,255,255,.08)}
.agp-aio__src i.is-you{background:rgba(244,160,0,.35);box-shadow:inset 0 0 0 1px var(--gold)}
.agp-snip{display:grid;gap:9px;padding:13px 13px 12px;border:1px solid var(--gold-line);background:rgba(244,160,0,.05)}
.agp-snip__t{margin:0;font-size:13.5px;line-height:1.45;font-weight:600;color:var(--text)}
.agp-snip__t span{display:inline-block;padding:1px 4px;margin-left:-4px;border-radius:8px}
.agp-snip__t .agp-pin{right:auto;left:-12px;top:-10px}
.agp-snip__src{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;font-size:12px;color:var(--text-mid)}
.agp-snip__src b:not(.agp-pin){color:var(--text)}
.agp-fav{flex:0 0 auto;width:20px;height:20px;border-radius:50%;background:radial-gradient(circle at 50% 50%,var(--gold) 0 34%,#23262C 35%)}
.agp-by{padding:1px 24px 1px 4px;font-size:11.5px;color:var(--teal)}
.agp-paa{display:grid;gap:7px;padding:12px;border:1px solid var(--edge);background:#0F1115}
.agp-paa > b:not(.agp-pin){font-size:12px;color:var(--text)}
.agp-paa__q{display:flex;align-items:center;gap:8px;padding:6px 0;border-top:1px solid var(--edge)}
.agp-paa__q i{flex:1;height:6px;border-radius:3px;background:rgba(255,255,255,.12)}
.agp-paa__q em{font-style:normal;font-size:12px;color:var(--text-dim)}
.agp-rich{display:grid;gap:6px;padding:12px;border:1px solid var(--edge);background:#0F1115}
.agp-rich__top{display:flex;align-items:center;gap:8px}
.agp-rich__h{flex:1;height:8px;border-radius:4px;background:#8AB4F8;opacity:.7}
.agp-rich__stars{display:flex;align-items:center;gap:7px;font-size:11.5px;color:var(--text-mid)}
.agp-rich__stars b{font-size:12px;letter-spacing:1px;color:var(--gold)}
.agp-rich__ln{height:6px;width:80%;border-radius:3px;background:rgba(255,255,255,.08)}
.agp-kp{display:grid;justify-items:start;gap:7px;padding:14px;border-radius:18px!important;border:1px solid var(--edge-2);background:linear-gradient(180deg,#121418,#0C0E11)}
.agp-kp__logo{width:38px;height:38px;border-radius:11px;background:linear-gradient(135deg,var(--gold),#FFD27A)}
.agp-kp b:not(.agp-pin){font:800 15px/1.2 var(--font-head);color:var(--text)}
.agp-kp__stars{font-size:11.5px;letter-spacing:1px;color:var(--gold)}
.agp-kp > i{width:100%;height:6px;border-radius:3px;background:rgba(255,255,255,.1)}
.agp-kp > i.s{width:66%}
.agp-code{display:grid;gap:4px;padding:11px 12px;border-radius:14px!important;border:1px solid var(--teal-line);background:#0A1210;font:500 10.5px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--text-dim)}
.agp-code b:not(.agp-pin){font-weight:700;color:var(--teal);word-break:break-word}
.agp-code > span{min-width:0;overflow-wrap:anywhere}
.agp-code{min-width:0}
.agp-gsc{display:grid;gap:7px;padding:12px;border-radius:18px;border:1px solid var(--edge-2);background:linear-gradient(180deg,#101317,#0B0D10)}
.agp-gsc__top{display:grid;gap:4px;padding:2px 26px 2px 4px}
.agp-gsc__top b:not(.agp-pin){font:800 12.5px/1.25 var(--font-head);color:var(--text)}
.agp-gsc__top span{font:700 9.5px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--text-dim)}
.agp-m{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding:8px 26px 8px 10px;border-radius:10px;border:1px solid var(--edge);background:#0D0F13}
.agp-m span{font-size:11.5px;font-weight:600;color:var(--text-dim)}
.agp-m b:not(.agp-pin){font:800 17px/1 var(--font-head);letter-spacing:-.02em;color:var(--text);font-variant-numeric:tabular-nums}
.agp-m:last-child b:not(.agp-pin){color:var(--teal)}
@media (max-width:1180px) and (min-width:901px){.agp{grid-template-columns:minmax(0,1fr)}.agp-side{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:700px){
  .agp{grid-template-columns:minmax(0,1fr);gap:9px}
  .agp-serp{gap:8px;padding:10px;border-radius:18px}
  .agp-q{height:36px;font-size:12px}
  .agp-paa__q:nth-child(n+4),.agp-rich__ln,.agp-aio > i.s{display:none}
  .agp-side{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .agp-gsc{grid-column:1 / -1;grid-template-columns:repeat(3,minmax(0,1fr))}
  .agp-gsc__top{grid-column:1 / -1}
  .agp-m{flex-direction:column;gap:4px;padding:8px 10px}
  .agp-m b:not(.agp-pin){font-size:15px}
  .agp-kp{padding:11px}
  .agp-code{align-self:start}
  .agp-pin{width:20px;height:20px;right:-7px;top:-7px;font-size:10px}
}

/* FAQ (the approved partial's own section): the same space above and below as the sections around it */
main.svc[data-svc="aeo"] .svc-faq .so-c374{margin-top:0!important;padding-top:128px;padding-bottom:128px}
@media (max-width:1080px){main.svc[data-svc="aeo"] .svc-faq .so-c374{padding-top:100px;padding-bottom:100px}}
@media (max-width:700px){main.svc[data-svc="aeo"] .svc-faq .so-c374{padding-top:76px;padding-bottom:76px}}

/* (owner, 1 Oct 2026: a later tab's box sat over the earlier tabs, so only forward clicks worked) the stacked items
   let clicks through; only the tabs and the chosen item's content take them */
@media (min-width:1001px){
  html.el8-js [data-aes] [data-aes-item]{pointer-events:none}
  html.el8-js [data-aes] [data-aes-item] .aes-tab,html.el8-js [data-aes] [data-aes-item].is-cur *{pointer-events:auto}
}

/* industries (owner, 1 Oct 2026): no row links out; an answered question credits its source */
.svz-ask__src{display:inline-flex;align-items:center;gap:7px;justify-self:start;max-width:100%;padding:3px 10px 3px 6px;border-radius:100px;border:1px solid var(--gold-line);background:rgba(244,160,0,.08);
  font-size:11.5px;font-weight:600;line-height:1.3;color:var(--text-soft);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:0;transform:translateY(-3px);transition:opacity .35s,transform .4s var(--ease)}
.svz-ask__src i{flex:0 0 auto;width:12px;height:12px;border-radius:50%;background:var(--gold);box-shadow:inset 0 0 0 3px #3A2A08}
.svz-ask__src b{font-weight:700;color:#FFD27A}
.svz-ask.is-open .svz-ask__src,.svz-paa:not(.is-run) .svz-ask__src{opacity:1;transform:none}

/* ============ AEO IN PLAIN ENGLISH, phones (owner, 2 Oct 2026): the picture in a window that glides to the swiped term's
   part (sv-aeo.js), as on the SEM page ============ */
@media (max-width:700px){
  html.el8-js .aeg-gloss .slx-host__pic{height:262px;overflow:hidden;border-radius:20px;border:1px solid var(--edge-2);background:#0C0E12;padding:12px}
  html.el8-js .aeg-gloss .agp{transition:transform .55s var(--ease);will-change:transform}
}
@media (max-width:700px) and (prefers-reduced-motion:reduce){html.el8-js .aeg-gloss .agp{transition:none}}

/* the dial's centre is the answer box itself (a big 0 read as a count of answers won) */
.sva-dial__box{display:grid;place-items:center}
.sva-dial__box svg{width:clamp(26px,2.6vw,36px);height:auto;fill:none;stroke:var(--gold);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.sva-dial__box .is-star{fill:var(--gold);stroke:none}
