/* ============================================================
   MasterX — Licences page add-ons (builds on landing.css tokens)
   Keep this small: reuse landing.css for everything else.
   ============================================================ */

/* page hero (reuses .hero-x from landing.css) */
.lic-hero{padding:150px 0 40px;text-align:center;position:relative;overflow:hidden}
.lic-hero .container{position:relative;z-index:1}
.lic-hero h1{font-size:clamp(2.1rem,4.4vw,3.4rem);line-height:1.08;font-weight:900;letter-spacing:-1.5px}
.lic-hero .lic-sub{margin:18px auto 0;font-size:1.12rem;color:var(--muted);max-width:620px}
.lic-hero .lic-sub strong{color:#fff}
.lic-trust{display:flex;gap:14px 24px;flex-wrap:wrap;justify-content:center;margin-top:26px;font-size:.85rem;color:var(--dim)}
.lic-trust span{display:inline-flex;gap:8px;align-items:center}
.lic-trust i{color:var(--green)}

/* comparison table */
.cmp-wrap{max-width:940px;margin:0 auto;overflow-x:auto;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);box-shadow:var(--shadow)}
.cmp{width:100%;border-collapse:collapse;min-width:660px}
.cmp th,.cmp td{padding:15px 18px;text-align:center;border-bottom:1px solid rgba(255,255,255,.06)}
.cmp tbody tr:last-child td{border-bottom:0}
.cmp thead th{padding:22px 18px;vertical-align:bottom}
.cmp .plan-n{font-weight:900;font-size:1rem}
.cmp .plan-p{font-family:var(--mono);font-weight:900;font-size:1.35rem;letter-spacing:-1px;margin-top:4px;display:block}
.cmp .plan-p small{font-family:var(--sans);font-size:.66rem;font-weight:700;letter-spacing:.6px;text-transform:uppercase;color:var(--dim);display:block;margin-top:3px}
.cmp th:first-child,.cmp td:first-child{text-align:left;color:#d1d5db;font-weight:600}
.cmp tbody td{font-size:.9rem;color:var(--muted)}
.cmp .yes{color:var(--green);font-weight:900;font-size:1rem}
.cmp .dash{color:#4b5563;font-weight:700}
.cmp .val{color:#e5e7eb;font-weight:700;font-family:var(--mono);font-size:.84rem}
/* subtly highlight the popular (middle) column */
.cmp .pop-col{background:rgba(239,68,68,.06)}
.cmp thead .pop-col{border-top:3px solid var(--red);border-radius:12px 12px 0 0}
.cmp .pop-tag{display:inline-block;margin-bottom:8px;font-size:.58rem;font-weight:800;letter-spacing:1.2px;text-transform:uppercase;color:var(--red);border:1px solid rgba(239,68,68,.4);background:rgba(239,68,68,.08);padding:3px 10px;border-radius:999px}

@media (max-width:720px){
  .lic-hero{padding-top:120px}
  .cmp th,.cmp td{padding:12px 12px}
}

/* ---------- License Finder wizard ---------- */
.finder-box{max-width:760px;margin:0 auto;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:36px 40px;box-shadow:var(--shadow)}
.finder-progress{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:32px}
.fp-step{width:30px;height:30px;border-radius:50%;background:var(--bg2);border:1px solid var(--line2);display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:800;color:var(--dim);transition:.2s;flex-shrink:0}
.fp-step.active{background:var(--red);border-color:var(--red);color:#fff}
.fp-step.done{background:var(--green);border-color:var(--green);color:#fff}
.fp-line{width:36px;height:2px;background:var(--line2)}
.fp-line.done{background:var(--green)}

.finder-step h3{font-size:1.3rem;font-weight:900;letter-spacing:-.3px;margin-bottom:8px;text-align:center}
.finder-hint{font-size:.85rem;color:var(--muted);text-align:center;margin-bottom:24px}

.finder-options{display:flex;flex-direction:column;gap:10px;margin-bottom:8px}
.finder-opt{display:flex;align-items:flex-start;gap:14px;padding:16px 18px;background:var(--bg2);border:1px solid var(--line2);border-radius:12px;cursor:pointer;transition:.2s}
.finder-opt:hover{border-color:rgba(255,255,255,.25)}
.finder-opt input{margin-top:3px;width:18px;height:18px;accent-color:var(--red);flex-shrink:0;cursor:pointer}
.finder-opt strong{display:block;font-size:.92rem;margin-bottom:2px}
.finder-opt small{display:block;font-size:.78rem;color:var(--muted)}
.finder-opt.checked{border-color:rgba(239,68,68,.5);background:rgba(239,68,68,.06)}

.finder-number{max-width:280px;margin:0 auto 8px;display:flex;flex-direction:column;gap:8px}
.finder-number input{background:var(--bg2);border:1px solid var(--line2);border-radius:10px;padding:14px 16px;color:var(--txt);font-size:1.4rem;font-weight:800;text-align:center;font-family:var(--mono);width:100%}
.finder-number input:focus{outline:none;border-color:rgba(239,68,68,.5)}
.finder-number-label{text-align:center;font-size:.85rem;color:var(--muted)}

.finder-actions{display:flex;justify-content:center;gap:12px;margin-top:28px;flex-wrap:wrap}

.finder-result{text-align:center}
.finder-result-badge{display:inline-block;font-size:.68rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--red);border:1px solid rgba(239,68,68,.4);background:rgba(239,68,68,.08);padding:5px 14px;border-radius:999px;margin-bottom:14px}
.finder-result h3{font-size:1.6rem}
.finder-result-copy{max-width:520px;margin:0 auto 24px;color:var(--muted);font-size:.92rem;line-height:1.6}
.finder-result-figures{display:grid;grid-template-columns:1fr 1fr;gap:14px;max-width:480px;margin:0 auto 28px}
.finder-result-figures .roi-fig{background:var(--bg2)}
.finder-result-includes{text-align:left;max-width:420px;margin:0 auto 28px;background:var(--bg2);border:1px solid var(--line);border-radius:12px;padding:22px 24px}
.finder-result-includes h4{font-size:.85rem;font-weight:800;margin-bottom:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--dim)}
.finder-result-includes ul{display:flex;flex-direction:column;gap:8px}
.finder-result-includes li{font-size:.86rem;color:var(--txt);display:flex;gap:10px;align-items:flex-start}
.finder-result-includes li::before{content:"✓";color:var(--green);font-weight:800;flex-shrink:0}
.finder-restart{background:none;border:none;color:var(--dim);font-size:.8rem;text-decoration:underline;cursor:pointer;padding:12px;font-family:var(--sans)}

@media (max-width:640px){
  .finder-box{padding:26px 20px}
  .finder-result-figures{grid-template-columns:1fr}
}