/* Gen-1 Site Audit popup */
.g1a{--g1a-fd:var(--fd,"Gabarito","Schibsted Grotesk",system-ui,sans-serif);--g1a-ff:var(--ff,"Schibsted Grotesk",system-ui,sans-serif);--g1a-mono:var(--code,ui-monospace,SFMono-Regular,Menlo,monospace);
  --g1a-blue:#2e57a3;--g1a-sky:#8fb6f4;--g1a-ink:#08090c;--g1a-line:rgba(255,255,255,.12);--g1a-mute:rgba(242,241,237,.68);
  position:fixed;inset:0;z-index:99999;display:grid;place-items:center;padding:20px;font-family:var(--g1a-ff);color:#f2f1ed;-webkit-font-smoothing:antialiased}
.g1a[hidden]{display:none}
.g1a *,.g1a *::before,.g1a *::after{box-sizing:border-box}
html.g1a-lock,html.g1a-lock body{overflow:hidden}
.g1a__backdrop{position:absolute;inset:0;background:rgba(5,6,10,.62);-webkit-backdrop-filter:blur(10px) saturate(120%);backdrop-filter:blur(10px) saturate(120%);opacity:0;transition:opacity .4s ease}
.g1a.is-open .g1a__backdrop{opacity:1}
.g1a__panel{position:relative;width:min(560px,100%);max-height:min(88vh,860px);overflow:auto;overscroll-behavior:contain;border-radius:24px;padding:34px 32px 30px;
  background:radial-gradient(120% 60% at 0% 0%,rgba(46,87,163,.42),transparent 60%),radial-gradient(90% 60% at 100% 100%,rgba(143,182,244,.12),transparent 60%),linear-gradient(170deg,#141824,#0a0c12 75%);
  box-shadow:0 60px 120px -40px rgba(0,0,0,.85),0 0 0 1px rgba(255,255,255,.06);
  opacity:0;transform:translateY(26px) scale(.97);transition:opacity .45s cubic-bezier(.22,1,.36,1),transform .55s cubic-bezier(.22,1,.36,1);scrollbar-width:thin}
.g1a__panel::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;pointer-events:none;
  background:linear-gradient(160deg,rgba(143,182,244,.7),rgba(255,255,255,.05) 40%,rgba(143,182,244,.35));
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}
.g1a.is-open .g1a__panel{opacity:1;transform:none}
.g1a__x{position:absolute;right:16px;top:16px;width:38px;height:38px;border:0;border-radius:12px;background:rgba(255,255,255,.06);cursor:pointer;display:grid;place-items:center;transition:background .25s,transform .35s}
.g1a__x span{position:absolute;width:14px;height:1.6px;background:#f2f1ed;transform:rotate(45deg)}
.g1a__x span+span{transform:rotate(-45deg)}
.g1a__x:hover{background:rgba(143,182,244,.18);transform:rotate(90deg)}

.g1a__step{display:none}
.g1a__step.is-on{display:block;animation:g1aIn .5s cubic-bezier(.22,1,.36,1)}
@keyframes g1aIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}

.g1a__eyebrow{margin:0 0 14px;display:flex;align-items:center;gap:10px;font:600 11.5px/1.3 var(--g1a-mono);letter-spacing:.07em;text-transform:uppercase;color:var(--g1a-mute)}
.g1a__eyebrow>b{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:7px;background:linear-gradient(135deg,#5b8ae0,#2e57a3);color:#fff;font-size:12px;box-shadow:inset 0 1px 0 rgba(255,255,255,.35)}
.g1a__eyebrow--center{justify-content:center;text-align:center}
.g1a__eyebrow--center b.g1a__host{display:inline;width:auto;height:auto;background:none;box-shadow:none;border-radius:0;font-size:inherit;color:#f2f1ed;letter-spacing:.04em}
.g1a__title{margin:0 0 10px;font:800 clamp(1.7rem,4.6vw,2.4rem)/1 var(--g1a-fd);letter-spacing:-.035em;padding-right:36px}
.g1a__sub{margin:0 0 22px;color:var(--g1a-mute);font-size:15px;line-height:1.5}

.g1a__form{display:grid;gap:14px}
.g1a__types{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.g1a__type{position:relative;cursor:pointer}
.g1a__type input{position:absolute;opacity:0;pointer-events:none}
.g1a__type>span{display:grid;gap:4px;height:100%;padding:16px 16px 14px;border-radius:16px;background:rgba(255,255,255,.035);box-shadow:inset 0 0 0 1px var(--g1a-line);transition:background .3s,box-shadow .3s,transform .3s}
.g1a__type b{font:800 18px/1.1 var(--g1a-fd);letter-spacing:-.02em}
.g1a__type small{font-size:12.5px;color:var(--g1a-mute);line-height:1.35}
.g1a__type:hover>span{transform:translateY(-2px)}
.g1a__type input:checked+span{background:radial-gradient(120% 90% at 0% 0%,rgba(143,182,244,.22),transparent 60%),rgba(46,87,163,.18);box-shadow:inset 0 0 0 1.5px var(--g1a-sky),0 14px 30px -16px rgba(46,87,163,.9)}
.g1a__type input:focus-visible+span{outline:2px solid var(--g1a-sky);outline-offset:2px}
.g1a__ico{display:block;width:28px;height:28px;margin-bottom:8px;border-radius:9px;background:linear-gradient(135deg,#8fb6f4,#2e57a3);position:relative}
.g1a__ico--seo::after{content:"";position:absolute;left:7px;top:7px;width:9px;height:9px;border:2px solid #fff;border-radius:50%}
.g1a__ico--seo::before{content:"";position:absolute;left:16px;top:17px;width:6px;height:2px;background:#fff;transform:rotate(45deg)}
.g1a__ico--design::after{content:"";position:absolute;inset:7px;border:2px solid #fff;border-radius:3px}
.g1a__ico--design::before{content:"";position:absolute;left:7px;right:7px;top:12px;height:2px;background:#fff}

.g1a__field{display:grid;gap:6px}
.g1a__field span{font:600 11px var(--g1a-mono);letter-spacing:.07em;text-transform:uppercase;color:var(--g1a-mute)}
.g1a__field input{width:100%;padding:14px 16px;border:0;border-radius:12px;background:rgba(255,255,255,.06);box-shadow:inset 0 0 0 1px var(--g1a-line);color:#fff;font:500 16px var(--g1a-ff);transition:box-shadow .25s,background .25s}
.g1a__field input::placeholder{color:rgba(242,241,237,.38)}
.g1a__field input:focus{outline:none;background:rgba(255,255,255,.09);box-shadow:inset 0 0 0 1.5px var(--g1a-sky)}
.g1a__hp{position:absolute!important;left:-9999px;width:1px;height:1px;overflow:hidden}
.g1a__go{margin-top:4px;display:flex;justify-content:space-between;align-items:center;width:100%;padding:17px 20px;border:0;border-radius:14px;cursor:pointer;color:#fff;font:700 16px var(--g1a-ff);
  background:linear-gradient(135deg,#5b8ae0 0%,#2e57a3 55%,#1f3f7d 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 18px 34px -16px rgba(46,87,163,.95);transition:transform .3s,filter .3s}
.g1a__go:hover{transform:translateY(-1px);filter:brightness(1.08)}
.g1a__go i{font-style:normal;transition:transform .35s}
.g1a__go:hover i{transform:translateX(4px)}
.g1a__go:disabled{opacity:.6;cursor:wait}
.g1a__err{margin:0;min-height:1em;font-size:14px;color:#ffb4a8}
.g1a__err a{color:#fff}
.g1a__fine{margin:0;font-size:12px;color:rgba(242,241,237,.5)}

/* scan */
.g1a__step[data-step="scan"]{padding:10px 0 6px}
.g1a__radar{position:relative;width:132px;height:132px;margin:8px auto 22px;border-radius:50%;background:radial-gradient(closest-side,rgba(46,87,163,.35),transparent);box-shadow:inset 0 0 0 1px rgba(143,182,244,.25)}
.g1a__radar span{position:absolute;inset:0;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(143,182,244,.5);animation:g1aPing 2.2s cubic-bezier(.2,.6,.3,1) infinite}
.g1a__radar span+span{animation-delay:1.1s}
.g1a__radar i{position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 0deg,transparent 0 70%,rgba(143,182,244,.55) 100%);animation:g1aSpin 1.6s linear infinite;-webkit-mask:radial-gradient(closest-side,transparent 30%,#000 31%);mask:radial-gradient(closest-side,transparent 30%,#000 31%)}
@keyframes g1aPing{from{transform:scale(.4);opacity:1}to{transform:scale(1.25);opacity:0}}
@keyframes g1aSpin{to{transform:rotate(360deg)}}
.g1a__log{list-style:none;margin:6px 0 0;padding:0;display:flex;flex-direction:column;gap:12px;min-height:250px}
.g1a__log li{display:flex;align-items:center;gap:12px;font-size:15px;color:#f2f1ed;animation:g1aIn .4s ease}
.g1a__log li::before{content:"";flex:0 0 18px;height:18px;border-radius:50%;border:2px solid rgba(143,182,244,.35);border-top-color:var(--g1a-sky);animation:g1aSpin .8s linear infinite}
.g1a__log li.is-done{color:var(--g1a-mute)}
.g1a__log li.is-done::before{content:"\2713";border:0;animation:none;display:grid;place-items:center;background:linear-gradient(135deg,#8fb6f4,#2e57a3);color:#fff;font-size:11px;font-weight:800;line-height:1}

/* result */
.g1a__head{display:grid;grid-template-columns:128px 1fr;gap:20px;align-items:center;padding-right:30px}
.g1a__ring{position:relative;width:128px;height:128px}
.g1a__ring svg{width:100%;height:100%;transform:rotate(-90deg)}
.g1a__ring circle{fill:none;stroke-width:9}
.g1a__ring-bg{stroke:rgba(255,255,255,.08)}
.g1a__ring-fg{stroke:url(#g1aGrad);stroke-linecap:round;transition:stroke-dashoffset 1.4s cubic-bezier(.22,1,.36,1)}
.g1a__score{position:absolute;inset:0;display:grid;place-items:center;font:800 40px/1 var(--g1a-fd);letter-spacing:-.04em}
.g1a__score::after{content:"/100";position:absolute;bottom:30px;font:600 10px var(--g1a-mono);letter-spacing:.06em;color:var(--g1a-mute)}
.g1a__headtxt .g1a__eyebrow{margin-bottom:8px}
.g1a__grade{margin:0 0 6px;font:800 30px/1 var(--g1a-fd);letter-spacing:-.03em;background:linear-gradient(100deg,#8fb6f4,#e6efff 50%,#8fb6f4);-webkit-background-clip:text;background-clip:text;color:transparent}
.g1a[data-grade="D"] .g1a__grade,.g1a[data-grade="F"] .g1a__grade{background:linear-gradient(100deg,#ffb4a8,#ffe2dc 50%,#ffb4a8);-webkit-background-clip:text;background-clip:text}
.g1a__summary{margin:0;color:var(--g1a-mute);font-size:14.5px;line-height:1.45}
.g1a__counts{margin:22px 0 12px;font:600 11.5px var(--g1a-mono);letter-spacing:.05em;text-transform:uppercase;color:var(--g1a-mute)}
.g1a__counts b{color:#fff}
.g1a__issues{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.g1a__issue{padding:14px 16px;border-radius:14px;background:rgba(255,255,255,.04);box-shadow:inset 0 0 0 1px var(--g1a-line);opacity:0;animation:g1aIn .5s cubic-bezier(.22,1,.36,1) forwards;animation-delay:calc(var(--d,0ms) + 600ms)}
.g1a__issue-top{display:flex;align-items:center;gap:10px}
.g1a__issue-top b{font:700 16px/1.2 var(--g1a-fd);letter-spacing:-.01em}
.g1a__tag{flex:0 0 auto;font:700 10px/1 var(--g1a-mono);letter-spacing:.07em;text-transform:uppercase;padding:5px 7px;border-radius:6px;background:rgba(255,180,168,.16);color:#ffb4a8}
.g1a__issue.is-warn .g1a__tag{background:rgba(143,182,244,.16);color:var(--g1a-sky)}
.g1a__issue.is-pass .g1a__tag{background:rgba(60,207,110,.16);color:#7fe3a3}
.g1a__detail{margin:8px 0 4px;font-size:13px;color:rgba(242,241,237,.55)}
.g1a__fix{margin:0;font-size:14px;line-height:1.5;color:#f2f1ed}
.g1a__cta{display:grid;gap:10px;margin-top:20px;position:sticky;bottom:-30px;padding:16px 0 4px;background:linear-gradient(180deg,transparent,#0b0d13 35%)}
.g1a__wa{position:relative;display:grid;grid-template-columns:1fr auto;align-items:center;padding:16px 20px;border-radius:14px;text-decoration:none;color:#0b0c10;
  background:linear-gradient(110deg,#f3efe7 0%,#ffffff 38%,#cfd9ea 100%);box-shadow:inset 0 1px 0 #fff,0 18px 34px -16px rgba(0,0,0,.8);transition:transform .3s}
.g1a__wa span{font:800 17px/1.2 var(--g1a-fd);letter-spacing:-.01em}
.g1a__wa small{grid-column:1;font:600 11px var(--g1a-mono);letter-spacing:.05em;text-transform:uppercase;color:#1f8a46;margin-top:3px}
.g1a__wa i{grid-row:1/3;grid-column:2;font-style:normal;font-size:20px;transition:transform .35s}
.g1a__wa:hover{transform:translateY(-1px)}
.g1a__wa:hover i{transform:translate(3px,-3px)}
.g1a__other{border:0;background:none;color:var(--g1a-mute);font:600 14px var(--g1a-ff);cursor:pointer;padding:8px;text-decoration:underline;text-underline-offset:4px}
.g1a__other:hover{color:#fff}

/* triggers */
.g1a-btn,.g1a-float{border:0;cursor:pointer;font:700 15px var(--g1a-ff,inherit);color:#fff;background:linear-gradient(135deg,#5b8ae0,#2e57a3);padding:14px 18px;border-radius:12px;box-shadow:inset 0 1px 0 rgba(255,255,255,.3)}
.g1a-float{position:fixed;left:20px;bottom:20px;z-index:9990}

@media (max-width:560px){
  .g1a{padding:0;align-items:end}
  .g1a__panel{width:100%;max-height:92vh;border-radius:22px 22px 0 0;padding:28px 20px 22px;transform:translateY(60px)}
  .g1a__types{grid-template-columns:1fr 1fr}
  .g1a__type>span{padding:13px}
  .g1a__head{grid-template-columns:96px 1fr;gap:14px;padding-right:20px}
  .g1a__ring{width:96px;height:96px}
  .g1a__score{font-size:30px}
  .g1a__score::after{bottom:20px}
  .g1a__grade{font-size:24px}
  .g1a__cta{bottom:-22px}
}
@media (prefers-reduced-motion:reduce){
  .g1a *,.g1a *::before,.g1a *::after{animation:none!important;transition:none!important}
  .g1a__issue{opacity:1}
}

/* v1.1 — category breakdown */
.g1a__bars{display:grid;grid-template-columns:1fr 1fr;gap:10px 22px;margin-top:22px;padding:16px 18px;border-radius:14px;background:rgba(255,255,255,.035);box-shadow:inset 0 0 0 1px var(--g1a-line)}
.g1a__bar{display:grid;grid-template-columns:78px 1fr 28px;align-items:center;gap:10px;font-size:13px}
.g1a__bar-name{font:600 11px var(--g1a-mono);letter-spacing:.05em;text-transform:uppercase;color:var(--g1a-mute)}
.g1a__bar-track{position:relative;height:6px;border-radius:3px;background:rgba(255,255,255,.08);overflow:hidden}
.g1a__bar-track i{position:absolute;inset:0 auto 0 0;width:0;border-radius:3px;background:linear-gradient(90deg,#2e57a3,#8fb6f4);animation:g1aBar 1.1s cubic-bezier(.22,1,.36,1) forwards;animation-delay:var(--d,0ms)}
.g1a__bar.is-mid .g1a__bar-track i{background:linear-gradient(90deg,#b98a2e,#f2c879)}
.g1a__bar.is-low .g1a__bar-track i{background:linear-gradient(90deg,#b5473a,#ffb4a8)}
.g1a__bar b{font:800 14px var(--g1a-fd);text-align:right}
@keyframes g1aBar{to{width:var(--w)}}
.g1a__cat{margin-left:auto;font:600 10px/1 var(--g1a-mono);font-style:normal;letter-spacing:.06em;text-transform:uppercase;color:var(--g1a-mute);padding:5px 7px;border-radius:6px;box-shadow:inset 0 0 0 1px var(--g1a-line);white-space:nowrap}
.g1a__more{margin:12px 2px 0;font-size:13px;color:var(--g1a-sky);min-height:0}
.g1a__more:empty{display:none}
@media (max-width:560px){
  .g1a__bars{grid-template-columns:1fr;padding:14px}
  .g1a__cat{display:none}
}