body.pg-os{background:#040405;--o-folga:clamp(16px,2.5svh,40px)}
body.pg-os.grid-bg::before{
background-image:linear-gradient(rgba(233,233,230,.034) 1px,transparent 1px),
linear-gradient(90deg,rgba(233,233,230,.034) 1px,transparent 1px);
-webkit-mask-image:radial-gradient(ellipse 85% 75% at 50% 40%,#000 35%,transparent 100%);
mask-image:radial-gradient(ellipse 85% 75% at 50% 40%,#000 35%,transparent 100%);
}
.pg-os main{padding-inline:clamp(8px,2.4vw,40px)}
.o-sec{position:relative;padding-block:clamp(40px, min(8vw, 7.5svh), 120px)}
.o-sec--tela{
min-height:100svh;
display:flex;flex-direction:column;justify-content:center;
padding-top:calc(var(--nav-h) + var(--o-folga));
padding-bottom:var(--o-folga);
scroll-margin-top:calc(-1 * var(--nav-h));
}
.o-sec--tela:has(.o-tabs[hidden]){min-height:0}
.pg-os #aulas,.pg-os #dentro,.pg-os #segmentos,.pg-os #membros,.pg-os #duvidas{
min-height:0;padding-block:clamp(56px,10vh,108px);
scroll-margin-top:calc(-1 * var(--nav-h));
}
.o-head{text-align:center;max-width:920px;margin:0 auto clamp(20px, min(4vw, 4.4svh), 56px)}
.o-head h2{font-size:clamp(28px, min(3.6vw, 5.6svh), 52px);color:#F4F4F1}
.o-head p{margin:clamp(8px,1.4svh,16px) auto 0;max-width:56ch;font-size:clamp(15px, min(1.3vw, 2.2svh), 18.5px);line-height:1.55;color:rgba(233,233,230,.8)}
.o-cta{display:flex;justify-content:center;margin-top:clamp(20px, min(3.6vw, 4svh), 48px)}
.o-eyebrow{
display:inline-flex;align-items:center;flex-wrap:wrap;gap:6px 14px;
font-size:12.5px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;line-height:1.3;
color:rgba(233,233,230,.76);
}
.o-eyebrow span:first-child{color:#fff;font-weight:700;text-shadow:0 0 18px rgba(255,255,255,.4)}
.o-eyebrow__bar{width:1px;height:18px;background:rgba(255,255,255,.26)}
.o-eyebrow--sm{font-size:11.5px;gap:6px 12px}
.o-eyebrow--sm .o-eyebrow__bar{height:14px}
.pg-os{--o-barra:72px}
@media (max-width:760px){.pg-os{--o-barra:74px}}
.o-hero{
position:relative;isolation:isolate;overflow:hidden;
display:flex;align-items:center;
min-height:calc(100svh - var(--o-barra));
padding-block:clamp(16px,3svh,48px);
}
.o-robot{
position:absolute;right:-2%;top:0;bottom:0;width:min(58%,760px);z-index:1;
display:flex;align-items:flex-end;justify-content:center;pointer-events:none;
}
.o-robot img{
height:100%;width:auto;max-width:none;object-fit:contain;object-position:bottom;
-webkit-mask:linear-gradient(0deg,transparent 2%,#000 18%),
linear-gradient(180deg,#000 0 30%,transparent 46%),
linear-gradient(90deg,transparent,#000 22%);
mask:linear-gradient(0deg,transparent 2%,#000 18%),
linear-gradient(180deg,#000 0 30%,transparent 46%),
linear-gradient(90deg,transparent,#000 22%);
-webkit-mask-composite:source-in,source-over,source-over;
mask-composite:intersect,add,add;
filter:contrast(1.08) brightness(1.02);
}
.o-hero__glow{
position:absolute;right:8%;top:6%;width:46%;aspect-ratio:1;z-index:0;pointer-events:none;
background:radial-gradient(circle,rgba(233,233,230,.14),transparent 62%);
}
.o-hero__stars,.o-hero__shine{
-webkit-mask-image:radial-gradient(ellipse 26% 50% at 72% 52%,transparent 55%,#000 100%);
mask-image:radial-gradient(ellipse 26% 50% at 72% 52%,transparent 55%,#000 100%);
}
.o-hero__stars{position:absolute;inset:0;z-index:0;width:100%;height:100%;pointer-events:none;opacity:0;animation:o-fade 1.6s ease-out .5s forwards}
.o-hero__shine{position:absolute;inset:0;z-index:0;pointer-events:none}
.o-hero__shine i{
position:absolute;width:3px;height:3px;margin:-1.5px 0 0 -1.5px;border-radius:50%;background:#fff;
box-shadow:0 0 6px 1px rgba(255,255,255,.8),0 0 18px 4px rgba(233,233,230,.28);
opacity:.35;animation:o-shine 5s ease-in-out infinite;
}
@keyframes o-shine{0%,100%{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1.25)}}
.o-hero__dust{position:absolute;inset:0;z-index:0;pointer-events:none}
.o-hero__dust i{position:absolute;width:2px;height:2px;border-radius:50%;background:rgba(233,233,230,.5);animation:o-dust 9s ease-in-out infinite}
.o-hero__text{
--o-folga-robo:max(clamp(4px,2.6vw,44px),
calc(min(29%,380px) - 2% - (100svh - var(--o-barra)) * 0.239726));
position:relative;z-index:3;
max-width:calc(min(640px,52%) + var(--o-folga-robo));
padding-left:var(--o-folga-robo);
}
.o-hero__eyebrow{opacity:0;animation:o-up .7s cubic-bezier(.22,1,.36,1) .32s forwards}
.o-hero__title{
font-size:clamp(40px, min(6vw, 8.2svh), 92px);line-height:1.02;letter-spacing:-.035em;
color:#F4F4F1;text-shadow:0 0 60px rgba(233,233,230,.18);
margin:clamp(14px,2.4svh,30px) 0 clamp(14px,2.4svh,28px);
}
.o-hero__line{display:block}
.o-hero__line--glow{color:#fff;text-shadow:0 0 28px rgba(255,255,255,.3)}
.o-hero__title .w{
display:inline-block;opacity:0;transform:translateY(14px);
animation:o-up .8s cubic-bezier(.22,1,.36,1) var(--d,0s) forwards;
}
.o-hero__sub{
max-width:32ch;font-size:clamp(16px, min(1.4vw, 2.5svh), 20px);line-height:1.5;color:rgba(233,233,230,.8);
opacity:0;animation:o-up .7s cubic-bezier(.22,1,.36,1) 1.45s forwards;
}
.o-hero__cta{margin-top:clamp(18px,3.2svh,36px);opacity:0;animation:o-up .7s cubic-bezier(.22,1,.36,1) 1.65s forwards}
@keyframes o-fade{to{opacity:1}}
@keyframes o-up{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@keyframes o-dust{0%,100%{opacity:0;transform:translateY(0)}50%{opacity:.9;transform:translateY(-16px)}}
@keyframes o-blink{50%{opacity:0}}
.o-tabs{
--tw:clamp(340px, min(39vw, 52svh), 580px);
--tx:calc(var(--tw) * .64);
position:relative;height:calc(var(--tw) * .767 + 50px);
perspective:1600px;transform-style:preserve-3d;
}
.o-tab{
position:absolute;left:50%;top:50%;
width:var(--tw);aspect-ratio:730/560;
margin-left:calc(var(--tw) / -2);margin-top:calc(var(--tw) * -.3836);
background:url("../img/os/tablet.png") center/contain no-repeat;
filter:drop-shadow(0 30px 50px rgba(0,0,0,.55));
transform:translate3d(0,0,80px);
transition:transform .65s cubic-bezier(.4,0,.2,1),opacity .5s cubic-bezier(.4,0,.2,1);
}
.o-tab.is-l{transform:translate3d(calc(var(--tx) * -1),24px,0) rotateY(26deg) scale(.78);z-index:1}
.o-tab.is-c{transform:translate3d(0,0,80px);z-index:3}
.o-tab.is-r{transform:translate3d(var(--tx),24px,0) rotateY(-26deg) scale(.78);z-index:1}
.o-tab.is-xr{transform:translate3d(calc(var(--tx) * 1.4),40px,-280px) rotateY(-44deg) scale(.5);opacity:0;z-index:0}
.o-tab.is-xl{transform:translate3d(calc(var(--tx) * -1.4),40px,-280px) rotateY(44deg) scale(.5);opacity:0;z-index:0}
.o-tab.no-tr,.o-tab.no-tr *{transition:none!important}
.o-tab__screen{
position:absolute;top:3.6%;left:3%;right:3%;bottom:4%;overflow:hidden;
border-radius:calc(var(--tw) * .018);
background:radial-gradient(ellipse 80% 70% at 50% 42%,#18181c 0%,#0b0b0d 62%,#060607 100%);
box-shadow:inset 0 0 0 1px rgba(0,0,0,.6);
}
.o-tab__screen img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.o-tab__screen::after{
content:"";position:absolute;inset:0;z-index:4;pointer-events:none;
background:linear-gradient(135deg,rgba(255,255,255,.08) 0%,transparent 35%,transparent 65%,rgba(0,0,0,.2) 100%);
}
.o-tab::after{
content:"";position:absolute;top:3.6%;left:3%;right:3%;bottom:4%;z-index:5;pointer-events:none;
border-radius:calc(var(--tw) * .018);background:#000;opacity:0;transition:opacity .65s cubic-bezier(.4,0,.2,1);
}
.o-tab.is-l::after,.o-tab.is-r::after{opacity:.45}
.o-tab__prog{position:absolute;z-index:3;left:6%;right:6%;bottom:5%;height:3px;border-radius:9px;background:rgba(255,255,255,.18);overflow:hidden}
.o-tab__prog i{display:block;height:100%;border-radius:inherit;background:#fff;box-shadow:0 0 8px rgba(255,255,255,.6)}
.o-buy{display:grid;grid-template-columns:.82fr 1.18fr;gap:clamp(20px,3vw,40px);align-items:center;max-width:1220px;width:100%;margin-inline:auto}
.o-card{
background:linear-gradient(180deg,rgba(20,20,24,.85),rgba(10,10,12,.85));
border:1px solid rgba(255,255,255,.08);border-radius:20px;
box-shadow:0 30px 80px rgba(0,0,0,.55),inset 0 1px 0 rgba(255,255,255,.06);
}
.o-price{display:flex;flex-direction:column;padding:clamp(20px, min(3vw, 3.4svh), 36px) clamp(20px,2.6vw,34px)}
.o-price h3{margin:clamp(8px,1.4svh,14px) 0 8px;font-size:clamp(22px, min(2vw, 3.4svh), 30px);line-height:1.1;letter-spacing:-.025em;color:#fff}
.o-price__desc{font-size:15px;line-height:1.5;color:rgba(233,233,230,.8);margin-bottom:clamp(12px,2.2svh,24px)}
.o-price__box{
display:flex;flex-wrap:wrap;align-items:baseline;justify-content:center;gap:2px;text-align:center;
padding:clamp(12px,2.2svh,22px) 0;margin-bottom:clamp(14px,2.4svh,24px);
border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08);
}
.o-price__tag{flex-basis:100%;margin-bottom:8px;font-size:11.5px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:rgba(233,233,230,.74)}
.o-price__cur{margin-right:6px;font-size:20px;font-weight:500;color:rgba(233,233,230,.82)}
.o-price__num{font-family:var(--tight);font-size:clamp(48px, min(5.6vw, 8svh), 74px);font-weight:700;line-height:1;letter-spacing:-.04em;color:#fff}
.o-price__meta{flex-basis:100%;margin-top:8px;font-size:13.5px;font-weight:500;color:rgba(233,233,230,.76)}
.o-price__fine{margin-top:14px;font-size:12.5px;line-height:1.45;text-align:center;color:rgba(233,233,230,.68)}
.o-price__life{margin-top:6px;font-size:13px;font-weight:500;line-height:1.5;text-align:center;color:rgba(233,233,230,.9)}
.mz.mz--medindo,.mz.mz--medindo *{transition:none!important}
.pg-os .o-price{padding-block:clamp(18px, calc(6.92svh - 38.8px), 36px)}
.pg-os .o-price__desc{margin-bottom:clamp(14px, calc(3.85svh - 17.5px), 24px)}
.pg-os .o-price__box{
padding-block:clamp(14px, calc(3.08svh - 11.2px), 22px);
margin-bottom:clamp(16px, calc(3.08svh - 9.2px), 24px);
}
.pg-os .o-price__num{font-size:clamp(44px, min(5.6vw, calc(7.7svh - 9px)), 74px)}
.pg-os .o-price__fine{margin-top:clamp(10px, calc(1.54svh - 2.6px), 14px)}
.pg-os .o-price__life{margin-top:clamp(4px, calc(1.1svh - 4px), 6px)}
.pg-os .mz__top{padding-block:clamp(10px, calc(1.54svh - 2.6px), 14px)}
.pg-os .mz__head{padding-block:clamp(9px, calc(1.15svh - 0.5px), 12px)}
.pg-os .mz__row{height:clamp(29px, calc(2.31svh + 10.1px), 35px)}
.pg-os .mz__root{padding-top:clamp(7px, calc(1.54svh - 5.6px), 11px)}
.pg-os .mz__side{padding-block:clamp(12px, calc(1.15svh + 2.5px), 15px)}
.pg-os .mz__side-top,.pg-os .mz__side-bot{gap:clamp(16px, calc(2.31svh - 2.9px), 22px)}
.pg-os .mz__prompt{padding-block:clamp(9px, calc(1.15svh - 0.5px), 12px)}
.pg-os .mz__foot{padding-block:clamp(7px, calc(0.77svh + 0.7px), 9px)}
.o-segs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,1.8vw,26px);max-width:1320px;width:100%;margin-inline:auto}
.o-seg{display:flex;flex-direction:column;align-items:center;gap:12px;container-type:inline-size;min-width:0}
.o-seg__tag{
padding:7px 15px;border-radius:999px;border:1px solid rgba(255,255,255,.2);
font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#fff;
}
.o-win{
position:relative;width:100%;aspect-ratio:4/3.15;overflow:hidden;
border-radius:16px;background:#0a0a0c;border:1px solid rgba(255,255,255,.1);
box-shadow:0 30px 70px rgba(0,0,0,.55);
}
.o-win::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(135deg,rgba(255,255,255,.05) 0%,transparent 35%)}
.o-sc{position:absolute;inset:0;display:flex;flex-direction:column;font-family:var(--mono);font-size:2.7cqi;line-height:1.65;color:#E9E9E6}
.o-sc__bar{flex:none;display:flex;align-items:center;gap:1.2cqi;height:6.5cqi;padding:0 3.4cqi;border-bottom:1px solid rgba(233,233,230,.08)}
.o-sc__bar i{width:1.4cqi;height:1.4cqi;border-radius:50%;background:rgba(233,233,230,.45)}
.o-sc__bar i:nth-child(2){background:rgba(233,233,230,.3)}
.o-sc__bar i:nth-child(3){background:rgba(233,233,230,.18)}
.o-sc__bar span{margin-left:1.8cqi;font-size:2.3cqi;color:rgba(233,233,230,.66);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.o-sc__lbl{font-family:var(--sans);font-size:2.1cqi;font-weight:700;letter-spacing:.14em;text-transform:uppercase;line-height:1.5;color:rgba(233,233,230,.66);margin-bottom:.6cqi}
.o-sc__term{flex:none;padding:2.4cqi 4cqi 1.2cqi}
.o-sc__cmd{display:flex;align-items:center;white-space:nowrap}
.o-sc__sig{color:rgba(233,233,230,.45);margin-right:1ch}
.o-sc__type{display:inline-block;overflow:hidden;white-space:nowrap;vertical-align:bottom;color:rgba(233,233,230,.88)}
.o-sc__type b{font-weight:500;color:#fff}
.o-sc__cur{display:inline-block;width:1.2cqi;height:2.9cqi;margin-left:.35ch;background:rgba(233,233,230,.85);animation:o-blink 1.05s steps(1) infinite}
.o-sc__ln{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:rgba(233,233,230,.74)}
.o-sc__ok{color:#fff}
.o-sc__out{flex:1;min-height:0;display:flex;flex-direction:column;padding:2.2cqi 4cqi 5.4cqi;border-top:1px dashed rgba(233,233,230,.08)}
.o-sc__out > :last-child{margin:auto}
.o-win__prog{position:absolute;z-index:3;left:4cqi;right:4cqi;bottom:2.2cqi;height:.6cqi;border-radius:9px;background:rgba(255,255,255,.14);overflow:hidden}
.o-win__prog i{display:block;height:100%;width:100%;border-radius:inherit;background:#fff;box-shadow:0 0 8px rgba(255,255,255,.6)}
.o-mk{display:flex;align-items:flex-end;gap:1.6cqi}
.o-mk__s{
position:relative;width:16cqi;aspect-ratio:4/5;overflow:hidden;
display:flex;flex-direction:column;gap:1cqi;padding:1.8cqi 1.6cqi;
border-radius:1cqi;background:#151518;border:1px solid rgba(233,233,230,.12);
}
.o-mk__s--light{background:#EDEDEA;border-color:transparent}
.o-mk__s b{font-family:var(--tight);font-weight:600;font-size:2.3cqi;line-height:1.05;letter-spacing:-.02em;color:#0C0C0D;white-space:normal}
.o-mk__s u{display:block;height:1.05cqi;width:88%;border-radius:9px;background:rgba(233,233,230,.45);text-decoration:none}
.o-mk__s u:first-child{height:2cqi;width:92%;margin-bottom:.4cqi;background:#E9E9E6}
.o-mk__s u.s{width:58%}
.o-mk__s--light u{background:rgba(12,12,13,.3)}
.o-mk__s--light u:first-child{background:#0C0C0D}
.o-mk__s em{position:absolute;right:1.2cqi;bottom:1cqi;font-style:normal;font-size:1.5cqi;line-height:1;color:rgba(233,233,230,.5)}
.o-mk__s--light em{color:rgba(12,12,13,.5)}
.o-st{width:78cqi;overflow:hidden;border-radius:1.4cqi;background:#F1F1EF;border:1px solid rgba(233,233,230,.14);box-shadow:0 2cqi 5cqi rgba(0,0,0,.5)}
.o-st__top{display:flex;align-items:center;gap:.9cqi;height:4.2cqi;padding:0 1.8cqi;background:#19191c}
.o-st__top i{width:1cqi;height:1cqi;border-radius:50%;background:rgba(233,233,230,.35)}
.o-st__top span{margin-left:1.4cqi;padding:0 2.2cqi;border-radius:9px;background:rgba(233,233,230,.08);font-size:1.7cqi;line-height:2.6cqi;color:rgba(233,233,230,.74)}
.o-st__page{display:flex;flex-direction:column;gap:1.9cqi;padding:2cqi 2.4cqi 2.4cqi}
.o-st__nav{display:flex;align-items:center;gap:1.5cqi}
.o-st__nav b{width:8cqi;height:1.8cqi;border-radius:9px;background:#0C0C0D}
.o-st__nav u{width:4.8cqi;height:1cqi;border-radius:9px;background:rgba(12,12,13,.28);text-decoration:none}
.o-st__nav u:first-of-type{margin-left:auto}
.o-st__nav s{width:7.6cqi;height:2.6cqi;border-radius:9px;background:#0C0C0D;text-decoration:none}
.o-st__hero{display:grid;grid-template-columns:1fr 1fr;gap:2.2cqi;align-items:center}
.o-st__copy{display:flex;flex-direction:column;gap:1.1cqi}
.o-st__copy b{height:2.8cqi;width:96%;border-radius:.5cqi;background:#0C0C0D}
.o-st__copy b.s{width:68%}
.o-st__copy u{height:1.1cqi;width:84%;margin-top:.4cqi;border-radius:9px;background:rgba(12,12,13,.28);text-decoration:none}
.o-st__copy s{width:12cqi;height:3.2cqi;margin-top:.8cqi;border-radius:9px;background:#0C0C0D;text-decoration:none}
.o-st__img{height:13cqi;border-radius:1cqi;background:radial-gradient(ellipse 70% 40% at 50% 78%,rgba(255,255,255,.28),transparent 70%),linear-gradient(160deg,#3a3d44 0%,#15161a 55%,#0b0b0d 100%)}
.o-st__cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1.3cqi}
.o-st__cards i{height:6.4cqi;border-radius:.8cqi;background:#fff;border:1px solid rgba(12,12,13,.1)}
.o-pp{display:flex;align-items:center;gap:3.4cqi}
.o-pp__doc{
width:46cqi;display:flex;flex-direction:column;gap:1.5cqi;padding:2.4cqi 2.8cqi;
border-radius:.8cqi;background:#F4F4F1;color:#0C0C0D;box-shadow:0 2cqi 5cqi rgba(0,0,0,.5);
}
.o-pp__h{font-family:var(--tight);font-weight:600;font-size:2.5cqi;line-height:1.1;letter-spacing:-.02em;padding-bottom:1.2cqi;border-bottom:1px solid rgba(12,12,13,.14)}
.o-pp__sec{display:flex;flex-direction:column;gap:.7cqi}
.o-pp__sec em{font-style:normal;font-size:1.5cqi;line-height:1.2;letter-spacing:.1em;text-transform:uppercase;color:rgba(12,12,13,.62)}
.o-pp__sec u{display:block;height:1cqi;width:92%;border-radius:9px;background:rgba(12,12,13,.26);text-decoration:none}
.o-pp__sec u.s{width:62%}
.o-pp__sec span{display:flex;align-items:center;gap:.9cqi}
.o-pp__sec span i{flex:none;width:1.4cqi;height:1.4cqi;border-radius:.3cqi;background:#0C0C0D}
.o-pp__sec span u{flex:1}
.o-pp__files{display:flex;flex-direction:column;gap:1.5cqi}
.o-pp__files span{padding:.9cqi 2.4cqi;border-radius:.8cqi;font-size:2.3cqi;color:#fff;border:1px solid rgba(233,233,230,.26);background:rgba(233,233,230,.06)}
.o-segs.is-js .o-sc__type{width:0;transition:width var(--typ,1.2s) steps(var(--n,20)) .35s}
.o-segs.is-js .o-seg.is-play .o-sc__type{width:calc(var(--n,20) * 1ch)}
.o-segs.is-js :is(.o-sc__ln,.o-mk__s,.o-st,.o-st__nav,.o-st__copy,.o-st__img,.o-st__cards,.o-pp__doc,.o-pp__h,.o-pp__sec,.o-pp__files span){
opacity:0;transform:translateY(1.4cqi);
transition:opacity .45s cubic-bezier(.22,1,.36,1),transform .45s cubic-bezier(.22,1,.36,1);
}
.o-segs.is-js .o-seg.is-play :is(.o-sc__ln,.o-mk__s,.o-st__nav,.o-st__copy,.o-st__img,.o-st__cards,.o-pp__h,.o-pp__sec,.o-pp__files span){
opacity:1;transform:none;transition-delay:var(--t,0s);
}
.o-segs.is-js .o-seg.is-play :is(.o-st,.o-pp__doc){opacity:1;transform:none;transition-delay:2s}
.o-segs.is-js .o-win__prog i{width:0}
.o-segs.is-js .o-seg.is-play .o-win__prog i{width:100%;transition:width 5.6s linear}
.o-seg.no-tr,.o-seg.no-tr *{transition:none!important}
.o-seg.zerando *{transition:none!important}
.o-claro{background:#F4F4F1;color:#0C0C0D;border-radius:28px;box-shadow:0 30px 80px rgba(0,0,0,.55)}
.o-claro ::selection{background:#0C0C0D;color:#F4F4F1}
body.pg-os .o-claro .btn{background:#0C0C0D;color:#F4F4F1;box-shadow:0 10px 26px rgba(12,12,13,.22)}
body.pg-os .o-claro .btn:hover{background:#26262A;color:#fff;box-shadow:0 14px 32px rgba(12,12,13,.3)}
.o-mods{max-width:980px;width:100%;margin-inline:auto;padding:clamp(20px, min(3.4vw, 3.6svh), 44px) clamp(18px,4vw,56px)}
.o-mods__head{text-align:center;margin-bottom:clamp(10px,2.2svh,26px)}
.o-mods__kicker{margin-bottom:8px;font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#45454A}
.o-mods h2{font-size:clamp(24px, min(3vw, 4.4svh), 42px);line-height:1.1;color:#0C0C0D}
body.pg-os .o-mods__list{max-width:none;gap:0}
body.pg-os .o-mods__list details,
body.pg-os .o-mods__list details:hover,
body.pg-os .o-mods__list details[open]{
background:transparent;border:0;border-bottom:1px solid rgba(12,12,13,.14);
border-radius:0;box-shadow:none;padding:0 4px;
}
body.pg-os .o-mods__list details:first-child{border-top:1px solid rgba(12,12,13,.14)}
body.pg-os .o-mods__list summary{
justify-content:flex-start;gap:0;padding:clamp(10px,1.9svh,17px) 0;
font-size:clamp(15.5px, min(1.4vw, 2.3svh), 18px);font-weight:600;color:#0C0C0D;
}
body.pg-os .o-mods__list summary::after{margin-left:auto;padding-left:12px;color:#0C0C0D}
.o-mods__n{
flex:none;display:inline-grid;place-items:center;width:28px;height:28px;margin-right:14px;
border-radius:50%;border:1px solid rgba(12,12,13,.24);
font-family:var(--mono);font-size:12px;font-weight:500;color:#0C0C0D;
}
body.pg-os .o-mods__list .a{max-width:none;padding:0 0 16px 42px;font-size:15px;line-height:1.6;color:#2B2B2E}
body.pg-os .o-mods__list .a b{color:#0C0C0D;font-weight:600}
.o-mods__cta{display:flex;justify-content:center;margin-top:clamp(12px,2.6svh,28px)}
@media (max-height:820px){
body.pg-os .o-mods__list summary{padding-block:clamp(8px,1.45svh,13px)}
.o-mods{padding-block:clamp(16px,2.6svh,28px)}
}
.o-thanks{max-width:660px;width:100%;margin-inline:auto;text-align:center;padding:clamp(32px, min(5vw, 6svh), 60px) clamp(22px,4vw,52px)}
.o-thanks__badge{
display:inline-block;margin-bottom:22px;padding:7px 15px;border-radius:999px;
border:1px solid rgba(12,12,13,.3);
font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#0C0C0D;
}
.o-thanks h2{margin-bottom:12px;font-size:clamp(26px,3.2vw,38px);line-height:1.15;letter-spacing:-.025em;color:#0C0C0D;text-wrap:balance}
.o-thanks p{font-size:17px;line-height:1.5;color:#2B2B2E;text-wrap:balance}
.o-thanks p.o-thanks__pitch{margin-top:22px;padding-top:22px;border-top:1px solid rgba(12,12,13,.12);font-size:15.5px;line-height:1.6}
.o-thanks__pitch b{color:#0C0C0D;font-weight:600}
.o-thanks .btn{margin-top:26px}
@media (max-width:1100px){
.o-segs{display:grid;grid-template-columns:minmax(0,1fr);justify-items:center;overflow:hidden;width:100%;padding-bottom:8px}
.o-seg{grid-area:1/1;width:min(100%,460px)}
.o-seg:not(:first-child){opacity:0;pointer-events:none}
.o-segs.is-auto .o-seg{
opacity:0;pointer-events:none;transform:translateX(112%);
transition:transform .6s cubic-bezier(.4,0,.2,1),opacity .6s cubic-bezier(.4,0,.2,1);
}
.o-segs.is-auto .o-seg[data-lado="0"]{opacity:1;pointer-events:auto;transform:none}
.o-segs.is-auto .o-seg[data-lado="-1"]{transform:translateX(-112%)}
}
@media (max-width:760px){
.pg-os #aulas,.pg-os #dentro,.pg-os #segmentos,.pg-os #membros,.pg-os #duvidas,
.pg-os #comecar{
min-height:0;padding-block:54px;scroll-margin-top:0;
}
}
@media (max-width:900px){
.o-hero__text{max-width:100%;padding-inline:clamp(6px,2vw,16px)}
.o-robot{right:0;width:100%;top:4%;justify-content:flex-end}
.o-robot img{filter:brightness(.55) contrast(1.05)}
.o-hero__stars,.o-hero__shine{
-webkit-mask-image:radial-gradient(ellipse 42% 34% at 76% 44%,transparent 55%,#000 100%);
mask-image:radial-gradient(ellipse 42% 34% at 76% 44%,transparent 55%,#000 100%);
}
.o-robot img{
-webkit-mask:linear-gradient(0deg,transparent 0%,#000 32%),
linear-gradient(180deg,#000 0 30%,transparent 46%),
linear-gradient(90deg,transparent,#000 34%);
mask:linear-gradient(0deg,transparent 0%,#000 32%),
linear-gradient(180deg,#000 0 30%,transparent 46%),
linear-gradient(90deg,transparent,#000 34%);
-webkit-mask-composite:source-in,source-over,source-over;
mask-composite:intersect,add,add;
}
.o-hero__glow{right:4%;width:80%;top:10%}
.o-tabs{
--tw:min(84vw,440px);
display:grid;grid-template-columns:minmax(0,1fr);justify-items:center;
height:auto;perspective:none;transform-style:flat;
overflow:hidden;padding-block:6px 22px;
}
.o-tab,.o-tab.is-l,.o-tab.is-c,.o-tab.is-r,.o-tab.is-xl,.o-tab.is-xr{
grid-area:1/1;position:relative;left:auto;top:auto;margin:0;width:var(--tw);
transform:none;opacity:1;z-index:auto;transition:none;
filter:drop-shadow(0 18px 30px rgba(0,0,0,.5));
}
.o-tab:not(:first-child){opacity:0}
.o-tabs.is-auto .o-tab{
opacity:0;transform:translateX(112%);
transition:transform .6s cubic-bezier(.4,0,.2,1),opacity .6s cubic-bezier(.4,0,.2,1);
}
.o-tabs.is-auto .o-tab[data-lado="0"]{opacity:1;transform:none}
.o-tabs.is-auto .o-tab[data-lado="-1"]{transform:translateX(-112%)}
.o-tab.is-l::after,.o-tab.is-r::after{opacity:0}
.o-buy{grid-template-columns:1fr;max-width:540px}
.pg-os .mz{display:none}
}
@media (max-width:640px){
.o-hero{align-items:stretch;overflow:visible;padding-block:clamp(14px,2.4svh,24px) clamp(30px,6svh,56px)}
.o-hero__text{display:flex;flex-direction:column;width:100%}
.o-hero__title{margin:auto 0 clamp(14px,2.4svh,22px);font-size:min(15vw, 8svh);line-height:1.06}
.o-hero__cta{margin-top:auto}
.o-robot{top:14%;bottom:auto;right:-3%;width:78%;height:68%;justify-content:flex-end;align-items:flex-start}
.o-robot img{
-webkit-mask:linear-gradient(0deg,transparent 0%,#000 32%),
linear-gradient(180deg,#000 0 30%,transparent 46%),
linear-gradient(90deg,transparent,#000 34%);
mask:linear-gradient(0deg,transparent 0%,#000 32%),
linear-gradient(180deg,#000 0 30%,transparent 46%),
linear-gradient(90deg,transparent,#000 34%);
-webkit-mask-composite:source-in,source-over,source-over;
mask-composite:intersect,add,add;
}
.o-hero__glow{top:0;right:-4%;width:76%}
.o-eyebrow{font-size:10.5px;letter-spacing:.08em;gap:6px 10px}
.o-eyebrow__bar{height:13px}
.o-hero__sub{font-size:17.5px;max-width:26ch}
.o-price__desc{font-size:14.5px}
body.pg-os #duvidas .sec-head{margin-bottom:16px;gap:8px}
body.pg-os #duvidas .sec-head h2{font-size:clamp(26px,7.4vw,32px)}
body.pg-os #duvidas .faq{gap:8px}
body.pg-os #duvidas .faq details{padding:0 16px}
body.pg-os #duvidas .faq summary{padding:13px 0;font-size:15.5px}
.o-thanks p{font-size:16px}
.o-thanks p.o-thanks__pitch{font-size:15px;margin-top:18px;padding-top:18px}
.o-thanks__badge{margin-bottom:16px}
.o-mods__n{width:24px;height:24px;margin-right:10px;font-size:11px}
body.pg-os .o-mods__list .a{padding-left:34px}
}
@media (prefers-reduced-motion:reduce){
.o-hero__stars,.o-hero__eyebrow,.o-hero__title .w,.o-hero__sub,.o-hero__cta{animation-delay:0s!important}
.o-hero__dust i,.o-hero__shine i,.o-sc__cur{animation:none}
.o-hero__dust{display:none}
}
.o-hero__title.o-hero__title--sete{font-size:clamp(40px, min(6vw, 7svh), 92px)}
@media (max-width:760px){
.o-hero__title.o-hero__title--sete{font-size:min(15vw, 8svh)}
}
@media (max-width:760px) and (max-height:720px){
.o-hero__title.o-hero__title--sete{font-size:min(13.2vw, 6.8svh)}
}
.o-price__ja{margin-top:12px;padding-top:12px;border-top:1px solid rgba(233,233,230,.12);font-size:13px;line-height:1.5;text-align:center;color:rgba(233,233,230,.68)}
.o-price__ja .link-u{color:rgba(233,233,230,.92);font-weight:500}
.pg-os .o-price__ja{margin-top:clamp(8px, calc(1.54svh - 2.6px), 12px);padding-top:clamp(8px, calc(1.54svh - 2.6px), 12px)}