/* SearchedBy (formerly GEO Scan) v4 — polished SaaS. Deep ground, one blue accent, General Sans, the report as a product shot. */
:root{
  --bg:#0A0B10;--bg2:#0E1017;--panel:#13151E;--panel2:#1B1E2A;--line:#242838;--line2:#2E3346;
  --ink:#F2F3F7;--ink2:#C9CCD8;--muted:#8B90A3;
  --accent:#4F7CFF;--accent2:#7C9DFF;--accent-ink:#FFFFFF;--you:#B8F55A;--you-ink:#0A0B10;
  --crit:#FF5A4D;--high:#FFB347;--med:#7C9DFF;--low:#8B90A3;
  --step-small:clamp(.8125rem,.79rem + .1vw,.875rem);
  --step-body:clamp(1rem,.95rem + .25vw,1.125rem);
  --step-lead:clamp(1.125rem,1rem + .6vw,1.375rem);
  --step-h3:clamp(1.25rem,1.1rem + .8vw,1.625rem);
  --step-h2:clamp(1.9rem,1.3rem + 2.6vw,3.25rem);
  --step-h1:clamp(2.4rem,1.5rem + 3.8vw,4.5rem);
  --m:clamp(20px,4vw,64px);--gap:clamp(88px,9vw,140px);--wrap:1180px;
  --ease:cubic-bezier(.2,.7,.1,1);--r:16px;
}
*{box-sizing:border-box}
html{background:var(--bg);scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font-family:'General Sans',system-ui,sans-serif;font-size:var(--step-body);line-height:1.55;-webkit-font-smoothing:antialiased}
a{color:inherit}
h1,h2,h3{font-weight:600;letter-spacing:-.025em;line-height:1.05;margin:0}
h1{font-size:var(--step-h1);line-height:1.02;letter-spacing:-.03em}
h2{font-size:var(--step-h2)}
h3{font-size:var(--step-h3);line-height:1.2}
p{margin:0}
.muted{color:var(--muted)}.small{font-size:var(--step-small)}
/* hidden but readable by screen readers (.sr) and by bots (.hp): clipped in place, not pushed 10000px to the left, which
   in a right-to-left page is inside the scrollable area and gave the page a horizontal scroll (A6.2, 25-oct-2026) */
.sr,.hp{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}
:focus-visible{outline:2px solid var(--accent2);outline-offset:3px}
::selection{background:var(--accent);color:#fff}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 22px;background:var(--accent);color:var(--accent-ink);border:0;border-radius:10px;font:inherit;font-weight:600;font-size:var(--step-body);text-decoration:none;cursor:pointer;transition:transform .18s var(--ease),box-shadow .25s var(--ease),background .18s;box-shadow:0 1px 0 rgba(255,255,255,.12) inset,0 8px 24px rgba(79,124,255,.25)}
.btn:hover{background:#6189FF;transform:translateY(-1px);box-shadow:0 1px 0 rgba(255,255,255,.12) inset,0 12px 32px rgba(79,124,255,.38)}
.btn.big{min-height:56px;padding:0 30px;font-size:var(--step-lead)}
.btn.ghost{background:transparent;color:var(--ink);border:1px solid var(--line2);box-shadow:none}.btn.ghost:hover{background:var(--panel)}

/* beta + top */
.beta{background:var(--panel);color:var(--ink2);border-bottom:1px solid var(--line);font-size:var(--step-small);padding:8px var(--m);margin:0;text-align:center}
.top{position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:14px var(--m);background:rgba(10,11,16,.72);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.top .mark{font-weight:700;font-size:1.25rem;text-decoration:none;color:var(--ink);letter-spacing:-.02em;display:flex;align-items:center;gap:10px}
.top .mark::before{content:"";width:22px;height:22px;border-radius:7px;background:linear-gradient(135deg,var(--accent),var(--you))}
.top .mark span{font-weight:500;color:var(--muted);font-size:var(--step-small);letter-spacing:0;border:1px solid var(--line2);border-radius:999px;padding:2px 8px}
.top nav{display:flex;gap:26px;align-items:center}
.top nav a{text-decoration:none;color:var(--ink2);font-weight:500;font-size:.95rem}.top nav a:hover{color:var(--ink)}
.top nav a.lang{color:var(--muted)}
.top .btn{min-height:40px;padding:0 18px;font-size:.95rem}

/* hero */
.hero{position:relative;text-align:center;padding:96px var(--m) 0;max-width:var(--wrap);margin:0 auto}
.glow{position:absolute;left:50%;top:-120px;width:min(900px,100vw);height:520px;transform:translateX(-50%);background:radial-gradient(ellipse at center,rgba(79,124,255,.28),rgba(79,124,255,0) 62%);pointer-events:none;z-index:-1}
.hero h1{max-width:18ch;margin:0 auto}
.hero .sub{margin:22px auto 0;font-size:var(--step-lead);line-height:1.5;color:var(--ink2);max-width:62ch}
.quick{display:flex;gap:10px;justify-content:center;margin:36px auto 0;max-width:560px;background:var(--panel);border:1px solid var(--line2);border-radius:14px;padding:6px}
.quick input{flex:1;min-width:0;font:inherit;font-size:var(--step-body);padding:12px 14px;border:0;background:transparent;color:var(--ink);outline:none}
.quick input::placeholder{color:var(--muted)}
.hero .note{margin-top:14px;color:var(--muted);font-size:var(--step-small)}
.platforms-cap{margin:28px auto 0;color:var(--muted);font-size:var(--step-small);opacity:.8}
.platforms{list-style:none;margin:10px auto 0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:8px 22px;color:var(--muted);font-size:var(--step-small);font-weight:500}
.platforms li::before{content:"";display:inline-block;width:8px;height:8px;border-radius:999px;background:var(--accent);margin-inline-end:8px;vertical-align:middle;opacity:.8}

/* product shot */
.shot{margin:56px auto 0;max-width:var(--wrap);background:var(--panel);border:1px solid var(--line2);border-radius:var(--r);box-shadow:0 30px 100px rgba(0,0,0,.6),0 0 0 1px rgba(79,124,255,.12),0 -40px 120px rgba(79,124,255,.12);text-align:start;overflow:hidden}
.shot-bar{display:flex;align-items:center;gap:6px;padding:12px 16px;border-bottom:1px solid var(--line);background:var(--bg2)}
.dot{width:10px;height:10px;border-radius:999px;background:var(--line2)}
.shot-url{margin-inline-start:12px;color:var(--muted);font-size:var(--step-small)}
.shot-body{display:grid;grid-template-columns:2fr 3fr;gap:0}
.shot-left{padding:24px;border-inline-end:1px solid var(--line)}
.shot-right{padding:24px;min-width:0}
.shot-cap{color:var(--muted);font-size:var(--step-small);font-weight:500;margin-bottom:12px}
.score-line{display:flex;align-items:baseline;gap:6px;margin-bottom:18px}
.score-num{font-size:clamp(48px,5vw,72px);font-weight:700;line-height:.9;letter-spacing:-.04em;color:var(--ink)}
.score-den{color:var(--muted);font-size:var(--step-lead)}
.mini-bars{list-style:none;margin:0;padding:0;display:grid;gap:9px}
.mini-bars li{display:grid;grid-template-columns:minmax(110px,1.2fr) 2fr auto;gap:10px;align-items:center;font-size:12.5px;color:var(--ink2)}
.mini-bars em{font-style:normal;min-width:36px;text-align:end;color:var(--muted)}
.shot-note{margin:12px 0 0;font-size:12px;line-height:1.45;color:var(--muted)}
.track{display:block;height:7px;background:var(--panel2);border-radius:999px;overflow:hidden}
.fill{display:block;height:100%;background:var(--accent);border-radius:999px}.fill.crit{background:var(--crit)}.fill.alt{background:var(--muted)}
table.matrix{border-collapse:collapse;width:100%;font-size:var(--step-small)}
table.matrix th,table.matrix td{text-align:start;padding:11px 10px;vertical-align:top;border-bottom:1px solid var(--line)}
table.matrix thead th{color:var(--muted);font-weight:500}
table.matrix td.q{max-width:34ch;min-width:9rem;color:var(--ink2)}
table.compact td.q{min-width:180px}
.table-scroll{overflow-x:auto}
.tag{display:inline-block;background:var(--panel2);color:var(--ink);border:1px solid var(--line2);border-radius:999px;padding:2px 9px;margin:2px 0;margin-inline-end:4px;font-size:12px;white-space:nowrap}
.tag.you{background:var(--you);color:var(--you-ink);border-color:var(--you);font-weight:600}
.rep-named{margin-top:14px;font-weight:600;font-size:var(--step-small)}
.rep-named::before{content:"";display:inline-block;width:8px;height:8px;border-radius:999px;background:var(--crit);margin-inline-end:8px;vertical-align:middle}

/* proof row */
.proof{max-width:var(--wrap);margin:72px auto 0;padding:0 var(--m);display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.proof div{display:flex;align-items:baseline;gap:12px;padding:16px 0;border-top:1px solid var(--line)}
.proof b{font-size:clamp(28px,2.6vw,40px);font-weight:700;letter-spacing:-.03em}
.proof span{color:var(--muted);font-size:var(--step-small)}

/* metrics */
.metrics{max-width:var(--wrap);margin:var(--gap) auto 0;padding:0 var(--m)}
.metrics h2{max-width:22ch;margin-bottom:36px}
.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.metric{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);padding:20px;display:grid;gap:12px;align-content:start;transition:border-color .25s,transform .25s var(--ease)}
.metric:hover{border-color:var(--line2);transform:translateY(-3px)}
.metric-viz{background:var(--bg2);border:1px solid var(--line);border-radius:12px;padding:16px;min-height:120px;display:grid;align-content:center;gap:10px}
.viz-row{display:grid;grid-template-columns:90px 1fr auto;gap:10px;align-items:center;font-size:12.5px;color:var(--ink2)}
.viz-row em{font-style:normal;color:var(--muted)}
.cite{display:flex;flex-wrap:wrap;gap:4px}
.quote-mini{font-size:var(--step-small);color:var(--ink2);line-height:1.45}
.quote-mini mark{background:rgba(255,90,77,.25);color:var(--ink);padding:0 4px;border-radius:4px;text-decoration:line-through}
.quote-fix{font-size:var(--step-small);color:var(--you);font-weight:600}
.metric h3{font-size:var(--step-lead)}
.metric p:last-child{color:var(--muted);font-size:var(--step-small);line-height:1.5}

/* ask */
.ask{max-width:var(--wrap);margin:var(--gap) auto 0;padding:0 var(--m)}
.ask-head{display:grid;grid-template-columns:1.2fr 1fr;gap:24px;align-items:end;margin-bottom:28px}
.ask-head p{color:var(--muted);max-width:40ch}
.stepn{grid-column:1/-1;font-size:var(--step-small);font-weight:600;letter-spacing:.02em;text-transform:uppercase;color:var(--accent);margin:0 0 6px}
.scanform .stepn.opt{margin:10px 0 -4px;color:var(--muted)}
.from-hero{background:rgba(110,140,255,.12);border:1px solid var(--accent);border-radius:12px;padding:14px 18px;margin:0 0 20px;color:var(--ink);line-height:1.5}
.from-hero[hidden]{display:none}
.ask-input{margin-bottom:16px}
.typed{display:block;width:100%;border:0;border-bottom:2px solid var(--line2);background:transparent;color:var(--ink);font:inherit;font-weight:600;font-size:clamp(28px,3.6vw,56px);letter-spacing:-.025em;line-height:1.15;padding:0 0 10px;white-space:nowrap;overflow-x:auto;outline:none;caret-color:var(--accent);border-radius:0}
.typed:focus{border-bottom-color:var(--accent)}
.typed::placeholder{color:var(--muted)}
.examples{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.examples button{background:var(--panel);border:1px solid var(--line2);border-radius:999px;padding:7px 14px;font:inherit;font-size:var(--step-small);color:var(--ink2);cursor:pointer;min-height:36px}
.examples button:hover{border-color:var(--accent);color:var(--ink)}
.answers{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:10px}
.answers .q{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:14px 16px;font-size:var(--step-small);line-height:1.45;color:var(--ink2)}
.answers .q.he{direction:rtl;text-align:right}
.answers .note{grid-column:1/-1;font-size:var(--step-small);color:var(--muted)}

/* scan form */
.scan{margin-top:40px;background:var(--panel);border:1px solid var(--line2);border-radius:var(--r);padding:36px}
.scan-head{margin-bottom:24px}.scan-head p{color:var(--muted);margin-top:8px;max-width:60ch}
.scanform{display:grid;grid-template-columns:repeat(12,1fr);gap:16px 18px}
.scanform .f{grid-column:span 6;display:flex;flex-direction:column;gap:7px}
.scanform .f.third{grid-column:span 4}
.scanform label{font-size:var(--step-small);color:var(--muted)}
.scanform input,.scanform select,.scanform textarea{font:inherit;font-size:var(--step-body);padding:12px 14px;border:1px solid var(--line2);border-radius:10px;background:var(--bg2);color:var(--ink);width:100%}
.scanform input:focus,.scanform select:focus{outline:none;border-color:var(--accent)}
.scanform .submit{grid-column:1/-1;display:flex;gap:20px;align-items:center;flex-wrap:wrap;margin-top:6px}
.scanform .privacy{grid-column:1/-1;max-width:72ch}
.alert{grid-column:1/-1;background:rgba(255,90,77,.15);border:1px solid var(--crit);color:var(--ink);padding:12px 16px;border-radius:10px}

/* how */
.how{max-width:var(--wrap);margin:var(--gap) auto 0;padding:0 var(--m)}
.how-head{display:grid;grid-template-columns:1.2fr 1fr;gap:24px;align-items:end;margin-bottom:28px}
.how-head p{color:var(--muted)}
.steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.step{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);padding:22px;display:grid;gap:10px;align-content:start}
.step.on{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent) inset}
.step .dur{color:var(--accent2);font-weight:600;font-size:var(--step-small)}
.step h3{font-size:var(--step-lead)}
.step p:last-child{color:var(--muted);font-size:var(--step-small);line-height:1.5}

/* honest band */
.honest-band{max-width:var(--wrap);margin:var(--gap) auto 0;padding:36px var(--m);display:grid;grid-template-columns:auto 1fr;gap:40px;align-items:center;background:linear-gradient(90deg,rgba(79,124,255,.12),rgba(79,124,255,0));border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.big-n{font-size:clamp(64px,8vw,120px);font-weight:700;letter-spacing:-.05em;line-height:.9;color:var(--accent2)}
.honest-band h2{font-size:var(--step-h3);margin-bottom:10px}
.honest-band p{color:var(--ink2);max-width:62ch}

/* faq */
.faq{max-width:var(--wrap);margin:var(--gap) auto 0;padding:0 var(--m);display:grid;grid-template-columns:1fr 2fr;gap:40px}
.faq .list{display:grid;gap:8px}
.faq details{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:16px 20px}
.faq summary{list-style:none;cursor:pointer;font-weight:600;display:flex;justify-content:space-between;gap:24px;align-items:center}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";color:var(--accent2);font-size:1.4em;line-height:1;transition:transform .25s var(--ease)}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq details p{margin-top:10px;color:var(--muted);max-width:60ch;font-size:var(--step-small);line-height:1.55}

/* close */
.close{margin-top:var(--gap);padding:0 var(--m) 32px;position:relative}
.close-inner{max-width:var(--wrap);margin:0 auto;text-align:center;padding:72px 24px;background:radial-gradient(ellipse at top,rgba(79,124,255,.22),rgba(79,124,255,0) 60%),var(--panel);border:1px solid var(--line2);border-radius:20px}
.close h2{max-width:22ch;margin:0 auto}
.close .sub{color:var(--muted);margin-top:12px}
.close .cta{margin-top:28px}
.foot-row{max-width:var(--wrap);margin:40px auto 0;display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap;color:var(--muted);font-size:var(--step-small);align-items:center}
.foot-row a{margin-inline-end:18px}
.mark-s{font-weight:700;color:var(--ink)}

/* scanning */
.scanning{min-height:70svh;display:grid;align-content:center;padding:0 var(--m);max-width:var(--wrap);margin:0 auto;text-align:center}
.scanning h1{word-break:break-word}
.scanning .support{color:var(--muted);font-size:var(--step-lead);margin:0 auto 24px;max-width:48ch}
.scanning .status{font-size:var(--step-lead);margin-top:24px}
.scanning .phrase{min-height:3.2em;max-width:52ch;margin-left:auto;margin-right:auto;transition:opacity .25s ease}
.scanning .phrase.fade{opacity:0}
@media (prefers-reduced-motion:reduce){.scanning .phrase{transition:none}}
.progress{height:10px;background:var(--panel2);border-radius:999px;overflow:hidden;margin:28px auto 12px;max-width:560px}.progress-bar{height:10px;width:5%;background:var(--accent);border-radius:999px;transition:width .8s var(--ease)}

/* report page */
.rep-head{max-width:var(--wrap);margin:0 auto;padding:40px var(--m) 0;display:grid;grid-template-columns:1fr auto;gap:24px;align-items:end}
.rep-head h1{word-break:break-word;font-size:var(--step-h2)}
.rep-head .meta{color:var(--muted);max-width:40ch;font-size:var(--step-small)}
.rep{max-width:var(--wrap);margin:0 auto;padding:56px var(--m) 0}
.rep h2{margin-bottom:22px;max-width:24ch;font-size:var(--step-h3)}
.readiness{display:grid;grid-template-columns:auto 1fr;gap:32px;align-items:start;background:var(--panel);border:1px solid var(--line);border-radius:var(--r);padding:24px}
/* the score as one figure ("50/100", left to right in every language) over its label; the pair used to sit in two grid
   tracks that the label stretched apart (E2E in Hebrew, 25-oct-2026) */
.score-tile{display:grid;row-gap:8px;padding:8px;padding-inline-start:0;max-width:320px}
.score-pair{display:flex;align-items:baseline;gap:6px;margin:0}
[dir=rtl] .score-pair,[dir=rtl] .score-line{justify-content:flex-end}
.score-lab{color:var(--muted);font-size:var(--step-small);max-width:28ch}
.readiness .score-num{font-size:clamp(64px,7vw,110px)}
.bars{display:grid;gap:11px}
.bar-row{display:grid;grid-template-columns:minmax(150px,1.1fr) 3fr minmax(120px,auto);gap:14px;align-items:center}
.bar-label{font-size:var(--step-small);color:var(--ink2)}
.bar-row .track{height:9px}
.bar-val{font-size:var(--step-small);color:var(--muted)}
.crit-text{color:var(--crit);font-weight:600}
.findings{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.finding{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);padding:22px;display:grid;gap:10px;align-content:start}
.finding .sev{font-size:var(--step-small);font-weight:600}
.sev-critical,.sev-crítico{color:var(--crit)}.sev-high,.sev-alto{color:var(--high)}.sev-medium,.sev-medio{color:var(--med)}.sev-low,.sev-bajo{color:var(--low)}
.finding h3{font-size:var(--step-lead)}
.finding p{font-size:var(--step-small);color:var(--ink2);line-height:1.5}
.finding .ev{color:var(--muted);word-break:break-word;background:var(--bg2);border:1px solid var(--line);border-radius:10px;padding:10px 12px}
.finding .ev p{color:var(--muted)}.finding .ev .ev-label{margin-bottom:4px}   /* label, then the technical output on its own left-to-right line (HE-28) */
.rest{margin-top:20px;color:var(--muted)}
.lead{font-size:var(--step-lead);line-height:1.4}
.measure{max-width:60ch}.measure-w{max-width:72ch}.mt{margin-top:24px}.mt-s{margin-top:14px}
.table-wrap{overflow-x:auto;background:var(--panel);border:1px solid var(--line);border-radius:var(--r);padding:6px}
.verify{background:var(--panel);border:1px solid var(--accent);border-radius:var(--r);padding:24px;max-width:720px;display:grid;gap:12px}
.verify form{display:flex;gap:14px;align-items:flex-end;flex-wrap:wrap}
.verify label{display:grid;gap:8px;font-size:var(--step-small);color:var(--muted)}
.verify input{font:inherit;font-size:var(--step-lead);padding:10px 14px;border:1px solid var(--line2);border-radius:10px;background:var(--bg2);color:var(--ink);width:9ch;letter-spacing:.1em}
/* code page (code first, 24-oct-2026): the scan starts only after the code */
.verify-page .verify{margin:0 auto;text-align:start;width:100%}
.verify-page .verify h1{margin:0}
.verify-page .alert,.verify-page .ok{margin:0}
.verify-more{display:flex;gap:18px;align-items:center;flex-wrap:wrap;margin-top:4px}
.verify-more a{color:var(--muted)}
.btn[disabled]{opacity:.55;cursor:not-allowed;transform:none;box-shadow:none}
.quote{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);padding:24px;max-width:72ch;margin:0 0 14px}
.quote p{font-size:var(--step-lead);line-height:1.4}
.quote footer{margin-top:10px;color:var(--muted);font-size:var(--step-small)}
.quote footer .flag{display:block;margin:6px 0;color:var(--high);font-weight:600}
.tiers{display:flex;gap:8px;margin:0 0 20px;max-width:720px}
.tier{flex:1;text-align:center;padding:12px 8px;background:var(--panel);border:1px solid var(--line);border-radius:10px;color:var(--muted);font-weight:600}
.tier.on{background:var(--accent);border-color:var(--accent);color:#fff}
.stand p{max-width:60ch}
.fb{max-width:var(--wrap);margin:72px auto 0;padding:36px var(--m);background:var(--panel);border:1px solid var(--line);border-radius:var(--r)}
.h-state{font-size:var(--step-h3);margin-bottom:20px}
.fb form{display:grid;grid-template-columns:repeat(2,1fr);gap:16px 18px}
.fb label{display:grid;gap:7px;font-size:var(--step-small);color:var(--muted)}
.fb .full{grid-column:1/-1}
.fb input,.fb select,.fb textarea{font:inherit;font-size:var(--step-body);padding:12px 14px;border:1px solid var(--line2);border-radius:10px;background:var(--bg2);color:var(--ink);width:100%}
.ok{color:var(--you);font-weight:600}
.rep-foot{max-width:var(--wrap);margin:0 auto;padding:72px var(--m) 40px;display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap;color:var(--muted);font-size:var(--step-small)}

/* admin */
.admin{padding:40px var(--m)}
.admin table{border-collapse:collapse;width:100%;font-size:var(--step-small)}
.admin th,.admin td{text-align:start;padding:8px 10px;vertical-align:top}
.admin tbody tr:nth-child(odd){background:var(--panel)}
.admin-kpi{display:flex;gap:24px;margin:16px 0 24px;flex-wrap:wrap}

/* bar widths (CSP forbids inline styles) */
.w0{width:0}.w5{width:5%}.w10{width:10%}.w15{width:15%}.w20{width:20%}.w25{width:25%}.w30{width:30%}.w35{width:35%}.w40{width:40%}.w45{width:45%}.w50{width:50%}.w55{width:55%}.w60{width:60%}.w65{width:65%}.w70{width:70%}.w75{width:75%}.w80{width:80%}.w85{width:85%}.w90{width:90%}.w95{width:95%}.w100{width:100%}

/* motion */
@media (prefers-reduced-motion:no-preference){
  .js [data-reveal]>*{opacity:0;transform:translateY(20px);transition:opacity .6s var(--ease),transform .8s var(--ease)}
  .js [data-reveal].is-in>*{opacity:1;transform:none}
  .js [data-reveal].is-in>:nth-child(2){transition-delay:.08s}.js [data-reveal].is-in>:nth-child(3){transition-delay:.16s}
  .js .hero>h1,.js .hero>.sub,.js .hero>.quick,.js .hero>.note,.js .hero>.platforms-cap,.js .hero>.platforms{opacity:0;transform:translateY(16px);animation:up .8s var(--ease) forwards}
  .js .hero>.sub{animation-delay:.1s}.js .hero>.quick{animation-delay:.2s}.js .hero>.note{animation-delay:.28s}.js .hero>.platforms-cap,.js .hero>.platforms{animation-delay:.34s}
  .js .shot{opacity:0;transform:translateY(40px);animation:up 1s var(--ease) forwards;animation-delay:.45s}
  @keyframes up{to{opacity:1;transform:none}}
  .fill{transition:width 1.2s var(--ease)}
}

/* tablet */
@media (max-width:1024px){
  .shot-body{grid-template-columns:1fr}.shot-left{border-inline-end:0;border-bottom:1px solid var(--line)}
  .proof{grid-template-columns:repeat(2,1fr)}
  .metric-grid{grid-template-columns:1fr}
  .steps{grid-template-columns:repeat(2,1fr)}
  .faq{grid-template-columns:1fr;gap:20px}
  .ask-head,.how-head{grid-template-columns:1fr}
  .rep-head{grid-template-columns:1fr}
  .findings{grid-template-columns:1fr}
  .readiness{grid-template-columns:1fr}
  .honest-band{grid-template-columns:1fr;gap:16px}
}
/* phone */
@media (max-width:640px){
  .top nav a:not(.lang){display:none}
  .top .btn{display:none}
  .hero{padding-top:56px}
  .quick{flex-direction:column;padding:8px}.quick .btn{width:100%}
  .proof{grid-template-columns:1fr}
  .steps{grid-template-columns:1fr}
  .scan{padding:22px}
  .scanform .f,.scanform .f.third{grid-column:1/-1}
  .bar-row{grid-template-columns:1fr}
  .fb form{grid-template-columns:1fr}
  .typed{font-size:7.5vw}
}

/* legal layer v0.9 (LEGAL_V1): terms box above the button, first privacy layer, marketing block, legal pages */
.terms{display:flex;gap:.6rem;align-items:flex-start;font-size:.9rem;line-height:1.45;margin:.25rem 0 .9rem}
.terms input{margin-top:.2rem;flex:0 0 auto;width:1.1rem;height:1.1rem}
.privacy-layer{font-size:.82rem;line-height:1.45;margin:.25rem 0 .6rem}
.consent fieldset{border:0;padding:0;margin:0 0 .9rem}
.consent legend{font-weight:600;margin-bottom:.4rem;line-height:1.4}
.consent fieldset label{display:inline-flex;gap:.4rem;align-items:center;margin-inline-end:1.2rem}
.legal-doc .legal-draft{margin-bottom:1.4rem}
.legal-doc article h1{font-size:1.6rem;margin-bottom:.3rem}
.legal-doc article h2{font-size:1.1rem;margin:1.6rem 0 .5rem;max-width:none}
.legal-doc article p,.legal-doc article li{line-height:1.6}
.legal-doc .legal-meta{opacity:.75;font-size:.9rem}
.consent input[type=radio]{width:auto;padding:0;margin:0}
.scanform .terms input[type=checkbox]{width:1.1rem;height:1.1rem;padding:0}
/* the Turnstile widget (300 px) and the legal lines take the whole row of the 12-column form: in one auto-placed column
   the widget forced that column to 300 px and pushed the form past the right edge on phones (E2E, 25-oct-2026) */
.scanform .ts-slot,.scanform .cf-turnstile,.scanform .terms,.scanform .privacy-layer{grid-column:1/-1}
.consent .residence[hidden]{display:none}

/* Hebrew (A6.2, 25-oct-2026): system fonts that have Hebrew letters (General Sans has none, so it is not loaded on
   these pages), no negative tracking and no forced capitals; the score's tile grid keeps its left-to-right order (dir) */
html[lang=he] body{font-family:system-ui,"Segoe UI","Noto Sans Hebrew","Arial Hebrew",Arial,sans-serif}
html[lang=he] h1,html[lang=he] h2,html[lang=he] h3,html[lang=he] .typed,html[lang=he] .stepn{letter-spacing:0}
html[lang=he] .stepn{text-transform:none}
[dir=rtl] .honest-band{background:linear-gradient(270deg,rgba(79,124,255,.12),rgba(79,124,255,0))}
/* an empty field shows its placeholder in the page's direction (dir=auto makes an empty field LTR); typing Latin still
   turns it LTR (final review of 25-oct-2026, Hebrew D4) */
html[dir=rtl] input[dir=auto]:placeholder-shown{direction:rtl}

/* ===== v5 (28-oct-2026, candidate): light editorial SaaS. Pastel sky-to-lime hero, near-black ink, pill buttons,
   tight display type, white product cards on tinted panels, one dark closing band. Structure inspired by large SEO-suite
   landings; palette, type and marks are SearchedBy's own (rule 6). Overrides only: v4 above stays intact. ===== */
:root{
  --bg:#FBFBF8;--bg2:#F3F4EF;--panel:#FFFFFF;--panel2:#ECEEE6;--line:#E3E5DC;--line2:#D3D6CA;
  --ink:#14161C;--ink2:#3A3E49;--muted:#5E6372;
  --accent:#2F4BFF;--accent2:#2F4BFF;--accent-ink:#FFFFFF;--you:#C4F25C;--you-ink:#14161C;
  --cta:#C4F25C;--cta-ink:#14161C;--dark:#14161C;--dark2:#1E2129;
  --crit:#C8372B;--high:#A35F00;--med:#2F4BFF;--low:#5E6372;
  --sky:#E4EEFF;--mist:#EEF3F8;--lime-mist:#F1F8DF;
  --r:20px;
  --step-h1:clamp(2.6rem,1.4rem + 4.6vw,4.75rem);
  --step-h2:clamp(2rem,1.3rem + 2.8vw,3.5rem);
}
html,body{background:var(--bg);color:var(--ink)}
h1,h2{letter-spacing:-.04em;line-height:1.04}
h3{letter-spacing:-.02em}
::selection{background:var(--you);color:var(--ink)}

/* buttons: pills */
.btn{border-radius:999px;background:var(--dark);color:#fff;box-shadow:none;padding:0 26px}
.btn:hover{background:#2A2E39;box-shadow:0 10px 24px rgba(20,22,28,.18)}
.hero .btn,.close .btn,.scanform .btn.big{background:var(--cta);color:var(--cta-ink)}
.hero .btn:hover,.close .btn:hover,.scanform .btn.big:hover{background:#B5EA42}
.btn.ghost{border-color:var(--ink);color:var(--ink)}.btn.ghost:hover{background:rgba(20,22,28,.05)}

/* beta + top */
.beta{background:var(--dark);color:#D9DCE4;border:0}
.top{background:rgba(251,251,248,.78);border-bottom:1px solid transparent;backdrop-filter:blur(16px)}
.top .mark::before{background:conic-gradient(from 200deg,var(--accent),var(--you),var(--accent))}
.top .mark span{border-color:var(--line2)}
.top nav a{color:var(--ink2)}.top nav a:hover{color:var(--ink)}

/* hero: full-bleed pastel gradient, product card rising out of it */
.hero{max-width:none;padding:104px var(--m) 0;background:linear-gradient(180deg,var(--sky) 0%,var(--mist) 45%,var(--lime-mist) 100%);margin:0}
.hero>*{max-width:var(--wrap);margin-left:auto;margin-right:auto}
.hero>.quick{max-width:600px}.hero>.sub{max-width:60ch}.hero>h1{max-width:16ch}
.glow{display:none}
.hero h1{max-width:16ch;font-weight:600}
.hero .sub{color:var(--ink2)}
.quick{background:#fff;border:0;border-radius:999px;padding:6px;box-shadow:0 10px 30px rgba(47,75,255,.10)}
.quick input{padding:12px 20px}
.hero .note,.platforms-cap{color:var(--muted)}
.platforms li{background:rgba(255,255,255,.7);border-radius:999px;padding:4px 12px}
.platforms li::before{background:var(--accent)}
.shot{margin-top:64px;margin-bottom:-120px;position:relative;border:0;border-radius:24px;box-shadow:0 40px 80px rgba(20,22,28,.12),0 2px 6px rgba(20,22,28,.06)}
.shot-bar{background:#fff;border-bottom:1px solid var(--line)}
.dot{background:var(--line2)}
.track{background:var(--panel2)}
table.matrix th,table.matrix td{border-bottom-color:var(--line)}
.tag{background:var(--bg2);border-color:var(--line)}
.tag.you{background:var(--you);border-color:var(--you)}

/* proof: numbers band under the card */
.proof{margin-top:184px}
.proof div{border-top:1px solid var(--line2)}
.proof b{font-size:clamp(34px,3.4vw,52px);letter-spacing:-.04em}

/* metrics: white cards on a tinted panel */
.metrics{background:var(--bg2);border-radius:32px;padding:64px clamp(20px,4vw,56px);max-width:calc(var(--wrap) + 112px)}
.metric{border:0;border-radius:var(--r);box-shadow:0 1px 2px rgba(20,22,28,.04)}
.metric:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(20,22,28,.08)}
.metric-viz{background:var(--mist);border:0}
.metric:nth-child(2) .metric-viz{background:var(--lime-mist)}
.metric:nth-child(3) .metric-viz{background:#FFF1EC}
.quote-mini mark{background:rgba(229,72,59,.18)}
.quote-fix{color:#3E7B00}

/* ask + form */
.stepn{color:var(--accent);letter-spacing:.08em}
.typed{border-bottom-color:var(--ink)}
.examples button{background:#fff;border-color:var(--line2);color:var(--ink2)}
.examples button:hover{border-color:var(--ink);color:var(--ink)}
.answers .q{background:#fff;border-color:var(--line)}
.from-hero{background:var(--sky);border-color:var(--accent)}
.scan{background:linear-gradient(180deg,var(--mist),#fff 40%);border:1px solid var(--line);border-radius:28px;padding:44px}
.scanform input,.scanform select,.scanform textarea,.fb input,.fb select,.fb textarea,.verify input{background:#fff;border-color:var(--line2);border-radius:14px}
.scanform input:focus,.scanform select:focus{border-color:var(--ink);box-shadow:0 0 0 3px rgba(47,75,255,.15)}
.alert{background:#FDECEA}

/* how */
.step{border-color:var(--line)}
.step.on{border-color:var(--ink);box-shadow:none;background:var(--lime-mist)}
.step .dur{color:var(--accent)}

/* honest band: dark */
.honest-band{background:var(--dark);color:#fff;border:0;border-radius:32px;max-width:calc(var(--wrap) + 112px);padding:56px clamp(20px,4vw,56px)}
[dir=rtl] .honest-band{background:var(--dark)}
.honest-band p{color:#C9CCD6}.honest-band .muted{color:#8E93A3}
.big-n{color:var(--you)}

/* faq */
.faq details{border-color:var(--line);border-radius:16px}
.faq summary::after{color:var(--ink)}

/* close: dark band like the honest band, CTA in lime */
.close-inner{background:var(--dark);color:#fff;border:0;border-radius:32px}
.close .sub{color:#C9CCD6}
.foot-row{color:var(--muted)}

/* report, verify, scanning pages pick up the same tokens */
.readiness,.finding,.table-wrap,.quote,.fb,.verify{border-color:var(--line)}
.tier.on{background:var(--dark);border-color:var(--dark)}
.ok{color:#3E7B00}

@media (max-width:640px){
  .hero{padding-top:64px}
  .quick{border-radius:24px}
  .shot{margin-bottom:-60px}.proof{margin-top:110px}
  .metrics,.honest-band{border-radius:24px}
}
/* the four-step path (30-oct-2026, A6.56): one narrow column per step, nothing else on the page */
.wizard{max-width:820px;margin:clamp(24px,5vw,56px) auto var(--gap);padding:0 var(--m)}
.wizard .scan{margin-top:0}
.wizard h1{font-size:clamp(28px,3.4vw,44px);line-height:1.1;margin:0}
.wizard .scanform .f.full,.wizard .scanform .stepn.opt{grid-column:1/-1}
.wizard .ask-input label{display:block;font-size:var(--step-small);color:var(--muted);margin-bottom:8px}
.wizard .ask-input .small{margin-top:8px}
.wizard .preview-cap{margin:18px 0 10px}
.wizard .preview-note{margin:10px 0 20px}
.wizard .answers{margin-bottom:24px}
.wizard #details-form>.alert{margin-bottom:16px}
/* the live notice under "what you sell" (30-oct-2026): no display of its own, so [hidden] keeps it out */
.wizard .ask-input .cat-warn{color:var(--ink);border-inline-start:3px solid var(--high);padding-inline-start:10px}
/* a site name inside a sentence: whole on the next line rather than broken at its hyphen; broken only if longer than the line (step 3, 30-oct-2026) */
.site{display:inline-block;max-width:100%;overflow-wrap:anywhere}
/* the request for the 48-hour depth assessment (A6.61, 30-oct-2026): the button under "Next step", and one form of
   questions with radio buttons; no script, the Search Console follow-up hides with :has() while the answer is not "yes" */
.diag-cta{margin-top:20px}
.diag fieldset{grid-column:1/-1;border:0;padding:0;margin:0;min-width:0}
.diag legend{font-size:var(--step-small);color:var(--muted);padding:0;margin-bottom:10px}
.diag .opts{display:flex;flex-wrap:wrap;gap:10px 20px}
.diag .opts label{display:inline-flex;gap:8px;align-items:center;color:var(--ink);font-size:var(--step-body);line-height:1.35;cursor:pointer}
.diag .opts input{width:1.1rem;height:1.1rem;padding:0;margin:0;flex:0 0 auto;accent-color:var(--accent)}
.diag .other-text{margin-top:10px;max-width:360px}
.diag .trio{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.diag .sub-q{margin-top:14px;padding-inline-start:14px;border-inline-start:2px solid var(--line2)}
.diag .sub-q .small{margin-bottom:10px}
.diag form:not(:has(input[name=gsc][value=yes]:checked)) .sub-q{display:none}
.diag .submit a{color:var(--muted)}
.diag .scan-head .small b{overflow-wrap:anywhere}
@media (max-width:640px){.diag .trio{grid-template-columns:1fr}.diag .other-text{max-width:none}}

/* ===== result v2 (30-oct-2026, A6.66, D120): the report as something an owner reads top-down and shows. Summary + score card on the
   v5 sky-to-lime band, numbered findings with the evidence folded, a ranking of who the AI names, the table as cards on
   phones, a dark next-step band with the lime CTA, feedback folded at the end. Overrides only; logical properties. ===== */
.rx-hero{display:block;max-width:none;margin:0;padding:clamp(28px,5vw,64px) var(--m) clamp(36px,5vw,72px);background:linear-gradient(180deg,var(--sky) 0%,var(--mist) 55%,var(--lime-mist) 100%)}
.rx-hero-in{max-width:calc(var(--wrap) - 2 * var(--m));margin:0 auto;display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,1fr);grid-template-areas:"head score" "sum score";column-gap:clamp(24px,4vw,56px);align-items:center}
.rx-head{grid-area:head}.rx-sum{grid-area:sum}.rx-score-card{grid-area:score}
.rx-hero .meta{color:var(--muted);font-size:var(--step-small);max-width:60ch;margin-bottom:12px}
.rx-hero h1{font-size:var(--step-h2);word-break:break-word}
.rx-sum{list-style:none;margin:28px 0 0;padding:0;display:grid;gap:12px}
.rx-sum li{display:grid;grid-template-columns:14px 1fr;gap:12px;align-items:start;background:rgba(255,255,255,.72);border-radius:16px;padding:14px 18px;line-height:1.45}
.rx-dot{width:10px;height:10px;border-radius:999px;margin-top:.45em;background:var(--accent)}
.rx-sum-ai .rx-dot{background:var(--you);box-shadow:0 0 0 1px #8DB82E inset}
.rx-sum-fix .rx-dot{background:var(--crit)}
.rx-pill{display:inline-block;font-size:12px;font-weight:600;line-height:1;padding:5px 10px;border-radius:999px;background:var(--bg2);color:var(--ink2);vertical-align:middle;white-space:nowrap}
.rx-pill.sev-critical{background:#FBE3E0;color:#9E2318}.rx-pill.sev-high{background:#FCEBD2;color:#7A4700}.rx-pill.sev-medium{background:var(--sky);color:#1F35C4}.rx-pill.sev-low{background:var(--bg2);color:var(--ink2)}
.rx-score-card{background:#fff;border-radius:28px;padding:28px;box-shadow:0 30px 60px rgba(20,22,28,.10),0 2px 6px rgba(20,22,28,.05);display:grid;gap:22px;justify-items:center;text-align:center}
.rx-score-card .score-tile{display:grid;justify-items:center;row-gap:14px;padding:0;max-width:none}
.rx-ring{position:relative;width:min(220px,60vw);aspect-ratio:1;display:grid;place-items:center}
.rx-ring svg{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg)}
[dir=rtl] .rx-ring svg{transform:rotate(-90deg) scaleY(-1)}
.rx-ring circle{fill:none;stroke-width:10;stroke-linecap:round}
.rx-ring-bg{stroke:var(--panel2)}
.rx-band-low .rx-ring-fg{stroke:var(--crit)}.rx-band-mid .rx-ring-fg{stroke:#C77A00}.rx-band-high .rx-ring-fg{stroke:#3E7B00}
.rx-ring .score-pair,[dir=rtl] .rx-ring .score-pair{position:relative;justify-content:center}
.rx-ring .score-num{font-size:clamp(56px,6vw,76px)}
.rx-score-card .score-lab{font-size:var(--step-small);line-height:1.4;max-width:30ch}
.btn.rx-cta{background:var(--cta);color:var(--cta-ink);width:100%}
.btn.rx-cta:hover{background:#B5EA42}
.top .btn[href="#next"]{background:var(--cta);color:var(--cta-ink)}.top .btn[href="#next"]:hover{background:#B5EA42}

.rx-sec{padding-top:clamp(56px,7vw,96px)}
.rx-sec h2{font-size:var(--step-h3);max-width:30ch;margin-bottom:24px}
.rx-findings{list-style:none;margin:0;padding:0;grid-template-columns:1fr;gap:14px}
.rx-findings .finding{position:relative;grid-template-columns:auto minmax(0,1fr);column-gap:20px;row-gap:8px;padding:24px 28px;border:0;border-inline-start:6px solid var(--line2);box-shadow:0 1px 2px rgba(20,22,28,.05)}
.rx-findings .finding>*{grid-column:2}
.rx-findings .rx-num{grid-column:1;grid-row:1/span 6;font-size:clamp(34px,3.6vw,48px);font-weight:700;line-height:.9;letter-spacing:-.04em;color:var(--line2)}
.rx-f-critical{border-inline-start-color:var(--crit)!important}.rx-f-critical .rx-num{color:var(--crit)}
.rx-f-high{border-inline-start-color:#C77A00!important}.rx-f-high .rx-num{color:#A35F00}
.rx-f-medium{border-inline-start-color:var(--accent)!important}.rx-f-medium .rx-num{color:var(--accent)}
.rx-findings h3{font-size:var(--step-lead);max-width:48ch}
.rx-findings .finding p{font-size:var(--step-body);max-width:72ch}
.rx-findings .rx-why{color:var(--muted)}
.rx-ev summary{cursor:pointer;color:var(--muted);font-size:var(--step-small);font-weight:500;list-style:none;display:inline-flex;gap:8px;align-items:center;min-height:32px}
.rx-ev summary::-webkit-details-marker{display:none}
.rx-ev summary::before{content:"+";font-weight:600;color:var(--ink)}
.rx-ev[open] summary::before{content:"–"}
.rx-ev .ev{margin-top:8px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12.5px;line-height:1.5}
.rx-findings .finding .ev p{font-size:12.5px}
.rx-areas{margin-top:28px;background:var(--bg2);border-radius:var(--r);padding:24px 28px}
.rx-areas .bar-row{grid-template-columns:minmax(150px,1.2fr) 3fr minmax(110px,auto)}

.rx-who{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:24px;margin-bottom:24px}
.rx-who-stat,.rx-rank{background:#fff;border-radius:var(--r);padding:24px 28px;box-shadow:0 1px 2px rgba(20,22,28,.05)}
.rx-big{font-size:clamp(56px,6vw,88px);font-weight:700;letter-spacing:-.05em;line-height:.9;margin-bottom:14px}
[dir=rtl] .rx-big{text-align:end}
.rx-big span{font-size:.4em;color:var(--muted);letter-spacing:0;margin-inline-start:4px}
.rx-cap{font-size:var(--step-small);color:var(--muted);font-weight:500;letter-spacing:0;margin-bottom:14px}
.rx-who-stat .lead.mt{margin-top:0}
.rx-rank ul{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.rx-rank li{display:grid;grid-template-columns:minmax(90px,.9fr) 2fr 2.5ch;gap:12px;align-items:center;font-size:var(--step-small)}
.rx-rank .track{height:10px}.rx-rank .fill{background:#757B8C}
.rx-rank .rx-you .fill{background:#4F7A00}
.rx-rank .rx-you .rx-rank-name{font-weight:700}
.rx-rank-name{overflow-wrap:anywhere}
.rx-rank-n{text-align:end;font-weight:600}
.rx-ai .table-wrap{border:0;padding:0;background:#fff;box-shadow:0 1px 2px rgba(20,22,28,.05)}
.rx-ai table.matrix th,.rx-ai table.matrix td{padding:14px 12px}
.rx-ai table.matrix thead th{background:var(--bg2);font-size:12.5px;font-weight:600;color:var(--ink2)}
.rx-ai table.matrix tbody tr:nth-child(even){background:#FCFCFA}
.rx-ai table.matrix td.q{font-weight:500;color:var(--ink)}

.rx-quotes{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:14px}
.rx-quotes .quote{margin:0;border:0;max-width:none;box-shadow:0 1px 2px rgba(20,22,28,.05)}
.rx-quotes .quote p{font-size:var(--step-body);line-height:1.55}

.rx-tiers{list-style:none;padding:0;max-width:none;gap:6px;margin-bottom:24px}
.rx-tiers .tier{display:grid;gap:4px;text-align:start;padding:14px 16px;border:0;background:var(--bg2);font-weight:500}
.rx-tiers .tier.on{background:var(--dark);color:#fff}
.rx-tier-code{font-size:12px;font-weight:700;letter-spacing:.06em;opacity:.7}
.rx-tier-name{font-size:var(--step-small);line-height:1.3}

.rx-next{max-width:var(--wrap);margin:clamp(56px,7vw,96px) auto 0;padding:0 var(--m)}
.rx-next-in{background:var(--dark);color:#fff;border-radius:32px;padding:clamp(32px,5vw,64px) clamp(24px,5vw,64px);display:grid;gap:20px}
.rx-next h2{font-size:var(--step-h2);max-width:20ch}
.rx-next .lead{color:#E3E6EE}
.rx-next .btn.rx-cta{width:auto}
.rx-method{color:#A9AEBD}

.rx-fb{margin-top:48px;padding:20px var(--m);background:transparent;border:1px solid var(--line);border-radius:20px;max-width:calc(var(--wrap) - 2 * var(--m))}
.rx-fb summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:16px}
.rx-fb summary::-webkit-details-marker{display:none}
.rx-fb summary::after{content:"+";font-size:1.4em;line-height:1}
.rx-fb details[open] summary::after{content:"–"}
.rx-fb .h-state{font-size:var(--step-body);font-weight:600;margin:0;letter-spacing:0}
.rx-fb form{margin-top:20px}

@media (max-width:1024px){
  .rx-hero-in{grid-template-columns:1fr;grid-template-areas:"head" "score" "sum";row-gap:20px}
  .rx-who{grid-template-columns:1fr}
  .rx-sum{margin-top:0}
  .rx-score-card{max-width:420px;width:100%;justify-self:center}
}
@media (max-width:640px){
  .top .btn{display:none}
  .rx-score-card{grid-template-columns:auto 1fr;justify-items:start;text-align:start;padding:20px;gap:16px}
  .rx-score-card .score-tile{display:contents}
  .rx-ring{width:118px}
  .rx-ring .score-num{font-size:40px}.rx-ring .score-den{font-size:var(--step-small)}
  .rx-score-card .rx-cta{grid-column:1/-1}
  .rx-findings .finding{grid-template-columns:1fr;padding:20px}
  .rx-findings .finding>*{grid-column:1}
  .rx-findings .rx-num{grid-row:auto;font-size:28px}
  .rx-areas{padding:18px}
  .rx-areas .bar-row{grid-template-columns:1fr auto;row-gap:6px}
  .rx-areas .bar-row .track{grid-column:1/-1;grid-row:2}
  .rx-tiers{flex-direction:column}
  /* the table as one card per question: each answer under its engine's name (data-engine) */
  .rx-ai .table-wrap{background:transparent;box-shadow:none;overflow:visible}
  .rx-ai table.matrix,.rx-ai table.matrix tbody,.rx-ai table.matrix tr,.rx-ai table.matrix td{display:block;width:100%}
  .rx-ai table.matrix thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
  .rx-ai table.matrix tr{background:#fff!important;border-radius:16px;margin-bottom:12px;padding:6px 16px;box-shadow:0 1px 2px rgba(20,22,28,.05)}
  .rx-ai table.matrix td{border-bottom:1px solid var(--line);padding:10px 0}
  .rx-ai table.matrix td:last-child{border-bottom:0}
  .rx-ai table.matrix td.q{max-width:none;font-size:var(--step-body)}
  .rx-ai table.matrix td[data-engine]::before{content:attr(data-engine);display:block;font-size:12px;font-weight:600;color:var(--muted);margin-bottom:6px}
  .rx-next-in{border-radius:24px}
  .rx-next .btn.rx-cta{width:100%;white-space:normal;text-align:center;padding:12px 20px}
}
html[lang=he] .rx-big,html[lang=he] .rx-findings .rx-num{letter-spacing:0}
@media print{
  .beta,.top,.rx-cta,.rx-fb,.consent,.rx-ev summary{display:none!important}
  .rx-hero{background:none}.rx-next-in{background:none;color:var(--ink)}
}
/* result v2: the code and scanning pages on the same sky-to-lime band, the card lifted like the score card */
.scanning{max-width:none;margin:0;padding:clamp(32px,6vw,72px) var(--m);min-height:calc(100svh - 150px);background:linear-gradient(180deg,var(--sky) 0%,var(--mist) 55%,var(--lime-mist) 100%)}
.scanning>div{max-width:var(--wrap);margin:0 auto}.scanning>.verify{max-width:720px}
.verify{border:0;border-radius:28px;padding:clamp(24px,4vw,40px);box-shadow:0 30px 60px rgba(20,22,28,.10),0 2px 6px rgba(20,22,28,.05);gap:14px}
.verify-page .verify h1{font-size:clamp(28px,3.4vw,44px);line-height:1.1}
.verify input{width:8.5ch;font-size:clamp(24px,3vw,30px);font-weight:600;text-align:center;letter-spacing:.18em;padding:10px 12px}
.verify form[action$="/verify"] .btn,.verify form[action*="/verify?"] .btn{background:var(--cta);color:var(--cta-ink)}
.scanning .progress{background:rgba(255,255,255,.8);height:12px}.scanning .progress-bar{height:12px}
/* the questions and answers: open on wider screens (its summary hidden), folded on phones by result.js (3a, D120) */
.rx-qs>summary{display:none}
.rx-next .diag-cta{margin-top:0}
.rx-next .ok{color:var(--you)}
@media (max-width:640px){
  .rx-qs>summary{display:flex;justify-content:space-between;align-items:center;gap:12px;cursor:pointer;list-style:none;background:#fff;border-radius:16px;padding:16px 18px;font-weight:600;box-shadow:0 1px 2px rgba(20,22,28,.05);min-height:48px}
  .rx-qs>summary::-webkit-details-marker{display:none}
  .rx-qs>summary::after{content:"+";font-size:1.4em;line-height:1}
  .rx-qs[open]>summary{margin-bottom:12px}
  .rx-qs[open]>summary::after{content:"–"}
}

/* D147 (31-oct-2026): visibility is the card's main number; the technical score below it, small, with its own bar */
.rx-hl-lab{margin:0;font-weight:600;text-align:center}
.rx-base{display:grid;grid-template-columns:auto auto;align-items:center;justify-content:center;column-gap:8px;row-gap:6px;margin:4px 0 0;font-size:var(--step-small,0.9rem)}
.rx-base .track{grid-column:1 / -1;width:180px;height:6px;border-radius:999px;background:var(--panel2);overflow:hidden}
.rx-base .fill{display:block;height:100%;background:var(--ink)}
@media (max-width:640px){
  .rx-score-card .rx-hl-lab{grid-column:2;grid-row:1;align-self:end;text-align:start}
  .rx-score-card .rx-ring{grid-column:1;grid-row:1 / span 2}
  .rx-score-card .score-lab{grid-column:2;align-self:start}
  .rx-score-card .rx-base{grid-column:1 / -1;justify-content:start;justify-self:stretch}
  .rx-score-card .rx-base .track{width:100%}
}


/* ===== contenido SEO/GEO (31-oct-2026): guide pages (app/templates/guide.html), on the v5 tokens ===== */
.guide{max-width:780px;margin:0 auto;padding:40px var(--m) 0}
.guide.pillar{max-width:980px}
.crumbs ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px;font-size:var(--step-small);color:var(--muted)}
.crumbs li+li::before{content:"/";margin-inline-end:6px;opacity:.6}
.crumbs a{text-decoration:none}.crumbs a:hover{text-decoration:underline}
.g-head{margin-top:28px}
.g-kicker{font-size:var(--step-small);font-weight:600;color:var(--accent);text-transform:uppercase;letter-spacing:.06em}
.guide h1{font-size:clamp(2.1rem,1.4rem + 2.6vw,3.4rem);margin-top:10px;max-width:22ch}
.byline{margin-top:16px;color:var(--muted);font-size:var(--step-small)}
.byline a{color:var(--ink)}
.answer{margin-top:28px;background:var(--lime-mist);border:1px solid var(--line);border-inline-start:4px solid var(--you);border-radius:var(--r);padding:22px 24px}
.answer-cap{font-size:var(--step-small);font-weight:600;color:var(--ink2);margin-bottom:6px}
.answer p+p{margin-top:10px}
.answer p{font-size:var(--step-lead);line-height:1.5}
.g-body section{margin-top:44px}
.g-body h2,.g-cards h2{font-size:clamp(1.4rem,1.1rem + 1.2vw,2rem);line-height:1.15;letter-spacing:-.02em}
.g-body h3{font-size:1.1rem;margin:0}
.g-body p,.g-body li{color:var(--ink2);line-height:1.65}
.g-body section>p,.g-body section>ul,.g-body section>ol,.g-body .table-scroll{margin-top:14px}
.g-body ul,.g-body ol{padding-inline-start:1.3em}
.g-body li+li{margin-top:6px}
.g-body a,.answer a,.g-related a,.g-sources a{color:var(--accent);text-underline-offset:2px}
.g-note{background:var(--mist);border-radius:12px;padding:12px 16px;font-size:var(--step-small)}
.g-table{width:100%;border-collapse:collapse;font-size:var(--step-small);background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden}
.g-table th,.g-table td{text-align:start;padding:10px 12px;border-bottom:1px solid var(--line);vertical-align:top}
.g-table thead th{background:var(--bg2);font-weight:600}
.table-scroll{overflow-x:auto}
.g-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;margin-top:36px}
.g-card{display:block;text-decoration:none;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:20px;transition:border-color .18s,transform .18s var(--ease)}
.g-card:hover{border-color:var(--ink);transform:translateY(-2px)}
.g-card h2{font-size:1.15rem}.g-card p{margin-top:8px;color:var(--muted);font-size:var(--step-small);line-height:1.5}
.g-steps{list-style:none;padding:0;counter-reset:s;display:grid;gap:12px}
.g-steps li{counter-increment:s;background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px 18px 16px 56px;position:relative}
[dir=rtl] .g-steps li{padding:16px 56px 16px 18px}
.g-steps li::before{content:counter(s);position:absolute;inset-inline-start:16px;top:14px;width:28px;height:28px;border-radius:999px;background:var(--dark);color:#fff;display:grid;place-items:center;font-weight:600;font-size:.9rem}
.g-steps p{margin-top:4px}
.g-terms dl{margin:36px 0 0;display:grid;gap:10px}
.g-term{background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px 18px;scroll-margin-top:90px}
.g-term:target{border-color:var(--accent);box-shadow:0 0 0 3px rgba(47,75,255,.12)}
.g-term dt{font-weight:600}.g-term dd{margin:6px 0 0;color:var(--ink2);line-height:1.6}
.g-faq details{background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px 18px;margin-top:10px}
.g-faq summary{cursor:pointer;font-weight:600}
.g-faq details p{margin-top:8px}
.g-cta{margin-top:56px;background:var(--dark);color:#fff;border-radius:28px;padding:32px clamp(20px,4vw,40px)}
.g-cta-t{font-size:clamp(1.3rem,1.1rem + 1vw,1.8rem);font-weight:600;letter-spacing:-.02em}
.g-cta p+p{margin-top:10px;color:#C9CCD6}
.g-cta .btn{background:var(--cta);color:var(--cta-ink);margin-top:8px}.g-cta .btn:hover{background:#B5EA42}
.g-related,.g-sources{margin-top:40px;padding-top:24px;border-top:1px solid var(--line)}
.g-related-t,.g-sources-t{font-weight:600}
.g-related ul,.g-sources ol{margin-top:10px;padding-inline-start:1.2em;line-height:1.7}
.g-sources{font-size:var(--step-small);margin-bottom:24px}
.guide-more{max-width:var(--wrap);margin:28px auto 0;padding:0 var(--m)}
.guide-more p{font-weight:600}
.guide-more ul{list-style:none;margin:10px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.guide-more li a{display:inline-block;text-decoration:none;border:1px solid var(--line2);border-radius:999px;padding:6px 14px;font-size:var(--step-small);background:#fff}
.guide-more li a:hover{border-color:var(--ink)}
@media (max-width:640px){.guide{padding-top:24px}.answer{padding:18px}.answer p{font-size:var(--step-body)}.g-steps li{padding-inline-start:52px}}

/* reader level (A6.29, 30-oct-2026): step 3's two questions, the "Read as" switch, the who line and the check code */
.rd-q{border:0;padding:0;margin:0 0 18px}.rd-q legend{font-weight:600;margin-bottom:8px}
.rd-q .opts{display:flex;flex-wrap:wrap;gap:8px}.rd-q .opts label{border:1px solid var(--line,#E3E6EC);border-radius:999px;padding:6px 12px;cursor:pointer}
.rx-readas{margin:0 0 12px}.rx-readas a,.rx-readas b{margin-inline-start:8px}
.rx-fixer{background:#F1F8E3;border-radius:10px;padding:8px 12px;margin-top:8px}
.rx-code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.85em}
.rd-q .opts label{border-radius:12px}
.rx-ev .ev p[dir="auto"]{font-family:'General Sans',system-ui,sans-serif;font-size:var(--step-small,0.9rem);white-space:normal}
html[lang=he] .rx-ev .ev p[dir="auto"]{font-family:system-ui,"Segoe UI","Noto Sans Hebrew","Arial Hebrew",Arial,sans-serif}

/* several markets (A6.71, 31-oct-2026): step 3's second market and other markets */
.mk-more{border:0;padding:0;margin:0}.mk-more legend{font-weight:600;margin-bottom:8px}
.mk-more .opts{display:flex;flex-wrap:wrap;gap:8px}.mk-more .opts label{border:1px solid var(--line,#E3E6EC);border-radius:12px;padding:6px 12px}