/* Buyer-first message architecture for the MoveAI Device-Proof v9 system. */
:root{--ma-navy:#052d52;--ma-navy-dark:#031d35;--ma-blue:#1f78ad;--ma-orange:#ff8616;--ma-ink:#092640;--ma-muted:#526b7d;--ma-line:#d8e3ea;--ma-soft:#f3f8fb;--ma-warm:#fff8f0;--ma-white:#fff}
.ma-hero{position:relative;overflow:hidden;padding:clamp(72px,7vw,108px) 0;background:radial-gradient(circle at 7% 15%,rgba(255,134,22,.12),transparent 26%),radial-gradient(circle at 91% 18%,rgba(31,120,173,.15),transparent 30%),linear-gradient(180deg,#fff,#f4f9fc)}
.ma-hero-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(520px,1.1fr);gap:clamp(42px,6vw,88px);align-items:center}
.ma-hero h1{max-width:720px;font-size:clamp(3rem,5vw,5.5rem);line-height:.98;letter-spacing:-.055em}
.ma-lead{max-width:660px;margin:24px 0 0;color:var(--ma-muted);font-size:clamp(1.12rem,1.6vw,1.35rem);line-height:1.58}
.ma-value-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:11px;margin-top:28px}
.ma-value-strip span{display:flex;align-items:center;gap:8px;min-height:56px;padding:12px 14px;color:var(--ma-navy);background:#ffffffd9;border:1px solid var(--ma-line);border-radius:14px;font-size:.84rem;font-weight:800;line-height:1.25}
.ma-value-strip svg{flex:0 0 auto;color:var(--ma-blue)}
.ma-hero-visual{position:relative;min-height:570px}
.ma-dashboard{position:absolute;inset:28px 78px 38px 0;overflow:hidden;background:#fff;border:1px solid #c9d9e3;border-radius:30px;box-shadow:0 30px 80px rgba(3,29,53,.18)}
.ma-dashboard-top{display:flex;align-items:center;justify-content:space-between;padding:22px 25px;background:#f8fbfd;border-bottom:1px solid var(--ma-line)}
.ma-dashboard-top strong{display:block;color:var(--ma-navy);font-size:1rem}.ma-dashboard-top span{color:var(--ma-muted);font-size:.76rem}
.ma-human-review{padding:8px 11px;color:var(--ma-blue)!important;background:#eaf5fb;border-radius:999px;font-weight:800}
.ma-dashboard-body{display:grid;grid-template-columns:155px 1fr;min-height:440px}
.ma-sidebar{display:grid;align-content:start;gap:10px;padding:25px 18px;color:#dce8ef;background:var(--ma-navy-dark)}
.ma-sidebar span{padding:11px 12px;border-radius:10px;font-size:.78rem;font-weight:750}.ma-sidebar span:first-child{color:#fff;background:rgba(255,255,255,.12)}
.ma-queue{padding:30px 28px}.ma-queue-label{margin:0;color:#a84a00;font-size:.72rem;font-weight:850;letter-spacing:.11em;text-transform:uppercase}.ma-queue h2{margin:6px 0 20px;color:var(--ma-navy);font-size:1.62rem}
.ma-queue-item{display:grid;grid-template-columns:34px 1fr auto;gap:12px;align-items:center;margin-top:10px;padding:14px 15px;border:1px solid var(--ma-line);border-radius:14px}.ma-queue-item b{display:grid;width:34px;height:34px;place-items:center;color:var(--ma-navy);background:#edf6fb;border-radius:10px}.ma-queue-item strong,.ma-queue-item small{display:block}.ma-queue-item strong{font-size:.88rem}.ma-queue-item small{margin-top:2px;color:var(--ma-muted);font-size:.72rem}.ma-queue-item em{padding:6px 8px;color:var(--ma-blue);background:#eaf5fb;border-radius:999px;font-size:.68rem;font-style:normal;font-weight:800}
.ma-phone{position:absolute;right:0;bottom:0;width:228px;padding:12px;background:#16364d;border:1px solid rgba(255,255,255,.35);border-radius:36px;box-shadow:0 28px 60px rgba(3,29,53,.24)}
.ma-phone-screen{min-height:440px;padding:22px 16px 14px;background:#fff;border-radius:26px}
.ma-phone-brand{padding-bottom:16px;border-bottom:1px solid var(--ma-line)}.ma-phone-brand strong,.ma-phone-brand span{display:block}.ma-phone-brand strong{font-size:.78rem}.ma-phone-brand span{color:var(--ma-muted);font-size:.62rem}
.ma-phone-kicker{margin:22px 0 4px;color:#a84a00;font-size:.63rem;font-weight:850;letter-spacing:.12em;text-transform:uppercase}.ma-phone h3{margin:0;font-size:1.1rem}.ma-phone p{color:var(--ma-muted);font-size:.7rem}
.ma-phone-card{display:flex;align-items:center;gap:10px;margin-top:18px;padding:14px;color:#fff;background:var(--ma-navy);border-radius:14px}.ma-phone-card b{display:grid;width:31px;height:31px;place-items:center;background:rgba(255,255,255,.14);border-radius:9px}.ma-phone-card strong,.ma-phone-card span{display:block}.ma-phone-card strong{font-size:.75rem}.ma-phone-card span{margin-top:2px;font-size:.6rem;opacity:.8}
.ma-phone-list{display:grid;gap:8px;margin-top:12px}.ma-phone-list div{padding:11px;border:1px solid var(--ma-line);border-radius:11px;font-size:.69rem;font-weight:750}.ma-powered{margin-top:27px;text-align:center;color:var(--ma-muted);font-size:.61rem}.ma-powered img{display:block;width:68px;height:auto;margin:5px auto 0}
.ma-now{padding:clamp(62px,7vw,92px) 0;background:var(--ma-navy-dark)}
.ma-now-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(38px,6vw,86px);align-items:center}
.ma-now .eyebrow{color:#ffc488}.ma-now h2{max-width:650px;color:#fff;font-size:clamp(2.25rem,4vw,4.1rem);line-height:1.04}.ma-now-copy{color:#c8d7e1;font-size:1.08rem;line-height:1.7}
.ma-now-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-top:25px}.ma-now-card{padding:19px 18px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.13);border-radius:16px}.ma-now-card strong,.ma-now-card span{display:block}.ma-now-card strong{color:#fff;font-size:.96rem}.ma-now-card span{margin-top:6px;color:#bed0dc;font-size:.78rem;line-height:1.45}
.ma-section{padding:clamp(66px,7vw,98px) 0}.ma-section-soft{background:var(--ma-soft)}.ma-section-warm{background:var(--ma-warm)}
.ma-intro{max-width:790px;margin:0 auto;text-align:center}.ma-intro h2{font-size:clamp(2.1rem,3.8vw,3.9rem);line-height:1.05}.ma-intro p:not(.eyebrow){color:var(--ma-muted);font-size:1.05rem;line-height:1.65}
.ma-flow{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:42px}.ma-flow article{padding:28px 26px;background:#fff;border:1px solid var(--ma-line);border-radius:20px;box-shadow:0 12px 35px rgba(3,29,53,.06)}.ma-number{display:grid;width:40px;height:40px;place-items:center;margin-bottom:22px;color:#fff;background:var(--ma-navy);border-radius:12px;font-size:.75rem;font-weight:850}.ma-flow h3{font-size:1.28rem}.ma-flow p{color:var(--ma-muted);font-size:.92rem;line-height:1.58}
.ma-role-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.ma-role-card{overflow:hidden;background:#fff;border:1px solid var(--ma-line);border-radius:24px;box-shadow:0 18px 48px rgba(3,29,53,.07)}.ma-role-card img{display:block;width:100%;height:255px;object-fit:cover}.ma-role-content{padding:30px}.ma-role-content h3{font-size:1.55rem}.ma-role-content p{color:var(--ma-muted)}.ma-role-list{display:grid;gap:12px;margin-top:20px}.ma-role-list span{display:flex;gap:10px;color:var(--ma-ink);font-size:.9rem;font-weight:720}.ma-role-list span::before{content:"";width:8px;height:8px;margin-top:7px;background:var(--ma-orange);border-radius:50%;flex:0 0 auto}
.ma-monitor-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(340px,.92fr);gap:clamp(42px,7vw,88px);align-items:center}.ma-monitor-grid h2{font-size:clamp(2.2rem,3.8vw,3.9rem)}.ma-monitor-grid p{color:var(--ma-muted);font-size:1.04rem;line-height:1.65}.ma-monitor-points{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:24px}.ma-monitor-points div{padding:17px;background:#fff;border:1px solid var(--ma-line);border-radius:14px}.ma-monitor-points strong,.ma-monitor-points span{display:block}.ma-monitor-points strong{font-size:.93rem}.ma-monitor-points span{margin-top:4px;color:var(--ma-muted);font-size:.78rem}.ma-device{margin:0;padding:14px;background:var(--ma-navy-dark);border-radius:26px;box-shadow:0 24px 58px rgba(3,29,53,.18)}.ma-device img{display:block;width:100%;height:500px;object-fit:cover;object-position:center;border-radius:18px}.ma-device figcaption{padding:16px 7px 7px;color:#c7d7e1;font-size:.8rem;line-height:1.5}
.ma-case{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(340px,.88fr);gap:clamp(38px,6vw,78px);align-items:center;padding:clamp(34px,5vw,58px);background:linear-gradient(135deg,#fff,#fff7ee);border:1px solid #f0dcc9;border-radius:28px}.ma-case h2{font-size:clamp(2rem,3.5vw,3.45rem)}.ma-case p{color:var(--ma-muted);line-height:1.65}.ma-case-logos{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.ma-case-logos span{display:grid;min-height:82px;place-items:center;padding:13px;background:#fff;border:1px solid var(--ma-line);border-radius:14px}.ma-case-logos img{display:block;max-width:112px;max-height:42px;object-fit:contain}
.ma-boundary{margin-top:16px;color:var(--ma-muted);font-size:.78rem;line-height:1.55}
.ma-case-hero{padding:clamp(64px,7vw,100px) 0;background:radial-gradient(circle at 10% 16%,rgba(255,134,22,.14),transparent 27%),radial-gradient(circle at 91% 20%,rgba(31,120,173,.17),transparent 31%),linear-gradient(180deg,#fff,#f4f9fc)}
.ma-case-hero-grid{display:grid;grid-template-columns:minmax(0,.96fr) minmax(500px,1.04fr);gap:clamp(40px,6vw,78px);align-items:center}.ma-case-hero h1{font-size:clamp(2.8rem,4.8vw,5.2rem);line-height:1;letter-spacing:-.052em}.ma-case-hero .lead{max-width:690px}.ma-case-summary{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:28px 0}.ma-case-summary article{padding:19px;background:#fff;border:1px solid var(--ma-line);border-radius:15px}.ma-case-summary strong,.ma-case-summary span{display:block}.ma-case-summary strong{color:var(--ma-navy);font-size:.76rem;letter-spacing:.08em;text-transform:uppercase}.ma-case-summary span{margin-top:6px;color:var(--ma-muted);font-size:.84rem;line-height:1.5}.ma-case-visual{margin:0}.ma-case-visual img{display:block;width:100%;min-height:470px;object-fit:cover;border:8px solid #fff;border-radius:28px;box-shadow:0 28px 70px rgba(3,29,53,.19)}.ma-case-visual figcaption{margin-top:12px;color:var(--ma-muted);font-size:.8rem}
.ma-problem-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:42px}.ma-problem-grid article{padding:clamp(30px,4vw,48px);background:#fff;border:1px solid var(--ma-line);border-radius:22px}.ma-problem-grid article:first-child{border-top:5px solid var(--ma-orange)}.ma-problem-grid article:last-child{border-top:5px solid var(--ma-blue)}.ma-problem-grid h3{font-size:1.55rem}.ma-problem-grid p{color:var(--ma-muted);line-height:1.62}
.ma-stakeholder-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:40px}.ma-stakeholder-grid article{padding:26px;background:#fff;border:1px solid var(--ma-line);border-radius:18px}.ma-stakeholder-grid h3{font-size:1.18rem}.ma-stakeholder-grid p{color:var(--ma-muted);font-size:.9rem;line-height:1.58}
.ma-why-now{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(40px,7vw,90px);align-items:center}.ma-why-now h2{color:#fff;font-size:clamp(2.25rem,4vw,4rem)}.ma-why-now p{color:#c4d4de;line-height:1.7}.ma-why-now-panel{padding:30px;background:#fff;border-radius:22px}.ma-why-now-panel h3{font-size:1.45rem}.ma-why-now-panel p{color:var(--ma-muted)}.ma-why-now-items{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:20px}.ma-why-now-items div{padding:16px;background:var(--ma-soft);border-radius:13px}.ma-why-now-items strong,.ma-why-now-items span{display:block}.ma-why-now-items strong{font-size:.9rem}.ma-why-now-items span{margin-top:4px;color:var(--ma-muted);font-size:.76rem;line-height:1.45}
@media(max-width:1080px){.ma-hero-grid,.ma-now-grid,.ma-monitor-grid,.ma-case,.ma-case-hero-grid,.ma-why-now{grid-template-columns:1fr}.ma-hero-visual{max-width:820px}.ma-dashboard{inset:20px 85px 30px 0}.ma-role-grid{grid-template-columns:1fr}.ma-case-logos{max-width:520px}}
@media(max-width:760px){.ma-hero{padding-top:55px}.ma-value-strip,.ma-now-cards,.ma-flow,.ma-problem-grid,.ma-stakeholder-grid{grid-template-columns:1fr}.ma-hero-visual{min-height:auto;padding-top:24px}.ma-dashboard{position:relative;inset:auto;min-height:440px}.ma-dashboard-body{grid-template-columns:100px 1fr}.ma-sidebar{padding:20px 9px}.ma-sidebar span{padding:9px 7px;font-size:.66rem}.ma-queue{padding:22px 16px}.ma-queue-item{grid-template-columns:28px 1fr}.ma-queue-item em{display:none}.ma-phone{position:relative;right:auto;bottom:auto;width:min(260px,82vw);margin:-55px auto 0}.ma-role-card img{height:220px}.ma-monitor-points,.ma-case-summary,.ma-why-now-items{grid-template-columns:1fr}.ma-device img{height:420px}}
@media(max-width:480px){.ma-hero h1{font-size:3rem}.ma-dashboard{display:none}.ma-phone{margin:0 auto}.ma-now,.ma-section{padding:58px 0}.ma-case{padding:27px 21px}.ma-case-logos{grid-template-columns:1fr 1fr 1fr}.ma-case-logos span{min-height:68px;padding:8px}.ma-case-logos img{max-width:78px}.ma-case-visual img{min-height:330px;object-position:58% center}}