/* One stylesheet shared by every page. ~3 KB vs ClickFunnels' ~300 KB. */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;color:#111;background:#fff;line-height:1.35}
img,video,iframe{max-width:100%;display:block}
a{color:inherit}

/* Top bar */
.topbar{background:#000;color:#fff;text-align:center;font-family:Oswald,Impact,"Arial Narrow",sans-serif;font-style:italic;font-weight:700;text-transform:uppercase;letter-spacing:.5px;font-size:28px;padding:10px 16px}
.topbar.red{background:#d9382c;background:linear-gradient(#e24a3b,#c9302c);font-style:normal;font-family:inherit;font-size:30px;letter-spacing:0}

.wrap{max-width:760px;margin:0 auto;padding:24px 16px 48px;text-align:center}
h1{font-size:30px;line-height:1.25;font-weight:800;margin:12px 0 16px}
.sub{color:#d9382c;font-weight:700;font-size:19px;margin:0 0 20px}
.when{font-weight:700;font-size:17px;color:#333;margin:0 0 16px}

/* Countdown */
.cd{display:flex;justify-content:center;gap:10px;margin:0 0 26px}
.cd div{background:#fdecea;border-radius:8px;min-width:70px;padding:10px 8px}
.cd b{display:block;color:#d9382c;font-size:20px}
.cd small{display:block;font-size:10px;letter-spacing:1px;color:#555;text-transform:uppercase}

/* Button */
.btn{display:inline-block;background:#d13b2f;color:#fff;font-weight:800;font-size:19px;text-decoration:none;border:0;border-radius:40px;padding:18px 36px;cursor:pointer;box-shadow:0 4px 0 #a52a21;width:100%;max-width:360px;font-family:inherit}
.btn:hover{background:#c0352a}
.btn:disabled{opacity:.6;cursor:default}
.proof{font-size:13px;font-style:italic;color:#333;margin-top:18px}

/* Modal (the 2-step popup) */
.modal{position:fixed;inset:0;background:rgba(0,0,0,.6);display:none;align-items:center;justify-content:center;padding:16px;z-index:50}
.modal.open{display:flex}
.modal .box{background:#fff;border-radius:12px;max-width:480px;width:100%;padding:28px 24px;position:relative;text-align:center}
.modal h2{margin:0 0 4px;font-size:22px}
.modal p{margin:0 0 16px;color:#555;font-size:14px}
.modal .x{position:absolute;top:8px;right:12px;border:0;background:none;font-size:26px;cursor:pointer;color:#888}
.modal input{width:100%;font:inherit;font-size:16px;padding:14px;border:1px solid #ccc;border-radius:6px;margin-bottom:10px}
.modal .note{font-size:12px;color:#777;margin:-4px 0 10px}
.hp{position:absolute;left:-9999px;opacity:0;height:0;width:0}
.secure{font-size:12px;color:#777;margin-top:10px}
.error{color:#c0392b;font-size:14px;margin-top:8px}

/* Confirmation page layout */
.two{display:grid;grid-template-columns:1fr 300px;gap:32px;max-width:1000px;margin:0 auto;padding:28px 16px 48px;text-align:left}
.two .eyebrow{color:#d9382c;font-weight:700;text-align:center;letter-spacing:.5px;font-size:15px;margin:0 0 6px}
.two h2{text-align:center;font-weight:600;font-size:26px;line-height:1.3;margin:0 0 20px}
.video{position:relative;padding-top:56.25%;border-radius:8px;overflow:hidden;background:#000}
.video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.side{border:2px dashed #999;border-radius:10px;padding:22px 18px;text-align:center}
.side h3{margin:0 0 14px;font-size:22px}
.side .steps{text-align:left;font-size:15px}
.side .steps h4{color:#d9382c;margin:18px 0 6px;font-size:15px}
.side .steps p{margin:0 0 6px}
.cd.sm div{min-width:62px}
.ribbon{font-weight:800;font-size:13px;letter-spacing:.5px;margin:18px 0 0}
footer{text-align:center;font-size:12px;color:#666;padding:24px 16px;border-top:1px solid #eee}
footer a{margin:0 4px}
@media(max-width:800px){.two{grid-template-columns:1fr}}
@media(max-width:480px){h1{font-size:24px}.topbar{font-size:22px}.topbar.red{font-size:22px}.cd div{min-width:60px}}