@import url("fonts.css");
:root{--ink:#030020;--navy:#1C0F3C;--navy2:#2C1E4A;--plum:#3A0450;--mag:#C027D5;--mag-h:#A61CBA;--pink:#FF2CA7;--cyan:#00C9F8;--blue:#006DB5;--line:#E9E8EE;--soft:#F4F3F7;--mut:#5B5870;--sans:'Sora',system-ui,sans-serif /* @kind font */;--serif:'PT Serif',Georgia,serif /* @kind font */}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:#fff;color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;text-wrap:pretty}
a{color:var(--mag);text-decoration:none}a:hover{color:var(--mag-h)}
img{display:block;max-width:100%}
i[data-lucide],svg.lucide{width:20px;height:20px;stroke-width:1.6;flex:none}
.sec{border-bottom:1px solid var(--line)}
.wrap{max-width:1440px;margin:0 auto;padding:104px 56px}
.flush{padding:0}
.serif{font-family:var(--serif)}
em.r{font-family:var(--serif);font-style:italic;font-weight:400;letter-spacing:-.01em}
.h2{font-size:clamp(34px,4.6vw,56px);line-height:1.06;font-weight:600;letter-spacing:-.035em}
.lead{font-family:var(--serif);font-size:19px;line-height:1.6;color:var(--mut)}
.pill{display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 16px;border:1px solid var(--line);border-radius:999px;font-size:14px;font-weight:500;background:#fff;color:var(--ink)}
.dot{display:inline-flex;align-items:center;gap:12px;font-size:15px;color:var(--mut)}.dot::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--mag)}
.center{text-align:center;display:flex;flex-direction:column;align-items:center;gap:20px}
.center .lead{max-width:680px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:54px;padding:0 28px;border-radius:999px;font:600 15px/1 var(--sans);border:0;cursor:pointer;transition:background .2s,transform .2s,color .2s;white-space:nowrap}
.btn:active{transform:scale(.98)}
.btn-mag{background:var(--mag);color:#fff}.btn-mag:hover{background:var(--mag-h);color:#fff}
.btn-ink{background:var(--ink);color:#fff}.btn-ink:hover{background:var(--navy2);color:#fff}
.btn-line{background:#fff;color:var(--ink);border:1px solid var(--line)}.btn-line:hover{background:var(--soft);color:var(--ink)}
.btn-sm{height:44px;padding:0 20px;font-size:14px}
.micro{font-size:13px;color:var(--mut);display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.micro span+span::before{content:"·";margin-right:10px}

/* nav */
.nav .wrap{padding:16px 40px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.nav{position:sticky;top:0;z-index:40;background:rgba(255,255,255,.88);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.logo img{height:52px;width:auto}
.links{display:flex;gap:2px;padding:5px;background:var(--soft);border-radius:999px}
.links a{padding:10px 18px;border-radius:999px;font-size:14px;font-weight:500;color:var(--mut)}
.links a:hover{background:#fff;color:var(--ink)}
.nav-cta{display:flex;gap:10px}

/* hero */
.hero .wrap{padding:24px 24px 0}
.hero-panel{position:relative;border-radius:28px 28px 0 0;overflow:hidden;background:url(img/anatomy-head.png) right -60px bottom/auto 100% no-repeat,radial-gradient(90% 90% at 75% 40%,#2C1E4A 0%,#1C0F3C 45%,#030020 100%);min-height:680px;display:flex;align-items:center;color:#fff}
.hero-panel::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,0,32,.92) 0%,rgba(3,0,32,.6) 40%,rgba(3,0,32,0) 62%)}
.hero-in{position:relative;padding:72px 64px;max-width:720px;display:flex;flex-direction:column;gap:26px}
.tag{display:inline-flex;align-self:flex-start;align-items:center;gap:10px;height:34px;padding:0 14px;border-radius:999px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.06);font-size:12px;letter-spacing:.12em;font-weight:500;backdrop-filter:blur(8px)}
.tag::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--cyan)}
.hero h1{font-size:clamp(40px,5.4vw,68px);line-height:1.02;letter-spacing:-.04em;font-weight:600}
.grad{background:linear-gradient(90deg,#8FE8FF 0%,var(--cyan) 30%,#D35BE4 75%,var(--pink) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero p.sub{font-family:var(--serif);font-size:19px;line-height:1.55;color:rgba(255,255,255,.78);max-width:600px}
.hero ul{list-style:none;display:flex;flex-direction:column;gap:12px}
.hero li{display:flex;gap:12px;align-items:flex-start;font-size:15px;line-height:1.45;color:rgba(255,255,255,.9)}
.hero li svg{color:var(--cyan);margin-top:1px}
.hero .micro{color:rgba(255,255,255,.62)}
.auth{display:grid;grid-template-columns:repeat(3,1fr)}
.auth div{display:flex;align-items:center;gap:14px;padding:30px 32px;font-size:15px;font-weight:500;line-height:1.35}
.auth div+div{border-left:1px solid var(--line)}
.auth svg{width:26px;height:26px;color:var(--mag)}

/* problem */
.prob-top{display:flex;flex-direction:column;gap:22px;max-width:900px}
.split{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line)}
.xlist{list-style:none}
.xlist li{display:flex;gap:16px;align-items:flex-start;padding:26px 56px;border-bottom:1px solid var(--line);font-size:17px;line-height:1.45}
.xlist li:last-child{border-bottom:0}
.xlist .x{width:28px;height:28px;border-radius:50%;background:var(--soft);display:grid;place-items:center;flex:none;color:var(--mut)}
.xlist .x svg{width:15px;height:15px}
.prob-p{padding:0 56px 32px;font-family:var(--serif);font-size:18px;line-height:1.6;color:var(--mut)}
.imgcard{position:relative;background:#0a0710 url(img/cell-membrane.jpg) center/cover;color:#fff;display:flex;flex-direction:column;justify-content:flex-end;padding:44px;min-height:560px}
.imgcard::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(3,0,16,.35) 0%,rgba(3,0,16,.25) 35%,rgba(3,0,16,.92) 100%)}
.imgcard>*{position:relative}
.imgcard{overflow:hidden}
.imgcard::after{content:"";position:absolute;inset:0;background:inherit;z-index:0;animation:kb2 20s ease-in-out infinite alternate;will-change:transform}
.imgcard::before{z-index:1}.imgcard>*{z-index:2}
.hero-panel::after{content:"";position:absolute;inset:0;background:inherit;z-index:0;animation:heroFloat 14s ease-in-out infinite alternate;will-change:transform;transform-origin:75% 50%}
.hero-panel::before{z-index:1}.hero-panel>*{z-index:2}
@keyframes heroFloat{0%{transform:scale(1.02) translate(0,0)}50%{transform:scale(1.07) translate(-1%,-1.5%)}100%{transform:scale(1.04) translate(1%,1%)}}
@media (prefers-reduced-motion:reduce){.imgcard::after,.hero-panel::after{animation:none}}
.imgcard img{height:46px;width:auto;border-radius:10px}
.imgcard p{font-size:clamp(22px,2.3vw,30px);line-height:1.22;font-weight:600;letter-spacing:-.02em}
.imgcard small{display:block;margin-top:18px;font-family:var(--serif);font-size:16px;line-height:1.5;font-weight:400;color:rgba(255,255,255,.8);letter-spacing:0}

/* bento */
.bento{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-top:64px}
.b{border-radius:24px;padding:32px;display:flex;flex-direction:column;gap:12px;min-height:250px}
.b h3{font-size:20px;line-height:1.25;font-weight:600;letter-spacing:-.015em}
.b p{font-family:var(--serif);font-size:16px;line-height:1.5;color:var(--mut)}
.b-gray{background:var(--soft)}
.b-white{background:#fff;border:1px solid var(--line)}
.b-dark{background:var(--ink);color:#fff;position:relative;overflow:hidden}
.b-dark p{color:rgba(255,255,255,.75)}
.b-dark>*{position:relative}
.b-img::before{content:"";position:absolute;inset:-8%;background:var(--img) center/cover;animation:kb2 18s ease-in-out infinite alternate;will-change:transform}
.b-img{overflow:hidden}
.b-neuron{background:radial-gradient(90% 80% at 60% 30%,#3A0450,#1C0F3C 60%,#030020)}
.b-neuron::before{background-size:cover;background-position:center}
@keyframes kb2{0%{transform:scale(1) rotate(0)}50%{transform:scale(1.15) rotate(2deg) translate(2%,-2%)}100%{transform:scale(1.08) rotate(-1.5deg) translate(-3%,2%)}}
.b-img::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(3,0,16,.1),rgba(3,0,16,.92) 78%)}
.b-img>*{z-index:1}
.tall{grid-row:span 2;justify-content:flex-end}
.w2{grid-column:span 2}
.w4{grid-column:1/-1}
.vid-card{justify-content:flex-start;gap:14px;padding:14px 14px 30px;background:#030020}
.vid-card>h3,.vid-card>p{padding:0 18px}
.vid-card>h3{margin-top:10px}
.vid-frame{position:relative;width:100%;aspect-ratio:16/9;flex:none;border-radius:16px;overflow:hidden;background:#000}
.vid-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.vid{position:absolute;inset:0;overflow:hidden}
.vid::before{content:"";position:absolute;inset:-6%;background:url(img/muscle-section.jpg) center/cover;animation:kb 16s ease-in-out infinite alternate;will-change:transform}
.vid::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(3,0,16,.15),rgba(3,0,16,.35) 40%,rgba(3,0,16,.94) 82%)}
@keyframes kb{0%{transform:scale(1) translate(0,0)}50%{transform:scale(1.14) translate(-3%,2%)}100%{transform:scale(1.22) translate(3%,-2%)}}
.vid-ui{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:space-between;padding:28px;z-index:1}
.vid-play{width:64px;height:64px;border-radius:50%;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.3);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:grid;place-items:center;color:#fff;position:relative;align-self:center;margin-top:34%}
.vid-play::before{content:"";position:absolute;inset:-1px;border-radius:50%;border:1px solid rgba(255,255,255,.5);animation:ping 2.4s ease-out infinite}
.vid-play svg{width:24px;height:24px;fill:#fff;margin-left:3px}
@keyframes ping{0%{transform:scale(1);opacity:.8}100%{transform:scale(1.7);opacity:0}}
.vid-bar{height:3px;border-radius:3px;background:rgba(255,255,255,.2);overflow:hidden;display:none}
.vid-bar span{display:block;height:100%;background:var(--cyan);animation:prog 16s linear infinite}
@keyframes prog{from{width:0}to{width:100%}}
.vid-card>h3,.vid-card>p{position:relative;z-index:2}
.vid-card>p{margin-bottom:0}
.vid-card .vid-bar{display:block;position:absolute;left:32px;right:32px;bottom:28px}
.vid-ui{padding:0}
.ebook-img{flex:1;min-height:240px;margin:-12px -12px 12px;border-radius:16px;position:relative;overflow:hidden;background:radial-gradient(70% 70% at 50% 50%,#3A0450,#1C0F3C)}
.ebook-img::before{content:"";position:absolute;inset:0;background:url(img/head-muscles.png) 30% 40%/cover no-repeat;animation:floaty 9s ease-in-out infinite;will-change:transform}
.ebook-img::after{content:"";position:absolute;inset:0;background:radial-gradient(40% 50% at 50% 50%,rgba(0,201,248,.22),rgba(0,201,248,0));animation:glow 6s ease-in-out infinite;mix-blend-mode:screen}
@keyframes floaty{0%,100%{transform:scale(1.04) translateY(0)}50%{transform:scale(1.12) translateY(-4%)}}
@keyframes glow{0%,100%{opacity:.2;transform:scale(.9)}50%{opacity:1;transform:scale(1.15)}}
.b .ic svg,.big-ic svg{animation:bob 4s ease-in-out infinite}
.b:nth-child(4) .ic svg{animation-delay:-1s}.b:nth-child(5) .ic svg{animation-delay:-2s}.b:nth-child(6) .ic svg{animation-delay:-3s}
@keyframes bob{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-4px) scale(1.08)}}
.big-ic{position:relative}
.big-ic::before{content:"";position:absolute;left:50%;top:50%;width:120px;height:120px;margin:-60px 0 0 -60px;border-radius:50%;border:1px solid rgba(224,112,240,.5);animation:ping 3s ease-out infinite}
.num{animation:numglow 5s ease-in-out infinite}
@keyframes numglow{0%,100%{color:#fff}50%{color:#8FE8FF}}
@media (prefers-reduced-motion:reduce){.vid::before,.vid-play::before,.vid-bar span,.b-img::before,.ebook-img::before,.ebook-img::after,.b .ic svg,.big-ic svg,.big-ic::before,.num{animation:none}}
.b .ic{width:56px;height:56px;border-radius:16px;background:#fff;display:grid;place-items:center;color:var(--plum);margin-bottom:auto}
.b .ic svg{width:26px;height:26px}
.b-dark .ic{background:rgba(255,255,255,.1);color:#fff;backdrop-filter:blur(6px)}
.big-ic{flex:1;display:grid;place-items:center;color:var(--plum)}
.big-ic svg{width:88px;height:88px;stroke-width:1.1}
.num{font-size:64px;line-height:1;font-weight:600;letter-spacing:-.045em}
.num sup{font-size:.45em;vertical-align:top;margin-left:2px}
.band{margin-top:28px;display:flex;justify-content:center;gap:14px;flex-wrap:wrap;font-size:14px;color:var(--mut)}
.band b{color:var(--ink);font-weight:600}

/* modules */
.mods-head{display:grid;grid-template-columns:1.1fr 1fr;gap:48px;align-items:end}
.part{margin-top:56px}
.part-h{display:flex;justify-content:space-between;align-items:baseline;padding-bottom:18px;border-bottom:1px solid var(--ink);gap:16px}
.part-h h3{font-size:22px;font-weight:600;letter-spacing:-.02em}
.part-h span{font-size:13px;color:var(--mut);letter-spacing:.08em}
.mod{display:grid;grid-template-columns:72px 1fr 1.2fr;gap:24px;padding:24px 0;border-bottom:1px solid var(--line);align-items:baseline}
.mod .n{font-family:var(--serif);font-style:italic;font-size:22px;color:var(--mag)}
.mod h4{font-size:18px;font-weight:600;letter-spacing:-.01em}
.bonus-tag{display:inline-flex;align-items:center;height:22px;padding:0 9px;margin-left:8px;border-radius:999px;background:var(--mag);color:#fff;font-size:10.5px;letter-spacing:.1em;font-weight:600;vertical-align:middle}
.mod p{font-family:var(--serif);font-size:16px;line-height:1.5;color:var(--mut)}
.mid-cta{margin-top:56px;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;padding:28px 32px;border-radius:24px;background:var(--soft)}
.mid-cta strong{font-size:20px;letter-spacing:-.02em;font-weight:600;display:block;margin-bottom:4px}

/* for whom */
.who{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:56px}
.who-card{border-radius:24px;padding:40px;display:flex;flex-direction:column;gap:6px}
.who-card h3{font-size:22px;font-weight:600;letter-spacing:-.02em;margin-bottom:14px;display:flex;align-items:center;gap:12px}
.who-card ul{list-style:none}
.who-card li{display:flex;gap:14px;padding:16px 0;border-top:1px solid var(--line);font-size:16px;line-height:1.5}
.who-card li .m{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;flex:none;margin-top:-1px}
.who-card li .m svg{width:14px;height:14px;stroke-width:2.4}
.yes{border:1px solid var(--line)}.yes .m{background:#E3F7EC;color:#167A45}
.no{background:var(--soft)}.no li{color:var(--mut);border-color:#E2E0E8}.no .m{background:#E2E0E8;color:var(--mut)}
.closing{margin-top:40px;text-align:center;font-family:var(--serif);font-style:italic;font-size:20px;color:var(--ink)}

/* about */
.about{display:grid;grid-template-columns:5fr 7fr}
.about-photo{background:#2C1E4A url(img/prof-rodrigo.jpg) center 15%/cover;min-height:720px}
.about-txt{padding:80px 64px;display:flex;flex-direction:column;gap:24px}
.about-txt .name{font-size:15px;font-weight:600;color:var(--mag);letter-spacing:.02em}
.about-txt .story{font-family:var(--serif);font-size:18px;line-height:1.65;color:#2A2740;display:flex;flex-direction:column;gap:16px}
.creds{list-style:none;margin-top:8px;border-top:1px solid var(--line)}
.creds li{display:flex;gap:14px;align-items:flex-start;padding:16px 0;border-bottom:1px solid var(--line);font-size:15px;line-height:1.45;font-weight:500}
.creds svg{color:var(--mag);margin-top:1px}

/* testimonials */
.t-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px}
.t-head>div{display:flex;flex-direction:column;gap:18px;max-width:720px}
.arrows{display:flex;gap:10px}
.arr{width:52px;height:52px;border-radius:50%;border:1px solid var(--line);background:#fff;display:grid;place-items:center;cursor:pointer;color:var(--ink)}
.arr:hover{background:var(--soft)}
.track{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(360px,calc((100% - 48px)/3));gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;margin-top:56px;padding-bottom:8px;scrollbar-width:none}
.track::-webkit-scrollbar{display:none}
.tcard{scroll-snap-align:start;border:1px solid var(--line);border-radius:28px;padding:36px;display:flex;flex-direction:column;gap:24px;min-height:340px}
.who-row{display:flex;gap:16px;align-items:center}
.av{width:56px;height:56px;border-radius:50%;border:1.5px dashed #CFCBDA;display:grid;place-items:center;color:#A9A5B8;flex:none}
.who-row b{display:block;font-size:17px;font-weight:600}
.who-row span{font-size:14px;color:var(--mut)}
.quote{display:flex;flex-direction:column;gap:12px}.quote p{font-family:var(--serif);font-size:16.5px;line-height:1.55;color:rgba(255,255,255,.88)}
.tcard .fill{background:#FBEFFD;color:var(--plum);padding:0 4px;border-radius:4px}
.note{margin-top:24px;font-size:13px;color:var(--mut);display:flex;gap:8px;align-items:center}
.note svg{width:16px;height:16px}

/* compare */
.tbl-wrap{margin-top:56px;overflow-x:auto;-webkit-overflow-scrolling:touch}
.swipe{display:none;align-items:center;gap:8px;margin-top:28px;font-size:13px;color:var(--mut)}.swipe+.tbl-wrap{margin-top:12px}
table{width:100%;border-collapse:separate;border-spacing:0;min-width:820px;font-size:15px}
th,td{padding:18px 16px;text-align:center;border-bottom:1px solid var(--line)}
th{font-size:13px;font-weight:500;color:var(--mut);vertical-align:bottom}
td:first-child,th:first-child{text-align:left;font-weight:500;color:var(--ink);width:34%}
.c5{background:var(--ink);color:#fff}
th.c5{border-radius:20px 20px 0 0;color:#fff;font-weight:600;font-size:14px;padding-top:26px}
tr:last-child td.c5{border-radius:0 0 20px 20px}
td.c5{border-bottom-color:rgba(255,255,255,.1)}
.ok{color:#167A45}.c5 .ok{color:var(--cyan)}.no-i{color:#B9B5C6}
td svg{width:20px;height:20px;stroke-width:2.2;display:inline-block;vertical-align:middle}
.t-gray{color:var(--mut);font-size:14px}
.below{margin-top:36px;text-align:center;font-family:var(--serif);font-style:italic;font-size:20px;line-height:1.5;max-width:760px;margin-left:auto;margin-right:auto}

/* price */
.price{margin-top:56px;border-radius:32px;background:var(--navy);color:#fff;display:grid;grid-template-columns:1.15fr 1fr;overflow:hidden;position:relative}
.price::before{content:"";position:absolute;width:620px;height:620px;right:-160px;top:-260px;background:radial-gradient(circle,rgba(192,39,213,.45),rgba(192,39,213,0) 65%);pointer-events:none}
.price>div{position:relative;padding:56px}
.price .pl{border-right:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;gap:28px}
.price .pl h3{font-size:24px;line-height:1.3;font-weight:600;letter-spacing:-.02em}
.inc{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:14px 24px}
.inc li{display:flex;gap:10px;font-size:15px;color:rgba(255,255,255,.88);align-items:flex-start;line-height:1.4}
.inc svg{color:var(--cyan);width:18px;height:18px;margin-top:1px}
.pr{display:flex;flex-direction:column;gap:18px;justify-content:center}
.anchor{font-family:var(--serif);font-style:italic;font-size:16px;color:rgba(255,255,255,.7)}
.inst{font-size:20px;font-weight:500}
.inst b{display:block;font-size:clamp(56px,6vw,76px);line-height:1;font-weight:600;letter-spacing:-.045em;margin-top:6px}
.cash{font-size:16px;color:rgba(255,255,255,.8)}
.seals{display:flex;gap:18px;flex-wrap:wrap;font-size:13px;color:rgba(255,255,255,.75)}
.seals span{display:flex;gap:8px;align-items:center}
.seals svg{width:16px;height:16px;color:var(--cyan)}
.reframe{margin-top:28px;text-align:center;font-size:15px;color:var(--mut)}
.bundle{font-size:13px;line-height:1.5;color:rgba(255,255,255,.72);max-width:440px}
.bundle a{color:#fff;font-weight:600;text-decoration:underline;text-underline-offset:3px;white-space:nowrap}.bundle a:hover{color:var(--cyan)}

/* guarantee */
.guar{display:grid;grid-template-columns:auto 1fr;gap:64px;align-items:center}
.seal{width:220px;height:220px;border-radius:50%;border:1px solid var(--line);display:grid;place-items:center;position:relative;background:#fff}
.seal::before{content:"";position:absolute;inset:14px;border-radius:50%;border:1.5px dashed #D8D4E2}
.seal div{text-align:center;position:relative}
.seal b{display:block;font-size:76px;line-height:.9;font-weight:600;letter-spacing:-.05em;color:var(--plum)}
.seal span{font-size:13px;letter-spacing:.2em;font-weight:600;color:var(--mut)}
.guar-txt{display:flex;flex-direction:column;gap:20px;max-width:680px}
.guar-txt .h2{font-size:clamp(30px,3.6vw,44px)}

/* faq */
.faq-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line)}
.faq-img{background:#05030b url(img/muscle-section.jpg) 40% center/cover no-repeat;min-height:640px}
details{border-bottom:1px solid var(--line)}
details:last-child{border-bottom:0}
summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:24px;align-items:center;padding:26px 44px;font-size:18px;font-weight:500;letter-spacing:-.01em}
summary::-webkit-details-marker{display:none}
summary .pm{width:20px;height:20px;position:relative;flex:none;transition:transform .25s}
summary .pm::before,summary .pm::after{content:"";position:absolute;left:50%;top:50%;width:16px;height:1.5px;background:var(--ink);transform:translate(-50%,-50%)}
summary .pm::after{transform:translate(-50%,-50%) rotate(90deg)}
details[open] summary .pm{transform:rotate(45deg)}
details p{padding:0 44px 28px;font-family:var(--serif);font-size:17px;line-height:1.6;color:var(--mut);margin-top:-8px}
.ph{background:#FFF4D6;color:#6B4E00;padding:1px 5px;border-radius:4px;font-family:var(--sans);font-size:14px}
.metrics{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line)}
.metrics div{padding:52px 24px;text-align:center}
.metrics div+div{border-left:1px solid var(--line)}
.metrics b{display:block;font-size:clamp(44px,5vw,64px);line-height:1;font-weight:600;letter-spacing:-.045em}
.metrics span{display:block;margin-top:12px;font-size:16px;color:var(--mut)}

/* final cta */
.final .wrap{padding:24px}
.final-panel{border-radius:32px;background:var(--ink);color:#fff;position:relative;overflow:hidden;padding:104px 64px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:26px}
.final-panel::before{content:"";position:absolute;inset:0;background:url(img/cell-membrane.jpg) center/cover;opacity:.22}
.final-panel::after{content:"";position:absolute;inset:0;background:radial-gradient(60% 70% at 50% 50%,rgba(3,0,32,.55),rgba(3,0,32,.95))}
.final-panel>*{position:relative;z-index:1}
.final-panel h2{font-size:clamp(32px,4.4vw,56px);line-height:1.08;font-weight:600;letter-spacing:-.035em;max-width:980px}
.final-panel p{font-family:var(--serif);font-size:19px;line-height:1.6;color:rgba(255,255,255,.76);max-width:720px}
.final-panel .micro{color:rgba(255,255,255,.6);justify-content:center}
.btn-lg{height:62px;padding:0 36px;font-size:16px}

/* footer */
.foot .wrap{padding:48px 56px;display:flex;justify-content:space-between;gap:32px;flex-wrap:wrap;align-items:flex-start}
.foot .logo img{height:60px}
.foot-links{display:flex;gap:24px;flex-wrap:wrap;font-size:14px}
.foot-links a{color:var(--mut)}.foot-links a:hover{color:var(--ink)}
.foot small{display:block;font-size:13px;color:var(--mut);line-height:1.6;margin-top:10px}

/* floating */
.wa{position:fixed;right:24px;bottom:24px;z-index:50;display:flex;align-items:center;gap:10px;height:52px;padding:0 20px 0 16px;border-radius:999px;background:#fff;color:var(--ink);border:1px solid var(--line);box-shadow:0 10px 30px -10px rgba(3,0,32,.25);font-size:14px;font-weight:500}
.wa:hover{color:var(--ink);background:var(--soft)}
.wa .g{width:30px;height:30px;border-radius:50%;background:#25D366;color:#fff;display:grid;place-items:center}
.wa .g svg{width:17px;height:17px}
.mbar{display:none}

@media (max-width:1020px){
.links{display:none}
.bento{grid-template-columns:repeat(2,minmax(0,1fr))}
.split,.about,.faq-grid,.price,.who{grid-template-columns:1fr}
.price .pl{border-right:0;border-bottom:1px solid rgba(255,255,255,.1)}
.mods-head{grid-template-columns:1fr;gap:20px}
.about-photo{min-height:520px}
.faq-img{min-height:420px}
}
@media (max-width:760px){
.wrap{padding:72px 22px}
.nav .wrap{padding:12px 18px}.nav-cta .btn-line{display:none}.logo img{height:42px}
.hero .wrap,.final .wrap{padding:12px 12px 0}.final .wrap{padding:12px}
.hero-panel{min-height:0;border-radius:20px 20px 0 0;background-position:right -80px top,0 0;background-size:auto 340px,cover}
.hero-panel::before{background:linear-gradient(180deg,rgba(3,0,16,.55),rgba(3,0,16,.94) 45%)}
.hero-in{padding:220px 24px 40px}
.auth{grid-template-columns:1fr}.auth div+div{border-left:0;border-top:1px solid var(--line)}.auth div{padding:20px 22px}
.xlist li{padding:20px 22px}.prob-p{padding:0 22px 24px}.imgcard{padding:28px;min-height:460px}
.bento{grid-template-columns:1fr}.w2{grid-column:auto}.tall{grid-row:auto;min-height:340px}
.mod{grid-template-columns:44px 1fr;gap:6px 14px}.mod p{grid-column:2}
.who-card{padding:28px}
.about-txt{padding:48px 22px}
.t-head{flex-direction:column;align-items:flex-start}
.track{grid-auto-columns:86%}
.price>div{padding:32px 24px}.inc{grid-template-columns:1fr}
.guar{grid-template-columns:1fr;gap:32px;justify-items:center;text-align:center}.seal{width:180px;height:180px}.seal b{font-size:60px}
summary{padding:22px}details p{padding:0 22px 22px}
.metrics{grid-template-columns:1fr 1fr}.metrics div:nth-child(3){border-left:0}.metrics div:nth-child(n+3){border-top:1px solid var(--line)}.metrics div{padding:36px 12px}
.final-panel{padding:64px 22px}
.foot .wrap{padding:40px 22px 120px}
.wa{bottom:92px;right:14px;padding:0 11px;}.wa .t{display:none}
.mbar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:50;background:#fff;border-top:1px solid var(--line);padding:12px 14px;gap:12px;align-items:center;justify-content:space-between;transform:translateY(110%);transition:transform .3s}
.mbar.on{transform:none}
.mbar b{display:block;font-size:17px;font-weight:600;letter-spacing:-.02em}.mbar span{font-size:12px;color:var(--mut)}
.mbar .btn{height:48px;padding:0 20px}
}
/* hero painel */
.hero{border-bottom:0}
.hero .wrap{max-width:none;padding:20px 24px 0}
.hero-panel{border-radius:32px;min-height:calc(100vh - 110px);min-height:calc(100svh - 110px);flex-direction:column;align-items:stretch;justify-content:space-between;border:1px solid rgba(255,255,255,.1);background:url(img/anatomy-head.png) right -420px center/auto 105% no-repeat,radial-gradient(80% 90% at 78% 45%,#3A0450 0%,#1C0F3C 48%,#030020 100%)}
.hero-panel::before{background:linear-gradient(90deg,rgba(3,0,32,.9) 0%,rgba(3,0,32,.55) 42%,rgba(3,0,32,0) 64%)}
.hero-in{max-width:820px;padding:80px 72px 48px;margin:auto 0}
.hero-title{font-size:clamp(52px,7.6vw,118px);line-height:.95;letter-spacing:-.05em;font-weight:600}
.hero-title em{font-family:var(--serif);font-style:italic;font-weight:400;letter-spacing:-.02em}
.hero-title .grad{display:block;padding-bottom:.08em}
.hero-hook{font-size:clamp(20px,1.9vw,28px);line-height:1.25;font-weight:500;letter-spacing:-.02em;max-width:640px}
.hero-bar{position:relative;list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:0 24px 24px;border-radius:22px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.hero-bar li{display:flex;gap:14px;align-items:flex-start;padding:22px 26px;font-size:15px;line-height:1.45;color:rgba(255,255,255,.9)}
.hero-bar li+li{border-left:1px solid rgba(255,255,255,.12)}
.hero-bar svg{color:var(--cyan);margin-top:1px}
@media (max-width:1020px){.hero-panel{background-position:right -460px center,0 0;background-size:auto 90%,cover}.hero-in{padding:64px 40px 40px}.hero-bar{grid-template-columns:1fr;margin:0 16px 16px}.hero-bar li+li{border-left:0;border-top:1px solid rgba(255,255,255,.12)}.hero-bar li{padding:16px 20px}}
@media (max-width:760px){.hero .wrap{padding:10px 10px 0}.hero-panel{border-radius:24px;min-height:0;background-position:right -90px top,0 0;background-size:auto 340px,cover}.hero-panel::before{background:linear-gradient(180deg,rgba(3,0,32,.3),rgba(3,0,32,.92) 42%)}.hero-in{padding:250px 22px 28px}.hero-title{font-size:clamp(44px,13vw,60px)}.hero-bar{margin:0 10px 10px}}
/* tema roxo */
:root{--line:rgba(255,255,255,.12);--soft:#2C1E4A;--mut:#BDB5D6;--mag-t:#E070F0}
body{background:#1C0F3C;color:#fff}
a{color:var(--mag-t)}a:hover{color:#F0A6F8}
.pill{background:transparent;color:#fff}
.btn-ink{background:#fff;color:#030020}.btn-ink:hover{background:#E9E6F2;color:#030020}
.btn-line{background:transparent;color:#fff}.btn-line:hover{background:#2C1E4A;color:#fff}
.nav{background:#000}.nav .links{background:#141414}.nav .links a:hover{background:#2a2a2a}
.logo img{height:72px}.foot .logo img{height:96px}
.links a:hover{background:#3A0450;color:#fff}
.auth svg{color:var(--mag-t)}
.b-white{background:transparent}
.b .ic{background:#3A0450;color:#fff}
.big-ic{color:var(--mag-t)}
.b-dark{background:#030020}
.band b{color:#fff}
.part-h{border-bottom-color:rgba(255,255,255,.5)}
.mod .n,.about-txt .name{color:var(--mag-t)}
.yes .m{background:rgba(91,227,154,.15);color:#5BE39A}
.no li{border-color:var(--line)}.no .m{background:rgba(255,255,255,.08);color:var(--mut)}
.closing{color:#fff}
.about-txt .story{color:rgba(255,255,255,.86)}
.creds svg{color:var(--mag-t)}
.arr{background:transparent;color:#fff}.arr:hover{background:#2C1E4A}
.av{border:0;color:#fff;font-weight:600;font-size:17px;letter-spacing:.02em}
.who-row .av{object-fit:cover;background:#2C1E4A}
.arrows{flex-direction:row;flex:none}.t-head .arrows{flex-direction:row;max-width:none}
.tcard .fill{background:rgba(192,39,213,.2);color:#F3C2FA}
td:first-child,th:first-child{color:#fff}
.c5{background:#3A0450}td.c5{border-bottom-color:rgba(255,255,255,.12)}
.ok{color:#5BE39A}.no-i{color:rgba(255,255,255,.3)}
.price{background:#3A0450}
.seal{background:#2C1E4A}.seal::before{border-color:rgba(255,255,255,.22)}.seal b{color:#fff}
summary .pm::before,summary .pm::after{background:#fff}
.ph{background:rgba(255,196,0,.15);color:#FFD66B}
.final-panel{background:#030020}
.foot-links a:hover{color:#fff}
.wa{background:#2C1E4A;color:#fff;border-color:var(--line);box-shadow:0 10px 30px -10px rgba(0,0,0,.5)}.wa:hover{background:#3A0450;color:#fff}
/* telas grandes: Full HD, 2K, 4K */
@media (min-width:1600px){html{zoom:1.08}}
@media (min-width:1900px){html{zoom:1.25}}
@media (min-width:2400px){html{zoom:1.6}}
@media (min-width:3200px){html{zoom:2.2}}
@media (min-width:761px) and (max-width:1020px){
.wrap{padding:88px 40px}
.nav .wrap{padding:14px 24px}
.hero .wrap{padding:16px 16px 0}
.hero-panel{min-height:600px;background-position:right -180px bottom,0 0;background-size:auto 88%,cover}
.hero-panel::before{background:linear-gradient(90deg,rgba(3,0,32,.95) 0%,rgba(3,0,32,.8) 50%,rgba(3,0,32,.2) 85%)}
.hero-in{padding:60px 44px;max-width:620px}
.auth div{padding:24px 22px;font-size:14px}
.xlist li{padding:22px 40px}.prob-p{padding:0 40px 28px}
.imgcard{min-height:440px;padding:40px}
.about-txt{padding:64px 40px}
.about{grid-template-columns:1fr}
.price>div{padding:44px 40px}
.who-card{padding:32px}
summary{padding:24px 32px}details p{padding:0 32px 24px}
.track{grid-auto-columns:minmax(300px,46%)}
.foot .wrap{padding:44px 40px}
.final .wrap{padding:16px}
.final-panel{padding:80px 40px}
}
@media (max-width:760px){
.btn-lg,.mid-cta .btn{white-space:normal;text-align:center;height:auto;min-height:56px;padding:14px 24px;line-height:1.25;width:100%}
.hero-in{padding:250px 22px 36px;gap:22px}
.hero h1{font-size:clamp(32px,9.6vw,44px)}
.hero p.sub,.lead{font-size:17px}
.tag{height:auto;padding:8px 12px;font-size:10.5px;letter-spacing:.08em;line-height:1.4}
.h2{font-size:clamp(28px,8.4vw,40px)}
.b{padding:26px;min-height:0}.bento{gap:14px;margin-top:40px}
.b[style*="row"]{flex-direction:column!important;align-items:flex-start!important;gap:16px!important}
.b[style*="row"] .big-ic svg{width:64px;height:64px}
.num{font-size:52px}
.part{margin-top:40px}.part-h{flex-direction:column;gap:4px}
.mod h4{font-size:16px}.mod p{font-size:15px}
.mid-cta{flex-direction:column;align-items:stretch;padding:24px}
.who{margin-top:36px}
.about-photo{min-height:420px}
.tcard{min-height:0;padding:28px}
.swipe{display:flex}
table{min-width:700px;font-size:14px}
th,td{padding:14px 10px}
td:first-child,th:first-child{position:sticky;left:0;z-index:1;background:#1C0F3C;min-width:170px;box-shadow:1px 0 0 var(--line)}
.price{margin-top:36px;border-radius:24px}
.inst b{font-size:56px}
summary{font-size:16px}
.faq-img{min-height:300px}
.metrics b{font-size:40px}
.closing,.below{font-size:18px}
.mbar{background:#1C0F3C!important}
.final-panel{border-radius:24px}
}
@media (max-width:400px){
.wrap{padding:60px 18px}
.hero-in{padding:220px 18px 32px}
.nav-cta .btn-sm{padding:0 14px;font-size:13px}
.logo img{height:36px}
.xlist li{padding:18px}
.price>div{padding:28px 20px}
.inst b{font-size:48px}
}