/* Hero tablet from Zalty Lab v1 (original Zalty artwork and motion), kept as-is. */
.spatial-lab{height:530px;position:relative;perspective:1200px;isolation:isolate;min-width:0}
.spatial-world{--rx:0deg;--ry:0deg;--dx:0px;--dy:0px;position:absolute;inset:0;transform-style:preserve-3d;transform:translate3d(var(--dx),var(--dy),var(--depth,0px)) rotateX(var(--rx)) rotateY(var(--ry));will-change:transform}
.spatial-halo{position:absolute;inset:0 -15% -5%;background:radial-gradient(ellipse,#8f40eb36,transparent 65%);pointer-events:none}
.spatial-floor{position:absolute;left:-5%;right:-14%;top:64%;height:260px;background-image:linear-gradient(#a879e92e 1px,transparent 1px),linear-gradient(90deg,#a879e92e 1px,transparent 1px);background-size:35px 35px;transform:rotateX(70deg) rotateZ(-12deg) translateZ(-70px);mask-image:radial-gradient(ellipse,#000 5%,transparent 70%);opacity:.7}
.spatial-backplate{position:absolute;left:17%;top:14%;width:76%;height:67%;border:1px solid #c79efc30;border-radius:16px;background:linear-gradient(120deg,#9a60d40d,transparent);transform:translateZ(-95px) translate(25px,-20px) rotateY(-12deg) rotateX(4deg)}
.spatial-backplate span{position:absolute;right:18px;top:13px;color:#ba9ad9;font:6px monospace;letter-spacing:.18em}
.spatial-console{position:absolute;top:10%;left:4%;width:88%;height:365px;border:1px solid #caa3ff79;border-radius:16px;background:linear-gradient(135deg,#5c39802b,#130a24ef 50%,#26103bb3);box-shadow:inset 0 0 70px #9b57dd0c,0 32px 70px #0008;transform:rotateY(-12deg) rotateX(5deg) rotateZ(-3deg);backdrop-filter:blur(12px);transform-style:preserve-3d;overflow:visible}
.spatial-console:before,.spatial-console:after{content:'';position:absolute;inset:13px;border-radius:7px;border:1px solid #b58be318;pointer-events:none}
.spatial-console:after{inset:-1px;opacity:.7;border-color:transparent;border-top-color:#f4e8ffb0;border-left-color:#c393ff80;mask-image:linear-gradient(130deg,#000,transparent 65%)}
.spatial-kicker{font:6px 'JetBrains Mono',monospace;color:#e1c8ff;letter-spacing:.15em;display:block}
.spatial-footnote{position:absolute;bottom:-5px;left:5%;right:0;display:flex;align-items:center;justify-content:space-between;gap:10px;font:6px 'JetBrains Mono',monospace;letter-spacing:.12em;color:#cbb6e0}
.spatial-pause{border:0;border-bottom:1px solid #bc94e54f;border-radius:0;background:none;padding:8px 0;min-height:44px;font:8px Manrope,Arial,sans-serif;color:#eadcfb;display:flex;align-items:center;gap:12px}
.spatial-pause span{font-size:12px}
.spatial-lab.spatial-paused .spatial-world{transform:none}
.spatial-lab.spatial-paused *{animation-play-state:paused!important}
.spatial-lab.spatial-dormant *{animation-play-state:paused!important}
@media(min-width:1600px){.spatial-lab{height:620px}.spatial-console{height:440px;top:10%}.spatial-footnote{bottom:-12px}}
@media(max-width:1100px) and (min-width:701px){.spatial-lab{height:440px}.spatial-console{height:310px;width:94%;left:3%;top:13%}.spatial-footnote{bottom:-30px}}
@media(max-width:700px){.spatial-lab{height:415px;margin:20px -6px 0;perspective:900px}.spatial-console{width:88%;height:280px;left:5%;top:9%;transform:rotateY(-10deg) rotateX(5deg) rotateZ(-3deg)}.spatial-kicker{font-size:5px}.spatial-footnote{bottom:-16px;left:3%;right:0;font-size:5px}.spatial-pause{font-size:8px}}
@media(prefers-reduced-motion:reduce){.spatial-world{transform:none!important;will-change:auto}.spatial-lab *{animation:none!important;transition:none!important}.spatial-pause{display:none}}
.spatial-footnote{bottom:-25px}
@media(min-width:1600px){.spatial-footnote{bottom:-12px}}
@media(max-width:1100px) and (min-width:701px){.spatial-footnote{bottom:-15px}}
@media(max-width:700px){.spatial-footnote{bottom:-16px}}
.film-lab{height:590px;perspective:1400px}
.film-lab .spatial-world{inset:0 -2% 0 0}
.film-lab .spatial-halo{background:radial-gradient(ellipse at 50% 50%,#8844c941,transparent 68%)}
.film-room{position:absolute;inset:-10px -12% -10px 0;overflow:hidden;pointer-events:none;mask-image:linear-gradient(90deg,transparent,#000 15%,#000 80%,transparent)}
.film-room>i{position:absolute;top:0;bottom:8%;width:24%;background:linear-gradient(95deg,#110b1d,#4f277e24,#140c21);border-left:1px solid #b78de523;transform:skewY(-5deg)}
.film-room>i:nth-child(1){left:10%}
.film-room>i:nth-child(2){left:39%;top:-20px}
.film-room>i:nth-child(3){left:68%;top:20px}
.film-screen{position:absolute;inset:6% 0 auto 0;height:460px;border:1px solid #d3b3ff93;border-radius:21px;background:linear-gradient(125deg,#a078cc27,#261436c9 35%,#0c0815eb 75%,#6c418b33);box-shadow:0 30px 65px #0006,inset 0 1px 0 #efe1ff66,inset 0 0 35px #b882e30b;backdrop-filter:blur(14px);transform:rotateY(-10deg) rotateX(3deg) rotateZ(-2deg);transform-style:preserve-3d;overflow:hidden;will-change:transform,opacity}
.film-screen:before{content:'';position:absolute;inset:5px;border:1px solid #e4cbff1e;border-radius:16px;pointer-events:none;z-index:2}
.film-screen:after{content:'';position:absolute;inset:0;background:linear-gradient(115deg,#e8cbff12,transparent 35%,transparent 76%,#ffffff08);pointer-events:none;z-index:2}
.film-toolbar{position:relative;height:45px;margin:0 20px;display:flex;align-items:center;gap:10px;border-bottom:1px solid #d6b3ff2b;color:#f1e4ff;font:7px 'JetBrains Mono',monospace;letter-spacing:.1em}
.film-toolbar>span:last-child{margin-left:auto;color:#d9c0f2;font-size:6px}
.film-sign{font:12px Manrope,Arial,sans-serif;border:1px solid #c8a2ee63;width:23px;height:20px;display:grid;place-items:center;border-radius:4px}
.film-tiles{position:absolute;inset:62px 19px 41px;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(5,1fr);grid-template-areas:'brand presence offer' 'brand presence offer' 'journey presence demand' 'journey retention demand' 'intelligence intelligence intelligence';gap:9px;perspective:900px}
.film-tile{position:relative;overflow:hidden;display:block;min-width:0;min-height:44px;border:1px solid #d7b4ff42;border-radius:9px;background:#211131;transform-origin:50% 100%;box-shadow:0 6px 12px #08040d26;transition:border-color .25s,box-shadow .25s;isolation:isolate}
.film-tile:before{content:'';position:absolute;inset:0;background:linear-gradient(transparent 30%,#080510e8);z-index:1;pointer-events:none}
.film-tile svg{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s}
.film-tile>span{position:absolute;inset:auto 9px 9px;color:#fff;font:10px/1.4 Manrope,Arial,sans-serif;z-index:2;padding-right:10px}
.film-tile small{display:block;font:6px/1.7 'JetBrains Mono',monospace;color:#dac3f5;letter-spacing:.13em}
.film-tile i{font:11px Manrope;position:absolute;right:0;bottom:0;font-style:normal;color:#e8ceff}
.film-tile:hover,.film-tile:focus-visible{border-color:#e3c4ff;box-shadow:0 0 20px #bc82f52b}
.film-tile:hover img{transform:scale(1.08)}
.tile-1{grid-area:brand}
.tile-2{grid-area:presence}
.tile-3{grid-area:offer}
.tile-4{grid-area:demand}
.tile-5{grid-area:journey}
.tile-6{grid-area:retention}
.tile-7{grid-area:intelligence}
.tile-7 svg{position:absolute;width:55%;right:0;object-position:50% 60%}
.tile-7:before{background:linear-gradient(90deg,#21132f,transparent)}
.tile-7>span{inset:auto auto 15px 15px;font-size:13px}
.tile-7 small{display:inline;margin-right:10px}
.tile-7 i{right:-30px;bottom:1px}
.tile-6>span{font-size:9px;inset:auto 7px 7px}
.tile-6 small{display:none}
.film-screen-caption{position:absolute;bottom:18px;left:23px;right:23px;display:flex;justify-content:space-between;gap:15px;color:#dfc7f3;font:5px 'JetBrains Mono',monospace;letter-spacing:.12em}
.film-pedestal{position:absolute;left:-3%;right:-3%;height:80px;top:79%;border-radius:50%;background:radial-gradient(ellipse,#8b4dc62a,transparent 60%);transform:rotateX(60deg) translateZ(-65px)}
.film-pedestal:before{content:'';position:absolute;inset:15px 5%;border-radius:50%;border-top:1px solid #c49bea4f;box-shadow:0 -8px 45px #9d50dd1f}
.film-dock{position:absolute;left:15%;right:5%;top:88%;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:3px 8px 3px 15px;min-height:48px;border:1px solid #cdabf057;border-radius:35px;background:linear-gradient(135deg,#452955d6,#170c24d9);box-shadow:0 10px 30px #0003;backdrop-filter:blur(10px);transform:translateZ(35px) rotateY(-8deg) rotateZ(-2deg);font:10px Manrope,Arial,sans-serif;color:#f0e4fc}
.film-dock-dot{flex:0 0 5px;height:5px;background:#c7a0f4;border-radius:50%;box-shadow:0 0 10px #a764ef}
.film-replay{border:0;border-left:1px solid #c8a2e33a;background:none;min-height:44px;padding:0 10px 0 15px;color:#f2e6ff;font:10px Manrope,Arial,sans-serif;white-space:nowrap}
.film-replay span{padding-left:5px;font-size:17px}
.film-lab .spatial-footnote{bottom:-18px;left:3%;right:0}
.film-lab.spatial-paused .spatial-world{transform:none}
.film-lab:focus-within .film-screen{outline-offset:4px}
.film-lab .spatial-world{transform:translate3d(var(--dx,0px),var(--dy,0px),var(--depth,0px)) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg))}
@media(min-width:1600px){.film-lab{height:640px}.film-screen{height:510px}.film-tiles{gap:12px;inset:68px 23px 46px}.film-tile>span{font-size:13px;inset:auto 12px 12px}.film-tile small{font-size:8px}.film-toolbar{height:48px;font-size:9px}.film-toolbar>span:last-child{font-size:8px}.film-screen-caption{font-size:7px}.tile-7>span{font-size:16px}.tile-6>span{font-size:11px}.film-dock{font-size:12px}}
@media(max-width:1100px) and (min-width:701px){.film-lab{height:500px}.film-screen{height:385px}.film-tiles{inset:55px 14px 35px;gap:6px}.film-toolbar{margin:0 15px;font-size:5px;height:38px}.film-toolbar>span:last-child{font-size:4px}.film-tile>span{font-size:8px;inset:auto 6px 7px}.film-tile small{font-size:5px}.tile-6>span{font-size:7px}.tile-7>span{font-size:10px}.film-screen-caption{font-size:4px;left:17px;right:17px;bottom:14px}.film-dock{left:8%;right:0;font-size:8px;gap:8px;top:86%}.film-replay{font-size:8px}.film-lab .spatial-footnote{bottom:-12px;font-size:5px}}
@media(max-width:700px){.film-lab{height:460px;margin:22px 0 0}.film-lab .spatial-world{inset:0}.film-room{inset:0 -8%}.film-screen{top:6%;left:0;right:0;height:360px;border-radius:16px;transform:rotateY(-8deg) rotateX(2deg) rotateZ(-2deg)}.film-screen:before{border-radius:12px}.film-tiles{inset:49px 12px 32px;gap:6px}.film-toolbar{height:34px;margin:0 14px;font-size:5px;gap:7px}.film-toolbar>span:last-child{font-size:4px}.film-sign{font-size:9px;width:19px;height:17px}.film-tile{border-radius:6px}.film-tile>span{font-size:8px;inset:auto 6px 7px}.film-tile small{font-size:5px}.film-tile i{font-size:9px}.tile-6>span{font-size:7px}.tile-7>span{font-size:11px}.tile-7 small{font-size:6px}.film-screen-caption{font-size:4px;left:16px;right:16px;bottom:14px}.film-dock{left:7%;right:0;top:86%;font-size:9px;min-height:44px}.film-replay{font-size:9px;min-height:44px}.film-lab .spatial-footnote{bottom:-18px;font-size:5px}}
@media(prefers-reduced-motion:reduce){.film-screen,.film-tile,.film-dock{animation:none!important;transition:none!important}.film-screen{transform:none}.film-replay{display:none}.film-lab .spatial-world{transform:none!important}}
.film-sign{font:6px 'JetBrains Mono',monospace;letter-spacing:0}
.film-dock{top:85%}
@media(max-width:1100px) and (min-width:701px){.film-dock{top:82%}}
@media(max-width:700px){.film-dock{top:82%}}
@media(min-width:701px) and (max-width:1000px){.film-lab{width:min(560px,100%);height:550px;justify-self:center;margin-top:15px}.film-screen{height:440px}.film-toolbar{height:44px;font-size:7px}.film-toolbar>span:last-child{font-size:6px}.film-tiles{inset:62px 18px 41px;gap:9px}.film-tile>span{font-size:11px;inset:auto 9px 9px}.film-tile small{font-size:6px}.tile-6>span{font-size:9px}.tile-7>span{font-size:13px}.film-dock{top:87%;font-size:11px}.film-screen-caption{font-size:5px}.film-replay{font-size:10px}.film-lab .spatial-footnote{bottom:-20px}}
.film-lab .spatial-world,.film-lab .film-screen,.film-lab .film-tiles,.film-lab .film-dock{pointer-events:none}
.film-lab .film-tile,.film-lab .film-replay{pointer-events:auto}
.film-tile>svg,.film-tile>span{pointer-events:none}
@media(max-width:700px){.film-lab{--phone-panel:clamp(490px,132vw,560px);height:calc(var(--phone-panel) + 120px);margin:18px 0 0;width:100%;min-width:0}.film-lab .spatial-world{inset:0}.film-screen{top:12px;height:var(--phone-panel);left:0;right:0;backdrop-filter:blur(8px)}.film-toolbar{height:39px;margin-inline:14px;font-size:6px}.film-toolbar>span:last-child{font-size:5px}.film-tiles{inset:54px 12px 34px;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:1fr 1fr 1fr .64fr;grid-template-areas:'brand presence' 'offer demand' 'journey retention' 'intelligence intelligence';gap:8px}.film-tile{min-width:0;min-height:48px;border-radius:8px}.film-tile>span,.tile-6>span{font-size:11px;line-height:1.35;inset:auto 7px 8px;padding-right:11px;overflow-wrap:normal}.film-tile small{font-size:6px}.tile-6 small{display:block}.film-tile i{font-size:12px}.tile-7>span{font-size:13px;left:10px;bottom:13px}.tile-7 small{display:inline;font-size:7px}.tile-7 svg{width:48%}.film-screen-caption{font-size:4px;left:15px;right:15px;bottom:15px;gap:5px}.film-dock{top:calc(var(--phone-panel) + 25px);left:3%;right:0;font-size:11px;gap:8px;padding-left:12px;min-height:48px}.film-replay{font-size:11px;min-height:44px;padding-inline:12px}.film-replay span{font-size:17px}.film-lab .spatial-footnote{left:1%;right:0;bottom:-6px;font-size:6px;letter-spacing:.06em}.spatial-pause{font-size:11px;min-height:44px;gap:8px;padding:8px 0}}
@media(max-width:359px){.film-tile>span,.tile-6>span{font-size:10px}.film-dock{font-size:10px}.film-replay{font-size:10px}.film-lab .spatial-footnote{font-size:5px}.spatial-pause{font-size:10px}}
@media(pointer:coarse){.film-tile:hover svg{transform:none}}
.hero-context,.hero-bottom .secondary,.secondary,.floating-nav nav a,#mobile-menu a,footer p,footer>div,footer button,.film-replay,.spatial-pause,.film-dock,#whatsapp,#form-whatsapp-fallback{font-size:14px;line-height:1.5}
.film-toolbar,.film-toolbar>span:last-child,.film-sign,.film-screen-caption,.film-tile small,.tile-7 small,.film-lab .spatial-footnote{font-size:12px;line-height:1.5;letter-spacing:0}
.film-tile>span,.tile-6>span,.tile-7>span{font-size:14px;line-height:1.5}
.film-tile small{font-size:12px;line-height:1.5}
.film-toolbar{gap:6px}
.film-screen-caption{gap:8px}
.film-dock{font-size:14px;line-height:1.5}
.film-replay{font-size:14px}
@media(max-width:700px){.hero-context,.hero-bottom .secondary,.secondary,#mobile-menu a,footer p,footer>div,footer button,.film-replay,.spatial-pause,.film-dock,#whatsapp,#form-whatsapp-fallback{font-size:14px;line-height:1.5}.film-toolbar,.film-toolbar>span:last-child,.film-sign,.film-screen-caption,.film-tile small,.tile-7 small,.film-lab .spatial-footnote{font-size:12px;line-height:1.5;letter-spacing:0}.film-tile>span,.tile-6>span,.tile-7>span{font-size:14px;line-height:1.5}}
.z-icon{display:inline-block;width:18px;height:18px;flex-shrink:0;vertical-align:middle;pointer-events:none}
.button .arrow .z-icon{width:18px;height:18px}
.floating-nav .z-icon{width:14px;height:14px}
.lens-list .z-icon{width:16px;height:16px}
.film-tile .z-icon{position:static;display:block;width:12px;height:12px;object-fit:initial;transform:none!important;transition:none}
.film-replay .z-icon{width:17px;height:17px}
.spatial-pause .z-icon{width:14px;height:14px}
footer #instagram .z-icon{width:14px;height:14px}
@media(prefers-reduced-motion:reduce){.z-icon{animation:none;transition:none}}