:root{--brand:#073B3A;--brand-deep:#042524;--brand-soft:#0F6B68;--accent:#25D366;--accent-strong:#14A84B;--accent-ink:#04291B;--accent-glow:rgba(37,211,102,.5);--glow-1:rgba(37,211,102,.18);--glow-2:rgba(20,150,150,.30);--halo:rgba(37,211,102,.20);--tint:#E8F9EF;--tint2:#EAF4F3;--spine-1:#021514;--spine-2:#0C4F4D;--combo-bg:linear-gradient(135deg,#14213D 0%,#0B3D2E 55%,#073B3A 100%)}
@font-face{font-family:"Inter";src:url(fonts/inter.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:"Jakarta";src:url(fonts/jakarta.woff2) format("woff2");font-weight:200 800;font-style:normal;font-display:swap}
:root{--ink:#0E1626;--ink-2:#2B364A;--muted:#5A667A;--line:#E5E8EE;--alt:#F6F7F9;--white:#fff;--r-sm:12px;--r:18px;--r-lg:26px;
--sh-1:0 1px 2px rgba(14,22,38,.06),0 4px 14px -6px rgba(14,22,38,.10);
--sh-2:0 2px 4px rgba(14,22,38,.04),0 18px 40px -16px rgba(14,22,38,.22);
--sh-3:0 40px 80px -30px rgba(0,0,0,.55),0 18px 30px -18px rgba(0,0,0,.35)}
*,*::before,*::after{box-sizing:border-box}
*{margin:0;padding:0}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{font-family:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif;font-size:16.5px;line-height:1.65;color:var(--ink);background:#fff;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}
img,svg{display:block;max-width:100%}
img{height:auto}
a{color:inherit}
ul{list-style:none}
strong{font-weight:650;color:var(--ink)}
.wrap{width:100%;max-width:1180px;margin:0 auto;padding:0 22px}
.narrow{max-width:820px}
h1,h2,h3,h4{font-family:"Jakarta","Inter",sans-serif;font-weight:800;letter-spacing:-.028em;line-height:1.08;color:var(--ink)}
h2{font-size:clamp(30px,6.6vw,48px);max-width:16ch}
h3{font-size:20px;letter-spacing:-.018em;line-height:1.25;font-weight:700}
.center{text-align:center}.center h2,.center .lead{margin-left:auto;margin-right:auto}
.center h2{max-width:22ch}
.lead{font-size:18px;line-height:1.6;color:var(--muted);max-width:60ch;margin-top:18px}
.kicker{display:inline-flex;align-items:center;gap:10px;font-size:12.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--brand-soft);margin-bottom:18px}
.kicker::before{content:"";width:24px;height:2px;border-radius:2px;background:var(--accent)}
.center .kicker{justify-content:center}
.sec{padding:84px 0;position:relative}
.sec.alt{background:var(--alt)}
.sec.tint{background:var(--tint)}
.ico{width:22px;height:22px;flex:none;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:58px;padding:0 30px;border-radius:14px;background:var(--accent);color:var(--accent-ink);font-family:"Jakarta",sans-serif;font-weight:800;font-size:17px;letter-spacing:-.01em;text-decoration:none;box-shadow:0 14px 30px -12px var(--accent-glow),inset 0 -3px 0 rgba(0,0,0,.14),inset 0 1px 0 rgba(255,255,255,.35);transition:transform .18s ease,box-shadow .18s ease,filter .18s ease;white-space:nowrap}
.btn:hover{transform:translateY(-2px);filter:brightness(1.04);box-shadow:0 20px 38px -12px var(--accent-glow),inset 0 -3px 0 rgba(0,0,0,.14)}
.btn .ico{width:20px;height:20px;stroke-width:2.4}
.btn-block{width:100%}
.btn-ghost{background:transparent;color:inherit;box-shadow:inset 0 0 0 1.5px currentColor;opacity:.9}
.cta-note{display:flex;flex-wrap:wrap;gap:6px 18px;margin-top:16px;font-size:14px;color:var(--muted)}
.cta-note span{display:inline-flex;align-items:center;gap:7px}
.cta-note .ico{width:16px;height:16px;color:var(--accent-strong)}

/* header + hero */
.hero{position:relative;background:var(--brand-deep);color:#fff;overflow:hidden;isolation:isolate}
.hero::before{content:"";position:absolute;inset:0;z-index:-1;background:
 radial-gradient(900px 520px at 85% 8%,var(--glow-1),transparent 60%),
 radial-gradient(700px 600px at -10% 110%,var(--glow-2),transparent 60%),
 linear-gradient(180deg,var(--brand) 0%,var(--brand-deep) 100%)}
.hero::after{content:"";position:absolute;inset:0;z-index:-1;opacity:.5;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:56px 56px;-webkit-mask-image:radial-gradient(ellipse 70% 60% at 70% 30%,#000 10%,transparent 75%);mask-image:radial-gradient(ellipse 70% 60% at 70% 30%,#000 10%,transparent 75%)}
.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 0}
.brand{display:flex;align-items:center;gap:10px;font-family:"Jakarta";font-weight:800;font-size:17px;letter-spacing:-.02em;color:#fff;text-decoration:none}
.brand-mark{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;background:var(--accent);color:var(--accent-ink)}
.brand-mark .ico{width:18px;height:18px;stroke-width:2.4}
.topbar .btn{min-height:42px;padding:0 18px;font-size:14.5px;border-radius:11px;box-shadow:none}
.topbar .by{display:none;font-size:14px;color:rgba(255,255,255,.62)}
.hero-grid{display:grid;gap:48px;padding:36px 0 72px}
.pill{display:inline-flex;align-items:center;gap:8px;padding:7px 14px 7px 8px;border-radius:999px;background:rgba(255,255,255,.07);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12);font-size:13.5px;font-weight:600;color:rgba(255,255,255,.88)}
.pill b{display:inline-grid;place-items:center;height:22px;padding:0 9px;border-radius:999px;background:var(--accent);color:var(--accent-ink);font-size:11.5px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}
.hero h1{color:#fff;font-size:clamp(34px,8.4vw,56px);line-height:1.05;letter-spacing:-.035em;margin-top:22px;max-width:17ch}
.hero h1 em{font-style:normal;color:var(--accent)}
.hero .sub{margin-top:22px;font-size:18.5px;line-height:1.6;color:rgba(255,255,255,.74);max-width:54ch}
.hero-cta{margin-top:32px;display:flex;flex-direction:column;gap:14px;align-items:stretch}
.price-inline{display:flex;align-items:baseline;gap:10px;white-space:nowrap;color:rgba(255,255,255,.7);font-size:14.5px}
.price-inline strong{color:#fff;font-family:"Jakarta";font-size:26px;letter-spacing:-.02em}
.hero .cta-note{color:rgba(255,255,255,.66)}
.hero .cta-note .ico{color:var(--accent)}
.hero-bullets{display:grid;gap:10px;margin-top:28px}
.hero-bullets li{display:flex;gap:12px;align-items:flex-start;color:rgba(255,255,255,.86);font-size:16px}
.hero-bullets .ico{width:20px;height:20px;margin-top:2px;color:var(--accent);stroke-width:2.6}

/* visual */
.visual{position:relative;aspect-ratio:1/1.02;width:100%;max-width:560px;margin:0 auto}
.visual .halo{position:absolute;inset:8% 4% 4% 4%;border-radius:50%;background:radial-gradient(circle,var(--halo) 0%,transparent 68%);filter:blur(10px)}
.book{position:absolute;width:46%;left:0;top:22%;transform:perspective(1800px) rotateY(16deg) rotateX(2deg) rotateZ(-1deg);transform-style:preserve-3d;z-index:3;filter:drop-shadow(0 40px 40px rgba(0,0,0,.45)) drop-shadow(0 8px 12px rgba(0,0,0,.25))}
.book img{width:100%;height:auto;border-radius:2px 6px 6px 2px;position:relative}
.book::before{content:"";position:absolute;top:0;bottom:0;left:0;width:26px;transform-origin:left center;transform:rotateY(-90deg);background:linear-gradient(90deg,var(--spine-1),var(--spine-2));border-radius:2px 0 0 2px}
.book::after{content:"";position:absolute;inset:0;border-radius:2px 6px 6px 2px;background:linear-gradient(90deg,rgba(0,0,0,.28) 0,rgba(255,255,255,.18) 2.2%,rgba(0,0,0,.08) 4%,transparent 7%),linear-gradient(115deg,rgba(255,255,255,.14) 0%,transparent 38%);pointer-events:none}
.ui{position:absolute;z-index:2;right:0;top:5%;width:62%;background:#fff;border-radius:18px;box-shadow:var(--sh-3);overflow:hidden;color:var(--ink);transform:rotate(1.5deg)}
.visual{container-type:inline-size}
.ui{font-size:2.25cqw}
.chip{position:absolute;z-index:4;display:flex;align-items:center;gap:.74em;padding:.74em 1.04em .74em .74em;border-radius:1.04em;background:#fff;color:var(--ink);box-shadow:var(--sh-2);font-size:max(11px,2.8cqw);font-weight:600;line-height:1.25;white-space:nowrap}
.chip i{display:grid;place-items:center;width:2.5em;height:2.5em;border-radius:.75em;background:var(--tint);color:var(--brand)}
.chip i .ico{width:1.33em;height:1.33em}
.chip small{display:block;font-size:.85em;font-weight:500;color:var(--muted)}
.chip.c1{left:0;bottom:5%}
.chip.c2{right:-1%;bottom:-1%}
.ui-label{position:absolute;z-index:4;right:0;bottom:-34px;font-size:11.5px;color:rgba(255,255,255,.5);white-space:nowrap}

/* chat ui (IA) */
.win-bar{display:flex;align-items:center;gap:.5em;padding:.95em 1.2em;border-bottom:1px solid var(--line);background:#FAFBFC}
.win-bar span{width:.78em;height:.78em;border-radius:50%;background:#E3E6EB;flex:none}
.win-bar em{font-style:normal;margin-left:.6em;font-size:1em;font-weight:600;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.chat{padding:1.2em;display:grid;gap:.86em;font-size:1em;line-height:1.5}
.msg{padding:.86em 1.03em;border-radius:1.03em;max-width:92%}
.msg.me{justify-self:end;background:var(--brand);color:#fff;border-bottom-right-radius:.3em}
.msg.ai{background:#F3F5F8;color:var(--ink-2);border-bottom-left-radius:.3em}
.msg.ai b{display:flex;align-items:center;gap:.5em;font-size:.86em;letter-spacing:.08em;text-transform:uppercase;color:var(--brand-soft);margin-bottom:.43em}
.msg.ai b .ico{width:1.3em;height:1.3em}
.msg.note{background:var(--tint);color:var(--ink-2);border-left:3px solid var(--accent);border-radius:.5em 1.03em 1.03em .5em}

/* phone ui (WA) */
.phone{position:absolute;z-index:2;right:3%;top:0;width:50%;aspect-ratio:9/18.4;border-radius:3.2em;background:#0B0F14;padding:.85em;box-shadow:var(--sh-3),inset 0 0 0 1.5px rgba(255,255,255,.12);transform:rotate(3deg);font-size:1.9cqw}
.screen{width:100%;height:100%;border-radius:2.45em;overflow:hidden;background:#EFE7DD;display:flex;flex-direction:column}
.wa-head{display:flex;align-items:center;gap:.85em;padding:2.26em 1.13em .94em;background:#075E54;color:#fff;font-size:1.13em;font-weight:600;line-height:1.2}
.wa-head i{width:2.4em;height:2.4em;border-radius:50%;background:#25D366;display:grid;place-items:center;font-style:normal;font-weight:800;font-size:.9em;color:#063;flex:none}
.wa-head small{display:block;font-weight:400;opacity:.75;font-size:.83em}
.wa-body{flex:1;padding:.94em .85em;display:flex;flex-direction:column;gap:.57em;font-size:1em;line-height:1.42;background:#EFE7DD radial-gradient(rgba(0,0,0,.035) 1px,transparent 1px) 0 0/12px 12px}
.b{max-width:86%;padding:.57em .85em;border-radius:.85em;box-shadow:0 1px 1px rgba(0,0,0,.08);color:#111}
.b.in{background:#fff;align-self:flex-start;border-top-left-radius:.2em}
.b.out{background:#D9FDD3;align-self:flex-end;border-top-right-radius:.2em}
.b.tag{align-self:center;background:rgba(255,255,255,.85);font-size:.8em;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#54656F;padding:.3em .8em;border-radius:.6em;box-shadow:none}

/* sheet ui (Kit) */
.sheet-tabs{display:flex;gap:.35em;padding:.7em 1.04em 0;background:#FAFBFC;border-bottom:1px solid var(--line);overflow:hidden}
.sheet-tabs span{font-size:.87em;font-weight:600;padding:.6em .8em;border-radius:.6em .6em 0 0;color:var(--muted);white-space:nowrap}
.sheet-tabs span.on{background:#fff;color:var(--brand);box-shadow:inset 0 2px 0 var(--brand-soft),1px 0 0 var(--line),-1px 0 0 var(--line)}
.sheet-head{display:flex;justify-content:space-between;align-items:center;padding:1.04em 1.22em;background:var(--brand);color:#fff}
.sheet-head b{font-family:"Jakarta";font-size:1.22em}
.sheet-head span{font-size:.96em;font-weight:700;color:var(--accent);background:rgba(255,255,255,.08);padding:.25em .7em;border-radius:.5em}
.kpis{display:grid;grid-template-columns:1fr 1fr;gap:.7em;padding:1.04em}
.kpi{background:var(--tint2);border-radius:.87em;padding:.78em .96em}
.kpi small{display:block;font-size:.83em;font-weight:600;color:var(--muted);line-height:1.3}
.kpi b{font-family:"Jakarta";font-size:1.39em;letter-spacing:-.02em;color:var(--brand)}
.kpi b.neg{color:#C2410C}
.chart-t{padding:.17em 1.22em 0;font-size:.87em;font-weight:700;color:var(--ink-2)}
.bars{display:flex;align-items:flex-end;gap:2.26em;height:8em;padding:.87em 1.9em 0;border-bottom:1px solid var(--line);margin:0 1.22em}
.bars div{flex:1;display:flex;gap:.43em;align-items:flex-end;height:100%;position:relative}
.bars i{flex:1;border-radius:.35em .35em 0 0;background:var(--brand-soft)}
.bars i+i{background:var(--accent)}
.bars u{position:absolute;left:0;right:0;bottom:-1.7em;text-align:center;text-decoration:none;font-size:.83em;color:var(--muted);font-weight:600}
.legend{display:flex;gap:1.22em;padding:2.2em 1.22em 1.22em;font-size:.83em;color:var(--muted)}
.legend span{display:flex;align-items:center;gap:.45em}
.legend span::before{content:"";width:.8em;height:.8em;border-radius:.2em;background:var(--brand-soft)}
.legend span+span::before{background:var(--accent)}

/* facts strip */
.facts{position:relative;z-index:5;margin-top:-40px}
.facts-grid{display:grid;grid-template-columns:1fr 1fr;background:#fff;border-radius:var(--r-lg);box-shadow:var(--sh-2);border:1px solid var(--line);overflow:hidden}
.fact{padding:22px 20px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
.fact:nth-child(2n){border-right:0}
.fact:nth-last-child(-n+2){border-bottom:0}
.fact b{display:block;font-family:"Jakarta";font-weight:800;font-size:30px;letter-spacing:-.03em;line-height:1.1;color:var(--brand)}
.fact span{display:block;margin-top:4px;font-size:14px;line-height:1.4;color:var(--muted)}

/* problem */
.split{display:grid;gap:40px}
.pains{display:grid;gap:12px}
.pain{display:flex;gap:16px;align-items:flex-start;padding:18px 20px;background:#fff;border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--sh-1);font-size:16px;line-height:1.5;color:var(--ink-2)}
.pain i{display:grid;place-items:center;width:40px;height:40px;flex:none;border-radius:12px;background:#FFF1EE;color:#D2462F}
.pain i .ico{width:20px;height:20px}
.turn{margin-top:44px;padding:30px 28px;border-radius:var(--r-lg);background:var(--brand);color:#fff;position:relative;overflow:hidden}
.turn::after{content:"";position:absolute;right:-60px;top:-60px;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,var(--glow-1),transparent 70%)}
.turn p{position:relative;font-family:"Jakarta";font-weight:700;font-size:clamp(20px,3.6vw,28px);line-height:1.3;letter-spacing:-.02em;max-width:34ch}
.turn p em{font-style:normal;color:var(--accent)}

/* steps */
.steps{display:grid;gap:16px;margin-top:48px;counter-reset:s}
.step{position:relative;padding:28px 26px;background:#fff;border-radius:var(--r-lg);border:1px solid var(--line);box-shadow:var(--sh-1)}
.step .n{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:14px;background:var(--brand);color:var(--accent);font-family:"Jakarta";font-weight:800;font-size:18px;margin-bottom:18px}
.step p{margin-top:8px;color:var(--muted);font-size:15.5px;line-height:1.6}
.promise{margin-top:22px;font-size:19px;line-height:1.6;color:var(--ink-2);max-width:62ch}

/* chapters */
.chapters{display:grid;gap:14px;margin-top:48px}
.chap{display:grid;grid-template-columns:auto 1fr;align-content:start;gap:2px 16px;padding:18px 20px;background:#fff;border:1px solid var(--line);border-radius:var(--r);transition:box-shadow .2s,transform .2s}
.chap:hover{box-shadow:var(--sh-2);transform:translateY(-2px)}
.chap .num{grid-row:span 2;font-family:"Jakarta";font-weight:800;font-size:15px;color:var(--brand);background:var(--tint);width:46px;height:46px;border-radius:13px;display:grid;place-items:center}
.chap h3{font-size:18px;align-self:center}
.chap .pg{font-size:12.5px;font-weight:600;color:var(--muted);letter-spacing:.02em}
.chap ul{display:none;grid-column:2;gap:5px;margin-top:10px}
.chap li{position:relative;padding-left:16px;font-size:14.5px;line-height:1.45;color:var(--ink-2)}
.chap li::before{content:"";position:absolute;left:0;top:.6em;width:6px;height:6px;border-radius:2px;background:var(--accent)}

/* previews */
.previews{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding:8px 22px 28px;margin:44px -22px 0;scrollbar-width:none}
.previews::-webkit-scrollbar{display:none}
.prev{flex:0 0 74%;scroll-snap-align:center;text-decoration:none}
.paper{position:relative;border-radius:10px;overflow:hidden;background:#fff;box-shadow:var(--sh-2);border:1px solid var(--line);aspect-ratio:900/1273}
.paper img{width:100%;height:100%;object-fit:cover}
.paper::after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 0 1px rgba(0,0,0,.04);border-radius:10px}
.prev figcaption{margin-top:14px;font-size:14.5px;line-height:1.4;color:var(--ink-2);font-weight:600}
.prev figcaption small{display:block;font-size:12.5px;color:var(--muted);font-weight:500;margin-bottom:2px;letter-spacing:.02em}
.hint{font-size:13px;color:var(--muted);text-align:center;margin-top:-8px}

/* deliverables */
.deliv{display:grid;gap:14px;margin-top:44px}
.item{display:flex;gap:16px;align-items:flex-start;padding:22px;background:#fff;border:1px solid var(--line);border-radius:var(--r)}
.item i{display:grid;place-items:center;width:44px;height:44px;flex:none;border-radius:13px;background:var(--tint);color:var(--brand)}
.item h3{font-size:17px}
.item p{margin-top:4px;font-size:15px;line-height:1.55;color:var(--muted)}
.bonus{margin-top:18px;display:flex;flex-direction:column;gap:18px;padding:26px;border-radius:var(--r-lg);background:linear-gradient(135deg,var(--brand) 0%,var(--brand-deep) 100%);color:#fff;position:relative;overflow:hidden}
.bonus::after{content:"";position:absolute;right:-80px;bottom:-80px;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,var(--glow-1),transparent 70%)}
.bonus .tagb{align-self:flex-start;display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:999px;background:var(--accent);color:var(--accent-ink);font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.bonus .tagb .ico{width:15px;height:15px;stroke-width:2.6}
.bonus h3{color:#fff;font-size:21px}
.bonus p{color:rgba(255,255,255,.76);font-size:15.5px;margin-top:6px;max-width:62ch}
.bonus-list{display:grid;gap:18px;position:relative;z-index:1}

/* fit */
.fit{display:grid;gap:16px;margin-top:44px}
.fit-card{padding:30px 26px;border-radius:var(--r-lg);background:#fff;border:1px solid var(--line);box-shadow:var(--sh-1)}
.fit-card h3{display:flex;align-items:center;gap:12px;font-size:21px;margin-bottom:20px}
.fit-card h3 i{display:grid;place-items:center;width:36px;height:36px;border-radius:11px}
.fit-yes h3 i{background:#E5F6EC;color:#15803D}
.fit-no{background:#FBFBFC}
.fit-no h3 i{background:#F1F2F4;color:#6B7280}
.fit-card li{display:flex;gap:12px;padding:12px 0;border-top:1px solid var(--line);font-size:15.5px;line-height:1.5;color:var(--ink-2)}
.fit-card li:first-child{border-top:0;padding-top:0}
.fit-card li .ico{width:19px;height:19px;margin-top:2px;stroke-width:2.6}
.fit-yes li .ico{color:#16A34A}
.fit-no li .ico{color:#9CA3AF}

/* offer */
.offer{display:grid;gap:0;max-width:980px;margin:44px auto 0;background:#fff;border-radius:28px;box-shadow:var(--sh-2);border:1px solid var(--line);overflow:hidden}
.offer-l{padding:30px 26px;background:var(--tint2)}
.offer-l h3{font-size:18px;margin-bottom:16px}
.offer-l li{display:flex;gap:12px;padding:9px 0;font-size:15px;line-height:1.45;color:var(--ink-2)}
.offer-l li .ico{width:19px;height:19px;margin-top:1px;color:var(--brand-soft);stroke-width:2.6}
.offer-r{padding:34px 26px;display:flex;flex-direction:column;align-items:center;text-align:center}
.offer-r .mini-cover{width:116px;border-radius:4px;box-shadow:0 18px 30px -12px rgba(0,0,0,.4);margin-bottom:22px}
.offer-r .lbl{font-size:13px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.big-price{display:flex;align-items:flex-start;justify-content:center;gap:6px;margin:6px 0 2px;font-family:"Jakarta";font-weight:800;color:var(--ink);letter-spacing:-.04em}
.big-price small{font-size:22px;margin-top:12px;letter-spacing:-.01em}
.big-price span{font-size:68px;line-height:1}
.pay{font-size:14px;color:var(--muted);margin-bottom:24px}
.offer-r .btn{width:100%}
.trust{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 18px;margin-top:18px;font-size:13px;color:var(--muted)}
.trust span{display:inline-flex;align-items:center;gap:6px}
.trust .ico{width:15px;height:15px;color:var(--brand-soft)}

/* combo upsell */
.upsell{display:grid;gap:28px;align-items:center;padding:32px 26px;border-radius:28px;background:var(--combo-bg);color:#fff;position:relative;overflow:hidden;box-shadow:var(--sh-2)}
.upsell::before{content:"";position:absolute;inset:0;background:radial-gradient(500px 300px at 90% 0%,rgba(255,255,255,.10),transparent 70%)}
.upsell>*{position:relative}
.trio{position:relative;height:230px;max-width:340px;width:100%;margin:0 auto}
.trio img{position:absolute;top:14px;width:42%;border-radius:3px;box-shadow:0 20px 30px -12px rgba(0,0,0,.6)}
.trio img:nth-child(1){left:2%;transform:rotate(-8deg)}
.trio img:nth-child(2){left:29%;top:0;z-index:2}
.trio img:nth-child(3){right:2%;transform:rotate(8deg)}
.upsell .kicker{color:rgba(255,255,255,.7);margin-bottom:12px}
.upsell h3{color:#fff;font-size:clamp(23px,4vw,30px);letter-spacing:-.025em}
.upsell p{margin-top:10px;color:rgba(255,255,255,.75);font-size:15.5px;max-width:52ch}
.cmp{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;margin:20px 0 22px}
.cmp s{color:rgba(255,255,255,.55);font-size:16px}
.cmp b{font-family:"Jakarta";font-size:34px;letter-spacing:-.03em;color:#fff}
.cmp em{font-style:normal;font-size:13px;font-weight:800;padding:5px 10px;border-radius:999px;background:#F2B640;color:#1A1405}
.upsell .btn{background:#fff;color:#0E1626;box-shadow:0 14px 30px -12px rgba(0,0,0,.5)}

/* about */
.about{display:grid;gap:32px;align-items:center}
.avatar{width:120px;height:120px;border-radius:32px;display:grid;place-items:center;background:linear-gradient(140deg,var(--brand-soft),var(--brand-deep));color:var(--accent);font-family:"Jakarta";font-weight:800;font-size:40px;letter-spacing:-.04em;box-shadow:var(--sh-2)}
.about-card{padding:30px 26px;border-radius:var(--r-lg);background:#fff;border:1px solid var(--line);box-shadow:var(--sh-1)}
.about-card .who{display:flex;align-items:center;gap:18px;margin-bottom:22px}
.about-card .who .avatar{width:72px;height:72px;border-radius:20px;font-size:24px}
.avatar-photo{display:block;object-fit:cover;object-position:50% 30%;background:#1a1a1a;padding:0;border:3px solid #fff;outline:2px solid var(--brand-soft);box-shadow:0 10px 24px -8px rgba(0,0,0,.35),var(--sh-1)}
.about-card .who .avatar-photo{width:96px;height:96px;border-radius:24px;flex:none}
.about-card .who h3{font-size:21px}
.about-card .who .loc{display:flex;align-items:center;gap:6px;font-size:14px;color:var(--muted);margin-top:2px}
.about-card .who .loc .ico{width:15px;height:15px}
.facts-list{display:grid;gap:12px}
.facts-list li{display:flex;gap:12px;font-size:15.5px;line-height:1.5;color:var(--ink-2)}
.facts-list li i{display:grid;place-items:center;width:32px;height:32px;flex:none;border-radius:10px;background:var(--tint);color:var(--brand)}
.facts-list li i .ico{width:16px;height:16px}
.facts-list li span{padding-top:4px}
blockquote{position:relative;margin-top:30px;font-family:"Jakarta";font-size:clamp(20px,3.4vw,25px);font-weight:600;line-height:1.42;letter-spacing:-.018em;color:var(--ink);padding-top:44px}
blockquote::before{content:"\201C";position:absolute;top:-22px;left:-4px;font-size:110px;line-height:1;color:var(--accent);font-family:Georgia,serif}
blockquote footer{margin-top:16px;font-family:"Inter";font-size:14px;font-weight:500;color:var(--muted);letter-spacing:0}

/* guarantee */
.guar{display:grid;gap:26px;align-items:center;max-width:980px;margin:0 auto;padding:34px 26px;border-radius:28px;background:#fff;border:1px solid var(--line);box-shadow:var(--sh-2)}
.seal{width:150px;height:150px;margin:0 auto}
.guar h2{font-size:clamp(28px,5vw,38px);max-width:none}
.guar p{margin-top:12px;color:var(--muted);font-size:16.5px;max-width:58ch}
.guar ul{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.guar li{display:inline-flex;align-items:center;gap:7px;padding:7px 12px;border-radius:999px;background:var(--alt);font-size:13.5px;font-weight:600;color:var(--ink-2)}
.guar li .ico{width:15px;height:15px;color:#16A34A;stroke-width:2.6}

/* faq */
.faq-grid{display:grid;gap:30px}
.faq{display:grid;gap:10px}
.faq details{background:#fff;border:1px solid var(--line);border-radius:16px;transition:box-shadow .2s}
.faq details[open]{box-shadow:var(--sh-1)}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:16px;align-items:center;padding:20px 22px;font-family:"Jakarta";font-weight:700;font-size:16.5px;letter-spacing:-.01em;line-height:1.35}
.faq summary::-webkit-details-marker{display:none}
.faq summary i{display:grid;place-items:center;width:30px;height:30px;flex:none;border-radius:9px;background:var(--alt);color:var(--ink-2);transition:background .2s}
.faq summary i svg{transition:transform .2s}
.faq summary i .ico{width:16px;height:16px;stroke-width:2.6}
.faq details[open] summary i{background:var(--accent);color:var(--accent-ink)}
.faq details[open] summary i svg{transform:rotate(45deg)}
.faq details p{padding:0 22px 22px;margin-top:-4px;font-size:15.5px;color:var(--muted);line-height:1.65}

/* final */
.final{background:var(--brand-deep);color:#fff;position:relative;overflow:hidden;isolation:isolate;text-align:center}
.final::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(700px 400px at 50% 0%,var(--glow-1),transparent 70%),radial-gradient(600px 400px at 50% 120%,var(--glow-2),transparent 70%)}
.final h2{color:#fff;margin:0 auto;max-width:18ch}
.final .lead{color:rgba(255,255,255,.72);margin-left:auto;margin-right:auto}
.final .mini-cover{width:150px;margin:0 auto 34px;border-radius:4px;box-shadow:0 30px 50px -20px rgba(0,0,0,.7);transform:rotate(-3deg)}
.final .btn{margin-top:30px}
.final .cta-note{justify-content:center;color:rgba(255,255,255,.62)}
.final .cta-note .ico{color:var(--accent)}
footer.site{background:var(--brand-deep);border-top:1px solid rgba(255,255,255,.08);color:rgba(255,255,255,.5);font-size:13.5px;padding:28px 0 36px}
footer.site .wrap{display:flex;flex-direction:column;gap:6px;align-items:center;text-align:center}

/* sticky mobile cta */
.sticky{position:fixed;left:12px;right:12px;bottom:12px;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 10px 10px 18px;border-radius:18px;background:rgba(255,255,255,.96);box-shadow:0 18px 40px -12px rgba(0,0,0,.35),0 0 0 1px rgba(0,0,0,.05);backdrop-filter:blur(10px);transform:translateY(140%);transition:transform .3s ease}
.sticky.show{transform:none}
.sticky div{font-size:12.5px;line-height:1.2;color:var(--muted)}
.sticky b{display:block;font-family:"Jakarta";font-size:19px;color:var(--ink)}
.sticky .btn{min-height:48px;padding:0 20px;font-size:15px}

/* combo page */
.cmp-table{max-width:860px;margin:44px auto 0;background:#fff;border-radius:24px;border:1px solid var(--line);box-shadow:var(--sh-2);overflow:hidden}
.cmp-row{display:grid;grid-template-columns:52px 1fr auto;gap:16px;align-items:center;padding:18px 22px;border-bottom:1px solid var(--line)}
.cmp-row img{width:52px;border-radius:3px;box-shadow:0 6px 14px -6px rgba(0,0,0,.4)}
.cmp-row h3{font-size:16.5px}
.cmp-row p{font-size:13.5px;color:var(--muted);line-height:1.4;margin-top:2px}
.cmp-row .v{font-family:"Jakarta";font-weight:700;font-size:17px;color:var(--ink-2);white-space:nowrap}
.cmp-sum{display:grid;gap:4px;padding:22px;background:var(--alt)}
.cmp-sum div{display:flex;justify-content:space-between;align-items:baseline;gap:10px;font-size:15px;color:var(--muted)}
.cmp-sum s{font-family:"Jakarta";font-weight:700;font-size:18px}
.cmp-sum .tot{margin-top:6px;padding-top:12px;border-top:1px dashed #CDD3DC;color:var(--ink);font-weight:700}
.cmp-sum .tot b{font-family:"Jakarta";font-size:34px;letter-spacing:-.03em}
.cmp-sum .save{color:#15803D;font-weight:700}
.prod{display:grid;gap:30px;align-items:start;padding:34px 26px;border-radius:28px;background:#fff;border:1px solid var(--line);box-shadow:var(--sh-1);margin-top:22px}
.prod-head{display:flex;gap:18px;align-items:center}
.prod-head img{width:84px;border-radius:3px;box-shadow:0 14px 24px -10px rgba(0,0,0,.45)}
.prod-head .t{font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.prod-head h3{font-size:24px;margin-top:4px}
.prod-head p{font-size:14px;color:var(--muted);margin-top:4px}
.prod .desc{margin-top:18px;color:var(--ink-2);font-size:16px}
.prod .tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.prod .tags span{padding:6px 12px;border-radius:999px;font-size:13px;font-weight:700}
.prod .toc{margin-top:22px;display:grid;gap:0;border-top:1px solid var(--line)}
.prod .toc li{display:flex;gap:14px;padding:10px 0;border-bottom:1px solid var(--line);font-size:14.5px;color:var(--ink-2)}
.prod .toc li b{font-family:"Jakarta";font-size:13px;width:24px;flex:none}
.prod .toc li span{flex:1}
.prod .toc li em{font-style:normal;font-size:12.5px;color:var(--muted)}
.prod figure{max-width:360px;margin:0 auto;width:100%}
.prod figcaption{margin-top:12px;font-size:13.5px;color:var(--muted);text-align:center}
.links{display:grid;gap:14px;margin-top:44px}
.link-card{padding:24px;border-radius:var(--r);background:#fff;border:1px solid var(--line);box-shadow:var(--sh-1)}
.link-card i{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;margin-bottom:16px}
.link-card p{margin-top:8px;font-size:15px;color:var(--muted)}
.trio-hero{position:absolute;inset:0}
.trio-hero .bk{position:absolute;width:44%;filter:drop-shadow(0 34px 34px rgba(0,0,0,.5)) drop-shadow(0 6px 10px rgba(0,0,0,.25))}
.trio-hero .bk img{border-radius:2px 6px 6px 2px}
.trio-hero .bk::after{content:"";position:absolute;inset:0;border-radius:2px 6px 6px 2px;background:linear-gradient(90deg,rgba(0,0,0,.28) 0,rgba(255,255,255,.18) 2.4%,rgba(0,0,0,.06) 4.4%,transparent 8%)}
.trio-hero .b1{left:2%;top:16%;transform:rotate(-9deg)}
.trio-hero .b3{right:2%;top:16%;transform:rotate(9deg)}
.trio-hero .b2{left:28%;top:6%;width:46%;z-index:2}

@media (min-width:640px){
 .wrap{padding:0 32px}
 .hero-cta{flex-direction:row;align-items:center;gap:22px}
 .facts-grid{grid-template-columns:repeat(4,1fr)}
 .fact{border-bottom:0}
 .fact:nth-child(2n){border-right:1px solid var(--line)}
 .fact:last-child{border-right:0}
 .chapters{grid-template-columns:1fr 1fr}
 .chap ul{display:grid}
 .deliv{grid-template-columns:1fr 1fr}
 .prev{flex-basis:44%}
 .steps{grid-template-columns:repeat(3,1fr)}
 .links{grid-template-columns:repeat(3,1fr)}
 
 .sticky{display:none}
}
@media (min-width:960px){
 body{font-size:17px}
 .sec{padding:120px 0}
 .hero-grid{grid-template-columns:1fr 1fr;align-items:center;gap:56px;padding:44px 0 132px}
 .split{grid-template-columns:.9fr 1.1fr;gap:72px;align-items:start}
 .split .sticky-col{position:sticky;top:40px}
 .sol-head{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:end}
 .sol-head .promise{margin-top:0}
 .turn{padding:44px 52px}
 .previews{display:grid;grid-template-columns:repeat(var(--np,4),1fr);overflow:visible;margin:56px 0 0;padding:0;gap:24px}
 .prev{transition:transform .25s}
 .prev:hover{transform:translateY(-6px)}
 .prev:nth-child(even){margin-top:36px}
 .hint{display:none}
 .deliv{grid-template-columns:1fr 1fr 1fr}
 .bonus{flex-direction:row;align-items:center;padding:34px 36px}
 .bonus-list{grid-template-columns:1fr 1fr;flex:1;gap:28px}
 .bonus-list.one{grid-template-columns:1fr}
 .fit{grid-template-columns:1fr 1fr;gap:22px}
 .fit-card{padding:38px 36px}
 .offer{grid-template-columns:1.1fr .9fr}
 .offer-l{padding:44px 42px}
 .offer-r{padding:48px 42px;justify-content:center}
 .upsell{grid-template-columns:320px 1fr;padding:44px 52px;gap:48px}
 .about{grid-template-columns:1fr 1.1fr;gap:64px}
 .about-card{padding:38px 36px}
 .guar{grid-template-columns:190px 1fr;padding:48px 52px;gap:44px}
 .seal{width:190px;height:190px}
 .faq-grid{grid-template-columns:.8fr 1.2fr;gap:64px;align-items:start}
 .chapters.three{grid-template-columns:repeat(3,1fr)}
 .prod{grid-template-columns:1.25fr .75fr;padding:44px 48px;gap:52px}
 .prod.rev{grid-template-columns:.75fr 1.25fr}
 .prod.rev figure{order:-1}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

.v-kit .ui{width:64%;top:7%}
.v-kit .book{width:40%;top:36%;left:-3%}
.v-kit .chip.c2{bottom:2%}
.v-wa .book{top:26%;width:44%}
.visual .book img{outline:1px solid rgba(255,255,255,.08);outline-offset:-1px}
.chap.is-bonus{border:1.5px dashed var(--accent);background:var(--tint)}
.chap.is-bonus .num{background:var(--accent);color:var(--accent-ink)}
.offer-r{order:-1}
@media (min-width:960px){.offer-r{order:0}}
.cmp-sum .tot b{white-space:nowrap}
.brand{white-space:nowrap;font-size:15px}
.v-kit .chip.c2{bottom:-4%;right:-2%}
@media (min-width:640px){.brand{font-size:17px}}
@media (max-width:380px){.topbar .btn{padding:0 14px}}
.btn{white-space:normal;text-align:center;line-height:1.2;padding:14px 28px}
.offer{grid-template-columns:minmax(0,1fr)}
.hero-grid{grid-template-columns:minmax(0,1fr)}
@media (min-width:960px){.offer{grid-template-columns:1.1fr .9fr}.hero-grid{grid-template-columns:1fr 1fr}}
@media (min-width:640px){.btn{white-space:nowrap}}