.hiw-section{position:relative}.hiw-stage{background:radial-gradient(90% 120% at 50% -20%,#10b9811a,transparent 55%),radial-gradient(70% 90% at 85% 110%,#14b8a614,transparent 60%),radial-gradient(60% 80% at 10% 100%,color-mix(in srgb,var(--hiw-accent,#10b981)9%,transparent),transparent 65%),linear-gradient(180deg,#07090b 0%,#05070a 100%);border:1px solid #ffffff12;border-radius:24px;transition:background 1.2s;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff0d,0 40px 120px -40px #000000e6}.hiw-frame{aspect-ratio:960/580;width:100%;position:relative}.hiw-scaler{width:960px;height:580px;transform:translate(-50%,-50%)scale(var(--hiw-scale,1));position:absolute;top:50%;left:50%}.hiw-vignette{pointer-events:none;z-index:6;background:radial-gradient(105% 105% at 50% 45%,#0000 58%,#00000080 100%);position:absolute;inset:0}.hiw-particles{pointer-events:none;z-index:1;position:absolute;inset:0}.hiw-particles span{will-change:transform;background:#34d39980;border-radius:1px;width:5px;height:5px;animation:16s ease-in-out infinite hiwDrift;display:block;position:absolute}.hiw-particles span:nth-child(3n){background:#2dd4bf66;width:4px;height:4px}.hiw-particles span:nth-child(4n){background:#ffffff38;width:3px;height:3px}.hiw-particles span:nth-child(5n){animation-duration:22s}.hiw-particles span:nth-child(2n){animation-delay:-8s}.hiw-particles span:nth-child(7n){animation-duration:19s;animation-delay:-14s}@keyframes hiwDrift{0%,to{opacity:.5;transform:translate(0,0)}25%{opacity:.9;transform:translate(14px,-26px)}50%{opacity:.55;transform:translate(-10px,-48px)}75%{opacity:.85;transform:translate(10px,-22px)}}.hiw-stage.is-paused .hiw-particles span,.hiw-stage.is-paused .hiw-float{animation-play-state:paused}.hiw-persp{perspective:1500px;z-index:2;position:absolute;inset:0}.hiw-float{transform-style:preserve-3d;animation:13s ease-in-out infinite hiwFloat;position:absolute;inset:0}@keyframes hiwFloat{0%,to{transform:translate(0,0)rotateX(.4deg)rotateY(-.5deg)}33%{transform:translate(4px,-7px)rotateX(-.5deg)rotateY(.6deg)}66%{transform:translate(-5px,4px)rotateX(.3deg)rotateY(-.3deg)}}.hiw-camera{transform-style:preserve-3d;will-change:transform,filter;filter:blur(var(--hiw-blur,0px));position:absolute;inset:0}.hiw-browser{width:720px;height:460px;box-shadow:inset 0 1px 0 #ffffff17,0 0 60px -18px color-mix(in srgb,var(--hiw-accent,#10b981)45%,transparent),0 60px 110px -30px #000000e6;background:linear-gradient(#181c1ed9,#0d1012eb) padding-box padding-box,linear-gradient(160deg,#ffffff38,#ffffff0d 35%,#10b98140 100%) border-box;border:1px solid #0000;border-radius:18px;transition:box-shadow 1.2s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hiw-browser:after{content:"";background:linear-gradient(180deg,color-mix(in srgb,var(--hiw-accent,#10b981)14%,#ffffff0d),transparent 80%);filter:blur(14px);opacity:.55;pointer-events:none;border-radius:50%/22px;height:60px;position:absolute;top:101.5%;left:8%;right:8%;transform:scaleY(.6)}.hiw-browser:before{content:"";pointer-events:none;z-index:4;background:linear-gradient(115deg,#0000 30%,#ffffff0b 42%,#ffffff03 55%,#0000 62%);border-radius:18px;position:absolute;inset:0}.hiw-chrome{border-bottom:1px solid #ffffff12;align-items:center;gap:10px;height:40px;padding:0 14px;display:flex}.hiw-dots{gap:6px;display:flex}.hiw-dots i{border-radius:50%;width:10px;height:10px}.hiw-dots i:first-child{background:#ff5f57}.hiw-dots i:nth-child(2){background:#febc2e}.hiw-dots i:nth-child(3){background:#28c840}.hiw-url{color:#8b939b;background:#00000059;border:1px solid #ffffff0f;border-radius:999px;flex:1;justify-content:center;align-items:center;gap:6px;max-width:320px;height:24px;margin:0 auto;font-size:11px;font-weight:500;display:flex}.hiw-url b{color:#34d399;font-weight:600}.hiw-view{border-radius:0 0 17px 17px;position:absolute;inset:41px 0 0;overflow:hidden}.hiw-panel{opacity:0;pointer-events:none;flex-direction:column;padding:22px 26px;transition:opacity .32s,transform .32s;display:flex;position:absolute;inset:0;transform:translateY(18px)scale(.965)}.hiw-panel.active{opacity:1;pointer-events:auto;transition:opacity .75s cubic-bezier(.22,1,.36,1) .12s,transform .75s cubic-bezier(.22,1,.36,1) .12s;transform:translateY(0)scale(1)}.hiw-panel.past{transform:translateY(-16px)scale(1.03)}.hiw-eyebrow{letter-spacing:.18em;text-transform:uppercase;color:#34d399;font-size:10px;font-weight:800}.hiw-h{letter-spacing:-.02em;color:#fff;margin-top:6px;font-size:22px;font-weight:700}.hiw-sub{color:#8b939b;max-width:420px;margin-top:4px;font-size:12.5px;line-height:1.5}.hiw-card{background:linear-gradient(#ffffff09,#ffffff03) padding-box padding-box,linear-gradient(165deg,#ffffff24,#ffffff0a 45%,#10b98124) border-box;border:1px solid #0000;border-radius:13px}.hiw-panel .hiw-in{opacity:0;transform:translateY(12px)scale(.97)}.hiw-panel.active .hiw-in{animation:.55s cubic-bezier(.22,1.4,.36,1) forwards hiwIn;animation-delay:calc(.25s + var(--i,0)*70ms)}@keyframes hiwIn{to{opacity:1;transform:translateY(0)scale(1)}}.hiw-pulse{animation:2.2s ease-in-out infinite hiwPulse}@keyframes hiwPulse{0%,to{box-shadow:0 6px 24px -8px #10b981a6,0 0 #34d39959}50%{box-shadow:0 6px 30px -6px #10b981e6,0 0 0 9px #34d39900}}.hiw-select{width:340px}.hiw-select-head{color:#fff;justify-content:space-between;align-items:center;padding:11px 14px;font-size:13px;font-weight:600;display:flex}.hiw-opts{max-height:0;transition:max-height .6s cubic-bezier(.22,1,.36,1) .55s;overflow:hidden}.hiw-panel.active .hiw-opts{max-height:240px}.hiw-opt{color:#9aa2ab;opacity:0;border-top:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:9px 14px;font-size:12.5px;display:flex;transform:translate(-8px)}.hiw-panel.active .hiw-opt{animation:.4s forwards hiwOptIn;animation-delay:calc(.75s + var(--i)*90ms)}@keyframes hiwOptIn{to{opacity:1;transform:translate(0)}}.hiw-opt.pick{color:#d9fff1}.hiw-panel.active .hiw-opt.pick{animation:.5s cubic-bezier(.34,1.56,.64,1) 1.7s forwards hiwOptPick}@keyframes hiwOptPick{0%{opacity:1;background:0 0;transform:translate(0)}to{opacity:1;background:#10b98124;transform:translate(0)}}.hiw-opt .hiw-check{opacity:0;color:#34d399;transform:scale(.4)}.hiw-panel.active .hiw-opt.pick .hiw-check{animation:.45s cubic-bezier(.34,1.8,.64,1) 2s forwards hiwCheck}@keyframes hiwCheck{to{opacity:1;transform:scale(1)}}.hiw-cats{grid-template-columns:repeat(4,1fr);gap:10px;margin-top:16px;display:grid}.hiw-cat{color:#aeb6bf;flex-direction:column;align-items:center;gap:7px;padding:14px 6px 12px;font-size:11px;font-weight:600;display:flex;position:relative}.hiw-cat svg{color:#34d399}.hiw-cat.hit{color:#eafff5}.hiw-panel.active .hiw-cat.hit{animation:.55s cubic-bezier(.22,1.4,.36,1) forwards hiwIn,.55s cubic-bezier(.34,2,.64,1) 1.5s hiwPunch;animation-delay:calc(.25s + var(--i,0)*70ms),1.5s}@keyframes hiwPunch{0%{transform:scale(1)}35%{border-color:#34d39999;transform:scale(1.14);box-shadow:0 0 30px -6px #10b981b3}to{transform:scale(1.04);box-shadow:0 0 22px -8px #10b9818c}}.hiw-burst{pointer-events:none;z-index:5;width:0;height:0;position:absolute;top:50%;left:50%}.hiw-burst i{background:var(--c,#34d399);opacity:0;border-radius:1px;width:6px;height:6px;position:absolute;top:-3px;left:-3px}.hiw-panel.active .hiw-burst i{animation:.9s cubic-bezier(.22,1,.36,1) forwards hiwBurst;animation-delay:var(--d,1.55s)}@keyframes hiwBurst{0%{opacity:0;transform:translate(0)scale(.6)}12%{opacity:1}to{opacity:0;transform:translate(var(--dx,40px),var(--dy,-40px))scale(1)}}.hiw-paint{flex:1;gap:16px;min-height:0;margin-top:14px;display:flex}.hiw-mini-rail{flex-direction:column;align-self:flex-start;gap:6px;padding:8px;display:flex}.hiw-mini-tool{color:#8b939b;border:1px solid #0000;border-radius:9px;place-items:center;width:34px;height:34px;display:grid}.hiw-mini-tool.on{color:#dcfff2;background:linear-gradient(#34d39947,#0d946a1f);border-color:#34d39980;box-shadow:0 6px 18px -6px #10b981cc}.hiw-panel.active .hiw-mini-tool{transition:all .25s}.hiw-canvas-wrap{align-self:center;position:relative}.hiw-canvas{width:288px;height:288px;image-rendering:pixelated;border:1px solid #ffffff1a;border-radius:10px;display:block;box-shadow:0 0 0 1px #0006,0 0 44px -8px #10b98159,0 24px 50px -18px #000000d9}.hiw-canvas .px{opacity:0;transform-origin:50%;transform-box:fill-box}.hiw-panel.active .hiw-canvas .px{animation:.22s cubic-bezier(.34,1.8,.64,1) forwards hiwPx}@keyframes hiwPx{0%{opacity:0;transform:scale(.3)}to{opacity:1;transform:scale(1)}}.hiw-colors{align-items:center;gap:18px;margin-top:14px;display:flex}.hiw-sv{background:linear-gradient(#0000,#000),linear-gradient(90deg,#fff,#10e0a0);border:1px solid #ffffff1f;border-radius:12px;width:250px;height:172px;animation:6s linear infinite hiwSvHue;position:relative}@keyframes hiwSvHue{0%{background:linear-gradient(#0000,#000),linear-gradient(90deg,#fff,#10e0a0)}33%{background:linear-gradient(#0000,#000),linear-gradient(90deg,#fff,#38bdf8)}66%{background:linear-gradient(#0000,#000),linear-gradient(90deg,#fff,#f472b6)}to{background:linear-gradient(#0000,#000),linear-gradient(90deg,#fff,#10e0a0)}}.hiw-sv i{border:2px solid #fff;border-radius:50%;width:16px;height:16px;animation:6s ease-in-out infinite hiwSvThumb;position:absolute;box-shadow:0 0 0 1.5px #0009,0 2px 8px #0009}@keyframes hiwSvThumb{0%,to{top:26%;left:68%}30%{top:48%;left:42%}55%{top:14%;left:80%}80%{top:60%;left:55%}}.hiw-hue{background:linear-gradient(90deg,red,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red);border:1px solid #ffffff1f;border-radius:999px;width:250px;height:12px;margin-top:12px;position:relative}.hiw-hue i{background:#10e0a0;border:2px solid #fff;border-radius:50%;width:16px;height:16px;animation:6s ease-in-out infinite hiwHueThumb;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 1.5px #0000008c}@keyframes hiwHueThumb{0%,to{background:#10e0a0;left:42%}33%{background:#38bdf8;left:58%}66%{background:#f472b6;left:88%}}.hiw-swatch{border:1px solid #fff3;border-radius:14px;width:54px;height:54px;animation:6s ease-in-out infinite hiwSwatch;box-shadow:inset 0 1px #ffffff4d,0 10px 30px -8px #000000b3}@keyframes hiwSwatch{0%,to{background:#10e0a0;box-shadow:inset 0 1px #ffffff4d,0 10px 34px -6px #10e0a088}33%{background:#38bdf8;box-shadow:inset 0 1px #ffffff4d,0 10px 34px -6px #38bdf888}66%{background:#f472b6;box-shadow:inset 0 1px #ffffff4d,0 10px 34px -6px #f472b688}}.hiw-hexstack{width:90px;height:16px;font-family:var(--font-mono);font-size:13px;font-weight:600;position:relative}.hiw-hexstack span{opacity:0;color:#eafff5;animation:6s ease-in-out infinite hiwHex;position:absolute;inset:0}.hiw-hexstack span:nth-child(2){animation-delay:2s}.hiw-hexstack span:nth-child(3){animation-delay:4s}@keyframes hiwHex{0%,30%{opacity:1}34%,96%{opacity:0}to{opacity:1}}.hiw-wave{align-items:center;gap:3px;height:84px;margin-top:18px;padding:0 8px;display:flex}.hiw-wave i{height:18%;animation:1.1s ease-in-out infinite alternate hiwBar;animation-delay:calc(var(--i)*-.13s);transform-origin:50%;background:linear-gradient(#34d399,#0d9488);border-radius:3px;flex:1}@keyframes hiwBar{0%{opacity:.65;transform:scaleY(.35)}to{transform:scaleY(var(--h,2.6));opacity:1}}.hiw-playbtn{color:#032117;background:linear-gradient(#2fe3a0,#0b9e78);border-radius:50%;place-items:center;width:42px;height:42px;display:grid;box-shadow:0 8px 24px -8px #10b981e6}.hiw-vol{background:#ffffff1f;border-radius:999px;flex:1;height:5px;position:relative;overflow:visible}.hiw-vol i{transform-origin:0;background:linear-gradient(90deg,#34d399,#2dd4bf);border-radius:999px;width:60%;animation:3.4s ease-in-out infinite alternate hiwVol;position:absolute;top:0;bottom:0;left:0}@keyframes hiwVol{0%{transform:scaleX(.55)}to{transform:scaleX(1)}}.hiw-modelstage{perspective:700px;flex:1;place-items:center;display:grid}.hiw-cube{width:120px;height:120px;transform-style:preserve-3d;animation:9s linear infinite hiwCubeSpin;position:relative}@keyframes hiwCubeSpin{0%{transform:rotateX(-22deg)rotateY(0)}to{transform:rotateX(-22deg)rotateY(360deg)}}.hiw-face{outline-offset:-1px;image-rendering:pixelated;outline:1px solid #0006;position:absolute;inset:0}.hiw-face.top{background:repeating-conic-gradient(#5ec93e 0% 25%,#4faf33 0% 50%) 0 0/24px 24px;transform:rotateX(90deg)translateZ(60px)}.hiw-face.side{background-blend-mode:multiply;background:linear-gradient(#5ec93e 0 22%,#7a5230 22% 100%),repeating-conic-gradient(#6f4a2b 0% 25%,#7a5230 0% 50%) 0 0/30px 30px}.hiw-face.front{transform:translateZ(60px)}.hiw-face.back{filter:brightness(.6);transform:rotateY(180deg)translateZ(60px)}.hiw-face.right{filter:brightness(.78);transform:rotateY(90deg)translateZ(60px)}.hiw-face.left{filter:brightness(.68);transform:rotateY(-90deg)translateZ(60px)}.hiw-face.bottom{filter:brightness(.5);background:#6f4a2b;transform:rotateX(-90deg)translateZ(60px)}.hiw-cube-shadow{background:radial-gradient(#000000a6,#0000 70%);border-radius:50%;width:130px;height:20px;margin-top:18px;animation:9s linear infinite hiwCubeShadow}@keyframes hiwCubeShadow{0%,to{transform:scaleX(1)}50%{transform:scaleX(.86)}}.hiw-langs{grid-template-columns:1fr 1fr;gap:8px;max-width:420px;margin-top:14px;display:grid}.hiw-lang{color:#aeb6bf;align-items:center;gap:9px;padding:9px 12px;font-size:12px;font-weight:600;display:flex}.hiw-lang b{font-size:14px}.hiw-lang.pick{color:#d9fff1}.hiw-panel.active .hiw-lang.pick{animation:.55s cubic-bezier(.22,1.4,.36,1) forwards hiwIn,.5s 1.6s forwards hiwOptPick;animation-delay:calc(.25s + var(--i)*70ms),1.6s}.hiw-morphline{color:#cdd5dc;height:15px;font-size:12.5px;position:relative;overflow:visible}.hiw-morphline span{white-space:nowrap;transition:opacity .5s,transform .5s;position:absolute;top:0;left:0}.hiw-morphline span:last-child{opacity:0;transform:translateY(8px)}.hiw-panel.active .hiw-morphline.go span:first-child{opacity:0;transition-delay:2.1s;transform:translateY(-8px)}.hiw-panel.active .hiw-morphline.go span:last-child{opacity:1;transition-delay:2.1s;transform:translateY(0)}.hiw-progress{background:#00000073;border:1px solid #ffffff1a;border-radius:999px;height:16px;position:relative;overflow:hidden;box-shadow:inset 0 2px 5px #00000080}.hiw-progress i{transform-origin:0;background:linear-gradient(90deg,#2fe3a0,#10b981 60%,#2dd4bf);border-radius:999px;position:absolute;inset:2px;transform:scaleX(0);box-shadow:inset 0 1px #fff6}.hiw-panel.active .hiw-progress i{animation:2.3s cubic-bezier(.65,0,.35,1) .7s forwards hiwFill}@keyframes hiwFill{to{transform:scaleX(1)}}.hiw-success{opacity:0;transform:translateY(14px)scale(.94)}.hiw-panel.active .hiw-success{animation:.6s cubic-bezier(.22,1.6,.36,1) 3.15s forwards hiwIn}.hiw-pack{background:linear-gradient(160deg,#1d2b26,#0c1512) padding-box padding-box,linear-gradient(160deg,#34d399b3,#ffffff1a 50%,#2dd4bf80) border-box;border:1.5px solid #0000;border-radius:16px;place-items:center;width:74px;height:74px;display:grid;box-shadow:0 22px 50px -16px #10b98180}.hiw-panel.active .hiw-pack.toss{animation:1s cubic-bezier(.3,0,.2,1) 1.3s forwards hiwToss}@keyframes hiwToss{0%{opacity:1;transform:translateY(0)scale(1)}60%{opacity:1;transform:translateY(-26px)scale(1.7)}to{opacity:0;transform:translateY(-8px)scale(2.6)}}.hiw-finalcta{opacity:0;transform:scale(.6)}.hiw-panel.active .hiw-finalcta{animation:.6s cubic-bezier(.22,1.6,.36,1) 2.05s forwards hiwCtaIn}@keyframes hiwCtaIn{to{opacity:1;transform:scale(1)}}.hiw-painter{z-index:5;pointer-events:none;width:240px;height:340px;animation:7s ease-in-out infinite hiwPainterFloat;position:absolute;bottom:-10px;right:-18px}@keyframes hiwPainterFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}.hiw-skin{position:absolute;inset:0}.hiw-painter:after{content:"";filter:blur(3px);background:radial-gradient(#0000008c,#0000 70%);border-radius:50%;width:130px;height:20px;position:absolute;bottom:8px;left:50%;transform:translate(-50%)}.hiw-bubble{transform-origin:100% 100%;opacity:0;white-space:nowrap;color:#eafff5;pointer-events:none;z-index:6;background:#14191beb;border:1px solid #34d39959;border-radius:14px 14px 3px;padding:9px 14px;font-size:13px;font-weight:600;transition:transform .5s cubic-bezier(.34,1.8,.64,1),opacity .35s;position:absolute;top:6px;right:78%;transform:scale(.6);box-shadow:0 12px 34px #0009,0 0 22px -8px #10b98180}.hiw-bubble.show{opacity:1;transform:scale(1)}.hiw-bubble:after{content:"";border:5px solid #0000;border-top-color:#34d39959;position:absolute;top:100%;right:14px}.hiw-hud{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-top:18px;display:flex}.hiw-hud-side{align-items:center;gap:8px;display:flex}.hiw-navbtn{color:#a6adb5;background:linear-gradient(#ffffff0a,#ffffff04);border:1px solid #ffffff17;border-radius:11px;align-items:center;gap:6px;padding:8px 14px;font-size:12.5px;font-weight:600;transition:color .15s,border-color .15s,transform .18s cubic-bezier(.34,1.56,.64,1);display:inline-flex}.hiw-navbtn:hover:not(:disabled){color:#fff;border-color:#fff3;transform:translateY(-1px)}.hiw-navbtn:active:not(:disabled){transform:scale(.96)}.hiw-navbtn:disabled{opacity:.35;cursor:not-allowed}.hiw-navbtn.on{color:#34d399;background:#10b98114;border-color:#34d39966}.hiw-dotnav{align-items:center;gap:7px;display:flex}.hiw-dot{background:#ffffff29;border-radius:999px;width:8px;height:8px;transition:background .25s,transform .3s cubic-bezier(.34,1.56,.64,1),width .3s cubic-bezier(.34,1.56,.64,1);position:relative}.hiw-dot:hover{background:#ffffff59;transform:scale(1.25)}.hiw-dot.on{background:linear-gradient(90deg,#34d399,#2dd4bf);width:22px;box-shadow:0 0 12px -2px #10b981cc}@media (max-width:720px){.hiw-hud{justify-content:center}.hiw-hud-side.hiw-hud-extra{order:3;justify-content:center;width:100%}}@media (prefers-reduced-motion:reduce){.hiw-float,.hiw-particles span,.hiw-painter,.hiw-painter *,.hiw-sv,.hiw-sv i,.hiw-hue i,.hiw-swatch,.hiw-cube,.hiw-cube-shadow,.hiw-wave i,.hiw-vol i{animation:none!important}}