.hero-bg{z-index:-1;background:#fff;position:absolute;inset:0;overflow:hidden}.hero-bg:before{content:"";z-index:1;pointer-events:none;transform-origin:50% 60%;background-image:linear-gradient(90deg,#0e0d121c 1px,#0000 1px),linear-gradient(#0e0d121c 1px,#0000 1px);background-position:top;background-size:72px 72px;position:absolute;inset:-10% -6%;transform:perspective(1600px)rotateX(12deg);-webkit-mask-image:radial-gradient(90% 85% at 50% 40%,#000 55%,#0000 100%);mask-image:radial-gradient(90% 85% at 50% 40%,#000 55%,#0000 100%)}.hero-bg:after{content:"";z-index:2;background:linear-gradient(#fff0 62%,#fff 94%);position:absolute;inset:0}.hero-bg span{filter:blur(70px);will-change:transform;border-radius:50%;position:absolute}.hero-bg-band{top:-12%;background:#bdb4fd;width:62vw;height:95vh;animation:8s ease-in-out infinite alternate hero-bg-a;inset-inline-end:-8%}.hero-bg-sky{top:34%;opacity:.9;background:#a9c0ff;width:34vw;height:48vh;animation:10s ease-in-out infinite alternate hero-bg-b;inset-inline-end:30%}.hero-bg-bloom{bottom:-14%;opacity:.95;background:#f5b3f7;width:40vw;height:44vh;animation:9s ease-in-out infinite alternate hero-bg-c;inset-inline-start:-4%}@keyframes hero-bg-a{0%{transform:translate(-10vw,-8vh)rotate(-24deg)scale(.95)}to{transform:translate(14vw,12vh)rotate(4deg)scale(1.22)}}@keyframes hero-bg-b{0%{transform:translate(14vw,12vh)scale(1.2)}to{transform:translate(-16vw,-16vh)scale(.85)}}@keyframes hero-bg-c{0%{transform:translate(-6vw,4vh)scale(.9)}to{transform:translate(20vw,-22vh)scale(1.35)}}@media (max-width:1023px){.hero-bg span{filter:blur(60px)}.hero-bg-band{top:38%;width:130vw;height:60vh;inset-inline-end:-20%}.hero-bg-sky{top:46%;width:80vw;height:34vh;inset-inline-end:30%}.hero-bg-bloom{bottom:-6%;width:90vw;height:30vh;inset-inline-start:-20%}}main #hero+section#clients{z-index:1;padding-block-start:1.75rem;position:relative}main #hero+section#clients .trusted{margin-block-end:1.1rem}main #hero+section#clients{animation:none}@supports (animation-timeline:scroll()){@media (prefers-reduced-motion:no-preference){.hero-parallax{animation:linear both hero-parallax;animation-timeline:scroll(root);animation-range:0 100svh}}}@keyframes hero-parallax{to{transform:translateY(9svh)}}body[data-hero-big] .hero-parallax{animation:none}.hero-accent{background:linear-gradient(90deg,#7d0fc4,#4108c7);color:#0000;-webkit-background-clip:text;background-clip:text}.hero-panel{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff0;border:1px solid #ffffffb3;box-shadow:0 18px 50px #4108c733}.hero-shot{transform:perspective(1400px)rotateX(var(--tilt-y,0deg))rotateY(var(--tilt-x,0deg));transform-style:preserve-3d;will-change:transform;border-radius:16px;transition:transform .45s cubic-bezier(.2,.7,.2,1);animation:1.1s cubic-bezier(.16,1,.3,1) .25s backwards hero-shot-in;box-shadow:inset 0 1px #ffffffe6,0 0 0 1px #0e0d1212,0 2px 6px #0e0d120d,0 30px 70px -18px #4108c74d,0 70px 140px -40px #4108c738}.hero-stage[data-big] .hero-shot{transition:none}.hero-form-pill{-webkit-backdrop-filter:blur(18px)saturate(1.3);backdrop-filter:blur(18px)saturate(1.3);background:#ffffffb3;box-shadow:inset 0 1px #fffffff2,0 12px 32px -14px #4108c747}@media (prefers-reduced-transparency:reduce){.hero-form-pill{-webkit-backdrop-filter:none;backdrop-filter:none;background:#fff}}@keyframes hero-shot-in{0%{opacity:0;transform:translateY(18px)scale(.985)}}.hero-story{pointer-events:none;font-size:clamp(.56rem,2cqw,.875rem);container-type:inline-size}@media (min-width:1024px){.hero-story{position:absolute;inset:0}}.hero-cap,.hero-fin{opacity:0;transition:opacity .45s,transform .45s cubic-bezier(.2,.7,.2,1);position:absolute;transform:translateY(10px)}.hero-cap[data-on],.hero-fin[data-on]{opacity:1;transform:none}.hero-cap{text-align:start;-webkit-backdrop-filter:blur(22px)saturate(1.4);backdrop-filter:blur(22px)saturate(1.4);background:linear-gradient(160deg,#ffffffb8,#ffffff6b);border-radius:.6em;width:42%;padding:.95em 1.15em 1em;bottom:6%;right:3%;box-shadow:0 12px 40px #4108c724,0 1px 3px #0e0d120f}.hero-fin{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);color:#fff;white-space:nowrap;background:#0e0d12b8;border-radius:999px;padding:.7em 1.2em;font-weight:700;bottom:8%;left:50%;transform:translate(-50%,10px);box-shadow:0 12px 30px #0e0d1240}.hero-fin[data-on]{transform:translate(-50%)}@media (min-width:768px){.hero-story[data-form] .hero-cap{bottom:30%}.hero-story[data-form] .hero-fin{bottom:32%}}@media (max-width:1023px){.hero-story{background:#f7f5fc;border-top:1px solid #0e0d120f;min-height:4.6rem;padding:.7rem .9rem .9rem;font-size:.8rem;position:relative}.hero-cap,.hero-fin{width:auto;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border-radius:0;padding:0;position:absolute;inset:.7rem .9rem .9rem;transform:translateY(6px)}.hero-fin{color:#0e0d12;white-space:normal;font-size:.92rem;bottom:auto;left:.9rem;right:.9rem}.hero-fin[data-on]{transform:none}.hero-bar{height:2px;top:0;bottom:auto}}.hero-bar{background:#0e0d1214;height:3px;position:absolute;bottom:0;left:0;right:0}.hero-bar i{background:linear-gradient(90deg,#a412b9,#7d0fc4 50%,#4108c7);height:100%;display:block}.hero-reveal{animation:.35s ease-out both hero-reveal}@keyframes hero-reveal{0%{opacity:0;transform:translateY(-6px)}}@media (prefers-reduced-motion:reduce){.hero-bg span{animation:none}.hero-shot{transition:none}.hero-reveal,.hero-shot{animation:none}.hero-shot{filter:none;transform:scale(var(--zoom));transition:opacity .2s linear}}.hero-expand{z-index:3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;cursor:pointer;opacity:.85;background:#0e0d128c;border:0;border-radius:50%;place-items:center;width:2rem;height:2rem;transition:opacity .2s,transform .2s;display:grid;position:absolute;bottom:.7rem;left:.7rem}.hero-expand svg{width:1rem;height:1rem}.hero-expand:hover{opacity:1;transform:scale(1.06)}.hero-backdrop{z-index:60;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0e0d1299;border:0;animation:.25s ease-out both hero-reveal;position:fixed;inset:0}.hero-stage[data-big] .hero-shot{z-index:61;width:min(96vw,165.899vh - 6.63595rem);animation:none;position:fixed;inset:50% auto auto 50%;transform:translate(-50%,-50%);box-shadow:0 40px 120px #00000073}.hero-stage[data-big] .hero-expand{width:2.4rem;height:2.4rem}.hero-stage[data-big]>:not(.hero-shot):not(.hero-backdrop){visibility:hidden}@media (min-width:1024px){.hero-stage[data-big] .hero-story{font-size:clamp(.8rem,1.6cqw,1.15rem)}}@media (max-width:1023px){.hero-stage[data-big] .hero-shot{width:96vw}.hero-stage[data-big] .hero-story{font-size:.9rem}}body[data-hero-big]>header,body[data-hero-big] #tkana-chat-bubble,body[data-hero-big] [data-tkana-widget],body[data-hero-big] iframe[src*=widget]{visibility:hidden}body[data-hero-big] #hero{z-index:70}.hero-loupe{z-index:80;pointer-events:none;visibility:hidden;opacity:0;will-change:transform,opacity;border-radius:50%;width:180px;height:180px;position:fixed;top:0;left:0;box-shadow:0 0 0 1px #0e0d121a,0 2px 6px #0e0d121f,0 18px 40px -8px #280a6e59}.hero-loupe[data-mode=touch]{transform-origin:50% calc(100% + 44px)}.hero-loupe canvas{border-radius:50%;width:100%;height:100%;display:block}.hero-loupe:after{content:"";background:radial-gradient(120% 70% at 30% 8%,#ffffff61,#fff0 42%),radial-gradient(circle,#fff0 80%,#28145a14 93%,#ffffff2e 100%);border-radius:50%;position:absolute;inset:0;box-shadow:inset 0 0 0 1.5px #ffffffd9,inset 0 1.5px 1px #fffffff2,inset 0 -2px 6px #0e0d121f,inset 0 0 14px #0e0d1214}@media (prefers-reduced-transparency:reduce){.hero-loupe:after{background:0 0}}.hero-loupe-hint{z-index:2;top:.7rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;letter-spacing:.01em;white-space:nowrap;pointer-events:none;opacity:0;background:#0e0d128c;border-radius:999px;align-items:center;gap:.35rem;padding:.3rem .6rem .3rem .5rem;font-size:.72rem;font-weight:600;line-height:1;transition:opacity .4s,transform .5s cubic-bezier(.2,.7,.2,1);display:inline-flex;position:absolute;inset-inline-end:.7rem;transform:translateY(-4px)scale(.96)}.hero-loupe-hint[data-on]{opacity:1;transform:none}.hero-loupe-hint svg{flex:none;width:.85rem;height:.85rem}@media (prefers-reduced-motion:reduce){.hero-loupe-hint,.hero-loupe-hint[data-on]{transition:opacity .2s linear;transform:none}}@media (prefers-reduced-transparency:reduce){.hero-loupe-hint{-webkit-backdrop-filter:none;backdrop-filter:none;background:#0e0d12e0}}.hero-frame{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}
