:root{--pfundo:url(../images/posters/poster-fundo.webp);--logo:url(../images/logo.png);--p3d:url(../images/posters/poster-3d.webp);--pobj:url(../images/posters/poster-objetos.webp);--preal:url(../images/posters/poster-realista.webp);--p2d:url(../images/posters/poster-2d.webp)}
:root{--bg:#f5f6fc;--ink:#2e3740;--mut:#5f6b78;--card:#fff;--ln:rgba(46,55,64,.16);--a:#3355ff;--b:#d90bf0;--g:linear-gradient(120deg,#3355ff,#d90bf0);--dk:#1c2229;--f:"Bricolage Grotesque","Segoe UI","Helvetica Neue",Arial,sans-serif;color-scheme:light;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]){--bg:#11151a;--ink:#eef0f6;--mut:#9aa5b1;--card:#1a2027;--ln:rgba(238,240,246,.16);color-scheme:dark}}
:root[data-theme="dark"]{--bg:#11151a;--ink:#eef0f6;--mut:#9aa5b1;--card:#1a2027;--ln:rgba(238,240,246,.16);color-scheme:dark}
html{scroll-padding-top:calc(env(safe-area-inset-top,0px) + 70px);scroll-behavior:smooth}
*{box-sizing:border-box;margin:0}
body{background:var(--bg);color:var(--ink);font:17px/1.6 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;overflow-x:hidden;padding-bottom:78px}
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);background:var(--bg);z-index:70}
h1,h2,h3{font-family:var(--f);letter-spacing:-.025em;line-height:1.04;font-weight:800}
h1{font-size:clamp(2.5rem,7.4vw,5rem)}h2{font-size:clamp(1.9rem,4.8vw,3.2rem);margin-bottom:14px}h3{font-size:1.25rem;line-height:1.15;margin-bottom:6px}
p{color:var(--mut)}em{font-style:normal;background:var(--g);-webkit-background-clip:text;background-clip:text;color:transparent}
.wd{display:inline-block;overflow:hidden;vertical-align:top;padding:0 .02em .1em}.wd>span{display:inline-block;transform:translateY(115%);transition:transform .8s cubic-bezier(.2,.8,.2,1)}.in .wd>span{transform:none}em .wd>span{background:var(--g);-webkit-background-clip:text;background-clip:text;color:transparent}
.w{max-width:1120px;margin:auto;padding:0 20px}.sec{padding:90px 0 0}
.k{font:700 .78rem/1 system-ui;letter-spacing:.14em;text-transform:uppercase;color:var(--a);margin-bottom:14px;display:block}
#pg{position:fixed;top:env(safe-area-inset-top,0px);left:0;right:0;height:4px;background:var(--g);transform-origin:0;transform:scaleX(0);z-index:80}
.top{position:sticky;top:env(safe-area-inset-top,0px);z-index:60;background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(10px);border-bottom:1px solid var(--ln)}
.top .w{display:flex;align-items:center;justify-content:space-between;height:62px;gap:14px}
.logo{display:flex;align-items:center;gap:10px;font:800 1.3rem var(--f);letter-spacing:.02em;color:var(--ink);text-decoration:none}.logo img{width:38px;height:38px;border-radius:10px}
.top nav{display:flex;gap:20px}.top nav a{color:var(--mut);text-decoration:none;font-size:.93rem}.top nav a:hover{color:var(--ink)}
.btn{display:inline-flex;align-items:center;gap:8px;padding:15px 26px;border-radius:12px;background:var(--g);color:#fff;font:700 1rem system-ui;text-decoration:none;border:0;cursor:pointer;box-shadow:0 5px 0 #26308f;transition:transform .15s,box-shadow .15s;position:relative}
.btn:hover{transform:translateY(2px);box-shadow:0 3px 0 #26308f}.btn.g{background:transparent;color:var(--ink);box-shadow:inset 0 0 0 2px var(--ink)}.btn.g:hover{background:var(--ink);color:var(--bg);transform:none}.btn.s{padding:10px 18px;font-size:.9rem;box-shadow:0 3px 0 #26308f}
.btn.pl::after{content:"";position:absolute;inset:0;border-radius:12px;box-shadow:0 0 0 0 #d90bf088;animation:pu 2.2s infinite}@keyframes pu{70%,100%{box-shadow:0 0 0 16px #d90bf000}}
:focus-visible{outline:3px solid var(--b);outline-offset:3px}
.hero{display:grid;grid-template-columns:1.1fr .9fr;gap:30px;align-items:center;padding:50px 0 20px}
.hero p.l{font-size:1.2rem;max-width:560px;margin:22px 0 28px;color:var(--ink)}.row{display:flex;gap:14px;flex-wrap:wrap;align-items:center}
.cur{display:inline-block;width:.07em;height:.85em;background:var(--b);margin-left:4px;vertical-align:-.05em;animation:bl 1s steps(1) infinite}@keyframes bl{50%{opacity:0}}
.tr{display:flex;gap:8px 22px;flex-wrap:wrap;margin-top:26px;font-size:.92rem;color:var(--mut)}.tr a{color:var(--ink);font-weight:600}.stars{color:#e0a100;letter-spacing:3px}
.fan{position:relative;height:clamp(420px,56vw,600px)}.fan .vd{position:absolute;top:0;width:clamp(150px,18vw,230px)}.fan .fa-c{left:50%;width:clamp(180px,22vw,270px);transform:translateX(-50%);z-index:3;top:20px;animation:fb 6s ease-in-out infinite}.fan .fa-l{left:0;top:70px;transform:rotate(-8deg)}.fan .fa-r{right:0;top:70px;transform:rotate(8deg)}@keyframes fb{50%{transform:translateX(-50%) translateY(-12px)}}
.vd{aspect-ratio:9/16;border-radius:22px;border:3px solid var(--ink);overflow:hidden;position:relative;background:var(--dk) center/cover;display:grid;place-items:center;color:#fff;box-shadow:8px 8px 0 #3355ff55}
.vd video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.vd small{position:absolute;bottom:10px;left:10px;font:700 .68rem system-ui;background:#fff;color:#111;padding:4px 9px;border-radius:99px;z-index:2}
.q3d{background-image:var(--p3d)}.qobj{background-image:var(--pobj)}.qreal{background-image:var(--preal)}.q2d{background-image:var(--p2d)}
.mq{background:var(--g);color:#fff;overflow:hidden;margin-top:50px;transform:rotate(-1.2deg)}.mq div{display:flex;gap:40px;width:max-content;padding:14px 0;font:800 1.2rem var(--f);text-transform:uppercase;animation:mq 26s linear infinite}@keyframes mq{to{transform:translateX(-50%)}}
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:16px;margin-top:50px}.stats b{display:block;font:800 2.8rem/1 var(--f)}.stats span{color:var(--mut);font-size:.9rem}
.grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:30px}
.card{background:var(--card);border:2px solid var(--ink);border-radius:18px;padding:24px;transition:transform .2s,box-shadow .2s;position:relative;overflow:hidden}.card:hover{transform:translate(-3px,-3px);box-shadow:6px 6px 0 var(--ink)}
.card::after{content:"";position:absolute;inset:0;background:radial-gradient(260px circle at var(--mx,50%) var(--my,0),#3355ff1f,transparent 70%);opacity:0;transition:opacity .3s;pointer-events:none}.card:hover::after{opacity:1}
.fear{font:800 1.15rem var(--f);color:var(--ink);margin-bottom:10px;display:flex;gap:10px;align-items:center;position:relative}.fear::before{content:"✕";flex:none;width:26px;height:26px;border-radius:50%;background:#d90bf01f;color:var(--b);display:grid;place-items:center;font:700 .8rem system-ui}.fear::after{content:"✕";position:absolute;right:-4px;top:-16px;font:800 3.6rem/1 system-ui;color:var(--b);opacity:.08;pointer-events:none}.fear+p{color:var(--mut)}
.dark{background:var(--dk);color:#eef0f6;margin-top:90px;padding:90px 0}.dark p{color:#aab4bf}.dark .k{color:#8fa2ff}
.pro{display:grid;grid-template-columns:.8fr 1.2fr;margin-top:34px;border:2px solid #eef0f655;border-radius:22px;overflow:hidden;background:var(--dk);color:#eef0f6}.pro p{color:#aab4bf}
.lw{display:flex;flex-direction:column;border-right:1px solid #eef0f622}.lst{display:flex;flex-direction:column;flex:1}.st{all:unset;box-sizing:border-box;cursor:pointer;padding:14px 18px;border-bottom:1px solid #eef0f622;display:flex;gap:12px;align-items:center;position:relative;color:#aab4bf}
.st:focus-visible{outline:3px solid #8fa2ff;outline-offset:-3px}.st b{font:800 1.1rem var(--f);width:26px;color:#8fa2ff}.st.on{background:#eef0f614;color:#fff}.st i{position:absolute;left:0;bottom:0;height:3px;width:0;background:var(--g)}.st.on i{animation:fi 6s linear forwards}.pro.pa .st.on i{animation-play-state:paused}@keyframes fi{to{width:100%}}
.pb{background:none;border:0;border-top:1px solid #eef0f622;color:#fff;padding:12px;cursor:pointer;font:600 .85rem system-ui}
.stage{padding:26px;display:grid;gap:14px;align-content:center;background:radial-gradient(circle at 85% 10%,#d90bf033,transparent 55%),radial-gradient(circle at 5% 95%,#3355ff33,transparent 55%);min-height:360px}
.stage svg{width:100%;max-height:300px}svg *{transform-box:fill-box;transform-origin:center}svg text{fill:#eef0f6;font:700 13px system-ui;text-anchor:middle}
.stage h3{color:#fff;margin:0}.yn{display:grid;grid-template-columns:1fr 1fr;gap:10px}.yn div{border-radius:12px;padding:12px 14px;font-size:.92rem}.yn .a{background:#eef0f61a;color:#eef0f6}.yn .b{background:var(--g);color:#fff}.yn small{display:block;font:700 .7rem system-ui;letter-spacing:.1em;text-transform:uppercase;opacity:.75}
.pp{animation:po .6s both}@keyframes po{from{opacity:0;transform:scale(.4)}}.sl{animation:sl .7s both}@keyframes sl{from{opacity:0;transform:translateX(-36px)}}.gr{transform-origin:50% 100%;animation:gr .9s both}@keyframes gr{from{transform:scaleY(0)}}.gw{transform-origin:50% 100%;animation:gw .6s ease-in-out infinite alternate}@keyframes gw{from{transform:scaleY(.2)}}.fy{animation:fy 2s linear infinite}@keyframes fy{from{transform:translateX(0);opacity:0}25%{opacity:1}to{transform:translateX(150px);opacity:0}}.gx{transform-origin:0 50%;animation:gx 5s linear both}@keyframes gx{from{transform:scaleX(0)}}.up{animation:up 3s linear infinite}@keyframes up{to{transform:translateY(-70px)}}
.vg{display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-top:30px}.vc{display:flex;flex-direction:column;gap:8px}.vc .vd{width:100%}
.pr{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-top:30px}.pr .card{display:flex;flex-direction:column;gap:6px}.pr .v{font:800 2.8rem var(--f);letter-spacing:-.03em}.pr .hot{background:var(--ink);color:var(--bg)}.pr .hot p{color:#c4ccd6}.pr .hot .v{color:#b9c4ff}.pr .hot:before{content:"MAIS PEDIDO";position:absolute;top:0;left:20px;background:var(--g);color:#fff;font:700 .68rem system-ui;padding:4px 10px;border-radius:0 0 9px 9px;letter-spacing:.08em}
.cmp{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:30px}.cmp ul{padding-left:18px;color:var(--mut);margin-top:8px}
.q{font:500 1.1rem/1.45 var(--f);color:var(--ink);margin-top:10px}.vt video{width:100%;aspect-ratio:9/16;object-fit:cover;border-radius:16px;border:2px solid var(--ink);background:#000;display:block}
.chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.chip{border:2px solid var(--ink);border-radius:99px;padding:8px 16px;font-weight:600;transition:background .2s,color .2s}.chip:hover{background:var(--ink);color:var(--bg)}
details{border-top:2px solid var(--ink);padding:18px 0}details:last-of-type{border-bottom:2px solid var(--ink)}summary{cursor:pointer;font:800 1.2rem var(--f);list-style:none;display:flex;justify-content:space-between;gap:12px}summary::after{content:"+";color:var(--b);font-size:1.5rem;line-height:1}details[open] summary::after{content:"−"}details p{margin-top:10px;max-width:720px}
form{display:grid;gap:14px;margin-top:22px}label{display:grid;gap:6px;font:600 .9rem system-ui;color:var(--mut)}input,select{font:1rem system-ui;color:var(--ink);background:var(--card);border:2px solid var(--ink);border-radius:12px;padding:13px 14px}
.fm{display:grid;grid-template-columns:1fr 1fr;gap:34px;align-items:start}.sum{background:var(--dk);color:#eef0f6;border-radius:20px;padding:26px;position:sticky;top:90px}.sum p{color:#aab4bf}.sum .v{font:800 3rem var(--f);margin:6px 0;background:var(--g);-webkit-background-clip:text;background-clip:text;color:transparent;width:max-content}.sum li{margin:8px 0 0 18px;color:#dfe3ea}
footer{margin-top:90px;padding:30px 0;border-top:2px solid var(--ink);font-size:.9rem;color:var(--mut)}footer a{color:var(--ink)}
.bt{position:fixed;left:0;right:0;bottom:0;z-index:65;background:var(--dk);color:#fff;padding:12px 16px calc(12px + env(safe-area-inset-bottom,0px));display:flex;align-items:center;justify-content:space-between;gap:12px;transform:translateY(110%);transition:transform .35s}.bt.on{transform:none}.bt span{font-weight:600;font-size:.95rem}
.rv{opacity:0;transform:translateY(24px);transition:opacity .7s,transform .7s}.rv.in{opacity:1;transform:none}
.tww{display:inline-grid;vertical-align:top}.tww>*{grid-area:1/1;white-space:nowrap}.tww .gh{visibility:hidden}
textarea{font:1rem system-ui;color:var(--ink);background:var(--card);border:2px solid var(--ink);border-radius:12px;padding:13px 14px;min-height:84px;resize:vertical}
.vis{display:grid;place-items:center}.tx{display:grid;gap:14px}.pro.ph .stage{grid-template-columns:auto 1fr;align-items:center;gap:28px}
.mob{width:172px;height:336px;border:6px solid #0b0d10;border-radius:28px;background:#fff;overflow:hidden;position:relative;box-shadow:0 12px 30px #0006;color:#111;text-align:left}
.mob::before{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:54px;height:12px;background:#0b0d10;border-radius:0 0 10px 10px;z-index:5}
.mh{height:36px;padding:17px 10px 0;font:700 11px system-ui;border-bottom:1px solid #0001;background:#fff;position:relative;z-index:2}
.feed{animation:fd 6s ease-in-out infinite alternate}@keyframes fd{to{transform:translateY(-190px)}}
.post{padding:8px 8px 4px}.post .u{display:flex;gap:6px;align-items:center;font:600 8.5px system-ui;margin-bottom:5px}.post .u i{width:16px;height:16px;border-radius:50%;background:#cfd4dc;flex:none}.post .im{height:100px;border-radius:8px;background:#e4e7ee;display:grid;place-items:center;color:#fff;font:800 12px var(--f)}.post .cap{height:6px;width:70%;background:#e4e7ee;border-radius:9px;margin-top:6px}.post.me .im{background:var(--g);animation:mp 1.4s ease-in-out infinite}@keyframes mp{50%{transform:scale(1.04)}}
.vid{position:absolute;inset:0;background:linear-gradient(160deg,#3355ff,#d90bf0 70%,#1c2229);display:grid;place-items:center;color:#fff;text-align:center;font:800 17px/1.1 var(--f)}
.tap{position:absolute;left:50%;top:48%;width:44px;height:44px;margin:-22px;border-radius:50%;border:3px solid #fff;animation:tp 1.6s infinite}@keyframes tp{from{transform:scale(.4);opacity:1}to{transform:scale(1.5);opacity:0}}
.ht{position:absolute;right:44px;bottom:70px;color:#ff3b6b;font-size:20px;animation:hf 2.4s ease-in infinite}@keyframes hf{to{transform:translateY(-120px) rotate(14deg);opacity:0}}
.chp{position:absolute;left:10px;bottom:34px;background:#fff;color:#111;font:700 9px system-ui;padding:4px 9px;border-radius:99px}
.pbr{position:absolute;left:10px;right:10px;bottom:16px;height:3px;background:#fff4;border-radius:9px;overflow:hidden}.pbr i{display:block;height:100%;background:#fff}
.wh{background:#075e54;color:#fff;padding:18px 10px 8px;font:700 11px system-ui;display:flex;align-items:center;gap:7px}.wh small{font-weight:400;opacity:.7;font-size:8px}.av{width:22px;height:22px;border-radius:50%;background:var(--logo) center/cover;flex:none}
.chat{height:calc(100% - 46px);background:#ece5dd;display:flex;flex-direction:column;gap:7px;padding:10px 8px}.bb{max-width:82%;padding:6px 8px;border-radius:8px;font:10px/1.25 system-ui;color:#111;opacity:0;animation:ms .4s both}.b1{align-self:flex-start;background:#fff}.b2{align-self:flex-end;background:#d9fdd3}@keyframes ms{from{opacity:0;transform:translateY(10px)}to{opacity:1}}
.ps{margin-top:16px}.pw{display:flex;gap:6px;align-items:center}.pt{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;flex:1;padding:2px}.pt::-webkit-scrollbar{display:none}
.pc{flex:0 0 120px;scroll-snap-align:start;background:#eef0f614;border:2px solid #eef0f633;border-radius:14px;padding:10px;color:#fff;text-align:left;cursor:pointer;font:inherit;display:flex;flex-direction:column;gap:2px}.pc b{font:800 1rem var(--f)}.pc span{font:800 1.25rem var(--f);background:var(--g);-webkit-background-clip:text;background-clip:text;color:transparent;width:max-content}.pc small{font-size:.72rem;color:#aab4bf}.pc.on{border-color:#8fa2ff;background:#3355ff33}
.ar{flex:none;width:34px;height:34px;border-radius:50%;border:1px solid #eef0f655;background:none;color:#fff;cursor:pointer;font-size:1.2rem}
@media(max-width:860px){.lst{flex-direction:row;overflow-x:auto;scrollbar-width:none}.st{flex:0 0 auto;border-bottom:0;border-right:1px solid #eef0f622;white-space:nowrap}.pro.ph .stage{grid-template-columns:minmax(0,1fr)}.hero{padding-top:30px}.fan{height:clamp(380px,100vw,520px)}}
@media(max-width:560px){body{font-size:16px}.w{padding:0 16px}.sec{padding-top:64px}.dark{margin-top:64px;padding:64px 0}.top .btn.s{padding:9px 12px;font-size:.82rem}.logo{font-size:1.1rem}.logo img{width:32px;height:32px}h1{font-size:2.3rem}.btn{padding:14px 20px}.stage{padding:18px}.mob{width:150px;height:300px}.sum{padding:20px}.fan .l,.fan .fa-r{top:90px}.pc{flex-basis:108px}}
@media(min-width:1500px){.w{max-width:1280px}body{font-size:18px}}
.o0{transform-box:view-box;transform-origin:0 0}
.bob{animation:bob 2.4s ease-in-out infinite}@keyframes bob{50%{transform:translateY(-4px)}}
.wv{transform-origin:50% 0;animation:wv .7s ease-in-out infinite alternate}@keyframes wv{from{transform:rotate(-150deg)}to{transform:rotate(-115deg)}}
.bk{animation:bk 4s infinite}@keyframes bk{0%,94%,100%{transform:scaleY(1)}97%{transform:scaleY(.1)}}
.cu{animation:mv 4.5s ease-in-out infinite}@keyframes mv{0%{transform:translate(var(--a))}45%,60%{transform:translate(var(--b))}100%{transform:translate(var(--c))}}
.rp{opacity:0;animation:rp 4.5s infinite}@keyframes rp{0%,44%{opacity:0;transform:scale(.3)}46%{opacity:1}62%{opacity:0;transform:scale(2.2)}100%{opacity:0}}
.fl{animation:fl 2.2s ease-in infinite}@keyframes fl{0%{opacity:0;transform:translate(0,0)}15%{opacity:1}85%{opacity:1}100%{opacity:0;transform:translate(130px,-30px)}}
.fl2{opacity:0;animation:f3 1.6s ease-in 3.9s both}@keyframes f3{0%{opacity:0;transform:translate(0,0)}15%{opacity:1}100%{opacity:0;transform:translate(58px,18px)}}
.kn{animation:kn 8s ease-in-out infinite}@keyframes kn{0%,20%{transform:translateX(0)}27%,45%{transform:translateX(87px)}52%,70%{transform:translateX(173px)}77%,95%{transform:translateX(260px)}100%{transform:translateX(0)}}
.pr4{opacity:0;animation:p4 8s infinite}@keyframes p4{0%{opacity:0}3%,22%{opacity:1}26%,100%{opacity:0}}
.scan{animation:sc 2.4s ease-in-out infinite alternate}@keyframes sc{to{transform:translateY(146px)}}
.f2{animation:f2 1.4s linear infinite}@keyframes f2{from{transform:translateX(0);opacity:0}30%{opacity:1}to{transform:translateX(40px);opacity:0}}
.mt{animation:mt .3s ease-in-out infinite alternate}@keyframes mt{from{transform:scaleY(.3)}to{transform:scaleY(1.2)}}
.cmp{position:relative;gap:34px}.cmp ul{list-style:none;padding:0}.cmp li{margin-top:8px;padding-left:26px;position:relative}.cmp li::before{position:absolute;left:0;top:0}
.tag{display:inline-block;font:700 .7rem system-ui;letter-spacing:.1em;text-transform:uppercase;padding:4px 10px;border-radius:99px;margin-bottom:10px}
.cmp .old{background:repeating-linear-gradient(135deg,#7f868f18 0 10px,transparent 10px 20px),color-mix(in srgb,var(--mut) 16%,var(--card));border:2px dashed #8a9199;filter:grayscale(1)}.cmp .old h3,.cmp .old li{color:#6c737b}.cmp .old .tag{background:#8a919933;color:#6c737b}.cmp .old li::before{content:"✕";color:#8a9199}.cmp .old:hover{transform:none;box-shadow:none}
.cmp .old::after{content:"ANTIGO";inset:auto 14px 8px auto;width:auto;height:auto;background:none;font:800 3.2rem var(--f);color:#8a9199;opacity:.16!important;transform:rotate(-8deg)}
.cmp .new{border:2px solid transparent;background:linear-gradient(var(--card),var(--card)) padding-box,var(--g) border-box;box-shadow:0 16px 44px #3355ff33}.cmp .new .tag{background:var(--g);color:#fff}.cmp .new li{color:var(--ink)}.cmp .new li::before{content:"✓";color:var(--a);font-weight:800}
.vs{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:46px;height:46px;border-radius:50%;background:var(--g);color:#fff;display:grid;place-items:center;font:800 1.3rem system-ui;z-index:2;box-shadow:0 4px 0 #26308f}
.fm>*{min-width:0}form{grid-template-columns:minmax(0,1fr)}label{min-width:0}input,select,textarea{width:100%;min-width:0}.pw,.pt{min-width:0}.pt{scroll-snap-type:x proximity}
@media(max-width:860px){.vs{display:none}.top nav{display:none}.hero,.pro,.fm,.cmp{grid-template-columns:minmax(0,1fr)}.lw,.lst,.stage,.tx{min-width:0}.sum{position:static}.yn{grid-template-columns:1fr}.lw{border-right:0}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}.rv{opacity:1;transform:none}.wd>span{transform:none}.bb{opacity:1!important}}

/* cenas 2D da seção Prévia, ajustes e entrega */
#pB .vis svg{border-radius:16px}
.qon{animation:qon .3s ease-out both}@keyframes qon{from{opacity:0}}
.qoff{animation:qoff .3s ease-in both}@keyframes qoff{from{opacity:1}to{opacity:0}}
.qhop{animation:qhop .7s cubic-bezier(.3,1.6,.5,1) both}@keyframes qhop{0%{transform:translateY(0)}40%{transform:translateY(-16px)}100%{transform:translateY(0)}}
.qflt{animation:qflt 2.8s ease-in-out infinite alternate}@keyframes qflt{from{transform:translateY(-4px)}to{transform:translateY(4px)}}
.qbn{animation:qbn 1s ease-in-out infinite alternate}@keyframes qbn{from{transform:translateY(0)}to{transform:translateY(-7px)}}
.qm{animation:qm 3s ease-in-out infinite backwards}@keyframes qm{0%{opacity:0;transform:translate(0,0) scale(.5)}12%{opacity:1;transform:translate(calc(var(--dx)*.05),calc(var(--dy)*.05)) scale(1)}80%{opacity:1;transform:translate(var(--dx),var(--dy)) scale(1)}100%{opacity:0;transform:translate(var(--dx),var(--dy)) scale(.4)}}
.qring{opacity:0;animation:qrg 3s ease-out infinite}@keyframes qrg{0%{opacity:.9;transform:scale(.3)}60%,100%{opacity:0;transform:scale(2.1)}}
.qcf{animation:qcf 2.4s linear infinite}@keyframes qcf{0%{opacity:0;transform:translateY(0) rotate(0)}10%{opacity:1}100%{opacity:0;transform:translateY(130px) rotate(420deg)}}
@media(prefers-reduced-motion:reduce){.qoff,.qm,.qcf,.qring{display:none}}
.qsu{animation:qsu .45s cubic-bezier(.2,1.4,.4,1) both}@keyframes qsu{from{opacity:0;transform:translateY(10px) scale(.92)}}
.qty{animation:qty 1s ease-in-out infinite}@keyframes qty{0%,60%,100%{transform:translateY(0);opacity:.5}30%{transform:translateY(-2.5px);opacity:1}}
.qtap{animation:qtap 1.3s ease-in-out both}@keyframes qtap{0%{opacity:0;transform:scale(1.7)}25%{opacity:1;transform:scale(1)}45%{transform:scale(.78)}58%{transform:scale(1)}85%{opacity:1}100%{opacity:0}}
.qrp{opacity:0;animation:qrp .7s ease-out forwards}@keyframes qrp{from{opacity:.9;transform:scale(.6)}to{opacity:0;transform:scale(2.6)}}
.qspin{animation:qspin 3s linear infinite}@keyframes qspin{to{transform:rotate(360deg)}}
.qmag{animation:qmag 2s ease-in-out infinite alternate}@keyframes qmag{to{transform:translateX(80px)}}
.qwv{animation:qwv 1.2s ease-in-out infinite}@keyframes qwv{0%,100%{opacity:.25}50%{opacity:1}}
.qeq{animation:qeq .5s ease-in-out infinite alternate}@keyframes qeq{from{transform:scaleY(.25)}to{transform:scaleY(1)}}
.qscn{animation:qscn 1.4s ease-in-out infinite alternate}@keyframes qscn{to{transform:translateY(70px)}}
.qdraw{animation:qdraw 5s linear both}@keyframes qdraw{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
.qdash{stroke-dasharray:100;animation:qdash 1.4s ease-out both}@keyframes qdash{from{stroke-dashoffset:100}to{stroke-dashoffset:14}}
.qneedle{animation:qneedle 1.4s cubic-bezier(.3,1.5,.5,1) both}@keyframes qneedle{from{transform:rotate(-82deg)}to{transform:rotate(58deg)}}
.qrise{animation:qrise 2.4s ease-out infinite backwards}@keyframes qrise{0%{opacity:0;transform:translateY(0) scale(.6)}15%{opacity:1}100%{opacity:0;transform:translateY(-70px) scale(1.1)}}
.qkb{animation:qkb 6s ease-in-out infinite alternate}@keyframes qkb{from{transform:scale(1)}to{transform:scale(1.07)}}
.qfeed{animation:qfeed 5.5s cubic-bezier(.5,0,.2,1) .8s both}@keyframes qfeed{to{transform:translateY(-190px)}}
.qdrag{animation:qdrag 3.8s ease-in-out .8s both}@keyframes qdrag{0%{opacity:0;transform:translateY(0)}10%{opacity:1}85%{opacity:1;transform:translateY(-110px)}100%{opacity:0;transform:translateY(-120px)}}
.qflash{opacity:0;animation:qfl .6s ease-out forwards}@keyframes qfl{from{opacity:.9;transform:scale(.3)}to{opacity:0;transform:scale(3)}}
.stage .vis{animation:qvis .5s ease-out}@keyframes qvis{from{opacity:0;transform:scale(.98)}}
.sgl{max-width:680px;margin-top:6px}
.seg{margin:22px 0 14px;display:grid;gap:10px;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}
.sgr{display:flex;gap:10px;width:max-content;animation:sgm 46s linear infinite}.sgr.rev{animation-direction:reverse;animation-duration:54s}.seg:hover .sgr{animation-play-state:paused}.sgr .chip{white-space:nowrap}
@keyframes sgm{to{transform:translateX(-50%)}}
.sgn{margin-bottom:22px;color:var(--mut)}
@media(prefers-reduced-motion:reduce){.qrp,.qflash,.qrise{display:none}.seg{-webkit-mask-image:none;mask-image:none}.sgr{flex-wrap:wrap;width:auto}.sgr [aria-hidden]{display:none}}

/* faixa com vídeo de fundo (carrega só perto da tela, filtro nas cores da marca) */
.cin{position:relative;margin-top:90px;min-height:clamp(400px,64vh,580px);display:grid;align-items:end;overflow:hidden;isolation:isolate;background:#1c2229 var(--pfundo) center/cover no-repeat;color:#fff}
.cin video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-3;filter:saturate(1.15) contrast(1.05)}
.cin::before{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(120deg,#3355ff,#d90bf0);mix-blend-mode:multiply;opacity:.82}
.cin::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(17,21,26,.1),rgba(17,21,26,.8))}
.cin .w{width:100%;padding-top:72px;padding-bottom:58px}
.cin .k{color:#fff;opacity:.85}.cin h2{color:#fff;max-width:760px}.cin p{color:#eef0f6;max-width:560px;margin:0 0 26px}
.cin em,.cin em .wd>span{background:none;-webkit-background-clip:border-box;background-clip:border-box;color:#ffd6ff;-webkit-text-fill-color:#ffd6ff}
.cin .btn{background:#fff;color:#1c2229;box-shadow:0 5px 0 #0007}.cin .btn:hover{box-shadow:0 3px 0 #0007}
@media(max-width:560px){.cin{margin-top:64px;min-height:440px}.cin .w{padding-top:56px;padding-bottom:44px}}
@media(prefers-reduced-motion:reduce){.cin video{display:none}}

[hidden]{display:none!important}.gar{font:700 .95rem system-ui;color:var(--a);margin:-10px 0 20px}
.gb{margin:22px 0 0;padding:16px 20px;border-radius:14px;border:2px solid var(--a);background:var(--card);font-size:.98rem;line-height:1.5}
.stl{font:700 .8rem system-ui;letter-spacing:.1em;text-transform:uppercase;color:var(--a);margin:0}
.stp{display:none;gap:14px}.stp.on{display:grid}.mo summary{cursor:pointer;font:700 .9rem system-ui;color:var(--mut);padding:6px 0 12px}

.pf{margin-top:90px}.pfc{display:flex;gap:8px;overflow-x:auto;padding:4px 0 18px;scrollbar-width:none}.pfc button{flex:none;font:700 .9rem system-ui;padding:10px 16px;border-radius:999px;border:2px solid var(--ink);background:transparent;color:var(--ink);cursor:pointer}.pfc button.on{background:var(--g);color:#fff;border-color:transparent}
.pfg{display:grid;grid-template-columns:repeat(2,1fr)}@media(min-width:700px){.pfg{grid-template-columns:repeat(3,1fr)}}@media(min-width:1100px){.pfg{grid-template-columns:repeat(4,1fr)}}
.pft,.pfa{position:relative;aspect-ratio:9/16;overflow:hidden;border:0;padding:0;margin:0;background:var(--g);color:#fff;cursor:pointer;display:block}.pft img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s}.pft:hover img{transform:scale(1.05)}
.pft::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(17,21,26,.85))}.pft b{position:absolute;left:12px;right:12px;bottom:12px;z-index:2;font:800 1rem/1.2 var(--f);text-align:left}
.pft i{position:absolute;z-index:2;left:50%;top:50%;width:56px;height:56px;margin:-28px;border-radius:50%;background:rgba(255,255,255,.92)}.pft i::before{content:"";position:absolute;left:22px;top:16px;border:12px solid transparent;border-left:19px solid #1c2229}
.pfa{background:var(--dk);display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:14px;padding:22px}.pfa b{font:800 1.5rem/1.1 var(--f)}.pfa span{color:#dfe3ea}
.pfm{position:fixed;inset:0;z-index:99;background:rgba(10,12,16,.92);display:grid;place-items:center}.pfv{height:min(86vh,calc(92vw*16/9));aspect-ratio:9/16;max-width:92vw}.pfv iframe{width:100%;height:100%;border:0;border-radius:14px}.pfx{position:absolute;top:calc(12px + env(safe-area-inset-top,0px));right:14px;width:44px;height:44px;border-radius:50%;border:0;background:#fff;font-size:1.1rem;cursor:pointer;z-index:2}
.ft{display:grid;grid-template-columns:1.2fr 1fr;gap:30px}@media(max-width:700px){.ft{grid-template-columns:1fr}}.ft h4{font:800 .8rem system-ui;letter-spacing:.12em;text-transform:uppercase;color:var(--ink);margin:0 0 10px}.ft ul{list-style:none;margin:0;padding:0;display:grid;gap:6px}.ft li b{display:inline-block;min-width:104px}.ft p{max-width:420px;margin:12px 0 0}
.fb{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;align-items:center;margin-top:24px;padding-top:18px;border-top:1px solid var(--ln)}.so{display:flex;flex-wrap:wrap;gap:8px}.so a{padding:7px 12px;border:1px solid var(--ln);border-radius:999px;text-decoration:none;font-size:.82rem}

.lg h2{font-size:1.25rem;margin:30px 0 8px}.lg p,.lg li{max-width:780px;line-height:1.6}.lg ul{margin:8px 0 0 20px}.cs{font-size:.8rem;color:var(--mut);margin:0}.cs a,.fb a{color:var(--ink)}
.ck{position:fixed;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom,0px));z-index:90;background:var(--dk);color:#fff;padding:14px 16px;border-radius:14px;display:flex;flex-wrap:wrap;gap:10px;align-items:center;font-size:.9rem;max-width:720px;margin:auto}.ck span{flex:1 1 240px}.ck a{color:#ffd6ff}.ck .g{color:#fff;box-shadow:inset 0 0 0 2px #fff}

.fan .fa-r small{left:auto;right:10px}
.fear::before{animation:xp 2.8s ease-in-out infinite}.fear::after{animation:xf 4.5s ease-in-out infinite;transform-origin:70% 60%}.card:hover .fear::before{animation-duration:1s}
@keyframes xp{0%,100%{transform:scale(1) rotate(0);box-shadow:0 0 0 0 #d90bf055}50%{transform:scale(1.15) rotate(90deg);box-shadow:0 0 0 9px #d90bf000}}
@keyframes xf{0%,100%{transform:rotate(0) scale(1)}50%{transform:rotate(14deg) scale(1.15)}}
.card.ed{border-color:transparent;background:linear-gradient(var(--card),var(--card)) padding-box,var(--g) border-box;box-shadow:0 10px 30px #3355ff1f}.en{font:800 1.15rem var(--f);color:var(--ink);margin-bottom:10px;display:flex;gap:12px;align-items:center}.en i{flex:none;width:34px;height:34px;border-radius:50%;background:var(--g);color:#fff;font:800 1rem system-ui;font-style:normal;display:grid;place-items:center}
@media(min-width:700px){.pfg{grid-template-columns:repeat(4,1fr)}}
.pfb{display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;align-items:center;padding-top:26px}.pfb b{display:block;font:800 1.6rem/1.1 var(--f)}.pfb span{color:var(--mut)}

.so a{width:44px;height:44px;padding:0;display:grid;place-items:center;border-radius:50%;color:var(--ink);transition:transform .2s,background .2s}.so a:hover{background:var(--g);color:#fff;border-color:transparent;transform:translateY(-2px)}.so svg{width:20px;height:20px}
@media(prefers-reduced-motion:reduce){.fear::before,.fear::after{animation:none}}

.pfb{margin-top:44px;padding-top:0}.pfb div b,.pfb div span{display:block}.pfb div b{margin-bottom:4px}

.fm{grid-template-columns:minmax(0,1fr)!important;max-width:760px;margin:0 auto}
.fin{margin-top:110px;text-align:center}.fin svg{width:100%;max-width:820px;height:auto;display:block;margin:0 auto 18px;overflow:visible}.fin h2{font-size:clamp(2rem,7.5vw,3.8rem);line-height:1.05;margin:8px auto 16px;max-width:900px}.fin p{margin:0 auto 26px;max-width:560px;font-size:1.15rem}.fin .k{display:block}
.en{gap:12px}.en i{margin-right:0}

/* ===== correções v8 ===== */
/* animação final (SVG) com nomes próprios: não vaza mais para o resto da página */
.fin .fx-r{transform-box:fill-box;transform-origin:center;animation:fx-rg 3.2s ease-out infinite;opacity:0}.fin .fx-r2{animation-delay:1.05s}.fin .fx-r3{animation-delay:2.1s}
@keyframes fx-rg{0%{transform:scale(1);opacity:.85}100%{transform:scale(6);opacity:0}}
.fin .fx-p{animation:fx-pf 3.6s ease-in-out infinite}@keyframes fx-pf{50%{transform:translateY(-8px)}}
.fin .fx-b{transform-box:fill-box;transform-origin:center;animation:fx-bf 3s ease-in-out infinite}@keyframes fx-bf{50%{transform:translateY(-10px) scale(1.06)}}
.fin svg text.fx-t{font:800 18px/1 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;fill:#fff;text-anchor:start}
@media(prefers-reduced-motion:reduce){.fin .fx-r{opacity:.35}}

/* portfólio: respiro entre o texto e os vídeos; botão perto do texto */
.pf>.w:first-child{margin-bottom:36px}
.pfb{justify-content:flex-start;align-items:center;gap:18px 36px}
@media(max-width:560px){.pf>.w:first-child{margin-bottom:28px}.pfb{margin-top:32px;gap:16px}.pfb .btn{width:100%;justify-content:center}}

/* redes sociais com as cores reais */
.so{gap:12px}
.so a{width:44px;height:44px;padding:0;border:0;border-radius:12px;background:none;display:grid;place-items:center;transition:transform .2s,box-shadow .2s}
.so a svg{width:44px;height:44px;display:block;border-radius:12px}
.so a:hover{background:none;color:inherit;transform:translateY(-3px);box-shadow:0 8px 18px #0003}
.so a[aria-label=TikTok] svg{box-shadow:0 0 0 1px #ffffff2e}
.so svg *,.fin .fx-b g,.fin .fx-b path{transform-box:view-box;transform-origin:0 0}

/* acessibilidade e SEO */
.skip{position:absolute;left:12px;top:-60px;z-index:100;background:var(--dk);color:#fff;padding:10px 16px;border-radius:10px;font:700 .9rem system-ui;text-decoration:none;transition:top .15s}.skip:focus{top:calc(10px + env(safe-area-inset-top,0px))}
.sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;list-style:none}
main:focus{outline:0}
.fnav{margin-top:12px;font-size:.88rem;line-height:1.9}.fnav a{color:var(--ink);text-decoration:none;white-space:nowrap}.fnav a:hover{text-decoration:underline}
/* pausa animações infinitas fora da tela (economiza CPU e bateria no celular) */
.pz,.pz *{animation-play-state:paused!important}
/* barra fixa inferior sem quebra de linha */
.bt span{min-width:0}.bt .btn{flex:none;white-space:nowrap}
@media(max-width:380px){.bt span{font-size:.85rem}.bt .btn.s{padding:9px 14px}}
/* leque do topo: a rotação não pode estourar a largura da tela */
.fan .fa-r{right:14px}.fan .fa-l{left:14px}
@media(min-width:600px){.fan .fa-r{right:28px}.fan .fa-l{left:28px}}
.k{line-height:1.4}
@media(max-width:560px){.w.hero{padding:26px 16px 20px}}
.w.hero{padding-left:20px;padding-right:20px}
@media(max-width:560px){.w.hero{padding-left:16px;padding-right:16px}}

/* estilos: mais respiro entre vídeo e texto */
.vc{gap:10px}.vc h3{margin-top:16px}.vc .btn{margin-top:6px}

/* ===== cenas animadas: câmera 3D, luz e movimento dos personagens ===== */
.stage .vis{perspective:1100px}
.stage .vis svg{border-radius:18px;box-shadow:0 22px 44px -18px #000c,0 0 0 1px #ffffff14;background:#0d1126;transform-style:preserve-3d;animation:q3-orbit 9s ease-in-out infinite alternate;will-change:transform}
@keyframes q3-orbit{from{transform:rotateY(-4.5deg) rotateX(1.5deg) translateX(-4px)}to{transform:rotateY(4.5deg) rotateX(-1deg) translateX(4px)}}
.q3-cam{transform-box:view-box}
.q3-push{transform-origin:70% 52%;animation:q3-in 8s cubic-bezier(.45,.05,.3,1) both}
.q3-push2{transform-origin:34% 56%;animation:q3-in 8s cubic-bezier(.45,.05,.3,1) both}
.q3-pull{transform-origin:55% 50%;animation:q3-out 8s cubic-bezier(.45,.05,.3,1) both}
@keyframes q3-in{from{transform:scale(1)}to{transform:scale(1.15)}}
@keyframes q3-out{from{transform:scale(1.16)}to{transform:scale(1)}}
/* parallax: fundo e meio se movem em velocidades diferentes */
.q3-p1{animation:q3-px 9s ease-in-out infinite alternate;--k:-9px}.q3-p2{animation:q3-px 9s ease-in-out infinite alternate;--k:-4px}
@keyframes q3-px{from{transform:translateX(var(--k)) scale(1.03)}to{transform:translateX(calc(var(--k)*-1)) scale(1.03)}}
.q3-tw{animation:q3-tw 3.4s ease-in-out infinite}@keyframes q3-tw{0%,100%{opacity:1}50%{opacity:.25}}
.q3-dust{opacity:0;animation:q3-dust 7s ease-in-out infinite}@keyframes q3-dust{0%{opacity:0;transform:translate(0,10px)}30%{opacity:.8}100%{opacity:0;transform:translate(10px,-34px)}}
.q3-bob{transform-origin:50% 100%;animation:q3-sway 3.6s ease-in-out infinite alternate}@keyframes q3-sway{from{transform:rotate(-3deg)}to{transform:rotate(3deg)}}
/* personagem: respira, mexe a cabeça e os braços */
.q3-br{transform-origin:50% 100%;animation:q3-br 3.2s ease-in-out infinite}@keyframes q3-br{50%{transform:scale(1.02,1.035)}}
.q3-hd{transform-origin:50% 92%;animation:q3-hd 5.5s ease-in-out infinite}@keyframes q3-hd{0%,100%{transform:rotate(-2.5deg) translateY(0)}35%{transform:rotate(2.5deg) translateY(-1.5px)}70%{transform:rotate(-1deg) translateY(.5px)}}
.q3-ar{transform-origin:50% 8%;animation:q3-ar 3.8s ease-in-out infinite}@keyframes q3-ar{50%{transform:rotate(1.6deg) translateY(-1px)}}
/* iluminação de cinema por cima da cena */
.stage .vis{position:relative}
.stage .vis::after{content:"";position:absolute;inset:0;border-radius:18px;pointer-events:none;background:radial-gradient(120% 90% at 50% 45%,transparent 55%,#0009 100%),linear-gradient(115deg,#ffffff12 0,transparent 30%,transparent 70%,#d90bf01c 100%);mix-blend-mode:normal}
@media(max-width:560px){@keyframes q3-orbit{from{transform:rotateY(-3deg) rotateX(1deg)}to{transform:rotateY(3deg) rotateX(-.5deg)}}}
@media(prefers-reduced-motion:reduce){.stage .vis svg,.q3-cam,.q3-p1,.q3-p2{animation:none!important}}