:root{color-scheme:dark;--bg:#08090b;--text:#f0f0ed;--muted:#999fa9;--line:#ffffff17;--font-body:'Manrope',sans-serif;--font-display:'Unbounded',sans-serif;--page-gutter:clamp(24px,5vw,90px);--ease:cubic-bezier(.22,1,.36,1);--lens-x:-1000px;--lens-y:-1000px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.75 var(--font-body);-webkit-font-smoothing:antialiased;transition:background .5s}a{color:inherit;text-decoration:none}button{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid #c2e8f4;outline-offset:6px}::selection{background:#b9e6ec;color:#08090b}h1,h2,h3,p{margin-top:0}.skip-link{position:fixed;top:-100px;left:20px;padding:12px 20px;background:#fff;color:#111;z-index:100}.skip-link:focus{top:10px}
.header{height:96px;position:absolute;top:0;left:0;width:100%;padding:0 var(--page-gutter);display:flex;justify-content:space-between;align-items:center;z-index:20}.wordmark{display:flex;align-items:center;gap:11px;white-space:nowrap}.wordmark img{display:block}.wordmark>span{font:500 19px var(--font-display);letter-spacing:-1px}.wordmark b{font-weight:400;color:#b1b3b8}.header nav{display:flex;gap:30px;align-items:center;font-size:12px}.nav-help{color:#b6b7ba;transition:color .2s}.nav-help:hover{color:#fff}.header-cta{border:1px solid #ffffff35;border-radius:30px;padding:10px 17px;display:flex;gap:10px;align-items:center;transition:background .2s}.header-cta:hover{background:#ffffff12}.header-cta span{font-size:19px;line-height:1}
.experience{height:245svh;position:relative}.stage{height:100dvh;min-height:0;position:sticky;top:0;isolation:isolate;overflow:hidden}.atmosphere{position:absolute;inset:0;background:radial-gradient(ellipse at 73% 56%,#20232960,transparent 49%),linear-gradient(0deg,#11121555,transparent 50%);z-index:-3}.stage:after{content:'';position:absolute;inset:0;pointer-events:none;z-index:8;box-shadow:inset 0 -40px 70px #08090b80;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.15' filter='url(%23n)'/%3E%3C/svg%3E");opacity:.18}#scene{position:absolute;inset:0;z-index:-1}#scene canvas{width:100%;height:100%;display:block}.scene-fallback{position:absolute;inset:15% 0 0 43%;z-index:-2;opacity:0;pointer-events:none}.scene-fallback img{width:100%;height:100%;object-fit:contain;mix-blend-mode:lighten}.no-webgl .scene-fallback{opacity:1}
.hero-copy{position:absolute;left:var(--page-gutter);top:26%;width:50%;max-width:730px;z-index:2;will-change:opacity,transform}.eyebrow{font-size:9px;font-weight:600;letter-spacing:2.5px;line-height:1.6;margin:0 0 28px;color:#a6adb7}h1{font:500 clamp(43px,4.7vw,78px)/1.25 var(--font-display);letter-spacing:-3.5px;margin:0 0 25px}h1 span{color:#a4a8b1}.hero-description{font-size:14px;line-height:1.9;color:#a0a6b0;margin:0 0 28px}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:54px;padding:15px 22px;border-radius:7px;font-size:12px;font-weight:700;line-height:1.3;transition:background .25s,box-shadow .25s,transform .25s;cursor:pointer}.button svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.5}.button-light{background:#e9eae7;color:#151719;box-shadow:0 1px 0 #fff inset,0 0 26px #dce2f307}.button-light:hover{background:#fff;box-shadow:0 0 30px #dce2f316;transform:translateY(-2px)}.button-outline{border:1px solid #ffffff35;color:#d4d5d8}.button-outline:hover{background:#ffffff09}.button>span{font-size:19px}.hero-note{display:block;color:#868d97;font-size:10px;margin-top:13px}.lens-hint{display:block;font-size:10px;color:#74818d;margin-top:32px}.transform-copy,.services-copy{position:absolute;left:var(--page-gutter);top:30%;width:40%;max-width:590px;text-align:left;opacity:0;pointer-events:none;will-change:opacity,transform}.transform-copy h2,.services-copy h2{font:400 clamp(36px,4.3vw,65px)/1.3 var(--font-display);letter-spacing:-2.5px;margin-bottom:24px}.transform-copy h2 span,.services-copy h2 span{color:#a5a9b1}.transform-copy .eyebrow,.services-copy .eyebrow{margin-bottom:22px}.transition-description{font-size:15px;line-height:1.9;color:#929ca9}.tap-hint{font-size:12px;color:#929ca9;max-width:280px}
.service-controls{position:absolute;inset:0;opacity:0;pointer-events:none;z-index:4}.service{position:absolute;width:148px;padding:0;transform:translate(-50%,-50%);border:0;background:transparent;color:#d6d8dd;text-align:center;cursor:pointer;pointer-events:auto;border-radius:16px;outline-offset:0!important}.icon-hit{height:112px;width:112px;display:block;margin:0 auto 11px;position:relative;border-radius:25px}.icon-hit:before{content:'';position:absolute;inset:9px -4px;border:1px solid #ffffff00;border-radius:9px;transition:border-color .3s,background .3s}.service:hover .icon-hit:before,.service:focus-visible .icon-hit:before{border-color:#ffffff20;background:#ffffff02}.service-name{font-size:13px;font-weight:600;display:block}.service-state{width:64px;min-height:18px;margin-left:auto;margin-right:auto;font-size:10px;color:#969fae;display:flex;justify-content:center;align-items:center;gap:6px;margin-top:6px}.service[aria-pressed=true] .service-state{color:#e4e6ea}.fallback-icon{display:none;width:68px;height:68px;position:absolute;inset:0;margin:auto;background:#bec5d1;mask-size:contain;mask-position:center;mask-repeat:no-repeat}.no-webgl .fallback-icon,.reduced-motion .fallback-icon{display:block}.service[data-service=youtube] .fallback-icon{mask-image:url('assets/icons/youtube.svg')}.service[data-service=instagram] .fallback-icon{mask-image:url('assets/icons/instagram.svg')}.service[data-service=telegram] .fallback-icon{mask-image:url('assets/icons/telegram.svg')}.service[data-service=youtube] .fallback-icon:after{background:#ff0033}.service[data-service=instagram] .fallback-icon:after{background:linear-gradient(35deg,#ffb64b,#ed3d83 55%,#8849e9)}.service[data-service=telegram] .fallback-icon:after{background:#26a5e4}.service-caption{position:absolute;bottom:21%;left:53%;right:6%;text-align:center;font-size:9px;color:#788391;opacity:0;pointer-events:none}.stage-bottom{position:absolute;bottom:37px;left:var(--page-gutter);display:flex;gap:28px;align-items:center;z-index:5;font-size:10px;color:#939da9}.scroll-cue{display:flex;gap:11px;align-items:center}.scroll-track{width:17px;height:28px;border:1px solid #ffffff40;border-radius:20px;position:relative}.scroll-track i{position:absolute;width:2px;height:6px;left:6.5px;top:6px;background:#aeb2bb;border-radius:4px;animation:scroll-dot 2s infinite}.chapter{display:flex;gap:10px;align-items:center;font-size:8px;font-variant-numeric:tabular-nums}.chapter>span:last-child{color:#5c6068}.chapter-line{width:45px;height:1px;background:#ffffff25;display:block}.chapter-line i{display:block;height:100%;background:#d0d3da;transform-origin:left;transform:scaleX(0)}.scene-loader{position:absolute;right:20%;top:74%;font-size:10px;color:#808794;letter-spacing:1px;transition:opacity .5s;pointer-events:none}.scene-loader span:after{content:'…'}.scene-ready .scene-loader{opacity:0}
.content-width{max-width:1600px;margin:0 auto;padding-left:var(--page-gutter);padding-right:var(--page-gutter)}.connect-section{display:grid;grid-template-columns:1.25fr 1fr;align-items:center;gap:9vw;padding-top:100px;padding-bottom:90px;position:relative}.connect-intro h2{font:400 clamp(28px,3vw,45px)/1.45 var(--font-display);letter-spacing:-1.8px;margin-bottom:22px}.connect-intro h2 span{color:#9099a6}.connect-intro>p:not(.eyebrow){color:#9da6b1;font-size:14px;line-height:1.9}.connect-actions{display:flex;flex-wrap:wrap;gap:11px;margin-top:30px}.connect-actions .button{gap:11px}.section-heading .eyebrow{margin-bottom:15px}.section-heading h2{font:400 clamp(23px,2vw,30px)/1.4 var(--font-display);letter-spacing:-1px;margin-bottom:25px}.how-block .section-heading h2{font-size:23px}.how-block .eyebrow{font-size:8px}.steps{list-style:none;padding:0;display:grid;gap:27px;margin:28px 0 0}.steps li{position:relative;padding-left:44px}.step-number{position:absolute;top:2px;left:0;font:400 11px var(--font-display);color:#6e7f90}.steps h3{font-size:15px;line-height:1.5;font-weight:600;margin:0 0 7px}.steps p{font-size:13px;line-height:1.8;color:#929eac;margin:0;max-width:400px}.faq-section{display:grid;grid-template-columns:1.1fr 1fr;gap:9vw;padding-top:50px;padding-bottom:95px}.text-link{color:#a4aebc;font-size:12px;display:inline-flex;gap:8px;align-items:center}.text-link:hover{color:#fff}.faq-list details{border-bottom:1px solid #ffffff12}summary{padding:21px 0;cursor:pointer;list-style:none;display:flex;gap:22px;align-items:center;justify-content:space-between;font-size:13px;font-weight:500}summary::-webkit-details-marker{display:none}summary>span:not(.color-ink){width:12px;height:12px;position:relative;flex-shrink:0}summary>span:not(.color-ink):before,summary>span:not(.color-ink):after{content:'';position:absolute;width:10px;height:1px;background:#a0a5b0;left:1px;top:6px;transition:transform .2s}summary>span:not(.color-ink):after{transform:rotate(90deg)}details[open] summary>span:not(.color-ink):after{transform:rotate(0)}details p{font-size:13px;color:#9da7b5;padding:0 28px 22px 0;margin:0;line-height:1.9}details p a{text-decoration:underline;text-underline-offset:4px}.footer{display:flex;align-items:center;gap:27px;border-top:1px solid #ffffff0d;padding-top:26px;padding-bottom:100px;color:#818e9e;font-size:11px}.footer .wordmark{margin-right:auto;color:#ddd}.footer .wordmark>span{font-size:15px}.prototype-label{font-size:8px;letter-spacing:1px;color:#626f7f}.mobile-connect{display:none}
.cursor-window{position:fixed;left:0;top:0;width:calc(var(--lens-radius,105px)*2);height:calc(var(--lens-radius,105px)*2);border:1px solid #9bd9e155;border-radius:50%;pointer-events:none;z-index:35;opacity:0;box-shadow:inset 0 0 24px #4ea9c509,0 0 22px #458d9e06;will-change:transform}.cursor-window>span{position:absolute;bottom:15px;left:0;width:100%;text-align:center;font-size:8px;letter-spacing:1.5px;color:#a9e1e4}.lens-active .cursor-window{opacity:1}.ink-source{--ink-base:#f0f0ed;background-image:linear-gradient(var(--ink-base),var(--ink-base));background-clip:text;-webkit-background-clip:text;color:transparent!important;-webkit-text-fill-color:transparent}
.lens-active .ink-source{background-image:radial-gradient(circle var(--lens-radius,105px) at var(--ink-x,-1000px) var(--ink-y,-1000px),#b9f2df 0%,#8bc9e5 72%,#8bc9e500 100%),linear-gradient(var(--ink-base),var(--ink-base))}

.cursor-window>span{display:none}.scene-ready .scene-loader{visibility:hidden}
@keyframes scroll-dot{0%,100%{transform:translateY(0);opacity:.4}45%{transform:translateY(6px);opacity:1}}@keyframes color-window{0%{clip-path:inset(0 100% 0 0);transform:translateX(-10px);opacity:0}25%{opacity:.7}100%{clip-path:inset(0);transform:translateX(0);opacity:0}}
@media(min-width:1700px){.hero-copy,.transform-copy,.services-copy{left:max(var(--page-gutter),calc((100vw - 1500px)/2))}.header{padding-left:max(var(--page-gutter),calc((100vw - 1500px)/2));padding-right:max(var(--page-gutter),calc((100vw - 1500px)/2))}}
@media(max-width:1150px) and (min-width:901px){h1{font-size:47px;letter-spacing:-2.5px}.hero-copy{width:49%}.hero-description{font-size:12px}.transform-copy h2,.services-copy h2{font-size:39px}.connect-section,.faq-section{gap:5vw}.connect-intro h2{font-size:29px}.connect-actions .button{font-size:11px;padding:13px 16px}.eyebrow{font-size:8px;letter-spacing:1.9px}.header nav{gap:20px}.service{width:132px}}
@media(max-width:900px){
 :root{--page-gutter:24px}.header{height:78px}.wordmark{gap:8px}.wordmark img{width:26px;height:26px}.wordmark>span{font-size:15px;letter-spacing:-.8px}.header nav{gap:0}.nav-help{display:none}.header-cta{font-size:10px;padding:8px 13px;gap:8px}.header-cta span{font-size:17px}.experience{height:270svh}.stage{min-height:0}.atmosphere{background:radial-gradient(ellipse at 50% 66%,#272a3355,transparent 54%)}.hero-copy{top:15.5%;left:24px;right:24px;width:auto;text-align:center;max-width:none}.eyebrow{font-size:7px;letter-spacing:1.8px;margin-bottom:20px}h1{font-size:clamp(31px,8.6vw,43px);line-height:1.3;letter-spacing:-1.9px;margin-bottom:18px}.hero-description{font-size:13px;line-height:1.8;margin-bottom:21px}.hero-copy .button{min-height:48px;padding:13px 18px;font-size:12px;gap:11px}.hero-note{font-size:9px;margin-top:9px}.lens-hint{display:none}.scene-fallback{inset:43% 0 3%}.stage-bottom{bottom:24px;left:24px;right:24px;justify-content:space-between;font-size:8px;gap:12px}.chapter{gap:9px}.chapter-line{width:32px}.scroll-track{width:15px;height:24px}.scroll-track i{left:5.5px;top:5px;height:5px}.scroll-cue{gap:9px}.has-floating-cta .stage-bottom{bottom:85px}.services-visible .stage-bottom{display:none}.transform-copy,.services-copy{left:20px;right:20px;width:auto;max-width:none;text-align:center}.transform-copy{top:17%}.transform-copy h2,.services-copy h2{font-size:28px;line-height:1.4;letter-spacing:-1.2px}.transform-copy .eyebrow,.services-copy .eyebrow{font-size:6px;letter-spacing:1.6px;margin-bottom:18px}.transition-description{font-size:12px}.services-copy{top:12%}.services-copy h2{font-size:33px;margin-bottom:12px}.tap-hint{font-size:11px;max-width:none}.service{width:118px}.icon-hit{height:85px;width:86px;margin-bottom:7px}.service-name{font-size:12px}.service-state{width:64px;min-height:18px;margin-left:auto;margin-right:auto;font-size:10px;margin-top:4px}.service-caption{bottom:18%;font-size:8px;left:24px;right:24px}.scene-loader{right:0;left:0;top:72%;text-align:center;font-size:8px}.connect-section{display:block;padding-top:75px;padding-bottom:55px}.connect-intro{text-align:center}.connect-intro .eyebrow{font-size:6px;letter-spacing:1.6px;margin-bottom:25px}.connect-intro h2{font-size:25px;line-height:1.5;letter-spacing:-1.4px;margin-bottom:20px}.connect-intro>p:not(.eyebrow){font-size:13px}.desktop-break{display:none}.connect-actions{flex-direction:column;align-items:stretch;margin:26px auto 0;max-width:320px;gap:10px}.button{min-height:52px;font-size:12px;padding:14px 19px;gap:11px}.how-block{margin-top:65px}.section-heading .eyebrow{font-size:6px;letter-spacing:1.6px}.section-heading h2,.how-block .section-heading h2{font-size:24px}.steps{gap:25px;margin-top:28px}.steps li{padding-left:37px}.step-number{font-size:10px;top:3px}.steps h3{font-size:14px;margin-bottom:7px}.steps p{font-size:13px;max-width:none}.faq-section{display:block;padding-top:15px;padding-bottom:55px}.faq-section .section-heading{margin-bottom:23px}.faq-section .section-heading h2{margin-bottom:17px}.text-link{font-size:12px}.faq-list summary{font-size:12px;padding:20px 0}.faq-list details p{font-size:13px}.footer{flex-wrap:wrap;gap:18px;padding-top:24px;padding-bottom:150px;font-size:10px}.footer .wordmark{width:60%;margin:0}.footer>span:not(.prototype-label){order:3;width:100%;font-size:10px}.footer .prototype-label{order:4;font-size:7px}.mobile-connect{position:fixed;left:17px;right:17px;bottom:max(14px,env(safe-area-inset-bottom));min-height:52px;padding:12px 17px;border:1px solid #ffffff32;background:#1d2025eb;backdrop-filter:blur(18px);border-radius:9px;z-index:30;display:flex;justify-content:center;align-items:center;gap:11px;font-size:12px;font-weight:600;box-shadow:0 8px 30px #0008;opacity:0;transform:translateY(90px);transition:opacity .3s,transform .3s;pointer-events:none}.mobile-connect>span:last-child{font-size:20px;margin-left:0}.mobile-connect.visible{opacity:1;transform:translateY(0);pointer-events:auto}
}
@media(max-height:700px) and (max-width:900px){.hero-copy{top:14%}.hero-copy .eyebrow{margin-bottom:12px}.hero-description{margin-bottom:15px}.hero-note{display:none}h1{font-size:30px;margin-bottom:12px}.services-copy{top:10%}.services-copy h2{font-size:27px}.services-copy .eyebrow{margin-bottom:12px}.tap-hint{font-size:10px}.icon-hit{height:70px}.service-caption{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.experience{height:auto}.stage{height:auto;min-height:0;padding:125px 24px 70px;overflow:visible;position:relative}.hero-copy,.services-copy{position:relative;left:auto;right:auto;top:auto;transform:none!important;opacity:1!important;max-width:760px;width:auto;margin:auto;text-align:center}.hero-copy{margin-bottom:60px}.services-copy{margin-top:0}.transform-copy,#scene,.scene-fallback,.stage-bottom,.scene-loader,.lens-hint{display:none}.service-controls{position:relative;display:flex;justify-content:center;gap:10px;opacity:1!important;height:195px}.service{position:relative;left:auto!important;top:auto!important;transform:none;width:120px;flex:0 1 120px;min-width:0}.service-caption{position:relative;display:block;bottom:auto;left:auto;right:auto;opacity:1!important;margin-top:15px}.service .icon-hit{height:95px;max-width:100%}.header{position:absolute}.mobile-connect{display:none!important}.stage:after{display:none}.connect-section{padding-top:70px}}

.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.lens-toggle{position:fixed;right:32px;bottom:27px;width:52px;height:52px;display:grid;place-items:center;border:1px solid #ffffff35;border-radius:50%;background:#11161bef;color:#b6c5d0;backdrop-filter:blur(16px);z-index:40;cursor:pointer;box-shadow:0 4px 25px #0004;transition:background .2s,color .2s,border-color .2s}
.lens-toggle svg{width:23px;height:23px}.lens-toggle:hover{border-color:#b2dce8;background:#25313b}.lens-toggle[aria-pressed=true]{background:#b8e8ec;color:#12212b;border-color:#b8e8ec}
.fallback-icon:after{content:'';position:absolute;inset:0;opacity:0;mask-image:radial-gradient(circle var(--lens-radius,105px) at var(--icon-lens-x,-1000px) var(--icon-lens-y,-1000px),#000 72%,transparent 100%)}.lens-active .fallback-icon:after{opacity:1}
@media(max-width:900px){.lens-toggle{right:18px;bottom:calc(80px + env(safe-area-inset-bottom));width:48px;height:48px}.cursor-window{display:block}}
@media(prefers-reduced-motion:reduce){.lens-toggle{bottom:20px}}

/* The stage is a responsive container, including when a desktop window is resized. */
html,body{width:100%;min-width:0}main,.stage,.content-width{min-width:0}.stage{container-type:inline-size}h1{font-size:clamp(38px,4.7cqw,78px)}
@media(min-width:901px) and (max-height:740px){.hero-copy{top:21%}h1{font-size:clamp(35px,min(4.7vw,8.2vh),65px);line-height:1.2;margin-bottom:18px}.hero-copy .eyebrow{margin-bottom:18px}.hero-description{margin-bottom:20px}.lens-hint{margin-top:18px}.hero-note{margin-top:10px}.transform-copy,.services-copy{top:24%}.transform-copy h2,.services-copy h2{font-size:clamp(30px,min(4.3vw,8vh),56px)}.stage-bottom{bottom:22px}.service-caption{bottom:14%}.icon-hit{width:92px;height:92px}}
@media(max-width:900px){h1{font-size:clamp(27px,8.3cqw,43px)}.hero-copy{top:14%}.hero-description{max-width:480px;margin-left:auto;margin-right:auto}.hero-copy,.transform-copy,.services-copy{overflow-wrap:break-word}.service-state{min-height:18px}}
@media(max-width:900px) and (max-height:700px){.hero-copy{top:14%}.hero-copy .eyebrow{margin-bottom:9px}h1{font-size:clamp(24px,7.2cqw,34px);margin-bottom:10px}.hero-description{font-size:11px;line-height:1.65;margin-bottom:12px}.hero-copy .button{min-height:42px;padding:10px 16px}.hero-note,.lens-hint{display:none}}
@media(min-width:601px) and (max-width:900px) and (max-height:600px){.hero-copy{left:30px;right:auto;width:45%;top:23%;text-align:left}h1{font-size:clamp(28px,4.3cqw,37px)}.hero-description{margin-left:0}.hero-copy .eyebrow{font-size:7px}.services-copy,.transform-copy{left:30px;right:auto;width:35%;text-align:left;top:20%}.services-copy h2,.transform-copy h2{font-size:28px}.service{width:100px}.service-name{font-size:11px}.stage-bottom{bottom:17px}.mobile-connect{display:none}.lens-toggle{bottom:18px}}
