.dna-background{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden;display:grid;place-items:center;perspective:1600px;background:#fff}.dna-world{width:min(1200px,115vw);aspect-ratio:1672/941;position:relative;transform-style:preserve-3d;opacity:.13;transform:rotateX(5deg) rotateY(-12deg) rotateZ(-5deg);will-change:transform}.dna-layer{position:absolute;inset:0;transform-style:preserve-3d}.dna-layer img{width:100%;height:100%;display:block;object-fit:contain}.dna-phone img{clip-path:polygon(33% 65%,49% 65%,49% 60%,52% 60%,52% 57%,55% 57%,55% 54%,60% 54%,60% 64%,70% 65%,70% 87%,32% 87%)}.dna-facebook img{clip-path:polygon(30% 34%,43% 34%,43% 56%,30% 56%)}.dna-tiktok img{clip-path:polygon(44% 19%,58% 19%,58% 49%,44% 49%)}.dna-instagram img{clip-path:polygon(57% 35%,70% 35%,70% 57%,57% 57%)}.dna-heart img{clip-path:polygon(58% 23%,66% 23%,66% 34%,58% 34%)}.dna-comment img{clip-path:polygon(36% 20%,44% 20%,44% 35%,36% 35%)}.dna-eye img{clip-path:polygon(38% 55%,48% 55%,48% 65%,38% 65%)}.dna-play img{clip-path:polygon(48% 49%,53% 49%,53% 59%,48% 59%)}.dna-icon{animation:dna-float 6s ease-in-out infinite}.dna-tiktok{animation-delay:-2s}.dna-instagram{animation-delay:-4s}.dna-heart{animation-delay:-1s}.dna-comment{animation-delay:-3s}.dna-eye{animation-delay:-5s}.dna-play{animation-delay:-2.5s}@keyframes dna-float{0%,100%{transform:translate3d(0,0,22px)}50%{transform:translate3d(0,-18px,45px)}}body{background:white;isolation:isolate}body>header,body>main,body>footer{position:relative;z-index:1}header,.hero,.cases,.about,.fit,footer{background:transparent}.proof{background:#16213bf7}.method,.contact{background:#16213bf5}.motion-toggle{z-index:40}.native-video-card,.scene-card,.mobile-profile{isolation:isolate}.scene-call,.scene-video{background:white}.contact input,.contact textarea,.contact select{background:#16213b50}.motion-off .dna-icon{animation-play-state:paused}.scene-hidden .dna-icon{animation-play-state:paused}@media(max-width:700px){.dna-world{width:150vw;opacity:.10}}@media(prefers-reduced-motion:reduce){.dna-world{transform:none!important;will-change:auto}.dna-icon{animation:none!important}}
/* Keep fixed scene anchored to the viewport, outside any perspective container. */
body{perspective:none}.dna-background{width:100%;height:100dvh;bottom:auto}.dna-world{opacity:.16}@media(max-width:700px){.dna-world{opacity:.12}}
/* Larger scene; lateral 3D rotation keeps depth visible instead of spinning flat. */
.dna-background{perspective:1100px}.dna-world{width:min(1900px,165vw);transform-origin:50% 60%;transform-style:preserve-3d}.dna-phone{transform:translateZ(-35px)}.dna-facebook{--depth:65px}.dna-tiktok{--depth:115px}.dna-instagram{--depth:85px}.dna-heart{--depth:140px}.dna-comment{--depth:100px}.dna-eye{--depth:55px}.dna-play{--depth:75px}@keyframes dna-float{0%,100%{transform:translate3d(0,0,var(--depth,65px))}50%{transform:translate3d(0,-20px,calc(var(--depth,65px) + 22px))}}@media(max-width:700px){.dna-world{width:210vw}.dna-background{perspective:850px}}
.dna-world{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotateX(5deg) rotateY(-42deg)}@media(prefers-reduced-motion:reduce){.dna-world{transform:translate(-50%,-50%)!important}}
.dna-real-canvas{position:absolute;inset:0;width:100%;height:100%;opacity:.20;pointer-events:none;display:block}.webgl-ready .dna-world{display:none!important}@media(max-width:700px){.dna-real-canvas{opacity:.16}}