/* Cinematic movement, using lightweight transforms and no animation library. */
header{position:sticky;gap:18px;isolation:isolate}.motion-toggle{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid #c9d8eb;color:#244263;background:#fff;border-radius:24px;padding:9px 12px;white-space:nowrap;font:600 10px 'DM Sans',Arial,sans-serif;cursor:pointer;flex-shrink:0}.motion-toggle:hover{border-color:#075ad6;background:#edf4ff}header nav{margin-left:auto;gap:23px}.hero.hero-text-only{position:relative;isolation:isolate;grid-template-columns:minmax(0,1.3fr) minmax(290px,.9fr);gap:0;padding-top:75px;padding-bottom:75px;overflow:hidden;background:linear-gradient(115deg,#fffdf8 20%,#f4f8ff 65%,#d9eeff)}.hero::before{content:"";position:absolute;inset:-30%;background:radial-gradient(ellipse at 75% 35%,#7ed8ff4d,transparent 35%),radial-gradient(ellipse at 35% 85%,#ffd66e33,transparent 33%);z-index:-1;animation:aurora-drift 20s ease-in-out infinite alternate;pointer-events:none}.hero-copy{position:relative;z-index:2}.hero.hero-text-only h1{font-size:clamp(42px,5vw,70px);letter-spacing:-3px}.headline-line{display:block;overflow:hidden;padding:0 0 .1em;margin-bottom:-.05em}.headline-line>span,.headline-line>em{display:block;animation:headline-enter 1s cubic-bezier(.16,1,.3,1) both}.headline-line:nth-child(2)>span{animation-delay:.14s}.headline-line:nth-child(3)>em{animation-delay:.28s}.headline-line em{background:linear-gradient(100deg,#075ad6 15%,#025eab 40%,#04a6d6 55%,#075ad6 75%);background-size:220% 100%;background-clip:text;-webkit-background-clip:text;color:transparent;animation:headline-enter 1s .28s cubic-bezier(.16,1,.3,1) both,title-shimmer 10s 1.5s ease-in-out infinite}.hero-copy .intro{animation:copy-enter .9s .35s both}.hero-copy .actions{animation:copy-enter .9s .48s both}.cinema-scene{position:relative;min-width:0;width:100%;height:420px;display:grid;place-items:center;perspective:900px;isolation:isolate;animation:scene-enter 1.2s .25s both}.cinema-glow{position:absolute;width:85%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#7fc9ff55,#98cfff18 50%,transparent 70%);animation:scene-breathe 8s ease-in-out infinite}.orbit{position:absolute;width:83%;aspect-ratio:1;border:1px solid #3179d239;border-radius:50%;transform-style:preserve-3d;animation:orbit-spin 22s linear infinite}.orbit-one{--orbit-angle:20deg;transform:rotateX(58deg) rotateZ(20deg);border:2px solid #075ad64d}.orbit-two{width:95%;--orbit-angle:95deg;animation-duration:30s;animation-direction:reverse;transform:rotateX(58deg) rotateZ(95deg);border-color:#f7a94180}.orbit-three{width:71%;--orbit-angle:155deg;animation-duration:19s;transform:rotateX(58deg) rotateZ(155deg);border-color:#ff7d6266}.orbit i{position:absolute;left:calc(50% - 8px);top:-8px;width:16px;height:16px;background:#075ad6;border-radius:50%;box-shadow:0 0 20px #075ad650}.orbit-two i{background:#ffc04a;width:20px;height:20px;box-shadow:0 0 20px #ffc04a66}.orbit-three i{background:#ff805c}.lens-rings{position:absolute;width:190px;height:190px;border:1px solid #075ad624;border-radius:50%;box-shadow:0 0 0 22px #fff7,0 0 0 23px #075ad61a,0 0 0 47px #fff4,0 0 0 48px #075ad610;animation:lens-turn 34s linear infinite}.lens-rings::after{content:"";position:absolute;inset:-15px;border-radius:50%;border:2px dashed #075ad640}.cinema-play{position:relative;width:100px;height:100px;display:grid;place-items:center;background:linear-gradient(145deg,#137cff,#0344b3);color:#fff;border-radius:50%;box-shadow:0 18px 38px #075ad62e,inset 0 1px 2px #ffffffaa;transition:scale .35s,box-shadow .35s;animation:play-float 6s ease-in-out infinite;z-index:3}.cinema-play::after{content:"";position:absolute;inset:-10px;border:1px solid #075ad640;border-radius:50%;animation:play-pulse 4s ease-out infinite}.cinema-play:hover{scale:1.1;box-shadow:0 22px 45px #075ad64d}.cinema-play svg{margin-left:5px;transition:transform .3s}.cinema-play:hover svg{transform:translateX(2px)}.scene-shape{position:absolute;display:block;box-shadow:0 15px 26px #173d6914;animation:shape-drift 9s ease-in-out infinite}.shape-coral{width:46px;height:46px;top:13%;left:12%;border-radius:13px;background:linear-gradient(135deg,#ffac8f,#ff704e);--shape-rotation:25deg;rotate:25deg}.shape-gold{width:32px;height:32px;bottom:22%;right:10%;background:linear-gradient(145deg,#ffe596,#edb345);border-radius:50%;animation-delay:-3s}.shape-blue{width:28px;height:55px;right:20%;top:9%;border-radius:25px;background:linear-gradient(145deg,#99e2ff,#3d9cec);--shape-rotation:-25deg;rotate:-25deg;animation-delay:-5s}.scene-caption{position:absolute;bottom:5%;font-size:10px;font-weight:700;letter-spacing:1.8px;text-transform:uppercase;color:#3e6289;display:flex;gap:20px}.scene-caption span{font-size:19px;color:#075ad6}.creative-ribbon b{display:inline-block;animation:accent-turn 14s linear infinite}.cinematic-video-frame{transform:none;transition:box-shadow .5s;animation:video-float 8s ease-in-out infinite}.button{position:relative;overflow:hidden;isolation:isolate;transition:transform .25s,box-shadow .25s,background .25s}.button::after{content:"";position:absolute;inset:-80% -60%;background:linear-gradient(110deg,transparent 35%,#fff4 50%,transparent 65%);transform:translateX(-100%);transition:transform .7s;pointer-events:none;z-index:0}.button:hover::after{transform:translateX(100%)}.button:hover{box-shadow:0 12px 30px #075ad635}.motion-card{--tilt-x:0deg;--tilt-y:0deg;transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .4s,opacity .6s!important;transform-style:preserve-3d}.motion-card.in-view:hover,.motion-card:not(.reveal):hover{transform:perspective(1000px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y)) translateY(-5px)}.service-grid article{position:relative}.service-grid article::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(300px circle at var(--light-x,50%) var(--light-y,40%),#75c9ff15,transparent 70%);opacity:0;transition:opacity .4s}.service-grid article:hover::after{opacity:1}.service-grid article .service-illustration{transition:transform .8s cubic-bezier(.2,.8,.2,1)!important}.service-grid article:hover .service-illustration{transform:scale(1.045)}.scene-grid img{transition:transform 1.2s cubic-bezier(.2,.8,.2,1)}.scene-grid figure{overflow:hidden}.scene-grid figure:hover img{transform:scale(1.04)}.cinematic-reveal{transition:opacity .85s cubic-bezier(.2,.8,.2,1),transform .85s cubic-bezier(.2,.8,.2,1);opacity:0;transform:translateY(24px)}.cinematic-reveal.visible{opacity:1;transform:none}.package-card{transition:box-shadow .3s,border-color .3s}.package-card:hover{box-shadow:0 20px 45px #153b7218;border-color:#75a5ec}.faq-list details[open]>p{animation:copy-enter .35s ease-out}.work-card .work-open{transition:transform .4s,background .4s,color .4s}.work-card:hover .work-open{transform:rotate(45deg);background:#075ad6;color:white}dialog[open]{animation:dialog-enter .35s cubic-bezier(.2,.8,.2,1)}.logo-link img{animation:nav-logo-glow 6s ease-in-out infinite}.floating-whatsapp{animation:whatsapp-arrive .7s 1s both}.floating-whatsapp::before{content:"";position:absolute;inset:-4px;border:1px solid #096c422e;border-radius:inherit;animation:contact-pulse 5s ease-out infinite;pointer-events:none}
@keyframes headline-enter{from{transform:translateY(110%) rotate(2deg);opacity:0}to{transform:none;opacity:1}}@keyframes copy-enter{from{transform:translateY(15px);opacity:0}to{transform:none;opacity:1}}@keyframes scene-enter{from{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes aurora-drift{to{transform:translate3d(-4%,4%,0) rotate(8deg)}}@keyframes orbit-spin{from{transform:rotateX(58deg) rotateZ(var(--orbit-angle)) rotate(0)}to{transform:rotateX(58deg) rotateZ(var(--orbit-angle)) rotate(360deg)}}@keyframes scene-breathe{50%{transform:scale(1.1);opacity:.7}}@keyframes lens-turn{to{transform:rotate(360deg)}}@keyframes play-float{50%{transform:translateY(-7px)}}@keyframes play-pulse{0%,100%{transform:scale(1);opacity:.5}60%{transform:scale(1.2);opacity:0}}@keyframes shape-drift{50%{transform:translateY(-16px) rotate(14deg)}}@keyframes accent-turn{to{transform:rotate(360deg)}}@keyframes video-float{0%,100%{transform:rotate(1deg) translateY(0)}50%{transform:rotate(-1deg) translateY(-7px)}}@keyframes title-shimmer{50%{background-position:100% 50%}}@keyframes dialog-enter{from{opacity:0;transform:translateY(14px) scale(.97)}to{opacity:1;transform:none}}@keyframes whatsapp-arrive{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}@keyframes contact-pulse{0%,80%,100%{transform:scale(1);opacity:0}10%{opacity:.65}60%{transform:scale(1.13);opacity:0}}
html[data-motion="paused"] *,html[data-motion="paused"] *::before,html[data-motion="paused"] *::after{animation-play-state:paused!important;scroll-behavior:auto!important}html[data-motion="paused"] .cinematic-reveal{opacity:1;transform:none}html[data-motion="paused"] .motion-card:hover{transform:none!important}html[data-motion="paused"] .headline-line>span,html[data-motion="paused"] .headline-line>em,html[data-motion="paused"] .hero-copy .intro,html[data-motion="paused"] .hero-copy .actions,html[data-motion="paused"] .cinema-scene,html[data-motion="paused"] .floating-whatsapp{opacity:1;transform:none;animation:none!important}
@media(min-width:761px) and (max-width:1100px){header nav{gap:12px;font-size:12px}.motion-toggle span{display:none}.motion-toggle{width:32px;height:32px;padding:0}.cinema-scene{height:350px}.hero.hero-text-only{grid-template-columns:1.35fr 1fr}.hero.hero-text-only h1{font-size:clamp(42px,5vw,60px)}}@media(max-width:760px){header{gap:7px;flex-wrap:wrap}header nav{gap:12px}.motion-toggle{width:30px;height:30px;padding:0}.motion-toggle span{display:none}.logo-link img{width:74px}.nav-cta{font-size:10px;padding:8px 10px}header nav>a[href="#showcase"]{display:none}.hero.hero-text-only{grid-template-columns:1fr;padding-top:40px;padding-bottom:25px}.hero.hero-text-only h1{font-size:clamp(38px,10.5vw,52px);letter-spacing:-2px}.cinema-scene{height:260px;max-width:320px;justify-self:center;margin-top:10px}.cinema-play{width:72px;height:72px}.cinema-play svg{width:32px;height:32px}.lens-rings{width:130px;height:130px;box-shadow:0 0 0 15px #fff7,0 0 0 16px #075ad61a,0 0 0 30px #fff4,0 0 0 31px #075ad610}.scene-caption{bottom:0;font-size:8px}.shape-coral{width:31px;height:31px}.shape-blue{width:20px;height:40px}.shape-gold{width:23px;height:23px}.orbit i{width:12px;height:12px;top:-6px;left:calc(50% - 6px)}.orbit-two i{width:16px;height:16px;top:-8px}.cinematic-video-frame{animation:none}.motion-card:hover{transform:none!important}.hero-copy .hero-note{margin-top:28px}.cinematic-reveal{transform:translateY(16px)}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.cinematic-reveal,.headline-line>span,.headline-line>em,.hero-copy .intro,.hero-copy .actions,.cinema-scene,.floating-whatsapp{opacity:1;transform:none}.motion-card:hover{transform:none!important}.cinema-play:hover{scale:1}.headline-line em{background:none;color:#075ad6}.hero::before{transform:none}}
