{} *{} /*endBaseStyles*/ #IE-warning { display: none; position: fixed; width: 100%; height: 100%; z-index: 9999; background: white; } .IE-warning-message { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); text-align: center; } .global-style-nK2AH4UiC { cursor: pointer;text-decoration-line: none;text-decoration-style: solid;text-decoration-color: initial; } @media (max-width: 639px) { .global-style-nK2AH4UiC { font-size: 24px;color: rgb(255, 255, 255);text-align: center;border-top-left-radius: 8px;border-top-right-radius: 8px;border-bottom-left-radius: 8px;border-bottom-right-radius: 8px;margin-top: 30px;padding-left: 50px;padding-right: 50px;padding-top: 19px;padding-bottom: 19px;align-items: center;display: inline-flex;cursor: pointer;text-decoration-line: none;text-decoration-style: solid;text-decoration-color: initial; } } @media (max-width: 767px) and (min-width: 640px) { .global-style-nK2AH4UiC { font-size: 24px;color: rgb(255, 255, 255);text-align: center;border-top-left-radius: 8px;border-top-right-radius: 8px;border-bottom-left-radius: 8px;border-bottom-right-radius: 8px;margin-top: 30px;padding-left: 50px;padding-right: 50px;padding-top: 19px;padding-bottom: 19px;align-items: center;display: inline-flex;cursor: pointer;text-decoration-line: none;text-decoration-style: solid;text-decoration-color: initial; } } @media (max-width: 991px) and (min-width: 768px) { .global-style-nK2AH4UiC { font-size: 24px;color: rgb(255, 255, 255);text-align: center;border-top-left-radius: 8px;border-top-right-radius: 8px;border-bottom-left-radius: 8px;border-bottom-right-radius: 8px;margin-top: 30px;padding-left: 50px;padding-right: 50px;padding-top: 19px;padding-bottom: 19px;align-items: center;display: inline-flex;cursor: pointer;text-decoration-line: none;text-decoration-style: solid;text-decoration-color: initial; } } @media (max-width: 1199px) and (min-width: 992px) { .global-style-nK2AH4UiC { font-size: 24px;color: rgb(255, 255, 255);text-align: center;border-top-left-radius: 8px;border-top-right-radius: 8px;border-bottom-left-radius: 8px;border-bottom-right-radius: 8px;margin-top: 30px;padding-left: 50px;padding-right: 50px;padding-top: 19px;padding-bottom: 19px;align-items: center;display: inline-flex;cursor: pointer;text-decoration-line: none;text-decoration-style: solid;text-decoration-color: initial; } } @media (min-width: 1200px) { .global-style-nK2AH4UiC { font-size: 24px;color: rgb(255, 255, 255);text-align: center;border-top-left-radius: 8px;border-top-right-radius: 8px;border-bottom-left-radius: 8px;border-bottom-right-radius: 8px;margin-top: 30px;padding-left: 50px;padding-right: 50px;padding-top: 19px;padding-bottom: 19px;align-items: center;display: inline-flex;cursor: pointer;text-decoration-line: none;text-decoration-style: solid;text-decoration-color: initial; } } .global-style-nK2AH4UiC:not([data-gp-component="block"]), .global-style-nK2AH4UiC [data-section-overlay] { background-color: transparent; } @media (max-width: 639px) { .global-style-nK2AH4UiC:not([data-gp-component="block"]), .global-style-nK2AH4UiC [data-section-overlay] { background-color: rgb(240, 149, 88); } .global-style-nK2AH4UiC:not([data-gp-component="block"]):hover,.global-style-nK2AH4UiC:not([data-gp-component="block"]).gp-hover, .global-style-nK2AH4UiC [data-section-overlay]:hover, .global-style-nK2AH4UiC [data-section-overlay].gp-hover { background-color: rgb(89, 198, 152); } .global-style-nK2AH4UiC:not([data-gp-component="block"]):active,.global-style-nK2AH4UiC:not([data-gp-component="block"]).gp-active, .global-style-nK2AH4UiC [data-section-overlay]:active, .global-style-nK2AH4UiC [data-section-overlay].gp-active { background-color: rgb(32, 45, 60); } } @media (max-width: 767px) and (min-width: 640px) { .global-style-nK2AH4UiC:not([data-gp-component="block"]), .global-style-nK2AH4UiC [data-section-overlay] { background-color: rgb(240, 149, 88); } .global-style-nK2AH4UiC:not([data-gp-component="block"]):hover,.global-style-nK2AH4UiC:not([data-gp-component="block"]).gp-hover, .global-style-nK2AH4UiC [data-section-overlay]:hover, .global-style-nK2AH4UiC [data-section-overlay].gp-hover { background-color: rgb(89, 198, 152); } .global-style-nK2AH4UiC:not([data-gp-component="block"]):active,.global-style-nK2AH4UiC:not([data-gp-component="block"]).gp-active, .global-style-nK2AH4UiC [data-section-overlay]:active, .global-style-nK2AH4UiC [data-section-overlay].gp-active { background-color: rgb(32, 45, 60); } } @media (max-width: 991px) and (min-width: 768px) { .global-style-nK2AH4UiC:not([data-gp-component="block"]), .global-style-nK2AH4UiC [data-section-overlay] { background-color: rgb(240, 149, 88); } .global-style-nK2AH4UiC:not([data-gp-component="block"]):hover,.global-style-nK2AH4UiC:not([data-gp-component="block"]).gp-hover, .global-style-nK2AH4UiC [data-section-overlay]:hover, .global-style-nK2AH4UiC [data-section-overlay].gp-hover { background-color: rgb(89, 198, 152); } .global-style-nK2AH4UiC:not([data-gp-component="block"]):active,.global-style-nK2AH4UiC:not([data-gp-component="block"]).gp-active, .global-style-nK2AH4UiC [data-section-overlay]:active, .global-style-nK2AH4UiC [data-section-overlay].gp-active { background-color: rgb(32, 45, 60); } } @media (max-width: 1199px) and (min-width: 992px) { .global-style-nK2AH4UiC:not([data-gp-component="block"]), .global-style-nK2AH4UiC [data-section-overlay] { background-color: rgb(240, 149, 88); } .global-style-nK2AH4UiC:not([data-gp-component="block"]):hover,.global-style-nK2AH4UiC:not([data-gp-component="block"]).gp-hover, .global-style-nK2AH4UiC [data-section-overlay]:hover, .global-style-nK2AH4UiC [data-section-overlay].gp-hover { background-color: rgb(89, 198, 152); } .global-style-nK2AH4UiC:not([data-gp-component="block"]):active,.global-style-nK2AH4UiC:not([data-gp-component="block"]).gp-active, .global-style-nK2AH4UiC [data-section-overlay]:active, .global-style-nK2AH4UiC [data-section-overlay].gp-active { background-color: rgb(32, 45, 60); } } @media (min-width: 1200px) { .global-style-nK2AH4UiC:not([data-gp-component="block"]), .global-style-nK2AH4UiC [data-section-overlay] { background-color: rgb(240, 149, 88); } .global-style-nK2AH4UiC:not([data-gp-component="block"]):hover,.global-style-nK2AH4UiC:not([data-gp-component="block"]).gp-hover, .global-style-nK2AH4UiC [data-section-overlay]:hover, .global-style-nK2AH4UiC [data-section-overlay].gp-hover { background-color: rgb(89, 198, 152); } .global-style-nK2AH4UiC:not([data-gp-component="block"]):active,.global-style-nK2AH4UiC:not([data-gp-component="block"]).gp-active, .global-style-nK2AH4UiC [data-section-overlay]:active, .global-style-nK2AH4UiC [data-section-overlay].gp-active { background-color: rgb(32, 45, 60); } } :root{ --navy-950:#060F1F; --navy-900:#0B1F3A; --navy-800:#122A4C; --navy-700:#1B3A66; --gold-500:#C9A227; --gold-300:#E8CE7B; --gold-100:#F6ECC9; --cream:#F7F4EC; --white:#FFFFFF; --ink:#1B2333; --muted:#7C8AA0; --serif:Georgia,"Iowan Old Style","Palatino Linotype",serif; --sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif; } *{box-sizing:border-box} html{scroll-behavior:smooth} body{ margin:0; font-family:var(--sans); color:var(--ink); background:var(--cream); line-height:1.7; -webkit-font-smoothing:antialiased; } img{max-width:100%;display:block} .wrap{max-width:1080px;margin:0 auto;padding:0 24px} .narrow{max-width:720px;margin:0 auto} .center{text-align:center} .eyebrow{ font-size:.72rem; letter-spacing:.16em; text-transform:uppercase; font-weight:700; color:var(--gold-500); margin:0 0 18px; } .eyebrow.on-dark{color:var(--gold-300)} h1,h2,h3{font-family:var(--serif);font-weight:400;margin:0 0 .5em;letter-spacing:-.01em} h1{font-size:clamp(2.1rem,4.2vw + 1rem,3.9rem);line-height:1.12} h2{font-size:clamp(1.55rem,2.6vw + 1rem,2.5rem);line-height:1.2} em{font-style:italic;color:var(--gold-500)} .on-dark em{color:var(--gold-300)} p{margin:0 0 1.1em} .lede{font-size:clamp(1.05rem,.4vw + 1rem,1.22rem);color:var(--muted)} .on-light-muted{color:#4B5670} /* signature divider motif: gold rule + diamond, marks each "turning point" in the copy */ .divider{display:flex;align-items:center;justify-content:center;gap:14px;margin:0 0 28px} .divider::before,.divider::after{content:"";height:1px;width:48px;background:linear-gradient(90deg,transparent,var(--gold-500))} .divider::after{background:linear-gradient(90deg,var(--gold-500),transparent)} .divider span{width:7px;height:7px;background:var(--gold-500);transform:rotate(45deg);flex:none} .on-dark .divider::before,.on-dark .divider::after{background-image:linear-gradient(90deg,transparent,var(--gold-300))} .on-dark .divider span{background:var(--gold-300)} section{padding:88px 0} @media(max-width:640px){section{padding:64px 0}} /* ---------- HERO ---------- */ .hero{ background: radial-gradient(1100px 500px at 15% -10%, rgba(201,162,39,.16), transparent 60%), linear-gradient(180deg,var(--navy-950),var(--navy-900) 60%,var(--navy-900)); color:var(--white); padding:96px 0 80px; position:relative; overflow:hidden; } .hero::after{ content:"";position:absolute;inset:auto -10% -30% -10%;height:280px; background:radial-gradient(60% 100% at 50% 0%, rgba(201,162,39,.08), transparent 70%); pointer-events:none; } .hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:56px;align-items:center} @media(max-width:900px){.hero-grid{grid-template-columns:1fr;gap:40px}} .hero h1{color:var(--white)} .hero .lede{color:#B9C4DA;margin-bottom:30px} /* book mockup — CSS/SVG only, zero image weight */ .book-frame{display:flex;justify-content:center} .book{ width:min(260px,72vw); aspect-ratio:5/7.2; border-radius:4px 10px 10px 4px; background: linear-gradient(155deg,var(--navy-700),var(--navy-950) 78%); border:1px solid rgba(232,206,123,.55); box-shadow: 0 30px 60px -20px rgba(6,15,31,.7), inset -10px 0 24px rgba(0,0,0,.35); position:relative; padding:28px 22px; display:flex; flex-direction:column; justify-content:space-between; } .book::before{ content:"";position:absolute;left:14px;top:14px;right:14px;bottom:14px; border:1px solid rgba(232,206,123,.35);border-radius:2px;pointer-events:none; } .book-eyebrow{font-size:.62rem;letter-spacing:.22em;text-transform:uppercase;color:var(--gold-300);opacity:.85} .book-title{ font-family:var(--serif);color:var(--gold-100); font-size:clamp(1.05rem,3.4vw,1.35rem); line-height:1.28; text-shadow:0 1px 0 rgba(0,0,0,.4); } .book-title em{color:var(--gold-100);font-style:italic} .book-author{font-size:.75rem;letter-spacing:.05em;color:#CFD9EA} .book-ribbon{ position:absolute;top:16px;right:-32px;background:var(--gold-500);color:var(--navy-950); font-size:.62rem;font-weight:700;letter-spacing:.1em;padding:5px 38px;transform:rotate(38deg); box-shadow:0 4px 10px rgba(0,0,0,.25); } /* ---------- EBOOK SHOWCASE (real product photo) ---------- */ .showcase-frame{display:flex;justify-content:center} .showcase-card{ background:#FAF7F2; border:1px solid rgba(232,206,123,.55); border-radius:18px; padding:14px; box-shadow:0 30px 50px -20px rgba(2,7,18,.6); } .showcase-img{ display:block;width:100%;max-width:380px;height:auto;border-radius:8px; } @media(max-width:900px){.showcase-card{padding:10px}.showcase-img{max-width:290px}} /* ---------- FORM ---------- */ .optin{ background:rgba(255,255,255,.04); border:1px solid rgba(232,206,123,.28); border-radius:14px; padding:22px; backdrop-filter:blur(2px); } .optin-title{font-family:var(--sans);font-weight:700;font-size:.95rem;color:var(--white);margin-bottom:14px} .field{margin-bottom:12px} .field label{display:block;font-size:.75rem;color:#AEBBD3;margin-bottom:6px} .field input{ width:100%;padding:13px 14px;border-radius:8px;border:1px solid rgba(255,255,255,.18); background:rgba(6,15,31,.55);color:var(--white);font-size:.95rem;font-family:var(--sans); } .field input::placeholder{color:#6E7C97} .field input:focus{outline:2px solid var(--gold-300);outline-offset:1px} .hp{position:absolute;left:-9999px;opacity:0} .btn{ display:inline-flex;align-items:center;justify-content:center;gap:8px; width:100%;padding:15px 20px;border:none;border-radius:8px; background:linear-gradient(180deg,var(--gold-300),var(--gold-500)); color:var(--navy-950);font-weight:700;font-size:.95rem;letter-spacing:.01em; cursor:pointer;font-family:var(--sans); box-shadow:0 10px 24px -8px rgba(201,162,39,.55); } .btn:hover{filter:brightness(1.04)} .btn:focus-visible{outline:2px solid var(--white);outline-offset:2px} .microcopy{font-size:.74rem;color:#8C99B4;margin:12px 0 0;text-align:center} .success{display:none;text-align:center;padding:18px 6px} .success.show{display:block} .success .check{font-size:1.6rem;color:var(--gold-300);display:block;margin-bottom:8px} .optin.done form{display:none} /* light-section version of the form card, used again near the end */ .optin.on-light{background:var(--white);border:1px solid #E6DDC0} .optin.on-light .optin-title{color:var(--ink)} .optin.on-light .field label{color:#5B6883} .optin.on-light .field input{background:var(--cream);color:var(--ink);border:1px solid #DCD3B4} .optin.on-light .field input::placeholder{color:#9AA3B8} .optin.on-light .microcopy{color:#7A8397} /* ---------- PROBLEM (pacing) ---------- */ .pace p{font-family:var(--serif);font-size:clamp(1.15rem,1.6vw + .6rem,1.55rem);color:var(--ink);margin-bottom:.85em} .pace p:last-child{margin-bottom:0} /* ---------- BRIDGE (dark) ---------- */ .bridge{background:linear-gradient(180deg,var(--navy-900),var(--navy-950));color:var(--white)} .bridge .statement{font-family:var(--serif);font-size:clamp(1.5rem,2.4vw + 1rem,2.3rem);line-height:1.35} .bridge .imagine{color:#B9C4DA;font-size:1.05rem;margin-top:22px} .bridge .tag{margin-top:26px;color:var(--gold-300);font-family:var(--sans);font-weight:700;font-size:.95rem} /* ---------- INSIDE ---------- */ .inside-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:64px;align-items:center} @media(max-width:900px){.inside-grid{grid-template-columns:1fr;gap:44px}} .benefits{list-style:none;margin:0;padding:0} .benefits li{display:flex;gap:14px;padding:16px 0;border-bottom:1px solid #E3DAB9} .benefits li:last-child{border-bottom:none} .benefits .mark{flex:none;width:22px;height:22px;border-radius:50%;border:1.5px solid var(--gold-500); display:flex;align-items:center;justify-content:center;margin-top:2px} .benefits .mark svg{width:11px;height:11px} .benefits strong{display:block;color:var(--ink)} .benefits span.detail{color:#5B6883;font-size:.95rem} /* ---------- CREDIBILITY BAND ---------- */ .credibility{background:var(--navy-950);color:#CFD9EA;padding:44px 0} .credibility p{font-family:var(--serif);font-size:clamp(1.05rem,1.2vw + .7rem,1.3rem);margin:0;color:var(--gold-100)} .credibility span{display:block;margin-top:10px;font-family:var(--sans);font-size:.78rem;letter-spacing:.06em;color:#8C99B4;text-transform:uppercase} /* ---------- FINAL CTA ---------- */ .final{background:var(--cream)} .final-card{ max-width:640px;margin:0 auto;background:var(--white); border:1px solid #E6DDC0;border-radius:18px;padding:clamp(28px,4vw,48px); box-shadow:0 30px 60px -30px rgba(11,31,58,.25); } footer{background:var(--navy-950);color:#7C8AA0;padding:36px 0;font-size:.8rem} .foot-row{display:flex;flex-wrap:wrap;gap:12px 24px;align-items:center;justify-content:space-between} .foot-links a{color:#9CA9C4;text-decoration:none;margin-left:18px} .foot-links a:first-child{margin-left:0} .foot-links a:hover{color:var(--gold-300)} /* scroll reveal */ .reveal{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s ease} .reveal.is-visible{opacity:1;transform:none} @media(prefers-reduced-motion:reduce){ html{scroll-behavior:auto} .reveal{opacity:1;transform:none;transition:none} }