/* InfraMatch — unified product design system 2026 */
:root{
  --bg:#f3f4f6!important;--bg-soft:#eef2f7!important;--surface:#ffffff!important;--surface2:#fbfcfe!important;--surface3:#f4f7fb!important;
  --line:#dbe3ee!important;--line2:#c8d4e3!important;--brand:#007bff!important;--brand-strong:#0b2d5b!important;--brand-dark:#071d3b!important;--brand-soft:#e8f2ff!important;
  --green:#007bff!important;--green2:#0b2d5b!important;--green-soft:#e8f2ff!important;--text:#111827!important;--muted:#6b7280!important;--dim:#8a94a3!important;--danger:#b34653!important;
  --shadow:0 18px 55px rgba(11,45,91,.10)!important;--soft-shadow:0 8px 28px rgba(11,45,91,.065)!important;--radius-xl:24px;--radius-lg:18px;--radius-md:13px;
}
*{box-sizing:border-box}html{background:var(--bg);scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 85% 0%,rgba(0,123,255,.08),transparent 28%),var(--bg)!important;color:var(--text)!important;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;letter-spacing:-.008em;-webkit-font-smoothing:antialiased;line-height:1.55}a{color:inherit}
.top{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.90)!important;border-bottom:1px solid rgba(200,212,227,.88)!important;backdrop-filter:blur(22px) saturate(145%);-webkit-backdrop-filter:blur(22px) saturate(145%)}.topin,.nav{max-width:1240px!important;margin:auto}.nav,.topin{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:22px;padding-left:22px;padding-right:22px}.brand{display:inline-flex!important;align-items:center!important;gap:11px!important;color:var(--brand-strong)!important;letter-spacing:-.045em!important;text-decoration:none!important;font-weight:900!important;font-size:21px!important;white-space:nowrap}.brand::before{content:"";width:42px;height:42px;display:inline-block;flex:0 0 42px;background:url('/inframatch-logo.svg') center/contain no-repeat;filter:drop-shadow(0 5px 12px rgba(11,45,91,.14))}.brand span{color:var(--brand)!important;font-weight:820!important;letter-spacing:-.025em!important}.nav a,.nav button,.links a{color:var(--muted)!important}.links{display:flex;align-items:center;gap:5px}.links a,.nav button{font-weight:760!important;border-radius:11px!important;transition:.18s ease!important}.links a:not(.btn){padding:9px 11px!important}.nav a:hover,.nav button:hover,.links a:hover{background:rgba(0,123,255,.065)!important;color:var(--brand-strong)!important}
.main,.wrap{max-width:1240px!important}.main{padding-top:36px!important}.hero{padding-top:58px!important}.main .hero{padding-top:8px!important}.hero h1,.wrap2>h1,.main>h1{color:var(--text)!important;letter-spacing:-.052em!important;line-height:1.02!important}.hero p,.sub,.lead{color:var(--muted)!important}.kicker,.eyebrow,.module-number{color:var(--brand)!important;font-weight:900!important;letter-spacing:.14em!important}.eyebrow,.kicker{text-transform:uppercase}.hero h1 span{color:var(--brand)!important}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(180deg,#1688ff,#007bff)!important;color:#fff!important;border:1px solid #006ee6!important;border-radius:var(--radius-md)!important;box-shadow:0 8px 18px rgba(0,123,255,.18)!important;font-weight:820!important;text-decoration:none!important;transition:transform .16s ease,box-shadow .16s ease,background .16s ease!important;min-height:42px}.btn:hover{background:linear-gradient(180deg,#087ef8,#006ee6)!important;transform:translateY(-1px)!important;box-shadow:0 12px 24px rgba(0,123,255,.25)!important}.btn:active{transform:translateY(0)!important}.btn.secondary,.btn.ghost{background:rgba(255,255,255,.94)!important;color:var(--brand-strong)!important;border-color:var(--line2)!important;box-shadow:0 4px 12px rgba(11,45,91,.05)!important}.btn.secondary:hover,.btn.ghost:hover{background:#fff!important;border-color:#9fb6d3!important;box-shadow:0 8px 18px rgba(11,45,91,.09)!important}
.card,.panel,.stat,.item,.quick a,.setup,.matchrow,.applybox,.filter,.cardx,.product-preview,.mini,.signal,.flow div,.box,.step,.faq details,.metric,.pulse{background:rgba(255,255,255,.95)!important;border:1px solid var(--line)!important;box-shadow:var(--soft-shadow)!important;color:var(--text)!important}.card,.panel,.stat,.box,.product-preview{border-radius:var(--radius-xl)!important}.item,.quick a,.setup,.matchrow,.applybox,.filter,.cardx,.mini,.signal,.flow div,.step,.faq details,.metric,.pulse{border-radius:var(--radius-lg)!important}.card:hover,.quick a:hover,.cardx:hover,.box:hover,.item:hover{border-color:#bfd0e4!important;box-shadow:0 18px 38px rgba(11,45,91,.10)!important}.featured,.card.featured{border-color:#b7d3f6!important;background:linear-gradient(180deg,#fff,#f6faff)!important}.card h2,.card h3,.panel h2,.panel h3,.box h2,.section h2,.section-head h2{color:var(--text)!important;letter-spacing:-.032em!important}
.score,.signal-score,.scorebig{color:var(--brand-strong)!important;background:linear-gradient(180deg,#edf6ff,#e5f1ff)!important;border-color:#bed9f8!important}.scorebig{display:inline-flex!important;align-items:center!important;border-radius:14px!important;padding:5px 11px!important;margin:14px 0 4px!important;line-height:1.1!important}.pill,.badge,.targetbadge{background:#f4f7fb!important;color:#526277!important;border-color:#d9e3ef!important}.meta,.small,.muted2,.micro{color:var(--dim)!important}.muted,.why,.card p,.card li,.step p,.faq p{color:var(--muted)!important}.empty{background:#fbfcfe!important;color:#738095!important;border-color:#d8e1ec!important}
input,select,textarea,.form input,.form select,.form textarea{background:#fff!important;color:var(--text)!important;border:1px solid #d3dde9!important;border-radius:var(--radius-md)!important;box-shadow:0 1px 2px rgba(11,45,91,.02)!important;min-height:43px!important}input:focus,select:focus,textarea:focus,.form input:focus,.form select:focus,.form textarea:focus{border-color:#6aafff!important;box-shadow:0 0 0 4px rgba(0,123,255,.11)!important;outline:none!important}label,.form label{color:#516075!important;font-weight:760!important}.form textarea,textarea{min-height:105px!important}
.notice,.successline,.send-success,.status.ok{background:var(--brand-soft)!important;color:#164d8f!important;border-color:#bed9f8!important}.warnline,.status.warn{background:#fff9e8!important;color:#725a18!important;border-color:#eadcae!important}.status.err,.err{background:#fff1f2!important;color:#8a3942!important;border-color:#efd0d4!important}.status,.msg{background:#f7f9fc!important;color:#536176!important;border-color:#dce4ee!important}.messagebox,.target{background:#f7f9fc!important;color:#27354a!important;border-color:#dce4ee!important}.target b{color:var(--brand-strong)!important}pre{background:#fbfcfe!important;color:#27354a!important;border:1px solid #e2e8f0!important;border-radius:16px!important;padding:16px!important;white-space:pre-wrap!important;overflow-wrap:anywhere!important}
.stats{gap:12px!important}.stat{padding:19px!important}.stat strong{color:var(--text)!important;letter-spacing:-.045em}.quick{gap:10px!important}.quick a{padding:15px!important}.quick b{color:#24364f!important}.list{gap:11px!important}.cvpreview{box-shadow:0 22px 50px rgba(11,45,91,.11)!important;border:1px solid #dfe7f1!important}.toolbar{background:var(--bg)!important}.wrap2{margin-top:28px!important}.grid2{gap:14px!important}.box{padding:22px!important}.actions{gap:9px!important}.cta{background:linear-gradient(135deg,#eaf4ff,#f8fbff)!important;border:1px solid #bdd8f7!important;color:var(--text)!important;box-shadow:0 16px 36px rgba(0,123,255,.10)!important;border-radius:24px!important}.cta p{color:var(--muted)!important}hr{border-color:var(--line)!important}footer{background:rgba(255,255,255,.88)!important;border-top:1px solid var(--line)!important;color:var(--dim)!important}.footer-row a{color:var(--muted)!important}.links a.btn{color:#fff!important;background:linear-gradient(180deg,#1688ff,#007bff)!important;border-color:#006ee6!important}.links a.btn:hover{color:#fff!important;background:linear-gradient(180deg,#087ef8,#006ee6)!important}
@media(max-width:850px){.main{padding:22px 14px 82px!important}.hero{padding-top:34px!important}.main .hero{padding-top:4px!important}.stats{gap:8px!important}.stat{min-width:132px!important}.grid{gap:12px!important}.card,.panel,.box{padding:17px!important}.nav,.topin{min-height:64px!important}}
@media(max-width:680px){.topin,.nav{padding:10px 14px!important;gap:8px!important}.main,.wrap{padding-left:14px!important;padding-right:14px!important}.brand{font-size:18px!important;gap:8px!important}.brand::before{width:34px;height:34px;flex-basis:34px}.hero h1,.wrap2>h1,.main>h1{font-size:clamp(35px,10vw,46px)!important}.card,.panel,.box{border-radius:18px!important}.actions{gap:8px!important}.actions .btn{min-height:44px}.btn{min-height:43px}.stats{scrollbar-width:none}.stats::-webkit-scrollbar{display:none}.wrap2{margin-top:22px!important}.grid2{gap:12px!important}pre{padding:14px!important;font-size:14px!important}.links{gap:5px!important;overflow-x:auto;scrollbar-width:none}.links::-webkit-scrollbar{display:none}.links a:not(.btn){display:none!important}.links .btn{padding:9px 12px!important;font-size:12px!important}}