:root{--navy:#102330;--navy2:#1b3b4d;--ink:#18313e;--muted:#60737c;--paper:#f3f5f4;--white:#fff;--line:#dce3e4;--amber:#edaa42;--max:1180px;--shadow:0 22px 58px rgba(8,29,42,.17)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#e9eded;color:var(--ink);font:15px/1.62 Inter,"Segoe UI",Arial,sans-serif}.preview-bar{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:12px max(22px,calc((100% - var(--max))/2));background:var(--navy);color:#fff;font-size:10px}.preview-bar .labels{display:flex;flex-wrap:wrap;gap:8px}.pill{padding:5px 8px;border:1px solid #68818c;border-radius:3px;color:#fff;font-size:9px;font-weight:850;letter-spacing:.08em}.pill-gold{background:var(--amber);border-color:var(--amber);color:#20323a}.preview-bar>a{color:#fff;text-decoration:none;font-weight:800}.preview-hero{display:grid;grid-template-columns:1fr .9fr;gap:55px;align-items:center;max-width:var(--max);margin:auto;padding:58px 28px 64px}.kicker{margin:0 0 13px;color:#a36a13;font-size:10px;font-weight:900;letter-spacing:.16em;text-transform:uppercase}.preview-hero h1{max-width:650px;margin:0 0 19px;font-size:clamp(39px,5vw,62px);line-height:1.02;letter-spacing:-.05em;color:var(--navy)}.preview-hero p:not(.kicker){max-width:590px;color:#536873;font-size:16px}.facts{display:flex;flex-wrap:wrap;gap:20px;margin-top:25px}.fact{display:flex;flex-direction:column;padding-left:12px;border-left:2px solid var(--amber)}.fact b{font-size:14px;color:var(--navy)}.fact span{font-size:9px;color:var(--muted)}.hero-photo{position:relative;overflow:hidden;margin:0;border-radius:14px;background:var(--navy2);box-shadow:var(--shadow)}.hero-photo img{width:100%;height:355px;object-fit:cover}.hero-photo figcaption{position:absolute;bottom:0;left:0;right:0;padding:25px 15px 11px;background:linear-gradient(transparent,rgba(10,28,39,.84));color:#fff;font-size:9px}.hero-photo a{color:#fff}.section{background:var(--white);padding:62px max(22px,calc((100% - var(--max))/2))}.section-head{max-width:750px;margin:0 auto 30px;text-align:center}.section-head h2{margin:0 0 13px;color:var(--navy);font-size:clamp(29px,3.5vw,42px);line-height:1.08;letter-spacing:-.04em}.section-head p{margin:0;color:var(--muted)}.issue-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.issue{padding:23px;border:1px solid var(--line);border-radius:10px;background:#fbfcfc}.issue>span{display:grid;place-items:center;width:34px;height:34px;border-radius:5px;background:#fff0d4;color:#925d12;font-size:10px;font-weight:900}.issue h3{margin:16px 0 9px;color:var(--navy);font-size:18px;line-height:1.22}.issue p{margin:0;color:#657780;font-size:12px}.caveat{margin:18px 0 0;text-align:center;color:#819098;font-size:10px}.replacement{background:#e9eff0;padding:65px max(22px,calc((100% - var(--max))/2))}.replacement-head{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:24px}.replacement-head h2{margin:0;color:var(--navy);font-size:clamp(28px,3.3vw,40px);letter-spacing:-.04em}.replacement-head p{margin:8px 0 0;color:var(--muted);font-size:12px}.open-link{display:inline-flex;align-items:center;min-height:42px;padding:10px 14px;border:1px solid #547181;border-radius:5px;color:var(--navy);text-decoration:none;font-size:10px;font-weight:900;white-space:nowrap}.browser-frame{overflow:hidden;border:1px solid #cbd5d8;border-radius:10px;background:#fff;box-shadow:var(--shadow)}.browser-head{display:flex;align-items:center;gap:8px;padding:10px 13px;background:#f9fbfb;border-bottom:1px solid var(--line)}.dot{width:7px;height:7px;border-radius:50%;background:#b2c0c4}.browser-url{flex:1;margin-left:6px;padding:4px 10px;border:1px solid var(--line);border-radius:4px;background:#fff;color:#687982;font-size:9px}.browser-head a{font-size:10px;text-decoration:none}.browser-frame iframe{display:block;width:100%;height:760px;border:0;background:#fff}.changes{background:#fff;padding:64px max(22px,calc((100% - var(--max))/2))}.change-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:26px}.change{padding:20px;border-top:2px solid var(--amber);background:#f7f9f8}.change b{color:#ab711c;font-size:10px}.change h3{margin:11px 0 8px;color:var(--navy);font-size:16px}.change p{margin:0;color:#64767e;font-size:11px}.price-panel{display:grid;grid-template-columns:1fr .9fr;gap:35px;align-items:center;padding:38px max(22px,calc((100% - var(--max))/2));background:var(--navy);color:#fff}.price-panel .kicker{color:#f5c36f}.price-panel h2{margin:0;color:#fff;font-size:32px;line-height:1.1}.price{margin:12px 0;color:var(--amber);font-size:54px;font-weight:900;letter-spacing:-.07em;line-height:1}.price small{font-size:14px;letter-spacing:.02em}.price-panel p{max-width:550px;color:#c5d3d9;font-size:12px}.scope{display:grid;grid-template-columns:1fr 1fr;gap:9px 22px;margin:0;padding:0;list-style:none}.scope li{position:relative;padding:8px 0 8px 20px;border-bottom:1px solid rgba(255,255,255,.14);color:#e5edf0;font-size:11px}.scope li:before{content:"✓";position:absolute;left:0;color:var(--amber);font-weight:900}.terms{grid-column:1/-1;margin:0!important;color:#9eb0b9!important;font-size:9px!important}.close{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:31px max(22px,calc((100% - var(--max))/2));background:var(--amber);color:#1b303b}.close h2{margin:0;font-size:25px;letter-spacing:-.04em}.close p{margin:5px 0 0;font-size:11px}.close a{padding:11px 15px;background:var(--navy);border-radius:4px;color:#fff;text-decoration:none;font-size:10px;font-weight:900;white-space:nowrap}.preview-footer{padding:18px 22px;text-align:center;background:#0b1b25;color:#9fb1ba;font-size:9px}
@media(max-width:760px){.preview-bar{align-items:flex-start;flex-direction:column;padding:10px 16px;gap:7px}.preview-hero{grid-template-columns:1fr;gap:27px;padding:42px 20px}.preview-hero h1{font-size:42px}.hero-photo img{height:270px}.section,.replacement,.changes{padding:48px 18px}.issue-grid{grid-template-columns:1fr}.replacement-head{align-items:flex-start;flex-direction:column}.browser-frame iframe{height:680px}.change-grid{grid-template-columns:1fr 1fr}.price-panel{grid-template-columns:1fr;padding:35px 20px;gap:25px}.scope{grid-template-columns:1fr}.terms{grid-column:auto}.close{align-items:flex-start;flex-direction:column;padding:27px 20px}}