:root{
  --bg:#0A0A0B; --panel:#121214; --panel2:#17171A; --line:rgba(255,255,255,.09);
  --ink:#F5F2EA; --muted:#A7A49B; --gold:#E8B33C; --gold2:#C99227;
  --green:#3FB96F; --blue:#5B8DEF; --orange:#E07B39; --red:#D9534F;
  --serif:"Fraunces",Georgia,serif; --sans:"Inter",system-ui,sans-serif; --mono:"JetBrains Mono",ui-monospace,monospace;
}
*{box-sizing:border-box} html{scroll-behavior:smooth}
body{margin:0;background:radial-gradient(1100px 500px at 50% -120px,rgba(232,179,60,.10),transparent 60%),var(--bg);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}
a{color:var(--gold);text-decoration:none} a:hover{text-decoration:underline}
.nav{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:14px 28px;background:rgba(10,10,11,.82);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.brand{display:flex;align-items:center;gap:10px;color:var(--ink)} .brand:hover{text-decoration:none}
.brand-name{font-family:var(--serif);font-size:22px;font-weight:600;letter-spacing:.2px} .brand-name span{color:var(--gold)}
.nav-links{display:flex;gap:22px} .nav-links a{color:var(--muted);font-size:14px;font-weight:500} .nav-links a:hover{color:var(--ink);text-decoration:none}
main{max-width:1060px;margin:0 auto;padding:0 20px 70px}
.hero{text-align:center;padding:74px 10px 42px}
.eyebrow{font-family:var(--mono);font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--gold);margin:0 0 18px}
.hero h1{font-family:var(--serif);font-weight:600;font-size:clamp(34px,5.4vw,58px);line-height:1.08;margin:0 0 18px}
.hero h1 em{color:var(--gold);font-style:italic}
.sub{color:var(--muted);font-size:17px;line-height:1.65;max-width:720px;margin:0 auto} .sub.left{margin:0}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:38px auto 0;max-width:860px}
.stats div{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:16px 12px}
.stats strong{display:block;font-family:var(--serif);font-size:26px;color:var(--gold)}
.stats div>span{font-size:12.5px;color:var(--muted);line-height:1.45;display:block;margin-top:4px}
.stats .count{font-size:inherit;color:inherit}
.card{background:var(--panel);border:1px solid var(--line);border-radius:20px;padding:26px;margin-top:26px}
.card h2{font-family:var(--serif);font-weight:600;font-size:26px;margin:0 0 6px}
.card-head{display:flex;align-items:baseline;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:14px}
.hint{color:var(--muted);font-size:13px}
textarea{width:100%;background:var(--panel2);border:1px solid var(--line);border-radius:14px;color:var(--ink);font-family:var(--mono);font-size:14px;padding:16px;resize:vertical;outline:none}
textarea:focus,input:focus,select:focus{border-color:var(--gold)}
input,select{background:var(--panel2);border:1px solid var(--line);border-radius:10px;color:var(--ink);font-family:var(--sans);font-size:14px;padding:11px 12px;outline:none;width:100%}
label{display:flex;flex-direction:column;gap:7px;font-size:13px;color:var(--muted);font-weight:500}
.actions{display:flex;gap:10px;margin-top:16px;flex-wrap:wrap}
.btn{border-radius:11px;padding:12px 20px;font-family:var(--sans);font-size:14.5px;font-weight:600;cursor:pointer;border:1px solid transparent}
.btn.primary{background:linear-gradient(180deg,var(--gold),var(--gold2));color:#191204}
.btn.primary:hover{filter:brightness(1.07)} .btn.primary:disabled{opacity:.55;cursor:wait}
.btn.ghost{background:transparent;color:var(--ink);border-color:var(--line)} .btn.ghost:hover{border-color:var(--gold);color:var(--gold)}
.table-wrap{overflow-x:auto;margin-top:20px;border:1px solid var(--line);border-radius:14px}
table{width:100%;border-collapse:collapse;font-size:13.5px;min-width:760px}
th{font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);text-align:left;padding:11px 13px;border-bottom:1px solid var(--line);background:var(--panel2)}
td{padding:11px 13px;border-bottom:1px solid rgba(255,255,255,.05);vertical-align:top}
tr.row-click{cursor:pointer} tr.row-click:hover td{background:rgba(232,179,60,.05)}
.mono{font-family:var(--mono)} .muted{color:var(--muted)} .small{font-size:12.5px} .err{color:var(--red)}
.score-pill{display:inline-block;font-family:var(--mono);font-weight:700;background:rgba(232,179,60,.14);color:var(--gold);border:1px solid rgba(232,179,60,.35);border-radius:999px;padding:2px 10px}
.score-pill.big{font-size:17px;padding:3px 13px;vertical-align:middle}
.verdict{font-family:var(--mono);font-size:11.5px;font-weight:600;border-radius:999px;padding:3px 10px;border:1px solid var(--line)}
.v-excellent{background:rgba(63,185,111,.15);color:#6FD598;border-color:rgba(63,185,111,.4)}
.v-good{background:rgba(91,141,239,.14);color:#93B5F5;border-color:rgba(91,141,239,.4)}
.v-average{background:rgba(224,123,57,.14);color:#EEA26E;border-color:rgba(224,123,57,.4)}
.v-bad{background:rgba(217,83,79,.13);color:#EC8A87;border-color:rgba(217,83,79,.4)}
.detail-card{margin-top:22px;border:1px solid rgba(232,179,60,.28);border-radius:16px;padding:20px;background:var(--panel2)}
.detail-head{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;align-items:center}
.detail-head h3{margin:0;font-size:19px;display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.detail-links{display:flex;gap:14px;font-size:13px}
.gate{background:rgba(217,83,79,.12);border:1px solid rgba(217,83,79,.4);border-radius:10px;padding:10px 13px;font-size:14px}
.cp-row{padding:11px 0;border-bottom:1px solid rgba(255,255,255,.06)} .cp-row:last-child{border-bottom:none}
.cp-top{display:flex;justify-content:space-between;font-size:14px;font-weight:600}
.bar{height:7px;background:rgba(255,255,255,.08);border-radius:99px;margin:8px 0 6px;overflow:hidden}
.bar i{display:block;height:100%;background:linear-gradient(90deg,var(--gold2),var(--gold));border-radius:99px}
.cp-detail{margin:0;color:var(--muted);font-size:13px;line-height:1.55}
.grid3{display:grid;grid-template-columns:1fr 1fr .6fr;gap:14px}
.grid2{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center}
.weights{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:18px 0}
.weights div{background:var(--panel2);border:1px solid var(--line);border-radius:13px;padding:14px}
.weights span{display:block;font-size:13px;color:var(--muted);line-height:1.4}
.weights strong{font-family:var(--serif);font-size:24px;color:var(--gold)}
.soon{display:inline-block;vertical-align:middle;font-family:var(--mono);font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#191204;background:linear-gradient(180deg,var(--gold),var(--gold2));border-radius:999px;padding:4px 11px;margin-left:8px}
.dimmed{opacity:.45;pointer-events:none}
.btn:disabled{opacity:.55;cursor:not-allowed;filter:grayscale(.25)}
footer{margin-top:38px;color:var(--muted);font-size:13px;line-height:1.7;text-align:center;padding:0 8px}
/* ---------- UX polish: summary, focus, motion ---------- */
.summary{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:20px}
.sum-chip{display:inline-flex;gap:7px;align-items:center;background:var(--panel2);border:1px solid var(--line);border-radius:999px;padding:4px 12px 4px 5px;font-family:var(--mono);font-size:13px}
:focus-visible{outline:2px solid var(--gold);outline-offset:2px;border-radius:6px}
.btn{min-height:48px} input,select{min-height:48px}
.row-click:active td{background:rgba(232,179,60,.1)}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* ---------- Tablet ---------- */
@media(max-width:900px){.stats{grid-template-columns:repeat(2,1fr)}.weights{grid-template-columns:repeat(2,1fr)}}

/* ---------- Mobile: friendly cards, big targets, no sideways scroll ---------- */
@media(max-width:760px){
  .nav{flex-direction:column;align-items:flex-start;gap:9px;padding:12px 16px}
  .nav-links{display:flex;gap:16px;flex-wrap:wrap}
  .nav-links a{font-size:13.5px;padding:4px 0}
  main{padding:0 12px 54px}
  .hero{padding:44px 4px 28px}
  .hero h1{font-size:34px}
  .sub{font-size:15.5px}
  .card{padding:18px 15px;border-radius:16px;margin-top:18px}
  .card h2{font-size:22px}
  .grid3{grid-template-columns:1fr}
  textarea{font-size:16px} /* 16px stops iOS auto-zoom on focus */
  input,select{font-size:16px}
  .actions{flex-direction:column}
  .actions .btn{width:100%}
  .grid2{grid-template-columns:1fr}
  /* Results become stacked cards instead of a wide table */
  .table-wrap{border:none;overflow:visible}
  table{min-width:0;display:block}
  thead{display:none}
  tbody{display:block}
  tr.row-click{display:block;background:var(--panel2);border:1px solid var(--line);border-radius:14px;padding:8px 14px;margin-bottom:12px}
  td{display:flex;justify-content:space-between;gap:14px;align-items:center;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.06);text-align:right}
  td:last-child{border-bottom:none}
  td::before{content:attr(data-label);font-family:var(--mono);font-size:10.5px;letter-spacing:.07em;text-transform:uppercase;color:var(--muted);text-align:left;flex-shrink:0}
  td.cell-domain{font-size:15px;justify-content:flex-start}
  td.cell-domain::before{display:none}
  .detail-head h3{font-size:17px}
  .cp-top{font-size:13.5px}
  .stats div{padding:13px 9px}
  .stats strong{font-size:22px}
}

/* ================= THEME v2 — warm premium (orange/gold on black) ================= */
:root{--gold:#F5C561;--gold2:#F5821F;--ember:#F5821F}
body{background:radial-gradient(1100px 520px at 50% -120px,rgba(245,130,31,.13),transparent 60%),var(--bg)}
.brand-name span{color:var(--ember)}
.btn.primary{background:linear-gradient(120deg,var(--ember),var(--gold));color:#1D0E00;position:relative;overflow:hidden}
.btn.primary::after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.45) 50%,transparent 70%);transform:translateX(-120%);transition:transform .7s ease}
.btn.primary:hover::after{transform:translateX(120%)}
.btn.big{padding:15px 26px;font-size:15.5px;border-radius:13px}
.eyebrow{color:var(--gold)}
.stats strong{color:var(--gold)}
.score-pill{background:rgba(245,130,31,.13);color:var(--gold);border-color:rgba(245,130,31,.4)}
.bar i{background:linear-gradient(90deg,var(--ember),var(--gold));animation:barGrow .9s cubic-bezier(.2,.8,.2,1) both;transform-origin:left}
@keyframes barGrow{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.detail-card{border-color:rgba(245,130,31,.3)}
.card{transition:transform .35s ease,border-color .35s ease,box-shadow .35s ease}
.card:hover{border-color:rgba(245,197,97,.28);box-shadow:0 18px 50px -22px rgba(245,130,31,.25)}
textarea:focus,input:focus,select:focus{border-color:var(--ember)}
tr.row-click:hover td{background:rgba(245,130,31,.05)}

/* Aurora background */
.aurora{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none}
.aurora i{position:absolute;border-radius:50%;filter:blur(90px);opacity:.5}
.aurora .a1{width:560px;height:560px;background:radial-gradient(circle,rgba(245,130,31,.34),transparent 65%);top:-180px;left:-120px;animation:drift 16s ease-in-out infinite alternate}
.aurora .a2{width:520px;height:520px;background:radial-gradient(circle,rgba(245,197,97,.22),transparent 65%);top:6%;right:-160px;animation:drift 20s ease-in-out infinite alternate-reverse}
.aurora .a3{width:640px;height:640px;background:radial-gradient(circle,rgba(190,80,20,.16),transparent 65%);bottom:-260px;left:34%;animation:drift 24s ease-in-out infinite alternate}
@keyframes drift{from{transform:translate(0,0) scale(1)}to{transform:translate(60px,36px) scale(1.12)}}

/* Scroll reveal + pop */
.rv{opacity:0;transform:translateY(26px)}
.rv.in{opacity:1;transform:none;transition:opacity .8s cubic-bezier(.2,.9,.3,1),transform .8s cubic-bezier(.2,1.15,.3,1)}
.rv.d1{transition-delay:.08s}.rv.d2{transition-delay:.16s}.rv.d3{transition-delay:.24s}.rv.d4{transition-delay:.34s}
@media(prefers-reduced-motion:reduce){.rv{opacity:1;transform:none}.aurora i{animation:none}.marquee-track{animation:none}}

/* Hero extras */
.ping-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#4ADE80;box-shadow:0 0 0 0 rgba(74,222,128,.55);animation:ping 2.2s ease-out infinite;vertical-align:middle}
@keyframes ping{0%{box-shadow:0 0 0 0 rgba(74,222,128,.5)}70%{box-shadow:0 0 0 9px rgba(74,222,128,0)}100%{box-shadow:0 0 0 0 rgba(74,222,128,0)}}
.hero h1 em{background:linear-gradient(100deg,var(--ember),var(--gold));-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-cta{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:28px}
.hero-proof{color:var(--muted);font-size:13.5px;margin-top:16px}
.hero-proof span{color:#4ADE80;font-weight:700}
.nav-cta{margin-left:18px;background:linear-gradient(120deg,var(--ember),var(--gold));color:#1D0E00!important;padding:10px 18px;border-radius:10px;font-weight:700}
.nav-cta:hover{text-decoration:none;filter:brightness(1.07)}
.live-word{font-size:26px}

/* Sample scan card */
.sample-card{max-width:760px;margin:38px auto 0;text-align:left;background:linear-gradient(180deg,rgba(245,197,97,.06),rgba(255,255,255,.02));border:1px solid rgba(245,197,97,.3);border-radius:18px;padding:20px 22px;box-shadow:0 30px 70px -30px rgba(245,130,31,.35);transition:transform .4s ease}
.sample-card:hover{transform:translateY(-4px) rotate(-.25deg)}
.sample-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:12px}
.sample-head .mono{font-size:16px;font-weight:600}
.sample-tag{font-family:var(--mono);font-size:10.5px;letter-spacing:.12em;color:#1D0E00;background:linear-gradient(120deg,var(--ember),var(--gold));padding:4px 10px;border-radius:99px;font-weight:700}
.sample-body{display:flex;gap:26px;align-items:center;padding:16px 0 6px;flex-wrap:wrap}
.sample-score strong{font-family:var(--serif);font-size:64px;line-height:1;background:linear-gradient(120deg,var(--ember),var(--gold));-webkit-background-clip:text;background-clip:text;color:transparent}
.sample-score span{display:block;color:var(--muted);font-size:13px;margin-top:5px}
.sample-rows{flex:1;min-width:260px;display:flex;flex-direction:column;gap:11px}
.sample-rows>div{display:grid;grid-template-columns:1fr auto;gap:3px 12px;font-size:13px;align-items:center}
.sample-rows b{font-family:var(--mono);color:var(--gold)}
.sbar{grid-column:1/-1;height:6px;background:rgba(255,255,255,.08);border-radius:99px;overflow:hidden;display:block}
.sbar u{display:block;height:100%;background:linear-gradient(90deg,var(--ember),var(--gold));border-radius:99px;text-decoration:none;animation:barGrow 1.1s .3s cubic-bezier(.2,.8,.2,1) both;transform-origin:left}
.sample-note{color:var(--muted);font-size:12.5px;margin:10px 0 0}

/* Marquee */
.marquee{overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:15px 0;margin-top:56px;background:rgba(255,255,255,.015);-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.marquee-track{display:flex;width:max-content;animation:marquee 36s linear infinite}
.marquee-track span{font-family:var(--serif);font-size:17px;color:var(--muted);white-space:nowrap;padding-right:8px}
@keyframes marquee{to{transform:translateX(-50%)}}

/* Sections */
.sec-eyebrow{font-family:var(--mono);font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--ember);margin:0 0 10px}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:20px}
.step{background:var(--panel2);border:1px solid var(--line);border-radius:15px;padding:18px;transition:transform .3s ease,border-color .3s ease}
.step:hover{transform:translateY(-4px);border-color:rgba(245,197,97,.35)}
.step-num{display:inline-flex;width:34px;height:34px;border-radius:50%;align-items:center;justify-content:center;font-family:var(--serif);font-weight:700;font-size:16px;color:#1D0E00;background:linear-gradient(130deg,var(--ember),var(--gold));margin-bottom:12px}
.step h3{font-family:var(--serif);font-size:18px;margin:0 0 7px;font-weight:600}
.step p{color:var(--muted);font-size:13.5px;line-height:1.6;margin:0}
.soon-inline{font-size:9.5px;padding:2.5px 8px;margin-left:6px;vertical-align:2px}
.compare{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:20px}
.compare-col{border:1px solid var(--line);border-radius:16px;padding:20px;background:var(--panel2)}
.compare-col.hot{border-color:rgba(245,130,31,.45);background:linear-gradient(180deg,rgba(245,130,31,.08),rgba(255,255,255,.015));box-shadow:0 22px 50px -26px rgba(245,130,31,.4)}
.compare-col h3{font-family:var(--serif);margin:0 0 14px;font-size:20px}
.compare-col ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:11px}
.compare-col li{font-size:14px;line-height:1.5;padding-left:28px;position:relative;color:var(--ink)}
.compare-col li::before{position:absolute;left:0;top:0;font-weight:800}
.compare-col li.yes::before{content:"✓";color:#4ADE80}
.compare-col li.no{color:var(--muted)}
.compare-col li.no::before{content:"✕";color:#D9534F}
.proof-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:20px}
.proof-grid>div{background:var(--panel2);border:1px solid var(--line);border-radius:14px;padding:16px}
.proof-grid h4{font-family:var(--serif);font-size:16.5px;margin:0 0 6px;font-weight:600}
.proof-grid p{color:var(--muted);font-size:13.5px;line-height:1.6;margin:0}
.built-for{text-align:center;color:var(--muted);margin:22px 0 0;font-size:14.5px}
.built-for strong{color:var(--gold)}

/* FAQ */
.faq{border:1px solid var(--line);border-radius:13px;padding:4px 18px;margin-top:12px;background:var(--panel2)}
.faq summary{cursor:pointer;font-weight:600;font-size:15.5px;padding:13px 0;list-style:none;display:flex;justify-content:space-between;align-items:center}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font-family:var(--serif);font-size:22px;color:var(--ember);transition:transform .3s ease}
.faq[open ] summary::after{transform:rotate(45deg)}
.faq p{color:var(--muted);line-height:1.7;margin:0 0 15px;font-size:14.5px}

/* Rich footer */
.site-footer{margin-top:56px;border-top:1px solid rgba(245,197,97,.25);padding:46px 6px 0;position:relative;overflow:hidden}
.footer-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:30px}
.footer-brand p{color:var(--muted);font-size:14px;line-height:1.65;max-width:320px}
.footer-live{font-size:13px!important}
.footer-col{display:flex;flex-direction:column;gap:11px}
.footer-col h5{font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);margin:4px 0 5px}
.footer-col a{color:var(--muted);font-size:14px}
.footer-col a:hover{color:var(--ink);text-decoration:none}
.footer-mark{font-family:var(--serif);font-weight:700;font-size:clamp(64px,14.5vw,168px);line-height:.95;text-align:center;margin:38px 0 6px;background:linear-gradient(180deg,rgba(245,197,97,.34),rgba(245,130,31,.03));-webkit-background-clip:text;background-clip:text;color:transparent;user-select:none;letter-spacing:.01em}
.footer-legal{border-top:1px solid var(--line);padding:16px 0 26px}
.footer-legal p{color:var(--muted);font-size:12.5px;line-height:1.7;text-align:center;max-width:820px;margin:0 auto}

@media(max-width:900px){.steps{grid-template-columns:repeat(2,1fr)}.proof-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:760px){
  .compare{grid-template-columns:1fr}.proof-grid{grid-template-columns:1fr}.steps{grid-template-columns:1fr}
  .footer-grid{grid-template-columns:1fr 1fr;gap:22px}
  .hero-cta{flex-direction:column}.hero-cta .btn{width:100%;text-align:center}
  .sample-body{gap:14px}.sample-score strong{font-size:52px}
  .nav-cta{display:none}
  .marquee{margin-top:40px}
}

/* ================= Typography v3 — editorial premium ================= */
.hero h1{font-size:clamp(42px,6.2vw,72px);letter-spacing:-.015em;line-height:1.04;text-wrap:balance}
.hero .sub{font-size:18.5px;line-height:1.75;color:#C9C5BB}
.card h2{font-size:clamp(26px,3.4vw,34px);letter-spacing:-.01em;line-height:1.15}
.btn,.nav-links a,.footer-col a{font-family:"Space Grotesk",var(--sans)}
.btn{letter-spacing:.01em}
.eyebrow,.sec-eyebrow{font-size:12.5px}
.step h3,.proof-grid h4,.compare-col h3{letter-spacing:-.01em}
.sample-score strong{letter-spacing:-.02em}
.statement{text-align:center;padding:84px 16px 10px}
.statement-text{font-family:var(--serif);font-weight:600;font-size:clamp(38px,6vw,64px);line-height:1.08;letter-spacing:-.015em;margin:0 0 30px;text-wrap:balance}
.statement-text em{background:linear-gradient(100deg,var(--ember),var(--gold));-webkit-background-clip:text;background-clip:text;color:transparent}
.footer-col h5{color:var(--gold)}
th{color:#8E8B84}
.cp-detail,.faq p,.step p,.proof-grid p{font-size:14px;line-height:1.7}
input,textarea,select{font-family:var(--mono)}
label{font-family:"Space Grotesk",var(--sans);letter-spacing:.02em}

/* ================= v4 — gradient cards, radar, clean footer ================= */
/* Gradient-border premium blocks */
.card{background:linear-gradient(180deg,#101014,#0B0B0E) padding-box,linear-gradient(165deg,rgba(245,197,97,.38),rgba(255,255,255,.05) 34%,rgba(245,130,31,.16) 88%) border-box;border:1px solid transparent}
.step,.proof-grid>div,.compare-col,.faq,.sample-card{background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.014)) padding-box,linear-gradient(160deg,rgba(245,197,97,.28),rgba(255,255,255,.05) 40%,rgba(245,130,31,.12)) border-box;border:1px solid transparent}
.compare-col.hot{background:linear-gradient(180deg,rgba(245,130,31,.10),rgba(255,255,255,.02)) padding-box,linear-gradient(160deg,rgba(245,130,31,.65),rgba(245,197,97,.25) 55%,rgba(245,130,31,.3)) border-box}
.weights div{background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.012)) padding-box,linear-gradient(160deg,rgba(245,197,97,.22),rgba(255,255,255,.04) 45%,transparent) border-box;border:1px solid transparent}
.stats>div{background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.014)) padding-box,linear-gradient(160deg,rgba(245,197,97,.3),rgba(255,255,255,.05) 45%,rgba(245,130,31,.14)) border-box;border:1px solid transparent}
.detail-card{background:linear-gradient(180deg,rgba(245,197,97,.05),rgba(255,255,255,.014)) padding-box,linear-gradient(160deg,rgba(245,130,31,.5),rgba(255,255,255,.06) 40%,rgba(245,130,31,.2)) border-box;border:1px solid transparent}
.card h2{background:linear-gradient(180deg,#fff,#EDEAE2);-webkit-background-clip:text;background-clip:text;color:transparent}

/* Radar — live while a scan runs */
.radar-wrap{display:flex;gap:22px;align-items:center;margin-top:20px;padding:18px 20px;border-radius:16px;background:linear-gradient(180deg,rgba(245,130,31,.06),rgba(255,255,255,.014)) padding-box,linear-gradient(150deg,rgba(245,130,31,.45),rgba(255,255,255,.05) 45%,rgba(245,197,97,.2)) border-box;border:1px solid transparent;animation:blipPop .45s cubic-bezier(.2,1.3,.4,1) both}
.radar{position:relative;flex:none;width:148px;height:148px;border-radius:50%;border:1px solid rgba(245,197,97,.4);background:repeating-radial-gradient(circle at 50% 50%,rgba(245,197,97,.13) 0 1px,transparent 1px 36px),radial-gradient(circle at 50% 50%,rgba(245,130,31,.10),rgba(0,0,0,.25) 72%);box-shadow:0 0 44px -8px rgba(245,130,31,.4),inset 0 0 34px rgba(0,0,0,.5);overflow:hidden}
.radar-cross-h,.radar-cross-v{position:absolute;background:rgba(245,197,97,.16)}
.radar-cross-h{left:0;right:0;top:50%;height:1px}
.radar-cross-v{top:0;bottom:0;left:50%;width:1px}
.radar-sweep{position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 0deg,rgba(245,197,97,.55),rgba(245,130,31,.16) 62deg,transparent 120deg);animation:radarSpin 2.6s linear infinite}
@keyframes radarSpin{to{transform:rotate(360deg)}}
.radar-core{position:absolute;left:50%;top:50%;width:7px;height:7px;margin:-3.5px;border-radius:50%;background:var(--gold);box-shadow:0 0 12px var(--ember)}
#blips{position:absolute;inset:0}
.blip{position:absolute;width:8px;height:8px;border-radius:50%;background:var(--gold);box-shadow:0 0 12px 2px rgba(245,130,31,.65);animation:blipPop .5s cubic-bezier(.2,1.5,.4,1) both}
.blip::after{content:"";position:absolute;inset:-6px;border-radius:50%;border:1px solid rgba(245,197,97,.5);animation:ping 1.8s ease-out infinite}
@keyframes blipPop{from{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}
.radar-side{min-width:0}
.radar-title{font-family:var(--serif);font-size:19px;font-weight:600;margin:0 0 4px}
.radar-status{font-family:var(--mono);font-size:12.5px;color:var(--gold);margin:0 0 10px;word-break:break-all}
.radar-log{display:flex;flex-direction:column;gap:5px}
.radar-log p{margin:0;font-family:var(--mono);font-size:12px;color:var(--muted);animation:blipPop .4s ease both}
.radar-log p b{color:var(--ink)}
@media(max-width:640px){.radar-wrap{flex-direction:column;text-align:center}.radar-log{align-items:center}}

/* Clean footer */
.site-footer{margin-top:64px;border-top:1px solid var(--line);padding:44px 6px 0;background:linear-gradient(180deg,transparent,rgba(245,130,31,.03))}
.footer-grid{padding-bottom:34px}
.footer-bottom{border-top:1px solid var(--line);padding:18px 0 28px;display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;align-items:baseline}
.footer-bottom p{margin:0;color:var(--muted);font-size:13px}
.footer-fine{font-size:12px!important;max-width:560px;text-align:right}
@media(max-width:760px){.footer-bottom{flex-direction:column}.footer-fine{text-align:left}}

/* ================= v5 — Droppy-grade polish: sans headings, pills, cmp table, mock, radar CTA, clean footer ================= */
.hero h1,.card h2,.step h3,.proof-grid h4,.mini-card h3,.radar-title,.weights strong,.sample-score strong{font-family:"Space Grotesk",var(--sans)}
.hero h1{font-weight:700;letter-spacing:-.03em;line-height:1.05}
.hero h1 em{font-style:italic}
.card h2{background:none;-webkit-background-clip:initial;background-clip:initial;color:var(--ink);font-weight:700;letter-spacing:-.02em}
.btn.glow{box-shadow:0 12px 36px -8px rgba(245,130,31,.55),0 3px 10px rgba(0,0,0,.4)}
.btn.glow:hover{box-shadow:0 16px 44px -8px rgba(245,130,31,.7),0 3px 10px rgba(0,0,0,.4)}

/* Eyebrow pills */
.eyebrow.pill,.sec-eyebrow.pill{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(245,130,31,.35);background:rgba(245,130,31,.08);padding:7px 14px;border-radius:99px;color:#FFB46E}
.sec-eyebrow.pill .dot{width:6px;height:6px;border-radius:50%;background:var(--ember);box-shadow:0 0 8px var(--ember)}
.sec-head{text-align:center;margin-bottom:6px}
.sec-head .sub.center{margin-left:auto;margin-right:auto}
.sec-head h2 em{font-style:italic;background:linear-gradient(100deg,var(--ember),var(--gold));-webkit-background-clip:text;background-clip:text;color:transparent}

/* Comparison table with highlighted column */
.cmp{position:relative;isolation:isolate;margin-top:22px}
.cmp::before{content:"";position:absolute;top:-6px;bottom:-6px;right:-6px;width:104px;background:linear-gradient(180deg,rgba(245,130,31,.14),rgba(245,130,31,.05));border:1px solid rgba(245,130,31,.28);border-radius:16px;z-index:-1}
.cmp-head,.cmp-row{display:grid;grid-template-columns:1fr 74px 92px;align-items:center}
.cmp-head{padding:10px 6px;font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.cmp-head .cmp-dr{text-align:center}
.cmp-head .cmp-us{text-align:center;color:var(--gold);display:flex;gap:6px;align-items:center;justify-content:center;font-family:"Space Grotesk";font-size:13px;letter-spacing:0;text-transform:none}
.cmp-row{padding:15px 6px;border-top:1px solid var(--line);font-size:14.5px}
.cmp-row i{justify-self:center;font-style:normal}
.cx{width:26px;height:26px;border-radius:50%;border:1px solid var(--line);background:rgba(255,255,255,.03);color:#77746C;display:inline-flex;align-items:center;justify-content:center;font-size:12px}
.ck{width:30px;height:30px;border-radius:50%;background:linear-gradient(140deg,var(--ember),var(--gold));color:#1D0E00;display:inline-flex;align-items:center;justify-content:center;font-size:15px;font-weight:800;box-shadow:0 4px 14px -2px rgba(245,130,31,.55)}
@media(max-width:640px){.cmp::before{width:82px}.cmp-head,.cmp-row{grid-template-columns:1fr 52px 70px}.cmp-row{font-size:13.5px}.ck{width:26px;height:26px}}

/* Icon chips + built-for */
.ichip{display:inline-flex;width:42px;height:42px;border-radius:12px;align-items:center;justify-content:center;color:#F5C561;background:linear-gradient(150deg,rgba(245,130,31,.20),rgba(245,197,97,.06));border:1px solid rgba(245,130,31,.35);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 8px 20px -10px rgba(245,130,31,.5);margin-bottom:12px}
.ichip svg{width:21px;height:21px}
.proof-grid h4{font-size:17.5px}
.built-for{display:flex;gap:9px;flex-wrap:wrap;align-items:center;justify-content:center}
.bf-label{font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-right:4px}
.bf-chip{border:1px solid rgba(245,130,31,.3);background:rgba(245,130,31,.06);color:var(--ink);font-size:13px;padding:8px 14px;border-radius:99px;font-family:"Space Grotesk"}

/* Duo mini cards: history bars + hard gates */
.duo{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:20px}
.mini-card{background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.014)) padding-box,linear-gradient(160deg,rgba(245,197,97,.28),rgba(255,255,255,.05) 40%,rgba(245,130,31,.12)) border-box;border:1px solid transparent;border-radius:16px;padding:20px}
.mini-tag{display:inline-flex;align-items:center;gap:7px;font-family:var(--mono);font-size:10.5px;letter-spacing:.13em;text-transform:uppercase;color:#FFB46E;background:rgba(245,130,31,.09);border:1px solid rgba(245,130,31,.3);padding:5px 11px;border-radius:99px;margin:0 0 12px}
.mini-tag .dot{width:6px;height:6px;border-radius:50%;background:var(--ember)}
.mini-tag.warn{color:#FF9B94;background:rgba(217,83,79,.08);border-color:rgba(217,83,79,.3)}
.mini-tag.warn .dot{background:#D9534F}
.mini-card h3{font-size:19px;margin:0 0 8px;font-weight:700;letter-spacing:-.01em}
.bars{display:flex;align-items:flex-end;gap:7px;height:96px;margin:16px 0 8px}
.bars i{flex:1;height:var(--h);background:linear-gradient(180deg,#FFC98A,var(--ember));border-radius:5px 5px 3px 3px;box-shadow:0 6px 18px -6px rgba(245,130,31,.55);animation:barGrowY 1s cubic-bezier(.2,.8,.2,1) both;transform-origin:bottom}
.bars i.gap{background:rgba(255,255,255,.09);box-shadow:none}
@keyframes barGrowY{from{transform:scaleY(0)}to{transform:scaleY(1)}}
.bars-years{display:flex;justify-content:space-between;font-family:var(--mono);font-size:10.5px;color:var(--muted)}
.mini-note{font-size:13px;color:var(--muted);margin:12px 0 0}
.odot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--ember);margin-right:7px}
.gates{display:flex;flex-direction:column;gap:9px;margin-top:14px}
.gates p{margin:0;display:flex;align-items:center;gap:11px;background:rgba(255,255,255,.03);border:1px solid var(--line);border-radius:11px;padding:11px 14px;font-size:14px;color:var(--muted)}
.gx{width:22px;height:22px;flex:none;border-radius:50%;background:rgba(217,83,79,.16);color:#FF9B94;display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-style:normal;font-weight:700}
.gates .ck{width:22px;height:22px;font-size:12px}
.gates .gate-ok{background:rgba(245,130,31,.10);border-color:rgba(245,130,31,.4);color:var(--ink);font-weight:600}
@media(max-width:820px){.duo{grid-template-columns:1fr}}

/* App mock (lead finder preview) */
.appmock{border:1px solid rgba(245,197,97,.25);border-radius:16px;background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(0,0,0,.25));padding:14px;margin:6px 0 20px;box-shadow:0 26px 60px -30px rgba(245,130,31,.35)}
.appmock-bar{display:flex;align-items:center;gap:12px;padding-bottom:12px;border-bottom:1px solid var(--line)}
.tdots{display:inline-flex;gap:6px}
.tdots i{width:10px;height:10px;border-radius:50%}
.tdots i:nth-child(1){background:#FF5F57}.tdots i:nth-child(2){background:#FEBC2E}.tdots i:nth-child(3){background:#28C840}
.appmock-url{flex:1;text-align:center;font-family:var(--mono);font-size:11.5px;color:var(--muted);background:rgba(255,255,255,.045);border-radius:8px;padding:6px 10px;max-width:300px;margin:0 auto}
.appmock-count{font-family:var(--mono);font-size:11px;color:var(--gold)}
.appmock-filter{display:flex;gap:8px;align-items:center;padding:12px 0 4px;flex-wrap:wrap}
.fchip{font-size:12px;padding:6px 12px;border-radius:99px;border:1px solid var(--line);color:var(--muted);font-family:"Space Grotesk"}
.fchip.on{background:linear-gradient(120deg,var(--ember),var(--gold));color:#1D0E00;font-weight:700;border-color:transparent}
.appmock-sample{margin-left:auto;font-family:var(--mono);font-size:10px;letter-spacing:.12em;color:var(--muted)}
.lead-row{display:grid;grid-template-columns:1fr auto auto;gap:14px;align-items:center;padding:13px 12px;border:1px solid var(--line);border-radius:12px;margin-top:9px;background:rgba(255,255,255,.02)}
.lead-row b{display:block;font-size:14.5px}
.lead-row span{font-size:12px;color:var(--muted)}
.lead-row .lead-phone{font-family:var(--mono);font-size:12.5px;color:var(--ink)}
.lpill{font-size:11px!important;padding:6px 11px;border-radius:99px;font-weight:600;font-family:"Space Grotesk";white-space:nowrap}
.lp-orange{background:rgba(245,130,31,.14);color:#FFB46E!important;border:1px solid rgba(245,130,31,.4)}
.lp-red{background:rgba(217,83,79,.13);color:#FF9B94!important;border:1px solid rgba(217,83,79,.4)}
@media(max-width:640px){.lead-row{grid-template-columns:1fr auto}.lead-row .lead-phone{display:none}.appmock-count{display:none}}

/* FAQ + in-circle */
.faq summary::after{content:"+";width:28px;height:28px;flex:none;border-radius:50%;border:1px solid rgba(245,130,31,.4);background:rgba(245,130,31,.08);display:inline-flex;align-items:center;justify-content:center;font-size:17px}

/* CTA panel with radar rings */
.cta-panel{position:relative;overflow:hidden;text-align:center;border-radius:24px;padding:76px 22px 70px;margin-top:26px;background:linear-gradient(180deg,#121013,#0A0A0C) padding-box,linear-gradient(165deg,rgba(245,197,97,.4),rgba(255,255,255,.06) 35%,rgba(245,130,31,.2)) border-box;border:1px solid transparent}
.cta-panel h2{font-family:"Space Grotesk";font-weight:700;font-size:clamp(32px,5vw,50px);letter-spacing:-.02em;line-height:1.12;margin:0 0 14px;position:relative;z-index:1}
.cta-panel h2 em{font-style:italic;background:linear-gradient(100deg,var(--ember),var(--gold));-webkit-background-clip:text;background-clip:text;color:transparent}
.cta-panel p{color:var(--muted);margin:0 0 28px;position:relative;z-index:1}
.cta-panel .btn{position:relative;z-index:1}
.cta-radar{position:absolute;inset:0;background:repeating-radial-gradient(circle at 50% 118%,rgba(245,197,97,.13) 0 1.5px,transparent 1.5px 96px);pointer-events:none}
.cta-sweep{position:absolute;inset:-12%;background:conic-gradient(from 0deg at 50% 106%,transparent 0deg,rgba(245,130,31,.16) 26deg,transparent 64deg);animation:radarSpin 9s linear infinite;transform-origin:50% 106%}

/* Clean footer — one row, small print, giant cropped mark */
.site-footer{margin-top:70px;padding:34px 6px 0;overflow:hidden;background:none;border-top:1px solid var(--line)}
.footer-top{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}
.footer-links{display:flex;gap:22px;flex-wrap:wrap}
.footer-links a{color:var(--muted);font-size:13.5px}
.footer-links a:hover{color:var(--ink);text-decoration:none}
.footer-copy{color:var(--muted);font-size:12.5px;margin:16px 0 0}
.footer-mark{font-family:"Space Grotesk";font-weight:700;font-size:clamp(72px,17.6vw,228px);line-height:.8;letter-spacing:-.02em;text-align:center;margin-top:30px;transform:translateY(.21em);background:linear-gradient(180deg,rgba(245,150,50,.34),rgba(245,130,31,.02) 85%);-webkit-background-clip:text;background-clip:text;color:transparent;user-select:none}
@media(max-width:640px){.footer-top{flex-direction:column;align-items:flex-start}.footer-links{gap:16px}}

/* v5.1 — inner blocks solid dark (no muddy see-through) */
.stats>div,.step,.proof-grid>div,.mini-card,.faq,.compare-col,.appmock,.lead-row,.gates p{background:linear-gradient(180deg,#121215,#0C0C0F) padding-box,linear-gradient(160deg,rgba(245,197,97,.26),rgba(255,255,255,.05) 42%,rgba(245,130,31,.12)) border-box}
.sample-card{background:linear-gradient(180deg,#131110,#0C0B0A) padding-box,linear-gradient(160deg,rgba(245,197,97,.4),rgba(255,255,255,.06) 38%,rgba(245,130,31,.2)) border-box}
.radar-wrap{background:linear-gradient(180deg,#12100D,#0C0B09) padding-box,linear-gradient(150deg,rgba(245,130,31,.45),rgba(255,255,255,.05) 45%,rgba(245,197,97,.2)) border-box}
.detail-card{background:linear-gradient(180deg,#12110E,#0C0B09) padding-box,linear-gradient(160deg,rgba(245,130,31,.5),rgba(255,255,255,.06) 40%,rgba(245,130,31,.2)) border-box}

/* v6 — text diet: short rule lines instead of paragraph walls */
.rules{list-style:none;margin:18px 0 12px;padding:0}
.rules li{display:flex;gap:16px;padding:13px 2px;border-top:1px solid var(--line);align-items:baseline}
.rules li b{flex:none;width:128px;font-family:"Space Grotesk";font-size:14px;color:var(--gold)}
.rules li span{color:var(--muted);font-size:14.5px;line-height:1.55}
@media(max-width:640px){.rules li{flex-direction:column;gap:3px}.rules li b{width:auto}}
.center-note{text-align:center;margin:16px 0 2px;font-size:14.5px}

/* v7 — gradient italic words: give the glyph room so nothing clips */
.hero h1 em,.sec-head h2 em,.cta-panel h2 em{padding:.08em .1em .03em .02em;margin:-.08em -.1em -.03em -.02em}

/* v8 — Coming next panel */
.soon-feats{display:flex;flex-direction:column;gap:12px;margin-top:20px}
.soon-feat{display:flex;gap:16px;align-items:center;background:linear-gradient(180deg,#121215,#0C0C0F) padding-box,linear-gradient(160deg,rgba(245,197,97,.26),rgba(255,255,255,.05) 42%,rgba(245,130,31,.12)) border-box;border:1px solid transparent;border-radius:15px;padding:17px 18px}
.soon-feat .ichip{margin:0;flex:none}
.soon-feat h4{font-family:"Space Grotesk",var(--sans);font-size:16.5px;margin:0 0 4px}
.soon-feat p{color:var(--muted);font-size:13.5px;line-height:1.6;margin:0}
.soon-feat .soon{margin-left:auto;flex:none}
@media(max-width:640px){.soon-feat{flex-wrap:wrap}.soon-feat .soon{margin-left:58px}}

/* v9 — accounts */
.authbox{display:flex;align-items:center;gap:9px;flex:none}
.credits-pill{font-family:"JetBrains Mono",monospace;font-size:12px;font-weight:700;letter-spacing:.04em;color:#1A1005;background:linear-gradient(135deg,var(--gold),var(--orange));padding:7px 12px;border-radius:999px;white-space:nowrap}
.uname{font-size:13.5px;font-weight:600;color:var(--muted);max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.auth-overlay{position:fixed;inset:0;background:rgba(4,4,6,.72);backdrop-filter:blur(6px);z-index:200;display:flex;align-items:center;justify-content:center;padding:18px}
.auth-overlay[hidden]{display:none}
.auth-card{position:relative;width:min(400px,100%);background:linear-gradient(180deg,#141416,#0C0C0F) padding-box,linear-gradient(160deg,rgba(245,197,97,.4),rgba(255,255,255,.07) 45%,rgba(245,130,31,.2)) border-box;border:1px solid transparent;border-radius:20px;padding:26px 24px 20px;box-shadow:0 30px 80px rgba(0,0,0,.6)}
.auth-x{position:absolute;top:10px;right:14px;background:none;border:none;color:var(--muted);font-size:26px;cursor:pointer;line-height:1}
.auth-logo{display:flex;align-items:center;gap:9px;font-family:"Space Grotesk",var(--sans);font-size:19px;margin-bottom:16px}
.auth-logo strong{color:var(--orange)}
.auth-tabs{display:flex;background:#08080A;border:1px solid var(--line);border-radius:11px;padding:4px;gap:4px;margin-bottom:14px}
.auth-tabs button{flex:1;padding:9px;border:none;border-radius:8px;background:transparent;color:var(--muted);font-family:var(--sans);font-weight:700;font-size:14px;cursor:pointer}
.auth-tabs button.on{background:linear-gradient(135deg,var(--gold),var(--orange));color:#1A1005}
.auth-note{color:var(--muted);font-size:13.5px;margin:0 0 14px}
.auth-note b{color:var(--gold)}
.auth-card form label{display:block;font-size:13px;font-weight:600;color:var(--muted);margin-bottom:12px}
.auth-card form input{display:block;width:100%;margin-top:6px;background:#08080A;border:1px solid var(--line);border-radius:10px;padding:12px 13px;color:var(--text);font-size:15px;font-family:var(--sans)}
.auth-card form input:focus{outline:none;border-color:rgba(245,197,97,.55)}
.auth-err{color:#FF9B8A;font-size:13px;min-height:17px;margin:2px 0 8px}
.auth-submit{width:100%}
.auth-fine{color:var(--faint);font-size:12px;text-align:center;margin:13px 0 0;line-height:1.6}
.myscans-title{font-family:"Space Grotesk",var(--sans);font-size:17px;margin:22px 0 10px}
.myscan{display:flex;gap:12px;align-items:center;width:100%;text-align:left;background:#0C0C0F;border:1px solid var(--line);border-radius:12px;padding:12px 14px;margin-bottom:8px;color:var(--text);cursor:pointer;font-family:var(--sans)}
.myscan:hover{border-color:rgba(245,197,97,.4)}
.ms-date{font-family:"JetBrains Mono",monospace;font-size:11.5px;color:var(--gold);flex:none}
.ms-items{font-size:13.5px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}
.ms-open{font-size:12.5px;font-weight:700;color:var(--orange);flex:none}
@media(max-width:640px){.uname{display:none}}

/* Legal pages */
.legal{max-width:760px;margin:0 auto;padding:48px 22px 70px}
.legal h1{font-family:"Space Grotesk",var(--sans);font-size:36px;letter-spacing:-.02em;margin:18px 0 6px}
.legal h2{font-family:"Space Grotesk",var(--sans);font-size:19px;margin:30px 0 8px}
.legal p{color:var(--muted);font-size:15px;line-height:1.75;margin:0 0 10px}
.legal-back{color:var(--gold);text-decoration:none;font-weight:600;font-size:14px}
.legal-foot{margin-top:40px;border-top:1px solid var(--line);padding-top:16px;font-size:13px}
.legal-foot a,.footer-copy a{color:var(--gold);text-decoration:none}
.auth-terms{color:var(--faint);font-size:12px;text-align:center;margin:11px 0 0}
.auth-terms a{color:var(--muted);text-decoration:underline}

/* v10 — app (Scan console) */
.app-body{background:#08080A}
.app-shell{display:grid;grid-template-columns:236px 1fr;min-height:100vh;max-width:1440px;margin:0 auto}
.app-side{border-right:1px solid var(--line);padding:20px 14px;display:flex;flex-direction:column;gap:6px;position:sticky;top:0;height:100vh}
.app-side .brand{margin:2px 6px 14px}
.side-label{font-family:"JetBrains Mono",monospace;font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--faint);margin:12px 8px 6px}
.side-nav{display:flex;flex-direction:column;gap:3px}
.side-item{display:flex;align-items:center;gap:10px;padding:10px 11px;border:1px solid transparent;background:transparent;color:var(--muted);border-radius:11px;font-family:var(--sans);font-size:14px;font-weight:600;cursor:pointer;text-align:left}
.side-item svg{width:17px;height:17px;flex:none}
.side-item:hover{color:var(--text);background:#101013}
.side-item.on{background:linear-gradient(180deg,#17130B,#100D08);border-color:rgba(245,197,97,.28);color:var(--text)}
.side-item .soon.mini{margin-left:auto;font-size:9px;padding:2px 7px}
.side-home{margin-top:auto;color:var(--faint);text-decoration:none;font-size:13px;padding:8px}
.side-home:hover{color:var(--gold)}
.app-main{padding:20px 26px 60px;min-width:0}
.app-topbar{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:18px}
.crumb{font-family:"JetBrains Mono",monospace;font-size:11.5px;letter-spacing:.08em;color:var(--faint);text-transform:uppercase;margin:0}
.crumb b{color:var(--text)}
.audit-card{padding:28px}
.audit-h{font-family:"Space Grotesk",var(--sans);font-size:clamp(27px,4vw,38px);letter-spacing:-.02em;line-height:1.12;margin:8px 0 10px;max-width:520px}
.audit-h em{font-family:"Fraunces",serif;font-style:italic;font-weight:650;background:linear-gradient(100deg,var(--ember),var(--gold));-webkit-background-clip:text;background-clip:text;color:transparent;padding:.06em .1em .02em .02em;margin:-.06em -.1em -.02em -.02em}
.gold-text{color:var(--gold)}
.dz-row{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-top:12px}
.dz-count{margin-left:auto;font-size:12.5px}
.dz-label .dz-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--orange);margin-right:7px}
.view-h{font-family:"Space Grotesk",var(--sans);font-size:24px;margin:6px 0 8px}
.lock-card{text-align:left}
.lock-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}
.prev-head{display:flex;align-items:baseline;gap:10px;margin:26px 0 10px}
.prev-head h3{font-family:"Space Grotesk",var(--sans);font-size:17px;margin:0}
.prev-empty{border:1px dashed var(--line);border-radius:14px;padding:28px;text-align:center;color:var(--muted)}
.prev-empty svg{width:30px;height:30px;color:var(--faint);margin-bottom:8px}
.prev-empty p{margin:2px 0}
.credits-big{display:flex;align-items:baseline;gap:10px;margin:14px 0 6px}
.credits-big span{font-family:"Space Grotesk",var(--sans);font-size:52px;font-weight:700;color:var(--gold);line-height:1}
.credits-big small{color:var(--muted);font-size:14px}
.scan-actions{margin-top:16px}
@media(max-width:820px){
  .app-shell{grid-template-columns:1fr}
  .app-side{position:static;height:auto;border-right:none;border-bottom:1px solid var(--line);flex-direction:row;flex-wrap:wrap;align-items:center}
  .app-side .brand{margin:0 8px 0 0}
  .side-label{display:none}
  .side-nav{flex-direction:row;flex-wrap:wrap}
  .side-home{margin:0 0 0 auto}
  .app-main{padding:16px 14px 50px}
  .dz-count{margin-left:0;width:100%}
}

/* app views extras */
.stat-row{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:14px}
.stat-card{background:linear-gradient(180deg,#121215,#0C0C0F) padding-box,linear-gradient(160deg,rgba(245,197,97,.22),rgba(255,255,255,.05) 45%,rgba(245,130,31,.1)) border-box;border:1px solid transparent;border-radius:15px;padding:15px 16px}
.stat-card span{display:block;font-family:"JetBrains Mono",monospace;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--faint);margin-bottom:7px}
.stat-card strong{font-family:"Space Grotesk",var(--sans);font-size:27px;line-height:1}
.stat-card.accent strong{color:var(--gold)}
.stat-card .stat-text{font-size:17px;padding-top:5px;display:block}
.honest-note{margin-top:14px;border:1px solid rgba(245,130,31,.35);background:linear-gradient(180deg,rgba(245,130,31,.08),rgba(245,130,31,.02));border-radius:14px;padding:15px 17px}
.honest-note p{margin:0;font-size:13.5px;line-height:1.65;color:var(--muted)}
.honest-note b{color:var(--gold)}
.lead-form-app{display:grid;grid-template-columns:1fr 1fr auto;gap:12px;align-items:end;margin:16px 0 8px}
.lead-form-app label{font-size:13px;font-weight:600;color:var(--muted)}
.lead-form-app .req{color:var(--faint);font-weight:500;font-size:11.5px}
.lead-form-app input{display:block;width:100%;margin-top:6px;background:#08080A;border:1px solid var(--line);border-radius:10px;padding:12px 13px;color:var(--text);font-size:14.5px;font-family:var(--sans)}
.pack-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:14px 0 6px}
.pack{background:#0A0A0C;border:1px solid var(--line);border-radius:15px;padding:18px;text-align:center}
.pack.best{border-color:rgba(245,197,97,.4)}
.pack-tag{display:block;font-family:"JetBrains Mono",monospace;font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--faint);margin-bottom:8px}
.pack strong{font-family:"Space Grotesk",var(--sans);font-size:31px;display:block}
.pack small{color:var(--muted);display:block;margin:2px 0 13px}
.mini-input{width:62px;background:#08080A;border:1px solid var(--line);border-radius:8px;color:var(--text);padding:6px 8px;font-size:14px;margin:0 6px}
.rules.compact li{padding:9px 2px}
.w-num{margin-left:auto;font-family:"JetBrains Mono",monospace;font-size:12.5px;color:var(--orange);text-align:right}
.rules li .w-num{flex:none}
.btn.danger:hover{border-color:#FF9B8A;color:#FF9B8A}
@media(max-width:820px){.stat-row{grid-template-columns:1fr 1fr}.lead-form-app{grid-template-columns:1fr}.pack-row{grid-template-columns:1fr}}
.dz-label{display:flex;align-items:baseline;gap:8px}
.dz-label .dz-dot{flex:none;transform:translateY(0)}

/* v11 — app fidelity pass (console jesa ghana, saaf layout) */
.app-shell{grid-template-columns:216px 1fr}
.app-side{padding:16px 12px;gap:4px;background:#0A0A0C}
.app-side .brand{margin:2px 4px 10px;font-size:16px}
.side-item{padding:8.5px 10px;font-size:13.5px;border-radius:9px}
.app-main{padding:14px 16px 46px;background:#08080A}
.app-topbar{background:linear-gradient(180deg,#121215,#0C0C0F) padding-box,linear-gradient(160deg,rgba(245,197,97,.2),rgba(255,255,255,.05) 45%,rgba(245,130,31,.08)) border-box;border:1px solid transparent;border-radius:14px;padding:9px 12px;margin-bottom:14px}
.app-search{flex:1;max-width:360px;display:flex;align-items:center;gap:8px;background:#08080A;border:1px solid var(--line);border-radius:10px;padding:0 11px;color:var(--faint)}
.app-search svg{width:15px;height:15px;flex:none}
.app-search input{flex:1;background:transparent;border:none;outline:none;color:var(--text);font-size:13px;padding:8.5px 0;font-family:var(--sans);min-height:0}
.app-topbar .authbox .auth-name{display:none}
.audit-card{padding:24px 24px 20px}
.dropzone{background:#070708;border-color:#1D1D22;padding:16px}
.dz-row .btn.ghost{background:#101013}
.side-user{display:flex;align-items:center;gap:9px;background:#101013;border:1px solid var(--line);border-radius:12px;padding:9px 10px;margin-top:8px}
.su-avatar{width:30px;height:30px;flex:none;border-radius:50%;background:linear-gradient(135deg,var(--ember),var(--gold));color:#1D0E00;font-weight:700;font-size:13.5px;display:flex;align-items:center;justify-content:center;font-family:"Space Grotesk",var(--sans)}
.su-meta{min-width:0;display:flex;flex-direction:column}
.su-meta b{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:130px}
.su-meta small{color:var(--faint);font-size:11px}
@media(max-width:820px){
  .app-shell{grid-template-columns:118px 1fr}
  .app-side{position:sticky;padding:12px 7px}
  .app-side .brand{margin:0 2px 8px}
  .app-side .brand span{display:none}
  .app-side .brand img{width:26px;height:26px}
  .side-label{display:block;font-size:8.5px;margin:8px 4px 4px}
  .side-nav{flex-direction:column;flex-wrap:nowrap;gap:2px}
  .side-item{font-size:11px;padding:7px 7px;gap:6px;border-radius:8px}
  .side-item svg{width:13px;height:13px}
  .side-item .soon.mini{display:none}
  .side-home{margin-top:auto;font-size:10.5px;padding:6px 4px}
  .su-meta b{max-width:64px}
  .su-meta small{font-size:9.5px}
  .su-avatar{width:24px;height:24px;font-size:11px}
  .app-main{padding:10px 10px 40px}
  .app-topbar{flex-wrap:wrap;gap:8px}
  .app-search{order:3;max-width:none;flex-basis:100%}
  .crumb{font-size:10px}
  .audit-card{padding:17px 15px 14px}
  .audit-h{font-size:24px}
  .stat-row{grid-template-columns:repeat(4,1fr);gap:7px}
  .stat-card{padding:10px}
  .stat-card span{font-size:8px;letter-spacing:.08em}
  .stat-card strong{font-size:19px}
  .stat-card .stat-text{font-size:12.5px}
}

/* v11.1 — label + radar hidden fix */
.dz-label{display:block;margin-bottom:10px}
.dz-label .dz-dot{display:inline-block;vertical-align:2px;margin-right:7px}
.radar-wrap[hidden]{display:none !important}

/* v11.2 — sidebar mobile direction fix */
@media(max-width:820px){ .app-side{flex-direction:column;flex-wrap:nowrap;align-items:stretch} }

/* v12 — mobile: sidebar drawer + toggle, content full-width (desktop jesa) */
.side-toggle{display:none;width:38px;height:38px;flex:none;align-items:center;justify-content:center;background:#101013;border:1px solid var(--line);border-radius:10px;color:var(--text);cursor:pointer}
.side-toggle svg{width:19px;height:19px}
.side-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:80}
@media(max-width:820px){
  .app-shell{grid-template-columns:1fr}
  .side-toggle{display:flex}
  .app-side{position:fixed;top:0;left:0;width:238px;height:100dvh;z-index:85;transform:translateX(-106%);transition:transform .28s cubic-bezier(.2,.9,.25,1);box-shadow:0 0 60px rgba(0,0,0,.5);padding:16px 12px;flex-direction:column;flex-wrap:nowrap;align-items:stretch}
  .app-side.open{transform:translateX(0)}
  .app-side .brand span{display:inline}
  .app-side .brand img{width:30px;height:30px}
  .side-label{display:block;font-size:10px;margin:12px 8px 6px}
  .side-nav{flex-direction:column;flex-wrap:nowrap;gap:3px}
  .side-item{font-size:13.5px;padding:8.5px 10px;gap:10px;border-radius:9px}
  .side-item svg{width:17px;height:17px}
  .side-item .soon.mini{display:inline-block}
  .side-home{margin-top:auto;font-size:13px;padding:8px}
  .su-meta b{max-width:130px}
  .su-meta small{font-size:11px}
  .su-avatar{width:30px;height:30px;font-size:13.5px}
  .app-main{padding:12px 12px 44px}
  .app-search{order:0;max-width:360px;flex-basis:auto}
  .app-topbar{flex-wrap:nowrap}
  .crumb{font-size:11.5px;white-space:nowrap}
}
@media(max-width:520px){
  .app-topbar{flex-wrap:wrap}
  .app-search{order:3;flex-basis:100%;max-width:none}
  .app-topbar .authbox{margin-left:auto}
}

/* v13 — floating pill header + announce bar + hero (Droppy mobile jesa) */
header.nav{top:10px;margin:10px 14px 0;border-radius:999px;border:1px solid rgba(245,197,97,.18);background:rgba(11,11,13,.8);box-shadow:0 14px 40px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.05);padding:9px 10px 9px 20px}
header.nav .brand{font-size:19px}
header.nav .brand img{width:34px;height:34px;border-radius:10px}
#signupBtn{border-radius:999px;padding:11px 20px}
#loginBtn{border:none;background:transparent}
#loginBtn:hover{color:var(--gold)}
.hero{position:relative;overflow:clip}
.hero-rings{position:absolute;inset:0;z-index:0;pointer-events:none;background:repeating-radial-gradient(circle at 50% 26%,transparent 0 128px,rgba(245,197,97,.05) 128px 129.5px),radial-gradient(640px 340px at 50% -60px,rgba(245,130,31,.14),transparent 65%)}
.hero>*:not(.hero-rings){position:relative;z-index:1}
.announce{display:inline-flex;align-items:center;gap:11px;text-decoration:none;max-width:100%}
.a-chip{background:linear-gradient(135deg,var(--ember),var(--gold));color:#1D0E00;font-weight:700;font-size:11.5px;padding:5px 12px;border-radius:999px;font-family:"Space Grotesk",var(--sans);letter-spacing:0;text-transform:none}
.a-arrow{color:var(--gold);font-weight:700}
.cta-arrow{font-weight:700}
@media(max-width:820px){
  header.nav{flex-direction:row;align-items:center;gap:8px;margin:8px 10px 0;padding:7px 8px 7px 14px}
  header.nav .nav-links{display:none}
  header.nav #loginBtn{display:none}
  header.nav .authbox{margin-left:auto}
  header.nav .brand{font-size:17px}
  header.nav .brand img{width:30px;height:30px}
  #signupBtn{padding:10px 17px;font-size:13.5px}
  .announce{display:flex;width:100%;justify-content:flex-start;padding:9px 14px}
  .a-text{flex:1;text-align:left}
  .hero h1{font-size:46px;line-height:1.05;letter-spacing:-.03em}
  .hero .sub{font-size:16.5px;line-height:1.65}
  .hero-cta .btn.primary{padding:17px 22px;font-size:16.5px;border-radius:16px;box-shadow:0 12px 34px rgba(245,130,31,.35)}
}

/* v13.1 — announce bar ki tehreer un jesi (aam jumla) */
.announce{text-transform:none;letter-spacing:.01em;font-family:var(--sans);font-weight:500;font-size:13.5px;color:var(--muted)}
.a-chip{text-transform:none}
@media(max-width:820px){ .announce{font-size:12.5px} }

/* v13.2 — hero proof: narangi icons (sabz tick khatam) */
.hero-proof{display:flex;flex-wrap:wrap;gap:13px 28px;justify-content:center;margin-top:20px}
.hero-proof .hp-item{display:inline-flex;align-items:center;gap:8px;color:var(--muted);font-size:13.5px;font-weight:500}
.hero-proof .hp-item svg{width:17.5px;height:17.5px;color:var(--orange);flex:none}
.hero-proof span{color:var(--muted)}
@media(max-width:820px){ .hero-proof{gap:12px 20px;max-width:340px;margin-left:auto;margin-right:auto} }

/* v13.3 — hero proof alignment: barabar grid (un ki tarah) */
.hero-proof{display:grid;grid-template-columns:repeat(4,max-content);justify-content:center;gap:14px 30px}
.hero-proof .hp-item{justify-content:flex-start}
@media(max-width:820px){
  .hero-proof{grid-template-columns:1fr 1fr;gap:13px 16px;max-width:352px}
  .hero-proof .hp-item{font-size:12.8px}
  .a-text{text-align:center}
}

/* v13.4 — proof grid UX: ek line, saaf column */
@media(max-width:820px){
  .hero-proof{max-width:100%;gap:12px}
  .hero-proof .hp-item{font-size:12.3px;white-space:nowrap;letter-spacing:-.01em}
}

/* v14 — app hard gate */
#gateScreen{display:none}
body.app-locked .app-shell{display:none}
body.app-locked #gateScreen{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:22px;background:radial-gradient(700px 380px at 50% -80px,rgba(245,130,31,.13),transparent 65%),#08080A}
.gate-card{max-width:430px;width:100%;background:linear-gradient(180deg,#121215,#0C0C0F) padding-box,linear-gradient(160deg,rgba(245,197,97,.3),rgba(255,255,255,.06) 45%,rgba(245,130,31,.14)) border-box;border:1px solid transparent;border-radius:20px;padding:30px 28px}
.gate-card .brand{font-size:20px}
.gate-card h1{font-family:"Space Grotesk",var(--sans);font-size:26px;letter-spacing:-.02em;margin:20px 0 9px}
.gate-card .lock-actions{margin:18px 0 14px}
.gate-home{display:inline-block;margin-top:16px;color:var(--faint);text-decoration:none;font-size:13.5px}
.gate-home:hover{color:var(--gold)}
#openAppBtn{border-radius:999px}

/* v15 — former identity card */
.identity-card{background:#0D0D10;border:1px solid var(--line);border-radius:14px;padding:14px 16px;margin:14px 0 10px}
.identity-card .eyebrow{margin:0 0 10px}
.id-rows{display:grid;gap:8px}
.id-row{display:flex;align-items:center;gap:10px;font-size:14.5px;color:var(--ink)}
.id-row svg{width:16px;height:16px;color:var(--orange);flex:none}
.id-cap{text-transform:capitalize}

/* v16 — full identity name wraps gracefully, icon stays at the top */
.id-row{align-items:flex-start}
.id-row svg{margin-top:3px}
.id-row span{overflow-wrap:anywhere;line-height:1.45}

/* v18 — previous-search rows stay one tidy line: date, the FIRST domain,
   then dots when the run holds more. min-width:0 lets a long first domain
   ellipsize inside the row instead of pushing the row off-screen. */
.ms-items{min-width:0}
.ms-dots{color:var(--muted);letter-spacing:1px}
.myscan-more{justify-content:center;color:var(--gold);font-weight:700;font-size:13px}

/* v19 — multi-domain results: compact accordion rows on mobile. A closed
   row is a single line (domain + score + grade + chevron); its field rows
   appear only when the row is open. Desktop keeps the full table. */
.row-meta{display:none}
.chev{display:none}
@media(max-width:760px){
  .row-meta{display:inline-flex;align-items:center;gap:7px;margin-left:10px}
  table.multi .chev{display:inline-block;margin-left:auto;color:var(--gold);font-size:15px;transition:transform .2s}
  table.multi tr.open .chev{transform:rotate(180deg)}
  table.multi tr.row-click:not(.open) td:not(.cell-domain){display:none}
  table.multi tr.row-click{padding:4px 14px}
  table.multi td.cell-domain{border-bottom:none;width:100%}
}

/* v20 — the open accordion row stays clean dark like the closed rows: no
   orange hover wash left sitting on it after a tap. A soft gold edge is
   the only sign that this row is the open one. */
#results tr.row-click.open td{background:transparent}
@media(max-width:760px){
  table.multi tr.row-click.open{border-color:rgba(245,197,97,.45)}
}

/* v42 — long domain names cut with an ellipsis instead of pushing the page
   sideways on small screens (the user knows their own domains). Radar log
   lines get the same treatment: one tidy line each, never a wide page. */
.dom-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
td.cell-domain .dom-name{flex:1 1 auto}
.detail-head h3 .dom-name{flex:0 1 auto}
.radar-log p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* v42b — two mobile fixes. (1) The app shell's grid track mis-sizes on small
   screens: the fixed off-canvas sidebar leaves the main column sized by its
   widest content, so the whole page grows past the screen (measured 469px on
   a 360px phone). The sidebar is fixed at this width anyway, so the shell
   simply stacks as a block. (2) The orange hover/active wash sticks after a
   tap on touch screens and tints the whole opened card — off on mobile. */
@media(max-width:820px){
  .app-shell{display:block}
  tr.row-click:hover td, tr.row-click:active td, .row-click:active td{background:transparent}
}
#savedResults tr.row-click.open td{background:transparent}