/* More Calls, design per /workspace/morecalls/design/SPEC.md (Dana, Nov 4 2026).
   Yellow (--accent) is used only for the one primary button per screen state. */
@font-face{font-family:"Barlow Condensed";font-style:normal;font-weight:800;font-display:swap;src:url(/fonts/barlow-condensed-latin-800-normal.woff2) format("woff2")}
@font-face{font-family:"Barlow Condensed";font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/barlow-condensed-latin-600-normal.woff2) format("woff2")}
@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/inter-latin-wght-normal.woff2) format("woff2")}
:root{
  --bg:#141619;--surface:#1E2125;--line:#2F343A;--ink:#F5F5F0;--ink-2:#C4C8CE;--ink-3:#9AA0A8;
  --accent:#FFD60A;--on-accent:#141619;--field:#FFFFFF;--field-ink:#141619;--field-ph:#5B6068;
  --bad:#FF6B5B;--mid:#FFA94D;--good:#4ADE80;--err:#FF8A80;--btn-busy:#3A3F46;--fixbox:#25292E;
  --display:"Barlow Condensed","Arial Narrow",sans-serif;--body:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;
  --s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:24px;--s6:32px;--s7:48px;--s8:64px;--s9:96px;--s10:128px;
}
*,*::before,*::after{box-sizing:border-box}
*{margin:0;padding:0}
html{background:var(--bg);-webkit-text-size-adjust:100%}
body{background:var(--bg);color:var(--ink);font:400 18px/1.65 var(--body);-webkit-font-smoothing:antialiased}
.wrap{max-width:1200px;margin:0 auto;padding:0 var(--s6)}
a{color:var(--ink)}
a:focus-visible,button:focus-visible{outline:3px solid var(--ink);outline-offset:3px}
h1,h2,h3,h4{font-family:var(--display);font-weight:800;text-transform:uppercase;color:var(--ink)}
ul,ol{list-style:none}
.banner{background:var(--ink);color:var(--bg);text-align:center;padding:6px var(--s4);font:600 16px/1.4 var(--body)}
/* header */
.hdr{border-bottom:1px solid var(--line)}
.hdr .wrap{display:flex;align-items:center;justify-content:space-between;gap:var(--s4);height:72px}
.logo{font:800 28px/1 var(--display);letter-spacing:.02em;text-transform:uppercase;display:flex;align-items:center;gap:12px;white-space:nowrap}
.logo .mk{width:28px;height:28px;border:3px solid var(--ink);border-radius:4px;display:grid;place-items:center;flex:none}
.logo .mk i{width:10px;height:10px;background:var(--ink);border-radius:50%}
.logo small{font:500 16px/1 var(--body);letter-spacing:0;text-transform:none;color:var(--ink-3);margin-left:4px}
.hdr-link{font:600 16px/1.2 var(--body);text-decoration:underline;text-underline-offset:4px;display:inline-flex;align-items:center;min-height:44px;text-align:right}
/* hero */
.hero{position:relative;padding:var(--s8) 0 var(--s7);
  background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:48px 48px;background-position:-1px -1px}
.hero::after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 30% 40%,rgba(20,22,25,.55),var(--bg) 75%);pointer-events:none}
.hero>.wrap{position:relative;z-index:1}
.kicker{font:600 16px/1.4 var(--body);color:var(--ink-2);margin-bottom:var(--s4)}
h1{font-size:80px;line-height:.95;letter-spacing:-.005em;max-width:900px}
.sub{font:400 22px/1.5 var(--body);color:var(--ink-2);max-width:720px;margin-top:var(--s5)}
/* scan block (shared component, hero and bottom) */
.scan{margin-top:var(--s7);max-width:1040px}
.scan-label{display:block;font:700 16px/1 var(--body);letter-spacing:.08em;text-transform:uppercase;color:var(--ink);margin-bottom:var(--s3)}
.bar{display:flex;background:var(--field);border-radius:8px;padding:8px;box-shadow:0 0 0 1px rgba(255,255,255,.12),0 24px 64px rgba(0,0,0,.55);transition:box-shadow .15s}
.bar:focus-within{box-shadow:0 0 0 3px var(--bg),0 0 0 6px var(--ink),0 24px 64px rgba(0,0,0,.55)}
.scan.is-error .bar{box-shadow:0 0 0 3px var(--bg),0 0 0 6px var(--err),0 24px 64px rgba(0,0,0,.55)}
.bar-input{flex:1;min-width:0;border:0;outline:0;background:transparent;font:500 30px/1 var(--body);color:var(--field-ink);padding:0 var(--s5);height:88px;border-radius:6px}
.bar-input::placeholder{color:var(--field-ph);opacity:1}
.bar-input:disabled{color:var(--field-ink);opacity:.7}
.btn{appearance:none;border:0;cursor:pointer;font:800 30px/1 var(--display);letter-spacing:.04em;text-transform:uppercase;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;gap:12px;text-decoration:none;text-align:center}
.btn-primary{background:var(--accent);color:var(--on-accent);height:88px;padding:0 var(--s7);flex:none}
.btn-primary:hover{filter:brightness(1.05)}
.btn-ico{width:28px;height:28px;flex:none}
.spin{display:none;width:24px;height:24px;border:3px solid var(--ink-3);border-top-color:var(--ink);border-radius:50%;flex:none}
.scan.is-busy .bar-btn{background:var(--btn-busy);color:var(--ink);cursor:progress}
.scan.is-busy .spin{display:inline-block;animation:spin .8s linear infinite}
.scan.is-busy .btn-ico{display:none}
@keyframes spin{to{transform:rotate(360deg)}}
.progress{height:6px;background:var(--line);border-radius:3px;margin-top:10px;overflow:hidden;visibility:hidden}
.progress i{display:block;height:100%;width:0;background:var(--ink);transition:width 30s cubic-bezier(.1,.6,.3,1)}
.scan.is-busy .progress{visibility:visible}
.scan:not(.is-busy) .progress i{transition:none}
.scan.is-busy .progress i{width:var(--p,70%)}
.helper{margin-top:var(--s2);font:500 18px/1.4 var(--body);color:var(--ink-2);min-height:1.4em}
.scan.is-error .helper{color:var(--err);font-weight:600}
.helper a{color:var(--err);text-underline-offset:3px}
.ts:empty{display:none}
.ts{margin-top:var(--s3)}
.check-row{display:flex;flex-wrap:wrap;gap:var(--s2) var(--s5);margin-top:var(--s6);font:600 16px/1.4 var(--body);color:var(--ink-3)}
.check-row b{font:800 16px/1 var(--display);margin-right:6px;letter-spacing:.06em}
/* score state */
.result-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:var(--s6);align-items:start}
.result-grid.solo{grid-template-columns:minmax(0,760px)}
.card{background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:var(--s6)}
.report{border-top:8px solid var(--score-c,var(--bad))}
.rhead{display:flex;justify-content:space-between;gap:var(--s4);align-items:center;font:600 16px/1.3 var(--body);color:var(--ink-3);border-bottom:1px solid var(--line);padding-bottom:var(--s4);margin-bottom:var(--s5)}
.rhead b{color:var(--ink);font-weight:600;word-break:break-all}
.gauge-row{display:flex;gap:var(--s6);align-items:center}
.gauge{width:260px;flex:none;overflow:visible}
.gauge .needle{transform-box:view-box;transform-origin:130px 140px;transition:transform .6s cubic-bezier(.3,1.4,.5,1)}
.gauge text{font-family:var(--display);font-weight:800}
.gauge .lbl{font-family:var(--body);font-weight:400}
.score-h{font-size:44px;line-height:1}
.score-h:focus{outline:none}
.verdict{display:inline-flex;align-items:center;gap:10px;margin-top:var(--s3);font:800 28px/1 var(--display);text-transform:uppercase;color:var(--score-c,var(--bad))}
.verdict svg{flex:none}
.verdict-line{color:var(--ink-2);margin-top:var(--s3)}
.fix{margin-top:var(--s6);border-left:6px solid var(--ink);padding:var(--s4) var(--s5);background:var(--fixbox)}
.fix h3{font-size:28px;line-height:1.1}
.fix p{margin-top:var(--s3);color:var(--ink)}
.fix .fix-name{font:700 16px/1.3 var(--body);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-2);margin-top:var(--s3)}
.note{margin-top:var(--s4);border-left:4px solid var(--mid);padding:var(--s3) var(--s4);background:var(--fixbox);color:var(--ink);font-size:16px}
.gate h3,.book-full h3{font-size:40px;line-height:1}
.gate p{color:var(--ink-2);margin-top:var(--s3)}
.field-label{display:block;margin-top:var(--s5);margin-bottom:var(--s2);font:700 16px/1 var(--body);letter-spacing:.06em;text-transform:uppercase}
.field{width:100%;height:64px;border:0;border-radius:6px;background:var(--field);color:var(--field-ink);font:500 20px/1 var(--body);padding:0 var(--s4)}
.field::placeholder{color:var(--field-ph);opacity:1}
.field:focus{outline:3px solid var(--ink);outline-offset:3px}
.gate.is-error .field{outline:3px solid var(--err);outline-offset:3px}
.gate .msg{color:var(--err);font-weight:600;margin-top:var(--s3)}
.gate .btn-primary{width:100%;height:64px;margin-top:var(--s3);font-size:26px;padding:0}
.small{font-size:16px;color:var(--ink-3);margin-top:var(--s3)}
.gate .small{color:var(--ink-3)}
.book{margin-top:var(--s6);display:flex;align-items:center;justify-content:space-between;gap:var(--s5);border:1px solid var(--line);border-radius:8px;padding:var(--s5) var(--s6)}
.book p{color:var(--ink-2);max-width:620px}
.btn-ghost{border:2px solid var(--ink);color:var(--ink);background:transparent;min-height:56px;padding:12px var(--s5);font-size:22px;flex:none}
.btn-ghost:hover{background:var(--ink);color:var(--bg)}
.again{margin-top:var(--s5);font:600 16px/1.4 var(--body)}
.again button{background:none;border:0;color:var(--ink);font:inherit;text-decoration:underline;text-underline-offset:4px;cursor:pointer;min-height:44px}
.book-full{margin-top:var(--s5)}
.book-full p{color:var(--ink-2);margin:var(--s3) 0 var(--s4)}
.report-full{margin-top:var(--s6)}
.report-full>h3{font-size:40px;line-height:1}
.fixes{margin-top:var(--s5);display:grid;gap:var(--s4);counter-reset:fx}
.fixes li{counter-increment:fx;border-left:6px solid var(--ink);background:var(--fixbox);padding:var(--s4) var(--s5)}
.fixes h4{font-size:28px;line-height:1.1}
.fixes h4::before{content:counter(fx,decimal-leading-zero) "  ";color:var(--ink-3)}
.fixes p{margin-top:var(--s2);color:var(--ink-2)}
.fixes p strong{color:var(--ink)}
.all-checks{margin-top:var(--s6);border-top:1px solid var(--line)}
.all-checks li{display:grid;grid-template-columns:9rem 1fr;gap:var(--s4);padding:var(--s3) 0;border-bottom:1px solid var(--line);font-size:16px;color:var(--ink-2)}
.all-checks .st{font:800 18px/1.3 var(--display);text-transform:uppercase;letter-spacing:.04em}
.all-checks .is-pass .st{color:var(--good)}.all-checks .is-warn .st{color:var(--mid)}.all-checks .is-fail .st{color:var(--bad)}.all-checks .is-unknown .st{color:var(--ink-3)}
.all-checks b{color:var(--ink);font-weight:600}
/* bands */
section.band{padding:var(--s9) 0;border-top:1px solid var(--line)}
h2{font-size:56px;line-height:1;letter-spacing:0}
.body{color:var(--ink-2);max-width:620px;margin-top:var(--s4)}
.split{display:grid;grid-template-columns:1fr 380px;gap:var(--s9);align-items:center}
.cards{display:grid;grid-template-columns:1fr 1fr;gap:var(--s5);margin-top:var(--s6)}
.cards li{background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:var(--s5)}
.cards h3,.tier h3,.fit h3,.qa h3{font-size:28px;line-height:1.1}
.cards p,.tier p,.qa p{color:var(--ink-2);margin-top:var(--s3)}
.tiers{display:grid;grid-template-columns:1fr 1fr;gap:var(--s5);margin-top:var(--s6)}
.tier{background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:var(--s6)}
.price strong{color:var(--ink)}
.tier .lead{color:var(--ink);font-weight:600}
.ticks{margin-top:var(--s3)}
.ticks li{color:var(--ink-2);padding:6px 0 6px 28px;position:relative}
.ticks li::before{content:"";position:absolute;left:2px;top:.8em;width:12px;height:7px;border-left:3px solid var(--good);border-bottom:3px solid var(--good);transform:rotate(-45deg)}
.founding{margin-top:var(--s5);border:1px dashed var(--ink-3);border-radius:8px;padding:var(--s5)}
.founding strong{font:800 28px/1.1 var(--display);text-transform:uppercase;color:var(--ink)}
.founding p+p{margin-top:var(--s2);color:var(--ink-2)}
.terms{font-weight:600;margin:var(--s5) 0;color:var(--ink)}
.fit{display:grid;grid-template-columns:1fr 1fr;gap:var(--s6);margin-top:var(--s6)}
.fit ul{margin-top:var(--s3)}
.fit li{color:var(--ink-2);padding:var(--s2) 0 var(--s2) 32px;position:relative}
.fit .checks li::before{content:"";position:absolute;left:4px;top:.75em;width:14px;height:8px;border-left:3px solid var(--good);border-bottom:3px solid var(--good);transform:rotate(-45deg)}
.fit .nos li::before,.fit .nos li::after{content:"";position:absolute;left:4px;top:1.05em;width:16px;height:3px;background:var(--bad);transform:rotate(45deg)}
.fit .nos li::after{transform:rotate(-45deg)}
.faq{margin-top:var(--s6);display:grid;gap:var(--s5);max-width:820px}
.qa{border-top:1px solid var(--line);padding-top:var(--s5)}
/* phone mock (illustration only, 13 to 17px inside) */
.phone-fig{margin:0}
.phone{width:340px;border-radius:44px;background:#0B0C0E;padding:12px;box-shadow:0 0 0 2px #3A3F46,0 30px 80px rgba(0,0,0,.6);margin:0 auto}
.screen{background:#fff;border-radius:34px;overflow:hidden;color:#1F1F1F;font:400 14px/1.4 var(--body);height:600px}
.sbar{display:flex;justify-content:space-between;padding:14px 26px 6px;font:600 14px/1 var(--body)}
.q{margin:10px 14px 12px;border-radius:24px;background:#F1F3F4;height:46px;display:flex;align-items:center;padding:0 16px;gap:10px;font-size:16px}
.q svg{width:18px;height:18px}
.map{height:120px;margin:0 14px;border-radius:12px;position:relative;background:linear-gradient(135deg,transparent 48%,#fff 48%,#fff 52%,transparent 52%),linear-gradient(45deg,transparent 46%,#E6E9EC 46%,#E6E9EC 54%,transparent 54%),#DDE7DA}
.pin{position:absolute;width:22px;height:22px;border-radius:50% 50% 50% 0;transform:rotate(-45deg);background:#5F6368}
.pin.me{background:#141619;outline:3px solid #fff}
.ls{padding:12px 16px;border-bottom:1px solid #E8EAED}
.ls h4{font:600 17px/1.3 var(--body);text-transform:none;color:#1A0DAB;display:flex;align-items:center;gap:8px}
.ls .meta{color:#4D5156;font-size:14px}
.ls .stars{color:#E37400;letter-spacing:1px}
.ls .acts{display:flex;gap:8px;margin-top:8px}
.ls .acts span{border:1px solid #DADCE0;border-radius:18px;padding:6px 12px;font:500 13px/1 var(--body);color:#1A73E8}
.ls.you{background:#F1F3F4;box-shadow:inset 4px 0 0 #141619}
.tag{display:inline-block;font:700 11px/1 var(--body);letter-spacing:.06em;text-transform:uppercase;background:#141619;color:#fff;padding:4px 6px;border-radius:3px}
.caption{margin-top:var(--s4);text-align:center;font:500 16px/1.4 var(--body);color:var(--ink-3)}
/* proof ticket */
.ticket{border:2px solid var(--ink-2);border-radius:6px;padding:var(--s6);background:var(--surface);position:relative}
.ticket h2{padding-right:180px}
.ticket .body{max-width:760px}
.stamp{position:absolute;top:var(--s5);right:var(--s5);font:800 16px/1 var(--display);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);border:2px dashed var(--ink-3);padding:8px 12px;border-radius:4px}
.slots{display:grid;grid-template-columns:2fr 1fr;gap:var(--s5)}
.slot{border:2px dashed var(--ink-3);border-radius:6px;padding:var(--s5);color:var(--ink-2);font-weight:600;margin-top:var(--s5)}
/* bottom CTA */
.cta-bottom{padding:var(--s10) 0;background:var(--surface)}
.cta-bottom h2{font-size:72px;line-height:1;max-width:900px}
.cta-bottom .bar{box-shadow:0 0 0 1px rgba(255,255,255,.12),0 24px 64px rgba(0,0,0,.45)}
.cta-bottom .bar:focus-within{box-shadow:0 0 0 3px var(--surface),0 0 0 6px var(--ink)}
.cta-bottom .scan.is-error .bar{box-shadow:0 0 0 3px var(--surface),0 0 0 6px var(--err)}
.alt{margin-top:var(--s5);font:600 18px/1.4 var(--body)}
.alt a{text-decoration:underline;text-underline-offset:4px;display:inline-flex;min-height:44px;align-items:center}
footer{border-top:1px solid var(--line);padding:var(--s6) 0;color:var(--ink-3);font-size:16px}
footer a{color:var(--ink-2);display:inline-flex;min-height:44px;align-items:center;text-underline-offset:4px}
@media (prefers-reduced-motion:reduce){
  .scan.is-busy .spin{animation:none;display:none}
  .gauge .needle{transition:none}
  .progress i{transition:none}
  .bar{transition:none}
}
@media (max-width:900px){
  .split{grid-template-columns:1fr;gap:var(--s7)}
  .result-grid{grid-template-columns:1fr;gap:var(--s5)}
}
@media (max-width:600px){
  body{font-size:17px;line-height:1.65}
  .wrap{padding:0 var(--s4)}
  .hdr .wrap{height:56px}
  .logo{font-size:24px}.logo small{display:none}
  .hdr-link{font-size:16px;white-space:nowrap}
  .logo{gap:10px}.logo .mk{width:24px;height:24px}
  .hero{padding:var(--s5) 0 var(--s6);background-size:32px 32px}
  .kicker{margin-bottom:var(--s2)}
  h1{font-size:46px;line-height:.95}
  .sub{font-size:18px;line-height:1.5;margin-top:var(--s3)}
  .scan{margin-top:var(--s5)}
  .scan-label{margin-bottom:var(--s2)}
  .bar{flex-direction:column;padding:6px;gap:6px}
  .bar-input{flex:none;height:64px;font-size:22px;padding:0 var(--s4)}
  .btn-primary{height:64px;font-size:28px;width:100%}
  .helper{font-size:16px;line-height:1.4}
  .check-row{display:none}
  section.band{padding:var(--s8) 0}
  h2{font-size:42px;line-height:1}
  .cards,.tiers,.fit{grid-template-columns:1fr}
  .phone{width:300px}.screen{height:540px}
  .slots{grid-template-columns:1fr}
  .card{padding:var(--s5)}
  .gauge-row{flex-direction:column;align-items:flex-start;gap:var(--s4)}
  .gauge{width:100%;max-width:320px;align-self:center}
  .score-h{font-size:38px}
  .fix h3,.fixes h4{font-size:24px;line-height:26px}
  .gate h3,.book-full h3,.report-full>h3{font-size:34px}
  .field{font-size:18px}
  .rhead span:last-child{display:none}
  .book{flex-direction:column;align-items:stretch;padding:var(--s5)}
  .btn-ghost{width:100%;font-size:20px}
  .all-checks li{grid-template-columns:1fr;gap:2px}
  .cta-bottom{padding:var(--s8) 0}
  .cta-bottom h2{font-size:44px}
  .ticket{padding:var(--s5)}.ticket h2{padding-right:0}.stamp{position:static;display:inline-block;margin-bottom:var(--s4)}
}