:root{--bg:#fff;--bg-subtle:#eef2f7;--surface:#fff;--surface-2:#f1f5f9;--border:#d6dee8;--border-strong:#b8c2d1;--text:#0f172a;--text-soft:#334155;--muted:#64748b;--white:#0f172a;--brand:#0064e0;--brand-hover:#0052b8;--blue:#0064e0;--blue-bright:#0064e0;--cta:#ff6b00;--cta-hover:#e65f00;--star:#f59e0b;--amber:#f59e0b;--red:#ef4444;--green:#16a34a;--rose:#f43f5e;--old-bg:#fef2f2;--old-text:#991b1b;--old-border:#fecaca;--new-bg:#f0fdf4;--new-text:#16a34a;--new-border:#bbf7d0;--shadow-sm:0 1px 2px #0f172a0a;--shadow-card:0 10px 25px -5px #0f172a0d, 0 4px 10px -3px #0f172a08;--shadow-lg:0 20px 45px -12px #0f172a1a;--radius:16px;--ease:cubic-bezier(.22,1,.36,1)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;max-width:100%;overflow-x:hidden}body{background:var(--bg);color:var(--text);max-width:100%;font-family:Inter,system-ui,-apple-system,sans-serif;font-size:16px;line-height:1.7;position:relative;overflow-x:hidden}#root,main{max-width:100%;overflow-x:hidden}img,video,svg{max-width:100%;height:auto}::selection{background:var(--brand);color:#fff}#progress{background:linear-gradient(90deg,var(--brand),#3b82f6);z-index:1001;width:0%;height:3px;transition:width .1s linear;position:fixed;top:0;left:0;box-shadow:0 0 12px #0064e059}.reveal{opacity:0;transition:opacity .7s var(--ease),transform .7s var(--ease);transform:translateY(28px)}.reveal.in{opacity:1;transform:none}.reveal-scale{opacity:0;transition:opacity .7s var(--ease),transform .7s var(--ease);transform:scale(.94)}.reveal-scale.in{opacity:1;transform:none}.reveal-left{opacity:0;transition:opacity .7s var(--ease),transform .7s var(--ease);transform:translate(-32px)}.reveal-left.in{opacity:1;transform:none}.reveal-right{opacity:0;transition:opacity .7s var(--ease),transform .7s var(--ease);transform:translate(32px)}.reveal-right.in{opacity:1;transform:none}[data-stagger].in>*{animation:stagger-up .65s var(--ease) both}[data-stagger].in>:first-child{animation-delay:50ms}[data-stagger].in>:nth-child(2){animation-delay:.15s}[data-stagger].in>:nth-child(3){animation-delay:.25s}[data-stagger].in>:nth-child(4){animation-delay:.35s}[data-stagger].in>:nth-child(5){animation-delay:.45s}[data-stagger].in>:nth-child(6){animation-delay:.55s}@keyframes stagger-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}[data-stagger].in>*{opacity:1}.wrap{max-width:1120px;margin:0 auto;padding:0 20px}section{border-top:1px solid var(--border);background:var(--bg);padding:88px 0;position:relative}section#shift{background:var(--bg-subtle)}section#inside{background:var(--bg)}section#pain,section#testi,section#reviews{background:var(--bg-subtle)}section#pricing{background:var(--bg)}section#trust,section#free-demo{background:var(--bg-subtle)}.eyebrow{letter-spacing:.18em;text-transform:uppercase;color:var(--brand);margin-bottom:16px;font-size:12px;font-weight:600;display:inline-block}.eyebrow:before{content:"";background:var(--brand);vertical-align:middle;opacity:.6;width:24px;height:1px;margin-right:10px;display:inline-block}h2.sec-title{letter-spacing:-.025em;color:var(--text);margin-bottom:16px;font-size:clamp(30px,5vw,44px);font-weight:800;line-height:1.15}.sec-sub{color:var(--muted);max-width:640px;margin-bottom:48px}.center{text-align:center}.center .sec-sub{margin-left:auto;margin-right:auto}.blue-text{color:var(--brand)}nav{z-index:1000;border-bottom:1px solid var(--border);transition:padding .3s var(--ease),background .3s var(--ease),box-shadow .3s var(--ease);background:#ffffffd9;position:fixed;top:0;left:0;right:0}nav .wrap{transition:padding .3s var(--ease);justify-content:space-between;align-items:center;padding-top:16px;padding-bottom:16px;display:flex}nav.shrunk .wrap{padding-top:10px;padding-bottom:10px}nav.shrunk{box-shadow:0 1px 0 var(--border),0 6px 20px #0f172a0a;background:#fffffff5}.logo{letter-spacing:.06em;color:var(--text);font-size:17px;font-weight:800;text-decoration:none}.logo span{color:var(--brand)}.btn{text-align:center;cursor:pointer;white-space:normal;overflow-wrap:anywhere;width:max-content;max-width:100%;min-height:54px;transition:transform .25s var(--ease),box-shadow .25s var(--ease),background .25s var(--ease),color .25s var(--ease),border-color .25s var(--ease);-webkit-tap-highlight-color:transparent;border:none;border-radius:14px;justify-content:center;align-items:center;gap:10px;padding:15px 26px;font-family:inherit;font-size:15px;font-weight:700;line-height:1.2;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.btn-primary{background:var(--cta);color:#fff;box-shadow:0 10px 24px #ff6b0047,0 2px 6px #ff6b002e}.btn-primary:hover{background:var(--cta-hover);transform:translateY(-2px);box-shadow:0 14px 32px #ff6b0059}.btn-primary:active{transform:translateY(0)scale(.98)}.btn-outline{color:var(--brand);border:1.5px solid var(--brand);background:0 0}.btn-outline:hover{background:var(--brand);color:#fff;border-color:var(--brand);transform:translateY(-2px)}.btn-lg{letter-spacing:.01em;border-radius:16px;min-height:62px;padding:20px 36px;font-size:18px}.btn:focus-visible{outline:2px solid var(--brand);outline-offset:3px}.ripple{pointer-events:none;background:#fff6;border-radius:50%;animation:.55s ease-out forwards ripple;position:absolute;transform:scale(0)}@keyframes ripple{to{opacity:0;transform:scale(3)}}.btn-note{color:var(--muted);margin-top:10px;font-size:13px}.hero{background:radial-gradient(ellipse at 50% 0%,#0064e014 0%,transparent 60%), var(--bg);border-top:none;padding:150px 0 80px;position:relative;overflow:hidden}.hero:before{content:"";filter:blur(40px);pointer-events:none;background:radial-gradient(circle,#0064e01a 0%,#0064e008 40%,#0000 70%);border-radius:50%;width:640px;height:640px;animation:9s ease-in-out infinite alternate orb;position:absolute;top:-180px;left:50%;transform:translate(-50%)}@keyframes orb{0%{opacity:.85;transform:translate(-56%)scale(1)}50%{opacity:1;transform:translate(-44%)scale(1.08)}to{opacity:.9;transform:translate(-52%)scale(.96)}}.hero .wrap{z-index:1;text-align:center;position:relative}.announce{background:var(--surface);border:1px solid var(--border);color:var(--text);animation:float-in .8s var(--ease) both;box-shadow:var(--shadow-sm);border-radius:999px;align-items:center;gap:9px;margin-bottom:32px;padding:8px 18px;font-size:13.5px;font-weight:500;display:inline-flex}.announce .dot{background:var(--green);border-radius:50%;flex:none;width:8px;height:8px;animation:2s infinite pulse-dot;box-shadow:0 0 #16a34a80}@keyframes pulse-dot{0%{box-shadow:0 0 #16a34a73}70%{box-shadow:0 0 0 9px #16a34a00}to{box-shadow:0 0 #16a34a00}}@keyframes float-in{0%{opacity:0;transform:translateY(-14px)}to{opacity:1;transform:none}}h1{letter-spacing:-.03em;max-width:880px;color:var(--text);animation:float-in .8s .12s var(--ease) both;margin:0 auto 18px;font-size:clamp(38px,7vw,72px);font-weight:800;line-height:1.08}.hero-sub{letter-spacing:-.02em;color:var(--brand);animation:float-in .8s .22s var(--ease) both;margin-bottom:22px;font-size:clamp(22px,3.6vw,34px);font-weight:800}.hero-support{color:var(--text-soft);max-width:620px;animation:float-in .8s .32s var(--ease) both;margin:0 auto 30px}.hero-desc{background:var(--bg-subtle);border:1px solid var(--border);border-left:3px solid var(--brand);max-width:680px;color:var(--text-soft);text-align:left;animation:float-in .8s .42s var(--ease) both;border-radius:12px;margin:0 auto 40px;padding:20px 24px;font-size:15px}.hero-video{aspect-ratio:16/9;border:1px solid var(--border);border-radius:var(--radius);width:100%;max-width:700px;animation:float-in .8s .52s var(--ease) both;transition:transform .35s var(--ease),box-shadow .35s var(--ease);box-shadow:var(--shadow-card);background:#f1f5f9;margin:0 auto 14px;display:block;overflow:hidden}.hero-video:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.hero-video video{object-fit:cover;border-radius:inherit;width:100%;height:100%;display:block}.video-caption{color:var(--muted);animation:float-in .8s .6s var(--ease) both;margin-bottom:40px;font-size:14px}.hero-cta-block{animation:float-in .8s .68s var(--ease) both;margin-bottom:56px}.stats{grid-template-columns:repeat(4,1fr);gap:14px;max-width:880px;margin:0 auto;display:grid}.stat{background:var(--bg-subtle);border:1px solid var(--border);transition:transform .3s var(--ease),border-color .3s var(--ease),box-shadow .3s var(--ease);border-radius:14px;padding:22px 14px}.stat:hover{border-color:var(--brand);box-shadow:var(--shadow-card);transform:translateY(-4px)}.stat b{letter-spacing:-.02em;color:var(--text);font-size:clamp(20px,3vw,28px);font-weight:800;display:block}.stat span{color:var(--muted);margin-top:4px;font-size:12.5px;line-height:1.45;display:block}.compare{grid-template-columns:1fr 1fr;gap:20px;display:grid}.compare-card{border-radius:var(--radius);border:1px solid var(--border);transition:transform .35s var(--ease),box-shadow .35s var(--ease);background:var(--surface);padding:30px;position:relative;overflow:hidden}.compare-card:hover{box-shadow:var(--shadow-card);transform:translateY(-5px)}.compare-card.old:hover{box-shadow:0 16px 44px #ef44441a}.compare-card.new:hover{box-shadow:0 16px 44px #16a34a1a}.compare-card .badge{letter-spacing:.12em;text-transform:uppercase;border-radius:999px;margin-bottom:20px;padding:5px 13px;font-size:11px;font-weight:700;display:inline-block}.old .badge{color:var(--old-text);background:#fee2e2;border:1px solid #fecaca}.new .badge{color:var(--new-text);border:1px solid var(--new-border);background:#dcfce7}.compare-card ul{list-style:none}.compare-card li{border-bottom:1px solid #0f172a0f;align-items:flex-start;gap:10px;padding:10px 0;font-size:14.5px;display:flex}.compare-card li:last-child{border-bottom:none}.old li{color:var(--old-text)}.new li{color:var(--new-text)}.pain-grid{grid-template-columns:1fr 1fr;gap:20px;margin-bottom:36px;display:grid}.pain-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);transition:transform .35s var(--ease),box-shadow .35s var(--ease),border-color .35s var(--ease);box-shadow:var(--shadow-sm);padding:28px;position:relative;overflow:hidden}.pain-card:before{content:"";background:linear-gradient(90deg,var(--red),#ef44444d);transform-origin:0;height:3px;transition:transform .45s var(--ease);position:absolute;top:0;left:0;right:0;transform:scaleX(.35)}.pain-card:hover{box-shadow:var(--shadow-lg);border-color:var(--border-strong);transform:translateY(-5px)}.pain-card:hover:before{transform:scaleX(1)}.pain-card .icon{margin-bottom:14px;font-size:30px;line-height:1;display:block}.pain-card h3{letter-spacing:-.01em;color:var(--text);margin-bottom:10px;font-size:18px;font-weight:800}.pain-card p{color:var(--muted);font-size:14.5px}.callout{background:var(--surface);border:1px solid var(--border);border-left:3px solid var(--brand);color:var(--text-soft);box-shadow:var(--shadow-sm);border-radius:12px;padding:24px 28px;font-size:15px}.callout strong{color:var(--text)}.books{grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:24px;display:grid}.book-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-card);transition:transform .35s var(--ease),box-shadow .35s var(--ease),border-color .35s var(--ease);flex-direction:column;padding:20px;display:flex}.book-card:hover{border-color:var(--brand);transform:translateY(-7px);box-shadow:0 22px 50px #0f172a1a}.book-badge{letter-spacing:.12em;text-transform:uppercase;border-radius:999px;align-self:flex-start;margin-bottom:14px;padding:4px 11px;font-size:10.5px;font-weight:700}.b-blue{color:#1d4ed8;background:#dbeafe;border:1px solid #bfdbfe}.b-amber{color:#b45309;background:#fef3c7;border:1px solid #fde68a}.b-rose{color:#be123c;background:#ffe4e6;border:1px solid #fecdd3}.b-green{color:#15803d;border:1px solid var(--new-border);background:#dcfce7}.book-cover{aspect-ratio:3/4;color:#0000;background:#f1f5f9;border-radius:10px;margin-bottom:16px;font-size:0;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #0f172a0a,0 6px 18px #0f172a0f}.book-cover img{object-fit:cover;width:100%;height:100%;transition:transform .6s var(--ease);display:block}.book-card:hover .book-cover img{transform:scale(1.04)}.book-cover:after{content:none}.cov-blue,.cov-amber,.cov-rose,.cov-green{background:#f1f5f9}.book-card h3{letter-spacing:-.01em;color:var(--text);margin-bottom:6px;font-size:17px;font-weight:800}.book-sub{color:var(--brand);margin-bottom:12px;font-size:13px;font-weight:600}.book-tags{color:var(--muted);flex:1;margin-bottom:18px;font-size:12.5px}.book-card .btn{width:100%;min-height:48px;margin-top:auto;padding:11px 16px;font-size:13.5px}.bonus-card{border-radius:var(--radius);color:#fff;background:linear-gradient(135deg,#1d4ed8 0%,#2563eb 55%,#3b82f6 100%);border:1px solid #1e40af;align-items:center;gap:22px;padding:28px 32px;display:flex;position:relative;overflow:hidden;box-shadow:0 18px 44px -18px #2563eb8c,0 8px 20px -12px #1d4ed873}.bonus-card:before{content:"";pointer-events:none;background:radial-gradient(circle at 12% 10%,#ffffff2e,#0000 45%),radial-gradient(circle at 92% 90%,#93c5fd47,#0000 50%);position:absolute;inset:0}.bonus-card>*{z-index:1;position:relative}.bonus-emoji{filter:drop-shadow(0 4px 10px #00000040);flex:none;font-size:44px;animation:3.4s ease-in-out infinite bob}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}.bonus-badge{letter-spacing:.14em;color:#78350f;text-transform:uppercase;background:#fef08a;border:1px solid #fcd34d;border-radius:999px;margin-bottom:10px;padding:4px 12px;font-size:10.5px;font-weight:800;display:inline-block;box-shadow:0 2px 8px #00000026}.bonus-card h3{color:#fff;letter-spacing:-.01em;margin-bottom:6px;font-size:22px;font-weight:800}.bonus-card p{color:#ffffffeb;font-size:14.5px;line-height:1.55}.bonus-card p strong{color:#fef08a;font-weight:800}.swipe-hint{color:var(--muted);text-align:center;margin-top:12px;font-size:12.5px;display:none}.carousel-dots{justify-content:center;gap:8px;margin-top:16px;display:none}.carousel-dots i{width:7px;height:7px;transition:all .3s var(--ease);background:#cbd5e1;border-radius:50%}.carousel-dots i.on{background:var(--brand);border-radius:99px;width:22px}.book-nav-arrow{display:none}.testi-grid{grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:48px;display:grid}.testi-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-card);transition:transform .35s var(--ease),box-shadow .35s var(--ease);flex-direction:column;padding:28px;display:flex}.testi-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-5px)}.stars{color:var(--star);letter-spacing:2px;margin-bottom:14px;font-size:15px}.testi-card blockquote{color:var(--text-soft);flex:1;margin-bottom:18px;font-size:14.5px;line-height:1.65}.testi-who{align-items:center;gap:12px;display:flex}.avatar{color:#0000;border:1px solid var(--border);background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:50%;flex:none;justify-content:center;align-items:center;width:42px;height:42px;font-size:14px;font-weight:800;display:flex;overflow:hidden}.av-1{background-image:url(/avatars/ahmed.webp)}.av-2{background-image:url(/avatars/sara.webp)}.av-3{background-image:url(/avatars/usman.webp)}.testi-who b{color:var(--text);align-items:center;gap:4px;font-size:14px;display:flex}.verified-tick{vertical-align:middle;flex-shrink:0;display:inline-block}.testi-who span{color:var(--muted);font-size:12.5px}.proof-row{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);text-align:center;box-shadow:var(--shadow-sm);grid-template-columns:repeat(4,1fr);gap:14px;padding:28px 20px;display:grid}.proof-row b{letter-spacing:-.02em;color:var(--brand);font-size:clamp(22px,3vw,30px);font-weight:800;display:block}.proof-row span{color:var(--muted);font-size:12.5px}#free-demo{background:radial-gradient(ellipse at 50% 100%,#0064e00f 0%,transparent 60%), var(--bg-subtle)}.demo-box{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);text-align:left;max-width:560px;box-shadow:var(--shadow-card);margin:36px auto 0;padding:26px 30px}.demo-box li{color:var(--text-soft);border-bottom:1px solid var(--border);padding:9px 0;font-size:14.5px;list-style:none}.demo-box li:last-child{border:none}.price-card{background:var(--surface);border:2px solid var(--brand);isolation:isolate;border-radius:20px;max-width:500px;margin:0 auto;padding:40px 36px;position:relative;overflow:hidden;box-shadow:0 30px 80px #0064e01f,0 8px 24px #0f172a0f}.price-card:before{content:"";pointer-events:none;background:radial-gradient(at 50% 0,#0064e01a,#0000 70%);height:120px;position:absolute;top:0;left:0;right:0}.ribbon{background:var(--brand);color:#fff;letter-spacing:.1em;text-transform:uppercase;z-index:5;padding:6px 48px;font-size:10.5px;font-weight:700;position:absolute;top:18px;right:-42px;transform:rotate(38deg);box-shadow:0 4px 14px #0064e059}.strike{color:var(--muted);font-size:15px;text-decoration:line-through}.price{letter-spacing:-.03em;color:var(--text);margin:6px 0 4px;font-size:clamp(44px,7vw,58px);font-weight:800;line-height:1.1}.price-cap{color:var(--muted);margin-bottom:26px;font-size:13.5px}.gets{margin-bottom:26px;list-style:none;position:relative}.gets li{color:var(--text-soft);border-bottom:1px solid var(--border);padding:10px 0;font-size:14.5px}.gets li:last-child{border:none}.guarantee{border:1px solid var(--new-border);color:var(--text-soft);background:#f0fdf4;border-radius:12px;margin-bottom:26px;padding:18px 20px;font-size:14px}.guarantee b{color:var(--new-text);margin-bottom:4px;display:block}.urgency{color:#b45309;text-align:center;margin-top:14px;font-size:13.5px;font-weight:600}.price-card .btn-lg{width:100%;min-height:66px;font-size:18px}.bundle-image{aspect-ratio:16/10;background:var(--bg-subtle);border:1px solid var(--border);box-shadow:var(--shadow-card);z-index:1;border-radius:16px;margin:0 0 24px;transition:transform .35s,box-shadow .35s;position:relative;overflow:hidden}.bundle-image:after{content:none}.bundle-image:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.bundle-image img{object-fit:cover;width:100%;height:100%;display:block}.bundle-image-inner{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:16px;display:flex;position:absolute;inset:0}.bundle-image-icon{font-size:38px;line-height:1}.bundle-image-text{letter-spacing:.04em;color:var(--brand);text-transform:uppercase;font-size:13px;font-weight:600}.trust-grid{grid-template-columns:1.2fr 1fr;align-items:start;gap:40px;display:grid}.trust-text p{color:var(--text-soft);margin-bottom:18px;font-size:15px}.trust-text p strong{color:var(--text)}.brand-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);text-align:center;box-shadow:var(--shadow-card);padding:32px;position:sticky;top:90px}.gs-avatar{background:var(--brand);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;margin:0 auto 16px;font-size:24px;font-weight:800;display:flex;box-shadow:0 8px 24px #0064e04d}.brand-card h3{color:var(--text);font-size:20px;font-weight:800}.brand-card .est{letter-spacing:.14em;color:var(--muted);text-transform:uppercase;margin:6px 0 14px;font-size:11px}.brand-card .quote{color:var(--muted);margin-bottom:24px;font-size:13.5px;font-style:italic}.brand-stats{grid-template-columns:1fr 1fr;gap:12px;display:grid}.brand-stats div{background:var(--bg-subtle);border:1px solid var(--border);border-radius:10px;padding:14px 8px}.brand-stats b{color:var(--brand);font-size:19px;font-weight:800;display:block}.brand-stats span{color:var(--muted);font-size:11.5px}footer{border-top:1px solid var(--border);text-align:center;color:var(--muted);background:var(--bg-subtle);padding:36px 20px 40px;font-size:13.5px}footer a{color:var(--text-soft);border-bottom:1px solid #0f172a26;text-decoration:none;transition:color .25s,border-color .25s}footer a:hover{color:var(--brand);border-bottom-color:var(--brand)}#toTop{background:var(--surface);border:1px solid var(--border);width:48px;height:48px;color:var(--text);cursor:pointer;z-index:998;opacity:0;pointer-events:none;box-shadow:var(--shadow-card);border-radius:14px;justify-content:center;align-items:center;font-size:18px;transition:opacity .3s,transform .3s;display:flex;position:fixed;bottom:18px;right:18px;transform:translateY(8px)}#toTop.show{opacity:1;pointer-events:auto;transform:none}@media (width<=1024px){.books{grid-template-columns:repeat(2,1fr)}.testi-grid{grid-template-columns:1fr 1fr}.testi-card:last-child{grid-column:1/-1}}@media (width<=768px){section{padding:64px 0}.hero{padding:84px 0 56px}.wrap{padding:0 18px}h1{font-size:clamp(32px,8.5vw,46px);line-height:1.15}.sec-title{font-size:clamp(24px,6vw,32px);line-height:1.2}.hero-sub{font-size:16px}.hero-support{font-size:14.5px}.hero-desc{font-size:14px}.stats{grid-template-columns:1fr 1fr;gap:14px}.stat b{font-size:18px}.stat span{font-size:12px}.compare,.pain-grid,.testi-grid{grid-template-columns:1fr}.testi-card:last-child{grid-column:auto}.proof-row{grid-template-columns:1fr 1fr;gap:22px}.trust-grid{grid-template-columns:1fr}.brand-card{position:static}.btn{border-radius:14px;width:100%;min-height:50px;padding:13px 18px;font-size:14px;line-height:1.18}.btn-lg{border-radius:16px;min-height:58px;padding:16px 22px;font-size:16px}.hero-cta-block .btn-lg{width:100%}.bonus-card{text-align:center;flex-direction:column;align-items:center}.books{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:14px;margin:0 -18px 8px;padding:4px 18px 16px;display:flex;overflow-x:auto}.books::-webkit-scrollbar{display:none}.book-card{scroll-snap-align:center;flex:0 0 82%}.swipe-hint{display:block}.carousel-dots{display:flex}.book-nav-wrap{position:relative}.book-nav-arrow{z-index:6;width:42px;height:42px;color:var(--brand);border:1px solid var(--border);cursor:pointer;transition:opacity .2s var(--ease), transform .15s var(--ease);background:#fffffff2;border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:26px;font-weight:700;line-height:1;display:flex;position:absolute;top:38%;transform:translateY(-50%);box-shadow:0 6px 20px #0f172a1f}.book-nav-arrow.prev{left:6px}.book-nav-arrow.next{right:6px}.book-nav-arrow:active{transform:translateY(-50%)scale(.9)}.book-nav-arrow[disabled]{opacity:.3;pointer-events:none}.ribbon{font-size:9.5px;right:-48px}.price-card{padding:28px 20px}.price{font-size:44px}nav .wrap .btn{white-space:nowrap;border-radius:12px;width:auto;min-height:42px;padding:9px 14px;font-size:13px}.logo{font-size:18px}#toTop{bottom:88px;right:14px}body{padding-bottom:84px}footer{padding-bottom:24px}}@media (width<=380px){.btn{padding-left:14px;padding-right:14px;font-size:13.5px}nav .wrap .btn{padding-left:10px;padding-right:10px;font-size:12px}.stats{grid-template-columns:1fr 1fr;gap:10px}}@media (width>=769px){footer{padding-bottom:36px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}html{scroll-behavior:auto}.reveal,.reveal-scale,.reveal-left,.reveal-right,[data-stagger]>*{opacity:1!important;transform:none!important}}.outline-modal{z-index:1000;opacity:1;justify-content:center;align-items:center;padding:24px;display:none;position:fixed;inset:0}.outline-modal.open{opacity:1;animation:.22s forwards omFade;display:flex}.om-backdrop{background:#0f172a9e;position:absolute;inset:0}.om-sheet{opacity:1;background:#fff;border-radius:22px;flex-direction:column;width:100%;max-width:780px;max-height:90vh;display:flex;position:relative;overflow:hidden;transform:none;box-shadow:0 30px 80px -20px #0f172a59,0 0 0 1px #0f172a0d}.outline-modal.open .om-sheet{animation:.28s cubic-bezier(.2,.8,.25,1) both omPop}@keyframes omFade{0%{opacity:0}to{opacity:1}}@keyframes omPop{0%{opacity:0;transform:translateY(14px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.om-head{color:#fff;background:linear-gradient(135deg,#0064e0,#3b82f6);justify-content:space-between;align-items:flex-start;gap:12px;padding:22px 24px 18px;display:flex;position:relative}.outline-modal[data-color=amber] .om-head{background:linear-gradient(135deg,#92400e,#f59e0b)}.outline-modal[data-color=rose] .om-head{background:linear-gradient(135deg,#9f1239,#fb7185)}.outline-modal[data-color=green] .om-head{background:linear-gradient(135deg,#065f46,#10b981)}.om-head:after{content:"";pointer-events:none;background:radial-gradient(120% 80% at 0 0,#ffffff2e,#0000 60%);position:absolute;inset:0}.om-head-inner{z-index:1;position:relative}.om-eyebrow{letter-spacing:.14em;text-transform:uppercase;background:#ffffff2e;border-radius:999px;margin-bottom:8px;padding:5px 10px;font-size:11px;font-weight:600;display:inline-block}.om-head h3{letter-spacing:-.01em;margin:0;font-size:22px;font-weight:800;line-height:1.2}.om-sub{opacity:.85;margin:6px 0 0;font-size:13px}.om-close{z-index:1;color:#fff;cursor:pointer;background:#ffffff2e;border:0;border-radius:50%;place-items:center;width:36px;height:36px;font-size:22px;line-height:1;transition:background .2s,transform .2s;display:grid;position:relative}.om-close:hover{background:#ffffff4d;transform:rotate(90deg)}.om-body{-webkit-overflow-scrolling:touch;background:#fff;flex:1;padding:18px 22px 8px;overflow-y:auto}.om-body::-webkit-scrollbar{width:8px}.om-body::-webkit-scrollbar-thumb{background:#dbe1ea;border-radius:8px}.om-module{border-bottom:1px solid #eef1f6;padding:14px 0}.om-module:last-child{border-bottom:0}.om-mod-head{margin-bottom:10px}.om-mod-num{letter-spacing:.12em;text-transform:uppercase;color:#0064e0;background:#eef4ff;border-radius:6px;margin-bottom:6px;padding:4px 9px;font-size:11px;font-weight:700;display:inline-block}.outline-modal[data-color=amber] .om-mod-num{color:#b45309;background:#fef3c7}.outline-modal[data-color=rose] .om-mod-num{color:#be123c;background:#ffe4e6}.outline-modal[data-color=green] .om-mod-num{color:#047857;background:#d1fae5}.om-mod-head h4{color:#0f172a;letter-spacing:-.005em;margin:2px 0;font-size:16.5px;font-weight:700}.om-mod-tag{color:#64748b;margin:0;font-size:13px}.om-lessons{flex-direction:column;gap:6px;margin:8px 0 0;padding:0;list-style:none;display:flex}.om-lesson{background:#f7f9fc;border-radius:10px;align-items:flex-start;gap:10px;padding:10px 12px;transition:background .18s,transform .18s;display:flex}.om-lesson:hover{background:#eef4ff;transform:translate(2px)}.om-pill{letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;border-radius:6px;flex:none;margin-top:1px;padding:4px 8px;font-size:10.5px;font-weight:700;line-height:1.2}.om-pill-lesson{color:#1d4ed8;background:#dbeafe}.om-pill-lab{color:#15803d;background:#dcfce7}.om-pill-case{color:#b45309;background:#fef3c7}.om-pill-assign{color:#6d28d9;background:#ede9fe}.om-pill-swipe{color:#be185d;background:#fce7f3}.om-pill-tool{color:#0e7490;background:#cffafe}.om-pill-bonus{color:#854d0e;background:#fef08a}.om-lesson-text{color:#1e293b;font-size:14px;line-height:1.5}.om-foot{background:#fff;border-top:1px solid #eef1f6;flex-wrap:wrap;justify-content:flex-end;gap:10px;padding:14px 22px;display:flex}.om-foot .btn{padding:11px 18px;font-size:13.5px}@media (width<=640px){.outline-modal{align-items:flex-end;padding:0}.om-sheet{border-radius:20px 20px 0 0;max-width:100%;max-height:92vh;animation:.32s cubic-bezier(.2,.8,.25,1) forwards omSheetUp;transform:translateY(40px)}@keyframes omSheetUp{to{opacity:1;transform:translateY(0)}}.om-head{padding:18px 18px 16px}.om-head h3{font-size:19px}.om-body{padding:14px 16px 6px}.om-mod-head h4{font-size:15.5px}.om-lesson-text{font-size:13.5px}.om-foot{flex-direction:column-reverse;padding:12px 16px}.om-foot .btn{text-align:center;width:100%}.om-sheet:before{content:"";z-index:2;background:#ffffff80;border-radius:4px;width:38px;height:4px;position:absolute;top:8px;left:50%;transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){.outline-modal.open,.om-sheet{opacity:1!important;animation:none!important;transform:none!important}}.logo{align-items:center;gap:10px;display:inline-flex}.logo .logo-dot{background:var(--brand);border-radius:50%;flex:none;width:7px;height:7px;box-shadow:0 0 12px #0064e066}.btn-nav{border-radius:999px;min-height:44px;padding:10px 20px;font-size:14px}.announce-outline{border:1px solid var(--new-border);color:var(--green);text-align:center;background:#f0fdf4;border-radius:999px;justify-content:center;align-items:center;gap:8px;max-width:max-content;margin-left:auto;margin-right:auto;padding:8px 14px;font-size:13px;font-weight:500;display:inline-flex;box-shadow:0 1px 2px #16a34a0f}.announce-outline .dot{background:var(--green);width:6px;height:6px;animation:2s infinite pulse-dot-green;box-shadow:0 0 #16a34a80}@keyframes pulse-dot-green{0%{box-shadow:0 0 #16a34a73}70%{box-shadow:0 0 0 9px #16a34a00}to{box-shadow:0 0 #16a34a00}}.underline-accent{color:var(--brand);display:inline-block;position:relative}.underline-accent:after{content:"";background:var(--brand);border-radius:2px;height:.12em;position:absolute;bottom:-.05em;left:2%;right:2%;box-shadow:0 4px 14px #0064e059}.hero-pre{letter-spacing:-.01em;color:var(--text-soft);animation:float-in .8s .18s var(--ease) both;margin:6px auto 4px;font-size:clamp(20px,3.2vw,30px);font-weight:700}.announce-outline{color:#065f46;background:#ecfdf5;border:1px solid #a7f3d0;font-weight:600;box-shadow:0 1px 2px #065f460f}.announce-outline .dot{background:#059669;box-shadow:0 0 #05966980}.underline-accent{color:var(--brand);text-decoration:none}.underline-accent:after{background:var(--brand);opacity:.18;height:.14em;box-shadow:none;border-radius:3px;bottom:.02em;left:0;right:0}.btn-outline.btn-nav{background:var(--brand);color:#fff;border:1px solid var(--brand);box-shadow:0 4px 12px #0064e033}.btn-outline.btn-nav:hover{background:var(--brand-hover);border-color:var(--brand-hover);color:#fff;transform:translateY(-1px)}.compare-card.old{background:#fef7f7;border-color:#fecdd3}.compare-card.new{background:#f1fdf6;border-color:#bbf7d0}.old li,.new li{color:var(--text);font-weight:500}.old .badge{color:#fff;background:#dc2626;border:none;box-shadow:0 2px 6px #dc262640}.new .badge{color:#fff;background:#16a34a;border:none;box-shadow:0 2px 6px #16a34a40}.mark-x{color:var(--red);flex-shrink:0;font-size:1.15em;font-weight:700;line-height:1.1}.mark-v{color:var(--green);flex-shrink:0;font-size:1.15em;font-weight:700;line-height:1.1}.book-badge{color:#fff;border:none;box-shadow:0 2px 6px #0f172a1f}.b-blue{background:#0064e0}.b-amber{background:#d97706}.b-rose{background:#e11d48}.b-green{background:#16a34a}.book-tags{color:var(--text-soft);font-weight:500}.book-card .btn.btn-outline.outline-btn{color:var(--brand);background:#eff6ff;border:1px solid #bfdbfe;font-weight:700}.book-card .btn.btn-outline.outline-btn:hover{background:var(--brand);color:#fff;border-color:var(--brand)}.pain-card p{color:var(--text-soft)}.callout{color:var(--text)}h2.sec-title.reveal,h2.sec-title.reveal.in{opacity:1}.ribbon{letter-spacing:.14em;text-shadow:0 1px 2px #00000047;font-weight:800}.urgency{color:var(--text-soft);font-weight:600}.urgency .note-icon{color:var(--cta);margin-right:4px}.gets li{color:var(--text)}body{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Apple Color Emoji,Segoe UI Emoji,Noto Color Emoji,Twemoji Mozilla,sans-serif}.reveal,.reveal-left,.reveal-right{opacity:1}.reveal-scale,.reveal.in,.reveal-left.in,.reveal-right.in,.reveal-scale.in{opacity:1;transform:none}[data-stagger]>*,[data-stagger].in>*{opacity:1}@media (scripting:none){.reveal,.reveal-scale,.reveal-left,.reveal-right,[data-stagger]>*{opacity:1!important;transform:none!important}}.stars,.testi-card .stars,.rev-stars,.review-stars{color:#f59e0b}.callout{font-size:15.5px;line-height:1.65}@media (width<=768px){.hero{padding:110px 0 40px}.offer-page .hero{padding:72px 0 40px}.hero-cta-block{margin-bottom:32px}.stats{gap:10px;margin-top:4px}.stat{padding:14px 10px}section{padding:52px 0}h2.sec-title{letter-spacing:-.02em;font-size:clamp(22px,6.2vw,30px);line-height:1.22}.eyebrow{letter-spacing:.14em;font-size:11px}.book-card .btn.btn-outline.outline-btn{background:var(--brand);color:#fff;border-color:var(--brand);font-weight:700;box-shadow:0 6px 16px #0064e038}.book-card .btn.btn-outline.outline-btn:hover,.book-card .btn.btn-outline.outline-btn:active{background:var(--brand-hover);border-color:var(--brand-hover);color:#fff}.pain-card p,.hero-desc,.sec-sub{font-size:15px;line-height:1.65}.compare-card{padding:22px 18px}.compare-card ul{padding-left:0}.old li,.new li{padding:10px 0;font-size:14.5px;line-height:1.5}.price-card{padding:24px 18px}.gets li{padding:10px 0;font-size:14.5px}}@media (width<=360px){h1{font-size:30px;line-height:1.18}h2.sec-title{font-size:20px}.hero-cta-block .btn-lg{font-size:15px}.stat b{font-size:16px}.stat span{font-size:11px}}@media (width<=900px) and (orientation:landscape){.hero{padding:96px 0 32px}.offer-page .hero{padding:64px 0 32px}.hero-cta-block{margin-bottom:24px}}@media (width<=768px){nav{background:#fffffff7}.book-nav-arrow{background:#fff}.hero:before{filter:none;animation:none}.btn-primary:hover,.stat:hover,.compare-card:hover,.compare-card.old:hover,.compare-card.new:hover,.pain-card:hover,.book-card:hover,.hero-video:hover,.testi-card:hover{box-shadow:var(--shadow-sm);transform:none}.reveal,.reveal-left,.reveal-right,.reveal-scale{transition:opacity .5s var(--ease);transform:none}.orb,.bonus-emoji{animation:none!important}}#shift,#pain,#inside,#results,#free-demo,#pricing,#trust,#faq,#final-cta,footer{content-visibility:auto;contain-intrinsic-size:1px 900px}@media (width<=768px){#shift,#pain,#inside,#results,#free-demo,#pricing,#trust,#faq,#final-cta,footer{contain-intrinsic-size:1px 1200px}}.offer-bar{z-index:1000;color:#fff;background:linear-gradient(90deg,#ff3d7f 0%,#ff6b2c 100%);font-family:Inter,ui-sans-serif,system-ui,sans-serif;position:fixed;top:0;left:0;right:0;box-shadow:0 2px 12px #00000040}.offer-bar-inner{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;padding:8px 12px;line-height:1.2;display:flex}.offer-bar-text{letter-spacing:.01em;text-align:center;font-size:13px;font-weight:600}.offer-bar-text b{font-weight:800}.offer-bar-timer{letter-spacing:.06em;white-space:nowrap;background:#00000047;border:1px solid #ffffff2e;border-radius:8px;padding:4px 10px;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:13px;font-weight:800}@media (width<=560px){.offer-bar-text{font-size:11.5px;line-height:1.25}.offer-bar-timer{padding:3px 8px;font-size:12px}.offer-bar-inner{gap:6px;padding:6px 10px}}@media (width<=380px){.offer-bar-text{font-size:10.5px}.offer-bar-timer{padding:3px 7px;font-size:11px}.offer-bar-inner{gap:5px;padding:5px 8px}}.offer-page #top{padding-top:190px!important}@media (width<=560px){.offer-page #top{padding-top:155px!important}}@media (width<=380px){.offer-page #top{padding-top:145px!important}}
