.pm-hero { background:#07121f; color:#fff; padding:76px 0 58px; overflow:hidden; }
.pm-hero-grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(360px,.9fr); gap:48px; align-items:center; }
.pm-eyebrow { color:#c7a55b; font-size:.78rem; font-weight:800; letter-spacing:.16em; text-transform:uppercase; }
.pm-hero h1 { color:#fff; font-size:clamp(2.25rem,5vw,4.7rem); line-height:.96; letter-spacing:-.045em; margin:14px 0 20px; }
.pm-hero h1 span { color:#c7a55b; display:block; }
.pm-hero p { color:#d8e1e9; max-width:650px; font-size:1.1rem; }
.pm-actions { display:flex; flex-wrap:wrap; gap:12px; margin:26px 0 10px; }
.pm-actions .btn-secondary { border-color:#fff; color:#fff; }
.pm-proof { position:relative; min-height:440px; }
.pm-proof img { position:absolute; width:76%; border-radius:12px; box-shadow:0 22px 60px #0009; }
.pm-proof img:first-child { left:0; top:0; transform:rotate(-3deg); }
.pm-proof img:last-child { right:0; bottom:0; transform:rotate(3deg); }
.pm-demo { background:#0c1a2a; color:#fff; padding:68px 0; }
.pm-demo h2,.pm-demo h3 { color:#fff; }
.pm-demo .lead { color:#cbd7e2; }
.pm-video { max-width:1080px; margin:28px auto 0; border:1px solid #c7a55b55; border-radius:18px; overflow:hidden; background:#050b12; }
.pm-video video { width:100%; display:block; aspect-ratio:16/9; }
.pm-compare { display:grid; grid-template-columns:1fr 1fr; gap:2px; margin-top:30px; background:#c7a55b; border:1px solid #c7a55b; border-radius:18px; overflow:hidden; }
.pm-panel { background:#f8f5ef; color:#15263a; padding:18px; }
.pm-panel b { display:block; margin-bottom:12px; font-size:.78rem; letter-spacing:.12em; }
.pm-panel img { width:100%; aspect-ratio:14/9; object-fit:contain; background:#fff; border-radius:10px; }
.pm-detected { display:flex; flex-wrap:wrap; gap:10px; margin:20px 0 0; padding:0; list-style:none; }
.pm-detected li { border:1px solid #c7a55b66; border-radius:999px; padding:8px 13px; color:#e7d19f; font-weight:700; }
.pm-workflow { display:grid; grid-template-columns:repeat(7,1fr); gap:10px; margin-top:28px; }
.pm-step { padding:18px 14px; border-top:3px solid #c7a55b; background:#fff; box-shadow:0 8px 26px #15263a12; }
.pm-step b { display:block; color:#15263a; margin-bottom:7px; }
.pm-step span { color:#5e6d7b; font-size:.88rem; }
.pm-check { background:#fff8e7; border-left:4px solid #c7a55b; padding:18px 22px; margin:24px 0; color:#33445a; }
.pm-disclaimer { color:#728093; font-size:.82rem; margin-top:28px; }
.pm-date { display:flex; gap:16px; flex-wrap:wrap; margin-top:22px; }
.pm-date div { background:#fff; border:1px solid #d9e0e7; padding:16px 20px; border-radius:10px; }
.pm-date strong { color:#15263a; display:block; }
@media(max-width:900px){.pm-hero-grid,.pm-compare{grid-template-columns:1fr}.pm-proof{min-height:330px}.pm-workflow{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.pm-hero{padding-top:48px}.pm-proof{min-height:260px}.pm-workflow{grid-template-columns:1fr}.pm-panel{padding:10px}.pm-actions>*{width:100%;text-align:center}}
@media(prefers-reduced-motion:reduce){.pm-proof img{transform:none!important}}