@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-tracking:initial;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--color-violet-200:#ddd6ff;--color-violet-300:#c4b4ff;--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-xl:36rem;--container-4xl:56rem;--container-5xl:64rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--leading-relaxed:1.625;--radius-2xl:1rem;--radius-3xl:1.5rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1)}@supports (color:lab(0% 0 0)){:root,:host{--color-violet-200:lab(87.0888% 8.53688 -19.4189);--color-violet-300:lab(76.7419% 18.3911 -37.0706)}}}@layer base,components;@layer utilities{.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.static{position:static}.col-30{grid-column:30}.col-50{grid-column:50}.col-70{grid-column:70}.col-90{grid-column:90}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.mx-auto\!{margin-inline:auto!important}.mt-4\!{margin-top:calc(var(--spacing) * 4)!important}.mb-5\!{margin-bottom:calc(var(--spacing) * 5)!important}.mb-6\!{margin-bottom:calc(var(--spacing) * 6)!important}.mb-10\!{margin-bottom:calc(var(--spacing) * 10)!important}.mb-12\!{margin-bottom:calc(var(--spacing) * 12)!important}.block{display:block}.flex{display:flex}.grid{display:grid}.grid\!{display:grid!important}.hidden{display:none}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.aspect-\[16\/9\]{aspect-ratio:16/9}.h-\[min\(58svh\,560px\)\]\!{height:min(58svh,560px)!important}.h-auto\!{height:auto!important}.min-h-\[280px\]{min-height:280px}.min-h-screen{min-height:100vh}.w-full\!{width:100%!important}.max-w-4xl{max-width:var(--container-4xl)}.max-w-5xl{max-width:var(--container-5xl)}.max-w-\[1400px\]{max-width:1400px}.max-w-\[1600px\]{max-width:1600px}.max-w-xl{max-width:var(--container-xl)}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.flex-wrap{flex-wrap:wrap}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-8{gap:calc(var(--spacing) * 8)}.gap-px{gap:1px}:where(.space-y-7\!>:not(:last-child)){--tw-space-y-reverse:0!important;margin-block-start:calc(calc(var(--spacing) * 7) * var(--tw-space-y-reverse))!important;margin-block-end:calc(calc(var(--spacing) * 7) * calc(1 - var(--tw-space-y-reverse)))!important}.overflow-hidden{overflow:hidden}.overflow-x-clip{overflow-x:clip}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-3xl{border-radius:var(--radius-3xl)}.rounded-\[28px\]{border-radius:28px}.rounded-full{border-radius:3.40282e38px}.border{border-style:var(--tw-border-style);border-width:1px}.border-0\!{border-style:var(--tw-border-style)!important;border-width:0!important}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-t\!{border-top-style:var(--tw-border-style)!important;border-top-width:1px!important}.border-white\/10{border-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.border-white\/10{border-color:color-mix(in oklab, var(--color-white) 10%, transparent)}}.border-white\/10\!{border-color:#ffffff1a!important}@supports (color:color-mix(in lab, red, red)){.border-white\/10\!{border-color:color-mix(in oklab, var(--color-white) 10%, transparent)!important}}.border-white\/15{border-color:#ffffff26}@supports (color:color-mix(in lab, red, red)){.border-white\/15{border-color:color-mix(in oklab, var(--color-white) 15%, transparent)}}.border-white\/20{border-color:#fff3}@supports (color:color-mix(in lab, red, red)){.border-white\/20{border-color:color-mix(in oklab, var(--color-white) 20%, transparent)}}.bg-\[\#0a0a0a\]{background-color:#0a0a0a}.bg-\[\#050505\]{background-color:#050505}.bg-white{background-color:var(--color-white)}.bg-white\/5{background-color:#ffffff0d}@supports (color:color-mix(in lab, red, red)){.bg-white\/5{background-color:color-mix(in oklab, var(--color-white) 5%, transparent)}}.bg-white\/10{background-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.bg-white\/10{background-color:color-mix(in oklab, var(--color-white) 10%, transparent)}}.object-cover\!{object-fit:cover!important}.p-6\!{padding:calc(var(--spacing) * 6)!important}.p-7\!{padding:calc(var(--spacing) * 7)!important}.px-5\!{padding-inline:calc(var(--spacing) * 5)!important}.px-6\!{padding-inline:calc(var(--spacing) * 6)!important}.px-7\!{padding-inline:calc(var(--spacing) * 7)!important}.py-3\!{padding-block:calc(var(--spacing) * 3)!important}.py-4\!{padding-block:calc(var(--spacing) * 4)!important}.py-20\!{padding-block:calc(var(--spacing) * 20)!important}.py-24\!{padding-block:calc(var(--spacing) * 24)!important}.pt-24\!{padding-top:calc(var(--spacing) * 24)!important}.pb-14\!{padding-bottom:calc(var(--spacing) * 14)!important}.text-center{text-align:center}.text-right{text-align:right}.font-sans{font-family:var(--font-sans)}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[clamp\(3\.5rem\,10vw\,10rem\)\]{font-size:clamp(3.5rem,10vw,10rem)}.text-\[clamp\(3rem\,8vw\,8rem\)\]{font-size:clamp(3rem,8vw,8rem)}.leading-7{--tw-leading:calc(var(--spacing) * 7);line-height:calc(var(--spacing) * 7)}.leading-\[0\.9\]{--tw-leading:.9;line-height:.9}.leading-\[0\.82\]{--tw-leading:.82;line-height:.82}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.tracking-\[-0\.045em\]{--tw-tracking:-.045em;letter-spacing:-.045em}.tracking-\[-0\.055em\]{--tw-tracking:-.055em;letter-spacing:-.055em}.tracking-\[0\.24em\]{--tw-tracking:.24em;letter-spacing:.24em}.tracking-\[0\.28em\]{--tw-tracking:.28em;letter-spacing:.28em}.text-black{color:var(--color-black)}.text-violet-300{color:var(--color-violet-300)}.text-white{color:var(--color-white)}.text-white\/45{color:#ffffff73}@supports (color:color-mix(in lab, red, red)){.text-white\/45{color:color-mix(in oklab, var(--color-white) 45%, transparent)}}.text-white\/65{color:#ffffffa6}@supports (color:color-mix(in lab, red, red)){.text-white\/65{color:color-mix(in oklab, var(--color-white) 65%, transparent)}}.text-white\/72{color:#ffffffb8}@supports (color:color-mix(in lab, red, red)){.text-white\/72{color:color-mix(in oklab, var(--color-white) 72%, transparent)}}.text-white\/75{color:#ffffffbf}@supports (color:color-mix(in lab, red, red)){.text-white\/75{color:color-mix(in oklab, var(--color-white) 75%, transparent)}}.text-white\/80{color:#fffc}@supports (color:color-mix(in lab, red, red)){.text-white\/80{color:color-mix(in oklab, var(--color-white) 80%, transparent)}}.uppercase{text-transform:uppercase}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}@media (hover:hover){.hover\:border-violet-300:hover{border-color:var(--color-violet-300)}.hover\:bg-violet-300:hover{background-color:var(--color-violet-300)}.hover\:text-violet-200:hover{color:var(--color-violet-200)}}@media (min-width:40rem){.sm\:h-\[min\(72vh\,820px\)\]\!{height:min(72vh,820px)!important}.sm\:min-h-\[300px\]{min-height:300px}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:p-9\!{padding:calc(var(--spacing) * 9)!important}.sm\:px-8\!{padding-inline:calc(var(--spacing) * 8)!important}.sm\:py-32\!{padding-block:calc(var(--spacing) * 32)!important}.sm\:pt-32\!{padding-top:calc(var(--spacing) * 32)!important}.sm\:pb-20\!{padding-bottom:calc(var(--spacing) * 20)!important}.sm\:text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.sm\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.sm\:leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}}@media (min-width:64rem){.lg\:grid-cols-\[0\.38fr_1fr\]{grid-template-columns:.38fr 1fr}.lg\:grid-cols-\[1fr_0\.65fr\]{grid-template-columns:1fr .65fr}.lg\:items-end{align-items:flex-end}.lg\:px-0\!{padding-inline:0!important}.lg\:px-\[5vw\]\!{padding-inline:5vw!important}.lg\:py-28\!{padding-block:calc(var(--spacing) * 28)!important}.lg\:pb-2\!{padding-bottom:calc(var(--spacing) * 2)!important}}}*{box-sizing:border-box;margin:0;padding:0;text-decoration:none;list-style:none}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}:root{--light:#fff;--dark:#000;--font-sans:Arial, Helvetica, sans-serif;--menu-bg:#0f0f0f;--menu-fg-secondary:#5f5f5f;--hamburger-icon-border:#ffffff1a}@font-face{font-family:Helvetica Now Black;src:url(/helveticanowtext-black-demo.ttf);font-style:normal;font-weight:900;font-display:swap}html{overflow:hidden}body{font-family:var(--font-sans);background-color:var(--dark);color:var(--light);overflow:hidden auto;overflow-x:hidden!important}::-webkit-scrollbar{display:none}::selection{color:#fff;background:#7a2ccf}#page-transition{-webkit-backdrop-filter:blur(18px)saturate(140%);opacity:0;pointer-events:none;z-index:98;background:#0a0a1099;position:fixed;inset:0}#cursor-particles{z-index:-7;pointer-events:none;width:100vw;height:100vh;position:fixed;inset:0}img{object-fit:cover;border-radius:20px;width:100%;height:100%}#preloader{z-index:9999999;background:#000;position:fixed;inset:0;overflow:hidden}.code-col{opacity:.3;width:25%;padding:20px;position:absolute;overflow:hidden}.code-col pre{color:#fff;white-space:pre-line;font-family:JetBrains Mono,monospace;font-size:13px;line-height:1.45}.col-right pre{text-align:right}.preloader-streams{z-index:2;pointer-events:none;justify-content:center;align-items:center;gap:6vw;display:flex;position:absolute;inset:0}#preloader .preloader-streams .code-col{opacity:.7;width:min(260px,42vw);height:auto;padding:0;position:relative;left:auto;right:auto}.preloader-skull{pointer-events:none;z-index:1;place-items:center;display:grid;position:absolute;inset:0}.preloader-video{border-radius:12px;width:min(360px,62vw);height:auto;display:block}.preloader-final{text-transform:uppercase;letter-spacing:.18em;color:#fff;opacity:0;z-index:3;pointer-events:none;place-items:center;font-size:clamp(22px,4vw,48px);display:grid;position:absolute;inset:0}.preloader-hint{letter-spacing:.08em;text-transform:uppercase;color:#ffffffb3;opacity:0;pointer-events:none;z-index:3;text-align:center;font-size:12px;display:none;position:absolute;top:70%;left:50%;transform:translate(-50%,calc(3rem - 50%))}.col-90{height:95%;left:0}.col-70{height:80%;left:25%}.col-50{height:60%;right:25%}.col-30{height:40%;right:0}.preloader-name{opacity:0;color:#fff;font-size:1rem;font-weight:600;position:absolute;bottom:25px;left:25px;transform:translateY(10px)}.counter-track{background:#ffffff26;width:260px;height:6px;position:absolute;bottom:40px;right:40px;overflow:visible;border-radius:15px!important}.counter-fill{background:linear-gradient(90deg,#bda5ff,#5300a0);width:0%;height:100%;border-radius:15px!important}#counterNumber{color:#fff;z-index:9999999;font-size:1.1rem;font-weight:700;position:absolute;bottom:12px;right:0}.nav-logo{color:#fff;letter-spacing:1px;cursor:pointer;font-size:1.3rem;font-weight:700}nav{pointer-events:none;z-index:99;width:100vw;height:100dvh;position:fixed;inset:0;overflow:hidden}.menu-bar{pointer-events:all;width:100vw;color:var(--menu-fg-secondary);z-index:10001;justify-content:space-between;align-items:center;padding:2rem;display:flex;position:fixed;top:0;left:0}.menu-toggle-btn{cursor:pointer;align-items:center;gap:1rem;display:flex}.menu-toggle-label{overflow:hidden}.menu-toggle-label p{will-change:transform;font-size:.95rem;font-weight:500;position:relative;transform:translateY(0%)}.menu-hamburger-icon{border:1px solid var(--hamburger-icon-border);border-radius:100%;flex-direction:column;justify-content:center;align-items:center;width:3rem;height:3rem;display:flex;position:relative}.menu-hamburger-icon span{background-color:var(--light);transform-origin:50%;will-change:transform;width:15px;height:1.25px;transition:all .75s cubic-bezier(.87,0,.13,1);position:absolute}.menu-hamburger-icon span:first-child{transform:translateY(-3px)}.menu-hamburger-icon span:nth-child(2){transform:translateY(3px)}.menu-hamburger-icon.active span:first-child{transform:translateY(0)rotate(45deg)scaleX(1.05)}.menu-hamburger-icon.active span:nth-child(2){transform:translateY(0)rotate(-45deg)scaleX(1.05)}.menu-overlay,.menu-overlay-content{width:100vw;height:100dvh;color:var(--light);z-index:9;pointer-events:none;position:fixed;top:0;left:0;overflow:hidden}@supports (-webkit-touch-callout:none){nav,.menu-overlay,.menu-overlay-content{height:-webkit-fill-available}}.menu-overlay{-webkit-backdrop-filter:blur(10px)saturate(180%)brightness(.7);backdrop-filter:blur(10px)saturate(180%)brightness(.7);clip-path:polygon(0% 0%,100% 0%,100% 0%,0% 0%);will-change:clip-path;background:#06020eb8}.menu-overlay-content{will-change:transform;background:0 0;display:flex}body.menu-open nav,body.menu-open .menu-overlay,body.menu-open .menu-overlay-content{pointer-events:auto}.menu-media-wrapper{will-change:opacity;flex:2}.menu-media-wrapper video{object-fit:cover;width:100%;height:100%}.menu-media-wrapper img{opacity:.25}.menu-content-wrapper{flex:3;display:flex;position:relative}.menu-content-main{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.menu-footer{margin:0 auto}.menu-content-main,.menu-footer{align-items:flex-end;gap:2rem;width:75%;padding:2rem;display:flex}.menu-col{flex-direction:column;gap:.5rem;display:flex}.menu-col:first-child{flex:3}.menu-col:nth-child(2){flex:2}.menu-link a{color:var(--light);font-size:3.5rem;font-weight:500;line-height:1.2}.menu-tag a,.menu-footer p{color:var(--menu-fg-secondary)}.line{will-change:transform;position:relative}.home-container{position:relative}section{width:100vw;height:auto;position:relative}.section-title{border-bottom:1px solid #dcdcdc}.section-title h1{font-size:5rem}.hero-section{width:100%;height:100svh;margin:0 auto;padding:0 8%;position:relative;overflow:hidden}.hero-main{grid-template-columns:minmax(0,1.05fr) minmax(30rem,.95fr);align-items:center;gap:clamp(3rem,5vw,6rem);width:100%;height:100svh;margin:0 auto;padding:120px 0;display:grid}.hero-section .about-badge{margin-bottom:0}.hero-eyebrow{color:#f2f2f2;letter-spacing:.14em;margin-bottom:1.2rem;display:inline-block}.hero-content{z-index:10;pointer-events:auto;width:100%;max-width:58rem;margin:0;position:relative}.hero-content h1{letter-spacing:.01em;text-shadow:0 0 10px #80808000;max-width:56rem;margin-bottom:1.4rem;font-size:4.8rem;font-weight:600;line-height:1.05}.hero-description{color:#a7a7a7;max-width:48rem;margin-bottom:0;font-size:1.2rem;line-height:1.6em}.hero-description span{color:#7f42a7}.hero-buttons{z-index:20;pointer-events:auto;flex-wrap:wrap;align-items:center;gap:1rem;margin-top:2.2rem;display:flex;position:relative}.hero-buttons a{pointer-events:auto}.hero-buttons .tag-box{margin-bottom:0}.hero-buttons .tag-box--primary{width:15.5rem}.hero-secondary-cta{color:#f7f7f7;background:#ffffff08;border:1px solid #ffffff47;border-radius:20px;justify-content:center;align-items:center;min-height:3.5rem;padding:0 1.55rem;text-decoration:none;transition:border-color .2s,background .2s,transform .2s;display:inline-flex}.hero-secondary-cta:hover,.hero-secondary-cta:focus-visible{background:#ffffff14;border-color:#ffffffb8}.tag-box .tag:focus-visible{outline-offset:-5px;outline:2px solid #fff}.hero-secondary-cta:focus-visible{outline-offset:4px;outline:2px solid #fff}.hero-supporting-line{color:#d8d8d8;letter-spacing:.03em;margin-top:1.35rem;font-size:.95rem}.tag-box{border-radius:20px;width:18rem;height:3.5rem;margin-bottom:20px;position:relative;overflow:hidden;box-shadow:0 0 15px #ffffff4d}.tag-box:before{content:"";will-change:transform;background:linear-gradient(90deg,#fff 0%,#d7b7ff 8%,#7f42a7 18%,#6600c5 28%,#5300a0 38%,#a7a7a7 48%,#fff 50%,#d7b7ff 58%,#7f42a7 68%,#6600c5 78%,#5300a0 88%,#a7a7a7 98%,#fff 100%);width:200%;height:calc(100% + 4px);animation:4s linear infinite tagGradient;position:absolute;inset:-2px;transform:translate(-50%)}@keyframes tagGradient{to{transform:translate(0%)}}@media (prefers-reduced-motion:reduce){.tag-box:before{animation:none}.tag-box .tag,.hero-secondary-cta{transition:none}}.tag-box .tag{-webkit-backdrop-filter:blur(18px)saturate(130%);cursor:pointer;color:#fff;z-index:1;background:#000c;border-radius:17px;justify-content:center;align-items:center;transition:all .5s;display:flex;position:absolute;inset:3px}#selected-work{scroll-margin-top:2rem}.hero-interface-visual{aspect-ratio:1.25;z-index:2;pointer-events:none;color:#fff;isolation:isolate;opacity:.96;perspective:1200px;--hero-tilt-x:5deg;--hero-tilt-y:-6deg;--hero-tilt-z:-1deg;--grid-x:0px;--grid-y:0px;--frame-x:0px;--frame-y:0px;--nav-x:0px;--nav-y:0px;--panel-x:0px;--panel-y:0px;--cards-x:0px;--cards-y:0px;--responsive-x:0px;--responsive-y:0px;--motion-x:0px;--motion-y:0px;--status-x:0px;--status-y:0px;justify-self:end;width:100%;max-width:48rem;position:relative;top:auto;right:auto;transform:none}.hero-interface-halo{filter:blur(34px);opacity:.78;z-index:-1;background:radial-gradient(circle at 58% 42%,#7f42a75c,#0000 34%),radial-gradient(circle at 68% 68%,#ffffff1f,#0000 28%);position:absolute;inset:9% 3% 5% 17%}.hero-interface-blueprint{width:100%;height:100%;transform:translate3d(var(--grid-x), var(--grid-y), -72px);transform-style:preserve-3d;pointer-events:none;transition:opacity .35s,filter .35s;position:absolute;inset:0;overflow:visible}.hero-interface-blueprint line{stroke:#ffffff14;stroke-width:1px}.hero-interface-measures path{fill:none;stroke:url(#heroLine);stroke-width:1.2px;vector-effect:non-scaling-stroke}.hero-interface-shell{transform:rotateX(var(--hero-tilt-x)) rotateY(var(--hero-tilt-y)) rotateZ(var(--hero-tilt-z));transform-style:preserve-3d;will-change:transform;position:absolute;inset:4% 2% 5% 8%}.hero-interface-label-row{z-index:5;color:#ffffffad;letter-spacing:.18em;pointer-events:auto;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;margin:0;font-family:Arial,sans-serif;font-size:clamp(.66rem,.78vw,.8rem);font-weight:700;display:grid;position:absolute;top:7%;left:9%;right:7%;transform:translateZ(92px)}.hero-interface-mode{appearance:none;color:#ffffff9e;min-height:2rem;font:inherit;letter-spacing:inherit;text-align:left;text-transform:uppercase;cursor:pointer;text-overflow:ellipsis;background:0 0;border:0;border-bottom:1px solid #ffffff1f;border-radius:0;min-width:0;padding:0 0 .34rem;transition:color .2s,border-color .2s,opacity .2s;overflow:hidden}.hero-interface-mode[aria-pressed=true]{color:#fff;border-color:#ae79ffc7}.hero-interface-mode:last-child{letter-spacing:.11em;font-size:.92em}.hero-interface-mode:focus-visible,.hero-interface-explore:focus-visible{outline-offset:5px;outline:2px solid #d6bffff2}.hero-interface-stage{transform-style:preserve-3d;pointer-events:auto;position:absolute;inset:16% 7% 10% 9%}.hero-scene{opacity:0;visibility:hidden;pointer-events:none;transform-style:preserve-3d;position:absolute;inset:0}.hero-scene.is-active{opacity:1;visibility:visible;pointer-events:auto}.hero-scene[aria-hidden=true]{opacity:0!important;visibility:hidden!important;pointer-events:none!important}.hero-scene--legacy .hero-interface-frame{position:absolute;inset:0}.hero-interface-frame{height:100%;min-height:20rem;transform:translate3d(var(--frame-x), var(--frame-y), 10px);transform-style:preserve-3d;background:linear-gradient(145deg,#ffffff1c,#ffffff06 42%,#7f42a71f),#00000094;border:1px solid #ffffff47;border-radius:8px;transition:border-color .35s,box-shadow .35s,opacity .35s,filter .35s;position:relative;overflow:hidden;box-shadow:0 38px 90px #0000007a,inset 0 1px #ffffff2e}.hero-interface-frame:before{content:"";opacity:.58;background-image:linear-gradient(#ffffff0e 1px,#0000 1px),linear-gradient(90deg,#ffffff0e 1px,#0000 1px);background-size:48px 48px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#0000,#000 16% 84%,#0000);mask-image:linear-gradient(90deg,#0000,#000 16% 84%,#0000)}.hero-interface-topbar{z-index:1;height:2.8rem;transform:translate3d(var(--nav-x), var(--nav-y), 34px);transform-style:preserve-3d;background:#00000047;border-bottom:1px solid #ffffff1f;align-items:center;gap:.52rem;padding:0 1rem;display:flex;position:relative}.hero-interface-topbar>span{background:#ffffff80;border-radius:999px;width:.46rem;height:.46rem}.hero-interface-topbar>span:nth-child(2){background:#ae79ffb3}.hero-interface-route{color:#ffffff7a;letter-spacing:.08em;margin-left:auto;font-family:Arial,sans-serif;font-size:.72rem}.hero-interface-canvas{z-index:1;height:calc(100% - 2.8rem);transform-style:preserve-3d;grid-template-columns:4.6rem minmax(0,1fr);gap:1rem;padding:1rem;display:grid;position:relative}.hero-interface-sidebar{transform:translate3d(var(--nav-x), var(--nav-y), 46px);border-right:1px solid #ffffff1f;align-content:start;gap:.7rem;padding:.9rem;transition:opacity .35s,transform .35s;display:grid}.hero-interface-sidebar span,.hero-interface-responsive span{background:#ffffff2e;border-radius:999px;display:block}.hero-interface-sidebar span{width:100%;height:.42rem}.hero-interface-sidebar span:first-child{background:#ae79ffd6}.hero-interface-main{min-width:0;transform:translate3d(var(--panel-x), var(--panel-y), 30px);transform-style:preserve-3d;grid-template-rows:auto minmax(0,1fr) auto;gap:1rem;display:grid}.hero-interface-header{transform:translate3d(var(--panel-x), var(--panel-y), 56px);justify-content:space-between;align-items:end;gap:1rem;transition:opacity .35s,transform .35s;display:flex}.hero-interface-kicker{color:#ae79fff2;letter-spacing:.16em;white-space:nowrap;font-family:Arial,sans-serif;font-size:.72rem;font-weight:700}.hero-interface-title-lines{gap:.48rem;width:min(44%,14rem);display:grid}.hero-interface-title-lines span,.hero-interface-module span{background:#ffffff9e;border-radius:999px;height:.52rem;display:block}.hero-interface-title-lines span:last-child{background:#ffffff38;width:68%;margin-left:auto}.hero-interface-grid{grid-template-columns:minmax(0,1.35fr) minmax(0,.75fr);gap:1rem;min-height:0;display:grid}.hero-interface-module{min-height:0;transform:translate3d(var(--cards-x), var(--cards-y), 74px);background:#ffffff0e;border:1px solid #ffffff24;border-radius:7px;padding:1rem;transition:border-color .35s,background .35s,box-shadow .35s,opacity .35s,transform .35s;position:relative;overflow:hidden}.hero-interface-module:after{content:"";opacity:.82;background:linear-gradient(90deg,#7f42a70a,#ae79ff4d,#ffffff14);height:32%;position:absolute;inset:auto 0 0}.hero-interface-module-large{align-content:end;gap:.65rem;display:grid}.hero-interface-module-large span:first-child{background:#ffffffc7;width:58%;height:.72rem}.hero-interface-module-large span:nth-child(2){background:#ffffff42;width:78%}.hero-interface-module-large span:last-child{background:#ae79ffb8;width:44%}.hero-interface-stack{gap:1rem;display:grid}.hero-interface-stack .hero-interface-module{align-content:center;gap:.6rem;display:grid}.hero-interface-stack .hero-interface-module span:first-child{width:84%}.hero-interface-stack .hero-interface-module span:last-child{background:#ffffff38;width:52%}.hero-interface-responsive{min-height:1.8rem;transform:translate3d(var(--responsive-x), var(--responsive-y), 88px);grid-template-columns:1.1fr .8fr .55fr .34fr;align-items:end;gap:.55rem;transition:opacity .35s,transform .35s;display:grid}.hero-interface-explore{appearance:none;z-index:14;color:inherit;cursor:pointer;pointer-events:auto;background:0 0;border:0;border-radius:8px;position:absolute;inset:30% 10% 18% 22%}.hero-interface-hint{color:#ffffffa8;letter-spacing:.14em;text-transform:uppercase;background:#00000085;border:1px solid #ffffff29;border-radius:999px;padding:.4rem .58rem;font-family:Arial,sans-serif;font-size:.62rem;font-weight:700;transition:opacity .25s,transform .25s;position:absolute;bottom:1rem;right:1rem}.hero-interface-visual.has-interacted .hero-interface-hint{opacity:0;transform:translateY(6px)}.hero-interface-responsive span{border:1px solid #ffffff1f;height:100%;min-height:.58rem}.hero-interface-responsive span:first-child{background:#ae79ffb3}.hero-interface-responsive span:nth-child(2){height:78%}.hero-interface-responsive span:nth-child(3){height:58%}.hero-interface-responsive span:nth-child(4){height:42%}.hero-interface-orbit{aspect-ratio:1;width:clamp(4.5rem,8vw,7rem);transform:translate3d(var(--motion-x), var(--motion-y), 122px);border:1px solid #ae79ff6b;border-radius:999px;transition:opacity .35s,transform .35s;position:absolute;bottom:9%;right:7%;box-shadow:0 0 0 8px #ae79ff0a,inset 0 0 24px #ae79ff2e}.hero-interface-orbit:before{content:"";background:#fff;border-radius:999px;width:.58rem;height:.58rem;position:absolute;top:14%;left:50%;box-shadow:0 0 18px #ae79ffe6}.hero-interface-status{color:#ffffffb8;letter-spacing:.16em;transform:translate3d(var(--status-x), var(--status-y), 136px);background:#0000009e;border:1px solid #ffffff2e;border-radius:999px;align-items:center;gap:.55rem;padding:.45rem .68rem;font-family:Arial,sans-serif;font-size:.64rem;font-weight:700;transition:opacity .35s,transform .35s,border-color .35s;display:inline-flex;position:absolute;bottom:10%;left:3%}.hero-interface-visual[data-mode=design] .hero-interface-frame{opacity:.5;border-color:#ae79ff6b}.hero-interface-visual[data-mode=design] .hero-interface-module,.hero-interface-visual[data-mode=design] .hero-interface-responsive{opacity:.42}.hero-interface-visual[data-mode=code] .hero-interface-frame,.hero-interface-visual[data-mode=code] .hero-interface-module{border-color:#ffffff57;box-shadow:0 0 0 1px #ae79ff1f,inset 0 1px #ffffff2e}.hero-interface-visual[data-mode=motion] .hero-interface-orbit{opacity:1;transform:translate3d(var(--motion-x), var(--motion-y), 150px) scale(1.08)}.hero-interface-visual[data-mode=motion] .hero-interface-responsive span:first-child{background:#d6bfffe6}.hero-interface-visual[data-mode=production] .hero-interface-status{opacity:1;border-color:#ae79ff6b}.hero-interface-visual[data-exploded=true] .hero-interface-blueprint{transform:translate3d(calc(var(--grid-x) - 18px), calc(var(--grid-y) - 16px), -110px);opacity:.9}.hero-interface-visual[data-exploded=true] .hero-interface-frame{transform:translate3d(var(--frame-x), var(--frame-y), 18px)}.hero-interface-visual[data-exploded=true] .hero-interface-topbar,.hero-interface-visual[data-exploded=true] .hero-interface-sidebar{transform:translate3d(calc(var(--nav-x) - 12px), calc(var(--nav-y) - 6px), 78px)}.hero-interface-visual[data-exploded=true] .hero-interface-main{transform:translate3d(calc(var(--panel-x) + 10px), calc(var(--panel-y) + 4px), 58px)}.hero-interface-visual[data-exploded=true] .hero-interface-header{transform:translate3d(calc(var(--panel-x) + 5px), calc(var(--panel-y) - 9px), 94px)}.hero-interface-visual[data-exploded=true] .hero-interface-module{transform:translate3d(calc(var(--cards-x) + 12px), calc(var(--cards-y) + 10px), 124px)}.hero-interface-visual[data-exploded=true] .hero-interface-stack .hero-interface-module{transform:translate3d(calc(var(--cards-x) + 20px), calc(var(--cards-y) - 4px), 138px)}.hero-interface-visual[data-exploded=true] .hero-interface-responsive{transform:translate3d(calc(var(--responsive-x) - 8px), calc(var(--responsive-y) + 14px), 150px)}.hero-interface-visual[data-exploded=true] .hero-interface-orbit{transform:translate3d(calc(var(--motion-x) + 10px), calc(var(--motion-y) + 2px), 174px)}.hero-interface-visual[data-exploded=true] .hero-interface-status{transform:translate3d(calc(var(--status-x) - 14px), calc(var(--status-y) + 14px), 182px)}.hero-interface-status span{background:#ae79fff0;border-radius:999px;width:.42rem;height:.42rem;box-shadow:0 0 14px #ae79ffc7}@keyframes heroInterfaceBreathe{0%,to{transform:translate(0)}50%{transform:translateY(-10px)}}@keyframes heroInterfaceSignal{0%,to{opacity:.62}50%{opacity:1}}.hero-interface-visual:not(.is-paused) .hero-interface-shell{animation:7s ease-in-out infinite heroInterfaceBreathe}.hero-interface-visual.is-gsap-ready .hero-interface-shell{animation:none}.hero-interface-visual:not(.is-paused) .hero-interface-status span{animation:2.6s ease-in-out infinite heroInterfaceSignal}@media (prefers-reduced-motion:reduce){.hero-interface-shell,.hero-interface-status span{animation:none!important}.hero-interface-visual[data-exploded=true] .hero-interface-blueprint,.hero-interface-visual[data-exploded=true] .hero-interface-frame,.hero-interface-visual[data-exploded=true] .hero-interface-topbar,.hero-interface-visual[data-exploded=true] .hero-interface-sidebar,.hero-interface-visual[data-exploded=true] .hero-interface-main,.hero-interface-visual[data-exploded=true] .hero-interface-header,.hero-interface-visual[data-exploded=true] .hero-interface-module,.hero-interface-visual[data-exploded=true] .hero-interface-responsive,.hero-interface-visual[data-exploded=true] .hero-interface-orbit,.hero-interface-visual[data-exploded=true] .hero-interface-status{transform:none!important}}.hero-interface-visual[data-mode=design] .hero-interface-explore{display:none}.hero-interface-visual[data-mode=design] .hero-interface-blueprint{opacity:.32;filter:brightness(1.1)}.hero-design-scene{--design-border:#d2b9ffb3;--design-soft:#ffffff1f;color:#fff;font-family:Arial,sans-serif}.design-grid-layer{transform:translate3d(var(--grid-x), var(--grid-y), -45px);transform-origin:0 0;background-image:linear-gradient(#ffffff12 1px,#0000 1px),linear-gradient(90deg,#ffffff12 1px,#0000 1px);background-size:24px 24px;position:absolute;inset:-5% -3% -7%;-webkit-mask-image:radial-gradient(#000 42%,#0000 82%);mask-image:radial-gradient(#000 42%,#0000 82%)}.design-guide{z-index:2;color:#cfaeffd1;letter-spacing:.08em;pointer-events:none;transform:translate3d(var(--grid-x), var(--grid-y), -10px);font-size:.52rem;position:absolute}.design-guide:before,.design-guide:after{content:"";background:#ae79ff85;position:absolute}.design-guide--vertical{border-left:1px dashed #ae79ff6b;width:1px;top:8%;bottom:12%;left:8%}.design-guide--vertical:before,.design-guide--vertical:after{width:6px;height:1px;left:-3px}.design-guide--vertical:before{top:0}.design-guide--vertical:after{bottom:0}.design-guide--vertical span{position:absolute;top:2px;left:7px}.design-guide--horizontal{border-top:1px dashed #ae79ff5c;height:1px;top:78%;left:4%;right:3%}.design-guide--horizontal:before,.design-guide--horizontal:after{width:1px;height:6px;top:-3px}.design-guide--horizontal:before{left:0}.design-guide--horizontal:after{right:0}.design-guide--horizontal span{position:absolute;top:5px;right:4px}.design-artboard-wrap{width:76%;height:72%;transform:translate3d(var(--frame-x), var(--frame-y), 30px);transform-style:preserve-3d;justify-content:center;align-items:stretch;display:flex;position:absolute;top:7%;left:3%}.design-artboard{width:100%;height:100%;transform-style:preserve-3d;background:#09070ceb;border:1px solid #ffffff57;transition:width .42s cubic-bezier(.22,1,.36,1);position:relative;overflow:visible;box-shadow:0 22px 58px #00000070}.design-artboard-meta{color:#ffffffa3;letter-spacing:.1em;text-transform:uppercase;justify-content:space-between;font-size:.6rem;display:flex;position:absolute;top:-1.35rem;left:0;right:0}.design-columns{pointer-events:none;grid-template-columns:repeat(6,1fr);gap:.35rem;display:grid;position:absolute;inset:.65rem}.design-columns span{background:#ae79ff0e;border-inline:1px solid #ae79ff14}.design-featured-component{transform:translate3d(var(--cards-x), var(--cards-y), 75px);background:linear-gradient(135deg,#ffffff17,#6d379638);border:1px solid #0000;outline:none;grid-template-columns:minmax(0,1.35fr) minmax(5rem,.65fr);align-items:center;gap:1rem;padding:clamp(.75rem,1.4vw,1.25rem);transition:inset .4s,grid-template-columns .4s,border-color .2s,background .32s;display:grid;position:absolute;inset:18% 8% 16%}.design-featured-component:before{content:"";border:1px dashed var(--design-border);opacity:0;pointer-events:none;transition:opacity .2s;position:absolute;inset:-1px}.design-featured-component:hover:before,.design-featured-component:focus-visible:before,.hero-design-scene[data-design-hovered=true] .design-featured-component:before{opacity:1}.design-component-label{color:#c79effdb;letter-spacing:.14em;font-size:.54rem;font-weight:700;position:absolute;top:-1rem;left:0}.design-component-copy{align-content:center;gap:.48rem;min-width:0;display:grid}.design-token-kicker{color:#c9a6ffeb;letter-spacing:.16em;font-size:.54rem;font-weight:700}.design-component-heading{letter-spacing:-.04em;font-size:clamp(.96rem,1.6vw,1.48rem);font-weight:700;line-height:.95;display:grid}.design-component-body{gap:.3rem;width:78%;display:grid}.design-component-body span{background:#ffffff3d;border-radius:999px;height:.28rem}.design-component-body span:last-child{width:64%}.design-component-action{color:#120d17;background:#fff;border-radius:999px;width:max-content;margin-top:.1rem;padding:.35rem .52rem;font-size:.54rem;font-weight:700}.design-component-action span{color:#7f42a7}.design-component-visual{aspect-ratio:1;background:radial-gradient(circle,#b070ff57,#0000 58%);border:1px solid #c49dff47;border-radius:50%;justify-self:center;width:min(100%,6.2rem);position:relative}.design-visual-orbit,.design-visual-core{border-radius:50%;position:absolute}.design-visual-orbit{border:1px solid #ffffff61;inset:14%}.design-visual-core{background:#cdadffe6;inset:34%;box-shadow:0 0 24px #ae79ff80}.design-handle{opacity:0;background:#d8bcff;border:1px solid #120a18cc;width:.38rem;height:.38rem;transition:opacity .2s;position:absolute}.design-featured-component:hover .design-handle,.design-featured-component:focus-visible .design-handle,.hero-design-scene[data-design-hovered=true] .design-handle{opacity:1}.design-handle--nw{top:-.22rem;left:-.22rem}.design-handle--ne{top:-.22rem;right:-.22rem}.design-handle--sw{bottom:-.22rem;left:-.22rem}.design-handle--se{bottom:-.22rem;right:-.22rem}.design-spacing-measure{color:#d3b6ffeb;letter-spacing:.08em;opacity:0;font-size:.48rem;transition:opacity .2s,transform .2s;position:absolute;bottom:-1.05rem;right:.5rem;transform:translateY(-3px)}.design-spacing-measure:before{content:"";border-top:1px solid #ae79ffad;width:2.2rem;position:absolute;top:50%;right:calc(100% + .32rem)}.design-featured-component:hover .design-spacing-measure,.design-featured-component:focus-visible .design-spacing-measure,.hero-design-scene[data-design-hovered=true] .design-spacing-measure{opacity:1;transform:translateY(0)}.design-measure{color:#c8a4ffbf;pointer-events:none;font-size:.52rem;position:absolute}.design-measure--width{text-align:center;border-top:1px solid #ae79ff6b;bottom:7%;left:8%;right:8%}.design-measure--width:before,.design-measure--width:after{content:"";border-left:1px solid #ae79ff9e;height:6px;position:absolute;top:-3px}.design-measure--width:before{left:0}.design-measure--width:after{right:0}.design-measure--width span{background:#0b080e;padding:0 .3rem;position:relative;top:-.75rem}.design-measure--gap{border-left:1px solid #ae79ff5c;top:19%;bottom:17%;right:1.6%}.design-measure--gap span{position:absolute;top:44%;left:.35rem}.design-properties{z-index:5;width:25%;min-width:7.1rem;transform:translate3d(var(--responsive-x), var(--responsive-y), 118px);background:#08060bf0;border:1px solid #ffffff38;border-radius:5px;padding:.7rem;position:absolute;top:2%;right:-1%;box-shadow:0 18px 42px #0000006b}.design-properties-head,.design-property-section>div{justify-content:space-between;align-items:center;gap:.35rem;display:flex}.design-properties-head{color:#ffffffb3;letter-spacing:.08em;padding-bottom:.55rem;font-size:.62rem;font-weight:700}.design-property-section{color:#ffffffc7;border-top:1px solid #ffffff1a;gap:.36rem;padding:.55rem 0;font-size:.56rem;display:grid}.design-property-section strong{color:#fff;font-size:.62rem}.design-property-label{color:#ffffff94;text-transform:uppercase;letter-spacing:.11em}.design-property-colors>div{justify-content:flex-start}.design-swatch{border:1px solid #ffffff47;border-radius:50%;width:.55rem;height:.55rem}.design-swatch--ink{background:#0c0910}.design-swatch--accent{background:#a66bf1}.design-controls{z-index:7;transform:translate3d(var(--status-x), var(--status-y), 128px);justify-content:space-between;gap:.6rem;display:flex;position:absolute;bottom:-3%;left:3%;right:1%}.design-control-group{background:#050407e6;border:1px solid #ffffff2e;border-radius:999px;padding:.18rem;display:inline-flex}.design-control-group button{color:#ffffff7a;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;background:0 0;border:0;border-radius:999px;min-height:1.6rem;padding:.25rem .58rem;font:700 .48rem/1 Arial,sans-serif}.design-control-group button[aria-pressed=true]{color:#fff;background:#985bde7a}.design-control-group button:focus-visible{outline-offset:2px;outline:2px solid #d6bfff}.hero-design-scene[data-design-finish=wireframe] .design-featured-component{background:#0a080db8;border-color:#c6a0ffb3}.hero-design-scene[data-design-finish=wireframe] :is(.design-component-heading span,.design-token-kicker,.design-component-action){color:#0000;box-shadow:none;background:#ffffff29}.hero-design-scene[data-design-finish=wireframe] .design-component-heading span{width:78%;height:.7rem;margin-bottom:.22rem}.hero-design-scene[data-design-finish=wireframe] .design-component-heading span:last-child{width:58%}.hero-design-scene[data-design-finish=wireframe] .design-component-action{border:1px solid #ffffff38;width:4.5rem;height:1.15rem}.hero-design-scene[data-design-finish=wireframe] .design-component-visual{background:0 0;border-radius:4px}.hero-design-scene[data-design-finish=wireframe] .design-visual-core{box-shadow:none;background:#ffffff26;border-radius:3px;inset:38%}.hero-design-scene[data-design-viewport=mobile] .design-artboard{width:42%}.hero-design-scene[data-design-viewport=mobile] .design-columns{grid-template-columns:repeat(4,1fr)}.hero-design-scene[data-design-viewport=mobile] .design-columns span:nth-child(n+5){display:none}.hero-design-scene[data-design-viewport=mobile] .design-featured-component{grid-template-columns:1fr;gap:.35rem;padding:.65rem;inset:13% 10% 10%}.hero-design-scene[data-design-viewport=mobile] .design-component-visual{grid-row:1;width:3.2rem}.hero-design-scene[data-design-viewport=mobile] .design-component-copy{gap:.28rem}.hero-design-scene[data-design-viewport=mobile] .design-component-body{display:none}.hero-design-scene[data-design-viewport=mobile] .design-measure--width{left:10%;right:10%}.hero-design-scene[data-design-viewport=mobile] .design-artboard-meta{letter-spacing:.07em;font-size:.42rem;top:-1rem}.hero-design-scene[data-design-viewport=mobile] .design-component-label{letter-spacing:.1em;font-size:.36rem;top:-.72rem}.hero-design-scene[data-design-viewport=mobile] .design-token-kicker{letter-spacing:.11em;font-size:.38rem}.hero-design-scene[data-design-viewport=mobile] .design-component-heading{letter-spacing:-.025em;font-size:.78rem;line-height:1}.hero-design-scene[data-design-viewport=mobile] .design-component-action{padding:.25rem .36rem;font-size:.38rem}.hero-design-scene[data-design-viewport=mobile] .design-properties{width:23%;min-width:6.35rem;padding:.55rem}.hero-design-scene[data-design-viewport=mobile] .design-properties-head{padding-bottom:.42rem;font-size:.52rem}.hero-design-scene[data-design-viewport=mobile] .design-property-section{gap:.28rem;padding:.42rem 0;font-size:.46rem}.hero-design-scene[data-design-viewport=mobile] .design-property-section strong{font-size:.52rem}.hero-design-scene[data-design-viewport=mobile] .design-property-label{letter-spacing:.08em;font-size:.42rem}.hero-design-scene[data-design-viewport=mobile] .design-swatch{width:.46rem;height:.46rem}@media (max-width:1000px){.design-properties{width:27%;min-width:6.7rem}.design-secondary-property,.design-measure--gap{display:none}.design-artboard-wrap{width:75%}}@media (max-width:576px){.design-guide,.design-properties,.design-measure{display:none}.design-grid-layer{background-size:18px 18px;inset:-8%}.design-artboard-wrap{width:96%;height:58%;top:6%;left:2%}.design-artboard-meta{font-size:.36rem;top:-.78rem}.design-columns{gap:.2rem;inset:.35rem}.design-featured-component,.hero-design-scene[data-design-viewport=mobile] .design-featured-component{grid-template-columns:minmax(0,1fr) 2.6rem;gap:.3rem;padding:.35rem;inset:14% 6% 10%}.hero-design-scene[data-design-viewport=mobile] .design-artboard{width:48%}.hero-design-scene[data-design-viewport=mobile] .design-featured-component{grid-template-columns:1fr}.design-component-label{font-size:.32rem;top:-.62rem}.design-token-kicker{font-size:.32rem}.design-component-heading{font-size:.55rem}.design-component-body{gap:.15rem}.design-component-body span{height:.15rem}.design-component-action{padding:.2rem .28rem;font-size:.3rem}.design-component-visual{width:2.35rem}.design-spacing-measure{display:none}.design-controls{gap:.25rem;bottom:-2%;left:0;right:0}.design-control-group{padding:.1rem}.design-control-group button{min-height:1.2rem;padding:.18rem .32rem;font-size:.34rem}}@media (prefers-reduced-motion:reduce){.hero-scene,.design-artboard,.design-featured-component,.design-spacing-measure{transition-duration:.01ms!important}}.hero-interface-visual[data-mode=code] .hero-interface-explore{display:none}.hero-interface-visual[data-mode=code] .hero-interface-blueprint{opacity:.18;filter:none}.hero-code-scene{color:#f6f2fa;grid-template-rows:minmax(0,1fr) auto;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:.62rem;font-family:Arial,sans-serif;display:grid}.code-scene-panel,.code-scene-preview,.code-scene-terminal{width:auto;min-width:0;max-width:100%;transform-style:preserve-3d;background:#070609f0;border:1px solid #fff3;border-radius:6px;overflow:hidden;box-shadow:0 18px 42px #00000057}.code-scene-panel{transform:translate3d(var(--panel-x), var(--panel-y), 60px);grid-area:1/1;grid-template-rows:auto minmax(0,1fr);display:grid}.code-scene-panel-head,.code-preview-head,.code-terminal-head{color:#ffffff80;letter-spacing:.08em;text-transform:uppercase;border-bottom:1px solid #ffffff1c;justify-content:space-between;align-items:center;min-height:2rem;padding:0 .7rem;font-size:.5rem;font-weight:700;display:flex}.code-scene-file,.code-preview-head>span:first-child{color:#ffffffbf;align-items:center;gap:.38rem;display:inline-flex}.code-scene-file i{color:#c49aff;letter-spacing:0;border:1px solid #ae79ff6b;border-radius:3px;place-items:center;width:1.18rem;height:1.18rem;font-size:.42rem;font-style:normal;display:inline-grid}.code-scene-valid i,.code-preview-head i{background:#b980ff;border-radius:50%;width:.38rem;height:.38rem;margin-right:.2rem;font-style:normal;display:inline-block;box-shadow:0 0 10px #ae79ff9e}.code-scene-source{color:#ffffffb8;white-space:nowrap;align-content:center;padding:.52rem 0;font-family:Consolas,SFMono-Regular,monospace;font-size:clamp(.46rem,.58vw,.62rem);line-height:1.52;display:grid}.code-scene-line{border:0;outline:0;grid-template-columns:1.75rem minmax(0,1fr) .8rem;align-items:center;min-width:0;min-height:1.14rem;transition:background .18s,transform .18s;display:grid;position:relative}.code-scene-line[data-code-region]{cursor:crosshair}.code-scene-line[data-code-region]:hover,.code-scene-line[data-code-region]:focus-visible,.hero-code-scene[data-code-focus=card] .code-scene-line[data-code-region=card],.hero-code-scene[data-code-focus=image] .code-scene-line[data-code-region=image],.hero-code-scene[data-code-focus=title] .code-scene-line[data-code-region=title],.hero-code-scene[data-code-focus=variant] .code-scene-line[data-code-region=variant]{background:linear-gradient(90deg,#a66bf133,#0000);transform:translate(2px)}.code-scene-line[data-code-region]:focus-visible{outline-offset:-1px;outline:1px solid #dcc3ffdb}.code-scene-line-number{color:#ffffff38;text-align:center;-webkit-user-select:none;user-select:none}.code-scene-line-content{text-overflow:clip;min-width:0;overflow:hidden}.code-scene-link-mark{color:#cda8ff;opacity:0;transition:opacity .18s,transform .18s;transform:translate(-3px)}.code-scene-line[data-code-region]:hover .code-scene-link-mark,.code-scene-line[data-code-region]:focus-visible .code-scene-link-mark,.hero-code-scene[data-code-focus] .code-scene-line[data-code-region] .code-scene-link-mark{opacity:1;transform:translate(0)}.code-token-keyword{color:#bc83ff}.code-token-type{color:#d9bfff}.code-token-function{color:#f4edf9;font-weight:700}.code-token-string{color:#d7aaff}.code-token-tag{color:#c695ff}.code-scene-preview{transform:translate3d(var(--cards-x), var(--cards-y), 102px);grid-area:1/2;grid-template-rows:auto minmax(0,1fr) auto;display:grid;position:relative}.code-preview-card{background:#ffffff0b;border:1px solid #ffffff24;border-radius:5px;grid-template-rows:minmax(4.4rem,1fr) auto;align-self:stretch;margin:.55rem;transition:grid-template-columns .32s,grid-template-rows .32s,border-color .2s,box-shadow .2s,transform .2s;display:grid;position:relative;overflow:hidden}.code-preview-image{background:linear-gradient(135deg,#120c1733,#6e309e61),repeating-linear-gradient(90deg,#0000 0 20px,#ffffff09 20px 21px);min-height:4.4rem;transition:border-color .2s,transform .2s;position:relative;overflow:hidden}.code-preview-image-orbit,.code-preview-image-core{border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.code-preview-image-orbit{border:1px solid #d3b1ff6b;width:4.2rem;height:4.2rem;box-shadow:0 0 0 .5rem #ae79ff0a}.code-preview-image-core{background:#b777fa;width:1.65rem;height:1.65rem;box-shadow:0 0 28px #ae79ffad}.code-preview-copy{gap:.28rem;padding:.55rem .62rem .62rem;transition:transform .2s;display:grid;position:relative}.code-preview-kicker{color:#c595ff;letter-spacing:.12em;font-size:.4rem;font-weight:700}.code-preview-copy h3{color:#fff;letter-spacing:-.025em;margin:0;font-size:clamp(.62rem,.82vw,.86rem);line-height:1.05;transition:transform .2s}.code-preview-copy p{color:#ffffff7a;margin:0;font-size:.45rem;line-height:1.3}.code-preview-card-label,.code-preview-part-label{z-index:4;color:#eadcff;letter-spacing:.1em;opacity:0;pointer-events:none;background:#0e0912eb;border:1px solid #cda9ffa6;border-radius:2px;padding:.16rem .26rem;font-size:.34rem;font-weight:700;transition:opacity .18s;position:absolute}.code-preview-card-label{top:.35rem;left:.35rem}.code-preview-image .code-preview-part-label,.code-preview-copy .code-preview-part-label{top:.3rem;right:.3rem}.hero-code-scene[data-code-focus=card] .code-preview-card,.hero-code-scene[data-code-focus=variant] .code-preview-card{border-color:#cda9ffc7;transform:translateZ(8px)scale(1.01);box-shadow:0 0 0 2px #ae79ff1a}.hero-code-scene[data-code-focus=image] .code-preview-image,.hero-code-scene[data-code-focus=title] .code-preview-copy h3{outline-offset:-2px;outline:1px solid #dcc0ffd1;transform:translateZ(6px)scale(1.015)}.hero-code-scene[data-code-focus=card] .code-preview-card-label,.hero-code-scene[data-code-focus=variant] .code-preview-card-label,.hero-code-scene[data-code-focus=image] .code-preview-image .code-preview-part-label,.hero-code-scene[data-code-focus=title] .code-preview-copy .code-preview-part-label{opacity:1}.code-variant-control{grid-template-columns:auto 1fr 1fr;align-items:center;gap:.18rem;padding:0 .5rem .5rem;display:grid}.code-variant-control>span{color:#fff6;letter-spacing:.08em;text-transform:uppercase;margin-right:.2rem;font-size:.42rem;font-weight:700}.code-variant-control button,.code-run-control{color:#ffffff8f;letter-spacing:.05em;text-transform:uppercase;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff26;border-radius:4px;min-height:1.45rem;font:700 .43rem/1 Arial,sans-serif}.code-variant-control button[aria-pressed=true]{color:#fff;background:#8f4dd657;border-color:#b275ffa8}.code-variant-control button:focus-visible,.code-run-control:focus-visible{outline-offset:2px;outline:2px solid #dac3ff}.hero-code-scene[data-code-variant=compact] .code-preview-card{grid-template-rows:minmax(0,1fr);grid-template-columns:42% minmax(0,1fr)}.hero-code-scene[data-code-variant=compact] .code-preview-copy{align-content:center}.hero-code-scene[data-code-variant=compact] .code-preview-copy p{display:none}.hero-code-scene[data-code-variant=compact] .code-preview-image-orbit{width:3.15rem;height:3.15rem}.code-scene-terminal{min-height:4rem;transform:translate3d(var(--nav-x), var(--nav-y), 22px);grid-area:2/1/auto/-1;grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr) auto;display:grid;position:relative}.code-terminal-head{grid-column:1/-1;min-height:1.35rem;padding-inline:.55rem;font-size:.4rem}.code-terminal-output{white-space:nowrap;grid-template-columns:repeat(3,minmax(0,auto)) minmax(0,1fr);align-items:center;gap:.55rem;min-width:0;padding:.42rem .55rem;font-family:Consolas,SFMono-Regular,monospace;font-size:.43rem;display:grid}.code-terminal-output span{color:#ffffff80}.code-terminal-output i{color:#b980ff;font-style:normal}.code-terminal-output strong{color:#d9bdff;font-weight:700}.code-run-control{color:#fff;border-color:#b174ff7a;align-self:center;margin-right:.5rem;padding:.3rem .58rem}.code-run-control[aria-busy=true]{cursor:progress}.hero-code-scene[data-code-running=true] .code-preview-card{opacity:.48}.hero-code-scene[data-code-rendered=true] .code-preview-card{opacity:1}@media (max-width:1000px){.hero-code-scene{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:.45rem}.code-scene-source{font-size:.46rem}.code-scene-line{grid-template-columns:1.45rem minmax(0,1fr) .55rem}.code-terminal-output{gap:.3rem;font-size:.37rem}.code-terminal-output span:nth-child(2){display:none}}@media (max-width:576px){.hero-code-scene{grid-template-rows:47% 36% 17%;grid-template-columns:1fr;gap:.24rem}.code-scene-preview{grid-area:1/1}.code-scene-panel{grid-area:2/1}.code-scene-terminal{grid-area:3/1;min-height:0}.code-scene-panel-head,.code-preview-head{min-height:1rem;padding-inline:.35rem;font-size:.3rem}.code-scene-file i{width:.72rem;height:.72rem;font-size:.26rem}.code-scene-source{align-content:start;padding:.14rem 0;font-size:.3rem;line-height:1.25}.code-scene-line{grid-template-columns:1rem minmax(0,1fr) .4rem;min-height:.58rem}.code-scene-line[data-mobile-hidden=true],.code-scene-line:nth-child(7){display:none}.code-preview-card{grid-template-rows:1fr;grid-template-columns:40% minmax(0,1fr);margin:.24rem}.code-preview-image{min-height:0}.code-preview-image-orbit{width:2.35rem;height:2.35rem}.code-preview-image-core{width:.85rem;height:.85rem}.code-preview-copy{align-content:center;gap:.12rem;padding:.25rem}.code-preview-kicker{font-size:.25rem}.code-preview-copy h3{font-size:.45rem}.code-preview-copy p{display:none}.code-variant-control{width:54%;padding:0;position:absolute;top:.14rem;right:.24rem}.code-variant-control>span{display:none}.code-variant-control button{min-height:1.25rem;padding:.12rem;font-size:.28rem}.code-terminal-head{display:none}.code-scene-terminal{grid-template-rows:1fr;grid-template-columns:minmax(0,1fr) auto}.code-terminal-output{grid-template-columns:1fr;gap:0;padding:.2rem .3rem;font-size:.3rem}.code-terminal-output span{display:none}.code-terminal-output strong{display:block}.code-run-control{min-height:1.4rem;margin-right:.22rem;padding:.18rem .35rem;font-size:.3rem}.code-preview-card-label,.code-preview-part-label{font-size:.24rem}}@media (prefers-reduced-motion:reduce){.code-scene-line,.code-preview-card,.code-preview-image,.code-preview-copy,.code-preview-copy h3{transition-duration:.01ms!important}}.hero-interface-visual[data-mode=motion] .hero-interface-explore,.hero-interface-visual[data-mode=production] .hero-interface-explore{display:none}.hero-interface-visual[data-mode=motion] .hero-interface-blueprint{opacity:.14}.hero-motion-scene{--motion-progress:96%;color:#fff;grid-template-rows:minmax(0,1fr) 7.7rem;grid-template-columns:minmax(0,1fr) 7.4rem;gap:.55rem;font-family:Arial,sans-serif;display:grid}.motion-preview-stage,.motion-timeline,.motion-easing{width:auto;min-width:0;max-width:100%;transform-style:preserve-3d;background:#07050af0;border:1px solid #fff3;border-radius:6px;overflow:hidden;box-shadow:0 18px 44px #0000005c}.motion-preview-stage{transform:translate3d(var(--cards-x), var(--cards-y), 104px);grid-area:1/1;grid-template-rows:auto minmax(0,1fr);display:grid}.motion-preview-toolbar,.motion-timeline-head{color:#ffffff80;letter-spacing:.09em;text-transform:uppercase;border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;min-height:1.8rem;padding:0 .65rem;font-size:.46rem;font-weight:700;display:flex}.motion-preview-toolbar>span:first-child{color:#ffffffc2;align-items:center;gap:.32rem;display:inline-flex}.motion-preview-toolbar i{background:#b978ff;border-radius:50%;width:.38rem;height:.38rem;box-shadow:0 0 10px #ae79ffb8}.motion-preview-canvas{grid-template-columns:45% minmax(0,1fr);align-items:center;gap:.72rem;padding:.7rem;display:grid;position:relative;overflow:hidden}.motion-preview-image{transform-origin:0;background:linear-gradient(145deg,#5b2d7b57,#ffffff0a);border:1px solid #c599ff42;border-radius:4px;align-self:stretch;min-height:5.8rem;position:relative;overflow:hidden}.motion-image-shape{border-radius:50%;position:absolute}.motion-image-shape--one{border:1px solid #dabbff75;width:5.2rem;height:5.2rem;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 .65rem #ae79ff0d}.motion-image-shape--two{background:#b978ff;width:1.8rem;height:1.8rem;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 30px #ae79ffb3}.motion-preview-copy{align-content:center;gap:.48rem;min-width:0;display:grid;position:relative}.motion-preview-kicker{color:#c393ff;letter-spacing:.13em;font-size:.42rem;font-weight:700}.motion-preview-copy h3{color:#fff;letter-spacing:-.035em;transform-origin:0 100%;margin:0;font-size:clamp(.78rem,1.1vw,1.15rem);line-height:.98}.motion-preview-copy button{color:#140d19;background:#fff;border:0;border-radius:999px;justify-self:start;min-height:1.55rem;padding:.34rem .55rem;font:700 .43rem/1 Arial,sans-serif}.motion-preview-copy button span{color:#7f42a7}.motion-active-indicator{color:#ffffff8f;letter-spacing:.09em;text-transform:uppercase;align-items:center;gap:.28rem;font-size:.38rem;font-weight:700;display:inline-flex;position:absolute;bottom:.45rem;right:.55rem}.motion-active-indicator i{background:#b978ff;border-radius:50%;width:.35rem;height:.35rem;box-shadow:0 0 10px #ae79ffa8}.motion-part-label{z-index:4;color:#eadcff;letter-spacing:.09em;opacity:0;background:#0b070ee6;border:1px solid #d3b2ffad;border-radius:2px;padding:.15rem .24rem;font-size:.31rem;font-weight:700;transition:opacity .18s;position:absolute;top:.3rem;right:.3rem}.motion-part-label--heading{top:1.35rem}.motion-part-label--cta{top:auto;bottom:0}.hero-motion-scene[data-motion-focus=image] [data-motion-preview=image],.hero-motion-scene[data-motion-focus=heading] [data-motion-preview=heading],.hero-motion-scene[data-motion-focus=cta] [data-motion-preview=cta]{outline-offset:2px;outline:1px solid #dabaffe0;transform:translateZ(8px)scale(1.018)}.hero-motion-scene[data-motion-focus=image] .motion-preview-image .motion-part-label,.hero-motion-scene[data-motion-focus=heading] .motion-part-label--heading,.hero-motion-scene[data-motion-focus=cta] .motion-part-label--cta{opacity:1}.motion-easing{transform:translate3d(var(--grid-x), var(--grid-y), 26px);grid-area:1/2;grid-template-rows:auto minmax(0,1fr);padding:.55rem;display:grid}.motion-easing>span{color:#ffffff73;letter-spacing:.1em;font-size:.4rem;font-weight:700}.motion-easing svg{align-self:center;width:100%;overflow:visible}.motion-easing path{fill:none;vector-effect:non-scaling-stroke}.motion-easing-grid{stroke:#ffffff17;stroke-width:.8px}.motion-easing-curve{stroke:#be89ffe6;stroke-width:1.5px}.motion-easing circle{fill:#fff}.motion-timeline{transform:translate3d(var(--panel-x), var(--panel-y), 52px);grid-area:2/1/auto/-1;grid-template-rows:auto minmax(0,1fr) auto;display:grid}.motion-timeline-head{min-height:1.25rem;font-size:.38rem}.motion-track-area{touch-action:none;align-content:center;gap:.14rem;padding:.75rem .45rem .2rem;display:grid;position:relative}.motion-time-ruler{color:#ffffff45;justify-content:space-between;font:.34rem/1 Consolas,monospace;display:flex;position:absolute;top:.18rem;left:4.3rem;right:.7rem}.motion-track{color:#ffffff94;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:3px;grid-template-columns:3.65rem minmax(0,1fr);align-items:center;min-height:1rem;padding:0 .25rem;font:700 .4rem/1 Arial,sans-serif;display:grid}.motion-track:hover,.motion-track:focus-visible,.hero-motion-scene[data-motion-focus=image] [data-motion-track=image],.hero-motion-scene[data-motion-focus=heading] [data-motion-track=heading],.hero-motion-scene[data-motion-focus=cta] [data-motion-track=cta]{color:#fff;background:linear-gradient(90deg,#a768f133,#0000 72%)}.motion-track:focus-visible,.motion-controls button:focus-visible{outline-offset:1px;outline:1px solid #ddc6ffe6}.motion-track-rail{background:#ffffff14;border-radius:999px;height:.34rem;position:relative}.motion-track-rail:before{content:"";width:var(--motion-progress);border-top:1px solid #ae79ff66;position:absolute;top:50%;left:0}.motion-track-rail i{left:var(--keyframe-position);background:#17101d;border:1px solid #cfacffb8;width:.42rem;height:.42rem;position:absolute;top:50%;transform:translate(-50%,-50%)rotate(45deg)}.motion-playhead{z-index:5;left:var(--motion-progress);pointer-events:none;background:#e2d0ffeb;width:1px;position:absolute;top:.2rem;bottom:0;box-shadow:0 0 8px #ae79ff99}.motion-playhead i{background:#d8bdff;border-radius:50%;width:.5rem;height:.5rem;position:absolute;top:-.05rem;left:50%;transform:translate(-50%)}.hero-motion-scene[data-motion-scrubbing=true] .motion-playhead{width:2px}.motion-controls{align-items:center;gap:.35rem;padding:.25rem .45rem .4rem;display:flex}.motion-controls button{color:#ffffffad;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff29;border-radius:4px;min-height:1.35rem;padding:.2rem .48rem;font:700 .38rem/1 Arial,sans-serif}.motion-controls button:first-child{color:#fff;background:#8e4cd240;border-color:#b57cff94}.motion-scrub-hint{color:#ffffff52;letter-spacing:.07em;text-transform:uppercase;margin-left:auto;font-size:.35rem}.hero-interface-visual[data-mode=production] .hero-interface-blueprint{opacity:.1}.hero-production-scene{color:#fff;grid-template-columns:minmax(0,1fr) 10.2rem;gap:.62rem;font-family:Arial,sans-serif;display:grid}.production-converge-layers{pointer-events:none;transform-style:preserve-3d;position:absolute;inset:-2%}.production-converge-layers span{color:#d2b3ff6b;letter-spacing:.12em;background:#140c1b75;border:1px solid #ae79ff38;padding:.28rem .42rem;font-size:.38rem;font-weight:700;position:absolute}.production-converge-layers span:first-child{top:8%;left:1%;transform:translateZ(-60px)rotate(-4deg)}.production-converge-layers span:nth-child(2){bottom:0;left:38%;transform:translateZ(-45px)rotate(2deg)}.production-converge-layers span:nth-child(3){top:20%;right:1%;transform:translateZ(-30px)rotate(4deg)}.production-product,.production-delivery{width:auto;min-width:0;max-width:100%;transform-style:preserve-3d;background:#070609f2;border:1px solid #ffffff38;border-radius:6px;overflow:hidden;box-shadow:0 22px 52px #0000006b}.production-product{transform:translate3d(var(--cards-x), var(--cards-y), 104px);grid-template-rows:auto minmax(0,1fr) auto;display:grid}.production-product-head,.production-delivery-head{color:#ffffff6b;letter-spacing:.08em;text-transform:uppercase;border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;min-height:1.85rem;padding:0 .62rem;font-size:.42rem;font-weight:700;display:flex}.production-product-head>span:first-child{color:#ffffffc2;text-transform:none;align-items:center;gap:.3rem;display:inline-flex}.production-product-head i{background:#b877fb;border-radius:50%;width:.36rem;height:.36rem;box-shadow:0 0 10px #ae79ffa6}.production-device-stage{color:#fff;cursor:pointer;background:#0b080e;border:1px solid #ffffff47;border-radius:5px;place-self:center;width:91%;height:calc(100% - .5rem);min-height:8rem;padding:1rem .35rem .35rem;transition:width .34s,border-radius .34s,transform .2s,box-shadow .2s;position:relative;overflow:hidden}.production-device-stage:focus-visible{outline-offset:3px;outline:2px solid #ddc5ff}.production-device-chrome{border-bottom:1px solid #ffffff1a;align-items:center;gap:.18rem;height:.8rem;padding-left:.35rem;display:flex;position:absolute;top:0;left:0;right:0}.production-device-chrome i{background:#ffffff59;border-radius:50%;width:.24rem;height:.24rem}.production-device-chrome i:nth-child(2){background:#ad70ed}.production-page{text-align:left;grid-template-rows:auto minmax(0,1fr) auto;gap:.3rem;height:100%;display:grid}.production-page-nav{align-items:center;gap:.38rem;display:flex}.production-page-nav b{margin-right:auto;font-size:.48rem}.production-page-nav i{background:#ffffff38;border-radius:999px;width:1.3rem;height:.16rem}.production-page-hero{grid-template-columns:minmax(0,1.15fr) minmax(3.8rem,.85fr);align-items:center;gap:.5rem;min-height:0;display:grid}.production-page-copy{gap:.26rem;min-width:0;display:grid}.production-page-copy small{color:#bf8cff;letter-spacing:.1em;font-size:.3rem;font-weight:700}.production-page-copy strong{letter-spacing:-.03em;font-size:clamp(.65rem,.9vw,.9rem);line-height:.95}.production-page-copy>i{background:#ffffff2e;border-radius:99px;width:86%;height:.18rem}.production-page-copy>i:nth-of-type(2){width:58%}.production-page-copy em{color:#120d16;background:#fff;border-radius:99px;width:max-content;margin-top:.12rem;padding:.24rem .36rem;font-size:.32rem;font-style:normal;font-weight:700}.production-page-copy em b{color:#7f42a7}.production-page-visual{aspect-ratio:1.15;background:radial-gradient(circle,#ab63f561,#0000 62%);border:1px solid #b980ff42;width:100%;position:relative;overflow:hidden}.production-page-visual i,.production-page-visual b{border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.production-page-visual i{aspect-ratio:1;border:1px solid #ffffff61;width:70%}.production-page-visual b{aspect-ratio:1;background:#bb7cff;width:24%;box-shadow:0 0 20px #ae79ffb3}.production-page-cards{grid-template-columns:repeat(3,1fr);gap:.28rem;display:grid}.production-page-cards i{background:#ffffff0a;border:1px solid #ffffff1c;height:.75rem}.production-device-label{color:#ffffff85;letter-spacing:.07em;background:#000000a3;padding:.13rem .22rem;font-size:.28rem;font-weight:700;position:absolute;bottom:.28rem;right:.32rem}.hero-production-scene[data-production-device=tablet] .production-device-stage{border-radius:8px;width:67%}.hero-production-scene[data-production-device=tablet] .production-page-hero{grid-template-columns:1fr 3.4rem}.hero-production-scene[data-production-device=tablet] .production-page-nav i:last-child{display:none}.hero-production-scene[data-production-device=mobile] .production-device-stage{border-radius:10px;width:39%;padding-inline:.26rem}.hero-production-scene[data-production-device=mobile] .production-device-chrome{display:none}.hero-production-scene[data-production-device=mobile] .production-device-stage{padding-top:.35rem}.hero-production-scene[data-production-device=mobile] .production-page-nav i{display:none}.hero-production-scene[data-production-device=mobile] .production-page-hero{grid-template-columns:1fr;gap:.18rem}.hero-production-scene[data-production-device=mobile] .production-page-visual{grid-row:1;justify-self:center;width:72%}.hero-production-scene[data-production-device=mobile] .production-page-copy strong{font-size:.48rem}.hero-production-scene[data-production-device=mobile] .production-page-copy>i,.hero-production-scene[data-production-device=mobile] .production-page-copy em{display:none}.hero-production-scene[data-production-device=mobile] .production-page-cards{grid-template-columns:1fr}.hero-production-scene[data-production-device=mobile] .production-page-cards i:nth-child(n+2){display:none}.production-device-picker{grid-template-columns:repeat(3,1fr);gap:.32rem;padding:.52rem;display:grid}.production-device-picker button{color:#ffffff75;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;background:#ffffff08;border:1px solid #ffffff1f;border-radius:4px;justify-content:center;align-items:center;gap:.38rem;min-height:1.85rem;font:700 .46rem/1 Arial,sans-serif;display:flex}.production-device-picker button[aria-pressed=true]{color:#fff;background:#8f4dd247;border-color:#b77bff9e}.production-device-picker button:focus-visible,.production-checks button:focus-visible,.production-live-status button:focus-visible{outline-offset:2px;outline:2px solid #ddc5ff}.production-device-icon{border:1px solid;border-radius:1px;width:.9rem;height:.6rem;display:block;position:relative}.production-device-icon--tablet{border-radius:2px;width:.66rem;height:.78rem}.production-device-icon--mobile{border-radius:2px;width:.42rem;height:.8rem}.production-delivery{transform:translate3d(var(--responsive-x), var(--responsive-y), 78px);grid-template-rows:auto minmax(0,1fr) auto;display:grid}.production-delivery-head{align-content:center;gap:.15rem;min-height:2.4rem;display:grid}.production-delivery-head span:last-child{color:#c597ff;font-size:.34rem}.production-checks{align-content:center;gap:.35rem;padding:.55rem;display:grid}.production-checks button{color:#ffffff9e;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;background:#ffffff06;border:1px solid #ffffff1a;border-radius:4px;align-items:center;gap:.42rem;min-height:1.75rem;padding:.25rem .42rem;font:700 .42rem/1 Arial,sans-serif;display:flex}.production-checks button i{color:#d9bfff;border:1px solid #be8cff8c;border-radius:50%;place-items:center;width:.85rem;height:.85rem;font-size:.44rem;font-style:normal;display:grid}.production-checks button[aria-pressed=true],.production-checks button:hover,.production-checks button:focus-visible{color:#fff;background:#8b49cd2e;border-color:#c191ff99}.hero-production-scene[data-production-focus=responsive] .production-device-stage,.hero-production-scene[data-production-focus=responsive] .production-device-picker,.hero-production-scene[data-production-focus=optimized] .production-page-visual,.hero-production-scene[data-production-focus=deployed] .production-live-status{outline-offset:2px;outline:1px solid #d8b8ffe0;transform:translateZ(8px)}.hero-production-scene[data-production-focus=accessible] .production-page-copy em{outline-offset:2px;outline:2px solid #e2ceff}.production-live-status{border-top:1px solid #ffffff1a;gap:.4rem;padding:.55rem;display:grid}.production-live-status>span{color:#e1d1f7;letter-spacing:.07em;align-items:center;gap:.32rem;font-size:.44rem;font-weight:700;display:flex}.production-live-status>span i{background:#b978ff;border-radius:50%;width:.4rem;height:.4rem;box-shadow:0 0 12px #ae79ffc2}.production-live-status button{color:#ffffffb8;letter-spacing:.05em;text-transform:uppercase;cursor:pointer;background:#914fd329;border:1px solid #b87eff7a;border-radius:4px;min-height:1.85rem;font:700 .46rem/1 Arial,sans-serif}@media (max-width:1000px){.hero-motion-scene{grid-template-rows:minmax(0,1fr) 7rem;grid-template-columns:minmax(0,1fr) 6.2rem;gap:.4rem}.motion-easing{padding:.4rem}.motion-preview-canvas{gap:.45rem;padding:.5rem}.motion-track-area{padding-top:.65rem}.hero-production-scene{grid-template-columns:minmax(0,1fr) 8.8rem;gap:.42rem}.production-checks{gap:.25rem;padding:.4rem}.production-checks button{min-height:1.7rem}.production-live-status{padding:.4rem}}@media (max-width:576px){.hero-motion-scene{grid-template-rows:47% 53%;grid-template-columns:1fr;gap:.25rem}.motion-preview-stage{grid-area:1/1}.motion-timeline{grid-area:2/1}.motion-easing{display:none}.motion-preview-toolbar{min-height:1rem;padding-inline:.35rem;font-size:.29rem}.motion-preview-canvas{grid-template-columns:38% 1fr;gap:.3rem;padding:.28rem}.motion-preview-image{min-height:0}.motion-image-shape--one{width:2.5rem;height:2.5rem}.motion-image-shape--two{width:.85rem;height:.85rem}.motion-preview-copy{gap:.18rem}.motion-preview-kicker{font-size:.25rem}.motion-preview-copy h3{font-size:.5rem}.motion-preview-copy button{min-height:1rem;padding:.2rem .3rem;font-size:.28rem}.motion-active-indicator{font-size:.25rem;bottom:.2rem;right:.3rem}.motion-part-label{font-size:.22rem}.motion-timeline-head{min-height:.9rem;padding-inline:.35rem;font-size:.27rem}.motion-track-area{gap:.05rem;padding:.55rem .25rem .1rem}.motion-time-ruler{font-size:.24rem;left:3.1rem;right:.35rem}.motion-track{grid-template-columns:2.75rem 1fr;min-height:.9rem;font-size:.28rem}.motion-track-rail i{width:.3rem;height:.3rem}.motion-scrub-hint{display:none}.motion-controls{padding:.12rem .3rem .22rem}.motion-controls button{min-height:1.55rem;padding:.2rem .42rem;font-size:.29rem}.hero-production-scene{grid-template-rows:61% 39%;grid-template-columns:1fr;gap:.25rem}.production-product{grid-row:1}.production-delivery{grid-row:2}.production-converge-layers{display:none}.production-product-head{min-height:1rem;padding-inline:.35rem;font-size:.28rem}.production-device-stage{width:82%;height:calc(100% - .2rem);min-height:2rem;padding:.6rem .22rem .2rem}.production-device-chrome{height:.5rem}.production-page{gap:.12rem}.production-page-nav b{font-size:.28rem}.production-page-nav i{width:.65rem;height:.1rem}.production-page-hero{grid-template-columns:1fr 2.2rem;gap:.2rem}.production-page-copy small{font-size:.2rem}.production-page-copy strong{font-size:.4rem}.production-page-copy>i{height:.1rem}.production-page-copy em{padding:.16rem .22rem;font-size:.22rem}.production-page-cards i{height:.35rem}.production-device-label{font-size:.2rem}.production-device-picker{gap:.16rem;padding:.2rem}.production-device-picker button{gap:.16rem;min-height:1.55rem;font-size:.25rem}.production-device-icon{display:none}.hero-production-scene[data-production-device=tablet] .production-device-stage{width:61%}.hero-production-scene[data-production-device=mobile] .production-device-stage{width:34%}.production-delivery-head{grid-template-columns:1fr auto;align-items:center;min-height:1rem;padding-inline:.35rem;font-size:.27rem}.production-delivery-head span:last-child{font-size:.24rem}.production-checks{grid-template-columns:repeat(4,1fr);gap:.12rem;padding:.18rem}.production-checks button{justify-content:center;min-height:1.55rem;padding:.12rem;font-size:.23rem}.production-checks button i{width:.55rem;height:.55rem;font-size:.28rem}.production-checks button span{display:none}.production-live-status{grid-template-columns:1fr auto;align-items:center;gap:.18rem;padding:.22rem}.production-live-status>span{font-size:.24rem}.production-live-status button{min-height:1.55rem;padding:.16rem .28rem;font-size:.24rem}}@media (prefers-reduced-motion:reduce){.motion-preview-image,.motion-preview-copy h3,.motion-preview-copy button,.production-device-stage,.production-product,.production-delivery{transition-duration:.01ms!important}.motion-scrub-hint{display:none}}.practice-bridge{isolation:isolate;width:100%;color:var(--light);border-top:1px solid #ffffff1a;border-bottom:1px solid #ffffff1a;padding:clamp(56px,6vw,92px) 8% 42px;position:relative;overflow:hidden}.practice-bridge-glow{z-index:-1;pointer-events:none;background:radial-gradient(circle,#7925b126,#0000 68%);border-radius:50%;width:38rem;height:30rem;position:absolute;top:-18rem;right:5%}.practice-bridge-header{grid-template-columns:minmax(130px,.24fr) minmax(0,1fr);align-items:start;gap:clamp(40px,7vw,140px);margin-bottom:clamp(46px,5vw,76px);display:grid}.practice-bridge-label,.practice-bridge-kicker{letter-spacing:.27em;text-transform:uppercase;margin:0;font-size:11px;font-weight:600;line-height:1.4}.practice-bridge-label{color:#ffffff6b}.practice-bridge-kicker{color:#a857da;margin-bottom:18px}.practice-bridge-header h2{color:#fffffff0;letter-spacing:-.035em;max-width:1000px;margin:0;font-size:clamp(36px,4.3vw,72px);font-weight:500;line-height:1.04}.practice-bridge-header h2 span{color:#ffffff6b}.practice-bridge-modes{border-top:1px solid #ffffff21;border-bottom:1px solid #ffffff21;grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.practice-mode{border-left:1px solid #ffffff1a;min-width:0;min-height:190px;padding:20px clamp(16px,2vw,30px) 24px;transition:background-color .3s}.practice-mode:first-child{border-left:0}.practice-mode:hover{background:#8b3cbe12}.practice-mode-meta{color:#ffffff57;letter-spacing:.16em;align-items:center;gap:12px;font-size:11px;display:flex}.practice-mode-meta i{background:#a857da;border-radius:50%;width:4px;height:4px;transition:transform .3s,box-shadow .3s;box-shadow:0 0 12px #a857dacc}.practice-mode:hover .practice-mode-meta i{transform:scale(1.6);box-shadow:0 0 18px #a857da}.practice-mode h3{letter-spacing:-.02em;margin:46px 0 10px;font-size:clamp(20px,1.75vw,28px);font-weight:500;line-height:1.1}.practice-mode p{color:#ffffff7a;max-width:220px;margin:0;font-size:13px;line-height:1.45}.practice-bridge-foot{color:#ffffff70;letter-spacing:.13em;text-transform:uppercase;justify-content:space-between;gap:24px;padding-top:20px;font-size:11px;font-weight:500;display:flex}.practice-bridge-foot p{margin:0}.practice-bridge-foot p:first-child{align-items:center;gap:9px;display:flex}.practice-bridge-foot p:first-child span{background:#9a56c7;border-radius:50%;width:6px;height:6px;box-shadow:0 0 12px #9a56c7d9}@media (max-width:992px){.practice-bridge-header{grid-template-columns:1fr;gap:18px}.practice-bridge-modes{grid-template-columns:repeat(2,minmax(0,1fr))}.practice-mode:nth-child(3){border-left:0}.practice-mode:nth-child(n+3){border-top:1px solid #ffffff1a}}@media (max-width:640px){.practice-bridge{padding:52px 1.5rem 28px}.practice-bridge-header{margin-bottom:38px}.practice-bridge-header h2{font-size:clamp(34px,10.4vw,46px);line-height:1.06}.practice-bridge-modes{grid-template-columns:1fr}.practice-mode{border-top:1px solid #ffffff1a;border-left:0;min-height:0;padding:18px 0 20px}.practice-mode:first-child{border-top:0}.practice-mode h3{margin:22px 0 7px;font-size:24px}.practice-mode p{max-width:none}.practice-bridge-foot{gap:10px;padding-top:18px;line-height:1.45;display:grid}}.marquee{color:#eee;text-transform:uppercase;margin-top:5rem;padding:22px 0;font-size:40px;font-weight:600;position:relative;overflow:hidden}.marquee__inner{flex-direction:row;flex:auto;width:fit-content;display:flex}.marquee__part{flex-shrink:0;align-items:center;padding:0 4px;display:flex}.clients-section{padding:110px 6vw 80px}.capabilities-section{color:#fff;width:100%;padding:120px 6vw 80px}.capabilities-head{max-width:980px;margin-bottom:42px}.capabilities-head span{color:#a052a0;letter-spacing:.25em;margin-bottom:16px;font-size:12px;font-weight:600;display:inline-block}.capabilities-head h2{letter-spacing:0;font-size:clamp(34px,5vw,72px);font-weight:500;line-height:1.05}.capabilities-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.capability-card{background:#08080cb8;border:1px solid #ffffff1a;border-radius:8px;flex-direction:column;gap:18px;min-height:520px;padding:22px;display:flex;overflow:hidden}.capability-card>span{color:#ffffff7a;letter-spacing:.14em;font-size:13px}.capability-card img{aspect-ratio:16/10;object-fit:cover;border-radius:8px;width:100%;height:auto}.capability-card h3{letter-spacing:0;margin-top:0;font-size:clamp(24px,2.4vw,34px);line-height:1.08}.capability-card p{color:#ffffffad;font-size:16px;line-height:1.55}.capabilities-supporting-line{color:#ffffff9e;text-align:center;max-width:820px;margin:28px auto 0;font-size:15px;line-height:1.55}.clients-inner{max-width:1400px;margin:0 auto}.clients-header{text-align:center;margin-bottom:46px}.clients-label{letter-spacing:.28em;color:#9a9aa6;font-size:12px;font-weight:600;display:inline-block}.clients-header h2{letter-spacing:-.02em;margin:16px 0 12px;font-size:clamp(32px,4.2vw,56px);line-height:1.1}.clients-header p{color:#b6b6c2;max-width:620px;margin:0 auto;line-height:1.6}.clients-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;display:grid}.client-card{background:#0c0c1099;border:1px solid #ffffff0f;border-radius:18px;place-items:center;min-height:110px;padding:26px 22px;transition:border-color .25s,transform .25s;display:grid;position:relative;overflow:hidden;box-shadow:0 18px 40px #00000059}.client-card:before{content:"";opacity:0;background-color:#0000;background-image:repeating-linear-gradient(0deg,#ffffff0d,#ffffff0d 1px,#0000 1px 8px),repeating-linear-gradient(90deg,#ffffff0d,#ffffff0d 1px,#0000 1px 8px);background-position:0 0;background-repeat:repeat,repeat;background-size:auto,auto;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;transition:opacity .35s;position:absolute;inset:-2px}.client-card:after{content:"";opacity:0;background:linear-gradient(135deg,#7c46b52e,#11111800);transition:opacity .35s;position:absolute;inset:0}.client-card img{object-fit:contain;filter:grayscale()brightness(1.15);opacity:.9;z-index:1;border-radius:0;width:auto;max-width:140px;height:auto;max-height:54px;transition:filter .35s,opacity .35s,transform .35s}.client-card:hover{border-color:#ffffff2e;transform:translateY(-2px)}.client-card:hover:before{opacity:1;animation:1.6s linear infinite clientGrid}.client-card:hover:after{opacity:1}.client-card:hover img{filter:grayscale(0)brightness(1.1);opacity:1;transform:scale(1.02)}@keyframes clientGrid{0%{background-position:0 0}to{background-position:0 16px}}.arrow{width:60px;height:80px;margin:0 1em;transition:all 1s cubic-bezier(.075,.82,.165,1);transform:rotate(90deg)}.arrow.active{transition:all 1s cubic-bezier(.075,.82,.165,1);transform:rotate(-90deg)}.about-section{color:#111;padding:140px 6vw}.about-container{margin:0 auto}.about-badge{letter-spacing:1.2px;color:#fff;margin-bottom:24px;font-size:12px;font-weight:600;display:inline-block}.about-title{color:#fff;margin-bottom:24px;font-size:clamp(32px,4vw,56px);font-weight:500;line-height:1.2}.about-title span{font-weight:600}.about-title .light{color:#b5b5b5;font-weight:400}.about-desc{color:#cfb7b7;max-width:520px;margin-bottom:15px;font-size:15px;line-height:1.7}.about-images{grid-template-columns:1fr 1fr;gap:40px;height:60vh;display:grid}.approach-section{padding:110px 6vw 70px}.approach-container{grid-template-columns:minmax(0,1.05fr) minmax(280px,.72fr);align-items:start;gap:clamp(30px,5vw,20px);display:grid}.approach-copy,.approach-details{min-width:0}.approach-details{gap:0;padding-top:42px;display:grid}.approach-detail{color:#ffffffb8;border-top:1px solid #ffffff24;padding:22px 0;font-size:clamp(17px,1.4vw,22px);line-height:1.45}.approach-detail:last-child{border-bottom:1px solid #ffffff24}.approach-images{grid-column:1/-1;margin-top:clamp(24px,3vw,48px)}.approach-images .top-img{margin-top:clamp(-42px,-2.8vw,-24px)}.about-img{position:relative;overflow:hidden;border-radius:20px!important}.top-img{margin-top:-9rem}.about-img img{object-fit:cover;object-position:center 20%;width:100%;height:112%;display:block;border-radius:20px!important}.approach-images .about-img img{will-change:transform;backface-visibility:hidden}@media (prefers-reduced-motion:reduce){.approach-images .about-img img{will-change:auto;height:100%}}.grid-overlay{pointer-events:none;z-index:2;width:100%;height:100%;position:absolute;top:0;left:0}.grid-block{color:#e3e3db;opacity:0;background-color:#1a1a1a;justify-content:center;align-items:center;font-family:IBM Plex Mono,monospace;font-size:20px;font-weight:400;display:flex;position:absolute}.grid-block.active{opacity:1}.spotlight-pin{width:100%;height:100vh;padding:0;position:relative;overflow:hidden}.spotlight{width:100%;height:100%;position:relative}@keyframes spotlightEnter{0%{opacity:0;filter:blur(18px);transform:translateY(-20px)scale(.98)}60%{opacity:1;filter:blur(6px);transform:translateY(0)scale(1)}to{opacity:1;filter:blur()}}.spotlight-images,.spotlight-cover-img{width:100%;height:100%;transform-style:preserve-3d;perspective:2000px;position:absolute;top:0;left:0}.spotlight .img{will-change:transform;width:500px;height:350px;position:absolute;top:50%;left:50%;transform:translate3d(-50%,-50%,-1000px)}.spotlight-cover-img{will-change:transform;overflow:hidden}.spotlight-cover-img.video-preview{cursor:none;pointer-events:auto;width:100%;height:100%;position:absolute;inset:0}.spotlight-cover-img.video-preview .video-wrapper,.spotlight-cover-img.video-preview .video-embed{border-radius:0;width:100%;height:100%;position:absolute;inset:0}.spotlight-cover-img.video-preview .video-embed{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.spotlight-cover-img video{object-fit:cover;width:100%;height:100%;display:block}.spotlight-intro-header,.spotlight-outro-header{text-align:center;pointer-events:none;width:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.spotlight-intro-header :is(h1,h2),.spotlight-outro-header :is(h1,h2){font-size:clamp(4.5rem,7vw,6rem);line-height:.95}.spotlight-intro-header{z-index:1}.spotlight-outro-header{z-index:2}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}.lenis.lenis-stopped{overflow:hidden}.cursor-shadow{pointer-events:none;mix-blend-mode:difference;z-index:10000;background:#fff;border-radius:50%;width:18px;height:18px;transition:opacity .2s;position:fixed;transform:translate(-50%,-50%)}.scroll-progress{background:conic-gradient(#ac80ffe6 var(--scroll-progress,0%), #ffffff14 0%);opacity:.7;z-index:10002;pointer-events:none;border-radius:50%;place-items:center;width:64px;height:64px;padding:4px;transition:box-shadow .3s,opacity .3s;display:grid;position:fixed;bottom:24px;left:24px;box-shadow:0 0 #ac80ff00}.scroll-progress.is-active{opacity:1;box-shadow:0 0 24px #ac80ff73}.scroll-progress-inner{background:#000;border-radius:50%;place-items:center;width:100%;height:100%;display:grid}.scroll-progress-value{color:#fff;letter-spacing:.5px;font-size:12px;font-weight:700}.scroll-progress-message{color:#fff;opacity:0;white-space:nowrap;pointer-events:none;background:#000000bf;border:1px solid #ac80ff59;border-radius:999px;padding:6px 12px;font-size:11px;transition:opacity .35s,transform .35s;position:absolute;top:50%;left:calc(100% + 12px);transform:translateY(-50%)translate(-6px)}.scroll-progress-message.is-visible{opacity:1;transform:translateY(-50%)translate(0)}.scroll-progress-fireworks{filter:blur(6px);opacity:0;pointer-events:none;z-index:-1;background:radial-gradient(circle at 20% 30%,#ffffffe6,#0000 35%),radial-gradient(circle at 80% 20%,#ac80ffe6,#0000 35%),radial-gradient(circle at 75% 80%,#ffb450e6,#0000 35%),radial-gradient(circle at 25% 70%,#78ffc8e6,#0000 35%);border-radius:50%;transition:opacity .35s,transform .35s;position:absolute;inset:-24px;transform:scale(.7)}.scroll-progress.is-complete .scroll-progress-fireworks{opacity:.9;transform:scale(1)}.sand-reveal{position:relative}.sand-reveal .word{text-shadow:0 20px 30px #00000040}.work{flex-direction:column;gap:3rem;width:100%;height:100%;padding:1.5rem 5%;display:flex;position:relative;overflow:hidden}.work .row{grid-template-columns:repeat(2,1fr);gap:1.5rem;width:100%;display:grid}.work-item{isolation:isolate;flex-direction:column;flex:1;gap:1rem;min-width:0;display:flex;position:relative}.work-item-img{aspect-ratio:4/3;isolation:isolate;position:relative;overflow:hidden}.work-item-link{color:inherit;isolation:isolate;cursor:pointer;flex-direction:column;gap:1rem;width:100%;height:100%;text-decoration:none;display:flex;position:relative;overflow:hidden}.work-item-link:hover{color:inherit;text-decoration:none}.item-img{border-radius:20px;width:100%;height:100%}.item-img img{object-fit:cover;filter:grayscale(0)blur()brightness();width:100%;height:100%;transition:all 1.5s cubic-bezier(.075,.82,.165,1);border-radius:20px!important}.item-copy{pointer-events:none;z-index:2;flex-direction:column;width:100%;height:100%;padding:15px 20px;display:flex;position:absolute;inset:0;overflow:hidden}.item-copy>div{pointer-events:none;flex:1;align-items:center;display:flex}#item-1 .item-copy-2,#item-3 .item-copy-2,#item-2 .item-copy-1,#item-4 .item-copy-1{justify-content:flex-end}.shape{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);color:#fff;opacity:0;pointer-events:none;background:#ffffff1a;width:275px;height:275px;padding:38px;font-size:12px;transition:all 1s cubic-bezier(.075,.82,.165,1);transform:scale(.75)}#item-1 .shape,#item-3 .shape{clip-path:polygon(0% 0,0 0%,calc(100% - 50px) 0,100% 50px,100% 100%,100% 100%,50px 100%,0 calc(100% - 50px))}#item-2 .shape,#item-4 .shape{clip-path:polygon(50px 0,0 50px,0 100%,calc(100% - 50px) 100%,100% calc(100% - 50px),100% 100%,100% 0%,0 0%)}.shape{flex-direction:column;justify-content:space-between;display:flex}.shape #number{font-family:Orbitron;font-size:50px;font-weight:400}.text-right{text-align:right}.item:hover{border-radius:20px!important}.item:hover img{filter:grayscale(.5)blur(.5rem)brightness(.75);transform:scale(1.5);border-radius:20px!important}.item:hover .shape{opacity:1;transform:scale(1)}.work.is-case-study-transitioning .item-copy,.work.is-case-study-transitioning .shape{opacity:0!important;visibility:hidden!important}.item .shape span,.shape #number{text-transform:uppercase;font-family:Oswald,sans-serif;font-size:22px}.faq-section{width:100%;padding:120px 8%}.contact-faq-section{border-top:1px solid #ffffff14;padding-top:90px}.faq-main-content{justify-content:space-between;gap:10%;width:100%;padding:40px 4%;display:flex}.faq-left img{object-fit:cover;z-index:2;border-radius:12px;width:330px;height:400px;margin-bottom:20px;position:relative}.faq-left h1{letter-spacing:-1px;z-index:3;width:450px;margin-top:-80px;font-size:48px;font-weight:600;line-height:1.05;position:relative}.faq-right{flex:1}.faq-item{border-bottom:1px solid #ffffff26;padding:25px 0;overflow:hidden}.faq-top{appearance:none;width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;justify-content:flex-start;align-items:center;gap:40px;padding:0;display:flex}.faq-top:focus-visible{outline-offset:8px;outline:2px solid #c8b4ffbf}.faq-num{opacity:.6;font-size:14px}.faq-question{flex:1;font-size:20px;font-weight:500}.faq-icon{width:22px;height:22px;position:relative}.faq-icon span{transform-origin:50%;background:#fff;width:20px;height:2px;transition:all .35s cubic-bezier(.23,1,.32,1);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.faq-icon span:nth-child(2){transform:translate(-50%,-50%)rotate(90deg)}.faq-content{opacity:1;height:auto;padding-left:58px;padding-right:40px;overflow:visible}.faq-section.is-enhanced .faq-content{opacity:0;will-change:height, opacity;height:0;overflow:hidden}.faq-content p{margin-top:15px;font-size:16px;line-height:1.5}.about-content{justify-content:center;align-items:center;width:100%;height:100svh;padding:2rem;display:flex;position:relative;overflow:hidden}.outro-img{aspect-ratio:5/7;width:300px;overflow:hidden}.about-page.services{flex-direction:column;justify-content:center;align-items:center;width:100%;height:100svh;display:flex;position:relative;overflow:hidden}.about-page section{width:100vw;height:100svh;padding:2.5em}.about-hero{flex-direction:column;justify-content:space-between;padding-top:4em;display:flex}.about-hero h1{text-transform:uppercase;letter-spacing:-.04em;text-align:left;width:100%;color:var(--light);margin:0;font-size:9.5vw;font-weight:400;line-height:1;position:relative}.about-hero h1>span{display:block}.hero-copy{justify-content:center;align-items:center;display:flex}.scroll-down{opacity:.85;flex-direction:column;align-items:center;gap:.45rem;display:flex;position:absolute;bottom:1.5rem;left:50%;transform:translate(-50%)}.scroll-down .mouse{background-color:#8c52ff2e;border:2px solid #ac80ffcc;border-radius:2rem;width:2.4rem;height:4.6rem;margin-bottom:3rem;display:flex}.scroll-down .mouse span{background-color:#f2f2f2;border-radius:2rem;width:.75rem;height:.75rem;margin:auto;animation:1.1s ease-in-out infinite move-wheel;display:block}.scroll-down .arrow span{border:4px solid #ac80ffe6;border-color:#0000 #ac80ffe6 #ac80ffe6 #0000;width:.75rem;height:.75rem;animation:1.1s ease-in-out infinite arrow-down;display:block;transform:rotate(135deg)}.scroll-down .arrow span:last-child{opacity:.55;margin-top:-6px;animation-delay:.12s}@keyframes move-wheel{0%{opacity:.6;transform:translateY(-.65rem)}to{opacity:1;transform:translateY(.65rem)}}@keyframes arrow-down{0%{opacity:0;transform:translateY(-2px)rotate(135deg)}50%{opacity:.7}to{opacity:1;transform:translateY(6px)rotate(135deg)}}.video-section{height:100%;padding:0 40px}.video-container-desktop{will-change:transform;flex-direction:column;gap:2em;display:flex;position:relative;transform:translateY(-105%)scale(.25)}.video-container-desktop .video-title p{font-size:78px;font-weight:500;position:relative}.video-container-mobile{width:100%;max-width:800px;margin:0 auto;display:none}.video-preview{aspect-ratio:16/9;cursor:none;background-color:#0000;border-radius:1.5rem;width:100%;position:relative;overflow:hidden}.video-trigger{color:#fff;letter-spacing:.02em;text-transform:uppercase;-webkit-backdrop-filter:blur(12px);opacity:0;z-index:2;pointer-events:none;background:#0a0a1259;border:1px solid #ffffff59;border-radius:50%;place-items:center;width:120px;height:120px;font-size:13px;transition:opacity .25s,transform .25s;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.85)}@media (hover:none) and (pointer:coarse){.video-preview{cursor:default}.video-trigger{opacity:1;transform:translate(-50%,-50%)scale(1)}}.video-preview.is-hovered .video-trigger,.video-preview:focus-within .video-trigger{opacity:1;transform:translate(-50%,-50%)scale(1)}.video-trigger span{text-align:center;padding:0 12px}.video-wrapper{border-radius:1.5rem;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.vimeo-poster{z-index:1;background:#000;transition:opacity .35s,visibility .35s;position:absolute;inset:0}.vimeo-poster img{object-fit:cover;width:100%;height:100%}.vimeo-poster.is-hidden{opacity:0;visibility:hidden;pointer-events:none}.video-wrapper video,.video-wrapper iframe{pointer-events:none;border:0;border-radius:1.5rem;width:100%;height:100%;position:absolute;top:0;left:0}.video-overlay{opacity:0;pointer-events:none;z-index:10060;place-items:center;transition:opacity .25s;display:grid;position:fixed;inset:0}.video-overlay.is-open{opacity:1;pointer-events:auto}.video-overlay-backdrop{-webkit-backdrop-filter:blur(10px);z-index:0;background:#000000bf;position:absolute;inset:0}.video-overlay-content{aspect-ratio:16/9;z-index:1;pointer-events:auto;place-items:center;width:min(1100px,92vw);display:grid;position:relative}.video-overlay-player{background:#000;border:0;border-radius:20px;width:100%;height:100%;pointer-events:auto!important}.video-close{-webkit-backdrop-filter:blur(10px);color:#fff;cursor:pointer;z-index:2;background:#14141c8c;border:none;border-radius:50%;width:44px;height:44px;font-size:20px;position:absolute;top:-18px;right:-18px;box-shadow:0 12px 30px #00000073}.services-header{will-change:transform;background-color:#0000;width:100%;padding:0 2rem;position:relative}.services-header img{object-fit:contain}.services-header:first-child,.services-header:nth-child(3){transform:translate(100%)translateY(0%)}.services-header:nth-child(2){z-index:2;transform:translate(-100%)translateY(0%)}.services-copy{text-align:center;width:100%;height:100%;margin-top:155svh;padding:2rem 2rem 25svh;position:relative}.animate-text{--clip-value:100%;text-align:center;width:80%;margin:0 auto;font-size:5rem;position:relative}.animate-text:before{content:attr(data-text);color:#fff;clip-path:inset(0 0 var(--clip-value) 0);will-change:clip-path;position:absolute;top:0;left:0}.experience-section{color:#fff;margin:auto;position:relative;height:auto!important}.beyond-experience{flex-direction:column;justify-content:center;margin:5rem auto;display:flex;position:relative;overflow:hidden}.exp-content{margin-bottom:70px}.exp-title{margin-bottom:60px;font-size:48px;font-weight:600;position:relative}.exp-title:after{content:"";background-color:#a01aa546;width:100%;height:2px;position:absolute;bottom:-10px;left:0}.exp-title--beyond{letter-spacing:.02em}.beyond-experience .exp-bg{opacity:0;z-index:0;transform-origin:50%;border-radius:20px;position:absolute;inset:0;overflow:hidden}.beyond-experience .exp-bg-video{object-fit:cover;border-radius:20px;width:100%;height:100%}.beyond-experience .exp-bg-overlay{background:#000000a6;position:absolute;inset:0}.beyond-experience .exp-title,.beyond-experience .exp-content{z-index:1;position:relative}.exp-item{justify-content:space-between;gap:40px;display:flex}.exp-left{width:25%}.exp-center{width:30%}.exp-right{width:55%;font-size:15px;line-height:1.7}.exp-left h3{margin-bottom:6px;font-size:28px}.exp-sub{color:#fff;margin-bottom:20px;font-size:14px}.exp-meta{flex-direction:column;gap:16px;font-size:14px;display:flex}.exp-item-title{margin-bottom:50px}.exp-item-title h3{font-size:40px}.exp-details{gap:20px;width:100%;display:flex}.exp-details span{text-align:right}.meta-label{color:#fff;width:80px;margin-right:10px;display:inline-block}.meta-label span{text-align:left}.exp-meta a{color:#fff;border-bottom:1px solid #fff;padding-bottom:2px;text-decoration:none}.tools-section{width:100%;height:100svh;padding:80px 5%;position:relative}.grid{border:1px solid #fff3;flex-direction:column;width:100%;height:60%;margin:0 auto;display:flex;position:relative}.grid-row,.grid-item{flex:1;justify-content:center;align-items:center;height:100%;display:flex}.grid-row:first-child{border-bottom:1px solid #fff3}.grid-item:not(:last-child){border-right:1px solid #fff3}.grid-item p{z-index:2;position:relative}.highlight{pointer-events:none;opacity:1;background:#fff;transition:transform .25s,width .25s,height .25s,background-color .25s;position:absolute;top:0;left:0}.timeline-cards{will-change:transform;justify-content:center;align-items:center;display:flex;transform:translateZ(0)}.timeline-cards-header{pointer-events:none;text-align:center;justify-content:center;width:100%;display:flex}.timeline-cards-header h2{font-size:clamp(2rem,10vw,5rem)}.timeline-cards-images{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.timeline-cards-img{aspect-ratio:7/5;will-change:transform;border-radius:.5rem;width:clamp(20rem,25vw,40rem);position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,200%)}.process-section{color:#fff;background:radial-gradient(1000px 500px at 100% 90%,#b863f173,#0000 85%);border-radius:45px;margin-top:50px;padding:120px 8%;position:relative;overflow:visible;height:auto!important}.section-title{text-align:left;letter-spacing:2px;text-transform:capitalize;margin-bottom:80px;font-size:46px}.process-bg{pointer-events:none;position:absolute;inset:0}.bg-text{letter-spacing:6px;color:#ffffff0a;white-space:nowrap;opacity:0;will-change:transform;font-size:160px;font-weight:800;position:absolute;top:0}.bg-text:nth-child(odd){left:-10%}.bg-text:nth-child(2n){right:-10%}.process-content{z-index:2;position:relative}.process-item{max-width:620px;margin-bottom:120px}.process-item.left{text-align:left}.process-item.right{text-align:right;margin-left:auto}.process-item h3{letter-spacing:2px;margin-bottom:12px;font-size:40px}.process-item p{color:#ccc;font-size:18px;line-height:1.7}.project-page{cursor:grab;-webkit-user-select:none;user-select:none}body.dragging{cursor:grabbing}#gallery{width:100vw;height:100svh;padding:0;position:relative;z-index:1!important}body.menu-open #gallery,body.menu-open #gallery canvas{pointer-events:none;cursor:default!important}.vignette-overlay{pointer-events:none;background:radial-gradient(#0000 50%,#0000001a 70%,#000000bf 90%,#000 100%);width:100%;height:100%;position:absolute;top:0;left:0}.contact-info-intro>*,.contact-info-content>*,.feature-list li,.contact-form>*{opacity:1}.contact-page{background:radial-gradient(1000px 500px at 100% 90%,#b863f173,#0000 85%),linear-gradient(#0a0a14 0%,#050509 50%,#000 100%)}.contact-section{color:#fff;align-items:center;min-height:100vh;padding:120px 8%;display:flex;position:relative;overflow:hidden}.contact-container{justify-content:center;width:100%;display:flex}.contact-info-intro p{width:70%}.feature-list{margin:30px 0;padding:0;list-style:none}.feature-list li{color:#e5e5e5;align-items:center;gap:12px;margin-bottom:14px;font-size:14px;display:flex}.check-icon{color:#fff;background:#39164d1f;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;font-size:12px;display:flex}.contact-info{flex-direction:column;width:100%;display:flex}.contact-info h2{margin:20px 0 12px;font-size:42px}.contact-info p{color:#aaa;font-size:15px}.contact-info-content h3{margin-bottom:1rem;font-size:20px}.contact-info-content p{align-items:center;gap:8px;width:70%;margin-bottom:1rem;display:flex}.contact-info-content p a{color:#bdb6c2d0}.contact-info-content i{color:#f8f8f88e;-webkit-backdrop-filter:blur(8px);vertical-align:middle;flex-shrink:0;width:18px;font-size:15px}.contact-info a{color:#8b5cf6;text-decoration:none}.contact-badge{background:#ffffff14;border-radius:999px;padding:6px 12px;font-size:12px;display:inline-block}.contact-form{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);filter:blur();opacity:1;background:#ffffff0a;border-radius:16px;width:100%;padding:36px;transform:translateY(0)}.contact-honeypot{width:1px;height:1px;position:absolute;top:auto;left:-10000px;overflow:hidden}.form-group{margin-bottom:20px}.form-group label{color:#ccc;margin-bottom:8px;font-size:13px;display:block}.optional-label{color:#ffffff80;font-weight:400}.input-wrapper,.textarea-wrapper{position:relative}.input-wrapper input,.textarea-wrapper textarea{color:#fff;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:15px;outline:none;width:100%;padding:14px 46px 14px 18px;font-size:14px}.input-wrapper input:-webkit-autofill{-webkit-text-fill-color:#fff;caret-color:#fff;transition:background-color 9999s ease-in-out;box-shadow:inset 0 0 0 1000px #ffffff0f}.input-wrapper input:-webkit-autofill:hover{-webkit-text-fill-color:#fff;caret-color:#fff;transition:background-color 9999s ease-in-out;box-shadow:inset 0 0 0 1000px #ffffff0f}.input-wrapper input:-webkit-autofill:focus{-webkit-text-fill-color:#fff;caret-color:#fff;transition:background-color 9999s ease-in-out;box-shadow:inset 0 0 0 1000px #ffffff0f}.textarea-wrapper textarea:-webkit-autofill{-webkit-text-fill-color:#fff;caret-color:#fff;transition:background-color 9999s ease-in-out;box-shadow:inset 0 0 0 1000px #ffffff0f}.textarea-wrapper textarea:-webkit-autofill:hover{-webkit-text-fill-color:#fff;caret-color:#fff;transition:background-color 9999s ease-in-out;box-shadow:inset 0 0 0 1000px #ffffff0f}.textarea-wrapper textarea:-webkit-autofill:focus{-webkit-text-fill-color:#fff;caret-color:#fff;transition:background-color 9999s ease-in-out;box-shadow:inset 0 0 0 1000px #ffffff0f}.textarea-wrapper textarea{resize:none;border-radius:14px;height:120px}.input-wrapper input::placeholder,.textarea-wrapper textarea::placeholder{color:#777}.char-count{color:#666;font-size:11px;position:absolute;bottom:10px;right:14px}.char-count.is-low{color:#e7c56d}.field-status{color:#fff;opacity:0;pointer-events:none;background:#7c3aed;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:12px;transition:opacity .2s,transform .2s;display:flex;position:absolute;top:50%;right:12px;transform:translateY(-50%)scale(.9)}.textarea-wrapper .field-status{top:14px;transform:scale(.9)}.form-group.is-valid .input-wrapper .field-status{opacity:1;transform:translateY(-50%)scale(1)}.form-group.is-valid .textarea-wrapper .field-status{opacity:1;transform:scale(1)}.form-group.is-valid .input-wrapper input,.form-group.is-valid .textarea-wrapper textarea{border-color:#7c3aedb3}.form-group.is-invalid .input-wrapper input,.form-group.is-invalid .textarea-wrapper textarea{border-color:#ff5c7ab3}.form-error{color:#ff7a9a;opacity:0;margin-top:8px;font-size:12px;transition:opacity .2s,transform .2s;transform:translateY(-4px)}.form-group.is-invalid .form-error{opacity:1;transform:translateY(0)}.form-checkbox{align-items:center;gap:10px;margin:24px 0;font-size:13px;display:flex}.form-checkbox input{appearance:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;background:#ffffff1f;border:1px solid #ffffff73;border-radius:4px;place-items:center;width:18px;height:18px;transition:background .2s,border-color .2s,box-shadow .2s,transform .2s;display:grid;box-shadow:inset 0 0 0 1px #ffffff14,0 6px 18px #00000040}.form-checkbox input:after{content:"";opacity:0;border:2px solid #fffffff2;border-width:0 2px 2px 0;width:6px;height:10px;transition:opacity .2s,transform .2s;transform:rotate(45deg)scale(.6)}.form-checkbox input:checked{background:#7c3aed40;border-color:#c8b4ffe6;box-shadow:inset 0 0 0 1px #ffffff26,0 10px 24px #7c3aed40}.form-checkbox input:checked:after{opacity:1;transform:rotate(39deg)scale(1)}.form-checkbox input:focus-visible{outline-offset:2px;outline:2px solid #c8b4ffbf}.form-checkbox a{color:#8b5cf6;text-decoration:none}.form-checkbox.is-invalid input{border-color:#ff5c7acc;box-shadow:inset 0 0 0 1px #ff5c7a2e,0 10px 24px #ff5c7a29}.turnstile-field{min-height:65px;margin:8px 0 18px}.form-status{color:#ffffffb8;min-height:20px;margin:0 0 14px;font-size:13px}.form-status[data-status=loading]{color:#d8c8ff}.form-status[data-status=success]{color:#a7f3d0}.form-status[data-status=error]{color:#ff7a9a}.submit-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#3a1679,#6504e4);border:none;border-radius:15px;justify-content:center;align-items:center;gap:8px;width:100%;padding:16px;font-size:15px;transition:transform .2s,box-shadow .2s,opacity .2s;display:flex}.submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 40px #7c3aed66}.submit-btn:disabled{cursor:progress}.form-success{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:0;pointer-events:none;z-index:10050;background:#0000008c;justify-content:center;align-items:center;transition:opacity .25s;display:flex;position:fixed;inset:0}.form-success.is-visible{opacity:1;pointer-events:auto}.form-success-card{color:#fff;text-align:center;background:linear-gradient(135deg,#5300a0,#6504e4);border-radius:18px;width:min(360px,90vw);padding:28px 30px;box-shadow:0 18px 50px #00000073}.form-success-icon{background:#ffffff2e;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 14px;display:flex}.form-success-icon svg{color:#fff;width:32px;height:32px}.form-success h3{margin-bottom:6px;font-size:22px}.form-success p{opacity:.9;font-size:14px}.footer-section{color:#fff;width:100%;font-family:var(--font-sans);background:0 0;padding:80px 0 0}.footer-top{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;width:90%;margin:0 auto;padding-bottom:60px;display:flex;position:relative}.footer-col{min-width:260px}.footer-col h3{margin-bottom:10px;font-size:18px;font-weight:600}.footer-col p{opacity:.8;font-size:14px;line-height:1.4}.footer-col a{color:#fff;text-decoration:none}.center-col{text-align:center}.footer-btn{color:#fff;cursor:pointer;background:linear-gradient(90deg,#5a00b4,#0064ff);border:none;border-radius:30px;margin-top:10px;padding:12px 25px;font-size:14px;transition:all .2s}.footer-btn:hover{transform:scale(1.05)}.footer-mid{border-top:1px solid #ffffff4d;border-bottom:1px solid #ffffff4d;justify-content:space-between;width:90%;margin:0 auto;padding:25px 0;display:flex}.footer-mid p{opacity:.7;font-size:13px}.footer-links{position:absolute;left:50%;transform:translate(-50%)}.footer-links a{color:#fff;transform:.3s ease-in;margin-left:35px}.footer-links a:hover{transform:.3s ease;text-decoration:underline}.footer-links a:first-child{margin-left:0}.socials{justify-content:center;align-items:center;gap:20px;display:flex}.socials a{opacity:.7;color:#fff;font-size:16px;text-decoration:none}.socials a:hover{opacity:1}.footer-bottom{pointer-events:none;justify-content:center;width:100%;height:140px;margin-top:20px;display:flex;position:relative;overflow:hidden}.footer-big-text{white-space:nowrap;letter-spacing:2px;color:#fff;font-family:Oswald,sans-serif;font-size:175px;font-weight:900;font-stretch:50%;line-height:.8;transform:translateY(18%)}.mobile-only{display:none}@media (max-width:1366px) and (min-width:1001px){.hero-content{margin-top:0}.section-title h1{font-size:2.8rem}.hero-content h1{font-size:3.8rem}.spotlight-intro-header :is(h1,h2),.spotlight-outro-header :is(h1,h2){font-size:50px}.shape{width:175px;height:175px}.services-copy{margin-bottom:5rem}.animate-text{font-size:4rem}.about-content{margin-top:5rem}.about-page .beyond-experience{height:auto;min-height:100svh}}@media (max-width:1300px){.hero-section{padding:0 5rem}.hero-main{grid-template-columns:minmax(0,1fr) minmax(24rem,.9fr);gap:clamp(2rem,3vw,3rem);width:100%;min-height:100vh;padding-top:10vh;padding-bottom:10vh}.hero-content{margin:0}.hero-content h1{margin-bottom:1rem;font-size:3.4rem}.hero-interface-visual{width:100%;max-width:36rem}.hero-description{margin-bottom:0}}@media (max-width:1000px){.hero-main{flex-direction:column;justify-content:center;gap:.25rem;height:auto;min-height:100svh;padding:108px 0 48px;display:flex}.hero-section{height:auto;min-height:100svh;overflow:hidden}.hero-interface-visual{z-index:1;opacity:.9;width:min(100% - 2rem,38rem);margin:-.4rem auto 0;position:relative;top:auto;right:auto;transform:none}.hero-interface-shell{inset:16% 8% 11% 10%;transform:perspective(900px)rotateX(6deg)rotateY(-6deg)}.hero-interface-blueprint{opacity:.74}.hero-interface-label-row{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:.42rem}.hero-interface-frame{min-height:16rem}.hero-interface-canvas{grid-template-columns:3.5rem minmax(0,1fr);gap:.72rem;padding:.82rem}.hero-interface-explore{inset:38% 18% 9%}}@media (max-width:800px){.service{flex-direction:column}}@media (max-width:1000px){.menu-media-wrapper{display:none}.menu-content-main,.menu-footer{width:100%}.menu-content-main{flex-direction:column;align-items:flex-start;gap:5rem;top:50%}.menu-link a{font-size:3rem}.menu-tag a{font-size:1.25rem}.hero h1{letter-spacing:0;font-size:2rem}.preloader-images{width:10rem;height:10rem;top:35%}.preloader-copy{width:80%}.preloader-header{transform:translateY(50svh)}.preloader-header a{font-size:2rem}.video-container-desktop{display:none}.video-container-mobile{flex-direction:column;gap:1em;padding:2rem;display:flex}.about-page .about-hero{height:auto;min-height:30svh;margin-top:5rem;padding-bottom:2rem}.scroll-down,.hero-copy{display:none}.about-page .video-section{height:auto;padding:0}.about-page section:not(.about-hero):not(.services){height:auto;min-height:0}.about-page .timeline-cards{height:100vh!important}.about-page .experience-section{margin-bottom:4rem}.about-page .tools-section{height:auto;min-height:0;padding:80px 5%}.about-content{width:100%}.work,.row{gap:2rem}.row{flex-direction:column}}@media (max-width:1400px){.footer-big-text{letter-spacing:1px;font-size:150px;transform:translateY(20%)}}@media (max-width:1200px){.footer-big-text{font-size:130px;transform:translateY(20%)}}@media (max-width:992px){.hero-content{margin:0}.hero-content h1{font-size:4.5rem}.clients-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.capabilities-section{padding:90px 6vw 60px}.capabilities-grid{grid-template-columns:1fr}.capability-card{min-height:0}.approach-container{grid-template-columns:1fr}.approach-details{padding-top:0}.video-container-desktop{display:none}.video-container-mobile{flex-direction:column;gap:1em;display:flex}.exp-item{flex-direction:column}.exp-left,.exp-right{width:100%}.exp-title{font-size:38px}.tools-section{height:100%;min-height:100svh;padding:25vh 0}.desktop-only{display:none}.mobile-only{display:block}.mobile-motion-summary{gap:24px;padding:72px clamp(18px,5vw,32px) 88px;display:grid}.mobile-motion-heading{gap:10px;display:grid}.mobile-motion-heading p{color:#c79cff;letter-spacing:.16em;text-transform:uppercase;margin:0;font-size:.68rem;font-weight:700}.mobile-motion-heading h2{color:#fff;letter-spacing:-.045em;max-width:15ch;margin:0;font-size:clamp(2.15rem,9.5vw,3.35rem);font-weight:500;line-height:1}.mobile-motion-card{color:#fff;background:#ffffff0b;border:1px solid #ffffff21;border-radius:22px;display:block;overflow:hidden;box-shadow:0 20px 42px #00000052}.mobile-motion-media{aspect-ratio:16/10;background:#08070b;position:relative;overflow:hidden}.mobile-motion-media img{object-fit:cover;border-radius:0}.mobile-motion-card-copy{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:5px 16px;padding:18px;display:grid}.mobile-motion-card-copy span{color:#ffffff80;letter-spacing:.12em;text-transform:uppercase;grid-column:1;font-size:.66rem;font-weight:700}.mobile-motion-card-copy strong{grid-column:1;font-size:1rem;font-weight:600}.mobile-motion-card-copy i{color:#d7b9ff;border:1px solid #ffffff2e;border-radius:50%;grid-area:1/2/3;place-items:center;width:42px;height:42px;font-size:1.1rem;font-style:normal;display:grid}.animate-text,.projects-section h1{font-size:3rem}.projects-section span{font-size:20px}.faq-main-content{flex-direction:column;gap:2rem;padding:20px 0}.faq-left img,.faq-left h1{width:100%}.faq-left img{height:500px}.section-title h1{font-size:3rem}.timeline-cards-header h1{text-align:center}.grid{height:max-content}.grid-row{flex-direction:column}.grid-item{width:100%;padding:60px 0}.grid-item:not(:last-child){border-bottom:1px solid #fff3;border-right:none}.highlight{display:none}.footer-links{position:relative}.footer-mid{text-align:center;flex-direction:column;gap:15px}.footer-top{text-align:center;flex-direction:column;align-items:center;gap:30px}.footer-big-text{font-size:110px;transform:translateY(22%)}}@media (max-width:768px){.preloader-hint{display:block}.menu-bar{padding:1.2rem}.preloader-streams{opacity:.45;flex-direction:column;gap:15rem}#preloader .preloader-streams .code-col{width:min(260px,70vw)}.preloader-final{text-align:center;font-size:24px}#preloader .preloader-streams .col-30,#preloader .preloader-streams .col-70{display:none}.preloader-name{bottom:30px;left:30px}.counter-track{bottom:20px;right:30px}.clients-section{padding:80px 6vw 60px}.clients-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.capabilities-head h2{font-size:2.4rem}.capability-card{padding:18px}.approach-section{padding:80px 6vw 50px}.approach-images{height:auto}.hero-section{padding:0}.hero-content{margin:0;padding:25px}.hero-interface-visual{aspect-ratio:1.25;width:min(100% - 1.5rem,28rem);margin-top:-.2rem}.hero-interface-label-row{letter-spacing:.12em;grid-template-columns:repeat(2,minmax(0,1fr));gap:.35rem .55rem;font-size:.54rem;top:3%;left:5%;right:5%}.hero-interface-mode{min-height:1.85rem}.hero-interface-shell{inset:8% 5% 10%;transform:none}.hero-interface-blueprint{opacity:.52}.hero-interface-measures path:nth-child(n+4){display:none}.hero-interface-frame{height:100%;min-height:13.5rem}.hero-interface-stage{inset:23% 5% 10%}.hero-interface-explore{inset:44% 15% 9%}.hero-interface-route{display:none}.hero-interface-canvas{grid-template-columns:minmax(0,1fr);gap:.72rem;height:calc(100% - 2.4rem);padding:.75rem}.hero-interface-sidebar{display:none}.hero-interface-header{align-items:start}.hero-interface-title-lines{width:42%}.hero-interface-grid{grid-template-columns:minmax(0,1fr);gap:.65rem}.hero-interface-stack{grid-template-columns:1fr 1fr;gap:.65rem}.hero-interface-module{padding:.7rem}.hero-interface-module-large{min-height:5.8rem}.hero-interface-responsive{min-height:1.25rem}.hero-interface-orbit{width:3.5rem;bottom:7%;right:3%}.hero-interface-status{letter-spacing:.12em;padding:.36rem .5rem;font-size:.52rem;bottom:7%;left:4%}.about-section{padding:20px 6vw}.about-section.approach-section{padding:80px 6vw 50px}.footer-col .tag-box{margin:0 auto}.hero-content h1{font-size:2.5rem;line-height:1.1}.hero-description{font-size:1rem}.hero-buttons{gap:.75rem;margin-top:1.75rem}.tag-box--primary,.hero-secondary-cta{width:100%;max-width:20rem}.top-img{margin-top:0}.about-images{height:80vh}.marquee{font-size:20px}.arrow{width:30px;height:45px}.spotlight-intro-header :is(h1,h2),.spotlight-outro-header :is(h1,h2){font-size:2.5rem}.btn-get-started{padding:.5rem 1.2rem;font-size:.8rem}.main-btn{padding:.5rem 2rem;font-size:.8rem}.about-images{grid-template-columns:1fr}.about-desc{max-width:100%}.spotlight-pin{height:100svh;min-height:100vh}.spotlight-cover-img{object-fit:contain;width:100vw;height:100vh}.spotlight-cover-img video{object-fit:contain}.item-copy{display:none}.animate-text{width:100%;font-size:1.6rem}.services-header img{border-radius:0}.exp-center{width:70%}.projects-section{padding:1.5rem}.about-page section{padding:2.5em 1.7em}.section-title{margin-bottom:20px;font-size:30px}.process-item h3{font-size:27px}.section-title h1{font-size:2rem}.exp-title{font-size:32px}.exp-item-title h3{font-size:28px}.section-title span{font-size:20px}.exp-title h2{margin-bottom:10px;font-size:30px}.exp-title p{font-size:22px}.work .row{grid-template-columns:repeat(1,1fr)}.faq-left{display:none}.faq-main-content{gap:20px;padding:80px 6%}.faq-question{font-size:17px}.faq-content{padding-left:40px;padding-right:10px}.faq-content p{font-size:15px}.contact-container{flex-direction:column;gap:3rem}.contact-form{padding:30px 15px}.form-checkbox input{width:30px}.form-checkbox input:after{width:4px}.footer-big-text{font-size:85px;transform:translateY(24%)}.footer-bottom{height:110px}}@media (max-width:576px){.hero-main{gap:1rem;padding:96px 0 56px}.hero-content{width:100%;padding:24px}.hero-buttons{flex-direction:column;align-items:stretch;gap:.75rem;width:100%;margin-top:1.8rem}.hero-buttons .tag-box,.hero-buttons .tag-box--primary,.hero-secondary-cta{box-sizing:border-box;width:100%;max-width:none}.hero-interface-visual{aspect-ratio:auto;opacity:1;width:min(100% - 2rem,26rem);height:clamp(22rem,105vw,27rem);margin:.75rem auto 1.5rem}.hero-interface-frame{height:100%;min-height:0}.hero-interface-label-row{gap:.25rem .42rem;top:1%}.hero-interface-mode{min-height:1.65rem;padding-bottom:.18rem}.hero-interface-stage{inset:29% 5% 8%}.hero-interface-explore{inset:48% 13% 7%}.hero-interface-topbar{height:2.2rem}.hero-interface-canvas{height:calc(100% - 2.2rem)}.hero-interface-kicker{letter-spacing:.12em;font-size:.58rem}.hero-interface-stack,.hero-interface-status{display:none}.faq-main-content{padding:70px 5%}.faq-item{padding:18px 0}.faq-num{font-size:12px}.faq-question{font-size:16px}.faq-icon{width:18px;height:18px}.faq-icon span{width:16px}.faq-content{padding-left:35px;padding-right:0}.faq-content p{font-size:14px;line-height:1.45}.footer-big-text{letter-spacing:2px;font-size:40px;transform:translateY(30%)}.footer-bottom{height:85px}}@media (max-width:400px){.menu-link a{font-size:34px}.hero-content{margin:0}.hero-content h1{font-size:2rem}.about-title{font-size:25px;line-height:1.4}.section-title h1{font-size:25px}.animate-text{font-size:1.5rem}.exp-item-title h3{font-size:25px}.exp-title h2{margin-bottom:10px;font-size:25px}.exp-title p{font-size:20px}.footer-big-text{letter-spacing:.5px;font-size:35px;transform:translateY(30%)}.footer-bottom{height:70px}}.hero-content h1{letter-spacing:-.035em;text-wrap:balance;max-width:50rem;font-size:clamp(3.1rem,3.65vw,3.8rem);line-height:1}@media (min-width:1001px){.hero-main{grid-template-columns:minmax(0,1.12fr) minmax(28rem,.88fr)}}.hero-content h1>span{display:block}.hero-description{color:#ffffffa3;max-width:43rem;font-family:Arial,sans-serif;font-size:clamp(1rem,1.05vw,1.12rem);font-weight:400;line-height:1.65}.hero-supporting-line{color:#ffffff8c;letter-spacing:.12em;text-transform:uppercase;font-family:Arial,sans-serif;font-size:.76rem;font-weight:600}.projects-section{margin-top:clamp(4rem,8vw,8rem);padding:clamp(4.5rem,7vw,7.5rem) 5.5% clamp(3.5rem,5vw,5rem)}.projects-section .section-title{font-size:initial;letter-spacing:normal;text-transform:none;border-bottom-color:#ffffff38;grid-template-columns:minmax(0,1.15fr) minmax(20rem,.65fr);align-items:end;gap:clamp(3rem,8vw,10rem);margin:0;padding-bottom:clamp(2.25rem,3vw,3.5rem);display:grid}.projects-heading-copy{gap:1.15rem;display:grid}.projects-section .projects-kicker{color:#b98aff;letter-spacing:.18em;text-transform:uppercase;font-family:Arial,sans-serif;font-size:.74rem;font-weight:700}.projects-section h2{color:#fff;letter-spacing:-.055em;max-width:11ch;margin:0;font-size:clamp(4rem,6.4vw,7.25rem);font-weight:600;line-height:.82}.projects-section h2>span{color:#ffffff6b;letter-spacing:-.035em;font-size:.68em;line-height:1.05;display:block}.projects-intro{color:#ffffffa3;letter-spacing:-.01em;max-width:31rem;margin:0 0 .35rem;padding-top:1.25rem;font-family:Arial,sans-serif;font-size:clamp(1.05rem,1.35vw,1.3rem);font-weight:400;line-height:1.5;position:relative}.projects-intro:before{content:"";background:#b98aff;width:3.5rem;height:1px;position:absolute;top:0;left:0}@media (max-width:1000px){.hero-content h1{max-width:42rem;font-size:clamp(3rem,7vw,4rem)}.projects-section .section-title{grid-template-columns:1fr;gap:2.5rem}.projects-section h2{font-size:clamp(4rem,11vw,6rem)}}@media (max-width:600px){.hero-content h1{font-size:clamp(2.25rem,10vw,2.9rem);line-height:1.01}.hero-content h1>span{display:inline}.projects-section{padding:4.5rem 1.5rem 3rem}.projects-section h2{font-size:clamp(3.25rem,16vw,5rem)}.projects-intro{max-width:27rem;font-size:1rem}}@media (max-width:576px){.hero-interface-label-row{letter-spacing:.06em;grid-template-columns:repeat(4,minmax(0,1fr));gap:.35rem;font-size:.46rem;top:1%;left:3%;right:3%}.hero-interface-mode{min-height:1.8rem;padding-bottom:.2rem}.hero-interface-stage{inset:12% 3% 2%}.hero-interface-visual[data-mode=design] .design-artboard-wrap{height:72%;top:4%}.hero-interface-visual[data-mode=design] .design-artboard-meta{display:none}.hero-interface-visual[data-mode=design] .design-controls{bottom:0}.hero-interface-halo{inset:4% 0 2%}.hero-interface-explore{inset:30% 8% 8%}.design-component-heading{font-size:.68rem}.design-token-kicker,.design-component-action{font-size:.38rem}.code-scene-source{font-size:.36rem;line-height:1.35}.code-preview-copy h3,.motion-preview-copy h3{font-size:.58rem}.production-page-copy strong{font-size:.48rem}}@media (min-width:577px) and (max-width:1000px){.hero-main{gap:1rem;padding-bottom:64px}.hero-interface-visual{aspect-ratio:1.25;opacity:1;width:min(100% - 3rem,44rem);max-width:44rem;margin:.5rem auto 1.5rem}.hero-interface-shell{inset:5% 3% 6%;transform:none}.hero-interface-label-row{letter-spacing:.09em;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(.4rem,1.2vw,.75rem);font-size:clamp(.48rem,.85vw,.6rem);top:2%;left:4%;right:4%}.hero-interface-mode{min-height:1.85rem;padding-bottom:.24rem}.hero-interface-stage{inset:12% 4% 6%}.hero-interface-explore{inset:28% 10% 8%}.hero-interface-visual[data-mode=design] .design-artboard-wrap{width:70%;height:70%;top:7%;left:2%;transform:none}.hero-interface-visual[data-mode=design] .design-properties{width:25%;min-width:0;top:5%;right:1%;transform:none}.hero-interface-visual[data-mode=design] .design-controls{bottom:0;left:2%;right:1%;transform:none}}@media (min-width:577px) and (max-width:820px){.hero-interface-visual[data-mode=design] .design-properties{display:none}.hero-interface-visual[data-mode=design] .design-artboard-wrap{width:94%;left:3%}.hero-interface-visual[data-mode=design] .design-guide--horizontal{right:2%}}html.lenis,html.lenis body{height:auto}.lenis:not(.lenis-autoToggle).lenis-stopped{overflow:clip}.lenis [data-lenis-prevent],.lenis [data-lenis-prevent-wheel],.lenis [data-lenis-prevent-touch],.lenis [data-lenis-prevent-vertical],.lenis [data-lenis-prevent-horizontal]{overscroll-behavior:contain}.lenis.lenis-smooth iframe{pointer-events:none}.lenis.lenis-autoToggle{transition-behavior:allow-discrete;transition-property:overflow;transition-duration:1ms}html[data-home-preloader-seen=true] #preloader,body[data-home-preloader-seen=true] #preloader{opacity:0!important;display:none!important}.menu-toggle-btn{appearance:none;color:inherit;font:inherit;background:0 0;border:0}.migration-shell{flex-direction:column;justify-content:center;gap:20px;width:min(100% - 48px,960px);min-height:100svh;margin:0 auto;display:flex}.migration-shell h1{font-size:clamp(48px,10vw,128px);line-height:.9}.migration-shell p{color:#ffffffb8;max-width:680px;font-family:Arial,sans-serif;font-size:18px;line-height:1.6}.migration-kicker{text-transform:uppercase;letter-spacing:.08em;font-weight:700;color:#ac80fff2!important;font-size:13px!important}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}
.darkveil-canvas{width:100%;height:100%;display:block}.site-darkveil{z-index:-5;pointer-events:none;background:#000;width:100vw;height:100vh;position:fixed;inset:0;overflow:hidden}#fluid{z-index:-4;pointer-events:none;width:100vw;height:100vh;position:fixed;inset:0}@media (prefers-reduced-motion:reduce){.site-darkveil canvas{opacity:.85}}