/* Cansist - an inspector's report, typeset. Scoped to .cs / body.site--cansist-com */
@font-face{font-family:"Instrument Serif";src:url("../../assets/fonts/instrument-serif.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Instrument Serif";src:url("../../assets/fonts/instrument-serif-italic.woff2") format("woff2");font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:"IBM Plex Sans";src:url("../../assets/fonts/ibm-plex-sans-400.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"IBM Plex Sans";src:url("../../assets/fonts/ibm-plex-sans-500.woff2") format("woff2");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:"IBM Plex Sans";src:url("../../assets/fonts/ibm-plex-sans-600.woff2") format("woff2");font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:"IBM Plex Mono";src:url("../../assets/fonts/ibm-plex-mono-400.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"IBM Plex Mono";src:url("../../assets/fonts/ibm-plex-mono-500.woff2") format("woff2");font-weight:500;font-style:normal;font-display:swap}

body.site--cansist-com{margin:0;background:#f5f2ea;color:#15213b}

.cs{
  --paper:#f5f2ea;--ink:#15213b;--red:#c8322b;--green:#1d7a4c;--amber:#b7791f;--amber-ink:#8a5a10;
  --rule:#d9d3c4;--card:#fffdf8;--muted:#4a5570;--field:#6a7389;
  --serif:"Instrument Serif",Georgia,"Times New Roman",serif;
  --sans:"IBM Plex Sans",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --mono:"IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  --g:clamp(16px,4vw,48px);
  position:relative;overflow-x:clip;min-height:100vh;
  font:400 1.0625rem/1.6 var(--sans);color:var(--ink);
  background-color:var(--paper);
  background-image:radial-gradient(rgba(21,33,59,.05) .6px,transparent .8px),radial-gradient(rgba(21,33,59,.035) .6px,transparent .8px),linear-gradient(180deg,#f8f5ee 0,var(--paper) 520px);
  background-size:3px 3px,5px 5px,100% 100%;background-position:0 0,1px 2px,0 0;
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;
}
.cs *,.cs *::before,.cs *::after{box-sizing:border-box}
/* resets use :where() so they never outrank single-class component rules */
.cs :where(h1,h2,h3,h4,p,ul,ol,dl,dd,figure,blockquote){margin:0;padding:0}
.cs :where(ul,ol){list-style:none}
.cs :where(svg){display:block;max-width:100%}
.cs :where(a){color:inherit}
.cs :where(button,input,select,textarea){font:inherit;color:inherit}
.cs [id]{scroll-margin-top:84px}
.cs-wrap{width:min(1240px,calc(100% - 2*var(--g)));margin-inline:auto}

/* language switching: both languages live in the markup */
html[lang|="fr"] .cs [lang="en"],html[lang|="fr"] .cs-skip [lang="en"]{display:none!important}
html:not([lang|="fr"]) .cs [lang="fr"],html:not([lang|="fr"]) .cs-skip [lang="fr"]{display:none!important}
html:not(.js) .cs-lang{display:none}

/* skip link */
.cs-skip{position:absolute;left:12px;top:-80px;z-index:100;background:#15213b;color:#f5f2ea;padding:.8rem 1.1rem;font:600 1rem/1 "IBM Plex Sans",system-ui,sans-serif;text-decoration:none;border-radius:2px}
.cs-skip:focus-visible{top:12px;outline:3px solid #fffdf8;outline-offset:2px;box-shadow:0 0 0 6px #15213b}

/* focus: ink ring with a paper gap, readable on paper, card and ink */
.cs a:focus-visible,.cs button:focus-visible,.cs summary:focus-visible,.cs input:focus-visible,.cs select:focus-visible,.cs textarea:focus-visible,.cs [tabindex]:focus-visible{outline:3px solid var(--ink);outline-offset:3px;border-radius:2px}
.cs-foot a:focus-visible{outline-color:#f5f2ea}
.cs main:focus{outline:none}

/* header */
.cs-head{position:sticky;top:0;z-index:30;background:rgba(245,242,234,.95);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--rule)}
.cs-head__in{display:flex;align-items:center;gap:clamp(10px,2vw,28px);min-height:68px}
.cs-brand{display:inline-flex;align-items:center;gap:.55rem;text-decoration:none;margin-right:auto;color:var(--ink)}
.cs-brand__word{font:400 1.9rem/1 var(--serif);letter-spacing:-.01em}
.cs-short{display:none}
.cs-nav{display:none;gap:1.6rem;font:500 .92rem/1 var(--sans)}
.cs-nav a{text-decoration:none;padding:.5rem 0;border-bottom:2px solid transparent}
.cs-nav a:hover{border-bottom-color:var(--red)}
.cs-lang{display:inline-flex;border:1.5px solid var(--ink);border-radius:2px;overflow:hidden;background:var(--card)}
.cs-lang button{appearance:none;border:0;background:transparent;cursor:pointer;padding:.55rem .8rem;min-width:44px;min-height:40px;font:500 .8rem/1 var(--mono);letter-spacing:.1em}
.cs-lang button+button{border-left:1.5px solid var(--ink)}
.cs-lang button[aria-pressed="true"]{background:var(--ink);color:var(--paper)}
.cs-lang button:focus-visible{outline-offset:-5px;outline-color:var(--red)}
.cs-lang button[aria-pressed="true"]:focus-visible{outline-color:#fffdf8}

/* buttons and links */
.cs-btn{display:inline-flex;align-items:center;justify-content:center;gap:.6em;min-height:48px;padding:.9rem 1.4rem;background:var(--ink);color:var(--paper);border:2px solid var(--ink);border-radius:2px;font:600 1rem/1.15 var(--sans);text-decoration:none;text-align:center;box-shadow:4px 4px 0 var(--red);transition:transform .15s ease}
.cs-btn:hover{transform:translate(-1px,-1px)}
.cs-btn:active{transform:translate(2px,2px)}
.cs-btn--sm{min-height:42px;padding:.6rem .9rem;font-size:.86rem;box-shadow:3px 3px 0 var(--red)}
.cs-link{font:600 1rem/1.3 var(--sans);text-decoration:none;border-bottom:2px solid var(--ink);padding-bottom:2px}
.cs-link:hover{border-bottom-color:var(--red)}

/* shared type */
.cs-lab{font:500 .78rem/1.4 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.cs-lab b{font-weight:500;color:var(--red)}
.cs-h1{font:400 clamp(3rem,7.4vw,6.2rem)/.95 var(--serif);letter-spacing:-.025em;text-wrap:balance}
.cs-h1 em{font-style:italic;color:var(--red);padding-right:.04em}
.cs-h2{font:400 clamp(2.3rem,5.2vw,4.2rem)/1 var(--serif);letter-spacing:-.018em;margin-bottom:1.5rem;text-wrap:balance}
.cs-h2 em{font-style:italic}
.cs-intro{max-width:40rem;font-size:1.1875rem;line-height:1.6;color:var(--muted);margin-bottom:2rem}
.cs-lede{max-width:34rem;font-size:clamp(1.0625rem,1.5vw,1.25rem);line-height:1.58;margin:clamp(20px,2.4vw,30px) 0 clamp(24px,3vw,34px)}

/* stamps */
.stamp{display:inline-block;padding:.34em .62em .3em;border:2px solid currentColor;border-radius:3px;font:500 .72rem/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;transform:rotate(-3deg);box-shadow:inset 0 0 0 1px var(--card),inset 0 0 0 2px currentColor;background:var(--card);opacity:.97}
.stamp--fix{color:var(--red)}
.stamp--review{color:var(--amber-ink);transform:rotate(2deg)}
.stamp--pass{color:var(--green);transform:rotate(-1.5deg)}
.stamp--sample{color:var(--muted);transform:rotate(2.5deg)}

/* hero */
.cs-hero{padding-block:clamp(36px,6vw,84px) clamp(48px,7vw,96px)}
.cs-hero__grid{display:grid;gap:clamp(36px,5vw,64px);align-items:start}
.cs-lab--hero{display:flex;align-items:center;gap:.7rem;margin-bottom:clamp(18px,2vw,26px);max-width:30rem}
.cs-dot{flex:none;width:9px;height:9px;border-radius:50%;background:var(--red)}
.cs-hero__actions{margin-top:0;display:flex;flex-wrap:wrap;align-items:center;gap:1.2rem 1.8rem}
.cs-triple{margin-top:clamp(32px,4vw,52px);border-top:1px solid var(--ink)}
.cs-triple li{display:grid;grid-template-columns:2.2rem minmax(0,8.5rem) 1fr;gap:.2rem .9rem;align-items:baseline;padding:.8rem 0;border-bottom:1px solid var(--rule)}
.cs-triple__n{font:500 .78rem/1 var(--mono);color:var(--red);letter-spacing:.1em}
.cs-triple__t{font:600 .95rem/1.3 var(--sans)}
.cs-triple__d{font:400 .9rem/1.4 var(--sans);color:var(--muted)}

/* hero visual */
.hv{min-width:0;position:relative}
.hv__stage{display:grid;grid-template-columns:minmax(0,1fr);gap:18px;max-width:640px;margin-inline:auto}
.hv__art{width:100%;height:auto;max-width:420px;margin-inline:auto;overflow:visible;align-self:start}
.hv__rows{display:grid;gap:10px;counter-reset:hv}
.hv-row{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:12px 14px;background:var(--card);border:1px solid var(--rule);border-left:4px solid var(--ink)}
.hv-row--fix{border-left-color:var(--red)}.hv-row--review{border-left-color:var(--amber)}.hv-row--pass{border-left-color:var(--green)}
.hv-n{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--ink);color:#fff;font:500 .75rem/1 var(--mono)}
.hv-row--fix .hv-n{background:var(--red)}.hv-row--review .hv-n{background:var(--amber-ink)}.hv-row--pass .hv-n{background:var(--green)}
.hv-t{font:600 .9rem/1.3 var(--sans)}
.hv-s{font:400 .8rem/1.4 var(--sans);color:var(--muted);margin-top:2px}
.hv-row .stamp{font-size:.62rem;justify-self:end}
.hv__result{display:flex;align-items:center;gap:14px;margin-top:14px;padding-top:12px;border-top:1px solid var(--ink);max-width:640px;margin-inline:auto}
.hv-dial{flex:none}
.hv__tally{display:grid;gap:4px}
.hv__counts{font:500 .9rem/1.4 var(--mono)}
.hv__cap{max-width:640px;margin:12px auto 0;font:400 .8rem/1.5 var(--mono);color:var(--muted)}
.hv-pop,.hv-mk{transform-box:fill-box;transform-origin:center}

/* sections */
.cs-sec{padding-block:clamp(56px,8vw,112px);border-top:1px solid var(--ink)}
.cs-sec__in{display:grid;gap:18px clamp(24px,4vw,64px)}
.cs-sec__lab{padding-top:.5rem}
.cs-sec__body{min-width:0}

/* problem */
.cs-cases{display:grid;gap:18px}
.cs-case{position:relative;background:var(--card);border:1px solid var(--rule);padding:clamp(20px,2.4vw,30px);padding-bottom:calc(clamp(20px,2.4vw,30px) + 8px);display:flex;flex-direction:column;gap:.7rem}
.cs-case::before{content:"";position:absolute;left:-1px;top:-1px;width:42px;height:4px;background:var(--red)}
.cs-case__tag{font:500 .72rem/1.4 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.cs-case h3{font:400 1.75rem/1.1 var(--serif);letter-spacing:-.01em}
.cs-case p{font-size:1rem}
.cs-case__stamp{margin-top:auto;padding-top:.8rem}
.cs-pull{margin-top:clamp(28px,4vw,48px);max-width:40rem;font:italic 400 clamp(1.5rem,2.6vw,2.1rem)/1.2 var(--serif);border-left:3px solid var(--red);padding-left:1.1rem}

/* steps */
.cs-steps{display:grid;gap:0;border-top:1px solid var(--ink)}
.cs-steps li{display:grid;grid-template-columns:3.6rem 1fr;column-gap:1rem;padding:22px 0;border-bottom:1px solid var(--rule)}
.cs-steps__n{grid-row:1/3;font:italic 400 3.6rem/.9 var(--serif);color:var(--red)}
.cs-steps h3{font:600 1.1rem/1.3 var(--sans);margin-bottom:.3rem}
.cs-steps p{color:var(--muted);max-width:30rem}

/* report demo */
.rep{background:var(--card);border:1.5px solid var(--ink);box-shadow:8px 8px 0 rgba(21,33,59,.12);position:relative}
.rep__bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px clamp(14px,2.4vw,24px);border-bottom:1.5px solid var(--ink);background:repeating-linear-gradient(135deg,rgba(21,33,59,.035) 0 6px,transparent 6px 12px)}
.rep__id{font:500 .74rem/1.4 var(--mono);letter-spacing:.1em;text-transform:uppercase}
.rep__tabs{display:flex;border-bottom:1.5px solid var(--ink);background:var(--paper)}
html:not(.js) .rep__tabs{display:none}
.rep__tabs button{appearance:none;flex:1 1 0;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:.3rem;padding:.85rem clamp(10px,1.8vw,20px);background:transparent;border:0;border-right:1.5px solid var(--ink);cursor:pointer;font:600 clamp(.86rem,1.5vw,1.02rem)/1.2 var(--sans);text-align:left}
.rep__tabs button:last-child{border-right:0}
.rep__tn{font:500 .7rem/1 var(--mono);letter-spacing:.12em;color:var(--red)}
.rep__tabs button:hover{background:#f1eee3}
.rep__tabs button[aria-selected="true"]{background:var(--ink);color:var(--paper)}
.rep__tabs button[aria-selected="true"] .rep__tn{color:#ffb4ad}
.rep__tabs button:focus-visible{outline-offset:-6px;outline-color:var(--red)}
.rep__tabs button[aria-selected="true"]:focus-visible{outline-color:#fffdf8}
.rep__panel{padding:clamp(16px,2.6vw,28px)}
.rep__panel:focus-visible{outline-offset:-6px}
.rep__panel[hidden]{display:none}
.rep__title{font:500 .8rem/1.4 var(--mono);letter-spacing:.06em;color:var(--muted);margin-bottom:6px}
.fds{display:grid}
.fd{display:grid;gap:12px 20px;padding:18px 0;border-top:1px solid var(--rule)}
.fd:first-child{border-top:0}
.fd__side{display:flex;align-items:center;gap:12px 14px;flex-wrap:wrap}
.fd__code{font:500 .75rem/1 var(--mono);letter-spacing:.1em;color:var(--muted)}
.fd__body{display:grid;gap:.7rem;min-width:0}
.fd__found,.fd__fix{font-size:1rem;line-height:1.5}
.fd__found{font-weight:500}
.fd__k{display:block;font:500 .68rem/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:.3rem}
.fd__fix{padding:.75rem 1rem;background:#f5f2ea;border-left:3px solid var(--ink)}
.fd--fix .fd__fix{border-left-color:var(--red)}.fd--review .fd__fix{border-left-color:var(--amber)}.fd--pass .fd__fix{border-left-color:var(--green)}
.rep__legal{padding:1rem clamp(16px,2.4vw,24px);border-top:1.5px solid var(--ink);font-size:.92rem;background:var(--paper)}

/* checks */
.cs-cols{display:grid;gap:18px}
.cs-col{background:var(--card);border:1px solid var(--rule);padding:clamp(20px,2.4vw,30px);display:flex;flex-direction:column;gap:.85rem}
.cs-col__n{font:500 .78rem/1 var(--mono);letter-spacing:.14em;color:var(--red)}
.cs-col h3{font:400 clamp(1.7rem,2.4vw,2.1rem)/1.08 var(--serif);letter-spacing:-.01em}
.cs-col>p:not(.cs-col__n){font-size:.98rem;color:var(--muted)}
.cs-col ul{margin-top:auto;padding-top:1rem;border-top:1px solid var(--ink);display:grid;gap:.45rem}
.cs-col li{position:relative;padding-left:1.5rem;font-size:.97rem;line-height:1.45}
.cs-col li::before{content:"";position:absolute;left:.1rem;top:.35em;width:.55rem;height:.3rem;border-left:2px solid var(--green);border-bottom:2px solid var(--green);transform:rotate(-45deg)}
.cs-note{margin-top:clamp(24px,3vw,36px);max-width:44rem;font:400 .9rem/1.55 var(--mono);color:var(--muted);padding-top:1rem;border-top:1px solid var(--rule)}

/* who */
.cs-who{display:grid;border-top:1px solid var(--ink)}
.cs-who>div{display:grid;gap:.4rem 2rem;padding:22px 0;border-bottom:1px solid var(--rule)}
.cs-who dt{font:400 clamp(1.6rem,2.6vw,2.2rem)/1.1 var(--serif);letter-spacing:-.01em}
.cs-who dd{color:var(--muted);max-width:36rem}

/* faq */
.cs-faq{border-top:1px solid var(--ink);max-width:50rem}
.cs-faq details{border-bottom:1px solid var(--rule)}
.cs-faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1.15rem 0;font:600 1.08rem/1.35 var(--sans)}
.cs-faq summary::-webkit-details-marker{display:none}
.cs-faq summary::after{content:"+";flex:none;width:2rem;height:2rem;display:grid;place-items:center;border:1.5px solid var(--ink);border-radius:50%;font:400 1.3rem/1 var(--mono);transition:transform .2s ease}
.cs-faq details[open] summary::after{content:"\2212";background:var(--ink);color:var(--paper)}
.cs-faq details p{padding:0 3rem 1.3rem 0;color:var(--muted);max-width:42rem}

/* form */
.cs-sec--form{background:linear-gradient(180deg,rgba(21,33,59,.04),transparent 60%)}
.cs-form{max-width:40rem;background:var(--card);border:1.5px solid var(--ink);padding:clamp(20px,3vw,36px);position:relative;box-shadow:8px 8px 0 rgba(21,33,59,.12)}
.cs-form::before{content:"";position:absolute;left:-1.5px;top:-1.5px;width:64px;height:6px;background:var(--red)}
.cs .pf{display:grid;gap:18px}
.cs .pf__field{display:grid;gap:6px}
.cs .pf__field label{font:600 .95rem/1.35 var(--sans)}
.cs .pf__field input[type=text],.cs .pf__field input[type=email],.cs .pf__field select,.cs .pf__field textarea{width:100%;min-height:48px;padding:.7rem .85rem;background:#fff;border:1.5px solid var(--field);border-radius:2px;font:400 1rem/1.4 var(--sans);color:var(--ink)}
.cs .pf__field textarea{resize:vertical;min-height:120px}
.cs .pf__field input:focus-visible,.cs .pf__field select:focus-visible,.cs .pf__field textarea:focus-visible{border-color:var(--ink);outline-offset:2px}
.cs .pf__actions{margin-top:6px}
.cs .pf__cta{appearance:none;cursor:pointer;min-height:52px;width:100%;padding:.9rem 1.4rem;background:var(--ink);color:var(--paper);border:2px solid var(--ink);border-radius:2px;font:600 1rem/1.2 var(--sans);box-shadow:4px 4px 0 var(--red);transition:transform .15s ease}
.cs .pf__cta:hover{transform:translate(-1px,-1px)}
.cs .pf__cta:active{transform:translate(2px,2px)}
.cs .pf__notice{padding:1rem 1.1rem;border:1.5px solid;border-radius:2px;font-weight:500;background:var(--card)}
.cs .pf__notice--ok{color:var(--green);border-color:var(--green)}
.cs .pf__notice--error{color:var(--red);border-color:var(--red)}
.cs-note--form{border-top:0;padding-top:0;margin-top:20px}

/* footer */
.cs-foot{background:var(--ink);color:#e9e6dc;padding-block:clamp(32px,5vw,56px)}
.cs-foot__in{display:grid;gap:.6rem}
.cs-foot__brand{font:400 1.8rem/1 var(--serif);color:#f5f2ea}
.cs-foot__line{font-size:.95rem;max-width:44rem}
.cs-foot__line strong{font-weight:600;color:#fff}
.cs-foot__top{margin-top:.6rem;font:500 .85rem/1 var(--mono)}
.cs-foot__top a{color:#f5f2ea}

/* reveal */
.js .reveal{opacity:0;transform:translateY(14px);transition:opacity .6s ease,transform .6s ease}
.js .reveal.in{opacity:1;transform:none}
.js .reveal{animation:cs-failsafe 0s linear 5s forwards}
@keyframes cs-failsafe{to{opacity:1;transform:none}}

/* breakpoints */
@media (min-width:640px){
  .hv__stage{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:0;align-items:stretch}
  .hv__art{max-width:none;margin:0}
  .hv__rows{grid-template-rows:repeat(4,minmax(0,1fr));gap:0;border-left:1px solid var(--ink)}
  .hv-row{border:0;border-left:0;border-bottom:1px dashed var(--rule);background:transparent;padding:10px 12px;grid-template-columns:auto 1fr;align-content:center;position:relative}
  .hv-row:last-child{border-bottom:0}
  .hv-row .stamp{grid-column:2;justify-self:start;margin-top:2px}
  .hv-row::before{content:"";position:absolute;left:-1px;top:14%;bottom:14%;width:4px;background:var(--ink)}
  .hv-row--fix::before{background:var(--red)}.hv-row--review::before{background:var(--amber)}.hv-row--pass::before{background:var(--green)}
  .hv-row .hv-n{align-self:start;margin-top:2px}
  .cs-cases{grid-template-columns:repeat(3,minmax(0,1fr))}
  .cs-cols{grid-template-columns:repeat(3,minmax(0,1fr))}
  .cs-steps{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:2.5rem}
  .cs-who{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:3rem}
  .fd{grid-template-columns:8.5rem minmax(0,1fr)}
  .fd__side{flex-direction:column;align-items:flex-start;gap:12px}
}
@media (max-width:479px){
  .cs-long{display:none}.cs-short{display:inline}
  .cs-head__in{gap:8px}
  .cs-lang button{min-width:38px;padding:.5rem .5rem}
  .cs-btn--sm{padding:.5rem .65rem;font-size:.8rem}
  .cs-brand{gap:.4rem}
}
@media (max-width:639px){
  .hv-leader{display:none}
  .cs-triple li{grid-template-columns:2rem 1fr}
  .cs-triple__d{grid-column:2}
  .cs-head__in{min-height:60px}
  .cs-brand__word{font-size:1.6rem}
  .cs-faq details p{padding-right:0}
}
@media (min-width:900px){
  .cs-nav{display:flex}
  .cs-sec__in{grid-template-columns:minmax(0,11rem) minmax(0,1fr)}
  .cs-sec__lab{position:sticky;top:96px;align-self:start}
  .cs-steps{grid-template-columns:repeat(4,minmax(0,1fr));column-gap:1.5rem;border-top:1px solid var(--ink)}
  .cs-steps li{display:block;border-bottom:0;border-top:0;padding:24px 0 0}
  .cs-steps__n{display:block;font-size:5rem;margin-bottom:.5rem}
}
@media (min-width:1100px){
  .cs-hero__grid{grid-template-columns:minmax(0,1fr) minmax(0,1.16fr)}
  .hv__stage,.hv__result,.hv__cap{margin-inline:0;max-width:none}
}
@media (max-width:420px){
  .rep__tabs button{padding-inline:8px}
  .rep__tn{display:none}
}

/* reduced motion: static, complete state */
@media (prefers-reduced-motion:reduce){
  .cs *,.cs *::before,.cs *::after{animation:none!important;transition:none!important}
  .js .reveal{opacity:1;transform:none}
  .hv-scan{display:none}
}

/* hero animation: one 14s loop; scan reaches each finding, then marker, leader and report row appear */
.hv-scan{opacity:0}
.hv-scan{animation:hv-scan 14s linear infinite}
@keyframes hv-scan{0%%{opacity:0;transform:translateY(0)}3%%{opacity:1;transform:translateY(0)}56%%{opacity:1;transform:translateY(520px)}58%%,100%%{opacity:0;transform:translateY(520px)}}
.hv-f1{animation:hv-fo1 14s ease infinite}
@keyframes hv-fo1{0%,15.6%{opacity:0}17.1%,92%{opacity:1}97%,100%{opacity:0}}
.hv-mk1{animation:hv-mk1 14s ease infinite}
@keyframes hv-mk1{0%,15.6%{transform:scale(0)}17.4%{transform:scale(1.25)}18.6%,92%{transform:scale(1)}97%,100%{transform:scale(0)}}
.hv-l1{stroke-dasharray:1;animation:hv-l1 14s ease infinite}
@keyframes hv-l1{0%,16.3%{stroke-dashoffset:1;opacity:1}19.3%,92%{stroke-dashoffset:0;opacity:1}97%,100%{stroke-dashoffset:0;opacity:0}}
.hv-r1{animation:hv-r1 14s ease infinite}
@keyframes hv-r1{0%,18.3%{opacity:.18;transform:none}21.3%,92%{opacity:1;transform:none}97%,100%{opacity:.18;transform:none}}
.hv-f2{animation:hv-fo2 14s ease infinite}
@keyframes hv-fo2{0%,31.3%{opacity:0}32.8%,92%{opacity:1}97%,100%{opacity:0}}
.hv-mk2{animation:hv-mk2 14s ease infinite}
@keyframes hv-mk2{0%,31.3%{transform:scale(0)}33.1%{transform:scale(1.25)}34.3%,92%{transform:scale(1)}97%,100%{transform:scale(0)}}
.hv-l2{stroke-dasharray:1;animation:hv-l2 14s ease infinite}
@keyframes hv-l2{0%,32%{stroke-dashoffset:1;opacity:1}35%,92%{stroke-dashoffset:0;opacity:1}97%,100%{stroke-dashoffset:0;opacity:0}}
.hv-r2{animation:hv-r2 14s ease infinite}
@keyframes hv-r2{0%,34%{opacity:.18;transform:none}37%,92%{opacity:1;transform:none}97%,100%{opacity:.18;transform:none}}
.hv-f3{animation:hv-fo3 14s ease infinite}
@keyframes hv-fo3{0%,39.8%{opacity:0}41.3%,92%{opacity:1}97%,100%{opacity:0}}
.hv-mk3{animation:hv-mk3 14s ease infinite}
@keyframes hv-mk3{0%,39.8%{transform:scale(0)}41.6%{transform:scale(1.25)}42.8%,92%{transform:scale(1)}97%,100%{transform:scale(0)}}
.hv-l3{stroke-dasharray:1;animation:hv-l3 14s ease infinite}
@keyframes hv-l3{0%,40.5%{stroke-dashoffset:1;opacity:1}43.5%,92%{stroke-dashoffset:0;opacity:1}97%,100%{stroke-dashoffset:0;opacity:0}}
.hv-r3{animation:hv-r3 14s ease infinite}
@keyframes hv-r3{0%,42.5%{opacity:.18;transform:none}45.5%,92%{opacity:1;transform:none}97%,100%{opacity:.18;transform:none}}
.hv-f4{animation:hv-fo4 14s ease infinite}
@keyframes hv-fo4{0%,48.1%{opacity:0}49.6%,92%{opacity:1}97%,100%{opacity:0}}
.hv-mk4{animation:hv-mk4 14s ease infinite}
@keyframes hv-mk4{0%,48.1%{transform:scale(0)}49.9%{transform:scale(1.25)}51.1%,92%{transform:scale(1)}97%,100%{transform:scale(0)}}
.hv-l4{stroke-dasharray:1;animation:hv-l4 14s ease infinite}
@keyframes hv-l4{0%,48.8%{stroke-dashoffset:1;opacity:1}51.8%,92%{stroke-dashoffset:0;opacity:1}97%,100%{stroke-dashoffset:0;opacity:0}}
.hv-r4{animation:hv-r4 14s ease infinite}
@keyframes hv-r4{0%,50.8%{opacity:.18;transform:none}53.8%,92%{opacity:1;transform:none}97%,100%{opacity:.18;transform:none}}
.hv-dial__arc{animation:hv-dial 14s ease infinite}
@keyframes hv-dial{0%,58%{stroke-dashoffset:100;opacity:1}67%{stroke-dashoffset:30}71%,92%{stroke-dashoffset:38}97%,100%{stroke-dashoffset:100}}
.hv.is-paused *{animation-play-state:paused!important}
@media (prefers-reduced-motion:reduce){.hv-scan{display:none}.hv-leader{stroke-dasharray:none!important}}