@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:wght@700;800&display=swap');
:root{--ink:#07162b;--paper:#f2f8ff;--gold:#27b7e8;--gold2:#8de7ff;--green:#073b71;--muted:#526a83;--white:#fff;--line:rgba(7,22,43,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",sans-serif;line-height:1.6}a{text-decoration:none;color:inherit}.wrap{width:min(1120px,calc(100% - 40px));margin:auto}.eyebrow{display:inline-flex;align-items:center;gap:9px;color:#7e5b0b;font-size:.78rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.eyebrow:before{content:"";width:28px;height:2px;background:var(--gold)}h1,h2,h3{font-family:"Playfair Display",serif;line-height:1.08;margin:0}h1{font-size:clamp(2.65rem,6vw,5.35rem);letter-spacing:-.055em}h2{font-size:clamp(2rem,4vw,3.65rem);letter-spacing:-.04em}p{margin:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:17px 24px;border-radius:9px;background:linear-gradient(135deg,var(--gold2),var(--gold));color:#14221e;font-weight:800;box-shadow:0 14px 35px rgba(186,135,22,.25);transition:.2s}.btn:hover{transform:translateY(-2px);box-shadow:0 18px 40px rgba(186,135,22,.33)}
.hero{min-height:92vh;background:radial-gradient(circle at 77% 24%,rgba(44,190,239,.28),transparent 28%),linear-gradient(135deg,#03152e,#07548d);color:var(--white);position:relative;overflow:hidden}.hero:after{content:"40";position:absolute;right:-2vw;bottom:-18vh;font:800 clamp(18rem,46vw,42rem)/1 "Playfair Display";color:rgba(255,255,255,.025)}.nav{height:82px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:2;border-bottom:1px solid rgba(255,255,255,.1)}.brand{font-family:"Playfair Display",serif;font-size:1.15rem;font-weight:800}.brand span{color:var(--gold2)}.navnote{font-size:.84rem;color:rgba(255,255,255,.65)}.hero-grid{display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:52px;padding:56px 0 88px;position:relative;z-index:1}.hero .eyebrow{color:var(--gold2)}.hero-copy>p{max-width:680px;font-size:clamp(1.05rem,1.6vw,1.28rem);color:rgba(255,255,255,.78);margin:26px 0 34px}.hero h1 em{font-style:normal;color:var(--gold2)}.micro{display:flex;flex-wrap:wrap;gap:12px 20px;margin-top:22px;color:rgba(255,255,255,.65);font-size:.84rem}.micro span:before{content:"✓";color:var(--gold2);margin-right:7px}.visual-stage{min-height:575px;position:relative}.author-photo{position:absolute;top:0;right:0;width:76%;height:500px;border-radius:48% 48% 24px 24px;overflow:hidden;border:2px solid rgba(141,231,255,.45);box-shadow:0 30px 70px rgba(0,13,36,.48)}.author-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 58%,rgba(2,18,44,.82));pointer-events:none}.author-photo img{width:100%;height:100%;object-fit:cover;object-position:center 25%;display:block}.book-stage{position:absolute;left:0;bottom:0;min-height:410px;display:grid;place-items:end start;perspective:1100px;z-index:2}.book{width:235px;height:335px;padding:28px 22px;background:linear-gradient(145deg,#0a5189,#03152e);border:1px solid rgba(141,231,255,.5);box-shadow:-22px 30px 45px rgba(0,0,0,.45),inset 0 0 50px rgba(255,255,255,.04);transform:rotateY(-12deg) rotateX(3deg);position:relative;display:flex;flex-direction:column;justify-content:space-between}.book:before{content:"";position:absolute;inset:12px;border:1px solid rgba(39,183,232,.48)}.book:after{content:"";position:absolute;left:-14px;top:8px;bottom:4px;width:13px;background:linear-gradient(90deg,#020e21,#0b68a7);transform:skewY(-28deg);transform-origin:right}.book-kicker{font-size:.6rem;letter-spacing:.2em;color:var(--gold2);text-transform:uppercase}.book-title{font:800 2.05rem/1.02 "Playfair Display";letter-spacing:-.04em}.book-title b{display:block;font-size:4.75rem;line-height:.8;color:var(--gold2)}.book-foot{font-size:.66rem;letter-spacing:.12em;color:rgba(255,255,255,.65);text-transform:uppercase}
.section{padding:105px 0}.intro{display:grid;grid-template-columns:.8fr 1.2fr;gap:85px;align-items:start}.lead{font-size:clamp(1.25rem,2vw,1.65rem);color:#33413d}.lead strong{color:var(--green)}.pain-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:52px}.pain{padding:27px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.45)}.num{font:800 2.8rem/1 "Playfair Display";color:rgba(18,59,49,.16);margin-bottom:18px}.pain h3{font-size:1.38rem;margin-bottom:9px}.pain p{color:var(--muted);font-size:.94rem}.dark{background:var(--green);color:var(--white)}.dark .eyebrow{color:var(--gold2)}.dark-top{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:end}.dark-top p{color:rgba(255,255,255,.68);font-size:1.04rem}.pillars{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:55px}.pillar{min-height:240px;padding:28px 24px;border:1px solid rgba(255,255,255,.13);border-radius:12px;background:linear-gradient(145deg,rgba(255,255,255,.06),rgba(255,255,255,.015))}.pillar i{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:rgba(247,214,107,.12);color:var(--gold2);font-style:normal;font-weight:800;margin-bottom:45px}.pillar h3{font-size:1.38rem;margin-bottom:10px}.pillar p{font-size:.9rem;color:rgba(255,255,255,.61)}.audience{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.checklist{display:grid;gap:13px;margin-top:28px}.check{display:flex;gap:14px;padding:18px;border-bottom:1px solid var(--line)}.check b{display:grid;place-items:center;flex:0 0 26px;height:26px;border-radius:50%;background:var(--green);color:var(--gold2)}.quote-card{padding:48px;background:#efe5cb;border-radius:20px;position:relative}.quote-card:before{content:"“";font:800 8rem/1 "Playfair Display";color:rgba(18,59,49,.12);position:absolute;right:25px;top:15px}.quote-card h3{font-size:2rem;max-width:470px;position:relative}.quote-card p{margin-top:22px;color:var(--muted)}
.cta{padding:90px 0;background:linear-gradient(135deg,#1da5d9,#8de7ff);text-align:center}.cta h2{max-width:850px;margin:0 auto 20px;color:#061a32}.cta p{max-width:680px;margin:0 auto 30px;color:#163a59}.cta .btn{background:#073b71;color:white;box-shadow:0 16px 35px rgba(2,24,55,.25)}.disclaimer{font-size:.78rem!important;margin-top:18px!important;opacity:.72}.footer{padding:30px 0;background:#020e21;color:rgba(255,255,255,.55);font-size:.78rem}.footer .wrap{display:flex;justify-content:space-between;gap:25px}.sticky{display:none}.reveal{opacity:1;transform:none}
@media(max-width:860px){.hero-grid,.intro,.dark-top,.audience{grid-template-columns:1fr}.hero-grid{gap:24px;padding-top:50px}.visual-stage{width:min(560px,100%);margin:auto;min-height:570px}.intro,.dark-top,.audience{gap:35px}.pain-grid{grid-template-columns:1fr}.pillars{grid-template-columns:1fr 1fr}.navnote{display:none}.section{padding:78px 0}.footer .wrap{display:block;text-align:center}.footer p+p{margin-top:8px}.sticky{display:block;position:fixed;z-index:20;left:12px;right:12px;bottom:12px}.sticky .btn{width:100%;padding:15px}.footer{padding-bottom:90px}}
@media(max-width:540px){.wrap{width:min(100% - 28px,1120px)}.hero{min-height:auto}.hero-grid{padding-bottom:65px}h1{font-size:2.65rem}.visual-stage{min-height:485px}.author-photo{width:88%;height:420px}.book{width:185px;height:270px;padding:22px 17px}.book-title{font-size:1.55rem}.book-title b{font-size:3.65rem}.book-stage{min-height:320px}.pillars{grid-template-columns:1fr}.quote-card{padding:34px 26px}.nav{height:70px}}