/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   HERO
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.hero{position:relative;padding:96px 0 88px;background:var(--w);
  background-image:
    linear-gradient(var(--br) 1px,transparent 1px),
    linear-gradient(90deg,var(--br) 1px,transparent 1px);
  background-size:48px 48px}
.hero-fade{position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(ellipse 72% 68% at 28% 50%,
    rgba(255,255,255,.96) 26%,rgba(255,255,255,.72) 58%,transparent 100%)}
.hero-in{position:relative;z-index:2}
.hero-g{display:grid;grid-template-columns:1fr 1fr;
        gap:64px;align-items:center}

/* Trust strip */
.ts{display:flex;align-items:center;gap:28px;padding-top:36px;
    border-top:1px solid var(--br);margin-top:32px}
.ti-n{font-size:26px;font-weight:800;color:var(--t);
      letter-spacing:-.03em;line-height:1}
.ti-c{font-size:11px;color:var(--t-l);margin-top:3px;font-weight:500}
.td{width:1px;height:28px;background:var(--br);flex-shrink:0}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   DASHBOARD MOCK
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.dash{background:var(--w);border-radius:var(--r-l);
      box-shadow:var(--sh-l);border:1px solid var(--br);overflow:hidden}
.d-bar{background:var(--b);padding:10px 16px;
       display:flex;align-items:center;gap:6px}
.d-dot{width:9px;height:9px;border-radius:50%}
.d-body{padding:14px;background:var(--bg)}
.met{background:var(--w);border-radius:8px;padding:11px 13px;
     border:1px solid var(--br)}
.ml{font-size:10px;font-weight:600;letter-spacing:.05em;
    text-transform:uppercase;color:var(--t-l)}
.mv{font-size:17px;font-weight:800;color:var(--t);
    margin-top:2px;letter-spacing:-.025em}
.mt{font-size:11px;font-weight:600;margin-top:3px}
.up{color:#166534}.dn{color:#991B1B}
.bars{display:flex;align-items:flex-end;gap:4px;height:60px}
.bar{border-radius:3px 3px 0 0;flex:1;transition:opacity .15s}
.bar:hover{opacity:.75}

/* Float cards */
.fc{position:absolute;background:var(--w);border-radius:10px;
    border:1px solid var(--br);padding:12px 15px;box-shadow:var(--sh-m)}

/* Dashboard metric grid — 2-column on narrow mobile so labels don't crowd */
@media(max-width:640px){
  .met-grid{grid-template-columns:1fr 1fr !important}
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   INDUSTRY CARDS
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.ic{background:var(--w);border-radius:var(--r);border:1px solid var(--br);
    padding:22px 16px;text-align:center;box-shadow:var(--sh-xs);
    transition:border-color .18s,box-shadow .18s,transform .18s}
.ic:hover{border-color:var(--b);box-shadow:var(--sh-m);
          transform:translateY(-2px)}
.ii{width:48px;height:48px;margin:0 auto 12px;
    display:flex;align-items:center;justify-content:center}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   PRODUCT CARDS
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.pc{background:var(--w);border-radius:var(--r-l);
    border:1px solid var(--br);padding:28px 24px;
    box-shadow:var(--sh-s);
    transition:box-shadow .2s,border-color .2s}
.pc:hover{box-shadow:var(--sh-m);border-color:var(--b-bd)}
a.pc,a.bc{display:block}
.pl-w{height:44px;display:flex;align-items:center;margin-bottom:16px}
.pl{max-height:32px;max-width:140px;width:auto;height:auto;display:block;
    object-fit:contain;object-position:left center;background:var(--w)}
.pdiv{height:1px;background:var(--br);margin-bottom:14px}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   AI COPILOT
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.copilot{background:var(--w);border-radius:var(--r-l);
         border:1px solid var(--br);box-shadow:var(--sh-l);overflow:hidden}
.cm{padding:10px 14px;border-radius:10px;
    font-size:14px;line-height:1.55;max-width:88%}
.cu{background:var(--b);color:#fff;
    border-radius:10px 10px 3px 10px;margin-left:auto}
.ca{background:var(--bg-s);color:var(--t);
    border-radius:10px 10px 10px 3px}

/* AI chip */
.chip{font-size:12px;padding:6px 13px;border-radius:999px;
  border:1px solid var(--br);background:var(--w);
  color:var(--t-m);transition:border-color .15s,color .15s;font-family:inherit}
.chip:hover{border-color:var(--b);color:var(--b)}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   COMPARISON
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.cr{padding:11px 20px;border-top:1px solid var(--br);
    display:flex;align-items:center;gap:10px;
    font-size:14px;color:var(--t-m)}
.cy{color:#14532d;font-weight:700;font-size:15px}
.cn{color:#7f1d1d;font-weight:700;font-size:15px}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   BLOG
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.bc{background:var(--w);border-radius:var(--r);
    border:1px solid var(--br);overflow:hidden;
    box-shadow:var(--sh-s);transition:box-shadow .2s,transform .2s}
.bc:hover{box-shadow:var(--sh-m);transform:translateY(-1px)}
.bt{height:168px;overflow:hidden}
.btag{font-size:11px;font-weight:700;letter-spacing:.06em;
      text-transform:uppercase;padding:3px 10px;
      border-radius:4px;display:inline-block}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   CHECKLIST
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.chk{display:flex;align-items:flex-start;gap:10px}
.chk-i{width:18px;height:18px;border-radius:50%;
  background:var(--b-lt);border:1.5px solid var(--b-bd);
  display:flex;align-items:center;justify-content:center;
  flex-shrink:0;margin-top:2px}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   CTA FORM INPUTS
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
input[type="email"]::placeholder{color:rgba(255,255,255,.4)}
input[type="text"]::placeholder{color:var(--t-l)}