:root{--navy:#0B2F57;--yellow:#FFD34E;--green:#46C060;--green-dark:#2E8B57}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;background:var(--navy);color:#fff;-webkit-font-smoothing:antialiased}
.page{min-height:100vh;padding:1rem;display:flex;flex-direction:column;align-items:center}
.wrap{max-width:42rem;width:100%;text-align:center;display:flex;flex-direction:column;gap:1.5rem}
h1{font-size:1.875rem;line-height:1.15;font-weight:700}
h2{font-size:1.25rem;font-weight:600;color:var(--yellow)}
.lead{font-size:1.125rem;color:#e5e7eb}
.timer-block{padding:1rem 0}
.timer-label{font-size:.875rem;text-transform:uppercase;letter-spacing:.08em;margin-bottom:.5rem;color:var(--green)}
.timer{font-size:3rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-weight:700;letter-spacing:-.05em;font-variant-numeric:tabular-nums}
.card{background:#fff;color:var(--navy);box-shadow:0 25px 50px -12px rgba(0,0,0,.35);padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem;text-align:left}
.card-head{text-align:center}
.card-head h3{font-size:1.875rem;font-weight:800;letter-spacing:-.02em}
.sub{font-size:.875rem;font-weight:500;text-transform:uppercase;letter-spacing:.15em;margin-top:.25rem;opacity:.7}
.rule{height:1px;background:rgba(11,47,87,.1);margin:1.5rem 0 0}
.features{list-style:none;display:grid;grid-template-columns:1fr;gap:.75rem}
.features li{display:flex;align-items:center;gap:.75rem;font-weight:600;font-size:.875rem}
.dot{width:.625rem;height:.625rem;background:var(--green);flex-shrink:0;display:inline-block}
.price-block{padding-top:2rem;border-top:1px solid rgba(11,47,87,.1);text-align:center}
.old{text-decoration:line-through;color:#9ca3af;font-size:.875rem}
.price{font-size:3.75rem;font-weight:800;margin:.5rem 0;letter-spacing:-.05em}
.price-note{font-size:.75rem;font-weight:700;color:var(--green-dark);text-transform:uppercase;letter-spacing:.05em}
.cta{display:flex;align-items:center;justify-content:center;width:100%;height:4rem;font-size:1.125rem;font-weight:700;background:var(--yellow);color:var(--navy);text-transform:uppercase;letter-spacing:.05em;text-decoration:none;transition:opacity .2s}
.cta:hover{opacity:.9}
.fine{text-align:center;font-size:11px;color:#6b7280;text-transform:uppercase;letter-spacing:.05em;display:flex;flex-direction:column;gap:.25rem}
.fine .bold{font-weight:700}
.reassure{font-size:.875rem;font-weight:500;color:rgba(255,255,255,.9)}
.decline{background:none;border:0;color:rgba(255,255,255,.5);font-size:.75rem;text-transform:uppercase;text-decoration:underline;cursor:pointer;font-family:inherit}
.decline:hover{color:#fff}
@media (min-width:768px){.page{padding:2rem}h1{font-size:3rem}h2{font-size:1.5rem}.card{padding:2.5rem}.features{grid-template-columns:1fr 1fr;column-gap:2rem}}