/* Free website audit: scanner hero, progress, and report dashboard. */
.ax{--good:#18a058;--ok:#e8a400;--bad:#ff4d12;--good-bg:#e3f5ea;--ok-bg:#fff3d1;--bad-bg:#ffe6dc;--panel:#fffdf8}
.ax-hero{position:relative;overflow:hidden;background:#100e0b;color:#f3efe4;padding:clamp(3.5rem,8vw,6rem) 0 clamp(3rem,7vw,5rem)}
.ax-hero::before{content:"";position:absolute;inset:0;background:
  radial-gradient(700px 360px at 85% 0%,rgba(255,77,18,.28),transparent 60%),
  radial-gradient(600px 400px at 0% 100%,rgba(214,242,107,.12),transparent 60%),
  linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px) 0 0/44px 44px,
  linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px) 0 0/44px 44px}
.ax-hero .wrap{position:relative}
.ax-hero .crumbs,.ax-hero .crumbs a{color:#a8a294}
.ax-hero h1{color:#fff;max-width:17ch}.ax-hero h1 em{color:var(--accent)}
.ax-hero .lede{color:#d8d3c6;max-width:40rem}
.ax-form{margin-top:2rem;display:flex;align-items:center;gap:.6rem;background:#fff;border-radius:999px;padding:.45rem .45rem .45rem 1.4rem;max-width:720px;box-shadow:0 30px 60px -20px rgba(0,0,0,.6),0 0 0 6px rgba(255,255,255,.06)}
.ax-form svg{flex:none;width:22px;height:22px;stroke:#8d8778;fill:none;stroke-width:2}
.ax-form input{flex:1;min-width:0;border:0;background:transparent;font-size:1.15rem;padding:.75rem 0;min-height:52px;color:var(--ink)}
.ax-form input:focus{outline:none}.ax-form:focus-within{box-shadow:0 30px 60px -20px rgba(0,0,0,.6),0 0 0 6px rgba(255,77,18,.45)}
.ax-form .btn{padding:1.05rem 1.8rem;font-size:1.02rem;white-space:nowrap}
@media(max-width:600px){.ax-form{flex-wrap:wrap;border-radius:22px;padding:.8rem}.ax-form input{width:100%;flex-basis:100%}.ax-form svg{display:none}.ax-form .btn{width:100%}}
.ax-trust{display:flex;flex-wrap:wrap;gap:.5rem 1.4rem;margin:1.3rem 0 0;padding:0;list-style:none;color:#b9b3a3;font-size:.92rem}
.ax-trust li::before{content:"\2713";color:var(--lime);font-weight:900;margin-right:.45rem}
.ax-try{margin-top:1rem;color:#8d8778;font-size:.9rem}.ax-try button{background:none;border:1px solid #3a362e;color:#e4dfd2;border-radius:99px;padding:.3rem .8rem;margin:0 .3rem;cursor:pointer;font:inherit}.ax-try button:hover{border-color:var(--accent);color:#fff}
.ax-msg{margin-top:1rem;min-height:1.4em;color:#ffb199;font-weight:600}

/* Progress */
.ax-progress{max-width:720px;margin-top:2rem;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:1.4rem 1.6rem}
.ax-progress[hidden]{display:none}
.ax-bar{height:6px;background:rgba(255,255,255,.1);border-radius:99px;overflow:hidden;margin-bottom:1.1rem}
.ax-bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--accent),#ffb199);border-radius:99px;transition:width .5s ease}
.ax-steps{list-style:none;margin:0;padding:0;display:grid;gap:.55rem}
.ax-steps li{display:flex;align-items:center;gap:.75rem;color:#8d8778;font-size:.98rem;transition:color .3s}
.ax-steps li::before{content:"";width:18px;height:18px;border-radius:50%;border:2px solid #4a463d;flex:none;box-sizing:border-box}
.ax-steps li.on{color:#fff}.ax-steps li.on::before{border-color:var(--accent);border-top-color:transparent;animation:axspin .8s linear infinite}
.ax-steps li.done{color:#d8d3c6}.ax-steps li.done::before{border:0;background:var(--good) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 8.5l2.5 2.5L12 5.5' fill='none' stroke='white' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/14px no-repeat}
@keyframes axspin{to{transform:rotate(360deg)}}

/* Report shell */
.ax-report{padding:clamp(2rem,5vw,3.5rem) 0 4rem;background:var(--paper)}
.ax-report[hidden]{display:none}
.ax-card{background:var(--panel);border:1px solid var(--line);border-radius:22px;padding:clamp(1.3rem,3vw,2rem);box-shadow:var(--shadow)}
.ax-sec{margin-top:1.4rem}
.ax-h{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:.5rem 1rem;margin-bottom:1.1rem}
.ax-h h2{font-size:clamp(1.35rem,2.6vw,1.8rem);margin:0}.ax-h p{margin:0;color:var(--muted);font-size:.95rem}
.ax-kicker{font:700 .72rem/1 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--accent-d);display:block;margin-bottom:.5rem}

/* Summary */
.ax-summary{display:grid;grid-template-columns:auto 1fr;gap:clamp(1.5rem,4vw,3rem);align-items:center}
@media(max-width:820px){.ax-summary{grid-template-columns:1fr;justify-items:center;text-align:center}}
.ax-dial{position:relative;width:210px;height:210px}
.ax-dial svg{width:100%;height:100%;transform:rotate(-90deg)}
.ax-dial .bg{fill:none;stroke:var(--paper-2);stroke-width:14}
.ax-dial .fg{fill:none;stroke-width:14;stroke-linecap:round;transition:stroke-dashoffset 1.4s cubic-bezier(.2,.7,.2,1)}
.ax-dial.good .fg{stroke:var(--good)}.ax-dial.ok .fg{stroke:var(--ok)}.ax-dial.bad .fg{stroke:var(--bad)}
.ax-dial .num{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}
.ax-dial .num b{font:600 4rem/1 var(--serif);letter-spacing:-.03em}.ax-dial .num span{font-size:.85rem;color:var(--muted);margin-top:.2rem}
.ax-grade{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:12px;font:700 1.4rem var(--serif);color:#fff;margin-right:.6rem;vertical-align:middle}
.ax-grade.good{background:var(--good)}.ax-grade.ok{background:var(--ok)}.ax-grade.bad{background:var(--bad)}
.ax-site{display:flex;align-items:center;gap:.7rem;margin-bottom:.4rem;flex-wrap:wrap}
@media(max-width:820px){.ax-site{justify-content:center}}
.ax-site img{width:28px;height:28px;border-radius:6px;background:#fff;border:1px solid var(--line);object-fit:contain}
.ax-site b{font-size:1.15rem;word-break:break-all}
.ax-verdict{font:600 clamp(1.5rem,3vw,2.1rem)/1.2 var(--serif);margin:.4rem 0 .6rem}
.ax-meta{color:var(--muted);font-size:.9rem;margin:0 0 1.2rem;word-break:break-all}
.ax-actions{display:flex;flex-wrap:wrap;gap:.6rem}
@media(max-width:820px){.ax-actions{justify-content:center}}
.ax-actions .btn{padding:.7rem 1.15rem;font-size:.92rem}
.ax-cats{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-top:1.4rem}
@media(max-width:900px){.ax-cats{grid-template-columns:1fr 1fr}}@media(max-width:480px){.ax-cats{grid-template-columns:1fr}}
.ax-cat{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:1.2rem 1.3rem;text-align:left;cursor:pointer;font:inherit;color:inherit;transition:transform .2s,box-shadow .2s}
.ax-cat:hover{transform:translateY(-3px);box-shadow:var(--shadow)}
.ax-cat .top{display:flex;justify-content:space-between;align-items:baseline}
.ax-cat h3{margin:0;font-size:1.05rem;font-family:var(--sans);font-weight:700}
.ax-cat .sc{font:600 2rem/1 var(--serif)}
.ax-cat .sc.good{color:var(--good)}.ax-cat .sc.ok{color:#b98300}.ax-cat .sc.bad{color:var(--bad)}
.ax-cat p{margin:.3rem 0 .8rem;font-size:.85rem;color:var(--muted)}
.ax-meter{height:8px;background:var(--paper-2);border-radius:99px;overflow:hidden}
.ax-meter i{display:block;height:100%;width:0;border-radius:99px;transition:width 1.2s cubic-bezier(.2,.7,.2,1)}
.ax-meter.good i{background:var(--good)}.ax-meter.ok i{background:var(--ok)}.ax-meter.bad i{background:var(--bad)}

/* Priorities */
.ax-prio{list-style:none;margin:0;padding:0;display:grid;gap:.8rem;counter-reset:p}
.ax-prio li{counter-increment:p;display:grid;grid-template-columns:44px 1fr;gap:1rem;align-items:start;background:#fff;border:1px solid var(--line);border-radius:16px;padding:1rem 1.1rem}
.ax-prio li::before{content:counter(p);display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:var(--ink);color:#fff;font:600 1.3rem var(--serif)}
.ax-prio h3{margin:0 0 .25rem;font:700 1.05rem var(--sans);display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}
.ax-prio p{margin:.2rem 0 0;font-size:.95rem;color:var(--ink-2)}.ax-prio .why{color:var(--muted)}
.ax-imp{font:800 .66rem/1 var(--sans);letter-spacing:.1em;text-transform:uppercase;padding:.32rem .55rem;border-radius:99px}
.ax-imp.high{background:var(--bad-bg);color:#a3330b}.ax-imp.medium{background:var(--ok-bg);color:#7a5600}.ax-imp.low{background:var(--paper-2);color:var(--muted)}
.ax-allgood{background:var(--good-bg);color:#11603a;border-radius:16px;padding:1.2rem;font-weight:600}

/* Previews */
.ax-two{display:grid;grid-template-columns:1fr 1fr;gap:1.4rem}@media(max-width:900px){.ax-two{grid-template-columns:1fr}}
.serp{background:#fff;border:1px solid #e3e3e3;border-radius:16px;padding:1.2rem 1.3rem;font-family:arial,sans-serif}
.serp .src{display:flex;align-items:center;gap:.6rem}
.serp .src img{width:26px;height:26px;border-radius:50%;border:1px solid #e3e3e3;padding:3px;background:#fff;object-fit:contain}
.serp .src div{line-height:1.25;min-width:0}.serp .src b{display:block;font-size:14px;font-weight:400;color:#202124}.serp .src span{display:block;font-size:12px;color:#4d5156;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.serp .t{display:block;color:#1a0dab;font-size:20px;line-height:1.3;margin:.5rem 0 .25rem;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.serp .d{color:#4d5156;font-size:14px;line-height:1.58;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.serp .missing{color:#b3261e;font-style:italic}
.lenbars{display:grid;gap:.6rem;margin-top:1rem}
.lenbar{font-size:.82rem;color:var(--muted)}.lenbar .track{position:relative;height:8px;background:var(--paper-2);border-radius:99px;margin-top:.3rem}
.lenbar .zone{position:absolute;top:0;bottom:0;background:rgba(24,160,88,.25);border-radius:99px}
.lenbar .val{position:absolute;top:-3px;width:4px;height:14px;border-radius:2px;background:var(--ink)}
.ogcard{background:#fff;border:1px solid #dadde1;border-radius:14px;overflow:hidden}
.ogcard .img{aspect-ratio:1.91/1;background:#e9e5da center/cover no-repeat;display:grid;place-items:center;color:#8d8778;font-size:.9rem}
.ogcard .img img{width:100%;height:100%;object-fit:cover}
.ogcard .body{padding:.8rem 1rem;background:#f2f3f5;border-top:1px solid #dadde1}
.ogcard .dom{font-size:12px;text-transform:uppercase;color:#606770}.ogcard .ttl{font:600 16px/1.3 arial,sans-serif;color:#1d2129;margin:.2rem 0}.ogcard .dsc{font-size:14px;color:#606770;margin:0;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}

/* AI access */
.ax-bots{display:grid;grid-template-columns:repeat(4,1fr);gap:.8rem}
@media(max-width:900px){.ax-bots{grid-template-columns:repeat(2,1fr)}}
.ax-bot{background:#fff;border:1px solid var(--line);border-radius:14px;padding:.9rem 1rem;display:flex;flex-direction:column;gap:.35rem}
.ax-bot b{font-size:.98rem}.ax-bot span{font-size:.8rem;color:var(--muted)}
.ax-pill{align-self:flex-start;font:800 .68rem/1 var(--sans);letter-spacing:.08em;text-transform:uppercase;padding:.35rem .6rem;border-radius:99px;margin-top:.2rem}
.ax-pill.allowed{background:var(--good-bg);color:#11603a}.ax-pill.blocked{background:var(--bad-bg);color:#a3330b}.ax-pill.default{background:#eef2f7;color:#41546b}
.ax-files{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1rem}

/* Speed */
.ax-speed-grid{display:grid;grid-template-columns:1fr 220px;gap:1.6rem;align-items:start}
@media(max-width:860px){.ax-speed-grid{grid-template-columns:1fr}}
.ax-rings{display:grid;grid-template-columns:repeat(4,1fr);gap:.8rem;margin-bottom:1.2rem}
@media(max-width:560px){.ax-rings{grid-template-columns:repeat(2,1fr)}}
.ax-ring{text-align:center}.ax-ring .r{position:relative;width:96px;height:96px;margin:0 auto .4rem}
.ax-ring svg{width:100%;height:100%;transform:rotate(-90deg)}.ax-ring .bg{fill:none;stroke:var(--paper-2);stroke-width:9}.ax-ring .fg{fill:none;stroke-width:9;stroke-linecap:round;transition:stroke-dashoffset 1.2s}
.ax-ring.good .fg{stroke:var(--good)}.ax-ring.ok .fg{stroke:var(--ok)}.ax-ring.bad .fg{stroke:var(--bad)}
.ax-ring b{position:absolute;inset:0;display:grid;place-items:center;font:600 1.7rem var(--serif)}.ax-ring span{font-size:.85rem;font-weight:600}
.ax-vitals{display:grid;grid-template-columns:repeat(5,1fr);gap:.6rem}
@media(max-width:700px){.ax-vitals{grid-template-columns:repeat(2,1fr)}}
.ax-vital{background:#fff;border:1px solid var(--line);border-left:4px solid var(--line);border-radius:12px;padding:.75rem .85rem}
.ax-vital.good{border-left-color:var(--good)}.ax-vital.ok{border-left-color:var(--ok)}.ax-vital.bad{border-left-color:var(--bad)}
.ax-vital small{display:block;font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.ax-vital b{font:600 1.35rem var(--serif)}
.ax-phone{border:10px solid #14120f;border-radius:30px;overflow:hidden;background:#14120f;box-shadow:var(--shadow);max-width:220px;margin:0 auto}
.ax-phone img{width:100%;display:block}
.ax-skel{display:grid;gap:.8rem}.ax-skel i{display:block;height:18px;border-radius:8px;background:linear-gradient(90deg,var(--paper-2),#f7f3ea,var(--paper-2));background-size:200% 100%;animation:axsh 1.4s infinite}
@keyframes axsh{to{background-position:-200% 0}}
.ax-note{font-size:.85rem;color:var(--muted);margin:.8rem 0 0}

/* Facts */
.ax-facts{display:grid;grid-template-columns:repeat(4,1fr);gap:.8rem}
@media(max-width:900px){.ax-facts{grid-template-columns:repeat(2,1fr)}}
.ax-fact{background:#fff;border:1px solid var(--line);border-radius:14px;padding:.9rem 1rem}
.ax-fact small{display:block;font-size:.74rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.ax-fact b{font:600 1.35rem var(--serif);word-break:break-word}
.ax-chips{display:flex;flex-wrap:wrap;gap:.4rem;margin:.6rem 0 0;padding:0;list-style:none}.ax-chips li{background:var(--paper-2);border-radius:99px;padding:.3rem .7rem;font-size:.8rem;font-weight:600}
.ax-outline{margin-top:1rem}.ax-outline summary{cursor:pointer;font-weight:700}
.ax-outline ol{list-style:none;padding:0;margin:.8rem 0 0;font-size:.92rem;max-height:340px;overflow:auto}
.ax-outline li{padding:.3rem 0;border-bottom:1px dashed var(--line)}.ax-outline li span{display:inline-block;min-width:2.2rem;font:700 .72rem var(--sans);color:var(--accent-d)}
.ax-outline .l2{padding-left:1rem}.ax-outline .l3{padding-left:2rem}.ax-outline .l4{padding-left:3rem}

/* Checks */
.ax-tabs{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}
.ax-tabs button{background:#fff;border:1.5px solid var(--line);border-radius:99px;padding:.5rem 1rem;font:700 .85rem var(--sans);cursor:pointer;color:var(--ink)}
.ax-tabs button[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:#fff}
.ax-tabs .sep{width:1px;background:var(--line);margin:0 .3rem}
.ax-checks{display:grid;gap:.5rem}
.ax-check{background:#fff;border:1px solid var(--line);border-radius:14px}
.ax-check[hidden]{display:none}
.ax-check summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:30px 1fr auto;gap:.8rem;align-items:center;padding:.85rem 1rem}
.ax-check summary::-webkit-details-marker{display:none}
.ax-ico{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;color:#fff;font:900 .8rem var(--sans)}
.ax-check.pass .ax-ico{background:var(--good)}.ax-check.warn .ax-ico{background:var(--ok)}.ax-check.fail .ax-ico{background:var(--bad)}
.ax-check .lbl b{display:block;font-size:.98rem}.ax-check .lbl span{display:block;font-size:.85rem;color:var(--muted);word-break:break-word}
.ax-check .tag2{font:700 .7rem var(--sans);color:var(--muted);letter-spacing:.06em;text-transform:uppercase}
.ax-check .more{padding:0 1rem 1rem 3.9rem;font-size:.94rem}
.ax-check .more p{margin:.3rem 0}
@media(max-width:560px){.ax-check summary{grid-template-columns:30px 1fr}.ax-check .tag2{display:none}.ax-check .more{padding-left:1rem}}

/* Lead capture */
.ax-lead{background:var(--ink);color:#f3efe4;border-radius:24px;padding:clamp(1.6rem,4vw,2.6rem);display:grid;grid-template-columns:1.1fr .9fr;gap:2rem;align-items:center;margin-top:1.4rem}
@media(max-width:860px){.ax-lead{grid-template-columns:1fr}}
.ax-lead h2{color:#fff;margin:0 0 .5rem}.ax-lead p{color:#d8d3c6;margin:0}
.ax-lead form{display:grid;gap:.6rem}
.ax-lead input{background:#fff}
.ax-lead .row{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}@media(max-width:480px){.ax-lead .row{grid-template-columns:1fr}}
.ax-lead .status{min-height:1.3em;font-weight:600;color:var(--lime);margin:0}
.ax-lead .alt{margin-top:.8rem;font-size:.9rem}.ax-lead .alt a{color:var(--lime)}

/* Explainer below the tool */
.ax-explain .grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}@media(max-width:900px){.ax-explain .grid4{grid-template-columns:1fr 1fr}}@media(max-width:520px){.ax-explain .grid4{grid-template-columns:1fr}}

@media print{
  .site-header,.site-footer,.ax-hero,.ax-actions,.ax-lead,.ax-tabs,.ax-explain,.cta-band,.skip{display:none!important}
  .ax-report{padding:0}.ax-card,.ax-cat,.ax-check,.ax-bot,.ax-fact,.ax-vital{box-shadow:none!important;break-inside:avoid}
  .ax-check .more{display:block}.ax-check[hidden]{display:block!important}
  body{background:#fff}
}
[hidden]{display:none!important}
.ax details{padding:0;border-bottom:0}
.ax .ax-check{border-bottom:1px solid var(--line)}
.ax details summary{font:inherit;display:grid}
.ax details summary::after{display:none;content:none}
.ax .ax-outline{border:0;padding:0;margin-top:1rem}.ax .ax-outline summary{display:block;font-weight:700;padding:.6rem 0;border-top:1px solid var(--line)}
.ax .ax-outline summary::after{display:inline;content:" +";color:var(--accent)}.ax .ax-outline[open] summary::after{content:" \2212"}
.ax-check .lbl b{font-family:var(--sans)}