@font-face{font-family:Inter;src:url('assets/inter-latin.woff2') format('woff2');font-weight:100 900;font-display:swap}@font-face{font-family:Montserrat;src:url('assets/montserrat-latin.woff2') format('woff2');font-weight:100 900;font-display:swap} :root{color-scheme:dark;--bg:#0a0a0a;--surface:#141414;--text:#f5f5f0;--silver:#c9cbcf;--muted:#9a9da3;--gold:#d4af37;--gold-light:#e6c65c;--line:#292929;--title:Montserrat,Arial,sans-serif;--body:Inter,Arial,sans-serif} *{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--body);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}::selection{background:var(--gold);color:var(--bg)}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-family:var(--title);font-weight:700;line-height:1.18;letter-spacing:-.045em}a{color:inherit}button,a,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,summary:focus-visible{outline:3px solid var(--gold-light);outline-offset:5px;border-radius:4px}.container{width:calc(100% - 40px);max-width:1160px;margin-inline:auto}.header{height:58px;display:flex;align-items:center;justify-content:center}.wordmark{font-family:var(--title);font-weight:800;font-size:18px;letter-spacing:.22em;white-space:nowrap}.wordmark>span:first-child{color:var(--gold)}.brand-dot{color:var(--gold);letter-spacing:0}.eyebrow{font-size:13px;letter-spacing:.14em;font-weight:500;color:var(--gold);line-height:1.4}.hero{display:grid;grid-template-areas:'heading' 'product' 'action' 'bottom';text-align:center;padding-top:13px}.hero-heading{grid-area:heading}.hero .eyebrow{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:13px}.short-line{display:block;width:22px;height:1px;background:#B8860B}h1{font-size:clamp(28px,7.2vw,39px);font-weight:800;line-height:1.14;letter-spacing:-.055em;max-width:600px;margin-inline:auto}h1>span{color:var(--gold)}.desktop-break{display:none}.product{grid-area:product;height:300px;position:relative;display:flex;align-items:center;justify-content:center;isolation:isolate;margin-top:8px}.orbital{position:absolute;width:275px;height:275px;border:1px solid #9f803c55;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%);z-index:-2}.orbital:before{content:'';position:absolute;inset:-38px;border:1px solid #a58a4020;border-radius:50%;background:radial-gradient(ellipse at center,#b28b251f,transparent 68%)}.orbital:after{content:'';position:absolute;width:5px;height:5px;border-radius:50%;background:#c7a660;top:40px;right:36px;box-shadow:0 0 12px #d4af3744}.orbital>div{position:absolute;inset:18px;border:1px solid #9f803c18;border-radius:50%}.product-floor{position:absolute;width:250px;height:23px;bottom:27px;background:#000;border-radius:50%;filter:blur(13px);z-index:-1}.book{position:relative;width:169px;height:242px;transform:perspective(1000px) rotateY(-18deg) rotateZ(-6deg);transform-style:preserve-3d;filter:drop-shadow(20px 17px 16px #0009);margin-left:20px;margin-top:-7px}.book-cover{position:relative;width:100%;height:100%;object-fit:cover;display:block;border-radius:1px 3px 3px 1px;box-shadow:inset 0 0 1px #fff;z-index:2;border:1px solid #9c8f6744}.book-spine{position:absolute;top:0;left:-18px;bottom:0;width:19px;background:linear-gradient(90deg,#0a0a0a,#33312b 35%,#141514 90%);transform:rotateY(-55deg);transform-origin:right center;border:1px solid #80734d66;display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:15px 0;color:#c8af74;font-family:Georgia,serif}.book-spine span{writing-mode:vertical-rl;font-size:9px;letter-spacing:2px}.book-spine b{font-size:8px}.book-pages{position:absolute;right:-7px;top:4px;bottom:3px;width:8px;background:repeating-linear-gradient(0deg,#8e8a7d 0,#8e8a7d 1px,#d0cbbd 1px,#d0cbbd 2px);transform:skewY(-16deg);border-radius:0 2px 2px 0;z-index:1}.rating-badge{display:flex;align-items:center;gap:9px;position:absolute;left:50%;transform:translateX(-12%);bottom:4px;min-height:36px;padding:0 14px;background:#181816;border:1px solid var(--gold);border-radius:999px;box-shadow:0 7px 20px #0008;font-size:13px;white-space:nowrap}.star{color:var(--gold);font-size:17px}.badge-divider{height:14px;width:1px;background:#5b5343}.hero-action{grid-area:action;padding-top:14px}.hero-subtitle{font-size:16px;line-height:1.5;color:var(--silver);margin-bottom:18px}.wide-break{display:none}.cta{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:64px;padding:12px 21px;background:var(--gold);color:#0a0a0a;text-decoration:none;text-align:left;border:1px solid #e9d17b55;border-radius:6px;transition:background .18s,transform .18s,box-shadow .18s;box-shadow:0 4px 26px #d4af370e}.cta strong{font-family:var(--title);font-weight:700;letter-spacing:-.035em;font-size:17px;line-height:1.3}.cta small{display:block;font-size:12px;margin-top:3px;opacity:.8;line-height:1.4}.arrow{font-size:25px;line-height:1;transition:transform .18s}.cta:hover{background:var(--gold-light);box-shadow:0 5px 30px #d4af3725}.cta:hover .arrow{transform:translate(3px,-3px)}.cta:active{transform:scale(.985)}.hero-micro{margin-top:12px;display:flex;align-items:center;justify-content:center;gap:9px;font-size:11px;color:var(--muted)}.stars{color:var(--gold);font-size:11px;letter-spacing:2px;white-space:nowrap}.section{padding-block:64px}.section h2{font-size:29px;line-height:1.2;margin-top:14px}.intro-copy{margin-top:26px}.intro-copy p{font-size:17px;line-height:1.7}.intro-copy p+p{color:var(--muted);margin-top:16px}.modules{padding-top:0}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:28px}.module-list{list-style:none;padding:0;margin:0;border-top:1px solid #7d694833}.module-list li{display:flex;align-items:start;gap:18px;border-bottom:1px solid var(--line);padding:23px 0;position:relative}.module-number{font-family:var(--title);font-size:15px;color:var(--gold);padding-top:2px;font-weight:500;letter-spacing:-.02em;min-width:25px}.module-list h3{font-size:17px;letter-spacing:-.035em;line-height:1.4}.module-list p{font-size:14px;color:var(--muted);margin-top:6px;line-height:1.6}.module-end{display:none}.readers-band{background:#111110;border-top:1px solid #29271e;border-bottom:1px solid #29271e}.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-block:31px;gap:8px}.stats>div+div{padding-left:10px;border-left:1px solid #38342a}.stats strong{font-family:var(--title);font-weight:500;font-size:28px;letter-spacing:-.06em;color:var(--gold)}.stats strong span{font-size:19px;margin-left:3px}.stats p{font-size:10px;line-height:1.5;color:var(--muted);margin-top:5px;max-width:110px}.testimonials{display:grid;gap:14px}.testimonials figure{background:#191918;border:1px solid #2b2924;padding:21px 24px 24px;display:flex;flex-direction:column;border-radius:4px}.quote{color:#9b814b;font-family:Georgia,serif;font-size:56px;height:42px;line-height:1}.testimonials blockquote{margin:12px 0 26px;font-size:16px;line-height:1.7;color:#e1e1d9}.testimonials figcaption{display:flex;flex-direction:column;margin-top:auto;font-size:11px;color:var(--muted)}.testimonials figcaption strong{font-size:13px;color:var(--text);font-weight:500;margin-top:11px;margin-bottom:2px}.fine-print{font-size:11px;color:var(--muted);line-height:1.6;margin-top:22px}.faq{padding-top:0}.questions{margin-top:24px}.questions details{border-bottom:1px solid var(--line)}.questions summary{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:70px;padding-block:16px;font-size:15px;font-weight:500;cursor:pointer;list-style:none}.questions summary::-webkit-details-marker{display:none}.questions summary span{font-size:25px;font-weight:400;color:var(--gold);transition:transform .2s}.questions details[open] summary span{transform:rotate(45deg)}.questions details p{color:var(--muted);font-size:15px;padding:0 28px 20px 0}.closing{position:relative;isolation:isolate;overflow:hidden;text-align:center;background:#151410;border:1px solid #62503266;border-radius:5px;padding:43px 21px 34px}.closing h2{font-size:29px;margin-top:18px;line-height:1.2}.closing-proof{font-size:11px;color:var(--silver);margin-top:20px}.closing-proof>span{color:var(--gold)}.closing .cta{max-width:390px;margin:26px auto 0}.closing .fine-print{max-width:360px;margin-inline:auto}.closing-orbit{position:absolute;width:600px;height:600px;border:1px solid #ac8c3422;border-radius:50%;left:50%;top:55px;transform:translateX(-50%);z-index:-1}.closing-orbit:before{content:'';position:absolute;inset:30px;border:1px solid #ac8c3414;border-radius:50%}.footer{padding-block:42px 100px;color:var(--muted);font-size:11px}.footer-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:23px}.footer-top>p{font-size:11px}.footer-description{max-width:690px;line-height:1.8}.footer-bottom{border-top:1px solid var(--line);margin-top:25px;display:flex;align-items:center;justify-content:space-between;gap:10px}.footer-bottom>div{display:flex;gap:17px}.footer a{display:inline-flex;align-items:center;min-height:48px;text-underline-offset:4px}.footer a:hover{color:var(--text)}.sticky-bar{position:fixed;bottom:0;left:0;right:0;z-index:10;background:#141414f5;border-top:1px solid #4e422c;padding:10px 20px calc(10px + env(safe-area-inset-bottom));box-shadow:0 -8px 35px #0007}.sticky-bar[hidden]{display:none}.sticky-bar .cta{min-height:48px;max-width:600px;margin:auto}.legal{max-width:720px;padding-block:50px}.legal h1{font-size:38px;margin:0}.legal h2{font-size:22px;margin-top:34px;margin-bottom:15px}.legal p{color:var(--silver);margin-block:14px}.legal .back{display:inline-flex;min-height:48px;align-items:center;color:var(--gold);margin-bottom:28px}.legal .eyebrow{color:var(--muted)} @media(min-width:600px) and (max-width:1023px){.container{max-width:640px}.hero{padding-top:30px}.hero h1{max-width:580px}.product{height:350px}.book{width:205px;height:294px}.orbital{width:320px;height:320px}.rating-badge{bottom:35px}.hero-action{max-width:440px;margin:auto}.hero-subtitle{font-size:18px}.stats p{font-size:13px;max-width:none}.stats strong{font-size:40px}.testimonials{grid-template-columns:1fr}.section h2{font-size:36px}.closing h2{font-size:38px}.hero-micro{font-size:13px}} @media(min-width:1024px){.container{width:calc(100% - 112px)}.header{height:100px;justify-content:center;border-bottom:1px solid #25231e}.wordmark{font-size:23px}.hero{grid-template-columns:1.08fr 1fr;grid-template-rows:auto auto auto;grid-template-areas:'heading product' 'action product' 'bottom bottom';padding-top:72px;text-align:left;column-gap:40px}.hero .eyebrow{justify-content:flex-start;margin-bottom:24px}.hero-heading{align-self:end}h1{font-size:clamp(48px,4.4vw,64px);line-height:1.09;max-width:650px;margin:0}.desktop-break{display:block}.product{height:520px;margin:0;align-self:center}.book{width:274px;height:393px;margin-top:-15px;margin-left:12px;transform:perspective(1200px) rotateY(-19deg) rotateZ(-8deg)}.book-spine{width:27px;left:-26px;padding:23px 0}.book-spine span{font-size:12px;letter-spacing:3px}.book-spine b{font-size:11px}.book-pages{right:-10px;width:11px}.orbital{width:410px;height:410px;top:46%}.orbital:before{inset:-32px}.orbital:after{right:55px;top:55px}.orbital>div{inset:28px}.product-floor{bottom:50px;width:330px}.rating-badge{bottom:66px;left:49%;font-size:14px;padding:11px 17px;gap:11px}.hero-action{align-self:start;padding-top:26px;padding-bottom:17px}.hero-subtitle{font-size:18px;line-height:1.65;margin-bottom:25px;max-width:430px}.cta{max-width:390px;min-height:72px;padding:14px 23px}.cta strong{font-size:17px}.cta small{font-size:13px}.hero-micro{justify-content:flex-start;font-size:12px;margin-top:18px;gap:13px}.stars{font-size:12px}.section{padding-block:99px}.section h2{font-size:43px;margin-top:18px;letter-spacing:-.055em}.intro{display:grid;grid-template-columns:1fr 1fr;gap:90px}.intro-copy{margin:12px 0 0}.intro-copy p{font-size:18px;line-height:1.75}.intro-copy p+p{margin-top:20px}.modules{padding-top:0}.section-heading{margin-bottom:42px}.module-list li{padding:27px 16px 27px 0;gap:35px;align-items:center;transition:background .2s}.module-list li:hover{background:#121210}.module-list li>div{display:grid;grid-template-columns:1fr 1.1fr;align-items:center;gap:40px;flex:1}.module-number{font-size:17px;min-width:38px}.module-list h3{font-size:20px;letter-spacing:-.03em}.module-list p{font-size:14px;margin:0}.module-end{display:block;color:#8e7b54;font-size:22px;padding-left:20px}.readers-band .section{padding-block:80px}.stats{margin:40px 0;max-width:900px;gap:40px}.stats strong{font-size:47px}.stats strong span{font-size:28px}.stats p{font-size:13px;max-width:none;margin-top:8px}.stats>div+div{padding-left:40px}.testimonials{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.testimonials figure{padding:29px 27px}.testimonials blockquote{font-size:15px;line-height:1.75;margin-bottom:30px}.testimonials figcaption{font-size:11px}.fine-print{font-size:12px}.faq{display:grid;grid-template-columns:1fr 1.3fr;gap:80px;padding-top:0}.questions{margin:0}.questions summary{font-size:17px;min-height:76px}.questions details p{font-size:16px;max-width:550px}.closing{padding:66px 30px 51px;max-width:1160px}.closing h2{font-size:48px;line-height:1.15;margin-top:22px}.closing-proof{font-size:13px;margin-top:24px}.closing .cta{margin-top:30px}.closing .fine-print{max-width:450px;margin-top:20px}.closing-orbit{width:900px;height:900px;top:55px}.closing-orbit:before{inset:60px}.footer{padding-block:52px 26px;font-size:12px}.footer-top{margin-bottom:25px}.footer-top>p{font-size:13px}.footer-bottom{margin-top:35px}.footer-bottom>div{gap:30px}.sticky-bar{display:none!important}} @media(max-width:599px) and (max-height:740px){.header{height:48px}.hero{padding-top:9px}.hero .eyebrow{margin-bottom:10px}.product{height:278px;margin-top:5px}.book{width:155px;height:222px}.orbital{width:252px;height:252px}.rating-badge{bottom:4px}.hero-action{padding-top:12px}.hero-subtitle{margin-bottom:15px}} @media(max-width:599px) and (max-height:640px){h1{font-size:26px}.hero .eyebrow{font-size:11px;margin-bottom:8px}.product{height:213px}.book{width:121px;height:173px}.orbital{width:192px;height:192px}.orbital:before{inset:-15px}.rating-badge{min-height:32px;padding:0 11px;bottom:4px}.hero-subtitle{font-size:14px;margin-bottom:12px}.hero-action{padding-top:8px}.cta{min-height:58px}.hero-micro{margin-top:9px;font-size:10px}} @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}} /* Keep secondary content readable at compact widths. */ .hero-micro{font-size:12px;gap:8px}.cta small{font-size:13px}.stats p{font-size:12px}.testimonials figcaption{font-size:13px}.fine-print{font-size:13px}.footer{font-size:13px}.footer-top>p{font-size:12px}.closing-proof{font-size:13px} @media(max-width:360px){.hero-micro{flex-wrap:wrap;row-gap:3px}.hero-micro>.stars{display:none}.stats strong{font-size:26px}.stats p{font-size:11px}.closing-proof{font-size:12px}.footer-bottom{align-items:start;flex-direction:column;padding-top:14px}.footer-top>p{font-size:11px}} /* V2 - shared alignment, larger type and quieter controls. The product mockup and all of its original rules are intentionally unchanged. */ :root{--copy:18px;--muted:#a7a7a4;--ui-radius:10px} .header{position:relative}.hero-subtitle{font-size:18px;line-height:1.55;color:#d1d1ca}.hero .eyebrow{letter-spacing:.13em}h1{font-size:clamp(30px,7.8vw,36px);line-height:1.12;text-wrap:balance}h2{text-wrap:balance}.section h2{font-size:34px;line-height:1.14}.eyebrow{font-size:13px;line-height:1.5}.intro-copy p{font-size:18px;line-height:1.7}.intro-copy p+p{color:#b3b4b0}.hero-micro{font-size:13px;gap:8px}.hero-micro .stars{font-size:10px;letter-spacing:1px} .cta{width:100%;min-height:76px;padding:16px 20px;gap:14px;border:1px solid #e7ce8160;border-radius:var(--ui-radius);background:linear-gradient(105deg,#e3c76b,#d3af43);box-shadow:inset 0 1px 0 #fff3,0 5px 20px #0002;transition:background .2s,box-shadow .2s,transform .2s}.cta>span:first-child{min-width:0}.cta strong{font-size:17px;letter-spacing:-.035em;line-height:1.35}.cta small{font-size:13px;line-height:1.45;color:#343020;opacity:1;margin-top:4px}.cta .arrow{display:flex;align-items:center;justify-content:center;width:34px;height:34px;flex:0 0 34px;border:1px solid #34302030;border-radius:50%;background:#fff1;transition:transform .2s,background .2s}.cta .arrow svg{width:18px;height:18px;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.cta:hover{background:linear-gradient(105deg,#edda91,#dfbd58);box-shadow:inset 0 1px 0 #fff4,0 6px 24px #d4af3714;transform:translateY(-1px)}.cta:hover .arrow{transform:translateX(2px);background:#fff3}.cta:active{transform:translateY(0) scale(.99)}.cta:focus-visible{outline-offset:5px}.sticky-bar{padding:12px 20px calc(12px + env(safe-area-inset-bottom));background:#111110fa;border-top-color:#3b3528}.sticky-bar .cta{min-height:56px;padding:10px 18px}.sticky-bar .cta strong{font-size:16px} .section-heading{margin-bottom:32px}.module-list li{gap:18px;padding:26px 0}.module-number{font-size:16px;min-width:28px;line-height:1.5;padding-top:0}.module-list h3{font-size:19px;line-height:1.4}.module-list p{font-size:16px;line-height:1.65;margin-top:7px}.module-list li:hover{background:transparent}.questions{border-top:1px solid var(--line)}.questions summary{font-size:17px;line-height:1.5;padding:22px 0;min-height:80px;gap:18px;transition:color .2s}.questions summary:hover{color:#ddc584}.questions summary span{display:flex;align-items:center;justify-content:center;border:1px solid #454137;border-radius:50%;width:30px;height:30px;flex:0 0 30px;font-size:22px;line-height:1;color:#c8b887}.questions details[open] summary{color:#e1c989}.questions details[open] summary span{background:#d4af3712;border-color:#7e6a3b}.questions details p{font-size:17px;line-height:1.7;padding:0 42px 24px 0;color:#c1c2bc}.questions details[open]{border-bottom-color:#6b5a36}.closing{border-radius:14px;padding:48px 20px 38px}.closing h2{font-size:34px;line-height:1.16}.closing-proof{font-size:13px;line-height:1.7}.closing .fine-print{font-size:13px;line-height:1.7}.footer{font-size:13px;line-height:1.8}.footer-top>p{font-size:13px}.footer-description{max-width:760px}.footer-bottom{gap:16px}.footer-bottom>div{gap:20px} .readers-band{background:#0f0f0e;border-color:#25251f;overflow:hidden}.readers-band .section{padding-block:64px}.reader-heading{text-align:center}.reader-heading h2{font-size:36px;line-height:1.1;margin-top:16px}.stats{max-width:760px;margin:36px auto 40px;gap:8px;text-align:center}.stats>div+div{padding-left:8px;border-left-color:#34342b}.stats strong{font-size:30px;font-weight:500;line-height:1.3;color:var(--gold)}.stats strong span{font-size:20px}.stats p{font-size:12px;line-height:1.5;max-width:125px;margin:8px auto 0} @media(min-width:600px){.stats p{font-size:14px;max-width:none}.stats strong{font-size:42px}.reader-heading h2{font-size:46px}} @media(min-width:1024px){h1{font-size:clamp(52px,4.45vw,64px);line-height:1.1;text-wrap:initial}.hero-subtitle{font-size:20px;line-height:1.6;max-width:460px}.hero-action{padding-top:28px}.cta{max-width:420px;min-height:80px;padding:17px 24px}.cta strong{font-size:19px}.cta small{font-size:14px}.cta .arrow{width:40px;height:40px;flex-basis:40px}.cta .arrow svg{width:20px;height:20px}.hero-micro{font-size:13px;gap:12px}.hero-micro .stars{font-size:12px;letter-spacing:1.5px}.section{padding-block:104px}.section h2{font-size:46px;line-height:1.14}.intro,.faq{grid-template-columns:.85fr 1.15fr;gap:80px}.intro-copy{margin-top:0}.intro-copy p{font-size:20px;line-height:1.7}.modules,.faq{padding-top:0}.section-heading{margin-bottom:40px}.module-list li{padding:30px 0;gap:32px}.module-number{min-width:40px;font-size:18px}.module-list li>div{grid-template-columns:1fr 1.15fr;gap:40px}.module-list h3{font-size:21px}.module-list p{font-size:17px;margin:0}.questions summary{font-size:19px;min-height:88px;padding:25px 0}.questions summary span{width:34px;height:34px;flex-basis:34px}.questions details p{font-size:18px;padding-bottom:28px;max-width:none}.readers-band .section{padding-block:88px}.reader-heading h2{font-size:54px}.stats{margin-block:44px 52px;gap:32px}.stats>div+div{padding-left:32px}.stats strong{font-size:46px}.closing{padding:72px 30px 55px}.closing h2{font-size:52px}.closing-proof{font-size:15px}.closing .cta{max-width:420px;margin-top:30px}.closing .fine-print{font-size:14px;max-width:490px}.footer{font-size:14px}.footer-top>p{font-size:14px}.footer-description{line-height:1.8}} @media(max-width:360px){h1{font-size:28px}.hero-subtitle{font-size:16px}.cta{padding:15px 16px;gap:9px;min-height:70px}.cta strong{font-size:16px}.cta .arrow{width:30px;height:30px;flex-basis:30px}.cta small{font-size:12px}.hero-micro{font-size:12px}.section h2{font-size:31px}.stats strong{font-size:26px}.stats p{font-size:11px}.module-list h3{font-size:18px}.module-list p{font-size:16px}.closing h2{font-size:30px}.closing-proof{font-size:12px}.reader-heading h2{font-size:34px}} /* V3 - golden-ratio spacing, with compact-screen exceptions. Rounded values of 8 × phi^n: 8, 13, 21, 34, 55, 89, 144. Book geometry, shadows, cover and decorative orbits remain unchanged. */ :root{--phi:1.618034;--space-1:8px;--space-2:13px;--space-3:21px;--space-4:34px;--space-5:55px;--space-6:89px;--space-7:144px;--radius-control:8px;--radius-panel:13px;--body-leading:1.618034} .section{padding-block:var(--space-6)}.section h2{margin-top:var(--space-3);line-height:1.2}.section-heading{margin-bottom:var(--space-4)}.eyebrow{line-height:1.618}.intro-copy{margin-top:var(--space-4)}.intro-copy p{line-height:var(--body-leading)}.intro-copy p+p{margin-top:var(--space-3)}.modules,.faq{padding-top:0}.module-list li{padding-block:var(--space-4);gap:var(--space-3)}.module-list h3{line-height:1.4}.module-list p{margin-top:var(--space-2);line-height:var(--body-leading)}.module-number{line-height:1.618}.questions{margin-top:var(--space-4)}.questions summary{min-height:var(--space-6);padding-block:var(--space-3);gap:var(--space-3);line-height:1.618}.questions summary span{width:34px;height:34px;flex-basis:34px;border-radius:var(--radius-control);font-size:22px}.questions details[open] summary span{transform:none}.questions details[open] summary span{font-size:0}.questions details[open] summary span::before{content:'−';font-size:22px}.questions details p{padding:0 var(--space-5) var(--space-4) 0;line-height:var(--body-leading)} .hero-action{padding-top:var(--space-3)}.hero-subtitle{line-height:var(--body-leading);margin-bottom:var(--space-3)}.hero-micro{margin-top:var(--space-3);gap:var(--space-2);font-size:12px}.hero-micro .stars{font-size:10px;letter-spacing:1px} .cta{min-height:var(--space-6);padding:var(--space-3);gap:var(--space-3);border-radius:var(--radius-panel);background:linear-gradient(115deg,#e5cd78,#d6b44c);box-shadow:inset 0 1px 0 #fff4,0 8px 21px #0002;align-items:center}.cta strong{display:block;font-size:19px;line-height:1.3;letter-spacing:-.025em;font-weight:700}.cta small{font-size:13px;line-height:1.5;margin-top:var(--space-1);color:#302b1c}.cta .arrow{width:42px;height:42px;flex-basis:42px;border-radius:var(--radius-control);border-color:#5e501c40;background:#fff1}.cta .arrow svg{width:21px;height:21px;stroke-width:1.6}.cta:hover{background:linear-gradient(115deg,#efdc9c,#e0c065);box-shadow:inset 0 1px 0 #fff5,0 8px 21px #0003}.cta:hover .arrow{transform:translateX(2px);background:#fff2}.cta:focus-visible{outline-offset:5px}.sticky-bar{padding:var(--space-2) 20px calc(var(--space-2) + env(safe-area-inset-bottom))}.sticky-bar .cta{padding:var(--space-2) var(--space-3);min-height:68px;gap:var(--space-3)}.sticky-bar .cta strong{font-size:18px}.sticky-bar .cta .arrow{width:34px;height:34px;flex-basis:34px} .readers-band .section{padding-block:var(--space-6)}.reader-heading h2{margin-top:var(--space-3)}.stats{margin-block:var(--space-4) var(--space-5);gap:var(--space-2)}.stats>div+div{padding-left:var(--space-2)}.stats p{line-height:var(--body-leading)}.closing{padding:var(--space-5) var(--space-3);border-radius:var(--radius-panel)}.closing h2{margin-top:var(--space-3)}.closing-proof{margin-top:var(--space-3);line-height:var(--body-leading)}.closing .cta{margin-top:var(--space-4)}.closing .fine-print{margin-top:var(--space-3);line-height:var(--body-leading)}.footer{padding-top:var(--space-5)}.footer-top{margin-bottom:var(--space-4);gap:var(--space-3)}.footer-description{line-height:var(--body-leading)}.footer-bottom{margin-top:var(--space-4);padding-top:var(--space-2);gap:var(--space-3)}.footer-bottom>div{gap:var(--space-3)} @media(min-width:600px) and (max-width:1023px){.hero-action{max-width:460px;width:100%}.cta{max-width:none}.hero-subtitle{font-size:20px}.hero-micro{font-size:13px}.cta strong{font-size:21px}.cta small{font-size:14px}} @media(min-width:1024px){.section{padding-block:var(--space-7)}.modules,.faq{padding-top:0}.intro,.faq{grid-template-columns:minmax(0,.382fr) minmax(0,.618fr);gap:var(--space-6)}.intro-copy,.questions{margin-top:0}.intro-copy p+p{margin-top:var(--space-4)}.section-heading{margin-bottom:var(--space-5)}.section h2{margin-top:var(--space-3)}.module-list li{gap:var(--space-4);padding-block:var(--space-4)}.module-number{min-width:34px}.module-list li>div{grid-template-columns:minmax(0,.382fr) minmax(0,.618fr);gap:var(--space-5)}.module-list p{margin-top:0}.module-list h3{font-size:21px}.questions summary{padding-block:var(--space-4);min-height:89px;font-size:19px}.questions summary span{width:34px;height:34px;flex-basis:34px}.questions details p{padding-bottom:var(--space-4);padding-right:var(--space-5)}.hero-action{padding-top:var(--space-4)}.hero-subtitle{margin-bottom:var(--space-4);line-height:var(--body-leading)}.hero-micro{font-size:13px;gap:var(--space-2)}.hero-micro .stars{font-size:12px}.cta{max-width:440px;min-height:102px;padding:var(--space-3) var(--space-4);gap:var(--space-3)}.cta strong{font-size:21px}.cta small{font-size:14px;margin-top:var(--space-1)}.cta .arrow{width:44px;height:44px;flex-basis:44px}.cta .arrow svg{width:24px;height:24px}.readers-band .section{padding-block:var(--space-6)}.stats{margin-block:var(--space-5);gap:var(--space-4)}.stats>div+div{padding-left:var(--space-4)}.closing{padding:var(--space-6) var(--space-5)}.closing h2{margin-top:var(--space-4)}.closing-proof{margin-top:var(--space-4)}.closing .cta{max-width:440px;margin-top:var(--space-4)}.closing .fine-print{margin-top:var(--space-3)}.footer{padding-block:var(--space-6) var(--space-4)}.footer-top{margin-bottom:var(--space-4)}.footer-bottom{margin-top:var(--space-5)}} @media(max-width:360px){.cta{min-height:89px;padding:var(--space-3) 16px;gap:var(--space-2)}.cta strong{font-size:18px}.cta small{font-size:12px}.cta .arrow{width:34px;height:34px;flex-basis:34px}.cta .arrow svg{width:21px;height:21px}.hero-micro{font-size:12px;gap:8px}.closing{padding-inline:var(--space-3)}.closing .cta{padding-inline:13px;gap:8px}.closing .cta strong{font-size:17px}.closing .cta small{font-size:11px}.closing .cta .arrow{width:30px;height:30px;flex-basis:30px}.footer-top>p{font-size:12px}.stats p{font-size:11px}} @media(max-width:599px) and (max-height:740px){.hero-action{padding-top:var(--space-3)}.hero-subtitle{margin-bottom:var(--space-3)}.hero-micro{margin-top:var(--space-2)}} @media(max-width:599px) and (max-height:640px){.hero-action{padding-top:var(--space-2)}.hero-subtitle{margin-bottom:var(--space-2)}.cta{min-height:76px;padding-block:var(--space-2)}.hero-micro{margin-top:var(--space-2)}} /* V4 - Optimizacion fina (15 oct 2026): tamano minimo de texto y badge. */ .hero-micro{font-size:13px} .hero-micro .stars{font-size:14px;letter-spacing:1px} .stats p{font-size:13px} .fine-print{font-size:13px} .closing-proof{font-size:14px} .footer,.footer-top>p{font-size:13px} .testimonials figcaption{font-size:13px} .cta small{font-size:13px} .rating-badge{font-size:14px} @media(min-width:600px){.stats p{font-size:14px}} @media(min-width:1024px){.closing-proof{font-size:15px}.footer,.footer-top>p{font-size:14px}} /* V5 - Optimizacion fina v2 (15 oct 2026): hero movil sin choques y prueba en una linea. Se excluyen pantallas estrechas (<=360 px) y bajas (<=740 px), que ya tienen su propia escala. */ @media(min-width:361px) and (max-width:599px){.rating-badge{bottom:2px;transform:translateX(-43%)}.cta .arrow{width:36px;height:36px;flex-basis:36px}.closing{padding-inline:13px}.closing .cta strong{font-size:17px}.intro.section{padding-top:55px}} @media(min-width:361px) and (max-width:599px) and (min-height:741px){.product{height:300px;margin-top:4px}.book{width:180px;height:258px}} /* V6 - Copy y UI del doc 17 y del doc 18 (revision v4, 15 oct 2026). */ .hero-heading .hero-subtitle{margin:13px auto 0;max-width:330px;font-size:17px;line-height:1.45;color:var(--silver)} .hero-heading .hero-subtitle strong{color:var(--text);font-weight:600} .hero-micro{white-space:normal;font-style:normal;color:var(--muted);font-size:13px;margin-top:13px} h1 .h1-line{display:block;white-space:nowrap} .testimonials blockquote{font-size:16px} @media(max-width:1023px){.hero-action{padding-top:13px}} @media(min-width:361px) and (max-width:599px){.cta{padding-inline:17px;gap:13px}.cta strong{font-size:clamp(14px,4.1vw,19px)}} @media(max-width:360px){h1 .h1-line{white-space:normal}.cta strong{font-size:clamp(13px,4.1vw,15px)}.rating-badge{transform:translateX(-50%)}} @media(max-width:599px){.closing h2{font-size:26px}} .sticky-bar{padding-top:8px;padding-bottom:calc(8px + env(safe-area-inset-bottom))} .sticky-bar .cta{padding-inline:15px;gap:12px} .sticky-bar .cta strong{font-size:clamp(14px,4.1vw,17px)} .sticky-bar .cta small{margin-top:2px;font-size:13px} @media(min-width:1024px){.hero-heading .hero-subtitle{margin:21px 0 0;max-width:460px;font-size:20px}.rating-badge{bottom:40px;left:56%}} /* V7 - Auditoria de embudo v5 (doc 19, 15 oct 2026): boton del cierre en una linea y pagina mas corta en movil. */ @media(max-width:599px){ .section{padding-block:55px} .modules,.faq{padding-top:0} .readers-band .section{padding-block:55px} .module-list li{padding-block:18px} .stats{margin-block:21px 34px} .testimonials{gap:13px} .closing .cta strong{font-size:16px;white-space:nowrap} } @media(max-width:360px){.closing .cta strong{font-size:15px}} /* V8 - Segunda pasada de espacios en movil (decision de Ignacio, 15 oct 2026). Solo margenes y rellenos: no se tocan tipografias ni se quita ningun elemento. */ @media(max-width:599px){ .intro-copy p+p{margin-top:13px} .modules .section-heading{margin-bottom:21px} .module-list li{padding-block:16px} .reader-heading h2{margin-top:13px} .stats{margin-block:13px 21px} .testimonials figure{padding-block:10px} .testimonials blockquote{margin:8px 0 13px} .fine-print{margin-top:13px} .questions summary{min-height:68px;padding-block:13px} .questions details p{padding-bottom:13px} .closing{padding:34px 13px 21px} #closing-title{margin-top:13px} .closing-proof{margin-top:13px} .closing .cta{margin-top:21px} .closing .fine-print{margin-top:13px} } /* V9 - Assets reales (portada vertical, logo y avatares) · 15 oct 2026. La portada definitiva es un mockup 3D enderezado: sustituye al libro dibujado en CSS y al logo tipografico. Solo se anaden capas. */ .wordmark img{display:block;height:32px;width:auto} .footer .wordmark img{height:28px} .book-shot{display:block;height:310px;width:auto} .product{height:360px} .orbital{width:300px;height:300px} .product-floor{width:280px} .reviewer-faces{display:block;height:26px;width:auto;margin:0 auto} @media(min-width:600px){ .wordmark img{height:38px} .footer .wordmark img{height:30px} .book-shot{height:355px} .product{height:405px} .orbital{width:345px;height:345px} .product-floor{width:310px} .reviewer-faces{height:30px} } @media(min-width:1024px){ .wordmark img{height:44px} .footer .wordmark img{height:32px} .book-shot{height:470px} .product{height:600px} .orbital{width:500px;height:500px} .product-floor{width:390px;bottom:70px} .reviewer-faces{height:36px} } @media(max-width:599px) and (max-height:740px){ .book-shot{height:268px} .product{height:318px} .orbital{width:262px;height:262px} } @media(max-width:599px) and (max-height:640px){ .book-shot{height:212px} .product{height:258px} .orbital{width:208px;height:208px} } /* V10 - UI de tarjetas: los dos numeros de prueba social y los 5 modulos (peticion de Ignacio, 15 oct 2026). Solo se anaden reglas. */ .stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;max-width:520px} .stats>div{background:#191918;border:1px solid #2b2924;border-radius:9px;padding:12px 10px 11px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden} .stats>div+div{padding-left:10px} .stats>div:before{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:56px;height:1px;background:linear-gradient(90deg,transparent,#a98a3f,transparent)} .module-list{display:grid;gap:6px;border-top:0} .module-list li{background:#141413;border:1px solid #24231e;border-radius:10px;padding:12px 14px;gap:13px;border-bottom:0;transition:border-color .2s,background .2s} .module-list li:hover{background:#161614} .module-number{width:30px;height:30px;min-width:30px;flex:0 0 30px;border:1px solid #6b5a3399;border-radius:50%;display:grid;place-items:center;padding-top:0;font-size:13px;background:#1b1a16} .module-list p{margin-top:4px} @media(min-width:600px){ .stats{max-width:600px} .stats>div{padding:16px 14px 15px} .module-list li{padding:16px 18px} .module-number{width:34px;height:34px;min-width:34px;flex-basis:34px;font-size:14px} } @media(min-width:1024px){ .stats>div{padding:20px 18px 18px} .module-list{gap:8px} .module-list li{padding:20px 22px;gap:24px} .module-list li:hover{background:#171614;border-color:#3a352b} .module-number{width:38px;height:38px;min-width:38px;flex-basis:38px;font-size:15px} } @media(max-width:599px){ .readers-band .section{padding-block:30px} .stats{margin-block:10px 14px} .testimonials{gap:12px} .fine-print{margin-top:10px} } /* V11 - Pildora de lectores con su texto, tarjetas de resena mas redondeadas y en gris oscuro con texto blanco, y pie sin logo (peticion de Ignacio, 15 oct 2026). Solo se anaden reglas. */ .readers-proof{display:flex;flex-direction:column;align-items:center;gap:6px} .readers-proof span{font-size:11px;line-height:1.3;font-weight:500;letter-spacing:.03em;color:#e6e6e0} .testimonials figure{background:#1e1e1c;border:1px solid #34342e;border-radius:12px} .testimonials blockquote{color:#fff} .testimonials figcaption{color:#c9c9c2} .testimonials figcaption strong{color:#fff} .stats>div,.module-list li{border-radius:12px} .footer{padding-top:26px} .footer-bottom{margin-top:0} @media(min-width:600px){ .readers-proof span{font-size:12px} .footer{padding-top:34px} } @media(min-width:1024px){ .footer{padding-top:40px} } /* V12 - Pildora del hero con cinco estrellas (la quinta va a medias, porque la nota es 4,5) y cifra de resenas en «240+» (peticion de Ignacio, 15 oct 2026). Solo se anaden reglas; la estrella unica (.star) queda sin uso. */ .badge-stars{display:inline-flex;align-items:center;gap:2px;font-size:13px;line-height:1;color:var(--gold);letter-spacing:0} .badge-stars>span{position:relative;display:inline-block} .badge-stars .half{color:#4f4a38} .badge-stars .half::before{content:"★";position:absolute;inset:0;width:51%;overflow:hidden;color:var(--gold)} @media(max-width:360px){.badge-stars{font-size:12px;gap:1px}} @media(min-width:1024px){.badge-stars{font-size:15px;gap:3px}} /* V13 - Flotacion sutil de la portada (peticion de Ignacio, 15 oct 2026). Solo se animan transform y opacidad: no cambia el layout (CLS 0) ni el tamano de la portada. La regla global de prefers-reduced-motion apaga la animacion. */ @keyframes book-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}} @keyframes floor-breathe{0%,100%{transform:scaleX(1);opacity:.92}50%{transform:scaleX(.93);opacity:.66}} .book-shot{animation:book-float 7s ease-in-out infinite} .product-floor{animation:floor-breathe 7s ease-in-out infinite} /* V14 - La pildora de valoracion queda centrada bajo la portada, en todos los anchos (antes iba desplazada: -43 % en movil y left:56 % en escritorio). Peticion de Ignacio, 15 oct 2026. Solo se anaden reglas. */ .rating-badge{left:50%;transform:translateX(-50%);right:auto} /* V15 - Mas movimiento de la portada: ademas de flotar, se desplaza de lado a lado (6 px) con un giro minimo, y la sombra la acompania. Sigue siendo solo transform/opacity (CLS 0) y se apaga con prefers-reduced-motion. */ @keyframes book-float{ 0%,100%{transform:translate3d(0,0,0) rotate(0deg)} 25%{transform:translate3d(-6px,-7px,0) rotate(-.6deg)} 50%{transform:translate3d(0,-11px,0) rotate(0deg)} 75%{transform:translate3d(6px,-7px,0) rotate(.6deg)} } @keyframes floor-breathe{ 0%,100%{transform:translateX(0) scaleX(1);opacity:.92} 25%{transform:translateX(-4px) scaleX(.97);opacity:.78} 50%{transform:translateX(0) scaleX(.92);opacity:.64} 75%{transform:translateX(4px) scaleX(.97);opacity:.78} } .book-shot{animation:book-float 8s ease-in-out infinite} .product-floor{animation:floor-breathe 8s ease-in-out infinite} /* V16 - Brillo que recorre el borde de los botones (hero, cierre y barra fija). Es un arco de luz (conic-gradient) enmascarado al borde y girado con una variable registrada. Se apaga con prefers-reduced-motion. */ @property --hc-angle{syntax:"";initial-value:0deg;inherits:false} .cta{position:relative} .cta::before{ content:"";position:absolute;inset:-1px;padding:3px;border-radius:inherit; background:conic-gradient(from var(--hc-angle),rgba(255,237,168,0) 8deg,rgba(255,238,160,.98) 46deg,rgba(255,237,168,0) 84deg,rgba(255,237,168,0) 1turn),conic-gradient(from var(--hc-angle),rgba(255,193,54,0) 0deg,rgba(255,193,54,.55) 24deg,rgba(255,193,54,.55) 48deg,rgba(255,193,54,0) 96deg,rgba(255,193,54,0) 1turn); -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0); -webkit-mask-composite:xor; mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0); mask-composite:exclude; animation:cta-shine 4s linear infinite;pointer-events:none;z-index:1; } @keyframes cta-shine{to{--hc-angle:360deg}} .cta>span{position:relative;z-index:2} /* V17 - La linea de prueba del cierre («4,5 en Amazon») lleva la misma fila de cinco estrellas (la quinta a medias) que la pildora del hero. Peticion de Ignacio, 15 oct 2026. Solo se anaden reglas. */ .closing-proof .badge-stars{font-size:14px;gap:2px;vertical-align:-1px;margin-right:4px} @media(min-width:1024px){.closing-proof .badge-stars{font-size:15px}} @media(max-width:360px){.closing-proof .badge-stars{font-size:12px;gap:1px}} /* V18 - Reservada, sin reglas: el doc 21 pedia una tercera cifra de prueba social («+27.000 hombres ya lo leyeron») y una rejilla de tres columnas, pero Ignacio las quito el mismo 15 oct 2026 al unificar la cifra en «+80.000». Vuelve el diseno de dos tarjetas de la capa V10. */ /* V19 - El circulo decorativo del hero sobresale de su columna entre 1024 y 1191 px: dejaba arrastrar la pagina de lado (60 px a 1024, 1084 px de scrollWidth). Se recorta solo ese desborde lateral, sin tocar el diseno. La regla va en HTML *y* en BODY, medido el 15 oct 2026: en html el clip se propaga al viewport y el navegador lo interpreta como `hidden` (sigue habiendo desborde arrastrable); en body el clip solo no basta porque el desborde lo aporta un hijo del body. Con las dos a la vez el ancho desplazable baja a clientWidth y scrollX queda en 0. */ html,body{overflow-x:clip}