:root{--navy:#082c5c;--blue:#1674b8;--yellow:#f8c51c;--green:#16855b;--red:#df4d35;--cream:#fff8ec;--peach:#ffe9d4;--white:#fff;--ink:#10265a;--muted:#52627a;--shadow:0 20px 55px rgba(8,44,92,.13)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:"Avenir Next","Trebuchet MS","Segoe UI",sans-serif;font-size:17px;line-height:1.55}img{display:block;max-width:100%}section{padding:100px 24px}.wrap{width:min(1120px,100%);margin:auto}.white{background:#fff}.turn{background:var(--peach)}.eyebrow{display:inline-block;margin:0 0 20px;padding:7px 18px;border-radius:999px;background:linear-gradient(90deg,#fde1e8,#e0f6f4);color:#cc2362;font-size:13px;font-weight:800;letter-spacing:.11em;text-transform:uppercase}h1,h2{margin:0;font-family:Georgia,Cambria,"Times New Roman",serif;letter-spacing:-.035em;line-height:.98}h1{font-size:clamp(48px,6.6vw,86px)}h1 span{color:var(--red)}h2{max-width:980px;font-size:clamp(42px,5.2vw,68px)}h3{margin:14px 0 8px;font-size:20px;line-height:1.2}.lead,.section-lead{max-width:850px;color:var(--muted);font-size:21px;line-height:1.55}.narrow{max-width:720px}.button{display:inline-flex;justify-content:center;align-items:center;min-height:62px;margin-top:20px;padding:16px 28px;border-radius:12px;background:var(--green);box-shadow:0 12px 28px rgba(22,133,91,.26);color:#fff;font-size:18px;font-weight:800;text-align:center;text-decoration:none;transition:.2s}.button:hover{transform:translateY(-2px);filter:brightness(1.05)}.hero{padding-top:55px;background:radial-gradient(circle at 82% 10%,#e5f5ef 0,transparent 32%),var(--cream)}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:30px}.hero-visual img{border-radius:28px;box-shadow:var(--shadow)}.trust{display:flex;flex-wrap:wrap;gap:18px;margin-top:24px;color:var(--muted);font-size:14px;font-weight:700}.intro h2{max-width:1100px}.feature-image{max-width:820px;margin:55px auto 0;padding:14px;background:#fff;border-radius:20px;box-shadow:var(--shadow)}.feature-image img{max-height:650px;margin:auto;border-radius:12px;object-fit:contain}.cards{display:grid;gap:20px;margin-top:48px}.cards.three{grid-template-columns:repeat(3,1fr)}.cards article,.topic-grid article{padding:28px;border:1px solid rgba(8,44,92,.09);border-radius:16px;background:rgba(255,255,255,.9);box-shadow:0 10px 28px rgba(8,44,92,.07)}.cards p,.topic-grid p{margin:0;color:var(--muted)}.icon{display:grid;width:46px;height:46px;place-items:center;border-radius:50%;background:var(--yellow);color:var(--navy);font-size:24px}.split{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:62px}.collage{display:flex;align-items:center;justify-content:center}.collage img{width:54%;border:8px solid #fff;border-radius:12px;box-shadow:var(--shadow)}.collage img+img{margin-left:-11%;transform:translateY(45px) rotate(3deg)}.checks{padding:0;list-style:none}.checks li{margin:13px 0;padding-left:30px;position:relative}.checks li:before{position:absolute;left:0;content:"✓";color:var(--green);font-weight:900}.text-link{color:var(--navy);font-weight:800}.topic-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:48px}.topic-grid span,.steps b{display:grid;width:48px;height:48px;place-items:center;border-radius:12px;background:var(--navy);color:#fff;font-weight:900}.gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:45px}.gallery img{border:7px solid #fff;border-radius:14px;box-shadow:var(--shadow);transition:.2s}.gallery img:nth-child(even){transform:translateY(25px)}.steps article{background:#fff}.steps b{border-radius:50%;background:var(--yellow);color:var(--navy)}.product-section{grid-template-columns:1.25fr .75fr}.single-page{max-height:690px;margin:auto;border:8px solid #fff;border-radius:14px;box-shadow:var(--shadow)}.audience{display:flex;flex-wrap:wrap;gap:11px;margin-top:28px}.audience span{padding:10px 15px;border:1px solid rgba(8,44,92,.16);border-radius:999px;background:#fff;font-weight:700}.offer-wrap{background:var(--navy)}.offer{width:min(760px,100%);margin:auto;padding:50px;border-radius:24px;background:#fff;box-shadow:0 28px 70px rgba(0,0,0,.25);text-align:center}.offer h2{font-size:clamp(40px,5vw,62px)}.offer ul{display:inline-block;margin:25px auto 10px;padding:0;list-style:none;text-align:left}.offer li{margin:9px 0}.price small{display:block;color:var(--muted);text-transform:uppercase;letter-spacing:.1em}.price strong{display:block;color:var(--navy);font-family:Georgia,serif;font-size:82px;line-height:1}.price sup{font-size:24px}.price span{font-size:40px}.checkout{width:100%;max-width:560px}.center{justify-content:center}.faq{max-width:900px}.faq h2{margin-bottom:40px}.faq details{border-bottom:1px solid #dbe0e7;padding:20px 0}.faq summary{cursor:pointer;font-size:19px;font-weight:800}.faq details p{color:var(--muted)}.final-cta{text-align:center}.final-cta h2,.final-cta p{margin-left:auto;margin-right:auto}.final-cta>div>p:not(.eyebrow){max-width:760px;color:var(--muted);font-size:21px}footer{padding:38px 24px;background:#061e40;color:#dce7f7;text-align:center;font-size:13px}footer p{margin:6px}
@media(max-width:820px){section{padding:72px 16px}.hero{padding-top:32px}.hero-grid,.split,.product-section{grid-template-columns:1fr}.hero-copy{text-align:center}.hero-copy .lead{margin-left:auto;margin-right:auto}.hero-visual{grid-row:1}.hero-visual img{border-radius:18px}.trust{justify-content:center}.cards.three,.topic-grid{grid-template-columns:1fr}.gallery{grid-template-columns:repeat(2,1fr)}.gallery img:nth-child(even){transform:none}.collage{margin-bottom:45px}.offer{padding:36px 20px}.price strong{font-size:70px}.product-section .single-page{max-height:560px}.eyebrow{font-size:11px}.section-lead,.lead{font-size:18px}}
@media(max-width:480px){h1{font-size:42px}h2{font-size:36px}.button{width:100%;font-size:16px}.hero-visual{margin:0 -5px}.gallery{gap:10px}.gallery img{border-width:4px}.collage img{border-width:5px}.trust{gap:8px 15px}.offer-wrap{padding-left:10px;padding-right:10px}}
h1{font-size:clamp(44px,5vw,66px);line-height:1.02}.hero-grid{grid-template-columns:1.02fr .98fr;gap:38px}.hero-visual img{width:100%}
@media(max-width:820px){.hero-grid{grid-template-columns:1fr}.hero-copy h1{font-size:clamp(40px,11vw,52px)}}