/* 230 x 106px display area; --ii-gpu-speed controls rotor rate; --ii-gpu-play:paused pauses it. */
.ii.ii .ii-v2-gpu{--ii-gpu-speed:2.8s;--ii-gpu-play:running;position:relative;width:230px;height:106px;perspective:700px;transform-style:preserve-3d;pointer-events:none}
.ii.ii .ii-v2-gpu__case{position:absolute;inset:9px 6px 21px;transform-style:preserve-3d;transform:rotateX(25deg) rotateZ(-8deg)}
.ii.ii .ii-v2-gpu__case:after{content:"";position:absolute;inset:7px -2px -4px 9px;background:#000;border-radius:8px;box-shadow:0 19px 15px 7px #0502089c;transform:translateZ(-18px)}
.ii.ii .ii-v2-gpu__face{position:absolute;z-index:1;inset:0;border:1px solid #080a0c;border-radius:7px;background:linear-gradient(125deg,#5a6267 0 2%,#252b2f 10%,#121619 50%,#31383c 84%,#0a0c0e);transform:translateZ(13px);box-shadow:inset 0 2px 1px #aab3b3a1,inset 0 -5px 7px #000,0 0 0 2px #050606;overflow:visible}
.ii.ii .ii-v2-gpu__face:before{content:"";position:absolute;inset:5px;background:repeating-linear-gradient(125deg,#ffffff08 0 1px,transparent 1px 6px);mix-blend-mode:screen;opacity:.5}
.ii.ii .ii-v2-gpu__edge{position:absolute;display:block;background:#13181a;border:1px solid #080909;transform-style:preserve-3d}
.ii.ii .ii-v2-gpu__edge--top,.ii.ii .ii-v2-gpu__edge--bottom{width:100%;height:26px;left:0;background:linear-gradient(90deg,#566066,#161b1e 15%,#0a0e10 80%,#4c575c);transform-origin:center;transform:rotateX(90deg)}
.ii.ii .ii-v2-gpu__edge--top{top:-13px}.ii.ii .ii-v2-gpu__edge--bottom{bottom:-13px}
.ii.ii .ii-v2-gpu__edge--left,.ii.ii .ii-v2-gpu__edge--right{width:26px;height:100%;top:0;transform-origin:center;background:linear-gradient(#4d565a,#101416 20%,#090b0d);transform:rotateY(90deg)}
.ii.ii .ii-v2-gpu__edge--left{left:-13px}.ii.ii .ii-v2-gpu__edge--right{right:-13px}
.ii.ii .ii-v2-gpu__brand{position:absolute;z-index:2;left:13px;top:64px;color:#d8dfdf;font:800 6.5px/1 Arial,sans-serif;letter-spacing:1px;white-space:nowrap;transform:rotate(-90deg);transform-origin:left top;text-shadow:0 1px #000}.ii.ii .ii-v2-gpu__brand span{color:#ffd21f}
.ii.ii .ii-v2-gpu__rail{position:absolute;left:10px;right:10px;top:29px;height:2px;background:linear-gradient(90deg,#ffd21f,transparent 25%,transparent 75%,#ffd21f);box-shadow:0 1px #000}
.ii.ii .ii-v2-gpu__fan{position:absolute;z-index:3;box-sizing:border-box;left:47px;width:60px;height:60px;top:8px;border:4px solid #07090a;border-radius:50%;background:radial-gradient(circle,#1c2326 0 16%,#050607 18% 46%,#394247 48% 51%,#090b0c 53%);box-shadow:inset 0 0 0 2px #697579,0 2px 2px #0008}.ii.ii .ii-v2-gpu__fan+.ii-v2-gpu__fan{left:130px}
.ii.ii .ii-v2-gpu__blades{position:absolute;inset:6px;border-radius:50%;background:repeating-conic-gradient(from 10deg,#566267 0 18deg,#151a1d 19deg 43deg,#3a4347 44deg 46deg);animation:iiV2GpuSpin var(--ii-gpu-speed) linear infinite var(--ii-fan-delay);animation-play-state:var(--ii-gpu-play)}
.ii.ii .ii-v2-gpu__blades:after{content:"";position:absolute;inset:21px;border-radius:50%;background:radial-gradient(circle at 30% 25%,#fff4a4,#ffd21f 35%,#775400 70%);box-shadow:0 0 9px #ffd21f70}
.ii.ii .ii-v2-gpu__hub{position:absolute;left:20px;top:20px;width:12px;height:12px;border-radius:50%;background:#202729;border:1px solid #0a0b0c;box-shadow:inset 1px 1px #788386}
.ii.ii .ii-v2-gpu__screw{position:absolute;z-index:4;width:5px;height:5px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#d9e0df 0 12%,#586166 18% 43%,#101315 47%);box-shadow:0 0 0 1px #080909}.ii.ii .ii-v2-gpu__screw--a{left:8px;top:8px}.ii.ii .ii-v2-gpu__screw--b{right:8px;top:8px}.ii.ii .ii-v2-gpu__screw--c{left:8px;bottom:8px}.ii.ii .ii-v2-gpu__screw--d{right:8px;bottom:8px}
.ii.ii .ii-v2-gpu__sink{position:absolute;z-index:2;left:12px;right:12px;bottom:2px;height:5px;display:flex;gap:3px;justify-content:space-between;transform:translateZ(14px);background:#111719;border:1px solid #080a0b;padding:1px 4px}.ii.ii .ii-v2-gpu__sink i{flex:1;background:linear-gradient(90deg,#566166,#111719 40%,#94a0a2);box-shadow:1px 0 #020303}
.ii.ii .ii-v2-gpu__io{position:absolute;z-index:1;right:-14px;top:9px;width:14px;height:45px;padding:5px 3px;display:flex;gap:3px;flex-direction:column;transform:rotateY(90deg);transform-origin:left;background:#30383a;border:1px solid #090b0c}.ii.ii .ii-v2-gpu__io i{flex:1;border:1px solid #090b0c;background:#080a0b;box-shadow:inset 1px 1px #566063}
.ii.ii .ii-v2-gpu__pcie{position:absolute;z-index:0;left:39px;bottom:-7px;width:111px;height:7px;background:repeating-linear-gradient(90deg,#b67a08 0 4px,#ffe583 4px 7px,#4d3304 7px 9px);border:1px solid #734c04;transform:translateZ(2px);box-shadow:0 1px #fff2a0}.ii.ii .ii-v2-gpu__pcie i{position:absolute;right:16px;top:0;width:13px;height:100%;background:#171b1c}
@keyframes iiV2GpuSpin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.ii.ii .ii-v2-gpu__blades{animation:none!important}}

/* A composição mede 560px e escala como uma peça única, inclusive no celular. */
.ii.ii .hero__grid{gap:24px}
.ii.ii .ii-v2{--scene-accent:#ffd21f;--v2-scale:.6;position:relative;min-width:0;width:100%;max-width:600px;margin:0 auto;perspective:1200px}
.ii.ii .ii-v2-stage{position:relative;aspect-ratio:1;isolation:isolate;overflow:clip}
.ii.ii .ii-v2-world{position:absolute;left:50%;top:50%;width:560px;height:560px;transform:translate(-50%,-50%) scale(var(--v2-scale));transform-origin:center}
.ii.ii .ii-v2-camera{position:absolute;inset:0;perspective:1100px;transform-style:preserve-3d;transform:rotateX(var(--v2-rx,0deg)) rotateY(var(--v2-ry,0deg));transition:transform .7s cubic-bezier(.2,.8,.2,1)}
.ii.ii .ii-v2-aura{position:absolute;inset:-5%;pointer-events:none;background:radial-gradient(ellipse at 52% 46%,#ffd21f16,transparent 51%),radial-gradient(ellipse at 72% 47%,#fc1ec01f,transparent 57%)}
.ii.ii .ii-v2-orbit{position:absolute;left:30px;top:25px;width:500px;height:500px;border:1px solid #ffd21f50;border-radius:50%;pointer-events:none;transform-style:preserve-3d}
.ii.ii .ii-v2-orbit--wide{transform:rotateX(68deg) rotateY(-12deg) rotateZ(-15deg);box-shadow:0 0 25px -10px #ffd21f80,inset 0 0 28px -15px #ffd21f60}
.ii.ii .ii-v2-orbit--wide::before{content:'';position:absolute;inset:20px;border:1px dashed #ffd21f35;border-radius:50%}
.ii.ii .ii-v2-orbit--vertical{left:75px;top:40px;width:420px;height:460px;transform:rotateY(67deg) rotateX(-20deg) rotateZ(30deg);border-color:#fc1ec04d}
.ii.ii .ii-v2-orbit i{position:absolute;inset:-2px;border-radius:50%;animation:iiOrbitSweep 20s linear infinite}
.ii.ii .ii-v2-orbit i::before{content:'';position:absolute;left:50%;top:-5px;width:10px;height:10px;border-radius:50%;background:#ffe88a;box-shadow:0 0 14px #ffd21f,0 0 35px #ffd21f80}
.ii.ii .ii-v2-orbit--vertical i{animation-duration:28s;animation-direction:reverse}
.ii.ii .ii-v2-orbit--vertical i::before{background:#ff9be2;box-shadow:0 0 16px #fc1ec0}
.ii.ii .ii-v2-plinth{position:absolute;left:82px;bottom:2px;width:396px;height:120px;border-radius:50%;background:linear-gradient(#342443,#170e23 28%,#08050f 80%);box-shadow:0 17px 0 -3px #0b0713,0 18px 0 -3px #63512c,0 46px 38px -25px #000}
.ii.ii .ii-v2-plinth::before{content:'';position:absolute;inset:0 0 20px;border:1px solid #a6874e75;border-radius:50%;background:repeating-radial-gradient(ellipse at center,transparent 0 15px,#ffdf7330 16px,transparent 17px 32px),radial-gradient(ellipse at center,#201332,#0e0918 68%)}
.ii.ii .ii-v2-plinth span{position:absolute;left:33px;right:33px;top:10px;height:76px;border:1px solid #ffd21f70;border-radius:50%;box-shadow:0 0 25px -9px #ffd21f,inset 0 0 24px -12px #ffd21f}
.ii.ii .ii-v2-photo{position:absolute;left:80px;top:109px;width:362px;transform:translateZ(18px) rotateY(-9deg) rotateZ(-5deg);transform-style:preserve-3d;transition:transform .85s cubic-bezier(.2,.8,.2,1)}
.ii.ii .ii-v2-photo::before,.ii.ii .ii-v2-photo::after{content:'';position:absolute;inset:-8px;border:1px solid #ba98d055;border-radius:23px;transform:translateZ(-8px);background:linear-gradient(135deg,#fff2,#33223e99 45%,#ffd21f1a);box-shadow:5px 8px 0 -2px #190e23,6px 9px 0 -2px #91745655,0 35px 65px -26px #000}
.ii.ii .ii-v2-photo::after{inset:-18px;border-style:dashed;border-color:#bfa0d32b;background:none;box-shadow:none;transform:translateZ(-22px)}
.ii.ii .ii-v2-photo .shot{border:1px solid #e4c6ec66;border-radius:17px;box-shadow:0 0 40px -17px #fc1ec068;transform:translateZ(1px)}
.ii.ii .ii-v2-photo .shot img{width:100%;aspect-ratio:820/641;object-fit:cover}
.ii.ii .ii-v2-photo .shot__chip{left:12px;bottom:12px;animation:none;background:#100919d9;border-color:#fff2}
.ii.ii .ii-v2-item{position:absolute;transform-style:preserve-3d;transition:transform .9s cubic-bezier(.18,.8,.2,1)}
.ii.ii .ii-v2-bob{transform-style:preserve-3d;animation:iiObjectLevitate 7s ease-in-out infinite}
.ii.ii .ii-v2-item--gpu{left:21px;top:372px;transform:translateZ(100px) rotateZ(-16deg) scale(1.18);z-index:5}
.ii.ii .ii-v2-item--gpu .ii-v2-bob{animation-delay:-2s}
.ii.ii .ii-v2-item--phone{left:403px;top:39px;transform:translateZ(65px) rotateZ(14deg) rotateY(-20deg) scale(.87);z-index:4}
.ii.ii .ii-v2-item--phone .ii-v2-bob{animation-duration:8s;animation-delay:-4s}
.ii.ii .ii-v2-item--coupon{left:330px;top:378px;transform:translateZ(125px) rotateY(-14deg) rotateZ(16deg) scale(.87);z-index:6}
.ii.ii .ii-v2-item--coupon .ii-v2-bob{animation-duration:6s;animation-delay:-1s}
.ii.ii .ii-v2-phone{position:relative;width:135px;height:258px;transform-style:preserve-3d}
.ii.ii .ii-v2-phone__back{position:absolute;inset:-2px;border:1px solid #d3bdde;border-radius:25px;background:linear-gradient(120deg,#a58eac,#2f243b 18%,#574461 75%,#bca2bd);box-shadow:4px 2px 0 #65556b,8px 5px 0 #100b17,9px 6px 0 #796480,15px 26px 30px -10px #000b;transform:translateZ(-7px)}
.ii.ii .ii-v2-phone__side{position:absolute;right:-7px;top:46px;width:4px;height:29px;border:1px solid #a790b0;border-radius:2px;background:#42334e;transform:translateZ(-2px)}
.ii.ii .ii-v2-phone__screen{position:absolute;inset:2px;overflow:hidden;border:5px solid #100b16;border-radius:23px;background:radial-gradient(ellipse at 95% 30%,#b4149d,transparent 58%),linear-gradient(160deg,#291848,#120a22 60%,#5c2869);transform:translateZ(2px);box-shadow:inset 0 0 0 1px #fff2}
.ii.ii .ii-v2-phone__screen::after{content:'';position:absolute;inset:0;background:linear-gradient(120deg,transparent 27%,#fff1 28%,#fff2 30%,transparent 54%);pointer-events:none}
.ii.ii .ii-v2-phone__island{position:absolute;top:6px;left:42px;width:38px;height:12px;border-radius:20px;background:#08060c;z-index:2}
.ii.ii .ii-v2-phone__time{position:absolute;top:10px;left:10px;font:600 6px/1 var(--font-sans);color:#f3ecff}
.ii.ii .ii-v2-phone__brand{position:absolute;left:14px;top:55px;color:#fff3fd;font:800 30px/.93 var(--font-display);letter-spacing:-1.4px}
.ii.ii .ii-v2-phone__brand b{color:#ffd21f;font-weight:800}
.ii.ii .ii-v2-message{position:absolute;left:8px;right:8px;bottom:27px;display:flex;gap:6px;align-items:center;padding:9px 6px;border:1px solid #d9b5fb66;border-radius:10px;background:#f8efff19;box-shadow:0 5px 18px #0003;animation:iiMessageArrive 8s ease-in-out infinite}
.ii.ii .ii-v2-message>i{display:grid;place-items:center;width:20px;height:20px;border-radius:6px;background:#3ddc97;color:#082919;font:800 13px/1 var(--font-sans)}
.ii.ii .ii-v2-message>span{font:400 6.5px/1.5 var(--font-sans);color:#d8c3ec}
.ii.ii .ii-v2-message b{display:block;color:#fff;font-size:7px;font-weight:700}
.ii.ii .ii-v2-phone__home{position:absolute;left:40px;bottom:6px;width:42px;height:3px;border-radius:3px;background:#e8d6f5}
.ii.ii .ii-v2-coupon{position:relative;width:185px;height:104px;transform-style:preserve-3d}
.ii.ii .ii-v2-coupon__back,.ii.ii .ii-v2-coupon__face{position:absolute;inset:0;border-radius:13px}
.ii.ii .ii-v2-coupon__back{background:#9c6f0e;transform:translateZ(-6px);box-shadow:1px 1px 0 #bd8b13,2px 2px 0 #bd8b13,3px 3px 0 #bd8b13,4px 4px 0 #bd8b13,5px 5px 0 #6e4614,0 22px 27px -10px #000b}
.ii.ii .ii-v2-coupon__face{display:flex;align-items:center;justify-content:space-around;overflow:hidden;border:1px solid #fff2a6;background:linear-gradient(125deg,#fff1a7,#ffdf51 22%,#eebc0c 66%,#ffe675);color:#4b3008;box-shadow:inset 0 2px 1px #fff8cd;transform:translateZ(2px)}
.ii.ii .ii-v2-coupon__face::after{content:'';position:absolute;inset:-70% -50%;background:linear-gradient(120deg,transparent 42%,#fff8 49%,transparent 57%);transform:translateX(-60%);animation:iiTicketGleam 8s ease-in-out infinite;pointer-events:none}
.ii.ii .ii-v2-coupon__percent{font:800 73px/1 var(--font-display);letter-spacing:-6px;text-shadow:1px 2px #fff5}
.ii.ii .ii-v2-coupon__stub{position:relative;align-self:stretch;display:flex;flex-direction:column;justify-content:center;gap:3px;padding:0 12px;border-left:2px dashed #79500770;font:500 9px/1.1 var(--font-mono);letter-spacing:1px}
.ii.ii .ii-v2-coupon__stub b{font-weight:700;font-size:8px;letter-spacing:.2px}
.ii.ii .ii-v2-coupon__stub i{height:17px;width:42px;margin-top:8px;background:repeating-linear-gradient(90deg,#704509 0 1px,transparent 1px 3px,#704509 3px 5px,transparent 5px 6px,#704509 6px 7px,transparent 7px 10px)}
.ii.ii .ii-v2-spark,.ii.ii .ii-v2-dot{position:absolute;pointer-events:none;animation:iiObjectLevitate 8s ease-in-out infinite}
.ii.ii .ii-v2-spark--a{top:49px;left:154px;font-size:36px;color:#ffe17a;transform:rotateZ(-12deg);text-shadow:0 0 25px #ffd21f66}
.ii.ii .ii-v2-spark--b{top:310px;right:17px;font-size:22px;color:#fc82da;animation-delay:-3s}
.ii.ii .ii-v2-dot{width:13px;height:13px;border-radius:50%;background:radial-gradient(circle at 30% 25%,#fff0b3,#df9d0c 55%,#412507);box-shadow:3px 9px 13px #0008}
.ii.ii .ii-v2-dot--a{left:41px;top:236px;animation-delay:-4s}
.ii.ii .ii-v2-dot--b{left:282px;top:451px;width:9px;height:9px}
.ii.ii .ii-v2-caption{position:absolute;left:242px;bottom:46px;transform:rotateZ(-5deg);font:400 11px/1.45 var(--font-sans);color:#a695b9;letter-spacing:.2px}
.ii.ii .ii-v2-caption b{font-weight:700;color:#f3ecff}
.ii.ii .ii-v2-stage[data-scene="phone"] .ii-v2-item--phone{transform:translate(-14px,9px) translateZ(95px) rotateZ(5deg) rotateY(-8deg) scale(1.02)}
.ii.ii .ii-v2-stage[data-scene="phone"] .ii-v2-photo{transform:translate(-8px,6px) rotateY(4deg) rotateZ(-7deg)}
.ii.ii .ii-v2-stage[data-scene="coupon"] .ii-v2-item--coupon{transform:translate(-8px,-10px) translateZ(140px) rotateY(8deg) rotateZ(6deg) scale(1.05)}
.ii.ii .ii-v2-stage[data-scene="coupon"] .ii-v2-item--gpu{transform:translate(-6px,8px) translateZ(80px) rotateZ(-21deg) scale(1.04)}
.ii.ii .ii-v2-stage[data-scene="gpu"] .ii-v2-item--gpu{transform:translate(0,-8px) translateZ(110px) rotateZ(-12deg) scale(1.26)}
.ii.ii .ii-v2-console{position:relative;z-index:10;display:flex;flex-direction:column;align-items:center;gap:10px;margin-top:5px}
.ii.ii .ii-v2-hint{font:400 11px/1 var(--font-sans);color:var(--muted)}
.ii.ii .ii-v2-buttons{display:flex;align-items:center;gap:4px;padding:5px;border:1px solid #d7b8ed22;border-radius:999px;background:#170f23b3;box-shadow:0 8px 22px -14px #000}
.ii.ii .ii-v2-buttons button{padding:0 15px;min-height:38px;border:1px solid transparent;border-radius:999px;font:500 12px/1 var(--font-sans);color:var(--muted);cursor:pointer;transition:background .25s,color .25s,border-color .25s}
.ii.ii .ii-v2-buttons button:hover{color:var(--fg);background:#ffffff09}
.ii.ii .ii-v2-buttons button[aria-pressed="true"]{background:#ffd21f17;color:var(--accent);border-color:#ffd21f50}
.ii.ii .ii-v2-buttons .ii-v2-pause{padding:0;width:38px;min-width:38px;font:600 17px/1 var(--font-sans)}
.ii.ii .ii-v2-pause__play{display:none;font-size:11px}
.ii.ii .ii-v2-pause[aria-pressed="true"] .ii-v2-pause__stop{display:none}
.ii.ii .ii-v2-pause[aria-pressed="true"] .ii-v2-pause__play{display:inline}
.ii.ii .ii-v2-buttons button:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
.ii.ii .gcard{perspective:600px}
.ii.ii .gcard__ico{position:relative;transform:rotateX(9deg) rotateY(-15deg);background:linear-gradient(135deg,#775627,#30223d 65%);box-shadow:3px 4px 0 #201328,4px 5px 0 #826234,7px 12px 20px -6px #000;transition:transform .5s var(--ease),box-shadow .5s var(--ease)}
.ii.ii .gcard:focus-within .gcard__ico{transform:translateY(-7px) rotateX(-12deg) rotateY(20deg);box-shadow:-3px 4px 0 #201328,-4px 5px 0 #826234,-7px 15px 20px -6px #000}
@media (hover:hover) and (pointer:fine){.ii.ii .gcard:hover .gcard__ico{transform:translateY(-7px) rotateX(-12deg) rotateY(20deg);box-shadow:-3px 4px 0 #201328,-4px 5px 0 #826234,-7px 15px 20px -6px #000}}
@keyframes iiOrbitSweep{to{transform:rotateZ(360deg)}}
@keyframes iiObjectLevitate{0%,100%{translate:0 0}50%{translate:0 -11px}}
@keyframes iiMessageArrive{0%,12%,100%{transform:translateY(3px)}20%,85%{transform:translateY(-3px)}}
@keyframes iiTicketGleam{0%,60%,100%{transform:translateX(-65%)}85%{transform:translateX(65%)}}
.ii.ii .ii-v2[data-motion="paused"] :is(.ii-v2-bob,.ii-v2-orbit i,.ii-v2-message,.ii-v2-spark,.ii-v2-dot,.ii-v2-gpu__blades),
.ii.ii .ii-v2[data-motion="paused"] .ii-v2-coupon__face::after{animation-play-state:paused}
.ii.ii .ii-v2[data-motion="paused"] :is(.ii-v2-item,.ii-v2-photo,.ii-v2-camera){transition:none}
.ii.ii:has(.ii-v2-pause[aria-pressed="true"]) :is(.bg span,.band__t,.fitem,.shot__chip),
.ii.ii:has(.ii-v2-pause[aria-pressed="true"]) :is(.pill--fill,.shot__chip i,.feedwrap__lbl i)::after{animation-play-state:paused}
@media (min-width:940px){.ii.ii .hero .wrap{max-width:1240px}.ii.ii .hero__grid{grid-template-columns:1fr 1.1fr;gap:22px}.ii.ii .ii-v2{--v2-scale:.85}.ii.ii .hero__grid h1{font-size:clamp(37px,3.5vw,48px)}.ii.ii .hero__micro{line-height:1.5}}
@media (max-width:939px){.ii.ii .ii-v2{max-width:540px}.ii.ii .hero__grid{gap:18px}.ii.ii .hero__micro{line-height:1.5}.ii.ii .ii-v2-console{margin-top:6px}}
@media (max-width:380px){.ii.ii .ii-v2-buttons button{padding:0 12px}.ii.ii .ii-v2-buttons .ii-v2-pause{padding:0}}
@media (prefers-reduced-motion:reduce){
  .ii.ii .ii-v2 *,.ii.ii .ii-v2 *::after,.ii.ii .ii-v2 *::before{animation:none!important;transition:none!important}
  .ii.ii .ii-v2-camera{transform:none!important}
  .ii.ii .ii-v2-pause{display:none}
  .ii.ii .gcard .gcard__ico{transform:none!important;transition:none!important}
}