/* MAT LEADS public landing page: focused, responsive, and intentionally independent
   from the application workspace so future dashboard changes cannot break the homepage. */
.landing-page { overflow-x: hidden; background: var(--surface); }
.landing-hero { position: relative; isolation: isolate; padding: clamp(72px, 9vw, 124px) 0 96px; background: radial-gradient(circle at 78% 24%, rgba(64,112,255,.13), transparent 34%), linear-gradient(180deg, color-mix(in srgb, var(--surface-2) 62%, transparent), var(--surface)); }
.landing-hero__grid { position: relative; z-index: 1; display: grid; grid-template-columns: minmax(0, .88fr) minmax(440px, 1.12fr); align-items: center; gap: clamp(42px, 7vw, 94px); }
.landing-hero__copy { max-width: 630px; }
.landing-eyebrow,.landing-kicker { color: var(--accent); font-size: .74rem; font-weight: 800; letter-spacing: .13em; text-transform: uppercase; }
.landing-eyebrow { display: inline-flex; align-items: center; gap: 9px; padding: 8px 12px; border: 1px solid color-mix(in srgb, var(--accent) 24%, var(--border)); border-radius: 999px; background: color-mix(in srgb, var(--accent) 7%, var(--surface)); }
.landing-status-dot { width: 7px; height: 7px; border-radius: 50%; background: #27ae60; box-shadow: 0 0 0 4px rgba(39,174,96,.13); }
.landing-hero h1 { max-width: 720px; margin: 23px 0 0; font-size: clamp(3.5rem, 6.5vw, 6.65rem); line-height: .91; letter-spacing: -.055em; }
.landing-hero h1 em,.landing-capability-copy h2 em { color: var(--accent); font-style: normal; }
.landing-hero__lead { max-width: 570px; margin: 26px 0 0; color: var(--muted); font-size: clamp(1.03rem, 1.8vw, 1.2rem); line-height: 1.65; }
.landing-cta { display: inline-flex; gap: 13px; align-items: center; }
.landing-trust-row { display: flex; flex-wrap: wrap; gap: 12px 20px; margin-top: 28px; color: var(--muted); font-size: .82rem; }
.landing-check { display: inline-flex; width: 17px; height: 17px; align-items: center; justify-content: center; margin-right: 4px; border-radius: 50%; background: color-mix(in srgb, #27ae60 16%, transparent); color: #198754; font-weight: 800; }
.landing-orb { position: absolute; z-index: -1; width: 360px; height: 360px; border-radius: 50%; filter: blur(2px); pointer-events: none; }
.landing-orb--one { top: -170px; right: 4%; background: radial-gradient(circle, rgba(107,129,255,.16), transparent 68%); }
.landing-orb--two { bottom: -230px; left: -100px; background: radial-gradient(circle, rgba(42,170,116,.1), transparent 68%); }
.landing-hero__visual { position: relative; min-width: 0; padding: 20px 18px 28px; }
.landing-window { overflow: hidden; border: 1px solid color-mix(in srgb, var(--border-strong) 75%, transparent); border-radius: 18px; background: color-mix(in srgb, var(--surface) 94%, transparent); box-shadow: 0 28px 90px rgba(20,35,70,.16), 0 4px 15px rgba(20,35,70,.08); transform: perspective(1400px) rotateY(-4deg) rotateX(2deg); }
.landing-window__bar { display: flex; align-items: center; gap: 12px; height: 48px; padding: 0 16px; border-bottom: 1px solid var(--border); color: var(--muted); font-size: .7rem; letter-spacing: .04em; }
.landing-window__dots { display: flex; gap: 5px; margin-right: 4px; }.landing-window__dots i { width: 7px; height: 7px; border-radius: 50%; background: var(--border-strong); }.landing-window__dots i:first-child { background: #ff766d; }.landing-window__dots i:nth-child(2) { background: #f4bf4f; }.landing-window__dots i:nth-child(3) { background: #55c878; }.landing-live { margin-left: auto; color: #258a56; font-size: .62rem; font-weight: 800; }
.landing-window__body { display: grid; grid-template-columns: 45px 1fr; min-height: 370px; }.landing-mini-sidebar { display: flex; flex-direction: column; align-items: center; gap: 16px; padding-top: 18px; border-right: 1px solid var(--border); color: var(--muted-2); }.landing-mini-sidebar span { display: grid; width: 26px; height: 26px; place-items: center; border-radius: 7px; font-size: 1rem; }.landing-mini-sidebar .is-active { background: color-mix(in srgb, var(--accent) 12%, transparent); color: var(--accent); }
.landing-workspace-preview { min-width: 0; padding: 20px; background: linear-gradient(135deg, color-mix(in srgb, var(--surface) 96%, transparent), color-mix(in srgb, var(--surface-2) 78%, transparent)); }.landing-preview-heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; }.landing-preview-heading small,.landing-table-head,.landing-preview-kpis small { display: block; color: var(--muted-2); font-size: .58rem; font-weight: 800; letter-spacing: .1em; }.landing-preview-heading strong { display: block; margin-top: 6px; font-size: .9rem; }.landing-avatar { display: grid; width: 31px; height: 31px; place-items: center; border-radius: 10px; background: #18243b; color: #fff; font-size: .55rem; font-weight: 800; }
.landing-search-preview { display: flex; align-items: center; gap: 8px; min-height: 39px; margin-top: 20px; padding: 0 8px 0 12px; border: 1px solid var(--border); border-radius: 9px; background: var(--surface); color: var(--muted); font-size: .7rem; }.landing-search-icon { color: var(--accent); font-size: 1.1rem; }.landing-filter-chip { margin-left: auto; padding: 5px 7px; border-radius: 5px; background: color-mix(in srgb, var(--accent) 9%, transparent); color: var(--accent); font-size: .58rem; }.landing-search-preview button { padding: 7px 9px; border: 0; border-radius: 6px; background: var(--accent); color: #fff; font: inherit; font-size: .61rem; font-weight: 750; }
.landing-preview-kpis { display: grid; grid-template-columns: repeat(3,1fr); gap: 8px; margin-top: 12px; }.landing-preview-kpis > div { padding: 12px 10px; border: 1px solid var(--border); border-radius: 9px; background: var(--surface); }.landing-preview-kpis strong { display: block; margin: 6px 0 3px; font-size: 1.35rem; letter-spacing: -.03em; }.landing-preview-kpis strong span { color: var(--muted-2); font-size: .7rem; }.landing-preview-kpis span { color: var(--muted-2); font-size: .58rem; }.landing-preview-kpis .positive { color: #258a56; }
.landing-preview-table { margin-top: 12px; border: 1px solid var(--border); border-radius: 9px; overflow: hidden; background: var(--surface); }.landing-table-head,.landing-table-row { display: grid; grid-template-columns: 1.35fr .65fr 1fr; gap: 10px; align-items: center; padding: 9px 11px; }.landing-table-head { background: var(--surface-2); }.landing-table-row { border-top: 1px solid var(--border); font-size: .67rem; }.landing-table-row b,.landing-table-row small { display: block; }.landing-table-row small { margin-top: 3px; color: var(--muted-2); font-size: .57rem; }.landing-score { display: inline-flex; width: 30px; height: 23px; align-items: center; justify-content: center; border-radius: 6px; background: #edf7f0; color: #28834e; font-size: .68rem; font-weight: 800; }.landing-score--hot { background: #fff2e6; color: #b86b1e; }.landing-action { color: var(--accent); font-size: .59rem; font-weight: 700; }
.landing-floating-card { position: absolute; z-index: 2; display: flex; align-items: center; gap: 9px; padding: 10px 12px; border: 1px solid var(--border); border-radius: 11px; background: color-mix(in srgb, var(--surface) 94%, transparent); box-shadow: 0 12px 30px rgba(20,35,70,.12); font-size: .68rem; }.landing-floating-card b,.landing-floating-card small { display: block; }.landing-floating-card small { margin-top: 3px; color: var(--muted); font-size: .59rem; }.landing-floating-card--top { top: 2px; right: -8px; }.landing-floating-card--bottom { bottom: 0; left: -10px; }.landing-float-icon { display: grid; width: 27px; height: 27px; place-items: center; border-radius: 8px; background: #fff1dd; color: #c57a24; }.landing-float-icon--green { background: #e5f5eb; color: #258a56; }
.landing-proof { border-block: 1px solid var(--border); background: var(--surface-2); }.landing-proof__inner { display: flex; align-items: center; justify-content: space-between; gap: 24px; min-height: 75px; }.landing-proof__label { color: var(--muted); font-size: .76rem; font-weight: 700; }.landing-proof__items { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 9px 28px; color: var(--muted-2); font-size: .78rem; font-weight: 700; }
.landing-section { padding-block: clamp(74px, 9vw, 128px); }.landing-section-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 30px; margin-bottom: 42px; }.landing-section-heading h2,.landing-capability-copy h2,.landing-cta-card h2 { max-width: 670px; margin: 10px 0 0; font-size: clamp(2.1rem, 4vw, 3.55rem); line-height: 1.02; letter-spacing: -.045em; }.landing-section-heading > p { max-width: 420px; margin: 0; color: var(--muted); line-height: 1.65; }
.landing-steps { display: grid; grid-template-columns: repeat(3,1fr); gap: 15px; }.landing-step { position: relative; min-height: 280px; padding: 26px; border: 1px solid var(--border); border-radius: 15px; background: var(--surface); transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease, opacity .45s ease; }.landing-step,.landing-tool-card,.landing-evidence-card,.landing-cta-card { opacity: .01; transform: translateY(12px); }.landing-step.is-visible,.landing-tool-card.is-visible,.landing-evidence-card.is-visible,.landing-cta-card.is-visible { opacity: 1; transform: translateY(0); }.landing-step:hover,.landing-tool-card:hover { border-color: color-mix(in srgb, var(--accent) 40%, var(--border)); box-shadow: var(--shadow); transform: translateY(-3px); }.landing-step-number { position: absolute; top: 25px; right: 25px; color: var(--muted-2); font-size: .68rem; font-weight: 800; }.landing-step-icon,.landing-tool-icon { display: grid; width: 39px; height: 39px; place-items: center; border-radius: 11px; background: color-mix(in srgb, var(--accent) 9%, transparent); color: var(--accent); font-size: 1.2rem; }.landing-step h3 { margin: 29px 0 10px; font-size: 1.12rem; }.landing-step p,.landing-tool-card p,.landing-capability-copy p { color: var(--muted); line-height: 1.62; font-size: .9rem; }.landing-step a,.landing-tool-link,.landing-text-link { display: inline-flex; gap: 8px; margin-top: 19px; color: var(--accent); font-size: .82rem; font-weight: 800; }
.landing-capability-section { padding: clamp(72px, 9vw, 124px) 0; background: #18243b; color: #fff; }.landing-capability-grid { display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: clamp(42px, 8vw, 110px); }.landing-capability-copy .landing-kicker { color: #7eb0ff; }.landing-capability-copy h2 { max-width: 590px; }.landing-capability-copy h2 em { color: #a9c7ff; }.landing-capability-copy p { max-width: 570px; color: rgba(255,255,255,.68); }.landing-check-list { display: grid; gap: 13px; margin: 25px 0 30px; padding: 0; list-style: none; color: rgba(255,255,255,.82); font-size: .88rem; }.landing-check-list li { display: flex; gap: 10px; align-items: flex-start; }.landing-check-list li span { color: #72d39b; font-weight: 800; }.landing-evidence-card { padding: 22px; border: 1px solid rgba(255,255,255,.12); border-radius: 16px; background: rgba(255,255,255,.08); box-shadow: 0 22px 60px rgba(0,0,0,.18); }.landing-evidence-card__top,.landing-evidence-title,.landing-evidence-lines div,.landing-evidence-footer { display: flex; align-items: center; justify-content: space-between; gap: 12px; }.landing-evidence-card__top { color: rgba(255,255,255,.48); font-size: .65rem; }.landing-evidence-badge { color: #7ee0a5; font-size: .62rem; font-weight: 800; letter-spacing: .1em; }.landing-evidence-title { margin: 27px 0; }.landing-evidence-logo { display: grid; width: 38px; height: 38px; flex: 0 0 38px; place-items: center; border-radius: 11px; background: #f1b35e; color: #3d2a0d; font-size: .72rem; font-weight: 850; object-fit: contain; padding: 7px; }.landing-evidence-title div { flex: 1; }.landing-evidence-title strong,.landing-evidence-title small { display: block; }.landing-evidence-title small { margin-top: 4px; color: rgba(255,255,255,.52); font-size: .68rem; }.landing-evidence-title .landing-score { margin-left: auto; }.landing-evidence-lines { display: grid; gap: 0; padding: 5px 0; border-block: 1px solid rgba(255,255,255,.1); }.landing-evidence-lines div { padding: 13px 0; border-bottom: 1px solid rgba(255,255,255,.08); font-size: .73rem; }.landing-evidence-lines div:last-child { border-bottom: 0; }.landing-evidence-lines span { color: rgba(255,255,255,.52); }.landing-evidence-lines b { font-size: .73rem; }.landing-warning { color: #f4c278; }.landing-evidence-footer { margin-top: 18px; color: #9fbfff; font-size: .73rem; font-weight: 700; }
.landing-tools-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 13px; }.landing-tool-card { display: flex; min-height: 285px; flex-direction: column; padding: 23px; border: 1px solid var(--border); border-radius: 15px; color: var(--text); transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease; }.landing-tool-card--primary { border-color: color-mix(in srgb, var(--accent) 35%, var(--border)); background: linear-gradient(145deg, color-mix(in srgb, var(--accent) 8%, var(--surface)), var(--surface)); }.landing-tool-tag { margin-top: 22px; color: var(--muted-2); font-size: .62rem; font-weight: 800; letter-spacing: .12em; }.landing-tool-card h3 { margin: 8px 0 0; font-size: 1.12rem; }.landing-tool-card p { margin: 9px 0 0; font-size: .82rem; }.landing-tool-link { margin-top: auto; }
.landing-cta-section { padding: 0 0 clamp(70px, 9vw, 120px); }.landing-cta-card { display: flex; align-items: center; justify-content: space-between; gap: 30px; padding: clamp(28px, 5vw, 54px); border: 1px solid var(--border); border-radius: 18px; background: linear-gradient(130deg, color-mix(in srgb, var(--accent) 9%, var(--surface)), var(--surface-2)); }.landing-cta-card p { max-width: 590px; margin: 14px 0 0; color: var(--muted); line-height: 1.6; }.landing-cta-card__actions { display: flex; flex-shrink: 0; flex-wrap: wrap; gap: 10px; }.landing-faq { padding-top: 0; }.landing-faq-grid { display: grid; grid-template-columns: repeat(2,1fr); gap: 10px; }.landing-faq .faq-item { border: 1px solid var(--border); border-radius: 11px; }.landing-faq .faq-answer { max-width: 650px; color: var(--muted); line-height: 1.6; }.landing-footer { display: grid; grid-template-columns: 1fr auto; gap: 10px 30px; align-items: center; }.landing-footer strong,.landing-footer span { display: block; }.landing-footer span { margin-top: 5px; color: var(--muted); font-size: .76rem; }.landing-footer nav { display: flex; flex-wrap: wrap; gap: 18px; }.landing-footer nav a { color: var(--muted); font-size: .78rem; font-weight: 700; }.landing-footer small { grid-column: 1/-1; color: var(--muted-2); font-size: .7rem; }
@media (max-width: 1080px) { .landing-hero__grid { grid-template-columns: 1fr; }.landing-hero__copy { max-width: 740px; }.landing-hero__visual { max-width: 780px; width: 100%; margin: 0 auto; }.landing-tools-grid { grid-template-columns: repeat(2,1fr); } }
@media (max-width: 760px) { .landing-hero { padding-top: 56px; }.landing-hero h1 { font-size: clamp(3rem, 13vw, 4.7rem); }.landing-hero__visual { padding-inline: 0; }.landing-window { transform: none; }.landing-floating-card--top { right: -5px; }.landing-floating-card--bottom { left: -5px; }.landing-proof__inner,.landing-section-heading,.landing-cta-card { align-items: flex-start; flex-direction: column; }.landing-proof__items { justify-content: flex-start; }.landing-steps,.landing-capability-grid,.landing-faq-grid { grid-template-columns: 1fr; }.landing-section-heading { gap: 15px; }.landing-capability-section { padding-block: 72px; }.landing-cta-card__actions { width: 100%; }.landing-footer { grid-template-columns: 1fr; }.landing-footer nav { grid-row: 2; }.landing-footer small { grid-column: 1; } }
@media (max-width: 500px) { .landing-hero__lead { font-size: 1rem; }.landing-trust-row { display: grid; gap: 9px; }.landing-window__body { grid-template-columns: 1fr; }.landing-mini-sidebar { display: none; }.landing-workspace-preview { padding: 13px; }.landing-preview-kpis { grid-template-columns: 1fr; }.landing-table-head,.landing-table-row { grid-template-columns: 1.4fr .6fr; }.landing-table-head span:last-child,.landing-table-row .landing-action { display: none; }.landing-floating-card { transform: scale(.87); transform-origin: center; }.landing-floating-card--top { top: -13px; }.landing-floating-card--bottom { bottom: -12px; }.landing-tools-grid { grid-template-columns: 1fr; }.landing-tool-card { min-height: 245px; }.landing-cta-card .btn { width: 100%; justify-content: center; } }
@media (prefers-reduced-motion: reduce) { .landing-window,.landing-step,.landing-tool-card { transform: none; transition: none; } }