:root{
      --bg:#07090d;
      --bg2:#0d1118;
      --panel:rgba(255,255,255,.055);
      --panel-strong:rgba(255,255,255,.085);
      --line:rgba(255,255,255,.11);
      --text:#f6f7fb;
      --muted:#9da7b8;
      --accent:#7c5cff;
      --accent2:#4ad6ff;
      --ok:#63e6a2;
      --warn:#ffd166;
      --danger:#ff6b7a;
      --shadow:0 28px 80px rgba(0,0,0,.42);
      --radius:22px;
      --max:1220px;
    }

    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{
      margin:0;
      font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
      color:var(--text);
      background:
        radial-gradient(circle at 12% 10%, rgba(124,92,255,.18), transparent 28%),
        radial-gradient(circle at 85% 8%, rgba(74,214,255,.12), transparent 24%),
        linear-gradient(180deg,#07090d 0%,#0a0d14 42%,#090c12 100%);
      min-height:100vh;
    }

    a{color:inherit;text-decoration:none}
    button,input{font:inherit}
    button{cursor:pointer}

    .wrap{
      width:min(var(--max), calc(100% - 40px));
      margin:0 auto;
    }


    .brand-logo{
      display:flex;
      align-items:center;
      min-height:44px;
    }

    .instanthelp-logo{
      display:block;
      width:auto;
      height:46px;
      max-width:220px;
      object-fit:contain;
    }

    @media (max-width:640px){
      .instanthelp-logo{
        height:38px;
        max-width:180px;
      }
    }

    .topbar{
      position:sticky;
      top:0;
      z-index:40;
      backdrop-filter:blur(18px);
      background:rgba(7,9,13,.68);
      border-bottom:1px solid rgba(255,255,255,.06);
    }

    .nav{
      height:82px;
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:24px;
    }

    .brand{
      display:flex;
      align-items:center;
      gap:12px;
      font-weight:800;
      letter-spacing:-.03em;
      font-size:20px;
    }

    .mark{
      width:34px;height:34px;border-radius:11px;
      display:grid;place-items:center;
      background:linear-gradient(135deg,var(--accent),var(--accent2));
      box-shadow:0 8px 24px rgba(124,92,255,.28);
      color:white;
      font-size:18px;
    }

    .mini{
      display:flex;
      align-items:center;
      gap:18px;
      color:var(--muted);
      font-size:14px;
    }

    .status-dot{
      width:8px;height:8px;border-radius:50%;
      background:var(--ok);
      box-shadow:0 0 0 5px rgba(99,230,162,.08);
      display:inline-block;
      margin-right:8px;
    }

    .hero{
      padding:82px 0 44px;
    }

    .eyebrow{
      display:inline-flex;
      align-items:center;
      gap:10px;
      border:1px solid var(--line);
      background:rgba(255,255,255,.04);
      border-radius:999px;
      padding:8px 12px;
      color:#c8cfdb;
      font-size:13px;
      margin-bottom:22px;
    }

    .hero-grid{
      display:grid;
      grid-template-columns:1.08fr .92fr;
      gap:44px;
      align-items:start;
    }

    h1{
      margin:0;
      font-size:clamp(48px,7vw,92px);
      line-height:.95;
      letter-spacing:-.065em;
      max-width:900px;
    }

    h1 .grad{
      background:linear-gradient(90deg,#fff 0%,#c8bfff 46%,#8ee9ff 100%);
      -webkit-background-clip:text;
      background-clip:text;
      color:transparent;
    }

    .lead{
      margin:26px 0 0;
      max-width:720px;
      color:#aeb7c6;
      font-size:clamp(18px,2vw,22px);
      line-height:1.55;
    }

    .hero-note{
      margin-top:26px;
      display:flex;
      flex-wrap:wrap;
      gap:10px 18px;
      color:#7f8a9a;
      font-size:13px;
    }

    .hero-note span{
      display:flex;
      align-items:center;
      gap:8px;
    }

    .checker{
      background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.045));
      border:1px solid var(--line);
      border-radius:28px;
      padding:22px;
      box-shadow:var(--shadow);
      position:relative;
      overflow:hidden;
    }

    .checker:before{
      content:"";
      position:absolute;
      inset:-1px auto auto -1px;
      width:150px;height:150px;
      background:radial-gradient(circle,rgba(124,92,255,.22),transparent 66%);
      pointer-events:none;
    }

    .checker-head{
      display:flex;
      align-items:center;
      justify-content:space-between;
      margin-bottom:16px;
    }

    .checker-head strong{font-size:17px}
    .live{
      color:var(--ok);
      font-size:12px;
      border:1px solid rgba(99,230,162,.22);
      background:rgba(99,230,162,.06);
      padding:7px 10px;
      border-radius:999px;
    }

    .input-row{
      display:grid;
      grid-template-columns:1fr auto;
      gap:10px;
    }

    .domain{
      width:100%;
      padding:16px 16px;
      border-radius:14px;
      border:1px solid rgba(255,255,255,.12);
      background:#0a0e14;
      color:white;
      outline:none;
      transition:.2s ease;
    }

    .domain:focus{
      border-color:rgba(124,92,255,.9);
      box-shadow:0 0 0 4px rgba(124,92,255,.10);
    }

    .primary{
      border:0;
      border-radius:14px;
      padding:0 18px;
      color:white;
      font-weight:700;
      background:linear-gradient(135deg,var(--accent),#5d46e8);
      box-shadow:0 10px 24px rgba(124,92,255,.25);
    }

    .scan{
      display:none;
      margin-top:16px;
      border-top:1px solid var(--line);
      padding-top:16px;
    }

    .scan.active{display:block}

    .scanline{
      height:7px;
      background:#161c26;
      border-radius:99px;
      overflow:hidden;
      margin-bottom:14px;
    }

    .scanline > i{
      display:block;
      width:0%;
      height:100%;
      border-radius:99px;
      background:linear-gradient(90deg,var(--accent),var(--accent2));
      transition:width 1.15s ease;
    }

    .scan-items{
      display:grid;
      gap:9px;
      font-size:13px;
      color:#c3cada;
    }

    .scan-items div{
      display:flex;
      justify-content:space-between;
      gap:18px;
      padding:10px 12px;
      border-radius:12px;
      background:rgba(255,255,255,.035);
    }

    .scan-items b{font-weight:650}
    .ok{color:var(--ok)}
    .warn{color:var(--warn)}
    .bad{color:var(--danger)}

    .section{
      padding:58px 0;
    }

    .section-head{
      display:flex;
      align-items:end;
      justify-content:space-between;
      gap:30px;
      margin-bottom:22px;
    }

    h2{
      margin:0;
      font-size:clamp(30px,4vw,48px);
      letter-spacing:-.04em;
    }

    .section-head p{
      margin:0;
      max-width:520px;
      color:var(--muted);
      line-height:1.6;
    }

    .issue-grid{
      display:grid;
      grid-template-columns:repeat(3,1fr);
      gap:14px;
    }

    .issue{
      border:1px solid var(--line);
      background:var(--panel);
      border-radius:18px;
      padding:19px;
      min-height:150px;
      text-align:left;
      color:white;
      transition:.2s ease;
      position:relative;
      overflow:hidden;
    }

    .issue:hover,.issue.selected{
      transform:translateY(-3px);
      border-color:rgba(124,92,255,.62);
      background:rgba(124,92,255,.09);
      box-shadow:0 16px 34px rgba(0,0,0,.18);
    }

    .issue-icon{
      width:42px;height:42px;border-radius:12px;
      display:grid;place-items:center;
      background:rgba(255,255,255,.06);
      margin-bottom:20px;
      font-size:20px;
    }

    .issue strong{
      display:block;
      font-size:16px;
      margin-bottom:7px;
    }

    .issue small{
      color:#8f9aab;
      line-height:1.45;
      font-size:13px;
    }

    .action-shell{
      margin-top:18px;
      display:none;
      grid-template-columns:1fr auto;
      gap:12px;
      background:rgba(255,255,255,.05);
      border:1px solid var(--line);
      border-radius:18px;
      padding:14px;
    }

    .action-shell.active{display:grid}

    .action-text{
      padding:4px 6px;
    }

    .action-text strong{display:block;margin-bottom:4px}
    .action-text span{color:var(--muted);font-size:13px}

    .secondary{
      border:1px solid rgba(255,255,255,.13);
      background:#f5f7fb;
      color:#10141c;
      border-radius:14px;
      padding:12px 16px;
      font-weight:750;
    }

    .flow{
      display:grid;
      grid-template-columns:repeat(4,1fr);
      gap:14px;
    }

    .step{
      padding:22px;
      border-radius:18px;
      border:1px solid var(--line);
      background:rgba(255,255,255,.035);
    }

    .step-num{
      width:32px;height:32px;
      border-radius:10px;
      display:grid;place-items:center;
      background:rgba(124,92,255,.16);
      color:#c9c0ff;
      font-weight:800;
      margin-bottom:36px;
    }

    .step strong{display:block;margin-bottom:8px}
    .step p{
      margin:0;
      color:#8f9aab;
      line-height:1.55;
      font-size:14px;
    }

    .trust{
      display:grid;
      grid-template-columns:1.1fr .9fr;
      gap:20px;
      align-items:stretch;
    }

    .trust-card,.cta{
      border:1px solid var(--line);
      border-radius:24px;
      padding:28px;
      background:rgba(255,255,255,.045);
    }

    .trust-card h3,.cta h3{
      margin:0 0 12px;
      font-size:25px;
      letter-spacing:-.03em;
    }

    .trust-card p,.cta p{
      margin:0;
      color:var(--muted);
      line-height:1.65;
    }

    .trust-pills{
      display:flex;
      flex-wrap:wrap;
      gap:8px;
      margin-top:20px;
    }

    .pill{
      padding:9px 11px;
      border-radius:999px;
      border:1px solid var(--line);
      color:#bdc5d2;
      font-size:12px;
      background:rgba(255,255,255,.03);
    }

    .cta{
      background:
        radial-gradient(circle at 85% 20%,rgba(74,214,255,.15),transparent 30%),
        radial-gradient(circle at 15% 90%,rgba(124,92,255,.18),transparent 34%),
        rgba(255,255,255,.055);
      display:flex;
      flex-direction:column;
      justify-content:space-between;
      min-height:270px;
    }

    .cta .primary{
      align-self:flex-start;
      padding:14px 18px;
      margin-top:26px;
    }


    .hosting-band{
      padding:72px 0;
      background:
        linear-gradient(180deg, rgba(124,92,255,.055), rgba(74,214,255,.035)),
        transparent;
      border-top:1px solid rgba(255,255,255,.06);
      border-bottom:1px solid rgba(255,255,255,.06);
    }

    .hosting-grid{
      display:grid;
      grid-template-columns:.9fr 1.1fr;
      gap:24px;
      align-items:stretch;
    }

    .hosting-copy{
      border:1px solid var(--line);
      border-radius:26px;
      padding:30px;
      background:
        radial-gradient(circle at 0% 0%, rgba(124,92,255,.18), transparent 34%),
        rgba(255,255,255,.045);
    }

    .hosting-copy h2{
      margin-bottom:16px;
    }

    .hosting-copy p{
      color:var(--muted);
      line-height:1.7;
      margin:0 0 18px;
      font-size:16px;
    }

    .hosting-copy .bigline{
      color:#fff;
      font-size:20px;
      line-height:1.45;
      font-weight:760;
      letter-spacing:-.02em;
      margin:22px 0;
    }

    .hosting-cta{
      display:flex;
      flex-wrap:wrap;
      gap:10px;
      margin-top:24px;
    }

    .ghost{
      border:1px solid rgba(255,255,255,.14);
      background:rgba(255,255,255,.035);
      color:#fff;
      border-radius:14px;
      padding:13px 16px;
      font-weight:700;
    }

    .hosting-cards{
      display:grid;
      grid-template-columns:repeat(2,1fr);
      gap:14px;
    }

    .hosting-card{
      border:1px solid var(--line);
      background:rgba(255,255,255,.04);
      border-radius:20px;
      padding:22px;
      min-height:180px;
    }

    .hosting-card .quote{
      color:#fff;
      font-size:18px;
      line-height:1.45;
      font-weight:700;
      letter-spacing:-.02em;
      margin:14px 0 10px;
    }

    .hosting-card p{
      margin:0;
      color:#8f9aab;
      line-height:1.55;
      font-size:14px;
    }

    .hosting-kicker{
      width:38px;height:38px;border-radius:12px;
      display:grid;place-items:center;
      background:rgba(255,255,255,.06);
      font-size:18px;
    }

    .clarity-strip{
      margin-top:18px;
      display:grid;
      grid-template-columns:repeat(4,1fr);
      gap:10px;
    }

    .clarity-strip div{
      border:1px solid rgba(255,255,255,.08);
      background:rgba(255,255,255,.025);
      border-radius:14px;
      padding:14px;
      color:#c5ccd8;
      font-size:13px;
    }

    .clarity-strip b{
      display:block;
      color:#fff;
      margin-bottom:4px;
      font-size:13px;
    }

    @media (max-width: 980px){
      .hosting-grid{grid-template-columns:1fr}
      .clarity-strip{grid-template-columns:repeat(2,1fr)}
    }

    @media (max-width: 640px){
      .hosting-cards{grid-template-columns:1fr}
      .clarity-strip{grid-template-columns:1fr}
      .hosting-copy{padding:22px}
    }


    .lang-switch{
      display:inline-flex;
      align-items:center;
      gap:4px;
      padding:4px;
      border:1px solid rgba(255,255,255,.10);
      background:rgba(255,255,255,.035);
      border-radius:999px;
    }

    .lang-btn{
      min-width:38px;
      border:0;
      border-radius:999px;
      padding:7px 10px;
      background:transparent;
      color:#8f9aab;
      font-size:12px;
      font-weight:800;
      letter-spacing:.04em;
    }

    .lang-btn.active{
      background:#f5f7fb;
      color:#10141c;
    }

    @media (max-width:640px){
      .mini{gap:8px}
      .mini .support-online{display:none}
    }


    .audit-summary{
      display:grid;
      grid-template-columns:1fr 1fr;
      gap:10px;
      margin-top:14px;
    }
    .audit-box{
      border:1px solid rgba(255,255,255,.08);
      border-radius:14px;
      padding:13px;
      background:rgba(255,255,255,.025);
    }
    .audit-box b{
      display:block;
      font-size:12px;
      margin-bottom:4px;
      color:#dfe5ec;
    }
    .audit-box span{
      color:#8f9aa9;
      font-size:12px;
      line-height:1.45;
    }
    .audit-box.good{
      border-color:rgba(99,230,162,.16);
      background:rgba(99,230,162,.035);
    }
    .audit-box.opportunity{
      border-color:rgba(255,209,102,.18);
      background:rgba(255,209,102,.035);
    }
    .audit-cta{
      margin-top:12px;
      width:100%;
      min-height:46px;
      border-radius:13px;
      border:1px solid rgba(255,255,255,.11);
      background:rgba(255,255,255,.045);
      color:#fff;
      font-weight:750;
    }
    @media (max-width:640px){
      .audit-summary{grid-template-columns:1fr}
    }


    .ih-modal{
      position:fixed;
      inset:0;
      z-index:9999;
      display:none;
      align-items:center;
      justify-content:center;
      padding:24px;
      background:rgba(3,6,10,.72);
      backdrop-filter:blur(16px);
    }
    .ih-modal.open{display:flex}
    .ih-dialog{
      width:min(760px,100%);
      max-height:min(82vh,820px);
      overflow:auto;
      border:1px solid rgba(255,255,255,.12);
      border-radius:26px;
      background:
        radial-gradient(circle at 90% 0%,rgba(74,214,255,.09),transparent 26%),
        radial-gradient(circle at 0% 100%,rgba(124,92,255,.12),transparent 34%),
        #0d1118;
      box-shadow:0 30px 100px rgba(0,0,0,.58);
      padding:26px;
    }
    .ih-dialog-top{
      display:flex;
      align-items:flex-start;
      justify-content:space-between;
      gap:18px;
      margin-bottom:20px;
    }
    .ih-dialog-top h3{
      margin:4px 0 0;
      font-size:clamp(24px,4vw,34px);
      letter-spacing:-.04em;
    }
    .ih-close{
      width:38px;height:38px;
      flex:0 0 38px;
      display:grid;place-items:center;
      border-radius:12px;
      border:1px solid rgba(255,255,255,.1);
      background:rgba(255,255,255,.04);
      color:#fff;
      font-size:20px;
    }
    .ih-modal-sub{
      color:#97a2b2;
      line-height:1.6;
      margin:0 0 20px;
    }
    .finding-list{
      display:grid;
      gap:10px;
      margin:18px 0;
    }
    .finding{
      display:grid;
      grid-template-columns:42px 1fr auto;
      gap:12px;
      align-items:center;
      border:1px solid rgba(255,255,255,.08);
      background:rgba(255,255,255,.03);
      border-radius:16px;
      padding:14px;
    }
    .finding-icon{
      width:42px;height:42px;
      border-radius:12px;
      display:grid;place-items:center;
      background:rgba(255,255,255,.05);
    }
    .finding strong{display:block;margin-bottom:4px}
    .finding p{
      margin:0;
      color:#8e99a9;
      font-size:13px;
      line-height:1.45;
    }
    .finding-status{
      font-size:12px;
      font-weight:800;
      padding:7px 10px;
      border-radius:999px;
      white-space:nowrap;
    }
    .finding-status.ok{
      color:var(--ok);
      background:rgba(99,230,162,.07);
      border:1px solid rgba(99,230,162,.14);
    }
    .finding-status.warn{
      color:var(--warn);
      background:rgba(255,209,102,.07);
      border:1px solid rgba(255,209,102,.14);
    }
    .ih-next{
      margin-top:20px;
      display:grid;
      grid-template-columns:1fr auto;
      gap:14px;
      align-items:center;
      padding:16px;
      border-radius:18px;
      border:1px solid rgba(124,92,255,.2);
      background:rgba(124,92,255,.065);
    }
    .ih-next strong{display:block;margin-bottom:5px}
    .ih-next span{color:#9da7b8;font-size:13px}
    .ih-next .primary{min-height:46px;padding:0 16px}

    .intake-grid{
      display:grid;
      grid-template-columns:1fr 1fr;
      gap:12px;
      margin-top:16px;
    }
    .intake-field{
      display:grid;
      gap:7px;
    }
    .intake-field.full{grid-column:1/-1}
    .intake-field label{
      color:#b8c0cc;
      font-size:12px;
      font-weight:700;
    }
    .intake-field input,.intake-field textarea{
      width:100%;
      border-radius:13px;
      border:1px solid rgba(255,255,255,.1);
      background:#090d13;
      color:#fff;
      padding:13px 14px;
      outline:none;
    }
    .intake-field textarea{min-height:110px;resize:vertical}
    .intake-field input:focus,.intake-field textarea:focus{
      border-color:rgba(124,92,255,.7);
      box-shadow:0 0 0 3px rgba(124,92,255,.09);
    }
    @media(max-width:640px){
      .ih-dialog{padding:20px}
      .finding{grid-template-columns:38px 1fr}
      .finding-status{grid-column:2;justify-self:start}
      .ih-next{grid-template-columns:1fr}
      .intake-grid{grid-template-columns:1fr}
    }

    footer{
      padding:38px 0 54px;
      color:#7b8491;
      font-size:13px;
    }

    .footer-row{
      border-top:1px solid rgba(255,255,255,.07);
      padding-top:24px;
      display:flex;
      justify-content:space-between;
      gap:20px;
      flex-wrap:wrap;
    }

    .powered{
      color:#aeb6c4;
    }

    @media (max-width: 980px){
      .hero-grid,.trust{grid-template-columns:1fr}
      .issue-grid{grid-template-columns:repeat(2,1fr)}
      .flow{grid-template-columns:repeat(2,1fr)}
      .checker{max-width:700px}
    }

    @media (max-width: 640px){
      .wrap{width:min(var(--max), calc(100% - 24px))}
      .nav{height:70px}
      .mini span:first-child{display:none}
      .hero{padding:54px 0 32px}
      h1{font-size:clamp(44px,16vw,66px)}
      .lead{font-size:17px}
      .input-row{grid-template-columns:1fr}
      .primary{min-height:50px}
      .section{padding:42px 0}
      .section-head{display:block}
      .section-head p{margin-top:10px}
      .issue-grid,.flow{grid-template-columns:1fr}
      .issue{min-height:136px}
      .action-shell{grid-template-columns:1fr}
      .action-shell .secondary{width:100%}
      .trust-card,.cta{padding:22px}
    }
  
/* ===== InstantHelp v7 — premium design pass ===== */
:root{
  --bg:#05070b;
  --bg2:#0a0e15;
  --panel:rgba(255,255,255,.045);
  --panel-strong:rgba(255,255,255,.075);
  --line:rgba(255,255,255,.095);
  --text:#f7f8fc;
  --muted:#929cab;
  --accent:#7657ff;
  --accent2:#53d8ff;
  --ok:#65e5aa;
  --warn:#f6c85f;
  --danger:#ff6f7f;
  --max:1380px;
}

html{background:var(--bg)}
body{
  overflow-x:hidden;
  background:
    radial-gradient(900px 600px at 13% 8%,rgba(105,72,255,.16),transparent 64%),
    radial-gradient(850px 620px at 88% 17%,rgba(46,183,220,.11),transparent 68%),
    linear-gradient(180deg,#05070b 0%,#080b11 44%,#070a10 100%);
}
body:before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:-1;
  opacity:.16;
  background-image:
    linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);
  background-size:64px 64px;
  mask-image:linear-gradient(to bottom,black,transparent 74%);
}
body:after{
  content:"";
  position:fixed;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:radial-gradient(circle at center,transparent 38%,rgba(0,0,0,.36) 100%);
}

::selection{background:rgba(118,87,255,.42);color:#fff}

.topbar{
  background:rgba(5,7,11,.76);
  border-bottom:1px solid rgba(255,255,255,.055);
  box-shadow:0 1px 0 rgba(0,0,0,.35);
}
.nav{height:88px}
.instanthelp-logo{
  height:50px;
  max-width:235px;
  filter:brightness(1.8) contrast(1.06);
  transition:transform .25s ease,filter .25s ease;
}
.brand-logo:hover .instanthelp-logo{
  transform:translateY(-1px);
  filter:brightness(2) contrast(1.08);
}

.lang-switch{
  background:rgba(255,255,255,.025);
  border-color:rgba(255,255,255,.08);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025);
}
.lang-btn{
  transition:background .2s ease,color .2s ease,transform .2s ease;
}
.lang-btn:hover{color:#fff}
.lang-btn.active{
  background:linear-gradient(180deg,#f9fafc,#dce0e8);
  color:#11151c;
  box-shadow:0 4px 16px rgba(0,0,0,.28);
}

.hero{
  position:relative;
  isolation:isolate;
  padding:98px 0 86px;
}
.hero:before{
  content:"";
  position:absolute;
  width:620px;
  height:620px;
  left:-250px;
  top:-160px;
  z-index:-1;
  border-radius:50%;
  background:radial-gradient(circle,rgba(105,72,255,.17),rgba(105,72,255,.05) 36%,transparent 70%);
  filter:blur(12px);
}
.hero:after{
  content:"";
  position:absolute;
  width:540px;
  height:540px;
  right:-190px;
  top:10px;
  z-index:-1;
  border-radius:50%;
  background:radial-gradient(circle,rgba(60,202,237,.13),rgba(60,202,237,.035) 42%,transparent 72%);
  filter:blur(14px);
}
.hero-grid{
  grid-template-columns:minmax(0,1.04fr) minmax(480px,.96fr);
  gap:clamp(52px,6vw,96px);
  align-items:center;
  min-height:610px;
}
.hero-grid>div:first-child{max-width:710px}

.eyebrow{
  position:relative;
  padding:9px 14px 9px 30px;
  margin-bottom:26px;
  border-color:rgba(255,255,255,.085);
  background:rgba(255,255,255,.025);
  color:#c5ccd7;
  font-size:12px;
  font-weight:700;
  letter-spacing:.025em;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025);
}
.eyebrow:before{
  content:"";
  position:absolute;
  left:13px;
  width:7px;height:7px;
  border-radius:50%;
  background:linear-gradient(135deg,var(--accent),var(--accent2));
  box-shadow:0 0 0 5px rgba(118,87,255,.08),0 0 18px rgba(83,216,255,.28);
}

h1{
  font-size:clamp(58px,6.8vw,104px);
  line-height:.91;
  letter-spacing:-.072em;
  text-wrap:balance;
  text-shadow:0 12px 45px rgba(0,0,0,.28);
}
h1 .grad{
  background:linear-gradient(98deg,#cfc7ff 0%,#9d90ff 36%,#73d8f5 78%,#c7f2ff 100%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}
.lead{
  max-width:640px;
  margin-top:30px;
  color:#a8b1bf;
  font-size:clamp(18px,1.45vw,21px);
  line-height:1.62;
}
.hero-note{
  margin-top:30px;
  gap:11px 22px;
  color:#7f8999;
  font-size:12.5px;
}
.hero-note span:before{
  content:"";
  width:4px;height:4px;
  border-radius:50%;
  background:#596274;
  flex:0 0 auto;
}
.hero-note span{gap:8px}

.checker{
  padding:26px;
  border-color:rgba(255,255,255,.11);
  border-radius:30px;
  background:
    linear-gradient(135deg,rgba(255,255,255,.072),rgba(255,255,255,.022) 55%),
    rgba(10,14,20,.78);
  box-shadow:
    0 36px 90px rgba(0,0,0,.48),
    0 0 0 1px rgba(0,0,0,.3),
    inset 0 1px 0 rgba(255,255,255,.07);
  backdrop-filter:blur(22px);
  transform:perspective(1200px) rotateY(-1.2deg) rotateX(.7deg);
  transition:transform .35s ease,border-color .35s ease,box-shadow .35s ease;
}
.checker:hover{
  transform:perspective(1200px) rotateY(0) rotateX(0) translateY(-3px);
  border-color:rgba(118,87,255,.28);
  box-shadow:
    0 42px 100px rgba(0,0,0,.54),
    0 0 0 1px rgba(118,87,255,.08),
    inset 0 1px 0 rgba(255,255,255,.08);
}
.checker:before{
  width:260px;height:260px;
  inset:-90px auto auto -70px;
  background:radial-gradient(circle,rgba(118,87,255,.24),transparent 68%);
}
.checker:after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(110deg,transparent 0 38%,rgba(255,255,255,.035) 48%,transparent 58%);
  transform:translateX(-110%);
  transition:transform .8s ease;
}
.checker:hover:after{transform:translateX(110%)}
.checker.is-scanning{
  border-color:rgba(83,216,255,.34);
  box-shadow:0 38px 100px rgba(0,0,0,.52),0 0 50px rgba(83,216,255,.07),inset 0 1px 0 rgba(255,255,255,.08);
}

.checker-head{
  margin-bottom:18px;
  padding-bottom:16px;
  border-bottom:1px solid rgba(255,255,255,.07);
}
.checker-head strong{
  font-size:15px;
  letter-spacing:-.01em;
}
.live{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:7px 10px;
  font-size:10px;
  letter-spacing:.06em;
  font-weight:800;
  background:rgba(101,229,170,.055);
  border-color:rgba(101,229,170,.17);
}
.live:before{
  content:"";
  width:6px;height:6px;border-radius:50%;
  background:var(--ok);
  box-shadow:0 0 0 5px rgba(101,229,170,.06);
}
.live{font-size:0}
.live:after{content:"ONLINE";font-size:10px}

.input-row{
  gap:9px;
  padding:5px;
  border-radius:17px;
  border:1px solid rgba(255,255,255,.075);
  background:rgba(0,0,0,.22);
}
.domain{
  min-height:52px;
  border:0;
  background:transparent;
  padding:13px 14px;
  border-radius:12px;
  color:#fff;
  box-shadow:none!important;
}
.domain::placeholder{color:#646e7d}
.domain:focus{border:0}
.primary{
  position:relative;
  overflow:hidden;
  min-height:48px;
  border-radius:12px;
  padding:0 20px;
  background:linear-gradient(135deg,#805eff 0%,#6247f0 58%,#5441df 100%);
  box-shadow:0 12px 28px rgba(89,64,226,.26),inset 0 1px 0 rgba(255,255,255,.16);
  transition:transform .2s ease,box-shadow .2s ease,filter .2s ease;
}
.primary:hover{
  transform:translateY(-1px);
  filter:brightness(1.06);
  box-shadow:0 16px 32px rgba(89,64,226,.32),inset 0 1px 0 rgba(255,255,255,.2);
}
.primary:active{transform:translateY(0)}

.scan{
  margin-top:19px;
  padding-top:18px;
  border-top-color:rgba(255,255,255,.07);
}
.scanline{
  height:4px;
  background:rgba(255,255,255,.055);
  margin-bottom:16px;
}
.scanline>i{
  background:linear-gradient(90deg,#7657ff 0%,#53d8ff 72%,#8cf0ff 100%);
  box-shadow:0 0 18px rgba(83,216,255,.32);
  transition:width 1.65s cubic-bezier(.22,1,.36,1);
}
.scan-items{gap:7px}
.scan-items>div{
  position:relative;
  padding:11px 13px 11px 34px;
  min-height:42px;
  background:rgba(255,255,255,.025);
  border:1px solid rgba(255,255,255,.035);
  color:#aeb7c3;
  opacity:1;
  transform:none;
  transition:opacity .32s ease,transform .32s ease,background .2s ease;
}
.scan-items>div:before{
  content:"";
  position:absolute;
  left:14px;top:50%;
  width:7px;height:7px;
  transform:translateY(-50%);
  border-radius:50%;
  background:#586171;
  box-shadow:0 0 0 4px rgba(255,255,255,.025);
}
.scan-items>div:nth-child(1):before,
.scan-items>div:nth-child(2):before{background:var(--ok)}
.scan-items>div:nth-child(4):before,
.scan-items>div:nth-child(5):before{background:var(--warn)}
.scan-items>div:hover{background:rgba(255,255,255,.038)}
.scan.active.staging .scan-items>div,
.scan.active.staging .audit-summary,
.scan.active.staging .audit-cta{
  opacity:0;
  transform:translateY(6px);
}
.scan.active .scan-items>div.show,
.scan.active .audit-summary.show,
.scan.active .audit-cta.show{
  opacity:1;
  transform:translateY(0);
}

.audit-summary{gap:8px;margin-top:10px}
.audit-box{
  padding:14px;
  border-radius:13px;
  background:rgba(255,255,255,.022);
}
.audit-box b{font-size:11px;letter-spacing:.01em}
.audit-box span{font-size:11px}
.audit-cta{
  min-height:48px;
  margin-top:10px;
  border-radius:12px;
  border-color:rgba(118,87,255,.17);
  background:linear-gradient(180deg,rgba(118,87,255,.11),rgba(118,87,255,.055));
  transition:background .2s ease,border-color .2s ease,transform .2s ease;
}
.audit-cta:hover{
  transform:translateY(-1px);
  border-color:rgba(118,87,255,.34);
  background:rgba(118,87,255,.14);
}

.section{padding:94px 0}
.section-head{margin-bottom:34px;align-items:flex-end}
.section-head>div{max-width:650px}
.section-head p{
  max-width:560px;
  font-size:15px;
  line-height:1.7;
  color:#8f99a7;
}
h2{
  font-size:clamp(38px,4.4vw,64px);
  line-height:1;
  letter-spacing:-.055em;
  text-wrap:balance;
}

.issue-grid{
  counter-reset:issue-card;
  gap:12px;
}
.issue{
  counter-increment:issue-card;
  min-height:188px;
  padding:24px;
  border-radius:22px;
  border-color:rgba(255,255,255,.075);
  background:
    linear-gradient(150deg,rgba(255,255,255,.038),rgba(255,255,255,.013)),
    rgba(8,11,16,.64);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025);
}
.issue:before{
  content:"0" counter(issue-card);
  position:absolute;
  top:20px;right:20px;
  font-size:10px;
  letter-spacing:.1em;
  font-weight:800;
  color:#596271;
}
.issue:after{
  content:"";
  position:absolute;
  left:0;right:0;bottom:0;
  height:2px;
  opacity:0;
  transform:scaleX(.25);
  transform-origin:left;
  background:linear-gradient(90deg,var(--accent),var(--accent2),transparent);
  transition:opacity .25s ease,transform .35s ease;
}
.issue:hover,.issue.selected{
  transform:translateY(-5px);
  border-color:rgba(118,87,255,.34);
  background:
    radial-gradient(circle at 0 0,rgba(118,87,255,.09),transparent 38%),
    rgba(255,255,255,.035);
  box-shadow:0 22px 55px rgba(0,0,0,.26),inset 0 1px 0 rgba(255,255,255,.045);
}
.issue:hover:after,.issue.selected:after{opacity:1;transform:scaleX(1)}
.issue-icon{
  width:46px;height:46px;
  margin-bottom:32px;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.06);
  background:rgba(255,255,255,.03);
  color:#c4ccda;
  font-size:18px;
  transition:transform .25s ease,background .25s ease,color .25s ease;
}
.issue:hover .issue-icon,.issue.selected .issue-icon{
  transform:translateY(-2px);
  background:rgba(118,87,255,.11);
  color:#fff;
}
.issue strong{
  font-size:17px;
  letter-spacing:-.015em;
  margin-bottom:9px;
}
.issue small{
  display:block;
  max-width:95%;
  color:#7f8998;
  font-size:13px;
  line-height:1.58;
}

.action-shell{
  margin-top:14px;
  padding:17px 17px 17px 20px;
  border-radius:18px;
  border-color:rgba(118,87,255,.16);
  background:
    linear-gradient(90deg,rgba(118,87,255,.075),rgba(255,255,255,.022) 44%),
    rgba(7,10,15,.72);
  box-shadow:inset 3px 0 0 rgba(118,87,255,.55);
}
.secondary{
  min-height:48px;
  padding:0 18px;
  border-color:rgba(255,255,255,.11);
  background:#eef1f7;
  box-shadow:0 10px 28px rgba(0,0,0,.2);
  transition:transform .2s ease,background .2s ease;
}
.secondary:hover{transform:translateY(-1px);background:#fff}

.hosting-band{
  position:relative;
  overflow:hidden;
  padding:112px 0;
  border-top-color:rgba(255,255,255,.045);
  border-bottom-color:rgba(255,255,255,.045);
  background:
    radial-gradient(800px 500px at 12% 38%,rgba(118,87,255,.12),transparent 70%),
    radial-gradient(720px 480px at 92% 64%,rgba(83,216,255,.07),transparent 68%),
    linear-gradient(180deg,rgba(255,255,255,.012),rgba(255,255,255,.022));
}
.hosting-band:before{
  content:"HOSTING";
  position:absolute;
  right:-28px;
  top:28px;
  pointer-events:none;
  font-size:clamp(110px,15vw,270px);
  line-height:.8;
  font-weight:900;
  letter-spacing:-.08em;
  color:rgba(255,255,255,.014);
}
.hosting-grid{
  position:relative;
  z-index:1;
  grid-template-columns:.88fr 1.12fr;
  gap:28px;
}
.hosting-copy{
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:42px;
  border-radius:28px;
  border-color:rgba(255,255,255,.08);
  background:
    radial-gradient(circle at 0 0,rgba(118,87,255,.15),transparent 40%),
    linear-gradient(155deg,rgba(255,255,255,.045),rgba(255,255,255,.018));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 24px 70px rgba(0,0,0,.18);
}
.hosting-copy h2{margin-bottom:22px}
.hosting-copy p{
  color:#929cab;
  line-height:1.75;
  font-size:15px;
}
.hosting-copy .bigline{
  margin:26px 0;
  padding:20px 0 20px 22px;
  border-left:2px solid rgba(118,87,255,.58);
  font-size:clamp(19px,2vw,24px);
  line-height:1.45;
}
.hosting-cta{margin-top:30px}
.ghost{
  min-height:48px;
  border-radius:12px;
  border-color:rgba(255,255,255,.11);
  background:rgba(255,255,255,.025);
  transition:transform .2s ease,background .2s ease,border-color .2s ease;
}
.ghost:hover{
  transform:translateY(-1px);
  background:rgba(255,255,255,.055);
  border-color:rgba(255,255,255,.18);
}

.hosting-cards{gap:12px}
.hosting-card{
  position:relative;
  min-height:212px;
  padding:26px;
  border-radius:22px;
  border-color:rgba(255,255,255,.07);
  background:
    linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.012)),
    rgba(7,10,14,.64);
  transition:transform .28s ease,border-color .28s ease,background .28s ease;
}
.hosting-card:nth-child(1){transform:translateY(14px)}
.hosting-card:nth-child(4){transform:translateY(-14px)}
.hosting-card:hover{
  z-index:2;
  transform:translateY(-4px);
  border-color:rgba(83,216,255,.19);
  background:
    radial-gradient(circle at 100% 0,rgba(83,216,255,.06),transparent 35%),
    rgba(255,255,255,.03);
}
.hosting-card:nth-child(1):hover,.hosting-card:nth-child(4):hover{transform:translateY(-4px)}
.hosting-kicker{
  width:42px;height:42px;
  border-radius:13px;
  border:1px solid rgba(255,255,255,.055);
  background:rgba(255,255,255,.025);
  color:#aeb8c8;
}
.hosting-card .quote{
  margin:22px 0 12px;
  font-size:clamp(18px,1.6vw,22px);
  line-height:1.35;
}
.hosting-card p{font-size:13px;line-height:1.65}
.clarity-strip{gap:8px;margin-top:22px}
.clarity-strip div{
  min-height:82px;
  padding:16px;
  border-radius:16px;
  background:rgba(255,255,255,.018);
}
.clarity-strip b{margin-bottom:7px}

.flow{gap:10px;position:relative}
.step{
  min-height:245px;
  padding:25px;
  border-color:rgba(255,255,255,.07);
  border-radius:21px;
  background:linear-gradient(155deg,rgba(255,255,255,.032),rgba(255,255,255,.012));
}
.step-num{
  width:36px;height:36px;
  margin-bottom:58px;
  border:1px solid rgba(118,87,255,.14);
  background:rgba(118,87,255,.08);
  color:#c9c1ff;
}
.step strong{font-size:16px}
.step p{font-size:13px;line-height:1.65;color:#7f8997}

.trust{gap:14px}
.trust-card,.cta{
  border-radius:26px;
  border-color:rgba(255,255,255,.075);
  background:linear-gradient(145deg,rgba(255,255,255,.038),rgba(255,255,255,.014));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025);
}
.trust-card{padding:36px}
.cta{
  padding:36px;
  min-height:310px;
  background:
    radial-gradient(circle at 88% 12%,rgba(83,216,255,.11),transparent 32%),
    radial-gradient(circle at 8% 100%,rgba(118,87,255,.14),transparent 38%),
    rgba(255,255,255,.024);
}
.trust-card h3,.cta h3{
  font-size:clamp(26px,2.2vw,34px);
  line-height:1.05;
}
.pill{
  border-color:rgba(255,255,255,.075);
  background:rgba(255,255,255,.02);
  color:#aab3c0;
}

.ih-modal{
  animation:none;
}
.ih-modal.open{
  animation:ihFade .22s ease both;
}
.ih-dialog{
  transform:translateY(14px) scale(.985);
  animation:ihDialogIn .3s cubic-bezier(.22,1,.36,1) both;
}
@keyframes ihFade{from{opacity:0}to{opacity:1}}
@keyframes ihDialogIn{from{opacity:0;transform:translateY(14px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}

.reveal{
  opacity:0;
  transform:translateY(22px);
  transition:opacity .65s ease,transform .65s cubic-bezier(.22,1,.36,1);
}
.reveal.in-view{
  opacity:1;
  transform:translateY(0);
}
.issue.reveal:nth-child(2),.hosting-card.reveal:nth-child(2),.step.reveal:nth-child(2){transition-delay:.05s}
.issue.reveal:nth-child(3),.hosting-card.reveal:nth-child(3),.step.reveal:nth-child(3){transition-delay:.1s}
.issue.reveal:nth-child(4),.hosting-card.reveal:nth-child(4),.step.reveal:nth-child(4){transition-delay:.15s}
.issue.reveal:nth-child(5){transition-delay:.2s}
.issue.reveal:nth-child(6){transition-delay:.25s}

button:focus-visible,input:focus-visible,textarea:focus-visible,a:focus-visible{
  outline:2px solid rgba(83,216,255,.78);
  outline-offset:3px;
}

footer{padding-top:48px}
.footer-row{border-top-color:rgba(255,255,255,.055)}

@media(max-width:1180px){
  .hero-grid{grid-template-columns:1fr .92fr;gap:42px}
  h1{font-size:clamp(56px,7vw,88px)}
}
@media(max-width:980px){
  .hero{padding:72px 0 52px}
  .hero-grid{grid-template-columns:1fr;min-height:auto;gap:44px}
  .hero-grid>div:first-child{max-width:760px}
  .checker{max-width:none;transform:none}
  .hosting-card:nth-child(1),.hosting-card:nth-child(4){transform:none}
  .hosting-band{padding:84px 0}
}
@media(max-width:640px){
  body:before{background-size:44px 44px}
  .wrap{width:min(var(--max),calc(100% - 28px))}
  .nav{height:72px}
  .instanthelp-logo{height:39px}
  .hero{padding:54px 0 44px}
  .hero-grid{gap:34px}
  h1{font-size:clamp(48px,15vw,68px);line-height:.94}
  .lead{font-size:16.5px;margin-top:22px}
  .hero-note{display:grid;gap:8px;margin-top:22px}
  .checker{padding:17px;border-radius:22px}
  .input-row{padding:4px}
  .domain{min-height:48px}
  .section{padding:66px 0}
  h2{font-size:clamp(36px,11vw,52px)}
  .issue{min-height:164px;padding:20px}
  .issue-icon{margin-bottom:24px}
  .hosting-band{padding:72px 0}
  .hosting-copy{padding:24px}
  .hosting-copy .bigline{padding-left:16px}
  .hosting-card{min-height:176px;padding:21px}
  .step{min-height:0}
  .step-num{margin-bottom:34px}
  .trust-card,.cta{padding:24px}
  .cta{min-height:260px}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*:before,*:after{
    animation-duration:.01ms!important;
    animation-iteration-count:1!important;
    transition-duration:.01ms!important;
    scroll-behavior:auto!important;
  }
  .reveal{opacity:1!important;transform:none!important}
}


/* v7.2 fixes */
.action-shell .secondary{
  color:#11151c !important;
}
.action-shell .secondary:hover,
.action-shell .secondary:focus-visible{
  color:#11151c !important;
  background:#ffffff !important;
}
.action-shell .secondary *{
  color:inherit !important;
}

/* Dynamic scan styling */
.scan-value-neutral{color:#cbd2dc}
.scan-value-ok{color:var(--ok)}
.scan-value-warn{color:var(--warn)}
.scan-value-bad{color:var(--danger)}

.scan-mode-note{
  display:flex;
  align-items:flex-start;
  gap:9px;
  margin:11px 0 0;
  padding:10px 12px;
  border:1px dashed rgba(255,255,255,.08);
  border-radius:12px;
  color:#7f8998;
  background:rgba(255,255,255,.018);
  font-size:11px;
  line-height:1.45;
}
.scan-mode-note:before{
  content:"i";
  width:17px;height:17px;
  flex:0 0 17px;
  display:grid;place-items:center;
  border-radius:50%;
  border:1px solid rgba(255,255,255,.12);
  color:#aeb7c4;
  font-size:10px;
  font-weight:800;
}


/* v7.3 clarity + modal close alignment */
.hero-capabilities{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:25px;
}
.hero-capabilities span{
  display:inline-flex;
  align-items:center;
  min-height:34px;
  padding:7px 11px;
  border:1px solid rgba(255,255,255,.075);
  border-radius:999px;
  background:rgba(255,255,255,.022);
  color:#b4bdca;
  font-size:11.5px;
  font-weight:700;
  letter-spacing:.005em;
}
.hero-capabilities span:before{
  content:"";
  width:5px;
  height:5px;
  margin-right:7px;
  border-radius:50%;
  background:linear-gradient(135deg,var(--accent),var(--accent2));
  box-shadow:0 0 10px rgba(83,216,255,.22);
}
.hero-note{
  margin-top:18px;
}

/* Close button: force the glyph into the optical center */
.ih-close{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:40px !important;
  height:40px !important;
  min-width:40px !important;
  padding:0 !important;
  line-height:1 !important;
  text-align:center !important;
  font-size:0 !important;
}
.ih-close::before{
  content:"×";
  display:block;
  width:100%;
  line-height:38px;
  text-align:center;
  font-size:21px;
  font-weight:400;
  font-family:Arial,Helvetica,sans-serif;
  transform:translateY(-1px);
  color:#fff;
}
.ih-close:hover{
  background:rgba(255,255,255,.075);
  border-color:rgba(255,255,255,.16);
}

@media(max-width:640px){
  .hero-capabilities{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:7px;
  }
  .hero-capabilities span{
    justify-content:flex-start;
    min-height:36px;
    padding:8px 10px;
    font-size:11px;
  }
}


/* v8 — intent router */
.intent-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:9px;
  margin-top:30px;
}
.intent-card{
  position:relative;
  display:flex;
  align-items:flex-start;
  gap:11px;
  min-height:82px;
  padding:14px;
  border:1px solid rgba(255,255,255,.075);
  border-radius:16px;
  background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.014));
  color:#fff;
  text-align:left;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025);
  transition:transform .22s ease,border-color .22s ease,background .22s ease,box-shadow .22s ease;
}
.intent-card:hover,
.intent-card.active{
  transform:translateY(-2px);
  border-color:rgba(118,87,255,.34);
  background:
    radial-gradient(circle at 0 0,rgba(118,87,255,.10),transparent 46%),
    rgba(255,255,255,.035);
  box-shadow:0 12px 28px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.04);
}
.intent-card.active:after{
  content:"";
  position:absolute;
  left:13px;right:13px;bottom:-1px;
  height:2px;
  border-radius:99px;
  background:linear-gradient(90deg,var(--accent),var(--accent2));
}
.intent-card.intent-emergency{
  grid-column:1/-1;
  min-height:70px;
}
.intent-icon{
  display:grid;
  place-items:center;
  width:34px;height:34px;
  flex:0 0 34px;
  border-radius:11px;
  border:1px solid rgba(255,255,255,.07);
  background:rgba(255,255,255,.03);
  color:#bfc8d5;
  font-size:14px;
  font-weight:800;
}
.intent-card.intent-emergency .intent-icon{
  color:#ffd9de;
  background:rgba(255,111,127,.055);
  border-color:rgba(255,111,127,.12);
}
.intent-copy{
  min-width:0;
}
.intent-copy strong{
  display:block;
  margin:1px 0 5px;
  font-size:13px;
  line-height:1.3;
  letter-spacing:-.01em;
}
.intent-copy small{
  display:block;
  color:#7f8997;
  font-size:11px;
  line-height:1.45;
}
.checker-context{
  margin:12px 2px 0;
  color:#7f8998;
  font-size:11px;
  line-height:1.5;
}
@media(max-width:980px){
  .intent-grid{
    max-width:760px;
  }
}
@media(max-width:640px){
  .intent-grid{
    grid-template-columns:1fr;
    margin-top:24px;
  }
  .intent-card.intent-emergency{
    grid-column:auto;
  }
  .intent-card{
    min-height:72px;
  }
}


/* =========================================================
   InstantHelp v9 — Editorial / scene-based art direction
   Inspired by modern developer-product storytelling,
   without copying any external site.
   ========================================================= */

:root{
  --scene-ink:#09090d;
  --scene-ink-2:#111118;
  --scene-paper:#f1efe9;
  --scene-paper-2:#e9e5dd;
  --scene-purple:#6335d7;
  --scene-purple-2:#4e27ba;
  --scene-cyan:#73d9ef;
  --scene-lime:#d7f16f;
  --paper-text:#16161b;
  --paper-muted:#65636b;
}

/* GLOBAL RESET OF THE OLD "one mood everywhere" look */
body{
  background:var(--scene-ink) !important;
}

body:before,
body:after{
  display:none !important;
}

.wrap{
  width:min(1440px, calc(100% - 48px));
}

/* HEADER */
.topbar{
  background:rgba(9,9,13,.92) !important;
  border-bottom:1px solid rgba(255,255,255,.07) !important;
  box-shadow:none !important;
  backdrop-filter:blur(18px);
}
.nav{
  height:84px;
}
.instanthelp-logo{
  height:47px;
}

/* ===================== HERO ===================== */
.hero{
  position:relative;
  overflow:hidden;
  padding:88px 0 118px !important;
  background:
    radial-gradient(900px 600px at 14% 18%, rgba(111,66,255,.24), transparent 68%),
    radial-gradient(800px 520px at 85% 15%, rgba(83,216,255,.12), transparent 70%),
    linear-gradient(180deg,#0a0a0f 0%,#0b0b12 100%) !important;
  border-bottom:1px solid rgba(255,255,255,.065);
}

.hero:before{
  content:"INSTANTHELP";
  position:absolute;
  left:50%;
  bottom:-.14em;
  transform:translateX(-50%);
  width:100%;
  text-align:center;
  white-space:nowrap;
  font-size:clamp(150px,19vw,340px);
  font-weight:900;
  letter-spacing:-.085em;
  line-height:.78;
  color:rgba(255,255,255,.018);
  pointer-events:none;
  filter:none !important;
  background:none !important;
  border-radius:0 !important;
}

.hero:after{
  content:"";
  position:absolute;
  right:-10%;
  top:4%;
  width:42%;
  height:80%;
  background:
    repeating-linear-gradient(
      118deg,
      rgba(255,255,255,.03) 0 1px,
      transparent 1px 26px
    ) !important;
  opacity:.32;
  filter:none !important;
  transform:rotate(-7deg);
  pointer-events:none;
}

.hero .wrap{
  position:relative;
  z-index:2;
}
.hero .wrap:before{
  display:none !important;
}

.hero-grid{
  grid-template-columns:minmax(0,1.02fr) minmax(490px,.98fr);
  gap:clamp(58px,6vw,100px);
  align-items:center;
  min-height:610px;
}

.hero-grid>div:first-child{
  max-width:760px;
}

.hero .eyebrow{
  border:0;
  background:transparent;
  padding:0 0 0 18px;
  margin-bottom:24px;
  border-left:2px solid var(--scene-cyan);
  border-radius:0;
  color:#aeb4bf;
  font-size:12px;
  text-transform:uppercase;
  letter-spacing:.10em;
}
.hero .eyebrow:before{
  display:none;
}

h1{
  font-size:clamp(66px,7.6vw,118px) !important;
  line-height:.88 !important;
  letter-spacing:-.078em !important;
  max-width:860px;
}

h1 .grad{
  background:linear-gradient(90deg,#d8ccff 0%,#9d82ff 46%,#73d9ef 82%) !important;
  -webkit-background-clip:text !important;
  background-clip:text !important;
  color:transparent !important;
}

.lead{
  margin-top:30px;
  max-width:680px;
  font-size:clamp(18px,1.5vw,22px);
  line-height:1.6;
  color:#abb1bd;
}

.intent-grid{
  margin-top:34px;
  gap:8px;
}

.intent-card{
  min-height:84px;
  border-radius:12px !important;
  border:1px solid rgba(255,255,255,.08) !important;
  background:#111119 !important;
  box-shadow:none !important;
}
.intent-card:hover,
.intent-card.active{
  transform:translateY(-2px);
  background:#171720 !important;
  border-color:rgba(137,107,255,.52) !important;
}
.intent-card.active:after{
  height:3px;
  left:0;
  right:0;
  bottom:-1px;
  border-radius:0 0 12px 12px;
}
.intent-icon{
  border-radius:8px;
  background:#181822;
}
.intent-copy strong{
  font-size:13px;
}
.intent-copy small{
  color:#7f8491;
}

.hero-note{
  margin-top:20px;
}

/* CHECKER AS A REAL PRODUCT OBJECT */
.checker{
  border-radius:18px !important;
  background:#101017 !important;
  border:1px solid rgba(255,255,255,.10) !important;
  box-shadow:
    0 40px 120px rgba(0,0,0,.50),
    22px 22px 0 rgba(105,61,221,.10) !important;
  transform:none !important;
  padding:22px !important;
}
.checker:hover{
  transform:translateY(-3px) !important;
  border-color:rgba(115,217,239,.28) !important;
}
.checker:before{
  display:none !important;
}
.checker:after{
  display:none !important;
}
.checker-head{
  padding-bottom:16px;
  border-bottom:1px solid rgba(255,255,255,.065);
}
.input-row{
  background:#09090e;
  border-radius:10px;
}
.domain{
  min-height:54px;
}
.primary{
  border-radius:8px !important;
}
.scan-items>div{
  border-radius:8px !important;
  background:#0d0d13;
}
.audit-box{
  border-radius:8px !important;
}
.audit-cta{
  border-radius:8px !important;
}

/* ===================== EMERGENCY SECTION — PAPER ===================== */
#issues{
  position:relative;
  padding:118px 0 132px !important;
  background:var(--scene-paper) !important;
  color:var(--paper-text);
  border:0 !important;
}
#issues:before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(rgba(0,0,0,.045) 1px,transparent 1px),
    linear-gradient(90deg,rgba(0,0,0,.045) 1px,transparent 1px);
  background-size:42px 42px;
  opacity:.20;
  pointer-events:none;
}
#issues .wrap{
  position:relative;
  z-index:1;
}
#issues .eyebrow{
  color:#65616d;
  border:0;
  background:transparent;
  padding:0 0 0 18px;
  border-left:2px solid #7a4fe0;
  border-radius:0;
  text-transform:uppercase;
  letter-spacing:.09em;
}
#issues .eyebrow:before{
  display:none;
}
#issues h2{
  color:var(--paper-text);
}
#issues .section-head p{
  color:var(--paper-muted);
}
#issues .issue-grid{
  gap:10px;
}
#issues .issue{
  min-height:198px;
  border-radius:0 !important;
  border:1px solid rgba(18,18,24,.12) !important;
  background:rgba(255,255,255,.42) !important;
  color:var(--paper-text) !important;
  box-shadow:none !important;
}
#issues .issue:hover,
#issues .issue.selected{
  transform:translateY(-4px);
  background:#fff !important;
  border-color:#7b55d9 !important;
  box-shadow:10px 10px 0 rgba(99,53,215,.12) !important;
}
#issues .issue:before{
  color:#8d8792;
}
#issues .issue:after{
  background:linear-gradient(90deg,#6a3ed2,#8c66ee);
}
#issues .issue-icon{
  background:transparent;
  border:1px solid rgba(18,18,24,.16);
  color:#28252d;
}
#issues .issue:hover .issue-icon,
#issues .issue.selected .issue-icon{
  background:#ede6ff;
  color:#3d237f;
}
#issues .issue small{
  color:#76717d;
}
#issues .action-shell{
  border-radius:0 !important;
  background:#17131f !important;
  border:0 !important;
  box-shadow:8px 8px 0 rgba(99,53,215,.18);
}
#issues .action-shell strong{
  color:#fff;
}
#issues .action-shell span{
  color:#9f99a8;
}
#issues .secondary{
  border-radius:8px;
}

/* ===================== HOSTING — BOLD PURPLE POSTER ===================== */
.hosting-band{
  position:relative;
  overflow:hidden;
  padding:124px 0 !important;
  background:
    radial-gradient(900px 580px at 85% 18%, rgba(142,110,255,.24), transparent 70%),
    linear-gradient(135deg,var(--scene-purple) 0%,var(--scene-purple-2) 100%) !important;
  border:0 !important;
}
.hosting-band:before{
  content:"HOSTING";
  position:absolute;
  left:-.03em;
  bottom:-.13em;
  right:auto;
  top:auto;
  font-size:clamp(170px,23vw,420px);
  font-weight:900;
  letter-spacing:-.09em;
  color:rgba(255,255,255,.045) !important;
  line-height:.78;
}
.hosting-grid{
  grid-template-columns:.92fr 1.08fr;
  gap:32px;
}
.hosting-copy{
  border-radius:0 !important;
  border:1px solid rgba(255,255,255,.16) !important;
  background:rgba(17,11,31,.22) !important;
  box-shadow:none !important;
  padding:46px !important;
}
.hosting-copy .eyebrow{
  color:#d9d0ff;
  border:0;
  background:transparent;
  padding:0;
  text-transform:uppercase;
  letter-spacing:.09em;
}
.hosting-copy .eyebrow:before{
  display:none;
}
.hosting-copy h2{
  color:#fff;
}
.hosting-copy p{
  color:#ddd7eb;
}
.hosting-copy .bigline{
  border-left:3px solid var(--scene-lime);
  color:#fff;
}
.hosting-cta .primary{
  background:#f6f4ee !important;
  color:#1d1627 !important;
  box-shadow:none !important;
}
.hosting-cta .ghost{
  color:#fff;
  border-color:rgba(255,255,255,.24);
  background:rgba(255,255,255,.06);
}

.hosting-cards{
  gap:10px;
}
.hosting-card{
  min-height:220px;
  border-radius:0 !important;
  border:1px solid rgba(255,255,255,.14) !important;
  background:rgba(14,8,27,.24) !important;
  box-shadow:none !important;
}
.hosting-card:nth-child(1),
.hosting-card:nth-child(4){
  transform:none !important;
}
.hosting-card:hover{
  transform:translateY(-4px) !important;
  background:rgba(14,8,27,.38) !important;
  border-color:rgba(255,255,255,.30) !important;
}
.hosting-kicker{
  border-radius:0;
  background:rgba(255,255,255,.08);
  color:#fff;
}
.hosting-card .quote{
  color:#fff;
  font-size:clamp(20px,1.65vw,25px);
}
.hosting-card p{
  color:#cfc6de;
}
.clarity-strip div{
  border-radius:0 !important;
  background:rgba(21,12,39,.28) !important;
  border-color:rgba(255,255,255,.12);
}
.clarity-strip b{
  color:#fff;
}
.clarity-strip span{
  color:#cfc6dc;
}

/* ===================== HOW IT WORKS — TECHNICAL DARK ===================== */
.section:not(#issues){
  background:#0b0b10;
}

.hosting-band + .section{
  padding:118px 0 126px !important;
  background:
    linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px),
    linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),
    #0b0b10 !important;
  background-size:56px 56px !important;
}
.hosting-band + .section .eyebrow{
  border:0;
  background:transparent;
  padding:0 0 0 18px;
  border-left:2px solid var(--scene-cyan);
  border-radius:0;
  text-transform:uppercase;
  letter-spacing:.09em;
}
.hosting-band + .section .eyebrow:before{
  display:none;
}

.flow{
  gap:0 !important;
  border-top:1px solid rgba(255,255,255,.10);
  border-left:1px solid rgba(255,255,255,.10);
}
.step{
  min-height:285px;
  border-radius:0 !important;
  border:0 !important;
  border-right:1px solid rgba(255,255,255,.10) !important;
  border-bottom:1px solid rgba(255,255,255,.10) !important;
  background:#101017 !important;
}
.step:hover{
  background:#15151d !important;
}
.step-num{
  border-radius:0;
  background:transparent;
  border:1px solid rgba(255,255,255,.16);
  color:#a995ff;
}

/* ===================== FINAL TRUST/CTA ===================== */
.section:last-of-type{
  padding:0 0 110px !important;
  background:#0b0b10 !important;
}
.trust{
  gap:0 !important;
}
.trust-card,
.cta{
  border-radius:0 !important;
  border:1px solid rgba(255,255,255,.10) !important;
  box-shadow:none !important;
}
.trust-card{
  background:#14141b !important;
}
.cta{
  background:#f1efe9 !important;
}
.cta .eyebrow{
  color:#665f6d;
  background:transparent;
  border:0;
  padding:0 0 0 18px;
  border-left:2px solid #6c42d3;
  border-radius:0;
}
.cta .eyebrow:before{
  display:none;
}
.cta h3{
  color:#18161d;
}
.cta p{
  color:#6c6872;
}
.cta .primary{
  background:#19171f !important;
  color:#fff !important;
  box-shadow:none !important;
}

/* MODALS */
.ih-modal{
  background:rgba(5,5,8,.82) !important;
}
.ih-dialog{
  border-radius:0 !important;
  background:#111118 !important;
  box-shadow:24px 24px 0 rgba(99,53,215,.16) !important;
}
.ih-close{
  border-radius:0 !important;
}

/* FOOTER */
footer{
  background:#09090d;
}
.footer-row{
  border-top-color:rgba(255,255,255,.07);
}

/* Responsive */
@media(max-width:1100px){
  .hero-grid{
    grid-template-columns:1fr;
  }
  .checker{
    max-width:850px;
  }
  .hero:after{
    width:70%;
  }
}

@media(max-width:980px){
  .hosting-grid{
    grid-template-columns:1fr;
  }
}

@media(max-width:640px){
  .wrap{
    width:min(1440px, calc(100% - 28px));
  }
  .hero{
    padding:56px 0 82px !important;
  }
  .hero:before{
    font-size:150px;
  }
  h1{
    font-size:clamp(52px,16vw,72px) !important;
  }
  .intent-grid{
    grid-template-columns:1fr;
  }
  #issues,
  .hosting-band,
  .hosting-band + .section{
    padding:76px 0 !important;
  }
  #issues .issue{
    min-height:170px;
  }
  .hosting-copy{
    padding:28px !important;
  }
  .hosting-card{
    min-height:180px;
  }
  .flow{
    display:block;
    border-top:1px solid rgba(255,255,255,.10);
  }
  .step{
    min-height:0;
    border-left:1px solid rgba(255,255,255,.10) !important;
  }
}


/* v10 — live scanner UI */
.scan.is-loading .scan-items > div,
.scan.is-loading .audit-summary,
.scan.is-loading .audit-cta{
  opacity:.42;
}
.scan.is-loading .scan-items b{
  color:transparent !important;
  position:relative;
}
.scan.is-loading .scan-items b:after{
  content:"";
  display:block;
  width:52px;
  height:9px;
  border-radius:99px;
  background:linear-gradient(90deg,rgba(255,255,255,.06),rgba(255,255,255,.14),rgba(255,255,255,.06));
  background-size:200% 100%;
  animation:ihtSkeleton 1.15s linear infinite;
}
@keyframes ihtSkeleton{to{background-position:-200% 0}}
.scan-mode-note.is-error{
  color:#ff9aa5;
  border-color:rgba(255,111,127,.20);
  background:rgba(255,111,127,.045);
}
.scan-mode-note.is-live{
  color:#91a0b2;
}
.scan-mode-note.is-live:before{
  content:"✓";
  color:var(--ok);
}
.finding-status.info{
  color:#a9dff0;
  background:rgba(83,216,255,.07);
  border:1px solid rgba(83,216,255,.14);
}
.finding code{
  color:#c9d1dc;
  font-size:11px;
  overflow-wrap:anywhere;
}


/* ===== v11 gated reports / registration unlock ===== */
.scan-item.locked{
  position:relative;
  overflow:hidden;
  border-color:rgba(118,87,255,.11)!important;
  background:linear-gradient(90deg,rgba(118,87,255,.055),rgba(255,255,255,.018))!important;
}
.scan-item.locked:before{
  background:#7657ff!important;
  box-shadow:0 0 0 4px rgba(118,87,255,.07)!important;
}
.scan-item.locked b{
  display:inline-flex;
  align-items:center;
  gap:6px;
  color:#a99cff!important;
  font-size:11px;
  letter-spacing:.01em;
}
.scan-item.locked b:before{content:"🔒";font-size:11px}
.scan-more-locked{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:38px;
  margin-top:7px;
  border:1px dashed rgba(118,87,255,.18);
  border-radius:8px;
  color:#8f84c8;
  background:rgba(118,87,255,.035);
  font-size:11px;
  font-weight:700;
}
.audit-cta.is-unlock{
  border-color:rgba(118,87,255,.34)!important;
  background:linear-gradient(135deg,rgba(118,87,255,.22),rgba(83,216,255,.07))!important;
  color:#fff;
}
.audit-cta.is-unlock:before{content:"🔓 ";}
.unlock-benefit{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:8px;
  margin:18px 0 22px;
}
.unlock-benefit div{
  padding:13px;
  border:1px solid rgba(255,255,255,.075);
  background:rgba(255,255,255,.025);
  border-radius:10px;
}
.unlock-benefit b{display:block;font-size:12px;margin-bottom:5px;color:#fff}
.unlock-benefit span{display:block;color:#8993a2;font-size:11px;line-height:1.45}
.unlock-form{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
}
.unlock-field{display:grid;gap:7px}
.unlock-field.full{grid-column:1/-1}
.unlock-field label{color:#b8c0cc;font-size:12px;font-weight:700}
.unlock-field input[type="text"],
.unlock-field input[type="email"]{
  width:100%;
  min-height:48px;
  padding:12px 14px;
  border:1px solid rgba(255,255,255,.10);
  border-radius:9px;
  background:#090d13;
  color:#fff;
  outline:none;
}
.unlock-field input:focus{
  border-color:rgba(118,87,255,.68);
  box-shadow:0 0 0 3px rgba(118,87,255,.09);
}
.consent-row{
  display:flex;
  align-items:flex-start;
  gap:10px;
  padding:11px 0;
  color:#9da6b4;
  font-size:12px;
  line-height:1.5;
}
.consent-row input{margin-top:3px;accent-color:#7657ff}
.consent-row a{color:#c8bfff;text-decoration:underline;text-underline-offset:2px}
.unlock-status{
  display:none;
  margin-top:14px;
  padding:12px 14px;
  border-radius:9px;
  font-size:12px;
  line-height:1.5;
}
.unlock-status.show{display:block}
.unlock-status.ok{background:rgba(99,230,162,.07);border:1px solid rgba(99,230,162,.16);color:#a8e9c9}
.unlock-status.error{background:rgba(255,111,127,.07);border:1px solid rgba(255,111,127,.16);color:#ffabb4}
.unlock-actions{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  margin-top:20px;
  padding-top:18px;
  border-top:1px solid rgba(255,255,255,.075);
}
.unlock-actions span{max-width:430px;color:#7f8997;font-size:11px;line-height:1.5}
.unlock-actions .primary{min-width:190px}
.unlock-verified-banner{
  display:none;
  align-items:center;
  gap:8px;
  margin-top:10px;
  padding:9px 11px;
  border:1px solid rgba(99,230,162,.15);
  border-radius:8px;
  background:rgba(99,230,162,.045);
  color:#9ee6c1;
  font-size:11px;
}
.unlock-verified-banner.show{display:flex}
@media(max-width:640px){
  .unlock-benefit{grid-template-columns:1fr}
  .unlock-form{grid-template-columns:1fr}
  .unlock-actions{display:grid;grid-template-columns:1fr}
  .unlock-actions .primary{width:100%}
}


/* v11.1 ThinkEasy integration / legal links */
.hosting-thinkeasy-link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  text-decoration:none;
}
.hosting-powered-copy{
  margin-top:14px;
  color:#d4cae4;
  font-size:11px;
  line-height:1.55;
}
.hosting-powered-copy a{
  color:#fff;
  text-underline-offset:3px;
}
.ih-footer-links{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:14px;
}
.ih-footer-links a{
  color:#8e97a5;
  font-size:12px;
  text-decoration:none;
}
.ih-footer-links a:hover{color:#fff}
@media(max-width:720px){
  .footer-row{display:grid;gap:13px}
}


/* v11.3 — editorial emergency section */
#issues{
  position:relative;
  overflow:hidden;
  padding:126px 0 132px !important;
  background:
    linear-gradient(180deg,#f3f0e9 0%,#eee9e0 100%) !important;
  color:#17151b;
}
#issues:before{
  content:"";
  position:absolute;
  inset:auto -10% -160px auto;
  width:620px;
  height:620px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(103,58,216,.10),transparent 66%);
  opacity:1;
}
#issues .wrap{
  position:relative;
  z-index:1;
}

#issues .issue-editorial-head{
  display:grid;
  grid-template-columns:minmax(0,1.1fr) minmax(300px,.7fr);
  gap:70px;
  align-items:end;
  margin-bottom:52px;
}
#issues .issue-editorial-head>div:first-child{
  max-width:760px;
}
#issues .eyebrow{
  border:0;
  border-left:2px solid #6d43d5;
  padding:0 0 0 14px;
  background:transparent;
  border-radius:0;
  color:#6c6672;
  letter-spacing:.10em;
  text-transform:uppercase;
  font-size:11px;
}
#issues .eyebrow:before{display:none}
#issues h2{
  margin-top:18px;
  color:#17151b;
  font-size:clamp(54px,6vw,88px);
  line-height:.9;
  letter-spacing:-.065em;
}
#issues .issue-editorial-sub{
  max-width:660px;
  margin:24px 0 0;
  color:#6f6975;
  font-size:16px;
  line-height:1.65;
}
#issues .issue-editorial-aside{
  padding:0 0 6px 22px;
  border-left:1px solid rgba(23,21,27,.14);
}
#issues .issue-editorial-aside strong{
  display:block;
  margin-bottom:9px;
  color:#242028;
  font-size:18px;
  letter-spacing:-.025em;
}
#issues .issue-editorial-aside span{
  color:#77717d;
  font-size:13px;
  line-height:1.6;
}

#issues .issue-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:0 34px;
  border-top:1px solid rgba(24,20,30,.14);
}
#issues .issue{
  min-height:134px;
  padding:24px 54px 24px 0;
  border:0 !important;
  border-bottom:1px solid rgba(24,20,30,.14) !important;
  border-radius:0 !important;
  background:transparent !important;
  color:#17151b !important;
  box-shadow:none !important;
  display:grid;
  grid-template-columns:48px minmax(0,1fr);
  column-gap:18px;
  align-items:center;
  overflow:visible;
}
#issues .issue:before{
  content:"0" counter(issue-card);
  position:absolute;
  top:28px;
  right:0;
  color:#9b95a0;
  font-size:10px;
  font-weight:800;
  letter-spacing:.12em;
}
#issues .issue:after{
  content:"→";
  position:absolute;
  right:2px;
  bottom:28px;
  width:auto;
  height:auto;
  color:#5f5964;
  font-size:19px;
  background:none !important;
  opacity:1;
  transform:none;
  transition:transform .22s ease,color .22s ease;
}
#issues .issue:hover:after,
#issues .issue.selected:after{
  transform:translateX(4px);
  color:#5d36c6;
}
#issues .issue-icon{
  grid-row:1 / span 2;
  width:46px;
  height:46px;
  margin:0;
  border-radius:50%;
  border:1px solid rgba(24,20,30,.14);
  background:rgba(255,255,255,.44);
  color:#242029;
  font-size:17px;
}
#issues .issue strong{
  display:block;
  margin:0 0 8px;
  font-size:21px;
  line-height:1.15;
  letter-spacing:-.035em;
}
#issues .issue small{
  display:block;
  max-width:88%;
  color:#77717c;
  font-size:13px;
  line-height:1.5;
}
#issues .issue:hover,
#issues .issue.selected{
  transform:none;
  background:transparent !important;
  border-color:rgba(24,20,30,.14) !important;
  box-shadow:none !important;
}
#issues .issue:hover strong,
#issues .issue.selected strong{
  color:#5f36cb;
}
#issues .issue:hover .issue-icon,
#issues .issue.selected .issue-icon{
  background:#ede6ff;
  color:#5f36cb;
  border-color:#cdbdf6;
}
#issues .issue.selected{
  padding-left:18px;
}
#issues .issue.selected:before{
  color:#5f36cb;
}
#issues .issue.selected::marker{display:none}

#issues .action-shell{
  margin-top:28px;
  padding:18px 20px 18px 24px;
  border-radius:0 !important;
  border:0 !important;
  background:#17131f !important;
  box-shadow:none !important;
  position:relative;
}
#issues .action-shell:before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  bottom:0;
  width:4px;
  background:linear-gradient(180deg,#7953e8,#6fd7ed);
}
#issues .action-text strong{
  font-size:18px;
  margin-bottom:4px;
  color:#fff;
}
#issues .action-text span{
  color:#aaa3b3;
}
#issues .secondary{
  min-height:48px;
  border-radius:8px;
  background:#f2efe8;
  color:#18151c !important;
  border:0;
  box-shadow:none;
}
#issues .secondary:hover{
  background:#fff !important;
  color:#18151c !important;
}

@media(max-width:980px){
  #issues .issue-editorial-head{
    grid-template-columns:1fr;
    gap:28px;
  }
  #issues .issue-editorial-aside{
    max-width:520px;
  }
}
@media(max-width:720px){
  #issues{
    padding:82px 0 92px !important;
  }
  #issues .issue-grid{
    grid-template-columns:1fr;
  }
  #issues .issue{
    min-height:120px;
    padding-right:46px;
  }
  #issues .issue strong{
    font-size:19px;
  }
  #issues .issue-editorial-aside{
    display:none;
  }
}


/* v11.4 — remove issue icons/arrows, cleaner editorial rows */
#issues .issue{
  min-height:122px;
  padding:24px 54px 24px 0;
  display:block;
}
#issues .issue:after{
  display:none !important;
}
#issues .issue strong{
  display:block;
  margin:0 0 9px;
  padding-right:54px;
  font-size:22px;
  line-height:1.15;
  letter-spacing:-.035em;
}
#issues .issue small{
  display:block;
  max-width:88%;
  padding-right:32px;
  color:#77717c;
  font-size:13px;
  line-height:1.55;
}
#issues .issue:hover strong,
#issues .issue.selected strong{
  color:#5f36cb;
}
#issues .issue.selected{
  padding-left:14px;
  box-shadow:inset 3px 0 0 #6b43d7 !important;
}
#issues .issue.selected:before{
  color:#5f36cb;
}
@media(max-width:720px){
  #issues .issue{
    min-height:112px;
    padding-right:30px;
  }
  #issues .issue strong{
    padding-right:42px;
    font-size:19px;
  }
  #issues .issue small{
    max-width:96%;
    padding-right:0;
  }
}


/* v11.6 — ThinkEasy acquisition bridge */
.te-bridge{
  position:relative;
  overflow:hidden;
  padding:124px 0 118px;
  background:
    radial-gradient(760px 520px at 5% 0%,rgba(112,71,237,.14),transparent 70%),
    radial-gradient(680px 440px at 95% 100%,rgba(74,202,232,.08),transparent 72%),
    #0b0b10;
  border-top:1px solid rgba(255,255,255,.07);
  border-bottom:1px solid rgba(255,255,255,.07);
}
.te-bridge:before{
  content:"THINKEASY";
  position:absolute;
  right:-.04em;
  bottom:-.17em;
  font-size:clamp(150px,22vw,390px);
  line-height:.8;
  font-weight:900;
  letter-spacing:-.09em;
  color:rgba(255,255,255,.018);
  pointer-events:none;
}
.te-bridge .wrap{position:relative;z-index:1}
.te-bridge-head{
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(320px,.75fr);
  gap:70px;
  align-items:end;
  margin-bottom:54px;
}
.te-bridge-head .eyebrow{
  border:0;
  border-left:2px solid var(--scene-cyan);
  border-radius:0;
  background:transparent;
  padding:0 0 0 15px;
  text-transform:uppercase;
  letter-spacing:.1em;
}
.te-bridge-head h2{
  max-width:850px;
  margin-top:20px;
  font-size:clamp(48px,5.7vw,78px);
  line-height:.95;
}
.te-bridge-head p{
  margin:0;
  color:#949ba7;
  font-size:15px;
  line-height:1.7;
}
.te-paths{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  border-top:1px solid rgba(255,255,255,.10);
  border-left:1px solid rgba(255,255,255,.10);
}
.te-path{
  min-height:340px;
  padding:28px 24px 26px;
  border-right:1px solid rgba(255,255,255,.10);
  border-bottom:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.018);
  transition:background .25s ease,transform .25s ease;
}
.te-path:hover{
  background:rgba(255,255,255,.04);
  transform:translateY(-3px);
}
.te-path-num{
  color:#69717f;
  font-size:10px;
  font-weight:800;
  letter-spacing:.12em;
}
.te-path-label{
  margin-top:52px;
  color:#8f7cff;
  font-size:11px;
  font-weight:900;
  letter-spacing:.12em;
}
.te-path h3{
  margin:14px 0 13px;
  font-size:24px;
  line-height:1.05;
  letter-spacing:-.04em;
}
.te-path p{
  margin:0 0 25px;
  color:#878f9c;
  font-size:13px;
  line-height:1.6;
}
.te-links{
  display:grid;
  gap:8px;
}
.te-links a{
  color:#d7d9df;
  font-size:12px;
  font-weight:700;
  text-decoration:none;
}
.te-links a:hover{color:#fff}
.te-products{
  margin-top:22px;
  display:grid;
  grid-template-columns:.8fr 1.2fr;
  gap:24px;
  align-items:center;
  padding:22px 24px;
  border:1px solid rgba(255,255,255,.09);
  background:rgba(255,255,255,.025);
}
.te-products-copy span{
  display:block;
  margin-bottom:5px;
  color:#7c8491;
  font-size:11px;
  text-transform:uppercase;
  letter-spacing:.08em;
}
.te-products-copy strong{
  font-size:16px;
}
.te-product-links{
  display:flex;
  justify-content:flex-end;
  gap:8px;
  flex-wrap:wrap;
}
.te-product-links a{
  display:inline-flex;
  align-items:center;
  min-height:36px;
  padding:0 12px;
  border:1px solid rgba(255,255,255,.10);
  color:#bec4ce;
  font-size:11px;
  font-weight:700;
  text-decoration:none;
  background:rgba(255,255,255,.025);
}
.te-product-links a:hover{
  color:#fff;
  border-color:rgba(132,103,255,.42);
  background:rgba(117,80,233,.08);
}

/* Dynamic service bridge in full report */
.te-recommendation{
  margin:18px 0;
  padding:18px;
  border:1px solid rgba(118,87,255,.18);
  background:linear-gradient(135deg,rgba(118,87,255,.09),rgba(83,216,255,.035));
}
.te-rec-kicker{
  margin-bottom:12px;
  color:#8f83c9;
  font-size:10px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.10em;
}
.te-rec-main{
  display:grid;
  grid-template-columns:1fr auto;
  gap:18px;
  align-items:center;
}
.te-rec-main strong{
  display:block;
  margin-bottom:5px;
  font-size:18px;
}
.te-rec-main span{
  display:block;
  color:#959eab;
  font-size:12px;
  line-height:1.55;
}
.te-rec-main>a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:42px;
  padding:0 14px;
  background:#f2efe8;
  color:#18151c;
  font-size:12px;
  font-weight:800;
  text-decoration:none;
  white-space:nowrap;
}
.te-rec-secondary{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:12px;
}
.te-rec-secondary a{
  color:#b8c0cb;
  font-size:11px;
  text-decoration:none;
}
.te-rec-secondary a:hover{color:#fff}

@media(max-width:1080px){
  .te-paths{grid-template-columns:1fr 1fr}
}
@media(max-width:820px){
  .te-bridge-head{grid-template-columns:1fr;gap:28px}
  .te-products{grid-template-columns:1fr}
  .te-product-links{justify-content:flex-start}
  .te-rec-main{grid-template-columns:1fr}
}
@media(max-width:640px){
  .te-bridge{padding:82px 0}
  .te-paths{grid-template-columns:1fr}
  .te-path{min-height:0}
}


/* v11.7 — clean verified-return state */
.verified-notice{
  align-items:flex-start;
  gap:11px;
  margin:0 0 14px;
  padding:12px 42px 12px 13px;
  position:relative;
  border:1px solid rgba(101,229,170,.18);
  border-radius:11px;
  background:rgba(101,229,170,.055);
  opacity:0;
  transform:translateY(-5px);
  transition:opacity .18s ease,transform .18s ease;
}
.verified-notice.show{
  display:flex;
  opacity:1;
  transform:translateY(0);
}
.verified-notice-icon{
  display:grid;
  place-items:center;
  width:22px;
  height:22px;
  flex:0 0 22px;
  border-radius:50%;
  background:rgba(101,229,170,.10);
  color:var(--ok);
  font-size:12px;
  font-weight:900;
}
.verified-notice strong{
  display:block;
  margin:1px 0 3px;
  color:#dff8ec;
  font-size:12px;
}
.verified-notice small{
  display:block;
  color:#8fa79a;
  font-size:10.5px;
  line-height:1.45;
}
.verified-notice-close{
  position:absolute;
  right:9px;
  top:8px;
  width:26px;
  height:26px;
  display:grid;
  place-items:center;
  padding:0;
  border:0;
  background:transparent;
  color:#7f998b;
  font-size:18px;
  line-height:1;
  cursor:pointer;
}
.verified-notice-close:hover{color:#fff}


/* ==========================================================
   v11.8 — dedicated mobile pass (360–430px)
   ========================================================== */
@media (max-width:767px){

  html,body{
    width:100%;
    max-width:100%;
    overflow-x:hidden;
  }

  body{
    -webkit-text-size-adjust:100%;
  }

  .wrap{
    width:calc(100% - 28px) !important;
    max-width:none !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }

  /* Header */
  .topbar{
    position:sticky;
    top:0;
    backdrop-filter:blur(18px);
  }
  .nav{
    height:66px !important;
    min-height:66px;
    gap:12px;
  }
  .instanthelp-logo{
    height:34px !important;
    max-width:154px !important;
  }
  .lang-switch{
    transform:scale(.92);
    transform-origin:right center;
  }

  /* Hero */
  .hero{
    padding:38px 0 58px !important;
    min-height:0 !important;
  }
  .hero:before{
    bottom:-.04em !important;
    font-size:112px !important;
    opacity:.75;
  }
  .hero:after{
    width:100% !important;
    right:-48% !important;
    opacity:.17 !important;
  }
  .hero-grid{
    display:flex !important;
    flex-direction:column !important;
    gap:30px !important;
    min-height:0 !important;
    align-items:stretch !important;
  }
  .hero-grid>div:first-child{
    max-width:none !important;
    width:100%;
  }
  .hero .eyebrow{
    margin-bottom:18px !important;
    padding-left:13px !important;
    font-size:9.5px !important;
    letter-spacing:.085em !important;
  }
  h1{
    max-width:none !important;
    font-size:clamp(48px,14.2vw,62px) !important;
    line-height:.91 !important;
    letter-spacing:-.065em !important;
    text-wrap:balance;
  }
  .lead{
    margin-top:20px !important;
    max-width:none !important;
    font-size:15px !important;
    line-height:1.58 !important;
  }

  /* Router cards: compact vertical list */
  .intent-grid{
    grid-template-columns:1fr !important;
    gap:7px !important;
    margin-top:22px !important;
  }
  .intent-card,
  .intent-card.intent-emergency{
    grid-column:auto !important;
    min-height:0 !important;
    padding:11px 12px !important;
    gap:10px !important;
    border-radius:11px !important;
  }
  .intent-icon{
    width:31px !important;
    height:31px !important;
    flex:0 0 31px !important;
    border-radius:8px !important;
    font-size:12px !important;
  }
  .intent-copy strong{
    margin:0 0 3px !important;
    font-size:12px !important;
    line-height:1.25 !important;
  }
  .intent-copy small{
    font-size:10.2px !important;
    line-height:1.35 !important;
  }
  .hero-note{
    margin-top:17px !important;
    display:grid !important;
    gap:6px !important;
    font-size:10.5px !important;
  }

  /* Scanner */
  .checker{
    width:100% !important;
    max-width:none !important;
    min-width:0 !important;
    margin:0 !important;
    padding:15px !important;
    border-radius:16px !important;
    transform:none !important;
    backdrop-filter:blur(14px);
    box-shadow:0 22px 60px rgba(0,0,0,.42) !important;
  }
  .checker:hover{
    transform:none !important;
  }
  .checker:before{
    width:180px !important;
    height:180px !important;
  }
  .checker-head{
    margin-bottom:12px !important;
    padding-bottom:12px !important;
  }
  .checker-head strong{
    font-size:12.5px !important;
    line-height:1.25;
    padding-right:10px;
  }
  .live{
    padding:5px 8px !important;
    flex:0 0 auto;
  }

  .verified-notice{
    margin-bottom:10px !important;
    padding:10px 34px 10px 10px !important;
    border-radius:9px !important;
  }
  .verified-notice small{
    font-size:9.5px !important;
  }

  .input-row{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:7px !important;
    padding:4px !important;
    border-radius:12px !important;
  }
  .domain{
    min-height:46px !important;
    padding:11px 12px !important;
    font-size:14px !important;
  }
  .input-row .primary{
    width:100% !important;
    min-height:44px !important;
    padding:0 14px !important;
    border-radius:9px !important;
    font-size:13px !important;
  }
  .checker-context{
    margin:9px 1px 0 !important;
    font-size:9.5px !important;
    line-height:1.45 !important;
  }
  .scan{
    margin-top:14px !important;
    padding-top:13px !important;
  }
  .scanline{
    margin-bottom:11px !important;
  }
  .scan-items{
    gap:5px !important;
  }
  .scan-items>div{
    min-height:38px !important;
    padding:9px 9px 9px 27px !important;
    border-radius:7px !important;
    gap:8px;
  }
  .scan-items>div span{
    min-width:0;
    font-size:10.5px !important;
    line-height:1.25;
  }
  .scan-items>div b{
    max-width:48%;
    text-align:right;
    overflow-wrap:anywhere;
    word-break:break-word;
    font-size:10.5px !important;
    line-height:1.25;
  }
  .scan-items>div:before{
    left:10px !important;
  }
  .scan-more-locked{
    font-size:9.5px !important;
    line-height:1.35;
    padding:10px !important;
  }
  .audit-summary{
    grid-template-columns:1fr !important;
    gap:6px !important;
  }
  .audit-box{
    padding:11px !important;
  }
  .audit-box b{
    font-size:10.5px !important;
  }
  .audit-box span{
    font-size:9px !important;
    line-height:1.4 !important;
  }
  .scan-mode-note{
    font-size:9px !important;
    padding:8px 9px !important;
    line-height:1.4 !important;
  }
  .audit-cta{
    min-height:44px !important;
    padding:0 12px !important;
    font-size:11px !important;
  }

  /* Editorial issue section */
  #issues{
    padding:76px 0 82px !important;
  }
  #issues h2{
    font-size:clamp(46px,13vw,58px) !important;
  }
  #issues .issue-editorial-head{
    grid-template-columns:1fr !important;
    gap:18px !important;
    margin-bottom:28px !important;
  }
  #issues .issue-editorial-sub{
    margin-top:16px !important;
    font-size:13.5px !important;
  }
  #issues .issue-editorial-aside{
    display:none !important;
  }
  #issues .issue-grid{
    grid-template-columns:1fr !important;
    gap:0 !important;
  }
  #issues .issue{
    min-height:100px !important;
    padding:19px 42px 19px 0 !important;
  }
  #issues .issue strong{
    padding-right:30px !important;
    margin-bottom:6px !important;
    font-size:18px !important;
  }
  #issues .issue small{
    max-width:100% !important;
    padding:0 !important;
    font-size:11.5px !important;
  }
  #issues .issue:before{
    top:20px !important;
    font-size:9px !important;
  }
  #issues .issue.selected{
    padding-left:11px !important;
  }
  #issues .action-shell{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:14px !important;
    margin-top:20px !important;
    padding:16px !important;
  }
  #issues .action-text strong{
    font-size:16px !important;
  }
  #issues .action-text span,
  #issues .action-note{
    font-size:10.5px !important;
  }
  #issues .secondary{
    width:100% !important;
    min-height:46px !important;
  }

  /* Hosting poster */
  .hosting-band{
    padding:76px 0 !important;
  }
  .hosting-band:before{
    font-size:150px !important;
    bottom:-.05em !important;
  }
  .hosting-grid{
    grid-template-columns:1fr !important;
    gap:14px !important;
  }
  .hosting-copy{
    padding:24px 20px !important;
  }
  .hosting-copy h2{
    font-size:clamp(38px,11vw,50px) !important;
    line-height:.98 !important;
  }
  .hosting-copy p{
    font-size:12.5px !important;
    line-height:1.6 !important;
  }
  .hosting-copy .bigline{
    margin:24px 0 !important;
    padding-left:16px !important;
    font-size:18px !important;
    line-height:1.35 !important;
  }
  .hosting-cta{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:8px !important;
  }
  .hosting-cta .primary,
  .hosting-cta .ghost{
    width:100% !important;
    min-height:46px !important;
    justify-content:center !important;
    text-align:center;
  }
  .hosting-powered-copy{
    font-size:9.5px !important;
    line-height:1.5 !important;
  }
  .hosting-cards{
    grid-template-columns:1fr !important;
    gap:8px !important;
  }
  .hosting-card{
    min-height:0 !important;
    padding:18px !important;
  }
  .hosting-card .quote{
    font-size:18px !important;
  }
  .hosting-card p{
    font-size:11px !important;
  }
  .clarity-strip{
    grid-template-columns:1fr 1fr !important;
    gap:7px !important;
  }
  .clarity-strip div{
    padding:12px !important;
  }
  .clarity-strip b{
    font-size:11px !important;
  }
  .clarity-strip span{
    font-size:9px !important;
  }

  /* How it works */
  .hosting-band + .section{
    padding:76px 0 82px !important;
  }
  .section-head{
    gap:20px !important;
  }
  .section-head h2{
    font-size:clamp(38px,11vw,52px) !important;
  }
  .section-head p{
    font-size:12px !important;
  }
  .flow{
    display:block !important;
  }
  .step{
    min-height:0 !important;
    padding:22px 18px !important;
  }
  .step h3{
    font-size:18px !important;
  }
  .step p{
    font-size:11.5px !important;
  }

  /* ThinkEasy acquisition bridge */
  .te-bridge{
    padding:76px 0 !important;
  }
  .te-bridge:before{
    font-size:145px !important;
  }
  .te-bridge-head{
    grid-template-columns:1fr !important;
    gap:20px !important;
    margin-bottom:32px !important;
  }
  .te-bridge-head h2{
    font-size:clamp(38px,10.8vw,50px) !important;
  }
  .te-bridge-head p{
    font-size:12.5px !important;
  }
  .te-paths{
    grid-template-columns:1fr !important;
  }
  .te-path{
    min-height:0 !important;
    padding:22px 18px !important;
  }
  .te-path-label{
    margin-top:26px !important;
  }
  .te-path h3{
    font-size:21px !important;
  }
  .te-path p{
    font-size:11.5px !important;
  }
  .te-products{
    grid-template-columns:1fr !important;
    padding:18px !important;
  }
  .te-product-links{
    display:grid !important;
    grid-template-columns:1fr !important;
  }
  .te-product-links a{
    width:100%;
    justify-content:flex-start;
  }

  /* Final blocks */
  .trust{
    grid-template-columns:1fr !important;
  }
  .trust-card,
  .cta{
    padding:24px 20px !important;
  }
  .trust-card h3,
  .cta h3{
    font-size:24px !important;
    line-height:1.1 !important;
  }
  .trust-card p,
  .cta p{
    font-size:12px !important;
  }

  /* Modals */
  .ih-modal{
    align-items:flex-end !important;
    padding:0 !important;
  }
  .ih-dialog{
    width:100% !important;
    max-width:none !important;
    max-height:92dvh !important;
    overflow-y:auto !important;
    padding:18px 14px calc(18px + env(safe-area-inset-bottom)) !important;
    border-radius:18px 18px 0 0 !important;
    box-shadow:0 -20px 70px rgba(0,0,0,.45) !important;
  }
  .ih-dialog-top{
    align-items:flex-start !important;
    gap:12px !important;
  }
  .ih-dialog-top h3{
    font-size:24px !important;
    line-height:1.08 !important;
  }
  .ih-dialog .eyebrow{
    margin-bottom:12px !important;
    font-size:9px !important;
  }
  .ih-close{
    position:sticky !important;
    top:0 !important;
    width:36px !important;
    height:36px !important;
    min-width:36px !important;
    flex:0 0 36px !important;
    z-index:3;
  }
  .ih-close::before{
    line-height:34px !important;
  }
  .ih-modal-sub{
    font-size:12px !important;
    line-height:1.55 !important;
  }
  .finding{
    grid-template-columns:36px minmax(0,1fr) !important;
    gap:10px !important;
    padding:12px 0 !important;
  }
  .finding-icon{
    width:34px !important;
    height:34px !important;
  }
  .finding-status{
    grid-column:2 !important;
    justify-self:start !important;
    margin-top:3px;
  }
  .te-rec-main{
    grid-template-columns:1fr !important;
  }
  .te-rec-main>a{
    width:100%;
    text-align:center;
  }
  .ih-next{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:13px !important;
    padding:14px !important;
  }
  .ih-next .primary{
    width:100% !important;
  }
  .unlock-benefit{
    grid-template-columns:1fr !important;
  }
  .unlock-form{
    grid-template-columns:1fr !important;
  }
  .unlock-field.full{
    grid-column:auto !important;
  }
  .consent-row{
    align-items:flex-start !important;
    font-size:11px !important;
    line-height:1.45 !important;
  }
  .unlock-action{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:11px !important;
  }
  .unlock-action .primary{
    width:100% !important;
  }

  /* Footer */
  footer{
    padding-bottom:env(safe-area-inset-bottom);
  }
  .footer-row{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:12px !important;
    padding:24px 0 !important;
    text-align:left;
  }
  .ih-footer-links{
    display:grid !important;
    gap:7px !important;
  }
}

/* Very narrow phones */
@media (max-width:380px){
  .wrap{
    width:calc(100% - 22px) !important;
  }
  h1{
    font-size:45px !important;
  }
  .hero{
    padding-top:30px !important;
  }
  .checker{
    padding:12px !important;
  }
  .clarity-strip{
    grid-template-columns:1fr !important;
  }
}


/* v11.9 — mobile visibility/flow hardening */
@media (max-width:767px){
  .reveal,
  .section-head.reveal,
  .checker.reveal,
  .issue.reveal,
  .hosting-copy.reveal,
  .hosting-card.reveal,
  .clarity-strip.reveal,
  .step.reveal,
  .trust-card.reveal,
  .cta.reveal{
    opacity:1 !important;
    transform:none !important;
    transition:none !important;
  }

  .hero,
  #issues,
  .hosting-band,
  .hosting-band + .section,
  .te-bridge,
  .section{
    height:auto !important;
    min-height:0 !important;
  }

  .hosting-copy,
  .hosting-cards,
  .clarity-strip,
  .flow,
  .te-paths,
  .trust{
    width:100% !important;
    max-width:100% !important;
  }

  .hosting-card,
  .te-path,
  .step,
  .trust-card,
  .cta{
    transform:none !important;
  }
}


/* v12 — monthly full-report quota */
.quota-notice{
  margin:10px 0 0;
  padding:10px 12px;
  border:1px solid rgba(118,87,255,.15);
  border-radius:10px;
  background:rgba(118,87,255,.045);
  color:#979eab;
  font-size:10.5px;
  line-height:1.45;
}
.quota-notice strong{color:#d8dbe2}
.quota-notice.is-low{
  border-color:rgba(255,193,74,.20);
  background:rgba(255,193,74,.045);
}
.quota-notice.is-exhausted{
  border-color:rgba(255,111,127,.22);
  background:rgba(255,111,127,.055);
  color:#d4a4aa;
}
.quota-notice.is-exhausted strong{color:#ffd5da}
.quota-summary{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
  margin:22px 0 12px;
}
.quota-summary>div{
  padding:15px;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.025);
}
.quota-summary span{
  display:block;
  margin-bottom:6px;
  color:#7f8998;
  font-size:10px;
  text-transform:uppercase;
  letter-spacing:.07em;
}
.quota-summary strong{
  display:block;
  font-size:20px;
}
.quota-info{
  margin:12px 0 20px;
  padding:14px 15px;
  border-left:2px solid #7151de;
  background:rgba(113,81,222,.055);
}
.quota-info strong{
  display:block;
  margin-bottom:5px;
  font-size:12px;
}
.quota-info span{
  display:block;
  color:#8f98a6;
  font-size:11px;
  line-height:1.5;
}
.quota-actions{
  display:flex;
  justify-content:flex-end;
  gap:9px;
  flex-wrap:wrap;
}
.quota-actions a{
  text-decoration:none;
}
@media(max-width:767px){
  .quota-summary{grid-template-columns:1fr}
  .quota-actions{display:grid;grid-template-columns:1fr}
  .quota-actions .ghost,.quota-actions .primary{
    width:100%;
    justify-content:center;
    text-align:center;
  }
}


/* v12.1 preview — 115 Extra Reports / 15€ */
.quota-dialog{
  max-width:720px !important;
}
.quota-product{
  position:relative;
  overflow:hidden;
  margin:16px 0 12px;
  padding:20px;
  border:1px solid rgba(132,103,255,.28);
  border-radius:16px;
  background:
    radial-gradient(420px 200px at 100% 0%,rgba(127,91,255,.16),transparent 70%),
    linear-gradient(135deg,rgba(111,78,225,.09),rgba(255,255,255,.025));
}
.quota-product:after{
  content:"15";
  position:absolute;
  right:12px;
  bottom:-46px;
  color:rgba(255,255,255,.025);
  font-size:170px;
  line-height:1;
  font-weight:900;
  pointer-events:none;
}
.quota-product-copy,
.quota-buy-cta{
  position:relative;
  z-index:1;
}
.quota-product-eyebrow{
  margin-bottom:15px;
  color:#9580f0;
  font-size:10px;
  font-weight:900;
  letter-spacing:.1em;
  text-transform:uppercase;
}
.quota-product-title-row{
  display:grid;
  grid-template-columns:1fr auto;
  gap:22px;
  align-items:end;
}
.quota-product-title-row>div:first-child>strong{
  display:block;
  margin-bottom:5px;
  color:#fff;
  font-size:29px;
  line-height:1;
  letter-spacing:-.045em;
}
.quota-product-title-row>div:first-child>span{
  display:block;
  color:#929aa7;
  font-size:11.5px;
  line-height:1.45;
}
.quota-price{
  text-align:right;
}
.quota-price strong{
  display:block;
  color:#fff;
  font-size:38px;
  line-height:.9;
  letter-spacing:-.055em;
}
.quota-price span{
  display:block;
  margin-top:5px;
  color:#777f8e;
  font-size:9.5px;
  text-transform:uppercase;
  letter-spacing:.06em;
}
.quota-product-meta{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  margin-top:18px;
}
.quota-product-meta>span{
  display:inline-flex;
  align-items:center;
  min-height:30px;
  padding:0 9px;
  border:1px solid rgba(255,255,255,.075);
  border-radius:999px;
  background:rgba(255,255,255,.025);
  color:#aeb5c0;
  font-size:9.5px;
  font-style:normal;
}
.quota-product-meta b{
  color:#fff;
  margin-right:3px;
}
.quota-product-meta i{
  font-style:normal;
}
.quota-buy-cta{
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  min-height:48px;
  margin-top:18px;
  border-radius:10px;
  background:#f2efe8;
  color:#17141b;
  font-size:12px;
  font-weight:900;
  text-decoration:none;
  transition:transform .18s ease,background .18s ease;
}
.quota-buy-cta:hover{
  transform:translateY(-1px);
  background:#fff;
}
.quota-actions-preview{
  justify-content:flex-start !important;
  margin-top:10px;
}
@media(max-width:767px){
  .quota-product{
    padding:16px;
  }
  .quota-product-title-row{
    grid-template-columns:1fr;
    gap:14px;
  }
  .quota-price{
    text-align:left;
  }
  .quota-price strong{
    font-size:34px;
  }
  .quota-product-meta{
    display:grid;
    grid-template-columns:1fr;
  }
  .quota-product-meta>span{
    width:100%;
    justify-content:flex-start;
  }
}


/* v12.3 — ThinkEasy conversion value layer */
.te-value-boost{
  position:relative;
  margin:14px 0 12px;
  padding:18px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.09);
  border-radius:15px;
  background:
    radial-gradient(300px 180px at 100% 0%,rgba(83,216,255,.08),transparent 72%),
    rgba(255,255,255,.018);
}
.te-value-head{
  display:grid;
  grid-template-columns:1fr auto;
  gap:20px;
  align-items:start;
  padding-bottom:15px;
  border-bottom:1px solid rgba(255,255,255,.07);
}
.te-value-kicker{
  display:block;
  margin-bottom:6px;
  color:#7dd7e8;
  font-size:9.5px;
  font-weight:900;
  letter-spacing:.09em;
  text-transform:uppercase;
}
.te-value-head strong{
  display:block;
  max-width:500px;
  color:#eef1f5;
  font-size:15px;
  line-height:1.35;
}
.te-value-mark{
  display:grid;
  place-items:center;
  width:34px;
  height:34px;
  border:1px solid rgba(125,215,232,.16);
  border-radius:50%;
  background:rgba(125,215,232,.04);
  color:#7dd7e8;
  font-size:19px;
  font-weight:300;
}
.te-value-benefits{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:9px;
  margin-top:14px;
}
.te-value-benefit{
  display:grid;
  grid-template-columns:32px 1fr;
  gap:10px;
  padding:13px;
  border:1px solid rgba(255,255,255,.065);
  background:rgba(255,255,255,.018);
}
.te-value-icon{
  display:grid;
  place-items:center;
  width:30px;
  height:30px;
  border-radius:8px;
  background:rgba(112,72,230,.09);
  color:#a894ff;
  font-size:12px;
  font-weight:900;
}
.te-value-benefit strong{
  display:block;
  margin-bottom:4px;
  color:#f0f1f4;
  font-size:11.5px;
}
.te-value-benefit div>span{
  display:block;
  color:#808895;
  font-size:9.5px;
  line-height:1.45;
}
.te-value-bottom{
  display:grid;
  grid-template-columns:1fr auto;
  gap:18px;
  align-items:center;
  margin-top:14px;
}
.te-value-bottom p{
  margin:0;
  color:#7f8794;
  font-size:9.7px;
  line-height:1.5;
}
.te-value-bottom a{
  display:inline-flex;
  align-items:center;
  min-height:36px;
  padding:0 11px;
  border:1px solid rgba(255,255,255,.08);
  color:#cbd0d8;
  font-size:10px;
  font-weight:800;
  text-decoration:none;
  white-space:nowrap;
}
.te-value-bottom a:hover{
  color:#fff;
  border-color:rgba(132,103,255,.28);
}
@media(max-width:767px){
  .te-value-head{
    grid-template-columns:1fr;
    gap:10px;
  }
  .te-value-mark{
    display:none;
  }
  .te-value-benefits{
    grid-template-columns:1fr;
  }
  .te-value-bottom{
    grid-template-columns:1fr;
    gap:10px;
  }
  .te-value-bottom a{
    width:100%;
    justify-content:center;
  }
}


/* v12.4 — wide compact paywall */
#quotaModal{
  padding:24px !important;
  align-items:center !important;
}
#quotaModal .quota-dialog-wide{
  width:min(980px,calc(100vw - 48px)) !important;
  max-width:980px !important;
  max-height:calc(100dvh - 48px) !important;
  overflow:auto !important;
  padding:24px !important;
  border-radius:20px !important;
}
#quotaModal .quota-top{
  margin-bottom:14px !important;
}
#quotaModal .quota-top h3{
  max-width:780px;
  margin:7px 0 0 !important;
  font-size:clamp(27px,2.15vw,35px) !important;
  line-height:1.04 !important;
}
#quotaModal .quota-intro{
  max-width:720px;
  margin:9px 0 0 !important;
  font-size:12px !important;
  line-height:1.48 !important;
}

.quota-status-bar{
  display:grid;
  grid-template-columns:145px 190px 1fr;
  align-items:center;
  gap:10px;
  min-height:58px;
  margin:0 0 12px;
  padding:9px 11px;
  border:1px solid rgba(255,255,255,.075);
  border-radius:12px;
  background:rgba(255,255,255,.018);
}
.quota-status-bar>div:not(.quota-status-note){
  padding-right:10px;
  border-right:1px solid rgba(255,255,255,.07);
}
.quota-status-bar span{
  display:block;
  margin-bottom:3px;
  color:#747d8b;
  font-size:8.5px;
  font-weight:800;
  letter-spacing:.055em;
  text-transform:uppercase;
}
.quota-status-bar strong{
  color:#f2f3f6;
  font-size:15px;
  line-height:1.1;
}
.quota-status-note{
  color:#838c99;
  font-size:10px;
  line-height:1.4;
}

.quota-columns{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:12px;
  align-items:stretch;
}
#quotaModal .quota-product-compact,
#quotaModal .te-value-compact{
  height:100%;
  min-height:292px;
  margin:0 !important;
  padding:18px !important;
  border-radius:15px !important;
}

.quota-offer-main{
  display:grid;
  grid-template-columns:1fr auto;
  align-items:end;
  gap:18px;
}
.quota-pack-title{
  display:block;
  margin-bottom:6px;
  color:#fff;
  font-size:30px;
  line-height:.98;
  letter-spacing:-.045em;
}
.quota-pack-subtitle{
  display:block;
  max-width:330px;
  color:#929aa7;
  font-size:11px;
  line-height:1.45;
}
#quotaModal .quota-price strong{
  font-size:39px !important;
}
#quotaModal .quota-product-meta{
  margin-top:17px !important;
}
#quotaModal .quota-buy-cta{
  min-height:47px !important;
  margin-top:17px !important;
}

#quotaModal .te-value-head{
  padding-bottom:12px !important;
}
#quotaModal .te-value-head strong{
  font-size:14px !important;
}
#quotaModal .te-value-benefits{
  grid-template-columns:1fr !important;
  gap:7px !important;
  margin-top:11px !important;
}
#quotaModal .te-value-benefit{
  grid-template-columns:30px 1fr !important;
  padding:10px !important;
}
#quotaModal .te-value-bottom{
  grid-template-columns:1fr !important;
  gap:8px !important;
  margin-top:10px !important;
}
#quotaModal .te-value-bottom a{
  width:max-content;
  min-height:33px;
}

.quota-bottom-row{
  display:grid;
  grid-template-columns:1fr auto;
  gap:14px;
  align-items:center;
  margin-top:12px;
}
#quotaModal .quota-info-inline{
  margin:0 !important;
  padding:10px 12px !important;
  border-left:2px solid rgba(113,81,222,.65);
  background:rgba(113,81,222,.035);
}
#quotaModal .quota-info-inline strong{
  display:inline;
  margin-right:5px;
  font-size:10px;
}
#quotaModal .quota-info-inline span{
  display:inline;
  font-size:9.5px;
  line-height:1.4;
}
.quota-preview-btn{
  min-width:205px;
  min-height:40px;
  white-space:nowrap;
}

@media (min-width:768px) and (max-height:820px){
  #quotaModal{
    padding:12px !important;
  }
  #quotaModal .quota-dialog-wide{
    max-height:calc(100dvh - 24px) !important;
    padding:18px !important;
  }
  #quotaModal .quota-product-compact,
  #quotaModal .te-value-compact{
    min-height:260px;
    padding:15px !important;
  }
  #quotaModal .quota-top h3{
    font-size:27px !important;
  }
  .quota-status-bar{
    min-height:50px;
  }
}

@media(max-width:767px){
  #quotaModal{
    padding:0 !important;
    align-items:flex-end !important;
  }
  #quotaModal .quota-dialog-wide{
    width:100% !important;
    max-width:none !important;
    max-height:92dvh !important;
    overflow-y:auto !important;
    padding:18px 14px calc(18px + env(safe-area-inset-bottom)) !important;
    border-radius:18px 18px 0 0 !important;
  }
  .quota-status-bar{
    grid-template-columns:1fr 1fr;
    min-height:0;
  }
  .quota-status-note{
    grid-column:1 / -1;
    padding-top:2px;
  }
  .quota-status-bar>div:nth-child(2){
    border-right:0;
  }
  .quota-columns{
    grid-template-columns:1fr;
  }
  #quotaModal .quota-product-compact,
  #quotaModal .te-value-compact{
    min-height:0;
  }
  .quota-offer-main{
    grid-template-columns:1fr;
    gap:12px;
  }
  #quotaModal .quota-price{
    text-align:left !important;
  }
  .quota-bottom-row{
    grid-template-columns:1fr;
  }
  .quota-preview-btn{
    width:100%;
  }
}


/* v12.5 — live checkout handoff */
.quota-purchase-status{
  margin-top:9px;
  padding:9px 10px;
  border:1px solid rgba(125,215,232,.12);
  border-radius:8px;
  background:rgba(125,215,232,.035);
  color:#8ca2a8;
  font-size:9.5px;
  line-height:1.4;
}
.quota-purchase-status.error{
  border-color:rgba(255,111,127,.18);
  background:rgba(255,111,127,.045);
  color:#d5a1a8;
}
.quota-buy-cta.is-loading{
  opacity:.72;
  pointer-events:none;
}
.purchase-success-notice{
  margin-top:10px !important;
}


/* v12.6 — persistent paid credit balance */
.paid-credits-badge{
  display:flex;
  align-items:center;
  gap:10px;
  width:max-content;
  max-width:100%;
  margin:0 0 12px;
  padding:9px 12px;
  border:1px solid rgba(95,226,169,.18);
  border-radius:10px;
  background:rgba(95,226,169,.055);
}
.paid-credits-dot{
  width:8px;height:8px;border-radius:50%;
  background:#5fe2a9;
  box-shadow:0 0 0 4px rgba(95,226,169,.08);
  flex:0 0 auto;
}
.paid-credits-badge small{
  display:block;
  margin-bottom:1px;
  color:#82998d;
  font-size:8.5px;
  text-transform:uppercase;
  letter-spacing:.07em;
}
.paid-credits-badge strong{
  display:block;
  color:#dff8ec;
  font-size:16px;
  line-height:1;
}
.quota-notice.has-paid{
  border-color:rgba(95,226,169,.20)!important;
  background:rgba(95,226,169,.05)!important;
  color:#9eb5a9!important;
}
.quota-notice.has-paid strong{color:#dff8ec!important}


/* ==========================================================
   v12.7 — FOUR VIEWPORT RESPONSIVE SYSTEM
   Mobile / Tablet / Laptop / Desktop+
   Visual design and functionality remain unchanged.
   ========================================================== */

/* ---------- shared layout hardening ---------- */
html, body{
  max-width:100%;
  overflow-x:hidden;
}
.hero-grid,
.hosting-grid,
.te-bridge-head,
.te-paths,
.flow,
.trust,
.issue-grid{
  min-width:0;
}
.hero-grid > *,
.hosting-grid > *,
.te-bridge-head > *,
.te-paths > *,
.flow > *,
.trust > *,
.issue-grid > *{
  min-width:0;
}
.checker,
.intent-card,
.hosting-copy,
.hosting-card,
.te-path,
.step,
.trust-card,
.cta{
  min-width:0;
}

/* ==========================================================
   01 — MOBILE 360–430 / <= 767
   ========================================================== */
@media (max-width:767px){

  .wrap{
    width:calc(100% - 28px) !important;
    max-width:none !important;
  }

  .topbar{
    position:sticky !important;
    top:0;
    z-index:100 !important;
  }
  .nav{
    height:64px !important;
    min-height:64px !important;
  }
  .instanthelp-logo{
    height:32px !important;
    max-width:148px !important;
  }

  .hero{
    padding:30px 0 50px !important;
    min-height:0 !important;
  }
  .hero-grid{
    display:flex !important;
    flex-direction:column !important;
    gap:26px !important;
    min-height:0 !important;
    align-items:stretch !important;
  }
  .hero-grid>div:first-child{
    width:100% !important;
    max-width:none !important;
  }
  .hero .eyebrow{
    margin-bottom:15px !important;
    padding-left:12px !important;
    font-size:9px !important;
  }
  h1{
    width:100% !important;
    max-width:none !important;
    font-size:clamp(44px,13vw,58px) !important;
    line-height:.91 !important;
    letter-spacing:-.065em !important;
  }
  .lead{
    margin-top:17px !important;
    max-width:none !important;
    font-size:14px !important;
    line-height:1.52 !important;
  }

  .intent-grid{
    grid-template-columns:1fr !important;
    gap:7px !important;
    margin-top:19px !important;
  }
  .intent-card,
  .intent-card.intent-emergency{
    min-height:0 !important;
    padding:11px !important;
  }
  .intent-copy strong{
    font-size:11.5px !important;
  }
  .intent-copy small{
    font-size:9.7px !important;
  }
  .hero-note{
    margin-top:15px !important;
    gap:5px !important;
    font-size:9.8px !important;
  }

  .checker{
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
    padding:14px !important;
    border-radius:15px !important;
    box-shadow:0 20px 48px rgba(0,0,0,.40) !important;
  }
  .checker-head{
    margin-bottom:11px !important;
    padding-bottom:11px !important;
  }
  .checker-head strong{
    font-size:12px !important;
  }
  .credit-balance{
    margin:0 0 11px !important;
  }
  .input-row{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:7px !important;
    padding:4px !important;
  }
  .domain{
    width:100% !important;
    min-width:0 !important;
    min-height:45px !important;
    font-size:13.5px !important;
  }
  .input-row .primary{
    width:100% !important;
    min-height:44px !important;
  }

  /* Mobile sections */
  #issues,
  .hosting-band,
  .hosting-band + .section,
  .te-bridge,
  .section:not(.hero){
    height:auto !important;
    min-height:0 !important;
  }

  #issues{
    padding:68px 0 72px !important;
  }
  #issues h2{
    font-size:clamp(43px,12vw,54px) !important;
  }
  #issues .issue-grid{
    grid-template-columns:1fr !important;
  }

  .hosting-band{
    padding:68px 0 !important;
  }
  .hosting-grid{
    grid-template-columns:1fr !important;
  }
  .hosting-copy{
    padding:22px 18px !important;
  }
  .hosting-cards{
    grid-template-columns:1fr !important;
  }

  .flow{
    grid-template-columns:1fr !important;
  }
  .te-bridge{
    padding:68px 0 !important;
  }
  .te-paths{
    grid-template-columns:1fr !important;
  }
  .te-products{
    grid-template-columns:1fr !important;
  }
  .trust{
    grid-template-columns:1fr !important;
  }

  /* Never leave reveal content invisible on mobile */
  .reveal,
  .section-head.reveal,
  .checker.reveal,
  .issue.reveal,
  .hosting-copy.reveal,
  .hosting-card.reveal,
  .clarity-strip.reveal,
  .step.reveal,
  .trust-card.reveal,
  .cta.reveal{
    opacity:1 !important;
    transform:none !important;
    transition:none !important;
  }
}

@media (max-width:380px){
  .wrap{
    width:calc(100% - 22px) !important;
  }
  h1{
    font-size:43px !important;
  }
  .hero{
    padding-top:26px !important;
  }
  .checker{
    padding:12px !important;
  }
}

/* ==========================================================
   02 — TABLET 768–1099
   ========================================================== */
@media (min-width:768px) and (max-width:1099px){

  .wrap{
    width:min(900px, calc(100% - 56px)) !important;
    max-width:none !important;
  }
  .nav{
    height:74px !important;
  }
  .instanthelp-logo{
    height:39px !important;
  }

  .hero{
    padding:50px 0 70px !important;
  }
  .hero-grid{
    grid-template-columns:1fr !important;
    gap:38px !important;
    min-height:0 !important;
    align-items:start !important;
  }
  .hero-grid>div:first-child{
    max-width:820px !important;
  }
  h1{
    max-width:760px !important;
    font-size:clamp(66px,8.7vw,82px) !important;
    line-height:.9 !important;
  }
  .lead{
    max-width:720px !important;
    margin-top:23px !important;
    font-size:17px !important;
  }
  .intent-grid{
    grid-template-columns:1fr 1fr !important;
    gap:8px !important;
    max-width:800px !important;
  }
  .intent-card{
    min-height:76px !important;
  }
  .checker{
    width:100% !important;
    max-width:780px !important;
    margin:0 auto !important;
    padding:20px !important;
    transform:none !important;
  }

  #issues{
    padding:88px 0 !important;
  }
  #issues .issue-editorial-head{
    grid-template-columns:1fr !important;
    gap:20px !important;
  }
  #issues .issue-editorial-aside{
    max-width:620px !important;
  }
  #issues .issue-grid{
    grid-template-columns:1fr !important;
  }

  .hosting-band{
    padding:88px 0 !important;
  }
  .hosting-grid{
    grid-template-columns:1fr !important;
    gap:22px !important;
  }
  .hosting-copy{
    max-width:none !important;
  }
  .hosting-cards{
    grid-template-columns:1fr 1fr !important;
  }

  .flow{
    grid-template-columns:1fr 1fr !important;
  }
  .te-bridge{
    padding:88px 0 !important;
  }
  .te-bridge-head{
    grid-template-columns:1fr !important;
    gap:24px !important;
  }
  .te-paths{
    grid-template-columns:1fr 1fr !important;
  }
  .te-products{
    grid-template-columns:1fr !important;
  }
  .trust{
    grid-template-columns:1fr !important;
  }
}

/* ==========================================================
   03 — LAPTOP 1100–1535
   Optimized for 1366 / 1440
   ========================================================== */
@media (min-width:1100px) and (max-width:1535px){

  .wrap{
    width:min(1240px, calc(100% - 64px)) !important;
    max-width:none !important;
  }
  .nav{
    height:78px !important;
  }
  .instanthelp-logo{
    height:42px !important;
  }

  .hero{
    padding:58px 0 72px !important;
  }
  .hero-grid{
    grid-template-columns:minmax(0,1.08fr) minmax(430px,.92fr) !important;
    gap:44px !important;
    min-height:520px !important;
  }
  .hero-grid>div:first-child{
    max-width:690px !important;
  }
  .hero .eyebrow{
    margin-bottom:20px !important;
    font-size:10.5px !important;
  }
  h1{
    max-width:720px !important;
    font-size:clamp(68px,5.9vw,84px) !important;
    line-height:.89 !important;
  }
  .lead{
    margin-top:23px !important;
    max-width:620px !important;
    font-size:16px !important;
    line-height:1.52 !important;
  }
  .intent-grid{
    margin-top:25px !important;
    gap:7px !important;
  }
  .intent-card{
    min-height:72px !important;
    padding:11px 12px !important;
  }
  .intent-copy strong{
    font-size:11.5px !important;
  }
  .intent-copy small{
    font-size:9.5px !important;
  }
  .hero-note{
    margin-top:15px !important;
    font-size:9.5px !important;
  }

  .checker{
    padding:18px !important;
    border-radius:17px !important;
  }
  .checker-head{
    padding-bottom:13px !important;
  }
  .domain{
    min-height:48px !important;
  }

  #issues,
  .hosting-band,
  .hosting-band + .section,
  .te-bridge{
    padding-top:94px !important;
    padding-bottom:94px !important;
  }
  .hosting-grid{
    gap:24px !important;
  }
  .hosting-copy{
    padding:28px !important;
  }
  .hosting-card{
    padding:20px !important;
  }

  .te-bridge-head{
    gap:48px !important;
  }
  .te-path{
    padding:22px 18px !important;
  }
}

/* ==========================================================
   04 — DESKTOP / LARGE 1536+
   Optimized for 1920, 2048, 2560 and ultrawide
   ========================================================== */
@media (min-width:1536px){

  .wrap{
    width:min(1640px, calc(100% - 8vw)) !important;
    max-width:none !important;
  }

  .nav{
    height:82px !important;
  }
  .instanthelp-logo{
    height:45px !important;
  }

  .hero{
    padding:54px 0 68px !important;
  }
  .hero-grid{
    grid-template-columns:minmax(0,1.05fr) minmax(500px,.82fr) !important;
    gap:clamp(64px,5vw,96px) !important;
    min-height:535px !important;
    align-items:center !important;
  }
  .hero-grid>div:first-child{
    max-width:800px !important;
  }
  .hero .eyebrow{
    margin-bottom:20px !important;
    font-size:10.5px !important;
  }
  h1{
    max-width:790px !important;
    font-size:clamp(82px,5.35vw,104px) !important;
    line-height:.89 !important;
  }
  .lead{
    margin-top:24px !important;
    max-width:680px !important;
    font-size:clamp(16px,1.05vw,20px) !important;
    line-height:1.55 !important;
  }

  .intent-grid{
    margin-top:27px !important;
    gap:8px !important;
    max-width:760px !important;
  }
  .intent-card{
    min-height:74px !important;
    padding:12px 13px !important;
  }
  .intent-copy strong{
    font-size:12px !important;
  }
  .intent-copy small{
    font-size:9.8px !important;
  }
  .hero-note{
    margin-top:16px !important;
    font-size:9.8px !important;
  }

  .checker{
    width:100% !important;
    max-width:620px !important;
    justify-self:end !important;
    padding:20px !important;
  }
  .checker-head{
    padding-bottom:14px !important;
  }
  .domain{
    min-height:50px !important;
  }

  #issues,
  .hosting-band,
  .hosting-band + .section,
  .te-bridge{
    padding-top:104px !important;
    padding-bottom:104px !important;
  }

  #issues .issue-editorial-head{
    gap:72px !important;
  }

  .hosting-grid{
    gap:28px !important;
  }
  .hosting-copy{
    padding:32px !important;
  }

  .te-bridge-head{
    gap:72px !important;
  }
}

/* Short-height desktop/laptop: stop hero from becoming a full-screen wall */
@media (min-width:1100px) and (max-height:860px){
  .hero{
    padding-top:42px !important;
    padding-bottom:52px !important;
  }
  .hero-grid{
    min-height:470px !important;
  }
  h1{
    font-size:min(5.8vw,80px) !important;
  }
  .lead{
    margin-top:18px !important;
  }
  .intent-grid{
    margin-top:20px !important;
  }
  .intent-card{
    min-height:66px !important;
  }
  .hero-note{
    margin-top:12px !important;
  }
  .checker{
    padding:17px !important;
  }
}

/* Ultrawide: keep content generous without stretching cards/text absurdly */
@media (min-width:2560px){
  .wrap{
    width:min(1840px, calc(100% - 12vw)) !important;
  }
  .hero-grid{
    grid-template-columns:minmax(0,1.08fr) minmax(540px,.78fr) !important;
    gap:110px !important;
  }
  .hero-grid>div:first-child{
    max-width:860px !important;
  }
  h1{
    max-width:840px !important;
    font-size:108px !important;
  }
  .checker{
    max-width:650px !important;
  }
}


/* v12.7.1 — paid credits badge responsive alignment */
@media (max-width:767px){
  .paid-credits-badge{
    margin:0 0 11px !important;
    padding:8px 10px !important;
    max-width:100% !important;
  }
  .paid-credits-badge small{
    font-size:8px !important;
  }
  .paid-credits-badge strong{
    font-size:15px !important;
  }
}
@media (min-width:768px) and (max-width:1099px){
  .paid-credits-badge{
    margin-bottom:14px !important;
  }
}


/* ==========================================================
   v12.8 — 4K + transparent header pass
   Keeps existing mobile/tablet/laptop behavior.
   ========================================================== */

/* Header merges visually with hero at the top */
.topbar{
  background:transparent !important;
  border-bottom-color:transparent !important;
  box-shadow:none !important;
  backdrop-filter:blur(0) !important;
  -webkit-backdrop-filter:blur(0) !important;
  transition:
    background .28s ease,
    border-color .28s ease,
    box-shadow .28s ease,
    backdrop-filter .28s ease !important;
}

.topbar.is-scrolled{
  background:rgba(5,7,11,.82) !important;
  border-bottom-color:rgba(255,255,255,.055) !important;
  box-shadow:0 1px 0 rgba(0,0,0,.30) !important;
  backdrop-filter:blur(18px) !important;
  -webkit-backdrop-filter:blur(18px) !important;
}

/* Cleaner header height */
@media (min-width:768px){
  .nav{
    height:72px !important;
    min-height:72px !important;
  }
  .instanthelp-logo{
    height:40px !important;
    max-width:205px !important;
  }
}
@media (max-width:767px){
  .nav{
    height:62px !important;
    min-height:62px !important;
  }
  .instanthelp-logo{
    height:31px !important;
  }
}

/* 4K — 3200px+ / optimized for 3840×2160 */
@media (min-width:3200px){

  :root{
    --max:2200px;
  }

  .wrap{
    width:min(2200px, calc(100% - 15vw)) !important;
    max-width:none !important;
  }

  .nav{
    height:86px !important;
    min-height:86px !important;
  }
  .instanthelp-logo{
    height:50px !important;
    max-width:245px !important;
  }

  .hero{
    padding:86px 0 112px !important;
  }

  .hero-grid{
    grid-template-columns:minmax(0,1.08fr) minmax(720px,.82fr) !important;
    gap:150px !important;
    min-height:760px !important;
    align-items:center !important;
  }

  .hero-grid>div:first-child{
    max-width:1080px !important;
  }

  .hero .eyebrow{
    margin-bottom:30px !important;
    padding-left:18px !important;
    font-size:14px !important;
    letter-spacing:.09em !important;
  }

  h1{
    max-width:1040px !important;
    font-size:142px !important;
    line-height:.89 !important;
    letter-spacing:-.07em !important;
  }

  .lead{
    max-width:900px !important;
    margin-top:34px !important;
    font-size:25px !important;
    line-height:1.55 !important;
  }

  .intent-grid{
    max-width:980px !important;
    margin-top:38px !important;
    gap:12px !important;
  }

  .intent-card,
  .intent-card.intent-emergency{
    min-height:96px !important;
    padding:16px 18px !important;
    border-radius:16px !important;
  }

  .intent-icon{
    width:42px !important;
    height:42px !important;
    flex:0 0 42px !important;
    border-radius:11px !important;
  }

  .intent-copy strong{
    font-size:16px !important;
    margin-bottom:4px !important;
  }

  .intent-copy small{
    font-size:13px !important;
    line-height:1.4 !important;
  }

  .hero-note{
    margin-top:24px !important;
    gap:10px 24px !important;
    font-size:13.5px !important;
  }

  .checker{
    width:100% !important;
    max-width:790px !important;
    justify-self:end !important;
    padding:28px !important;
    border-radius:23px !important;
  }

  .checker-head{
    margin-bottom:18px !important;
    padding-bottom:18px !important;
  }

  .checker-head strong{
    font-size:18px !important;
  }

  .live:after{
    font-size:11px !important;
  }

  .paid-credits-badge{
    padding:11px 15px !important;
    margin-bottom:16px !important;
  }

  .paid-credits-badge small{
    font-size:10px !important;
  }

  .paid-credits-badge strong{
    font-size:19px !important;
  }

  .domain{
    min-height:62px !important;
    padding:16px 18px !important;
    font-size:17px !important;
  }

  .input-row .primary{
    min-height:58px !important;
    padding:0 26px !important;
    font-size:16px !important;
  }

  .checker-context{
    margin-top:12px !important;
    font-size:11.5px !important;
  }

  /* Section scaling for 4K */
  #issues,
  .hosting-band,
  .hosting-band + .section,
  .te-bridge,
  .section{
    padding-top:140px !important;
    padding-bottom:140px !important;
  }

  .section-head{
    margin-bottom:50px !important;
  }

  h2,
  #issues h2{
    font-size:82px !important;
  }

  .section-head p,
  #issues .issue-editorial-sub,
  .te-bridge-head p{
    font-size:18px !important;
    line-height:1.65 !important;
  }

  #issues .issue{
    min-height:150px !important;
    padding:28px 54px 28px 0 !important;
  }

  #issues .issue strong{
    font-size:25px !important;
  }

  #issues .issue small{
    font-size:16px !important;
  }

  .hosting-grid{
    gap:36px !important;
  }

  .hosting-copy{
    padding:48px !important;
  }

  .hosting-copy p{
    font-size:18px !important;
  }

  .hosting-copy .bigline{
    font-size:28px !important;
  }

  .hosting-card{
    min-height:260px !important;
    padding:32px !important;
  }

  .hosting-card .quote{
    font-size:27px !important;
  }

  .hosting-card p{
    font-size:16px !important;
  }

  .clarity-strip div{
    min-height:100px !important;
    padding:20px !important;
  }

  .clarity-strip b{
    font-size:16px !important;
  }

  .clarity-strip span{
    font-size:13px !important;
  }

  .flow{
    gap:16px !important;
  }

  .step{
    min-height:300px !important;
    padding:32px !important;
  }

  .step strong{
    font-size:21px !important;
  }

  .step p{
    font-size:16px !important;
  }

  .te-bridge-head{
    gap:90px !important;
  }

  .te-path{
    min-height:400px !important;
    padding:34px 30px !important;
  }

  .te-path h3{
    font-size:31px !important;
  }

  .te-path p{
    font-size:16px !important;
  }

  .te-links a{
    font-size:15px !important;
  }

  .te-products{
    padding:28px 30px !important;
  }

  .trust-card,
  .cta{
    padding:46px !important;
  }

  .trust-card h3,
  .cta h3{
    font-size:40px !important;
  }

  .trust-card p,
  .cta p{
    font-size:18px !important;
  }

  footer{
    font-size:16px !important;
  }
}

/* Prevent 4K hero from becoming excessively tall on 3840×1600-class ultrawide */
@media (min-width:3200px) and (max-height:1800px){
  .hero{
    padding-top:64px !important;
    padding-bottom:78px !important;
  }
  .hero-grid{
    min-height:650px !important;
  }
  h1{
    font-size:128px !important;
  }
}



/* ==========================================================
   v12.9 — full-screen hero + more transparent header
   ========================================================== */

:root{
  --ih-header-h:72px;
}

.topbar{
  background:rgba(5,7,11,.10) !important;
  border-bottom-color:rgba(255,255,255,.025) !important;
  box-shadow:none !important;
  backdrop-filter:blur(6px) saturate(1.08) !important;
  -webkit-backdrop-filter:blur(6px) saturate(1.08) !important;
}

.topbar.is-scrolled{
  background:rgba(5,7,11,.42) !important;
  border-bottom-color:rgba(255,255,255,.045) !important;
  box-shadow:0 1px 0 rgba(0,0,0,.22) !important;
  backdrop-filter:blur(16px) saturate(1.08) !important;
  -webkit-backdrop-filter:blur(16px) saturate(1.08) !important;
}

.hero{
  min-height:calc(100svh - var(--ih-header-h));
  padding-top:24px !important;
  padding-bottom:24px !important;
  display:flex;
  align-items:center;
}

.hero > .wrap{
  width:min(var(--max), calc(100% - 64px));
  min-height:100%;
  display:flex;
  flex-direction:column;
  justify-content:center;
}

.hero-grid{
  flex:1 1 auto;
  min-height:clamp(560px, calc(100svh - var(--ih-header-h) - 110px), 760px) !important;
}

@media (min-width:1440px){
  .hero > .wrap{
    width:min(1680px, calc(100% - 88px));
  }
}

@media (min-width:1920px){
  .hero > .wrap{
    width:min(1880px, calc(100% - 110px));
  }
  .hero-grid{
    gap:clamp(72px, 7vw, 150px) !important;
  }
}

@media (min-width:3200px){
  :root{
    --ih-header-h:86px;
  }

  .topbar{
    background:rgba(5,7,11,.08) !important;
    backdrop-filter:blur(5px) saturate(1.04) !important;
    -webkit-backdrop-filter:blur(5px) saturate(1.04) !important;
  }

  .topbar.is-scrolled{
    background:rgba(5,7,11,.34) !important;
    backdrop-filter:blur(15px) saturate(1.06) !important;
    -webkit-backdrop-filter:blur(15px) saturate(1.06) !important;
  }

  .hero{
    min-height:calc(100svh - var(--ih-header-h));
    padding-top:18px !important;
    padding-bottom:18px !important;
  }

  .hero > .wrap{
    width:min(2460px, calc(100% - 160px)) !important;
  }

  .hero-grid{
    min-height:clamp(760px, calc(100svh - var(--ih-header-h) - 90px), 980px) !important;
    gap:180px !important;
  }
}

@media (max-width:1023px){
  .hero{
    min-height:auto;
    padding-top:36px !important;
    padding-bottom:42px !important;
  }
  .hero > .wrap{
    width:min(var(--max), calc(100% - 34px));
  }
  .hero-grid{
    min-height:auto !important;
  }
}

@media (max-width:767px){
  :root{
    --ih-header-h:62px;
  }

  .topbar{
    background:rgba(5,7,11,.12) !important;
    backdrop-filter:blur(7px) !important;
    -webkit-backdrop-filter:blur(7px) !important;
  }

  .topbar.is-scrolled{
    background:rgba(5,7,11,.50) !important;
  }

  .hero{
    min-height:auto;
    padding-top:28px !important;
    padding-bottom:34px !important;
  }

  .hero > .wrap{
    width:min(var(--max), calc(100% - 24px));
  }
}


/* ==========================================================
   v13 — InstantHelp Tools Hub + priority report UX
   ========================================================== */
.tools-hub{position:relative;overflow:hidden;padding:112px 0;color:#f6f7fb;background:radial-gradient(680px 440px at 8% 15%,rgba(118,87,255,.12),transparent 72%),radial-gradient(720px 480px at 92% 82%,rgba(83,216,255,.07),transparent 72%),#090c12;border-top:1px solid rgba(255,255,255,.045);border-bottom:1px solid rgba(255,255,255,.05)}
.tools-hub:before{content:"TOOLS";position:absolute;right:-.04em;top:-.14em;font-size:clamp(150px,19vw,360px);line-height:1;font-weight:950;letter-spacing:-.08em;color:rgba(255,255,255,.018);pointer-events:none}
.tools-hub .wrap{position:relative;z-index:1}
.tools-head{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(340px,.72fr);gap:70px;align-items:end;margin-bottom:42px}
.tools-head h2{max-width:820px;font-size:clamp(48px,5.2vw,78px);line-height:.96}
.tools-head p{margin:0 0 6px;color:#8f99a8;font-size:15px;line-height:1.72}
.tools-stage{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:14px;align-items:stretch}
.tool-feature,.tool-row{font:inherit;color:inherit;text-align:left;cursor:pointer}
.tool-feature{position:relative;min-height:500px;display:flex;flex-direction:column;justify-content:space-between;padding:30px;border:1px solid rgba(118,87,255,.20);border-radius:26px;background:radial-gradient(420px 300px at 100% 0%,rgba(83,216,255,.09),transparent 72%),radial-gradient(480px 360px at 0 100%,rgba(118,87,255,.13),transparent 72%),linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.016));box-shadow:inset 0 1px 0 rgba(255,255,255,.045),0 28px 80px rgba(0,0,0,.22);overflow:hidden;transition:transform .25s ease,border-color .25s ease,background .25s ease}
.tool-feature:after{content:var(--tool-number,"01");position:absolute;right:18px;bottom:-62px;font-size:250px;line-height:1;font-weight:950;letter-spacing:-.08em;color:rgba(255,255,255,.026);pointer-events:none}
.tool-feature:hover,.tool-feature.active{transform:translateY(-3px);border-color:rgba(118,87,255,.42)}
.tool-feature-top{display:flex;align-items:center;justify-content:space-between;gap:16px;color:#9185d5;font-size:10px;font-weight:900;letter-spacing:.1em}
.tool-live{display:inline-flex;align-items:center;gap:6px;color:#7ee7b4;letter-spacing:.07em}
.tool-live:before{content:"";width:6px;height:6px;border-radius:50%;background:#65e5aa;box-shadow:0 0 0 5px rgba(101,229,170,.07)}
.tool-feature-copy{max-width:590px;position:relative;z-index:1}.tool-feature h3{margin:0 0 16px;font-size:clamp(34px,3.4vw,54px);line-height:1;letter-spacing:-.055em}.tool-feature p{margin:0;max-width:540px;color:#929cac;font-size:15px;line-height:1.7}
.tool-signals{display:flex;flex-wrap:wrap;gap:8px;position:relative;z-index:1}.tool-signals span{padding:8px 10px;border:1px solid rgba(255,255,255,.075);border-radius:999px;background:rgba(255,255,255,.025);color:#909aaa;font-size:10px;font-weight:800;letter-spacing:.055em}
.tool-feature-cta{position:relative;z-index:1;display:inline-flex;align-items:center;width:max-content;margin-top:20px;color:#f5f6fa;font-size:13px;font-weight:850}
.tool-list{display:grid;grid-template-rows:repeat(6,1fr);border-top:1px solid rgba(255,255,255,.08)}
.tool-row{display:grid;grid-template-columns:54px minmax(0,1fr) auto;align-items:center;gap:18px;min-height:80px;padding:16px 10px 16px 6px;border:0;border-bottom:1px solid rgba(255,255,255,.08);background:transparent;transition:background .22s ease,padding-left .22s ease,border-color .22s ease}
.tool-row:hover,.tool-row.active{padding-left:14px;background:linear-gradient(90deg,rgba(118,87,255,.075),transparent 70%);border-bottom-color:rgba(118,87,255,.20)}
.tool-num{color:#626c7b;font-size:10px;font-weight:900;letter-spacing:.08em}.tool-row-copy{min-width:0}.tool-row-copy strong{display:block;margin-bottom:5px;color:#eef1f5;font-size:15px;letter-spacing:-.015em}.tool-row-copy small{display:block;color:#7e8897;font-size:11.5px;line-height:1.45}
.tool-row-action{display:flex;align-items:center;gap:10px;color:#aeb5c0;font-size:12px;font-weight:800}.tool-row-action i{color:#65e5aa;font-size:8px;font-style:normal;letter-spacing:.08em}
.tools-note{display:flex;align-items:center;justify-content:space-between;gap:28px;margin-top:22px;padding-top:18px;border-top:1px solid rgba(255,255,255,.055);color:#687281;font-size:10.5px;line-height:1.55}.tools-note span{max-width:900px}.tools-note a{color:#bfc6d1;font-weight:800;white-space:nowrap}.tools-note a:hover{color:#fff}
.finding-value{display:inline-flex;margin-top:7px;color:#c1c8d2;font-size:10.5px;font-weight:800}.finding-status.bad{color:#ff929e;background:rgba(255,111,127,.07);border:1px solid rgba(255,111,127,.16)}.finding-bad{border-color:rgba(255,111,127,.13)!important;background:rgba(255,111,127,.025)!important}.finding-bad .finding-icon{color:#ff929e}
@media(max-width:1099px){.tools-hub{padding:86px 0}.tools-head{grid-template-columns:1fr;gap:18px;margin-bottom:30px}.tools-head p{max-width:700px}.tools-stage{grid-template-columns:1fr}.tool-feature{min-height:360px}.tool-list{grid-template-rows:none}}
@media(max-width:767px){.tools-hub{padding:66px 0}.tools-head h2{font-size:42px}.tools-head p{font-size:12px}.tool-feature{min-height:330px;padding:20px;border-radius:20px}.tool-feature h3{font-size:34px}.tool-feature p{font-size:12px}.tool-feature:after{font-size:170px;bottom:-38px}.tool-row{grid-template-columns:34px minmax(0,1fr) auto;gap:10px;min-height:76px;padding:13px 4px}.tool-row:hover,.tool-row.active{padding-left:8px}.tool-row-copy strong{font-size:13px}.tool-row-copy small{font-size:10px}.tool-row-action i{display:none}.tools-note{display:grid;grid-template-columns:1fr;gap:10px}.tools-note a{white-space:normal}}
@media(min-width:3200px){.tools-hub{padding:150px 0}.tools-head{gap:110px;margin-bottom:60px}.tools-head h2{max-width:1100px;font-size:94px}.tools-head p{font-size:20px}.tools-stage{gap:22px}.tool-feature{min-height:650px;padding:42px;border-radius:32px}.tool-feature h3{font-size:68px}.tool-feature p{font-size:20px;max-width:700px}.tool-feature-top{font-size:13px}.tool-signals span{padding:11px 14px;font-size:12px}.tool-feature-cta{font-size:17px}.tool-row{grid-template-columns:72px minmax(0,1fr) auto;min-height:104px;padding:22px 12px}.tool-row-copy strong{font-size:20px}.tool-row-copy small{font-size:15px}.tool-row-action{font-size:16px}.tools-note{font-size:13px}}



/* ==========================================================
   v13.1 — Tools Hub hover hardening
   Prevent theme/Elementor button hover styles from painting
   the featured tool card with an unrelated solid color.
   ========================================================== */
.tool-feature{
  -webkit-appearance:none !important;
  appearance:none !important;
  color:#f6f7fb !important;
  background:
    radial-gradient(420px 300px at 100% 0%,rgba(83,216,255,.09),transparent 72%),
    radial-gradient(480px 360px at 0 100%,rgba(118,87,255,.13),transparent 72%),
    linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.016)) !important;
  border-color:rgba(118,87,255,.20) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.045),
    0 28px 80px rgba(0,0,0,.22) !important;
}

.tool-feature:hover,
.tool-feature:focus,
.tool-feature:focus-visible,
.tool-feature.active{
  color:#f6f7fb !important;
  background:
    radial-gradient(460px 330px at 100% 0%,rgba(83,216,255,.115),transparent 72%),
    radial-gradient(520px 390px at 0 100%,rgba(118,87,255,.16),transparent 72%),
    linear-gradient(145deg,rgba(255,255,255,.062),rgba(255,255,255,.019)) !important;
  border-color:rgba(118,87,255,.38) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.055),
    0 32px 90px rgba(0,0,0,.25),
    0 0 0 1px rgba(118,87,255,.035) !important;
  transform:translateY(-2px) !important;
  text-decoration:none !important;
}

.tool-feature:active{
  transform:translateY(0) !important;
}

/* Also shield the right-side tool buttons from global button hover rules. */
.tool-row{
  -webkit-appearance:none !important;
  appearance:none !important;
  color:inherit !important;
  background:transparent !important;
}

.tool-row:hover,
.tool-row:focus-visible,
.tool-row.active{
  color:inherit !important;
  background:linear-gradient(90deg,rgba(118,87,255,.075),transparent 70%) !important;
  border-bottom-color:rgba(118,87,255,.20) !important;
}



/* ==========================================================
   v13.2 — Interactive Tools Hub
   Hover previews a tool, click selects it, scan runs in-place.
   ========================================================== */
.tool-feature{
  cursor:default !important;
  transform:none !important;
}
.tool-feature:hover,
.tool-feature:focus,
.tool-feature:focus-visible,
.tool-feature.active{
  transform:none !important;
}
.tool-feature-copy{
  transition:opacity .16s ease,transform .16s ease;
}
.tool-feature.is-previewing .tool-feature-copy{
  animation:toolPreviewIn .2s ease both;
}
@keyframes toolPreviewIn{
  from{opacity:.55;transform:translateY(4px)}
  to{opacity:1;transform:translateY(0)}
}
.tool-row{
  position:relative;
}
.tool-row.active:before{
  content:"";
  position:absolute;
  left:0;
  top:18%;
  bottom:18%;
  width:2px;
  border-radius:99px;
  background:linear-gradient(180deg,#7657ff,#53d8ff);
  box-shadow:0 0 18px rgba(83,216,255,.25);
}
.tool-row-action{
  min-width:78px;
  justify-content:flex-end;
}
.tool-use-label{
  color:#aeb5c0;
  font-size:10px;
  letter-spacing:.04em;
}
.tool-row.active .tool-use-label{
  color:#fff;
}

.tool-runner{
  position:relative;
  z-index:2;
  margin-top:26px;
  padding-top:22px;
  border-top:1px solid rgba(255,255,255,.075);
}
.tool-runner-label{
  margin-bottom:9px;
  color:#8e98a7;
  font-size:10px;
  font-weight:850;
  letter-spacing:.09em;
  text-transform:uppercase;
}
.tool-runner-form{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:9px;
  padding:5px;
  border:1px solid rgba(255,255,255,.085);
  border-radius:16px;
  background:rgba(0,0,0,.20);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.02);
}
.tool-domain{
  width:100%;
  min-width:0;
  min-height:50px;
  border:0 !important;
  outline:0 !important;
  border-radius:11px;
  padding:12px 14px;
  background:transparent !important;
  color:#fff !important;
  box-shadow:none !important;
  font:inherit;
  font-size:13px;
}
.tool-domain::placeholder{color:#606a79}
.tool-run-btn{
  min-height:48px;
  border:0 !important;
  border-radius:11px;
  padding:0 18px;
  color:#fff !important;
  background:linear-gradient(135deg,#805eff 0%,#6247f0 58%,#5441df 100%) !important;
  box-shadow:0 10px 24px rgba(89,64,226,.24),inset 0 1px 0 rgba(255,255,255,.15) !important;
  font:inherit;
  font-size:12px;
  font-weight:850;
  white-space:nowrap;
  transition:transform .18s ease,filter .18s ease,opacity .18s ease;
}
.tool-run-btn:hover{transform:translateY(-1px);filter:brightness(1.06)}
.tool-run-btn:disabled{opacity:.55;cursor:wait;transform:none}
.tool-runner-hint{
  margin-top:9px;
  color:#697382;
  font-size:10px;
  line-height:1.5;
}
.tool-inline-status{
  margin-top:14px;
  padding:11px 13px;
  border:1px solid rgba(83,216,255,.14);
  border-radius:12px;
  background:rgba(83,216,255,.045);
  color:#aeb8c5;
  font-size:11px;
}
.tool-inline-status.is-error{
  border-color:rgba(255,111,127,.18);
  background:rgba(255,111,127,.055);
  color:#ffadb6;
}
.tool-inline-results{
  margin-top:12px;
  padding:14px;
  border:1px solid rgba(255,255,255,.075);
  border-radius:14px;
  background:rgba(255,255,255,.022);
}
.tool-inline-summary{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  margin-bottom:10px;
  color:#dce1e8;
  font-size:11px;
  font-weight:800;
}
.tool-inline-summary span:last-child{color:#8e98a8;font-weight:650}
.tool-inline-checks{display:grid;gap:6px}
.tool-inline-check{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:12px;
  align-items:center;
  min-height:34px;
  padding:7px 9px;
  border-radius:9px;
  background:rgba(255,255,255,.025);
  color:#aeb7c4;
  font-size:10.5px;
}
.tool-inline-check b{font-size:10px}
.tool-inline-check b.ok{color:#65e5aa}
.tool-inline-check b.warn{color:#f6c85f}
.tool-inline-check b.bad{color:#ff8492}
.tool-inline-check b.neutral{color:#aeb7c4}
.tool-inline-report{
  width:100%;
  min-height:42px;
  margin-top:10px;
  border:1px solid rgba(118,87,255,.18) !important;
  border-radius:10px;
  background:rgba(118,87,255,.075) !important;
  color:#fff !important;
  font:inherit;
  font-size:11px;
  font-weight:850;
}
.tool-inline-report:hover{background:rgba(118,87,255,.12) !important}

@media(max-width:1099px){
  .tool-feature{min-height:auto !important}
}
@media(max-width:767px){
  .tool-runner-form{grid-template-columns:1fr}
  .tool-run-btn{width:100%}
  .tool-row-action{min-width:28px}
  .tool-use-label{display:none}
}
@media(min-width:3200px){
  .tool-runner{margin-top:34px;padding-top:28px}
  .tool-runner-label{font-size:13px}
  .tool-runner-form{border-radius:19px;padding:6px}
  .tool-domain{min-height:62px;font-size:17px;padding:16px 18px}
  .tool-run-btn{min-height:60px;padding:0 26px;font-size:15px}
  .tool-runner-hint{font-size:13px}
  .tool-inline-status{font-size:14px;padding:14px 16px}
  .tool-inline-results{padding:18px}
  .tool-inline-summary{font-size:14px}
  .tool-inline-check{min-height:44px;padding:10px 12px;font-size:13px}
  .tool-inline-check b{font-size:13px}
  .tool-inline-report{min-height:52px;font-size:14px}
}



/* ==========================================================
   v13.3 — calm interaction + human-first results
   ========================================================== */

/* No movement on hover: the list should feel calm and intentional. */
.tool-row,
.tool-row:hover,
.tool-row:focus-visible,
.tool-row.keyboard-focus{
  padding-left:10px !important;
  transform:none !important;
}
.tool-row{
  transition:background .16s ease,border-color .16s ease,opacity .16s ease !important;
}
.tool-row:hover,
.tool-row:focus-visible,
.tool-row.keyboard-focus{
  background:linear-gradient(90deg,rgba(118,87,255,.038),transparent 76%) !important;
  border-bottom-color:rgba(255,255,255,.11) !important;
}
.tool-row.active{
  padding-left:12px !important;
  background:linear-gradient(90deg,rgba(118,87,255,.085),rgba(118,87,255,.018) 62%,transparent 88%) !important;
  border-bottom-color:rgba(118,87,255,.22) !important;
}
.tool-row:hover .tool-row-copy strong{color:#fff}
.tool-row-action{opacity:.62;transition:opacity .16s ease}
.tool-row:hover .tool-row-action,.tool-row.active .tool-row-action{opacity:1}
.tool-feature-copy{transition:opacity .22s ease !important}
.tool-feature.is-previewing .tool-feature-copy{animation:none !important}

/* Human-first result card */
.human-result{
  display:grid;
  gap:13px;
  padding:17px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:15px;
  background:linear-gradient(145deg,rgba(255,255,255,.036),rgba(255,255,255,.014));
}
.human-result-head{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;align-items:start}
.human-result-icon{
  width:34px;height:34px;border-radius:11px;display:grid;place-items:center;
  font-size:16px;font-weight:900;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.065)
}
.human-result.priority .human-result-icon{color:#ff9ca7;background:rgba(255,111,127,.07);border-color:rgba(255,111,127,.14)}
.human-result.review .human-result-icon{color:#f6d477;background:rgba(246,200,95,.065);border-color:rgba(246,200,95,.14)}
.human-result.good .human-result-icon{color:#71e8b0;background:rgba(101,229,170,.06);border-color:rgba(101,229,170,.14)}
.human-result-kicker{display:block;margin-bottom:4px;color:#778291;font-size:9px;font-weight:900;letter-spacing:.095em;text-transform:uppercase}
.human-result h4{margin:0;color:#f4f6f9;font-size:18px;line-height:1.18;letter-spacing:-.025em}
.human-result-lead{margin:0;color:#9aa4b2;font-size:11.5px;line-height:1.62}
.human-priorities{display:grid;gap:7px}
.human-priority{
  display:grid;grid-template-columns:7px minmax(0,1fr);gap:10px;align-items:start;
  padding:10px 11px;border-radius:11px;background:rgba(255,255,255,.024);border:1px solid rgba(255,255,255,.05)
}
.human-priority-dot{width:7px;height:7px;margin-top:5px;border-radius:50%;background:#f6c85f;box-shadow:0 0 0 4px rgba(246,200,95,.045)}
.human-priority.bad .human-priority-dot{background:#ff7f8d;box-shadow:0 0 0 4px rgba(255,111,127,.045)}
.human-priority strong{display:block;margin-bottom:3px;color:#dfe4ea;font-size:11.5px}
.human-priority span{display:block;color:#7f8997;font-size:10.5px;line-height:1.48}
.human-no-issue{padding:10px 11px;border-radius:11px;background:rgba(101,229,170,.035);color:#a8b6b0;font-size:10.5px;line-height:1.5}

.tool-tech-details{margin-top:11px;border-top:1px solid rgba(255,255,255,.06);padding-top:10px}
.tool-tech-details summary{cursor:pointer;list-style:none;color:#7d8795;font-size:10px;font-weight:800;user-select:none}
.tool-tech-details summary::-webkit-details-marker{display:none}
.tool-tech-details summary:after{content:" +";color:#626c7b}
.tool-tech-details[open] summary:after{content:" −"}
.tool-tech-details .tool-inline-summary{margin-top:12px}
.tool-inline-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:11px}
.tool-human-help,.tool-inline-report{
  min-height:43px !important;margin-top:0 !important;border-radius:10px !important;font:inherit;font-size:10.5px !important;font-weight:850 !important
}
.tool-human-help{
  border:1px solid rgba(255,255,255,.10) !important;
  background:rgba(255,255,255,.04) !important;color:#eef1f5 !important;
}
.tool-human-help:hover{background:rgba(255,255,255,.065) !important}

/* Full report starts with a plain-language executive summary. */
#auditModal .ih-dialog{width:min(980px,calc(100vw - 42px))}
.audit-human-summary{margin:4px 0 22px}
.audit-human-summary .human-result{padding:20px}
.audit-human-summary .human-result h4{font-size:22px}
.audit-human-summary .human-result-lead{font-size:13px}
.audit-human-summary .human-priority strong{font-size:12.5px}
.audit-human-summary .human-priority span{font-size:11.5px}
.audit-technical-title{margin:4px 0 10px;color:#707b89;font-size:10px;font-weight:900;letter-spacing:.09em;text-transform:uppercase}
#auditModal .finding-list{gap:8px}
#auditModal .finding{padding:12px 14px;grid-template-columns:36px 1fr auto}
#auditModal .finding-icon{width:36px;height:36px;border-radius:10px}
#auditModal .finding p{font-size:11.5px}

@media(max-width:767px){
  .tool-row,.tool-row:hover,.tool-row:focus-visible,.tool-row.keyboard-focus,.tool-row.active{padding-left:4px !important}
  .tool-inline-actions{grid-template-columns:1fr}
  .human-result{padding:14px}
  .human-result h4{font-size:16px}
  #auditModal .ih-dialog{width:100%}
}

@media (hover:none), (pointer:coarse){
  .tool-row:hover{background:transparent !important;border-bottom-color:rgba(255,255,255,.08) !important}
  .tool-row.active{background:linear-gradient(90deg,rgba(118,87,255,.085),rgba(118,87,255,.018) 62%,transparent 88%) !important}
}



/* ==========================================================
   v13.4 — header overlays hero (no black strip)
   ========================================================== */

:root{
  --ih-header-h:72px;
}

.topbar{
  position:fixed !important;
  top:0 !important;
  left:0 !important;
  right:0 !important;
  width:100% !important;
  z-index:1000 !important;
  background:rgba(5,7,11,.04) !important;
  border-bottom:1px solid rgba(255,255,255,.018) !important;
  box-shadow:none !important;
  backdrop-filter:blur(2px) saturate(1.02) !important;
  -webkit-backdrop-filter:blur(2px) saturate(1.02) !important;
}

.topbar.is-scrolled{
  background:rgba(5,7,11,.34) !important;
  border-bottom-color:rgba(255,255,255,.045) !important;
  box-shadow:0 1px 0 rgba(0,0,0,.20) !important;
  backdrop-filter:blur(14px) saturate(1.06) !important;
  -webkit-backdrop-filter:blur(14px) saturate(1.06) !important;
}

/* hero now continues behind the fixed header */
.hero{
  min-height:100svh !important;
  padding-top:calc(var(--ih-header-h) + 24px) !important;
  padding-bottom:32px !important;
}

.hero::before,
.hero::after{
  z-index:-1;
}

@media (min-width:768px){
  .nav{
    height:var(--ih-header-h) !important;
    min-height:var(--ih-header-h) !important;
  }
}

@media (max-width:767px){
  :root{
    --ih-header-h:62px;
  }
  .topbar{
    background:rgba(5,7,11,.05) !important;
    backdrop-filter:blur(3px) !important;
    -webkit-backdrop-filter:blur(3px) !important;
  }
  .topbar.is-scrolled{
    background:rgba(5,7,11,.42) !important;
  }
  .hero{
    min-height:auto !important;
    padding-top:calc(var(--ih-header-h) + 24px) !important;
  }
}

@media (min-width:3200px){
  :root{
    --ih-header-h:86px;
  }
  .hero{
    min-height:100svh !important;
    padding-top:calc(var(--ih-header-h) + 30px) !important;
  }
}



/* ==========================================================
   v13.5 — MOBILE READABILITY PASS
   360–767px: larger type, stronger contrast, calmer spacing
   ========================================================== */
@media (max-width:767px){
  body{
    font-size:17px !important;
  }

  .wrap,
  .hero > .wrap{
    width:calc(100% - 28px) !important;
  }

  /* Header */
  .nav{
    min-height:68px !important;
    height:68px !important;
  }
  .instanthelp-logo{
    height:36px !important;
    max-width:172px !important;
  }
  .lang-btn{
    min-width:46px !important;
    padding:9px 13px !important;
    font-size:14px !important;
  }

  /* Hero */
  .hero{
    padding-top:34px !important;
    padding-bottom:46px !important;
  }
  .hero .eyebrow{
    font-size:12px !important;
    line-height:1.35 !important;
    letter-spacing:.07em !important;
    margin-bottom:20px !important;
  }
  h1{
    font-size:clamp(52px,14.8vw,68px) !important;
    line-height:.94 !important;
    letter-spacing:-.055em !important;
  }
  .lead{
    font-size:18px !important;
    line-height:1.65 !important;
    color:#b8c0cc !important;
    margin-top:22px !important;
  }

  .intent-grid{
    margin-top:26px !important;
    gap:11px !important;
  }
  .intent-card,
  .intent-card.intent-emergency{
    min-height:92px !important;
    padding:16px 16px !important;
    border-radius:18px !important;
  }
  .intent-icon{
    width:46px !important;
    height:46px !important;
    flex:0 0 46px !important;
    font-size:18px !important;
  }
  .intent-copy strong{
    font-size:17px !important;
    line-height:1.3 !important;
  }
  .intent-copy small{
    font-size:15px !important;
    line-height:1.45 !important;
    color:#9ea8b8 !important;
  }
  .hero-note{
    margin-top:22px !important;
    gap:9px !important;
    font-size:14px !important;
    line-height:1.55 !important;
    color:#929cab !important;
  }

  /* Checker */
  .checker{
    padding:18px !important;
    border-radius:20px !important;
  }
  .checker-head strong{
    font-size:16px !important;
  }
  .live:after{
    font-size:10px !important;
  }
  .paid-credits-badge small{
    font-size:11px !important;
  }
  .paid-credits-badge strong{
    font-size:18px !important;
  }
  .domain{
    min-height:54px !important;
    font-size:17px !important;
  }
  .input-row .primary,
  .primary,
  .ghost,
  .secondary{
    min-height:52px !important;
    font-size:16px !important;
  }
  .checker-context,
  .scan-items,
  .audit-box span,
  .audit-box b,
  .audit-cta{
    font-size:14px !important;
    line-height:1.5 !important;
  }

  /* General section typography */
  .section,
  #issues,
  .hosting-band,
  .te-bridge{
    padding-top:72px !important;
    padding-bottom:72px !important;
  }
  h2,
  #issues h2,
  .te-bridge h2{
    font-size:clamp(44px,12.5vw,58px) !important;
    line-height:1.02 !important;
  }
  .section-head p,
  .issue-editorial-sub,
  .te-bridge-head p,
  .hosting-copy p,
  .trust-card p,
  .cta p,
  .step p,
  .te-path p{
    font-size:17px !important;
    line-height:1.65 !important;
    color:#a3adbb !important;
  }

  /* Issues */
  #issues .issue strong,
  .issue strong{
    font-size:19px !important;
    line-height:1.35 !important;
  }
  #issues .issue small,
  .issue small{
    font-size:15px !important;
    line-height:1.55 !important;
    color:#9ea8b6 !important;
  }

  /* Hosting */
  .hosting-copy{
    padding:28px 22px !important;
  }
  .hosting-copy .bigline{
    font-size:24px !important;
    line-height:1.45 !important;
  }
  .hosting-card{
    padding:24px !important;
  }
  .hosting-card .quote{
    font-size:22px !important;
    line-height:1.38 !important;
  }
  .hosting-card p{
    font-size:16px !important;
    line-height:1.6 !important;
    color:#a0a9b8 !important;
  }
  .clarity-strip div,
  .clarity-strip b,
  .clarity-strip span{
    font-size:15px !important;
    line-height:1.5 !important;
  }

  /* Flow / services */
  .step{
    padding:26px !important;
  }
  .step strong{
    font-size:19px !important;
  }
  .te-path{
    padding:28px 24px !important;
  }
  .te-path h3{
    font-size:30px !important;
    line-height:1.15 !important;
  }
  .te-links a{
    font-size:16px !important;
    line-height:1.5 !important;
  }
  .te-products{
    padding:24px !important;
  }

  /* Tools hub */
  .tools-kicker,
  .tool-kicker,
  .tool-num,
  .tool-status,
  .tool-chip{
    font-size:13px !important;
  }
  .tools-intro,
  .tools-note,
  .tools-disclaimer,
  .tool-item p,
  .tool-feature p,
  .tool-feature-desc,
  .tool-feature-note{
    font-size:16px !important;
    line-height:1.6 !important;
    color:#9ea8b7 !important;
  }
  .tool-item h3,
  .tool-item strong{
    font-size:20px !important;
    line-height:1.3 !important;
  }
  .tool-feature h3,
  .tool-feature-title{
    font-size:clamp(34px,10vw,46px) !important;
    line-height:1.06 !important;
  }
  .tool-feature{
    padding:26px 22px !important;
  }
  .tool-item{
    padding:22px 6px !important;
  }
  .tool-run input{
    min-height:54px !important;
    font-size:17px !important;
  }
  .tool-run button{
    min-height:54px !important;
    font-size:16px !important;
  }

  /* Human-first result blocks */
  .human-summary-title,
  .result-human-title,
  .priority-title{
    font-size:22px !important;
    line-height:1.3 !important;
  }
  .human-summary p,
  .result-human-copy,
  .priority-copy,
  .human-result p,
  .human-result li{
    font-size:16px !important;
    line-height:1.6 !important;
    color:#a8b1bf !important;
  }
  .technical-toggle,
  .technical-details,
  .finding p,
  .finding-status{
    font-size:14px !important;
    line-height:1.5 !important;
  }

  /* CTA bridge */
  .trust-card,
  .cta{
    padding:28px 24px !important;
  }
  .trust-card h3,
  .cta h3{
    font-size:32px !important;
    line-height:1.12 !important;
  }
  .pill{
    font-size:14px !important;
    padding:10px 12px !important;
  }

  /* Footer */
  footer,
  .footer-row,
  .powered,
  footer a{
    font-size:15px !important;
    line-height:1.6 !important;
    color:#8f99a8 !important;
  }
  .footer-row{
    gap:14px !important;
  }

  /* Improve muted contrast globally on mobile */
  .muted,
  small,
  .section-head p,
  .hero-note,
  .hosting-card p,
  .step p,
  .te-path p{
    opacity:1 !important;
  }
}

@media (max-width:390px){
  .wrap,
  .hero > .wrap{
    width:calc(100% - 22px) !important;
  }
  h1{
    font-size:49px !important;
  }
  .lead{
    font-size:17px !important;
  }
  .intent-copy strong{
    font-size:16px !important;
  }
  .intent-copy small{
    font-size:14.5px !important;
  }
}


/* ==========================================================
   v14 — HUMAN-FIRST PROTOTYPE
   The visitor starts from what they see, not technical jargon.
   ========================================================== */
.human-entry{margin-top:28px;max-width:790px}
.human-entry-label{margin-bottom:10px;color:#9aa5b5;font-size:12px;font-weight:850;letter-spacing:.06em;text-transform:uppercase}
.human-path-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.human-path{position:relative;display:flex;align-items:flex-start;gap:12px;min-height:112px;padding:16px;border:1px solid rgba(255,255,255,.08)!important;border-radius:18px;background:rgba(255,255,255,.025)!important;color:#fff!important;text-align:left;box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important;transition:border-color .18s ease,background .18s ease,transform .18s ease!important}
.human-path:hover{transform:translateY(-1px);border-color:rgba(118,87,255,.28)!important;background:rgba(118,87,255,.055)!important}
.human-path.active{border-color:rgba(118,87,255,.48)!important;background:linear-gradient(145deg,rgba(118,87,255,.11),rgba(83,216,255,.025))!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 12px 30px rgba(0,0,0,.14)!important}
.human-path-urgent.active{border-color:rgba(255,111,127,.38)!important;background:linear-gradient(145deg,rgba(255,111,127,.08),rgba(118,87,255,.04))!important}
.human-path-icon{display:grid;place-items:center;width:34px;height:34px;flex:0 0 34px;border-radius:11px;border:1px solid rgba(255,255,255,.075);background:rgba(255,255,255,.035);color:#cbd3df;font-size:14px;font-weight:900}
.human-path-copy{display:block;min-width:0}.human-path-copy strong{display:block;margin-bottom:7px;color:#f4f6fa;font-size:14px;line-height:1.15;letter-spacing:-.015em}.human-path-copy small{display:block;color:#8792a2;font-size:11px;line-height:1.5}
.human-question-panel{margin-top:10px;padding:14px;border:1px solid rgba(255,255,255,.075);border-radius:18px;background:rgba(5,8,13,.52);box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}
.human-question-head{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:11px}.human-question-head strong{color:#e8ecf2;font-size:13px}.human-question-head span{color:#707b8b;font-size:10.5px}
.human-question-list{display:flex;flex-wrap:wrap;gap:7px}.human-question{min-height:37px;padding:8px 11px;border:1px solid rgba(255,255,255,.075)!important;border-radius:999px;background:rgba(255,255,255,.025)!important;color:#b7c0cc!important;font-size:11px;font-weight:760;transition:background .16s ease,border-color .16s ease,color .16s ease!important}.human-question:hover{background:rgba(255,255,255,.055)!important;border-color:rgba(255,255,255,.14)!important;color:#fff!important}.human-question.active{background:rgba(118,87,255,.12)!important;border-color:rgba(118,87,255,.38)!important;color:#fff!important}.human-question-human{border-color:rgba(246,200,95,.18)!important}.human-question-human:after{content:" άνθρωπος";margin-left:6px;color:#f6c85f;font-size:8px;font-weight:900;letter-spacing:.06em;text-transform:uppercase}

.human-how{position:relative;overflow:hidden;padding:94px 0;background:#f4f1ea;color:#11141a;border-top:1px solid rgba(0,0,0,.05);border-bottom:1px solid rgba(0,0,0,.08)}
.human-how:after{content:"EXPLAIN";position:absolute;right:-.03em;bottom:-.2em;color:rgba(17,20,26,.035);font-size:clamp(130px,18vw,340px);line-height:1;font-weight:950;letter-spacing:-.08em;pointer-events:none}
.human-how .wrap{position:relative;z-index:1}.human-how .eyebrow{border-color:rgba(17,20,26,.09);background:rgba(17,20,26,.035);color:#59616c;box-shadow:none}.human-how .eyebrow:before{box-shadow:0 0 0 5px rgba(118,87,255,.07)}
.human-how-head{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.72fr);gap:70px;align-items:end;margin-bottom:38px}.human-how-head h2{max-width:820px;color:#11141a}.human-how-head p{margin:0;color:#69717c;font-size:15px;line-height:1.7}
.human-how-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.human-how-card{min-height:235px;padding:27px;border:1px solid rgba(17,20,26,.09);border-radius:23px;background:rgba(255,255,255,.48);box-shadow:0 16px 45px rgba(25,27,31,.035)}.human-how-card>span{display:block;margin-bottom:50px;color:#8b929b;font-size:10px;font-weight:900;letter-spacing:.1em}.human-how-card strong{display:block;margin-bottom:12px;color:#171a20;font-size:22px;letter-spacing:-.03em}.human-how-card p{margin:0;color:#69717c;font-size:14px;line-height:1.65}.human-how-card-accent{border-color:rgba(118,87,255,.18);background:linear-gradient(145deg,rgba(118,87,255,.10),rgba(83,216,255,.07)),rgba(255,255,255,.58)}.human-how-card-accent strong{color:#3e2ba7}

/* Secondary tools now feel secondary, not like the primary entry point. */
.tools-hub{padding-top:92px!important}.tools-head h2{max-width:760px!important}.tools-head p{max-width:650px!important}

@media(max-width:1099px){.human-path-grid{grid-template-columns:1fr}.human-path{min-height:88px}.human-how-head{grid-template-columns:1fr;gap:18px}.human-how-grid{grid-template-columns:1fr 1fr}.human-how-card-accent{grid-column:1/-1}}
@media(max-width:767px){.human-entry{margin-top:24px}.human-entry-label{font-size:14px;margin-bottom:12px}.human-path-grid{gap:10px}.human-path{min-height:auto;padding:15px 14px;border-radius:16px}.human-path-icon{width:38px;height:38px;flex-basis:38px}.human-path-copy strong{font-size:17px;margin-bottom:6px}.human-path-copy small{font-size:15px;line-height:1.48;color:#a5afbd}.human-question-panel{padding:14px 12px}.human-question-head{display:block}.human-question-head strong{display:block;font-size:16px;margin-bottom:4px}.human-question-head span{font-size:14px}.human-question-list{display:grid;grid-template-columns:1fr;gap:8px}.human-question{width:100%;min-height:46px;border-radius:13px;text-align:left;padding:11px 13px;font-size:15px}.human-question-human:after{font-size:9px}.human-how{padding:68px 0}.human-how-head{margin-bottom:26px}.human-how-head h2{font-size:42px!important}.human-how-head p{font-size:17px}.human-how-grid{grid-template-columns:1fr}.human-how-card,.human-how-card-accent{grid-column:auto;min-height:auto;padding:22px}.human-how-card>span{margin-bottom:30px;font-size:12px}.human-how-card strong{font-size:24px}.human-how-card p{font-size:17px}.tools-hub{padding-top:70px!important}}
@media(min-width:3200px){.human-entry{max-width:1050px;margin-top:42px}.human-entry-label{font-size:16px}.human-path{min-height:148px;padding:22px}.human-path-icon{width:46px;height:46px;flex-basis:46px;font-size:18px}.human-path-copy strong{font-size:20px}.human-path-copy small{font-size:15px}.human-question-panel{padding:20px}.human-question-head strong{font-size:17px}.human-question-head span{font-size:14px}.human-question{min-height:46px;padding:10px 15px;font-size:14px}.human-how{padding:145px 0}.human-how-head{gap:110px;margin-bottom:58px}.human-how-head p{font-size:20px}.human-how-card{min-height:310px;padding:36px}.human-how-card>span{margin-bottom:74px;font-size:13px}.human-how-card strong{font-size:31px}.human-how-card p{font-size:18px}}


/* ==========================================================
   v14.1 — EXPERIENCE-LED CONTENT PASS
   InstantHelp stays the product. Experience proves the value.
   ========================================================== */

.diagnostic-meaning .human-how-head{margin-bottom:42px}
.diagnostic-meaning-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.diagnostic-meaning-card{min-height:255px;padding:26px;border:1px solid rgba(17,20,26,.09);border-radius:22px;background:rgba(255,255,255,.5);box-shadow:0 16px 45px rgba(25,27,31,.03)}
.diagnostic-meaning-card>span{display:block;margin-bottom:55px;color:#8b929b;font-size:10px;font-weight:900;letter-spacing:.1em}
.diagnostic-meaning-card strong{display:block;margin-bottom:12px;color:#171a20;font-size:21px;line-height:1.12;letter-spacing:-.03em}
.diagnostic-meaning-card p{margin:0;color:#69717c;font-size:14px;line-height:1.65}
.diagnostic-meaning-card-accent{border-color:rgba(118,87,255,.19);background:linear-gradient(145deg,rgba(118,87,255,.12),rgba(83,216,255,.07)),rgba(255,255,255,.62)}
.diagnostic-meaning-card-accent strong{color:#39269d}

.diagnostic-depth{position:relative;overflow:hidden;padding:118px 0;background:radial-gradient(850px 560px at 8% 15%,rgba(118,87,255,.12),transparent 70%),radial-gradient(740px 520px at 93% 82%,rgba(83,216,255,.07),transparent 72%),#080b11;color:#f5f7fb;border-bottom:1px solid rgba(255,255,255,.05)}
.diagnostic-depth:before{content:"24";position:absolute;right:-.03em;top:-.12em;color:rgba(255,255,255,.018);font-size:clamp(280px,34vw,680px);line-height:.9;font-weight:950;letter-spacing:-.09em;pointer-events:none}
.diagnostic-depth .wrap{position:relative;z-index:1}
.diagnostic-depth-head{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(380px,.72fr);gap:88px;align-items:end;margin-bottom:48px}
.diagnostic-depth-head h2{max-width:900px;font-size:clamp(52px,5.7vw,82px);line-height:.94}
.diagnostic-depth-head>p{margin:0;color:#9aa5b4;font-size:16px;line-height:1.75}
.depth-punch{margin-top:18px;max-width:920px;color:#8bdff5;font-size:clamp(24px,2.4vw,36px);font-weight:820;line-height:1.15;letter-spacing:-.035em}
.pattern-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.pattern-card{display:flex;flex-direction:column;min-height:430px;padding:28px;border:1px solid rgba(255,255,255,.075);border-radius:23px;background:linear-gradient(155deg,rgba(255,255,255,.042),rgba(255,255,255,.014));box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}
.pattern-top{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:42px}.pattern-top>span{color:#737f90;font-size:9px;font-weight:900;letter-spacing:.1em}.pattern-top code{padding:7px 9px;border:1px solid rgba(118,87,255,.2);border-radius:9px;background:rgba(118,87,255,.07);color:#c9c1ff;font-size:12px}
.pattern-card h3{margin:0 0 16px;color:#f3f5f9;font-size:25px;line-height:1.12;letter-spacing:-.035em}.pattern-card p{margin:0;color:#929cab;font-size:14px;line-height:1.72}.pattern-next{margin-top:auto;padding-top:26px}.pattern-next b{display:block;margin-bottom:8px;color:#6f7a8a;font-size:9px;letter-spacing:.09em;text-transform:uppercase}.pattern-next span{color:#bec6d1;font-size:12px;line-height:1.5}
.depth-saving{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.8fr);gap:70px;align-items:end;margin-top:16px;padding:34px 36px;border:1px solid rgba(118,87,255,.16);border-radius:23px;background:linear-gradient(90deg,rgba(118,87,255,.10),rgba(83,216,255,.045) 72%,rgba(255,255,255,.02))}.depth-saving span{display:block;margin-bottom:9px;color:#8d97a6;font-size:10px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.depth-saving strong{display:block;max-width:800px;color:#f7f8fb;font-size:clamp(25px,2.4vw,36px);line-height:1.12;letter-spacing:-.04em}.depth-saving p{margin:0;color:#a2acba;font-size:15px;line-height:1.7}

.resolution-layer{padding:108px 0;background:#f4f1ea;color:#14171c;border-top:1px solid rgba(0,0,0,.05)}
.resolution-shell{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(360px,.7fr);gap:62px;padding:42px;border:1px solid rgba(17,20,26,.09);border-radius:28px;background:rgba(255,255,255,.52);box-shadow:0 24px 70px rgba(20,22,27,.045)}
.resolution-copy .eyebrow{border-color:rgba(17,20,26,.09);background:rgba(17,20,26,.035);color:#59616c}.resolution-copy h2{max-width:820px;color:#11141a;font-size:clamp(42px,4.5vw,66px)}.resolution-copy p{max-width:790px;margin:22px 0 0;color:#68717c;font-size:16px;line-height:1.75}
.resolution-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}.resolution-secondary{min-height:48px;padding:0 18px;border:1px solid rgba(17,20,26,.11);border-radius:12px;background:transparent;color:#20242b;font-weight:800}
.resolution-proof{padding:30px;border-radius:22px;background:#10141b;color:#f4f6fa}.resolution-stat{display:flex;align-items:flex-end;gap:14px;padding-bottom:24px;border-bottom:1px solid rgba(255,255,255,.07)}.resolution-stat strong{font-size:70px;line-height:.78;letter-spacing:-.07em;background:linear-gradient(100deg,#bdb1ff,#70d9f5);-webkit-background-clip:text;background-clip:text;color:transparent}.resolution-stat span{max-width:150px;color:#aeb7c4;font-size:13px;line-height:1.35}.resolution-line{padding:18px 0;border-bottom:1px solid rgba(255,255,255,.065)}.resolution-line b{display:block;margin-bottom:6px;color:#e9edf3;font-size:14px}.resolution-line span{color:#8692a2;font-size:12px;line-height:1.55}.resolution-proof small{display:block;margin-top:18px;color:#697586;font-size:10px;letter-spacing:.04em}

@media(max-width:1099px){.diagnostic-meaning-grid{grid-template-columns:1fr 1fr}.diagnostic-depth-head,.depth-saving,.resolution-shell{grid-template-columns:1fr;gap:28px}.pattern-grid{grid-template-columns:1fr}.pattern-card{min-height:300px}.resolution-proof{max-width:680px}}
@media(max-width:767px){.diagnostic-meaning-grid{grid-template-columns:1fr}.diagnostic-meaning-card{min-height:auto;padding:22px}.diagnostic-meaning-card>span{margin-bottom:30px;font-size:12px}.diagnostic-meaning-card strong{font-size:24px}.diagnostic-meaning-card p{font-size:17px}.diagnostic-depth{padding:72px 0}.diagnostic-depth-head{margin-bottom:30px}.diagnostic-depth-head h2{font-size:44px!important}.depth-punch{font-size:26px}.diagnostic-depth-head>p{font-size:17px}.pattern-card{min-height:auto;padding:22px}.pattern-top{align-items:flex-start;margin-bottom:30px}.pattern-top>span{font-size:10px}.pattern-top code{font-size:12px}.pattern-card h3{font-size:26px}.pattern-card p{font-size:17px}.pattern-next b{font-size:10px}.pattern-next span{font-size:15px}.depth-saving{padding:24px 22px}.depth-saving strong{font-size:29px}.depth-saving p{font-size:17px}.resolution-layer{padding:72px 0}.resolution-shell{padding:24px 20px}.resolution-copy h2{font-size:43px!important}.resolution-copy p{font-size:17px}.resolution-actions{display:grid;grid-template-columns:1fr}.resolution-actions button{width:100%;min-height:54px;font-size:16px}.resolution-proof{padding:24px 20px}.resolution-stat strong{font-size:64px}.resolution-stat span{font-size:15px}.resolution-line b{font-size:17px}.resolution-line span{font-size:15px}.resolution-proof small{font-size:12px}}
@media(min-width:3200px){.diagnostic-meaning-card{min-height:340px;padding:36px}.diagnostic-meaning-card>span{margin-bottom:86px;font-size:14px}.diagnostic-meaning-card strong{font-size:30px}.diagnostic-meaning-card p{font-size:18px}.diagnostic-depth{padding:160px 0}.diagnostic-depth-head{gap:120px;margin-bottom:70px}.diagnostic-depth-head h2{font-size:100px}.depth-punch{font-size:46px}.diagnostic-depth-head>p{font-size:21px}.pattern-card{min-height:560px;padding:38px}.pattern-top>span{font-size:13px}.pattern-top code{font-size:16px}.pattern-card h3{font-size:35px}.pattern-card p{font-size:19px}.pattern-next span{font-size:16px}.depth-saving{padding:46px 50px}.depth-saving strong{font-size:46px}.depth-saving p{font-size:20px}.resolution-layer{padding:150px 0}.resolution-shell{gap:100px;padding:56px}.resolution-copy p{font-size:20px}.resolution-stat strong{font-size:96px}.resolution-stat span{font-size:17px}.resolution-line b{font-size:19px}.resolution-line span{font-size:16px}}


/* ==========================================================
   v14.2 — restored BUILD / HOST / OPERATE / IMPROVE bridge
   InstantHelp remains the foreground brand.
   ========================================================== */
.v142-service-bridge:before{
  content:"NEXT STEP" !important;
  right:-.035em !important;
  bottom:-.18em !important;
  font-size:clamp(150px,20vw,360px) !important;
  color:rgba(255,255,255,.016) !important;
}
.v142-service-bridge .te-bridge-head .eyebrow{
  color:#b9c3d1;
}
.v142-service-bridge .te-bridge-head h2{
  max-width:940px;
}
.v142-service-bridge .te-path{
  cursor:default;
}
.v142-service-bridge .te-path:hover{
  transform:translateY(-2px);
  background:rgba(255,255,255,.035);
}
.v142-products{
  margin-top:18px;
}
.v142-service-credit{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  padding:17px 2px 0;
  color:#798391;
  font-size:11px;
}
.v142-service-credit span{
  font-weight:700;
}
.v142-service-credit small{
  color:#646e7c;
  font-size:10px;
  letter-spacing:.035em;
}
@media(max-width:1080px){
  .v142-service-credit{align-items:flex-start;flex-direction:column;gap:6px}
}
@media(max-width:767px){
  .v142-service-bridge{padding:74px 0 70px !important}
  .v142-service-bridge .te-bridge-head{margin-bottom:30px !important}
  .v142-service-bridge .te-bridge-head h2{font-size:43px !important;line-height:.98 !important}
  .v142-service-bridge .te-bridge-head p{font-size:17px !important;line-height:1.65 !important}
  .v142-service-bridge .te-path{min-height:auto !important;padding:24px 20px !important}
  .v142-service-bridge .te-path-label{margin-top:30px !important;font-size:13px !important}
  .v142-service-bridge .te-path h3{font-size:26px !important;line-height:1.08 !important}
  .v142-service-bridge .te-path p{font-size:16px !important;line-height:1.6 !important}
  .v142-service-bridge .te-links a{font-size:15px !important;line-height:1.5 !important}
  .v142-products{padding:20px !important}
  .v142-products .te-products-copy span{font-size:12px !important}
  .v142-products .te-products-copy strong{font-size:18px !important;line-height:1.35 !important}
  .v142-products .te-product-links{justify-content:flex-start !important}
  .v142-products .te-product-links a{min-height:44px !important;font-size:14px !important}
  .v142-service-credit{font-size:14px;line-height:1.5}
  .v142-service-credit small{font-size:12px}
}
@media(min-width:3200px){
  .v142-service-bridge{padding:165px 0 150px !important}
  .v142-service-bridge .te-bridge-head{gap:110px !important;margin-bottom:72px !important}
  .v142-service-bridge .te-bridge-head h2{font-size:102px !important;max-width:1300px !important}
  .v142-service-bridge .te-bridge-head p{font-size:21px !important}
  .v142-service-bridge .te-path{min-height:455px !important;padding:38px 32px !important}
  .v142-service-bridge .te-path-num{font-size:14px !important}
  .v142-service-bridge .te-path-label{margin-top:78px !important;font-size:15px !important}
  .v142-service-bridge .te-path h3{font-size:33px !important}
  .v142-service-bridge .te-path p{font-size:17px !important}
  .v142-service-bridge .te-links a{font-size:16px !important}
  .v142-products{padding:30px 34px !important}
  .v142-products .te-products-copy span{font-size:14px !important}
  .v142-products .te-products-copy strong{font-size:21px !important}
  .v142-products .te-product-links a{min-height:46px !important;font-size:14px !important}
  .v142-service-credit{font-size:15px;padding-top:22px}
  .v142-service-credit small{font-size:13px}
}


/* ==========================================================
   v14.3 — LOCKED HERO BASELINE + EXPERIENCE FLOW
   ========================================================== */
.hero .human-entry,
.hero .human-path-grid,
.hero .human-question-panel{
  display:none !important;
}
.hero .intent-grid{
  display:grid !important;
}
@media (min-width:1100px){
  .hero-grid{
    align-items:center !important;
  }
}


/* ==========================================================
   v14.4 — MOBILE CONTRAST + HEADER SAFE AREA
   Fixes light-section text contrast and fixed-header overlap.
   ========================================================== */
@media (max-width:767px){

  :root{
    --ih-header-h:68px !important;
  }

  /* Fixed header: still glass, but remains dark over light sections */
  .topbar{
    min-height:var(--ih-header-h) !important;
    background:rgba(6,8,13,.16) !important;
    border-bottom-color:rgba(255,255,255,.035) !important;
    backdrop-filter:blur(9px) saturate(1.06) !important;
    -webkit-backdrop-filter:blur(9px) saturate(1.06) !important;
  }

  .topbar.is-scrolled{
    background:rgba(6,8,13,.82) !important;
    border-bottom-color:rgba(255,255,255,.07) !important;
    box-shadow:0 8px 26px rgba(0,0,0,.18) !important;
    backdrop-filter:blur(18px) saturate(1.08) !important;
    -webkit-backdrop-filter:blur(18px) saturate(1.08) !important;
  }

  .nav{
    height:var(--ih-header-h) !important;
    min-height:var(--ih-header-h) !important;
  }

  /* Nothing from the hero may sit underneath the fixed header */
  .hero{
    padding-top:calc(var(--ih-header-h) + 28px) !important;
  }

  .hero .eyebrow{
    position:relative !important;
    z-index:2 !important;
    margin-top:0 !important;
  }

  /* ------------------------------------------
     LIGHT SECTION: "Τι συνέβη;"
     Do not reuse dark-section grey text here.
     ------------------------------------------ */
  #issues{
    color:#18151c !important;
  }

  #issues .eyebrow{
    color:#58515f !important;
  }

  #issues h2{
    color:#17141b !important;
  }

  #issues .issue-editorial-sub,
  #issues .section-head p{
    color:#5e5863 !important;
    font-size:17px !important;
    line-height:1.62 !important;
  }

  #issues .issue strong{
    color:#1b171f !important;
    font-size:20px !important;
    line-height:1.3 !important;
  }

  #issues .issue small{
    max-width:100% !important;
    width:100% !important;
    padding-right:0 !important;
    color:#655f69 !important;
    font-size:16px !important;
    line-height:1.55 !important;
    overflow-wrap:anywhere !important;
  }

  #issues .issue:before{
    color:#756e79 !important;
    font-size:11px !important;
  }

  #issues .issue:hover strong,
  #issues .issue.selected strong{
    color:#5d35c8 !important;
  }

  #issues .issue{
    border-bottom-color:rgba(23,20,27,.17) !important;
  }

  #issues .issue-grid{
    border-top-color:rgba(23,20,27,.17) !important;
  }

  /* Selected action box must remain readable too */
  #issues .action-text strong{
    color:#fff !important;
  }

  #issues .action-text span{
    color:#c1bac8 !important;
    font-size:15px !important;
    line-height:1.5 !important;
  }

  /* Light experience/fulfilment sections: stronger body contrast */
  .human-how p,
  .diagnostic-meaning-card p,
  .resolution-copy p{
    color:#595f68 !important;
  }
}

@media (max-width:390px){
  #issues .issue strong{
    font-size:19px !important;
  }
  #issues .issue small{
    font-size:15.5px !important;
  }
}



/* ==========================================================
   v14.5 — MOBILE HERO OVERLAP + CARD COPY FIX
   Fixes remaining mobile clipping under header and text cut-off inside hero cards.
   ========================================================== */
@media (max-width:767px){
  :root{
    --ih-header-h:84px !important;
  }

  html{scroll-padding-top:var(--ih-header-h) !important;}

  .topbar{
    z-index:1200 !important;
    background:rgba(6,8,13,.58) !important;
    border-bottom:1px solid rgba(255,255,255,.06) !important;
    backdrop-filter:blur(18px) saturate(1.06) !important;
    -webkit-backdrop-filter:blur(18px) saturate(1.06) !important;
  }
  .topbar.is-scrolled{
    background:rgba(6,8,13,.84) !important;
  }
  .nav{
    min-height:var(--ih-header-h) !important;
    height:var(--ih-header-h) !important;
    align-items:center !important;
  }

  /* Keep hero safely below the fixed mobile header */
  .hero{
    padding-top:calc(var(--ih-header-h) + 44px) !important;
  }
  .hero .eyebrow{
    margin-top:0 !important;
    margin-bottom:18px !important;
    position:relative !important;
    z-index:2 !important;
  }

  /* Make the hero cards fully readable on small screens */
  .intent-grid{
    gap:14px !important;
  }
  .intent-card,
  .intent-card.intent-emergency{
    display:grid !important;
    grid-template-columns:72px minmax(0,1fr) !important;
    align-items:center !important;
    min-height:auto !important;
    padding:18px 18px !important;
    border-radius:22px !important;
  }
  .intent-icon{
    width:54px !important;
    height:54px !important;
    flex:0 0 54px !important;
    border-radius:14px !important;
    font-size:22px !important;
  }
  .intent-copy{
    min-width:0 !important;
    width:100% !important;
    flex:1 1 auto !important;
  }
  .intent-copy strong{
    display:block !important;
    font-size:18px !important;
    line-height:1.22 !important;
    margin:0 0 6px !important;
    white-space:normal !important;
    overflow-wrap:anywhere !important;
  }
  .intent-copy small{
    display:block !important;
    font-size:14px !important;
    line-height:1.45 !important;
    white-space:normal !important;
    overflow-wrap:anywhere !important;
    color:#aab3c1 !important;
  }

  /* Slightly more breathing room before the cards */
  .lead{
    margin-bottom:4px !important;
  }
}

@media (max-width:390px){
  .hero{
    padding-top:calc(var(--ih-header-h) + 50px) !important;
  }
  .intent-card,
  .intent-card.intent-emergency{
    grid-template-columns:64px minmax(0,1fr) !important;
    padding:16px 16px !important;
  }
  .intent-icon{
    width:48px !important;
    height:48px !important;
    flex:0 0 48px !important;
    font-size:20px !important;
  }
  .intent-copy strong{
    font-size:17px !important;
  }
  .intent-copy small{
    font-size:13.5px !important;
  }
}


/* ==========================================================
   v14.6 — MOBILE TOOLS HUB READABILITY
   Makes "Ξέρετε ήδη πού θέλετε να κοιτάξετε;" fully readable.
   ========================================================== */
@media (max-width:767px){

  .tools-hub{
    padding-left:0 !important;
    padding-right:0 !important;
  }

  .tools-head{
    margin-bottom:28px !important;
  }

  .tools-head h2{
    font-size:clamp(38px,11vw,48px) !important;
    line-height:1.05 !important;
  }

  .tools-head p{
    max-width:none !important;
    font-size:17px !important;
    line-height:1.6 !important;
    color:#a9b2c0 !important;
  }

  .tool-list{
    width:100% !important;
  }

  .tool-row,
  .tool-row:hover,
  .tool-row:focus-visible,
  .tool-row.keyboard-focus,
  .tool-row.active{
    display:grid !important;
    grid-template-columns:38px minmax(0,1fr) !important;
    grid-template-rows:auto auto !important;
    column-gap:12px !important;
    row-gap:8px !important;
    align-items:start !important;
    min-height:0 !important;
    padding:18px 6px !important;
    transform:none !important;
  }

  .tool-num{
    grid-column:1 !important;
    grid-row:1 / span 2 !important;
    align-self:start !important;
    padding-top:3px !important;
    font-size:12px !important;
    line-height:1 !important;
    color:#737f90 !important;
  }

  .tool-row-copy{
    grid-column:2 !important;
    grid-row:1 !important;
    min-width:0 !important;
    width:100% !important;
  }

  .tool-row-copy strong{
    display:block !important;
    margin:0 0 7px !important;
    font-size:18px !important;
    line-height:1.25 !important;
    color:#f2f4f8 !important;
    white-space:normal !important;
    overflow-wrap:anywhere !important;
  }

  .tool-row-copy small{
    display:block !important;
    max-width:none !important;
    width:100% !important;
    font-size:15px !important;
    line-height:1.55 !important;
    color:#9da8b7 !important;
    white-space:normal !important;
    overflow-wrap:anywhere !important;
  }

  .tool-row-action{
    grid-column:2 !important;
    grid-row:2 !important;
    justify-self:start !important;
    display:inline-flex !important;
    align-items:center !important;
    gap:8px !important;
    min-width:0 !important;
    margin-top:2px !important;
    padding:7px 10px !important;
    border:1px solid rgba(255,255,255,.08) !important;
    border-radius:999px !important;
    background:rgba(255,255,255,.025) !important;
    color:#d0d6df !important;
    font-size:12px !important;
    line-height:1 !important;
    opacity:1 !important;
  }

  .tool-row-action i{
    display:inline !important;
    color:#65e5aa !important;
    font-size:9px !important;
  }

  .tool-use-label{
    display:inline !important;
    font-size:12px !important;
    letter-spacing:.02em !important;
  }

  .tool-row.active{
    padding-left:10px !important;
    background:
      linear-gradient(90deg,rgba(118,87,255,.09),rgba(118,87,255,.018) 72%,transparent 100%) !important;
  }

  .tool-row.active .tool-row-action{
    border-color:rgba(118,87,255,.26) !important;
    background:rgba(118,87,255,.09) !important;
    color:#fff !important;
  }

  .tools-note{
    margin-top:18px !important;
    font-size:14px !important;
    line-height:1.55 !important;
    color:#8994a4 !important;
  }
}

@media (max-width:390px){
  .tool-row,
  .tool-row:hover,
  .tool-row:focus-visible,
  .tool-row.keyboard-focus,
  .tool-row.active{
    grid-template-columns:34px minmax(0,1fr) !important;
    column-gap:10px !important;
    padding:17px 4px !important;
  }

  .tool-row-copy strong{
    font-size:17px !important;
  }

  .tool-row-copy small{
    font-size:14.5px !important;
  }
}


/* ==========================================================
   v14.7 — QHD / LARGE DESKTOP READABILITY
   1920–3199px: raise the floor for all meaningful microcopy.
   ========================================================== */
@media (min-width:1920px) and (max-width:3199px){

  /* Hero */
  .hero .eyebrow{
    font-size:13px !important;
    line-height:1.35 !important;
  }
  .lead{
    font-size:19px !important;
  }
  .intent-copy strong{
    font-size:16px !important;
    line-height:1.28 !important;
  }
  .intent-copy small{
    font-size:13.5px !important;
    line-height:1.48 !important;
    color:#a3adbb !important;
  }
  .hero-note{
    font-size:12.5px !important;
    line-height:1.5 !important;
    color:#929dad !important;
  }

  /* Main checker */
  .checker-head strong{
    font-size:17px !important;
  }
  .live:after{
    font-size:11px !important;
  }
  .paid-credits-badge small{
    font-size:11px !important;
  }
  .paid-credits-badge strong{
    font-size:18px !important;
  }
  .domain{
    font-size:16px !important;
  }
  .input-row .primary{
    font-size:15px !important;
  }
  .checker-context{
    font-size:13.5px !important;
    line-height:1.55 !important;
    color:#929dad !important;
  }
  .scan-items{
    font-size:14px !important;
  }
  .audit-box b{
    font-size:13px !important;
  }
  .audit-box span{
    font-size:13px !important;
    line-height:1.5 !important;
  }
  .audit-cta{
    font-size:14px !important;
  }

  /* Experience / diagnostic sections */
  .diagnostic-depth-head>p{
    font-size:17px !important;
  }
  .pattern-top>span{
    font-size:11px !important;
  }
  .pattern-top code{
    font-size:14px !important;
  }
  .pattern-card p{
    font-size:16px !important;
    line-height:1.7 !important;
  }
  .pattern-next b{
    font-size:11px !important;
  }
  .pattern-next span{
    font-size:14px !important;
  }
  .depth-saving span{
    font-size:12px !important;
  }
  .depth-saving p{
    font-size:16px !important;
  }

  .human-how-head p{
    font-size:17px !important;
  }
  .diagnostic-meaning-card>span{
    font-size:12px !important;
  }
  .diagnostic-meaning-card p{
    font-size:16px !important;
    line-height:1.65 !important;
  }

  /* Tools Hub */
  .tools-head p{
    font-size:16px !important;
    line-height:1.65 !important;
  }
  .tool-feature-top{
    font-size:12px !important;
  }
  .tool-feature p{
    font-size:16px !important;
    line-height:1.65 !important;
  }
  .tool-signals span{
    font-size:12px !important;
  }
  .tool-feature-cta{
    font-size:15px !important;
  }
  .tool-num{
    font-size:12px !important;
  }
  .tool-row-copy strong{
    font-size:17px !important;
  }
  .tool-row-copy small{
    font-size:14px !important;
    line-height:1.5 !important;
    color:#929dac !important;
  }
  .tool-row-action{
    font-size:13px !important;
  }
  .tool-row-action i{
    font-size:9px !important;
  }
  .tools-note{
    font-size:12.5px !important;
  }

  /* Human-first results inside the tool runner/report */
  .human-result-kicker{
    font-size:11px !important;
  }
  .human-result-lead{
    font-size:14px !important;
  }
  .human-priority strong{
    font-size:14px !important;
  }
  .human-priority span,
  .human-no-issue{
    font-size:13px !important;
  }
  .tool-tech-details summary{
    font-size:12.5px !important;
  }
  .finding-value{
    font-size:12.5px !important;
  }
  .audit-technical-title{
    font-size:12px !important;
  }
  #auditModal .finding p{
    font-size:14px !important;
  }

  /* Emergency / paper section */
  #issues .eyebrow{
    font-size:13px !important;
  }
  #issues .section-head p,
  #issues .issue-editorial-sub{
    font-size:17px !important;
  }
  #issues .issue strong{
    font-size:19px !important;
  }
  #issues .issue small{
    font-size:15px !important;
    line-height:1.58 !important;
  }
  #issues .issue:before{
    font-size:11px !important;
  }

  /* Hosting */
  .hosting-copy p{
    font-size:17px !important;
  }
  .hosting-card p{
    font-size:15px !important;
    line-height:1.6 !important;
  }
  .clarity-strip div{
    font-size:14px !important;
  }
  .clarity-strip b{
    font-size:15px !important;
  }

  /* Process / support loops */
  .step strong{
    font-size:18px !important;
  }
  .step p{
    font-size:15px !important;
    line-height:1.62 !important;
  }

  /* BUILD / HOST / OPERATE / IMPROVE */
  .v142-service-bridge .te-bridge-head p{
    font-size:17px !important;
    line-height:1.68 !important;
  }
  .v142-service-bridge .te-path-num{
    font-size:12px !important;
  }
  .v142-service-bridge .te-path-label{
    font-size:13px !important;
  }
  .v142-service-bridge .te-path h3{
    font-size:24px !important;
  }
  .v142-service-bridge .te-path p{
    font-size:15px !important;
    line-height:1.62 !important;
  }
  .v142-service-bridge .te-links a{
    font-size:14px !important;
    line-height:1.55 !important;
  }
  .v142-products .te-products-copy span{
    font-size:13px !important;
  }
  .v142-products .te-products-copy strong{
    font-size:18px !important;
  }
  .v142-products .te-product-links a{
    font-size:13px !important;
  }
  .v142-service-credit{
    font-size:13px !important;
  }
  .v142-service-credit small{
    font-size:12px !important;
  }

  /* Final resolution block */
  .resolution-copy p{
    font-size:17px !important;
  }
  .resolution-stat span{
    font-size:15px !important;
  }
  .resolution-line b{
    font-size:16px !important;
  }
  .resolution-line span{
    font-size:14px !important;
  }
  .resolution-proof small{
    font-size:12px !important;
  }

  /* Footer */
  footer,
  .footer-row,
  .powered{
    font-size:13px !important;
  }
}

/* QHD specifically: a little more air for the hero cards/checker,
   without changing the composition. */
@media (min-width:2400px) and (max-width:3199px){
  .intent-card{
    min-height:84px !important;
    padding:14px 15px !important;
  }
  .checker{
    max-width:680px !important;
    padding:22px !important;
  }
  .tool-row{
    min-height:90px !important;
  }
}


/* ==========================================================
   v15 — CONVERSION RESET
   Clear brand, trust before jargon, proof before sales.
   ========================================================== */

.v15-trust{
  padding:92px 0 98px;
  background:#f3f0e9;
  color:#17151a;
  border-top:1px solid rgba(0,0,0,.05);
  border-bottom:1px solid rgba(0,0,0,.08);
}
.v15-trust .eyebrow{
  color:#5b5562;
  border-color:rgba(17,20,26,.09);
  background:rgba(17,20,26,.03);
  box-shadow:none;
}
.v15-trust-head{
  display:grid;
  grid-template-columns:minmax(0,1.08fr) minmax(360px,.72fr);
  gap:70px;
  align-items:end;
  margin-bottom:34px;
}
.v15-trust-head h2{
  max-width:880px;
  color:#17151a;
}
.v15-trust-head p{
  margin:0;
  color:#625d67;
  font-size:16px;
  line-height:1.72;
}
.v15-trust-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
}
.v15-trust-grid article{
  min-height:220px;
  padding:24px;
  border:1px solid rgba(20,18,24,.10);
  border-radius:20px;
  background:rgba(255,255,255,.5);
}
.v15-trust-grid article>span{
  display:block;
  margin-bottom:48px;
  color:#8a8490;
  font-size:11px;
  font-weight:900;
  letter-spacing:.1em;
}
.v15-trust-grid strong{
  display:block;
  margin-bottom:10px;
  color:#1a171d;
  font-size:21px;
  letter-spacing:-.025em;
}
.v15-trust-grid p{
  margin:0;
  color:#66606a;
  font-size:14px;
  line-height:1.62;
}
.v15-trust-grid .v15-trust-accent{
  border-color:rgba(118,87,255,.20);
  background:linear-gradient(145deg,rgba(118,87,255,.10),rgba(83,216,255,.07)),rgba(255,255,255,.65);
}
.v15-trust-accent>span{
  font-size:34px !important;
  line-height:1 !important;
  color:#5b3fc7 !important;
  letter-spacing:-.05em !important;
}

.v15-cases{
  position:relative;
  overflow:hidden;
  padding:116px 0;
  background:
    radial-gradient(800px 500px at 10% 14%,rgba(118,87,255,.11),transparent 70%),
    radial-gradient(680px 460px at 92% 80%,rgba(83,216,255,.06),transparent 70%),
    #080b11;
}
.v15-cases:after{
  content:"REAL WORK";
  position:absolute;
  right:-.03em;
  bottom:-.13em;
  color:rgba(255,255,255,.018);
  font-size:clamp(150px,18vw,350px);
  line-height:1;
  font-weight:950;
  letter-spacing:-.08em;
  pointer-events:none;
}
.v15-cases .wrap{position:relative;z-index:1}
.v15-cases-head{
  display:grid;
  grid-template-columns:minmax(0,1.12fr) minmax(360px,.68fr);
  gap:78px;
  align-items:end;
  margin-bottom:42px;
}
.v15-cases-head h2{max-width:930px}
.v15-cases-head>p{
  margin:0;
  color:#9aa5b4;
  font-size:16px;
  line-height:1.75;
}
.v15-case-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
}
.v15-case{
  min-height:390px;
  padding:30px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:23px;
  background:linear-gradient(150deg,rgba(255,255,255,.045),rgba(255,255,255,.014));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025);
}
.v15-case-meta{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:50px;
}
.v15-case-meta span{
  color:#748092;
  font-size:10px;
  font-weight:900;
  letter-spacing:.1em;
}
.v15-case-meta b{
  padding:7px 9px;
  border:1px solid rgba(118,87,255,.20);
  border-radius:9px;
  background:rgba(118,87,255,.07);
  color:#c8bfff;
  font-size:12px;
}
.v15-case h3{
  max-width:660px;
  margin:0 0 16px;
  color:#f4f6fa;
  font-size:29px;
  line-height:1.12;
  letter-spacing:-.035em;
}
.v15-case p{
  margin:0;
  color:#98a3b2;
  font-size:15px;
  line-height:1.72;
}
.v15-case-result{
  margin-top:34px;
  padding-top:22px;
  border-top:1px solid rgba(255,255,255,.065);
}
.v15-case-result span{
  display:block;
  margin-bottom:7px;
  color:#6f7b8b;
  font-size:10px;
  font-weight:900;
  letter-spacing:.1em;
}
.v15-case-result strong{
  color:#dce2ea;
  font-size:15px;
  line-height:1.45;
}
.v15-case-cta{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:30px;
  align-items:center;
  margin-top:12px;
  padding:24px 26px;
  border:1px solid rgba(118,87,255,.16);
  border-radius:18px;
  background:rgba(118,87,255,.055);
}
.v15-case-cta strong{
  display:block;
  margin-bottom:5px;
  color:#f4f6fa;
  font-size:18px;
}
.v15-case-cta span{
  color:#939ead;
  font-size:14px;
}

.v15-emergency-now{
  display:inline-flex;
  margin-top:18px;
  min-height:46px;
  align-items:center;
  justify-content:center;
  padding:0 16px;
  border:0;
  border-radius:12px;
  background:#17131c;
  color:#fff;
  font-weight:850;
}
.v15-emergency-now:hover{background:#2a2038}

.hero .intent-card{
  cursor:pointer;
}
.hero .intent-card:after{
  pointer-events:none;
}

/* Make the checker unmistakably the primary action in the first viewport */
.hero .checker{
  border-color:rgba(118,87,255,.20);
}
.hero .input-row .primary{
  box-shadow:0 14px 34px rgba(92,68,235,.32),inset 0 1px 0 rgba(255,255,255,.18);
}

/* Professional report credits are intentionally not promoted as consumer CTA */
.quota-pack-card .quota-pack-eyebrow,
.quota-pack-card .quota-pack-subtitle{
  opacity:.86;
}

@media(max-width:1099px){
  .v15-trust-head,
  .v15-cases-head{
    grid-template-columns:1fr;
    gap:18px;
  }
  .v15-trust-grid{grid-template-columns:1fr 1fr}
  .v15-case-grid{grid-template-columns:1fr}
}

@media(max-width:767px){
  .v15-trust{padding:68px 0}
  .v15-trust-head h2{font-size:42px!important}
  .v15-trust-head p{font-size:17px}
  .v15-trust-grid{grid-template-columns:1fr}
  .v15-trust-grid article{min-height:auto;padding:22px}
  .v15-trust-grid article>span{margin-bottom:30px;font-size:12px}
  .v15-trust-grid strong{font-size:23px}
  .v15-trust-grid p{font-size:17px}
  .v15-trust-accent>span{font-size:38px!important}

  .v15-cases{padding:72px 0}
  .v15-cases-head h2{font-size:43px!important}
  .v15-cases-head>p{font-size:17px}
  .v15-case{min-height:auto;padding:22px}
  .v15-case-meta{margin-bottom:30px}
  .v15-case-meta span{font-size:10px}
  .v15-case-meta b{font-size:12px}
  .v15-case h3{font-size:27px}
  .v15-case p{font-size:17px}
  .v15-case-result strong{font-size:16px}
  .v15-case-cta{
    grid-template-columns:1fr;
    padding:22px;
  }
  .v15-case-cta strong{font-size:20px}
  .v15-case-cta span{font-size:16px}
  .v15-case-cta .primary{width:100%;min-height:54px}

  .issue-editorial-aside .v15-emergency-now{
    width:100%;
  }
}

@media(min-width:1920px){
  .v15-trust-head p,
  .v15-cases-head>p{font-size:17px}
  .v15-trust-grid p{font-size:15px}
  .v15-case p{font-size:16px}
  .v15-case-result strong{font-size:16px}
}

@media(min-width:3200px){
  .v15-trust{padding:145px 0}
  .v15-trust-head{gap:110px;margin-bottom:56px}
  .v15-trust-head p{font-size:21px}
  .v15-trust-grid article{min-height:310px;padding:36px}
  .v15-trust-grid article>span{margin-bottom:82px;font-size:14px}
  .v15-trust-grid strong{font-size:30px}
  .v15-trust-grid p{font-size:18px}

  .v15-cases{padding:165px 0}
  .v15-cases-head{gap:120px;margin-bottom:64px}
  .v15-cases-head>p{font-size:21px}
  .v15-case{min-height:520px;padding:40px}
  .v15-case-meta{margin-bottom:72px}
  .v15-case-meta span{font-size:13px}
  .v15-case-meta b{font-size:16px}
  .v15-case h3{font-size:40px}
  .v15-case p{font-size:20px}
  .v15-case-result strong{font-size:19px}
  .v15-case-cta{padding:34px 38px}
  .v15-case-cta strong{font-size:26px}
  .v15-case-cta span{font-size:18px}
}


/* ==========================================================
   v15.1 — VISUAL COHESION + CONTRAST
   Two main surfaces: dark + cream. Purple remains an accent.
   ========================================================== */

:root{
  --v151-dark:#090b10;
  --v151-dark-2:#0d1016;
  --v151-dark-card:#11151c;
  --v151-cream:#f3f0e9;
  --v151-dark-text:#f4f6fa;
  --v151-dark-muted:#aeb8c7;
  --v151-dark-muted-soft:#8f99a7;
  --v151-light-text:#17151a;
  --v151-light-muted:#55505a;
}

/* ----------------------------------------------------------
   1. Remove oversized decorative background words
   ---------------------------------------------------------- */
.tools-hub:before,
.human-how:after,
.v15-cases:after,
.hosting-band:before,
.v142-service-bridge:before,
.te-bridge:before{
  display:none !important;
  content:none !important;
}

/* ----------------------------------------------------------
   2. One continuous DARK visual family:
   Hero -> Trust -> Cases -> Meaning -> Tools
   ---------------------------------------------------------- */
.v15-trust,
.v15-cases,
.human-how.diagnostic-meaning,
.tools-hub{
  background:
    radial-gradient(780px 500px at 8% 12%,rgba(118,87,255,.07),transparent 70%),
    radial-gradient(620px 440px at 94% 86%,rgba(83,216,255,.035),transparent 72%),
    var(--v151-dark) !important;
  color:var(--v151-dark-text) !important;
  border-color:rgba(255,255,255,.055) !important;
}

/* Trust section now belongs to the same dark family */
.v15-trust .eyebrow,
.human-how.diagnostic-meaning .eyebrow{
  color:#c1cad6 !important;
  border-color:rgba(255,255,255,.085) !important;
  background:rgba(255,255,255,.025) !important;
}
.v15-trust-head h2,
.human-how.diagnostic-meaning h2{
  color:var(--v151-dark-text) !important;
}
.v15-trust-head p,
.human-how.diagnostic-meaning .human-how-head p{
  color:var(--v151-dark-muted) !important;
}

/* Trust cards */
.v15-trust-grid article{
  border-color:rgba(255,255,255,.075) !important;
  background:linear-gradient(155deg,rgba(255,255,255,.038),rgba(255,255,255,.014)) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025) !important;
}
.v15-trust-grid article>span{
  color:var(--v151-dark-muted-soft) !important;
}
.v15-trust-grid strong{
  color:var(--v151-dark-text) !important;
}
.v15-trust-grid p{
  color:var(--v151-dark-muted) !important;
}
.v15-trust-grid .v15-trust-accent{
  border-color:rgba(255,255,255,.075) !important;
  background:linear-gradient(155deg,rgba(255,255,255,.038),rgba(255,255,255,.014)) !important;
}
.v15-trust-accent>span{
  color:#a999ff !important;
}

/* ----------------------------------------------------------
   3. "Το αποτέλεσμα..." cards: no fake selected state
   ---------------------------------------------------------- */
.diagnostic-meaning-card,
.diagnostic-meaning-card-accent{
  border-color:rgba(255,255,255,.075) !important;
  background:linear-gradient(155deg,rgba(255,255,255,.038),rgba(255,255,255,.014)) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025) !important;
}
.diagnostic-meaning-card>span,
.diagnostic-meaning-card-accent>span{
  color:var(--v151-dark-muted-soft) !important;
}
.diagnostic-meaning-card strong,
.diagnostic-meaning-card-accent strong{
  color:var(--v151-dark-text) !important;
}
.diagnostic-meaning-card p,
.diagnostic-meaning-card-accent p{
  color:var(--v151-dark-muted) !important;
}

/* ----------------------------------------------------------
   4. Dark text contrast audit / floor
   These values are comfortably above WCAG AA on #090b10.
   ---------------------------------------------------------- */
.hero .lead,
.intent-copy small,
.hero-note,
.checker-context,
.v15-cases-head>p,
.v15-case p,
.v15-case-cta span,
.tools-head p,
.tool-feature p,
.tool-row-copy small,
.tools-note,
.hosting-copy p,
.hosting-card p,
.step p,
.v142-service-bridge .te-bridge-head p,
.v142-service-bridge .te-path p,
.resolution-proof .resolution-line span{
  color:var(--v151-dark-muted) !important;
}

.v15-case-meta span,
.v15-case-result span,
.pattern-top>span,
.pattern-next b,
.tool-num,
.tool-feature-top,
.resolution-proof small{
  color:var(--v151-dark-muted-soft) !important;
}

/* Keep card titles / important secondary labels crisp */
.v15-case-result strong,
.pattern-next span,
.tool-feature strong,
.tool-row-copy strong,
.hosting-card .quote,
.step strong,
.v142-service-bridge .te-path h3,
.v142-service-bridge .te-links a{
  color:#dfe5ed !important;
}

/* ----------------------------------------------------------
   5. LIGHT family — only deliberate light interludes
   ---------------------------------------------------------- */
#issues,
.resolution-layer{
  background:var(--v151-cream) !important;
  color:var(--v151-light-text) !important;
}

/* Light-section contrast */
#issues .section-head p,
#issues .issue-editorial-sub,
#issues .issue small,
.resolution-copy p{
  color:var(--v151-light-muted) !important;
}

/* ----------------------------------------------------------
   6. Hosting / process / service paths remain DARK.
   Purple is accent only, not a full new scene.
   ---------------------------------------------------------- */
.hosting-band,
.hosting-band + .section,
.te-bridge.v142-service-bridge{
  background:
    radial-gradient(850px 520px at 8% 30%,rgba(118,87,255,.09),transparent 72%),
    radial-gradient(700px 460px at 94% 72%,rgba(83,216,255,.035),transparent 72%),
    var(--v151-dark) !important;
  border-color:rgba(255,255,255,.055) !important;
}

.hosting-copy{
  background:linear-gradient(155deg,rgba(118,87,255,.08),rgba(255,255,255,.018)) !important;
}
.hosting-card,
.step,
.v142-service-bridge .te-path{
  background:linear-gradient(155deg,rgba(255,255,255,.035),rgba(255,255,255,.012)) !important;
}

/* ----------------------------------------------------------
   7. Section transitions: subtle separators instead of scene jumps
   ---------------------------------------------------------- */
.v15-trust,
.v15-cases,
.human-how.diagnostic-meaning,
.tools-hub,
.hosting-band,
.hosting-band + .section,
.te-bridge.v142-service-bridge{
  border-top:1px solid rgba(255,255,255,.045) !important;
}

.v15-cases,
.human-how.diagnostic-meaning,
.tools-hub{
  border-bottom:0 !important;
}

/* Avoid inherited cream-card styling after the dark conversion */
.human-how.diagnostic-meaning .wrap{
  position:relative;
  z-index:1;
}

/* ----------------------------------------------------------
   8. QHD / 4K readability: keep muted text clearly readable
   ---------------------------------------------------------- */
@media (min-width:1920px){
  .v15-trust-head p,
  .v15-trust-grid p,
  .v15-cases-head>p,
  .v15-case p,
  .diagnostic-meaning-card p,
  .tools-head p,
  .tool-feature p,
  .tool-row-copy small,
  .hosting-copy p,
  .hosting-card p,
  .step p,
  .v142-service-bridge .te-bridge-head p,
  .v142-service-bridge .te-path p{
    color:#b7c0cc !important;
  }
}

/* ----------------------------------------------------------
   9. Mobile maintains the same two-surface system
   ---------------------------------------------------------- */
@media (max-width:767px){
  .v15-trust,
  .v15-cases,
  .human-how.diagnostic-meaning,
  .tools-hub,
  .hosting-band,
  .hosting-band + .section,
  .te-bridge.v142-service-bridge{
    background:
      radial-gradient(520px 360px at 0% 12%,rgba(118,87,255,.065),transparent 72%),
      var(--v151-dark) !important;
  }

  .v15-trust-head p,
  .v15-trust-grid p,
  .v15-cases-head>p,
  .v15-case p,
  .diagnostic-meaning-card p,
  .tools-head p,
  .tool-feature p,
  .tool-row-copy small,
  .hosting-copy p,
  .hosting-card p,
  .step p,
  .v142-service-bridge .te-bridge-head p,
  .v142-service-bridge .te-path p{
    color:#b7c0cc !important;
  }
}

/* ===== InstantHelp Report v2 ===== */
.report-v2-shell{margin:22px 0 24px;padding:18px;border:1px solid rgba(118,87,255,.16);border-radius:20px;background:linear-gradient(160deg,rgba(118,87,255,.055),rgba(255,255,255,.018)),#0b0f15}
.report-v2-top{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:14px}
.report-v2-kicker{font-size:10px;letter-spacing:.11em;font-weight:850;color:#9686ef;margin-bottom:5px}
.report-v2-top>div>strong{font-size:18px;letter-spacing:-.02em}
.report-v2-share{display:flex;align-items:center;gap:9px;flex-wrap:wrap;justify-content:flex-end}
.report-v2-share .ghost{min-height:38px;padding:0 12px;font-size:12px}
.report-v2-share span{max-width:320px;color:#8f99a7;font-size:11px;line-height:1.4;overflow-wrap:anywhere}
.report-v2-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:8px}
.report-v2-metric{padding:13px;border:1px solid rgba(255,255,255,.07);border-radius:13px;background:rgba(255,255,255,.022)}
.report-v2-metric span{display:block;color:#8f99a7;font-size:10px;text-transform:uppercase;letter-spacing:.07em;font-weight:800}
.report-v2-metric strong{display:block;margin-top:7px;font-size:20px;color:#eef2f7;letter-spacing:-.03em}
.report-v2-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.report-v2-card,.report-v2-history{border:1px solid rgba(255,255,255,.07);border-radius:14px;background:rgba(255,255,255,.018);padding:14px}
.report-v2-history{margin-top:8px}
.report-v2-card-head{display:flex;align-items:center;gap:8px;margin-bottom:11px}
.report-v2-card-head>span{width:26px;height:26px;border-radius:8px;display:grid;place-items:center;background:rgba(118,87,255,.08);color:#a995ff;font-size:12px}
.report-v2-card-head>strong{font-size:13px;color:#e1e6ed}
.report-v2-content{color:#aeb8c7;font-size:12px;line-height:1.55}
.report-v2-pills{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.report-v2-pill{padding:5px 7px;border-radius:999px;border:1px solid rgba(255,255,255,.075);background:rgba(255,255,255,.02);color:#c8d0db;font-size:10px}
.report-v2-list{display:grid;gap:6px;margin-top:8px}
.report-v2-row{display:grid;grid-template-columns:36px minmax(0,1fr) auto;gap:8px;align-items:center;padding:8px;border-radius:9px;background:rgba(255,255,255,.018);border:1px solid rgba(255,255,255,.04)}
.report-v2-row code{color:#b7c0cc;font-size:10px;overflow-wrap:anywhere;white-space:normal}
.report-v2-row b{font-size:10px;color:#dfe5ed}
.report-v2-note{margin-top:8px;color:#7f8997;font-size:10px}
.report-v2-deltas{display:flex;flex-wrap:wrap;gap:7px}
.report-v2-delta{padding:6px 8px;border-radius:9px;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.055)}
.report-v2-delta b{color:#dfe5ed}.report-v2-delta.good b{color:#71dfa9}.report-v2-delta.warn b{color:#ffd166}
@media(max-width:760px){.report-v2-top{display:block}.report-v2-share{justify-content:flex-start;margin-top:12px}.report-v2-metrics,.report-v2-grid{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.report-v2-shell{padding:13px}.report-v2-metrics,.report-v2-grid{grid-template-columns:1fr}.report-v2-row{grid-template-columns:30px 1fr}.report-v2-row>b{grid-column:2}}
.report-v2-advanced{margin-top:8px;border:1px solid rgba(255,255,255,.07);border-radius:14px;background:rgba(255,255,255,.014);overflow:hidden}
.report-v2-advanced summary{cursor:pointer;padding:13px 14px;color:#dfe5ed;font-size:12px;font-weight:750;list-style:none}
.report-v2-advanced summary::-webkit-details-marker{display:none}
.report-v2-advanced[open] summary{border-bottom:1px solid rgba(255,255,255,.055)}
.report-v2-advanced>div{padding:13px 14px}
.report-v2-kv{display:grid;grid-template-columns:minmax(120px,.35fr) minmax(0,1fr);gap:8px;padding:7px 0;border-top:1px solid rgba(255,255,255,.045)}
.report-v2-kv:first-child{border-top:0}.report-v2-kv span{color:#7f8997}.report-v2-kv code{color:#c5ced9;overflow-wrap:anywhere;white-space:normal}
@media(max-width:520px){.report-v2-kv{grid-template-columns:1fr}}

/* v15.2.2 — stronger launch message */
.hero h1{max-width:760px}
.hero h1 .grad{display:inline-block}
@media (min-width:1200px){
  .hero h1{font-size:clamp(64px,5.15vw,94px);line-height:.92}
}
@media (max-width:767px){
  .hero h1{font-size:clamp(48px,14vw,70px);line-height:.94}
  .hero .eyebrow{max-width:92%}
}


/* ==========================================================
   v15.2.3 — HERO TEXT RESPONSIVE POLISH
   Controlled headline wrapping + readable router copy
   ========================================================== */

.hero-title-line{
  display:block;
}
.hero-title-line-1,
.hero-title-line-2{
  text-wrap:balance;
}
.hero .lead{
  text-wrap:pretty;
}
.hero .intent-copy strong,
.hero .intent-copy small{
  overflow-wrap:normal !important;
  word-break:normal !important;
  hyphens:none !important;
  text-wrap:pretty;
}

/* Large desktop / QHD: deliberately keep the headline on 2 lines. */
@media (min-width:1500px){
  .hero-grid{
    grid-template-columns:minmax(0,1.22fr) minmax(440px,.78fr) !important;
    gap:clamp(56px,5vw,88px) !important;
  }
  .hero-grid>div:first-child{
    max-width:960px !important;
  }
  .hero h1{
    max-width:960px !important;
    font-size:clamp(70px,4.65vw,88px) !important;
    line-height:.94 !important;
    letter-spacing:-.068em !important;
  }
  .hero-title-line-2{
    white-space:nowrap;
  }
  .hero .lead{
    max-width:790px !important;
    font-size:clamp(18px,1.12vw,21px) !important;
    line-height:1.55 !important;
    margin-top:24px !important;
  }
  .hero .intent-grid{
    max-width:900px !important;
    gap:10px !important;
  }
  .hero .intent-card{
    min-height:88px !important;
    padding:15px 16px !important;
  }
  .hero .intent-copy strong{
    font-size:14px !important;
    line-height:1.28 !important;
  }
  .hero .intent-copy small{
    font-size:12.5px !important;
    line-height:1.42 !important;
  }
}

/* Laptop / normal desktop:
   keep copy readable without forcing long words or awkward one-word wraps. */
@media (min-width:1100px) and (max-width:1499px){
  .hero-grid{
    grid-template-columns:minmax(0,1.13fr) minmax(430px,.87fr) !important;
    gap:clamp(40px,4vw,62px) !important;
  }
  .hero-grid>div:first-child{
    max-width:840px !important;
  }
  .hero h1{
    max-width:840px !important;
    font-size:clamp(60px,4.7vw,70px) !important;
    line-height:.94 !important;
    letter-spacing:-.064em !important;
  }
  .hero-title-line-2{
    white-space:nowrap;
  }
  .hero .lead{
    max-width:740px !important;
    font-size:17px !important;
    line-height:1.58 !important;
    margin-top:22px !important;
  }
  .hero .intent-grid{
    gap:9px !important;
    max-width:820px !important;
  }
  .hero .intent-card{
    min-height:88px !important;
    padding:14px 14px !important;
  }
  .hero .intent-copy strong{
    font-size:13.5px !important;
    line-height:1.28 !important;
  }
  .hero .intent-copy small{
    font-size:11.8px !important;
    line-height:1.42 !important;
  }
}

/* Tablet: allow natural balanced wrapping and give cards enough text width. */
@media (min-width:768px) and (max-width:1099px){
  .hero h1{
    max-width:820px !important;
    font-size:clamp(58px,7.7vw,76px) !important;
    line-height:.94 !important;
    letter-spacing:-.06em !important;
  }
  .hero-title-line-2{
    white-space:normal;
    max-width:780px;
  }
  .hero .lead{
    max-width:720px !important;
    font-size:17px !important;
  }
  .hero .intent-grid{
    max-width:820px !important;
    gap:10px !important;
  }
  .hero .intent-card{
    min-height:92px !important;
    padding:15px !important;
  }
  .hero .intent-copy strong{
    font-size:15px !important;
    line-height:1.28 !important;
  }
  .hero .intent-copy small{
    font-size:13px !important;
    line-height:1.42 !important;
  }
}

/* Mobile: balanced headline, but never crush the card descriptions. */
@media (max-width:767px){
  .hero h1{
    max-width:100% !important;
    font-size:clamp(46px,13.2vw,64px) !important;
    line-height:.95 !important;
    letter-spacing:-.055em !important;
  }
  .hero-title-line-2{
    white-space:normal;
  }
  .hero .lead{
    font-size:17px !important;
    line-height:1.58 !important;
  }
  .hero .intent-card,
  .hero .intent-card.intent-emergency{
    grid-template-columns:58px minmax(0,1fr) !important;
    align-items:center !important;
    padding:15px !important;
    gap:12px !important;
  }
  .hero .intent-icon{
    width:46px !important;
    height:46px !important;
    flex:0 0 46px !important;
  }
  .hero .intent-copy strong{
    font-size:16px !important;
    line-height:1.25 !important;
    margin-bottom:5px !important;
  }
  .hero .intent-copy small{
    font-size:14px !important;
    line-height:1.42 !important;
  }
}

@media (max-width:390px){
  .hero h1{
    font-size:clamp(42px,12.4vw,52px) !important;
  }
  .hero .intent-card,
  .hero .intent-card.intent-emergency{
    grid-template-columns:50px minmax(0,1fr) !important;
    padding:14px !important;
    gap:10px !important;
  }
  .hero .intent-icon{
    width:42px !important;
    height:42px !important;
    flex:0 0 42px !important;
  }
  .hero .intent-copy strong{
    font-size:15.5px !important;
  }
  .hero .intent-copy small{
    font-size:13.5px !important;
  }
}

/* v15.3.0 — specialized WordPress Intelligence entry */
.tool-row-link{text-decoration:none!important;color:inherit!important}
.tool-row-link .tool-row-action i{color:#b7a8ff!important;border-color:rgba(118,87,255,.20)!important;background:rgba(118,87,255,.07)!important}

.ih-wordpress-bridge{padding:28px 0;background:#0b0e14;border-top:1px solid rgba(255,255,255,.05);border-bottom:1px solid rgba(255,255,255,.05)}
.ih-wordpress-bridge-inner{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:22px 24px;border:1px solid #242b36;border-radius:18px;background:linear-gradient(120deg,rgba(118,87,255,.07),rgba(83,216,255,.025)),#10141b}
.ih-wordpress-bridge h2{margin:5px 0 5px;font-size:30px;letter-spacing:-.04em}
.ih-wordpress-bridge p{margin:0;color:#aab4c2;max-width:760px;line-height:1.55}
.ih-wordpress-bridge .primary{white-space:nowrap;text-decoration:none}
@media(max-width:760px){.ih-wordpress-bridge-inner{align-items:flex-start;flex-direction:column}.ih-wordpress-bridge .primary{width:100%;justify-content:center}}


/* v15.3.3 — WordPress Check in primary header */
.ih-header-wordpress-link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:34px;
  padding:0 12px;
  margin-right:8px;
  border:1px solid rgba(255,255,255,.11);
  border-radius:999px;
  background:rgba(255,255,255,.025);
  color:#c4cbd5 !important;
  text-decoration:none !important;
  font-size:11px;
  font-weight:800;
  letter-spacing:.01em;
  transition:border-color .18s ease,background .18s ease,color .18s ease;
}
.ih-header-wordpress-link:hover{
  border-color:rgba(118,87,255,.42);
  background:rgba(118,87,255,.08);
  color:#fff !important;
}
@media(max-width:640px){
  .ih-header-wordpress-link{
    min-height:32px;
    padding:0 10px;
    margin-right:5px;
    font-size:10px;
  }
}
@media(max-width:390px){
  .ih-header-wordpress-link{
    max-width:112px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
  }
}