:root{
    --red:#c02424;
    --red-dark:#8e1b1b;
    --gold:#e0991a;
    --gold-soft:#f6b21b;
    --ink:#23262b;
    --muted:#6b6f76;
    --line:#ece6dd;
    --cream:#fbf9f5;
    --white:#ffffff;
    --shadow:0 10px 30px rgba(40,28,28,.10);
    --shadow-lg:0 18px 50px rgba(40,28,28,.16);
  }
  *{box-sizing:border-box;margin:0;padding:0;}
  html{scroll-behavior:smooth;}
  body{font-family:'Nunito Sans',system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--ink);background:var(--cream);line-height:1.6;font-size:18px;-webkit-font-smoothing:antialiased;}
  h1,h2,h3,.eyebrow,.btn{font-family:'Poppins',system-ui,sans-serif;}
  .wrap{max-width:760px;margin:0 auto;padding:0 20px;}
  .narrow{max-width:680px;}
  .topbar{background:var(--ink);color:#e6ddcf;text-align:center;font-size:14px;font-weight:700;letter-spacing:.3px;padding:9px 16px;font-family:'Poppins',sans-serif;}
  .brandbar{background:var(--white);border-bottom:1px solid var(--line);padding:14px 0;}
  .brandbar .wrap{display:flex;align-items:center;justify-content:center;gap:10px;}
  .logo-dot{width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,var(--red),var(--gold));display:inline-block;}
  .logo-obo{height:42px;width:auto;display:inline-block;}
  .brandname{font-family:'Poppins',sans-serif;font-weight:800;color:var(--ink);font-size:20px;letter-spacing:-.3px;}
  .hero{background:linear-gradient(180deg,#ffffff 0%,var(--cream) 100%);padding:34px 0 10px;text-align:center;}
  .eyebrow{display:inline-block;background:#fbe4e1;color:#a81f1f;font-weight:700;font-size:13px;letter-spacing:.6px;text-transform:uppercase;padding:7px 14px;border-radius:999px;margin-bottom:18px;}
  h1{font-size:38px;line-height:1.18;font-weight:800;letter-spacing:-.5px;color:var(--ink);margin-bottom:16px;}
  h1 .hl{color:var(--red);}
  h1 .teal{color:var(--ink);}
  .subhead{font-size:19px;color:var(--muted);max-width:600px;margin:0 auto 8px;font-weight:600;}
  .trustrow{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 18px;margin:20px auto 4px;max-width:620px;}
  .trustrow span{font-size:14px;font-weight:700;color:var(--ink);display:flex;align-items:center;gap:6px;}
  .trustrow .ck{color:var(--red);font-weight:900;}
  .video-section{padding:26px 0 6px;}
  .video-section .wrap{max-width:1040px;}
  .video-frame{position:relative;width:100%;aspect-ratio:16/9;background:#1b1b1e;border-radius:18px;overflow:hidden;box-shadow:var(--shadow-lg);border:6px solid #fff;}
  .video-frame iframe,.video-frame video{position:absolute;inset:0;width:100%;height:100%;border:0;}
  .video-placeholder{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:radial-gradient(circle at 50% 40%,#33191a,#161113);color:#f3e3e1;text-align:center;cursor:pointer;}
  .play-btn{width:78px;height:78px;border-radius:50%;background:var(--red);display:flex;align-items:center;justify-content:center;box-shadow:0 10px 26px rgba(192,36,36,.5);transition:transform .15s ease;}
  .video-placeholder:hover .play-btn{transform:scale(1.07);}
  .play-btn:after{content:"";border-style:solid;border-width:16px 0 16px 26px;border-color:transparent transparent transparent #fff;margin-left:6px;}
  .video-note{font-size:13px;color:#d8b3af;font-weight:700;letter-spacing:.3px;padding:0 20px;}
  .video-cap{text-align:center;font-size:14px;color:var(--muted);font-weight:700;margin-top:12px;}
  .cta-zone{text-align:center;padding:22px 0 6px;}
  .btn{display:inline-block;background:var(--red);color:#fff;font-weight:700;font-size:20px;text-decoration:none;padding:18px 34px;border-radius:14px;box-shadow:0 12px 26px rgba(192,36,36,.34);transition:transform .12s ease,box-shadow .12s ease;border:none;cursor:pointer;line-height:1.25;max-width:520px;}
  .btn:hover{transform:translateY(-2px);box-shadow:0 16px 32px rgba(192,36,36,.44);background:var(--red-dark);}
  .btn .sub{display:block;font-size:13px;font-weight:600;opacity:.92;margin-top:3px;font-family:'Nunito Sans',sans-serif;}
  .cta-micro{font-size:14px;color:var(--muted);font-weight:700;margin-top:12px;}
  .cta-micro b{color:var(--red);}
  .copy{padding:18px 0 8px;}
  .copy p{margin:0 0 18px;font-size:18.5px;color:#33373b;}
  .copy .big{font-size:21px;font-weight:700;color:var(--ink);}
  .copy .lead{font-size:20px;}
  .copy strong{color:var(--red-dark);}
  .copy em{font-style:italic;}
  .sectiontitle{font-family:'Poppins',sans-serif;font-weight:800;font-size:24px;color:var(--ink);margin:6px 0 14px;text-align:center;}
  .notlist{list-style:none;margin:6px 0 22px;padding:0;}
  .notlist li{background:#fff;border:1px solid var(--line);border-left:5px solid var(--red);border-radius:10px;padding:14px 16px 14px 44px;margin-bottom:10px;position:relative;font-weight:700;color:#3a3d42;box-shadow:var(--shadow);}
  .notlist li:before{content:"\2715";position:absolute;left:16px;top:14px;color:var(--red);font-weight:900;}
  .islist{list-style:none;margin:6px 0 22px;padding:0;}
  .islist li{background:#fff;border:1px solid var(--line);border-left:5px solid var(--gold);border-radius:10px;padding:14px 16px 14px 44px;margin-bottom:10px;position:relative;font-weight:700;color:#3a3d42;box-shadow:var(--shadow);}
  .islist li:before{content:"\2713";position:absolute;left:16px;top:13px;color:var(--gold);font-weight:900;font-size:18px;}
  .voucher{background:linear-gradient(135deg,var(--red),var(--red-dark));color:#fbe9e7;border-radius:20px;padding:30px 26px;text-align:center;box-shadow:var(--shadow-lg);margin:14px 0 8px;position:relative;overflow:hidden;}
  .voucher:before{content:"";position:absolute;top:-40px;right:-40px;width:160px;height:160px;background:rgba(246,178,27,.20);border-radius:50%;}
  .voucher .tag{display:inline-block;background:var(--gold-soft);color:#5c3d00;font-family:'Poppins',sans-serif;font-weight:800;font-size:13px;letter-spacing:.6px;text-transform:uppercase;padding:6px 14px;border-radius:999px;margin-bottom:14px;}
  .voucher h3{font-size:28px;font-weight:800;margin-bottom:8px;color:#fff;}
  .voucher h3 b{color:var(--gold-soft);}
  .voucher p{font-size:16px;color:#f6d9d5;max-width:480px;margin:0 auto;font-weight:600;}
  .about{background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:30px;padding:36px 0;}
  .about-grid{display:flex;gap:26px;align-items:center;}
  .about-photo{flex:0 0 150px;}
  .about-photo .ph{width:150px;height:150px;border-radius:50%;background:linear-gradient(135deg,#efe3d8,#d8c8b8);display:flex;align-items:center;justify-content:center;color:var(--red-dark);font-family:'Poppins',sans-serif;font-weight:800;font-size:13px;text-align:center;border:5px solid var(--cream);box-shadow:var(--shadow);overflow:hidden;}
  .about-photo img{width:100%;height:100%;object-fit:cover;border-radius:50%;}
  .about h2{font-size:24px;font-weight:800;color:var(--ink);margin-bottom:10px;}
  .about p{font-size:16.5px;color:#3a3d42;margin-bottom:10px;}
  .finalband{padding:38px 0 30px;text-align:center;}
  .ps{background:#fff;border:1px dashed var(--gold);border-radius:14px;padding:18px 20px;margin:22px auto 0;max-width:620px;font-size:16px;color:#454b4f;font-weight:600;text-align:left;}
  .ps b{color:var(--red-dark);}
  .sticky{position:fixed;left:0;right:0;bottom:0;background:rgba(251,249,245,.96);backdrop-filter:blur(6px);border-top:1px solid var(--line);padding:10px 14px;display:none;z-index:50;box-shadow:0 -6px 20px rgba(0,0,0,.08);}
  .sticky a{display:block;text-align:center;background:var(--red);color:#fff;font-family:'Poppins',sans-serif;font-weight:700;font-size:17px;text-decoration:none;padding:14px;border-radius:12px;}
  footer{background:var(--ink);color:#bdb6a9;padding:30px 0 90px;font-size:13.5px;}
  footer .wrap{text-align:center;}
  footer .disc{max-width:640px;margin:0 auto 16px;line-height:1.6;color:#a59e90;}
  footer a{color:#ece3d5;text-decoration:none;font-weight:700;}
  footer .links{margin:12px 0;}
  footer .links a{margin:0 8px;}
  footer .copyr{color:#8a8377;margin-top:10px;}
  @media (max-width:640px){
    body{font-size:17px;}
    h1{font-size:29px;}
    .subhead{font-size:17px;}
    .copy p{font-size:17.5px;}
    .copy .lead{font-size:18px;}
    .voucher h3{font-size:23px;}
    .about-grid{flex-direction:column;text-align:center;}
    .btn{font-size:18px;padding:16px 22px;width:100%;}
    .sticky{display:block;}
    .sectiontitle{font-size:21px;}
    .video-section .wrap{padding:0 8px;}
    .video-frame{border-width:3px;border-radius:12px;}
  }

  /* ===== Legal pages (privacy, terms, income disclosure, contact) ===== */
  .brandlink{display:flex;align-items:center;gap:10px;text-decoration:none;}
  .legal-hero{background:linear-gradient(180deg,#ffffff 0%,var(--cream) 100%);padding:34px 0 6px;text-align:center;}
  .legal-hero h1{font-size:34px;margin-bottom:6px;}
  .legal-hero .updated{font-size:14px;color:var(--muted);font-weight:700;}
  .legal{padding:18px 0 44px;}
  .legal .card{background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);padding:30px 28px;}
  .legal h2{font-size:20px;font-weight:800;color:var(--ink);margin:28px 0 8px;line-height:1.3;}
  .legal .card > h2:first-child,.legal .card > p:first-child + h2{margin-top:24px;}
  .legal h3{font-family:'Poppins',system-ui,sans-serif;font-size:16px;font-weight:700;color:var(--ink);margin:16px 0 6px;}
  .legal p,.legal li{font-size:16.5px;color:#33373b;}
  .legal p{margin:0 0 14px;}
  .legal ul{margin:0 0 16px 22px;}
  .legal li{margin:0 0 6px;}
  .legal a{color:var(--red);font-weight:700;}
  .legal a:hover{color:var(--red-dark);}
  .legal address{font-style:normal;font-size:16.5px;color:#33373b;margin:0 0 14px;line-height:1.7;}
  .legal .note{background:var(--cream);border-left:5px solid var(--gold);border-radius:10px;padding:14px 16px;margin:0 0 16px;}
  .legal .note p{margin:0;}
  body.legal-page footer{padding-bottom:30px;}
  @media (max-width:640px){
    .legal-hero h1{font-size:27px;}
    .legal .card{padding:22px 18px;}
    .legal h2{font-size:18.5px;}
  }

  /* ===== 5-minute page: button pair + opt-in popup (CSS-only, no JavaScript) ===== */
  body.plain footer{padding-bottom:30px;}
  /* Buttons stay hidden while the video plays, then fade in. The real trigger is script.js (seconds of video actually played, set by data-reveal-after-playing in the page).
     --reveal-delay is only a safety net: if the player can't be read (or the viewer pauses a lot), the buttons still appear this many seconds after the page loads (270s = 4:30), so nobody leaves without seeing them. */
  .cta-delayed{--reveal-delay:270s;visibility:hidden;opacity:0;transition:opacity .6s ease;animation:ctaReveal .6s ease var(--reveal-delay) forwards;}
  .cta-delayed.show{visibility:visible;opacity:1;animation:none;}
  @keyframes ctaReveal{from{visibility:hidden;opacity:0;}to{visibility:visible;opacity:1;}}
  .cta-pair{display:flex;flex-wrap:wrap;justify-content:center;gap:18px;}
  .cta-pair .btn{flex:1 1 300px;max-width:360px;}
  .btn.alt{background:#fff;color:var(--red);border:2px solid var(--red);box-shadow:none;}
  .btn.alt:hover{background:#fbe4e1;color:var(--red-dark);border-color:var(--red-dark);box-shadow:none;}
  .modal{display:none;position:fixed;inset:0;z-index:100;background:rgba(35,38,43,.74);align-items:center;justify-content:center;padding:16px;}
  .modal:target{display:flex;}
  .modal-backdrop{position:absolute;inset:0;}
  .modal-box{position:relative;background:#fff;border-radius:18px;max-width:520px;width:100%;max-height:100%;overflow-y:auto;padding:46px 26px 24px;box-shadow:var(--shadow-lg);text-align:center;}
  .modal-video{display:none;position:relative;width:100%;aspect-ratio:16/9;background:#1b1b1e;border-radius:12px;overflow:hidden;margin:0 0 18px;}
  html.js .modal-video{display:block;}
  .modal-video iframe{position:absolute;inset:0;width:100%;height:100%;border:0;}
  .modal-close{position:absolute;top:8px;right:14px;font-size:30px;line-height:1;color:var(--muted);text-decoration:none;font-weight:700;}
  .modal-close:hover{color:var(--red);}
  .modal-box h2{font-family:'Poppins',system-ui,sans-serif;font-size:24px;font-weight:800;color:var(--ink);margin-bottom:18px;}
  .field{display:block;text-align:left;margin:0 0 14px;}
  .field label{display:block;font-weight:700;font-size:15px;color:var(--ink);margin-bottom:5px;}
  .field input{width:100%;font:inherit;font-size:17px;color:var(--ink);padding:13px 14px;border:1.5px solid #d9d2c6;border-radius:10px;background:var(--cream);}
  .field input:focus{outline:3px solid rgba(192,36,36,.22);border-color:var(--red);}
  .modal-box .btn{width:100%;max-width:none;font-size:18px;padding:16px 18px;margin-top:4px;}
  .modal-box .fine{font-size:13.5px;color:var(--muted);margin-top:14px;line-height:1.5;}
  .modal-box .fine a{color:var(--red);font-weight:700;}
  @media (max-width:640px){
    .cta-pair .btn{flex-basis:100%;max-width:none;}
    .modal-box{padding:46px 16px 22px;}
  }
