:root{--paper:#f6f6f8;--ink:#191a1e;--muted:#74757e;--line:#dddde2;--lime:#d9ff8a;--blue:#6c80ff;--lavender:#c1b5ff;--web-scene:#eeedf3;--web-demo:#dad2f2;--web-demo-ink:#473763;--web-demo-accent:#c0a5fd;--coral-demo:#fad9c6;--coral-ink:#884934;--coral-accent:#f8aa83;--lime-demo:#e0edb7;--lime-ink:#43502d;--lime-accent:#b1db6d;--app-scene:#edf1ec;--phone-paper:#fcfcf6;--phone-green:#93a782;--experience-scene:#15171d;--experience-accent:#d6ff9e;--work:#111215;--playground:#13141b;--contact:#e9e6f0;--font:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;--font-serif:Georgia,serif;--ease:cubic-bezier(.22,1,.36,1)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:105px}body{background:var(--paper);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;margin:0}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit;border:0}a{color:inherit;text-decoration:none}a:hover{color:inherit}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:5px;outline:3px solid #6476f2}button:disabled{cursor:default}img{max-width:100%;display:block}.project-visual picture,.dialog-image picture{display:contents}h1,h2,h3,h4,p{margin:0}::selection{background:var(--lime);color:var(--ink)}.skip{background:var(--lime);z-index:100;padding:16px 24px;position:fixed;top:-80px;left:20px}.skip:focus{top:15px}[hidden]{display:none!important}.visually-hidden{clip:rect(0,0,0,0);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}.site-header{z-index:30;justify-content:space-between;align-items:center;gap:30px;height:64px;transition:top .4s,background .4s,box-shadow .4s,padding .4s;display:flex;position:absolute;top:27px;left:4.2%;right:4.2%}.site-header.scrolled{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#f6f6f8e8;border:1px solid #fff9;border-radius:44px;padding:0 23px;position:fixed;top:14px;box-shadow:0 3px 30px #191a1e0a}.site-header.scrolled .brand{font-size:23px}.site-header.scrolled .brand svg{height:1.04em}.site-header.scrolled .brand-rest{opacity:0;max-width:0}.site-header.scrolled .brand path{stroke-width:0}.site-header.scrolled .contact-btn{padding:13px 17px}.site-header.scrolled .desktop-nav a{font-size:12px}.brand{letter-spacing:-1.4px;white-space:nowrap;align-items:baseline;font-size:26px;font-weight:600;display:flex}.brand svg{aspect-ratio:30.72/36;width:auto;height:.71em;transition:height .6s var(--ease);flex:none;margin-right:.03em;overflow:visible}.brand path{stroke:currentColor;stroke-width:1px;transition:stroke-width .6s var(--ease)}.brand-rest{max-width:6em;transition:max-width .6s var(--ease),opacity .35s;overflow-x:clip}.brand-dot{vertical-align:top;margin-left:4px;padding-top:4px;font-size:12px;display:inline-block}.desktop-nav{gap:31px;margin-left:36px;display:flex}.desktop-nav a{padding:13px 0;font-size:13px;font-weight:550;position:relative}.desktop-nav a:after{content:"";background:currentColor;height:1px;transition:right .3s;position:absolute;bottom:7px;left:0;right:100%}.desktop-nav a:hover:after{right:0}.mini-star{vertical-align:-1px;margin-left:3px;font-size:17px;display:inline-block}.nav-actions{align-items:center;gap:25px;display:flex}.language{letter-spacing:.1em;background:0 0;padding:12px 0;font-size:11px;font-weight:600}.language span{color:#83848b;font-weight:400}.contact-btn{background:var(--ink);color:#fff;border-radius:30px;align-items:center;gap:21px;padding:16px 20px;font-size:12px;display:flex}.contact-btn>span:last-child{font-size:18px;line-height:1}.contact-btn:hover{background:#42434b}.menu-toggle{background:0 0;width:40px;height:40px;display:none;position:relative}.menu-toggle span{background:currentColor;width:20px;height:1.5px;transition:transform .3s;position:absolute;top:15px;left:10px}.menu-toggle span+span{top:23px}.menu-toggle[aria-expanded=true] span{transform:translateY(4px)rotate(45deg)}.menu-toggle[aria-expanded=true] span+span{transform:translateY(-4px)rotate(-45deg)}.mobile-nav{display:none}.hero{background:radial-gradient(ellipse at 76% 40%,#e7e9f1 0%,#f3f3f6 28%,var(--paper) 58%);height:max(850px,100svh);min-height:800px;max-height:1250px;padding:185px 6.3% 100px;position:relative;overflow:hidden}.hero-copy{z-index:3;pointer-events:none;width:51%;position:relative}.hero-copy>*{pointer-events:auto}.eyebrow{letter-spacing:.12em;font-size:10px;font-weight:550;line-height:1.5}.hero-eyebrow{align-items:center;gap:9px;margin-bottom:29px;display:flex}.live-dot{background:#6f9560;border-radius:50%;flex-shrink:0;width:6px;height:6px;animation:3s infinite live-pulse;display:inline-block;box-shadow:0 0 0 3px #6f95600c}.hero h1{letter-spacing:-.069em;margin-left:-6px;font-size:clamp(78px,7.8vw,128px);font-weight:510;line-height:.99}.hero h1 .muted{color:#8c8e98}.hero-description{color:#696b75;max-width:345px;margin-top:26px;font-size:15px;line-height:1.75}.pill{border-radius:40px;justify-content:space-between;align-items:center;gap:32px;padding:18px 24px;font-size:13px;font-weight:500;transition:background .3s,transform .3s;display:inline-flex}.pill.dark{background:var(--ink);color:#fff}.pill.dark:hover{background:#42434b;transform:translateY(-2px)}.pill.light{color:var(--ink);background:#ececf0}.hero .pill{margin-top:25px}.arrow{font-size:21px;line-height:1}.hero-art{z-index:1;touch-action:pan-y;isolation:isolate;width:61%;position:absolute;top:100px;bottom:130px;right:-2%}.hero-art canvas{opacity:0;z-index:2;width:100%;height:100%;transition:opacity 1s;position:absolute;inset:0}.hero-art.ready canvas{opacity:1}.hero-art.ready .art-fallback{opacity:0}.art-fallback{width:51%;height:55%;transition:opacity 1s;position:absolute;top:20%;left:24%;transform:rotate(-28deg)}.art-fallback div{border:42px solid #9ca9b9;border-radius:48%;width:100%;height:68%;position:absolute;top:15%;box-shadow:inset 7px 8px 15px #fff,inset -10px -8px 15px #3f526d,10px 10px 20px #bfc5d1}.art-fallback div:nth-child(2){transform:rotate(60deg)}.art-fallback div:nth-child(3){transform:rotate(-60deg)}.art-shadow{filter:blur(24px);background:#4b52623c;border-radius:50%;height:30px;position:absolute;bottom:14%;left:25%;right:18%;transform:rotate(-8deg)}.orbit-guide{z-index:-1;border:1px solid #b7bdcc30;border-radius:50%;width:74%;height:74%;position:absolute;top:12%;left:14%;transform:rotate(-22deg)scaleY(.88)}.g2{border-style:dashed;border-color:#b7bdcc25;width:84%;height:84%;top:8%;left:9%;transform:rotate(40deg)scaleY(.88)}.art-coordinate{letter-spacing:.19em;color:#999da8;transform-origin:100%;font-size:9px;position:absolute;top:max(15%,130px);right:15%;transform:rotate(90deg)}.art-caption{letter-spacing:.11em;color:#858894;align-items:center;gap:13px;font-size:9px;display:flex;position:absolute;bottom:9%;left:36%}.crosshair{color:#626a7c;font-size:20px;font-weight:200}.art-switch{z-index:4;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#737682;background:#ffffff8c;border:1px solid #dedee4;border-radius:25px;align-items:center;gap:10px;padding:9px 13px;font-size:10px;display:flex;position:absolute;bottom:-2%;left:40%}.swatch{background:conic-gradient(#bac6e1,#6d8dcb,#cfc8e0,#f2f6f9,#bac6e1);border-radius:50%;width:13px;height:13px}.hero-bottom{border-top:1px solid var(--line);letter-spacing:.12em;justify-content:space-between;align-items:center;padding-top:25px;font-size:9px;display:flex;position:absolute;bottom:34px;left:6.3%;right:6.3%}.scroll-cue{color:#80828b;align-items:center;gap:12px;display:flex}.scroll-line{background:#b4b6be;width:1px;height:18px;position:relative;overflow:hidden}.scroll-line:after{content:"";background:#373a41;width:1px;height:8px;animation:2s infinite scroll-drop;position:absolute}.current-project{color:#84858f;align-items:center;gap:10px;display:flex}.current-project strong{color:var(--ink);letter-spacing:.03em;margin-left:10px;font-size:12px}.current-project>span:last-child{color:var(--ink);font-size:17px}.capabilities{background:var(--paper);position:relative}.capabilities-intro{grid-template-columns:1.4fr 1fr;align-items:end;column-gap:80px;padding:96px 6.3% 80px;display:grid}.capabilities-intro .section-meta{grid-column:1/-1;align-self:start;margin-bottom:54px}.section-meta{letter-spacing:.13em;color:#8b8e98;justify-content:space-between;align-items:center;gap:20px;font-size:9px;font-weight:500;display:flex}.little-orbit{color:#9e9ba9;font-size:30px;animation:15s linear infinite spin;display:inline-block}.capabilities-intro h2{letter-spacing:-.066em;font-size:clamp(48px,6.3vw,96px);font-weight:460;line-height:1.02}.capabilities-intro h2>span{color:#9594a3}.capabilities-intro>p{color:#797a87;padding-bottom:5px;font-size:14px;line-height:1.9}.kinetic-ribbon{white-space:nowrap;border-top:1px solid #dedee6;border-bottom:1px solid #dedee6;padding:24px 0;overflow:hidden}.kinetic-ribbon>div{width:max-content;animation:35s linear infinite ribbon-travel;display:flex}.kinetic-ribbon span{letter-spacing:-.03em;padding-right:35px;font-size:31px;font-weight:500}.kinetic-ribbon b{color:#a29ab8;vertical-align:middle;margin:0 35px;font-size:29px;font-weight:300;animation:12s linear infinite spin;display:inline-block}.experience-track{height:285svh;position:relative}.experience-pin{background:var(--web-scene);color:#22232a;isolation:isolate;height:100svh;min-height:720px;max-height:1200px;transition:background 1.1s,color .7s;position:sticky;top:0;overflow:hidden}.experience-pin[data-scene="1"]{background:var(--app-scene)}.experience-pin[data-scene="2"]{background:var(--experience-scene);color:#f6f6f8}.experience-top{letter-spacing:.13em;color:#92919e;justify-content:space-between;align-items:center;font-size:8px;display:flex;position:absolute;top:119px;left:6.3%;right:6.3%}.scene-counter{color:#6c697e;font-variant-numeric:tabular-nums;letter-spacing:.02em;font-size:11px}.scene-counter i{color:#b2afbd;margin-left:7px;font-style:normal}.experience-copy{z-index:5;width:31%;position:absolute;top:31%;left:6.3%}.scene-copy{opacity:0;visibility:hidden;transition:opacity .6s,transform .9s var(--ease),visibility .6s;position:absolute;top:0;left:0;right:0;transform:translateY(35px)}.scene-copy.active{opacity:1;visibility:visible;transform:translateY(0)}.scene-kicker{letter-spacing:.13em;color:#8a879b;font-size:8px}.scene-copy h3{letter-spacing:-.06em;margin-top:22px;font-size:clamp(38px,4.15vw,68px);font-weight:460;line-height:1.04}.scene-copy h3 em{color:#a19aaf;font-style:normal}.scene-copy[data-copy="1"] h3 em{color:#8a9e89}.scene-copy[data-copy="2"] h3 em{color:#caff87}.scene-copy p{color:#88838f;max-width:300px;margin-top:24px;font-size:12px;line-height:1.85}.scene-copy[data-copy="1"] p{color:#7e8b7d}.scene-copy[data-copy="2"] p{color:#a1a5ac}.scene-tags{flex-wrap:wrap;gap:8px;margin-top:18px;display:flex}.scene-tags>span{white-space:nowrap;border:1px solid #a8a0b129;border-radius:30px;padding:7px 10px;font-size:8px}.scene-link{background:0 0;border-bottom:1px solid #b9b4c2;align-items:center;gap:30px;margin-top:30px;padding:0 0 8px;font-size:11px;transition:gap .3s;display:flex}.scene-link>span:last-child{font-size:19px}.scene-link:hover{gap:42px}.device-stage{perspective:1400px;height:66%;max-height:720px;position:absolute;top:18%;left:41%;right:4%}.showcase-scene{opacity:0;visibility:hidden;transition:opacity .7s,transform 1.1s var(--ease),visibility .7s;perspective:1400px;position:absolute;inset:0;transform:translateY(70px)scale(.92)}.showcase-scene.active{opacity:1;visibility:visible;transform:translateY(0)scale(1)}.scene-bottom{z-index:7;justify-content:space-between;align-items:center;gap:25px;display:flex;position:absolute;bottom:56px;left:6.3%;right:6.3%}.scene-tabs{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffff40;border:1px solid #ffffff80;border-radius:32px;gap:6px;padding:5px;display:flex}.scene-tabs button{white-space:nowrap;color:#8d8998;background:0 0;border-radius:23px;padding:13px 20px;font-size:11px;transition:background .4s,color .4s}.scene-tabs button span:first-child{color:#a9a5b1;margin-right:6px;font-size:7px}.scene-tabs button[aria-selected=true]{color:#fff;background:#23242b}.scene-tabs button[aria-selected=true] span:first-child{color:#bbb7cb}.scene-scroll-hint{letter-spacing:.1em;color:#92909e;font-size:8px}.scene-progress{background:#1d1d2410;height:2px;position:absolute;bottom:0;left:0;right:0}.scene-progress span{width:100%;height:100%;transform:scaleX(var(--scene-progress,0));transform-origin:0;background:#9e88d5;display:block}.experience-pin[data-scene="2"] .scene-tabs{background:#ffffff06;border-color:#ffffff19}.experience-pin[data-scene="2"] .scene-tabs button[aria-selected=true]{background:var(--experience-accent);color:#192014}.experience-pin[data-scene="2"] .scene-tabs button[aria-selected=true] span:first-child{color:#647c4d}.experience-pin[data-scene="2"] .scene-progress span{background:var(--experience-accent)}.experience-pin[data-scene="2"] .scene-counter{color:#c8d5bb}.showcase-disclaimer{text-align:center;letter-spacing:.09em;color:#a09baa;font-size:6px;line-height:1.7;position:absolute;bottom:5px;left:0;right:0}.floating-browser{width:96%;transform-style:preserve-3d;animation:7s ease-in-out infinite browser-float;position:absolute;top:13%;left:1%}.browser-window{width:100%;transform:rotateY(calc(-12deg + var(--scene-local,.3)*17deg)) rotateX(calc(8deg - var(--scene-local,.3)*5deg)) rotateZ(-2deg);background:#fbfbff;border:1px solid #fff;border-radius:13px;transition:transform .2s linear;overflow:hidden;box-shadow:12px 28px 65px #463b681c,0 1px 4px #5551}.browser-toolbar{color:#9b94a8;background:#f8f7fb;justify-content:space-between;align-items:center;height:35px;padding:0 15px;font-size:7px;display:flex}.browser-toolbar>span:last-child{font-size:15px}.browser-dots{gap:4px;display:flex}.browser-dots i{background:#d4cedd;border-radius:50%;width:5px;height:5px}.web-demo{--preview-bg:var(--web-demo);--preview-ink:var(--web-demo-ink);--preview-accent:var(--web-demo-accent);background:var(--preview-bg);color:var(--preview-ink);aspect-ratio:1.54;padding:23px 29px;transition:background .8s,color .8s;position:relative;overflow:hidden}.web-demo[data-theme=orange]{--preview-bg:var(--coral-demo);--preview-ink:var(--coral-ink);--preview-accent:var(--coral-accent)}.web-demo[data-theme=green]{--preview-bg:var(--lime-demo);--preview-ink:var(--lime-ink);--preview-accent:var(--lime-accent)}.web-demo-nav{z-index:2;justify-content:space-between;align-items:center;display:flex;position:relative}.web-demo-nav strong{letter-spacing:-.07em;font-size:26px;font-weight:650}.web-demo-nav strong>span{vertical-align:top;margin-left:2px;padding-top:3px;font-size:9px;display:inline-block}.web-demo-nav>span{letter-spacing:.14em;font-size:5px}.web-demo-body{align-items:center;height:calc(100% - 70px);margin-top:23px;display:flex;position:relative}.web-demo-copy{z-index:2;flex-direction:column;display:flex;position:relative}.web-demo-copy>small{letter-spacing:.12em;font-size:6px}.web-demo-copy>strong{letter-spacing:-.065em;margin-top:18px;font-size:clamp(40px,5vw,83px);font-weight:440;line-height:.91}.web-demo-copy>span{margin-top:15px;font-size:8px}.web-demo-bottom{letter-spacing:.13em;justify-content:space-between;align-items:center;font-size:5px;display:flex;position:absolute;bottom:20px;left:29px;right:29px}.demo-mini-arrow{border:1px solid #5140684a;border-radius:50%;place-items:center;width:28px;height:28px;font-size:16px;display:grid}.web-orb{aspect-ratio:1;perspective:700px;width:60%;transform-style:preserve-3d;animation:9s ease-in-out infinite orb-drift;position:absolute;top:-17%;right:-4%}.orb-ring-set{transform-style:preserve-3d;animation:24s linear infinite orb-spin;position:absolute;inset:15%}.orb-ring-set i{transform:rotateY(calc(var(--ring)*15deg));background:linear-gradient(90deg,#0000 42%,#fff1,#0000 58%);border:2px solid #fff8;border-radius:50%;position:absolute;inset:0;box-shadow:inset 0 0 13px #fff4,0 0 5px #fff5}.orb-core{background:radial-gradient(circle at 30% 23%,#fffd 0%,var(--preview-accent) 35%,var(--preview-ink) 95%);border-radius:50%;transition:background .7s;position:absolute;inset:28%;box-shadow:inset -10px -10px 22px #3b1d6b36,10px 15px 50px #5c3b8936}.web-orbit{border:1px solid #bcb3ce35;border-radius:50%;position:absolute;inset:5% 2% 8%;transform:rotate(-20deg)}.web-orbit.second{border-style:dashed;inset:10% -3% 12%;transform:rotate(17deg)}.floating-label{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);letter-spacing:.07em;color:#7f758e;background:#fffc;border:1px solid #fff;border-radius:12px;align-items:center;gap:12px;padding:16px 20px;font-size:7px;display:flex;position:absolute;box-shadow:0 10px 30px #4e3c6810}.label-responsive{animation:6s ease-in-out infinite label-float;top:4%;right:1%}.responsive-icon{color:#847294;font-size:28px;line-height:1}.demo-theme-controls{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffb8;border:1px solid #fff;border-radius:26px;align-items:center;gap:9px;padding:11px 15px;display:flex;position:absolute;bottom:12%;left:14%;box-shadow:0 10px 40px #76608f12}.demo-theme-controls>span{color:#89808f;margin-right:6px;font-size:9px}.theme-swatch{border-radius:50%;width:22px;height:22px;position:relative}.theme-swatch:after{content:"";border:1px solid #0000;border-radius:50%;transition:border-color .2s;position:absolute;inset:-4px}.theme-swatch[aria-pressed=true]:after{border-color:#9b90ae}.theme-swatch.violet{background:#bda8dd}.theme-swatch.orange{background:#eeaf90}.theme-swatch.green{background:#bad47d}.app-halo{border:1px solid #bbcebc65;border-radius:50%;position:absolute;inset:10% 5% 4%;transform:rotate(-25deg);box-shadow:0 0 80px #b4c3ad30}.phone{transform-style:preserve-3d;will-change:transform;background:#303637;border:2px solid #343939;border-radius:37px;padding:5px;position:absolute;box-shadow:9px 28px 65px #23332536,1px 1px 0 1px #8b958b,0 0 0 1px #525b56}.phone-inner{background:var(--phone-paper);color:#272b26;border-radius:30px;height:100%;padding:14px 16px;position:relative;overflow:hidden}.main-phone{z-index:3;width:236px;height:512px;transform:translateX(-50%) rotateZ(calc(3deg - var(--scene-local,.3)*6deg)) rotateY(calc(-9deg + var(--scene-local,.3)*18deg));transition:transform .2s linear;animation:8s ease-in-out infinite phone-rise;top:0;left:50%}.phone-status{justify-content:space-between;align-items:center;height:16px;font-size:7px;font-weight:650;display:flex;position:relative}.phone-island{background:#202522;border-radius:15px;width:64px;height:17px;position:absolute;top:-7px;left:50%;transform:translate(-50%)}.phone-app-head{justify-content:space-between;align-items:center;height:46px;padding-top:13px;display:flex}.phone-app-head>strong{letter-spacing:-.07em;font-size:23px;font-weight:650}.phone-avatar{color:#879773;background:#e6eddf;border-radius:50%;place-items:center;width:24px;height:24px;font-size:19px;animation:20s linear infinite spin;display:grid}.phone-view{height:347px;padding-top:21px}.phone-view>small{letter-spacing:.1em;color:#969b8d;font-size:6px;display:block}.phone-view h4{letter-spacing:-.055em;margin:10px 0 15px;font-size:25px;font-weight:500;line-height:1.05}.focus-orbit{width:153px;height:153px;margin:0 auto 15px;position:relative}.focus-ring{background:conic-gradient(from -90deg,var(--phone-green) 0%,#c3d3b4 65%,#edf0e7 65%);border-radius:50%;animation:6s ease-in-out infinite focus-breathe;position:absolute;inset:0;-webkit-mask:radial-gradient(#0000 59%,#000 60%);mask:radial-gradient(#0000 59%,#000 60%)}.focus-orbit>span{flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.focus-orbit>span strong{letter-spacing:-.06em;font-size:35px;font-weight:400}.focus-orbit>span small{letter-spacing:.1em;color:#a2aa97;margin-top:8px;font-size:5px}.focus-orbit>i{border-radius:50%;animation:16s linear infinite spin;position:absolute;inset:0}.focus-orbit>i:after{content:"";background:#788c66;border-radius:50%;width:8px;height:8px;position:absolute;top:1px;left:50%;box-shadow:0 0 0 3px #eef3e8}.phone-card{background:#f0f2e8;border:1px solid #e4e8d9;border-radius:13px;align-items:center;gap:9px;min-height:50px;padding:9px 10px;display:flex}.phone-card>span{color:#a0ad8c;font-size:18px}.phone-card>span:last-child{margin-left:auto;font-size:15px}.phone-card strong{font-size:8px;font-weight:550;display:block}.phone-card small{color:#969e8a;margin-top:3px;font-size:6px;line-height:1.6;display:block}.phone-tabs{border-top:1px solid #e9ece1;justify-content:space-around;align-items:center;height:51px;margin-top:5px;display:flex}.phone-tabs button{color:#b4bbae;background:0 0;flex-direction:column;align-items:center;gap:4px;padding:5px 12px;display:flex}.phone-tabs button>span{font-size:19px}.phone-tabs button>small{font-size:6px}.phone-tabs button[aria-pressed=true]{color:#677c52}.side-phone{z-index:1;opacity:.95;border-radius:31px;width:190px;height:407px;top:65px}.side-phone .phone-inner{border-radius:25px;padding:26px 14px}.side-phone .phone-island{width:52px;height:14px;top:7px}.phone-left{transform:translateY(calc(20px + var(--scene-local,.3)*-35px)) rotateZ(-13deg) rotateY(12deg);animation:9s ease-in-out infinite phone-side-float;left:8%}.phone-right{transform:translateY(calc(-8px + var(--scene-local,.3)*35px)) rotateZ(13deg) rotateY(-14deg);animation:9s ease-in-out infinite reverse phone-side-float;right:0}.side-app-logo{letter-spacing:-.06em;margin:13px 0 29px;font-size:19px;font-weight:600}.side-phone small{color:#9da395;letter-spacing:.1em;margin-bottom:8px;font-size:5px;display:block}.side-phone strong{letter-spacing:-.05em;font-size:20px;font-weight:500;line-height:1.05;display:block}.week-bars{align-items:flex-end;gap:6px;height:114px;margin-top:23px;display:flex}.week-bars i{height:var(--bar);width:17px;animation:4s ease-in-out infinite bar-grow;animation-delay:var(--delay);transform-origin:bottom;background:linear-gradient(#9aaf84,#dce4cd);border-radius:6px}.side-row{color:#a3ad95;margin-top:7px;font-size:6px}.mini-stat{color:#93a57f;border-top:1px solid #e2e7da;gap:6px;margin-top:28px;padding-top:15px;font-size:10px;display:flex}.mini-stat b{font-size:8px;font-weight:500}.idea-card{letter-spacing:-.035em;background:#edf0e5;border:1px solid #d9ddd1;border-radius:13px;justify-content:space-between;margin-top:12px;padding:16px 14px;font-size:16px;display:flex}.idea-card.c1{background:#e9e2f0;margin-top:24px;animation:5s ease-in-out infinite card-nudge}.idea-card.c2{background:#f6e6d0;animation:5s ease-in-out 1s infinite card-nudge}.idea-card.c3{background:#e6edd9;animation:5s ease-in-out 2s infinite card-nudge}.phone-interaction-hint{text-align:center;color:#8b9b80;font-size:9px;position:absolute;bottom:38px;left:0;right:0}.plan-tile{border-radius:13px;height:86px;margin-bottom:10px;padding:14px;position:relative}.plan-tile>span{color:#968575;letter-spacing:.07em;margin-bottom:14px;font-size:6px;display:block}.plan-tile strong{letter-spacing:-.03em;font-size:13px;font-weight:500}.plan-tile i{color:#a48f80;font-size:26px;font-style:normal;animation:15s linear infinite spin;position:absolute;top:12px;right:13px}.peach{background:#f5e5d0}.lavender{background:#e5e0ed}.plan-tile+.phone-card{margin-top:14px}.rhythm-visual{justify-content:center;align-items:center;gap:6px;height:173px;margin-bottom:17px;display:flex}.rhythm-visual i{background:linear-gradient(#8fa97b,#dce6d2);border-radius:20px;width:10px;height:70%;animation:2s ease-in-out infinite alternate wave-bars}.rhythm-visual i:nth-child(2n){height:35%;animation-delay:.2s}.rhythm-visual i:nth-child(3n){height:90%;animation-delay:.4s}.rhythm-visual i:nth-child(4n){height:50%;animation-delay:.7s}.assembly-glow{filter:blur(25px);background:radial-gradient(#afd98424,#0000 67%);animation:5s ease-in-out infinite glow-breathe;position:absolute;inset:14% 8% 18%}.assembly{width:288px;height:288px;transform-style:preserve-3d;transform:rotateX(55deg) rotateZ(calc(-32deg + var(--scene-local,.3)*18deg));margin:-144px 0 0 -144px;transition:transform .3s linear;animation:10s ease-in-out infinite assembly-sway;position:absolute;top:45%;left:50%}.glass-layer{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);transform-style:preserve-3d;transition:transform 1.2s var(--ease),box-shadow .8s;background:linear-gradient(135deg,#d9ff9a18,#d9ff9a05 60%,#deffc51a);border:1px solid #d6edb742;border-radius:25px;position:absolute;inset:0;box-shadow:0 18px 26px #0004,inset 0 0 35px #d6ff9a05}.layer-1{transform:translateZ(90px)}.layer-2{transform:translateZ(0)}.layer-3{transform:translateZ(-90px)}.assembly.exploded .layer-1{transform:translateZ(175px)translate(-35px)}.assembly.exploded .layer-2{transform:translateZ(0)translate(22px)}.assembly.exploded .layer-3{transform:translateZ(-175px)translate(70px)}.glass-layer>span{letter-spacing:.12em;color:#c4dfa2;font-size:8px;position:absolute;top:20px;left:22px}.glass-layer>b{color:#d1fba7;font-size:33px;font-weight:300;position:absolute;bottom:16px;right:20px}.layer-orbit{transform-style:preserve-3d;position:absolute;inset:55px}.layer-orbit i{border:1px solid #cefc9d80;border-radius:50%;animation:9s linear infinite layer-spin;position:absolute;inset:0}.layer-orbit i:nth-child(2){transform:rotateY(55deg)}.layer-orbit i:nth-child(3){transform:rotateX(60deg)}.layer-grid{background-color:#0000;background-image:linear-gradient(#c6f19a30 1px,#0000 1px),linear-gradient(90deg,#c6f19a30 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:20px 20px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;animation:6s linear infinite grid-walk;position:absolute;inset:50px;-webkit-mask:radial-gradient(#000,#0000 74%);mask:radial-gradient(#000,#0000 74%)}.layer-cross{color:#d6ff9a60;place-items:center;font-size:100px;font-weight:200;animation:20s linear infinite spin;display:grid;position:absolute;inset:60px}.assembly-axis{width:1px;height:1px;transform-style:preserve-3d;position:absolute;top:50%;left:50%}.assembly-axis:before{content:"";background:linear-gradient(#0000,#dbffa459,#0000);width:1px;height:410px;position:absolute;transform:translateY(-205px)rotateX(90deg)}.assembly-word{color:#b7c9a80c;-webkit-text-stroke:1px #a9b69918;letter-spacing:-.075em;z-index:-1;text-align:center;font-size:clamp(70px,10vw,150px);font-weight:500;position:absolute;bottom:17%;left:5%;right:0}.assembly-toggle{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#cdebb1;white-space:nowrap;background:#d1ff9b0a;border:1px solid #d1ff9b36;border-radius:30px;align-items:center;gap:28px;padding:14px 21px;font-size:10px;transition:background .3s;display:flex;position:absolute;bottom:9%;left:50%;transform:translate(-50%)}.assembly-toggle:hover{background:#d1ff9b1a}.assembly-toggle>span:last-child{font-size:20px}.motion-scene .showcase-disclaimer{color:#78856e}.section-dark{background:var(--work);color:#f6f6f8}.work{border-radius:0;padding:84px 6.3% 75px;position:relative;overflow:hidden}.work-heading{justify-content:space-between;align-items:flex-end;gap:50px;padding:62px 0 44px;display:flex}.work h2{letter-spacing:-.055em;font-size:clamp(40px,4.6vw,72px);font-weight:450;line-height:1.08}.work-heading>p{color:#91949d;min-width:230px;padding-bottom:4px;font-size:13px;line-height:1.8}.project-visual{aspect-ratio:1.98;isolation:isolate;transform:perspective(1200px) rotateX(var(--yaka-tilt,0deg));transform-origin:bottom;will-change:transform;background:#153a3d;border-radius:20px;transition:transform .2s linear;position:relative;overflow:hidden}.project-visual img{object-fit:cover;width:100%;height:100%;transition:transform 2s var(--ease),filter 1s;filter:saturate(.85);will-change:transform;animation:20s ease-in-out infinite alternate yaka-camera;transform:scale(1.03)}.project-visual:hover img{transform:scale(1.065)}.visual-shade{background:linear-gradient(#051e2540 0%,#0000 30%,#03171b20 50%,#001213ac 100%);position:absolute;inset:0}.project-topline{justify-content:space-between;align-items:center;display:flex;position:absolute;top:28px;left:32px;right:32px}.glass-badge{letter-spacing:.12em;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff;white-space:nowrap;background:#17343165;border:1px solid #ffffff50;border-radius:25px;align-items:center;gap:8px;padding:11px 14px;font-size:8px;display:inline-flex}.glass-badge .live-dot{background:var(--lime)}.visual-number{letter-spacing:.13em;color:#f2f5f1d4;font-size:9px}.project-wordmark{letter-spacing:-.075em;color:#fff9ee;font-size:clamp(84px,11vw,170px);font-weight:800;line-height:1;animation:8s ease-in-out infinite wordmark-lift;position:absolute;bottom:44px;left:34px}.project-wordmark>span{letter-spacing:0;vertical-align:top;margin-left:8px;padding-top:22px;font-size:18px;display:inline-block}.project-open{color:#fff;background:0 0;align-items:center;gap:18px;font-size:13px;display:flex;position:absolute;bottom:53px;right:35px}.round-arrow{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffff15;border:1px solid #ffffff70;border-radius:50%;place-items:center;width:62px;height:62px;font-size:33px;font-weight:200;transition:background .3s,transform .4s;display:grid}.project-open:hover .round-arrow{background:var(--lime);color:#111;transform:rotate(45deg)}.concept-label{color:#fff9;letter-spacing:.02em;font-size:8px;position:absolute;bottom:19px;left:36px}.yaka-live-tag{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);color:#fff;letter-spacing:.05em;background:#ffffff17;border:1px solid #ffffff50;border-radius:12px;align-items:center;gap:10px;padding:15px 18px;font-size:9px;animation:7s ease-in-out infinite label-float;display:flex;position:absolute;top:45%;right:30px}.yaka-live-tag>span:first-child{font-size:25px}.yaka-routes{pointer-events:none;opacity:.55;mix-blend-mode:screen;width:100%;height:100%;position:absolute;inset:0}.yaka-routes path{fill:none;stroke:#f1ffd9;stroke-width:1px;stroke-dasharray:4 8;animation:12s linear infinite route-run}.yaka-routes circle{fill:#e8ffaf;stroke:#f9ffe8;stroke-width:2px;animation:3s ease-in-out infinite route-glow}.yaka-routes circle:nth-child(2n){animation-delay:1.5s}.project-topline,.project-wordmark,.project-open,.concept-label{z-index:2}.project-story{grid-template-columns:1.1fr 1.05fr .8fr;gap:45px;padding-top:32px;display:grid}.project-tabs{align-items:flex-start;gap:24px;display:flex}.project-tabs button{color:#777b84;background:0 0;border-bottom:1px solid #0000;flex-direction:column;align-items:flex-start;gap:12px;padding:0 0 13px;transition:color .3s,border-color .3s;display:flex}.project-tabs button>span:first-child{letter-spacing:.05em;font-size:8px}.project-tabs button>span:last-child{letter-spacing:-.05em;font-size:21px}.project-tabs button[aria-selected=true]{color:#e0ff9e;border-bottom-color:#d9ff8a}.project-story h3{letter-spacing:-.02em;margin-bottom:9px;font-size:15px;font-weight:500}.project-story p{color:#9699a1;max-width:340px;min-height:58px;font-size:11px;line-height:1.8}.project-tags{flex-wrap:wrap;place-content:flex-start flex-end;gap:7px;display:flex}.project-tags span{color:#a6a8af;white-space:nowrap;border:1px solid #34363b;border-radius:20px;padding:9px 12px;font-size:9px}.kinetic-process{background:var(--work);color:#fff;--kinetic-shift:0px;padding:55px 0 62px;position:relative;overflow:hidden}.kinetic-process>.section-meta{margin-bottom:40px;padding:0 6.3%}.process-line{white-space:nowrap;will-change:transform;align-items:center;gap:35px;width:max-content;display:flex}.process-line.one{transform:translateX(calc(-25px + var(--kinetic-shift)))}.process-line.two{transform:translateX(calc(-60px - var(--kinetic-shift)*.7))}.process-line.three{transform:translateX(calc(50px + var(--kinetic-shift)*.45))}.process-line strong{letter-spacing:-.075em;font-size:clamp(80px,13.5vw,220px);font-weight:470;line-height:1.07}.process-line .ghost{color:#0000;-webkit-text-stroke:1px #ffffff25}.process-line.two strong{color:#d2c6ed}.process-line.two .ghost{color:#0000;-webkit-text-stroke:1px #c4b4e04a}.process-line.three strong{color:#d4ff8e}.process-line small{letter-spacing:.1em;color:#8a8d99;white-space:normal;text-align:center;max-width:100px;font-size:9px;line-height:1.8;transform:rotate(-90deg)}.process-star{color:#d4ff8e;font-size:115px;animation:18s linear infinite spin;display:inline-block}.kinetic-process>p{color:#9da0a9;max-width:430px;margin:38px 6.3% 0;font-size:12px;line-height:1.8}.playground{background:var(--playground);color:#f7f6ff;isolation:isolate;touch-action:pan-y;border-top:1px solid #ffffff12;height:650px;min-height:590px;position:relative;overflow:hidden}.playground canvas{z-index:-1;width:100%;height:100%;position:absolute;inset:0}.playground:after{content:"";pointer-events:none;z-index:-1;background:linear-gradient(90deg,#13141b99,#0000 70%);position:absolute;inset:0}.lab-top{letter-spacing:.13em;color:#9c9da8;justify-content:space-between;gap:20px;font-size:8px;display:flex;position:absolute;top:40px;left:6.3%;right:6.3%}.experiment{align-items:center;gap:12px;display:flex}.experiment .live-dot{background:#d6cfff}.lab-copy{pointer-events:none;position:absolute;top:28%;left:9%}.lab-copy h2{letter-spacing:-.06em;font-size:clamp(42px,5.5vw,85px);font-weight:430;line-height:1.08}.lab-copy h2 em{font-family:var(--font-serif);color:var(--lavender);font-weight:400}.lab-copy p{color:#9999ac;margin-top:24px;font-size:13px;line-height:1.8}.lab-controls{gap:7px;display:flex;position:absolute;bottom:84px;left:9%}.lab-controls button{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#b3b2c4;background:#20212b8a;border:1px solid #ffffff26;border-radius:30px;padding:11px 21px;font-size:10px;transition:background .3s,color .3s}.lab-controls button.active{color:#31303a;background:#e4ddff;border-color:#e4ddff}.lab-controls button:hover{border-color:#b3a4ec}.lab-controls .burst{color:#c2b7eb;border-color:#ffffff10}.lab-foot{color:#656777;letter-spacing:.11em;justify-content:space-between;font-size:7px;display:flex;position:absolute;bottom:27px;left:6.3%;right:6.3%}.lab-foot span:last-child{font-family:monospace;font-size:9px}.contact{background:var(--contact);isolation:isolate;padding:65px 6.3% 100px;position:relative;overflow:hidden}.contact:before{content:"";z-index:-1;filter:blur(65px);background:conic-gradient(#0000 0deg,#cabcf044 45deg,#0000 100deg,#b7d7e044 180deg,#0000 220deg,#e6d1ee55 300deg,#0000 360deg);animation:30s linear infinite spin;position:absolute;inset:-80%}.contact:after{content:"✳";color:#b6abc916;z-index:-1;font-size:400px;line-height:1;animation:40s linear infinite spin;position:absolute;top:12%;right:8%}.contact-content{justify-content:space-between;align-items:center;gap:60px;margin-top:70px;display:flex}.contact h2{letter-spacing:-.06em;font-size:clamp(40px,5.4vw,82px);font-weight:440;line-height:1.08}.contact h2 em{color:#93959e;font-style:normal}.contact-circle{background:var(--lime);width:150px;height:150px;transition:transform .6s var(--ease),background .4s;border-radius:50%;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:6px;display:flex;position:relative;box-shadow:0 0 70px #d5ff9c55}.contact-circle:before{content:"";border:1px dashed #a8b79070;border-radius:50%;animation:24s linear infinite spin;position:absolute;inset:-12px}.contact-circle>span{font-size:64px;font-weight:200;line-height:1.1;transition:transform .5s}.contact-circle>small{letter-spacing:.09em;font-size:7px}.contact-circle:hover{background:#c7fa68;transform:scale(1.07)}.contact-circle:hover>span{transform:rotate(45deg)}.contact-note{color:#898493;margin-top:26px;font-size:12px}footer{border-top:1px solid var(--line);padding:40px 6.3% 24px}.footer-top{justify-content:space-between;align-items:center;gap:30px;display:flex}.footer-brand{letter-spacing:-.07em;font-size:clamp(42px,9vw,140px);font-weight:580;line-height:1}.footer-brand>span{transition:letter-spacing 1s var(--ease);display:inline-block}.footer-brand:hover>span{letter-spacing:-.035em}.footer-brand .brand-dot{letter-spacing:0;padding-top:8px;font-size:17px}.footer-top>span{color:#7d8089;max-width:170px;font-size:11px;line-height:1.7}.brand-expansion{color:#9b98a5;letter-spacing:.03em;margin-top:28px;font-size:8px;display:block}.footer-bottom{color:#868993;justify-content:space-between;align-items:center;gap:25px;margin-top:50px;font-size:8px;display:flex}.footer-bottom>div{align-items:center;gap:24px;display:flex}.footer-bottom button{color:inherit;background:0 0;padding:4px 0;font-size:8px}.motion-icon{margin-right:7px;font-size:10px;display:inline-block}.toast{opacity:0;pointer-events:none;color:#fff;z-index:100;background:#25262c;border:1px solid #ffffff2d;border-radius:50px;width:max-content;max-width:90vw;padding:14px 23px;font-size:12px;transition:all .3s;position:fixed;bottom:26px;left:50%;transform:translate(-50%,15px);box-shadow:0 10px 50px #0003}.toast.show{opacity:1;transform:translate(-50%)}dialog{max-width:calc(100vw - 36px);max-height:calc(100svh - 50px);color:var(--ink);background:var(--paper);overscroll-behavior:contain;border:0;border-radius:23px;padding:0;box-shadow:0 30px 120px #0005}dialog[open]{animation:dialog-in .35s var(--ease)}dialog::backdrop{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#101119a8}.project-dialog{width:860px}.dialog-close{z-index:5;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f7f7f5e3;border:1px solid #ffffff80;border-radius:50%;width:38px;height:38px;font-size:25px;font-weight:200;line-height:1;position:absolute;top:15px;right:15px}.dialog-image{height:300px;position:relative;overflow:hidden}.dialog-image img{object-fit:cover;width:100%;height:100%}.dialog-image .glass-badge{position:absolute;bottom:22px;left:35px}.dialog-body{padding:42px}.dialog-body>.eyebrow{color:#8a8d97;font-size:8px}.dialog-body h2{letter-spacing:-.045em;margin:18px 0;font-size:45px;font-weight:450;line-height:1.05}.dialog-body>p{color:#777a85;max-width:650px;font-size:13px;line-height:1.8}.dialog-facts{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:1.2fr 1fr 1fr;gap:20px;margin:28px 0;padding:23px 0;display:grid}.dialog-facts span{letter-spacing:.1em;color:#989aa3;margin-bottom:8px;font-size:7px;display:block}.dialog-facts strong{font-size:11px;font-weight:550}.dialog-body p.fine-print,.fine-print{color:#8c8f99;margin:20px 0;font-size:10px;line-height:1.8}.dialog-body>.pill{margin-top:8px}.brief-dialog{width:610px}.brief-dialog .dialog-body{padding:46px}.brief-dialog .dialog-body h2{font-size:40px}.brief-dialog label{margin:25px 0 9px;font-size:11px;font-weight:550;display:block}.brief-dialog input,.brief-dialog select,.brief-dialog textarea{width:100%;color:var(--ink);background:#fff;border:1px solid #d6d7df;border-radius:9px;padding:13px;font-size:13px;line-height:1.5;display:block}.brief-dialog select{height:46px}.brief-dialog textarea{resize:vertical;min-height:100px}.brief-dialog .pill{padding:15px 21px;font-size:12px}.result-actions{gap:10px;margin-top:20px;display:flex}.text-button{color:#858793;background:0 0;margin-top:20px;padding:0;font-size:11px}.reveal{opacity:1}.js .reveal{opacity:0;transition:opacity .9s var(--ease),transform .9s var(--ease);transform:translateY(26px)}.js .reveal.visible{opacity:1;transform:translateY(0)}.hero-copy{animation:hero-in 1.1s var(--ease) both}.hero-art{animation:hero-in 1.6s var(--ease) both}.hero-bottom{animation:hero-in 1.4s var(--ease) both}body.motion-paused *,body.motion-paused :before,body.motion-paused :after{scroll-behavior:auto!important;animation-play-state:paused!important}.motion-paused .reveal{opacity:1!important;transition:none!important;transform:none!important}.motion-paused .hero-copy,.motion-paused .hero-art,.motion-paused .hero-bottom{animation:none!important}.motion-zone .animated-child{animation-play-state:paused}.motion-zone.in-view .animated-child{animation-play-state:running}body.motion-paused .experience-pin,body.motion-paused .showcase-scene,body.motion-paused .scene-copy,body.motion-paused .browser-window,body.motion-paused .glass-layer{transition:none}body.motion-paused .project-visual{transform:none}.scene-tabs button:focus-visible,.phone-tabs button:focus-visible,.theme-swatch:focus-visible{outline-offset:3px}.motion-zone:not(.in-view) *,.motion-zone:not(.in-view):before,.motion-zone:not(.in-view):after,.showcase-scene:not(.active) *,body.page-hidden *,body.page-hidden :before,body.page-hidden :after{animation-play-state:paused}.device-stage .web-orb{translate:calc(var(--pointer-x,0)*14px) calc(var(--pointer-y,0)*9px)}.device-stage .assembly{rotate:calc(var(--pointer-x,0)*4deg)}@keyframes live-pulse{0%,to{opacity:1}50%{opacity:.45}}@keyframes scroll-drop{0%{transform:translateY(-9px)}to{transform:translateY(25px)}}@keyframes hero-in{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@keyframes dialog-in{0%{opacity:0;transform:translateY(14px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes ribbon-travel{to{transform:translate(-50%)}}@keyframes browser-float{0%,to{translate:0 4px}50%{translate:0 -13px}}@keyframes label-float{0%,to{translate:0 4px}50%{translate:0 -10px}}@keyframes orb-drift{0%,to{transform:rotate(-12deg)translateY(5px)}50%{transform:rotate(12deg)translateY(-10px)}}@keyframes orb-spin{0%{transform:rotateX(22deg)rotateY(0)rotate(15deg)}to{transform:rotateX(22deg)rotateY(360deg)rotate(15deg)}}@keyframes phone-rise{0%,to{translate:0}50%{translate:0 -16px}}@keyframes phone-side-float{0%,to{translate:0 8px}50%{translate:0 -13px}}@keyframes focus-breathe{0%,to{scale:.98}50%{scale:1.025}}@keyframes bar-grow{0%,to{scale:1}50%{scale:1 .65}}@keyframes card-nudge{0%,to{translate:0}50%{translate:4px -3px}}@keyframes wave-bars{to{scale:1 .35}}@keyframes assembly-sway{0%,to{translate:0 4px}50%{translate:0 -15px}}@keyframes layer-spin{to{rotate:360deg}}@keyframes glow-breathe{0%,to{opacity:.5;scale:.9}50%{opacity:1;scale:1.1}}@keyframes grid-walk{to{background-position:20px 20px}}@keyframes yaka-camera{0%{translate:-.4%;scale:1.01}to{translate:.4% -1%;scale:1.1}}@keyframes route-run{to{stroke-dashoffset:-180px}}@keyframes route-glow{0%,to{opacity:.5}50%{opacity:1}}@keyframes wordmark-lift{0%,to{translate:0}50%{translate:0 -5px}}@media (min-width:1600px){.hero{padding-top:210px}.hero-art{bottom:170px}.hero-description{max-width:390px;font-size:17px}.hero h1{font-size:140px}.hero-eyebrow{margin-bottom:35px}.main-phone{transform-origin:top;scale:1.15}.side-phone{transform-origin:top;scale:1.12}.device-stage{height:63%;top:23%}.phone-interaction-hint{bottom:7%}.showcase-disclaimer{bottom:0}}@media (max-width:1100px){.desktop-nav{gap:20px;margin-left:0}.nav-actions{gap:17px}.brand{font-size:23px}.contact-btn{gap:15px;padding:14px 17px;font-size:11px}.hero{height:850px;min-height:770px;padding-top:170px}.hero h1{font-size:88px}.hero-art{width:62%;top:145px;bottom:160px;right:-7%}.art-coordinate{top:15%}.hero-description{max-width:285px;font-size:13px}.hero-eyebrow{font-size:8px}.project-story{grid-template-columns:1fr 1.2fr;gap:25px}.project-tags{grid-column:2;justify-content:flex-start;margin-top:-8px}.project-tabs{gap:20px}.contact-circle{width:130px;height:130px}.experience-copy{width:33%;left:6%}.scene-copy h3{font-size:43px}.device-stage{height:62%;top:22%;left:41%;right:3%}.main-phone{transform-origin:top;scale:.9}.side-phone{transform-origin:top;scale:.8}.phone-left{top:75px;left:-1%}.phone-right{top:75px;right:-7%}.phone-interaction-hint{bottom:42px}.scene-copy p{max-width:250px;font-size:11px}.scene-tabs button{padding:12px 17px}.capabilities-intro{column-gap:50px}.capabilities-intro>p{font-size:12px}.assembly{scale:.86}.floating-label{padding:12px 15px}.demo-theme-controls{bottom:18%}.web-demo{padding:20px}.web-demo-nav strong{font-size:22px}.web-demo-nav>span{font-size:4px}.web-demo-copy>strong{font-size:48px}.web-demo-copy>span{font-size:6px}.web-demo-body{margin-top:18px}.web-orb{top:-1%}.web-demo-bottom{bottom:15px;left:20px;right:20px}.web-demo-copy>small{font-size:5px}.floating-browser{top:18%}.scene-counter{font-size:10px}}@media (max-width:800px){.site-header{height:48px;top:18px;left:6%;right:6%}.site-header.scrolled{height:54px;padding:0 13px;top:9px;left:4%;right:4%}.site-header.scrolled .brand{font-size:21px}.menu-open .site-header{box-shadow:none;background:0 0;border-color:#0000}.brand{font-size:23px}.desktop-nav,.contact-btn{display:none}.nav-actions{gap:16px}.menu-toggle{display:block}.language{font-size:10px}.mobile-nav{background:var(--paper);z-index:25;letter-spacing:-.05em;opacity:0;visibility:hidden;flex-direction:column;justify-content:center;align-items:flex-start;gap:28px;padding:12%;font-size:36px;transition:opacity .3s,visibility .3s;display:flex;position:fixed;inset:0}.mobile-nav.open{opacity:1;visibility:visible}.mobile-nav button{letter-spacing:-.03em;background:0 0;padding:20px 0;font-size:20px}.menu-open .site-header{position:fixed}.hero{height:1090px;max-height:none;min-height:unset;background:radial-gradient(ellipse at 65% 64%,#e4e7ef 0%,var(--paper) 46%);padding:128px 7% 60px}.hero-copy{width:100%}.hero-eyebrow{margin-bottom:25px;font-size:8px}.hero h1{letter-spacing:-.065em;margin-left:-3px;font-size:clamp(70px,12vw,96px);line-height:1}.hero h1 .muted{white-space:nowrap}.hero-description{max-width:340px;margin-top:23px;font-size:13px}.hero .pill{gap:22px;margin-top:20px;padding:15px 20px;font-size:11px}.hero-art{width:104%;max-width:720px;height:480px;animation:none;inset:470px -4% 125px 50%;transform:translate(-50%)}.art-coordinate{top:11%;right:17%}.art-caption{font-size:8px;bottom:8%;left:30%}.art-switch{bottom:-2%;left:37%}.art-shadow{bottom:16%}.hero-bottom{padding-top:20px;font-size:7px;bottom:25px;left:7%;right:7%}.current-project{gap:7px;font-size:7px}.current-project strong{margin-left:3px;font-size:10px}.capabilities-intro{padding:60px 7% 42px;display:block}.capabilities-intro .section-meta{margin-bottom:36px}.capabilities-intro h2{font-size:56px}.capabilities-intro>p{margin-top:26px;font-size:12px;line-height:1.85}.little-orbit{font-size:22px}.kinetic-ribbon{padding:18px 0}.kinetic-ribbon span{font-size:22px}.kinetic-ribbon b{margin:0 20px;font-size:20px}.experience-track{height:290svh}.experience-pin{height:100svh;min-height:690px;max-height:none}.experience-top{letter-spacing:.08em;font-size:6px;top:92px;left:7%;right:7%}.scene-counter{font-size:9px}.experience-copy{width:auto;top:144px;left:7%;right:7%}.scene-kicker{font-size:6px}.scene-copy h3{margin-top:14px;font-size:36px;line-height:1.04}.scene-copy h3 br{display:none}.scene-copy h3 em:before{content:" "}.scene-copy p{max-width:93%;margin-top:14px;font-size:11px;line-height:1.8}.scene-tags{display:none}.scene-link{gap:20px;margin-top:16px;padding-bottom:6px;font-size:9px}.scene-link>span:last-child{font-size:16px}.device-stage{perspective:1100px;height:52%;max-height:480px;top:35%;left:2%;right:2%}.floating-browser{width:91%;top:20%;left:4%}.browser-window{transform:rotateY(calc(-9deg + var(--scene-local,.3)*12deg)) rotateX(5deg) rotateZ(-3deg);border-radius:10px}.browser-toolbar{height:24px;padding:0 11px;font-size:5px}.browser-dots{gap:3px}.browser-dots i{width:4px;height:4px}.web-demo{aspect-ratio:1.4;padding:15px 18px}.web-demo-nav strong{font-size:19px}.web-demo-nav strong>span{font-size:6px}.web-demo-nav>span{font-size:3.5px}.web-demo-copy>strong{margin-top:11px;font-size:45px}.web-demo-copy>span{margin-top:10px;font-size:5px}.web-demo-body{height:calc(100% - 54px);margin-top:18px}.web-demo-copy>small{font-size:4px}.web-orb{width:64%;top:-11%;right:-8%}.orb-ring-set i{border-width:1px}.web-demo-bottom{font-size:4px;bottom:13px;left:18px;right:18px}.demo-mini-arrow{width:22px;height:22px;font-size:12px}.web-orbit{inset:8% 6%}.web-orbit.second{inset:16% 0 12%}.floating-label{border-radius:9px;gap:8px;padding:10px 12px;font-size:5px}.responsive-icon{font-size:20px}.label-responsive{top:7%;right:6%}.demo-theme-controls{gap:8px;padding:8px 12px;bottom:10%;left:9%}.demo-theme-controls>span{font-size:8px}.theme-swatch{width:17px;height:17px}.showcase-disclaimer{letter-spacing:.06em;font-size:4.5px;bottom:0}.scene-bottom{flex-direction:column;align-items:stretch;gap:13px;bottom:25px;left:7%;right:7%}.scene-tabs{border-radius:27px;justify-content:space-between;padding:4px}.scene-tabs button{flex:1;padding:11px 14px;font-size:10px}.scene-tabs button span:first-child{margin-right:5px;font-size:6px}.scene-scroll-hint{text-align:center;letter-spacing:.12em;font-size:6px}.main-phone{transform-origin:top;margin-left:-43px;animation:8s ease-in-out infinite phone-rise;top:7%;left:50%;translate:0;scale:.63}.side-phone{transform-origin:top;top:56px;scale:.56}.phone-left{margin-left:-14px;left:-6%}.phone-right{margin-right:-13px;right:-11%}.app-halo{inset:5% 4% 7%}.phone-interaction-hint{font-size:7px;bottom:6%}.phone-tabs button{padding:7px 15px}.experience-pin[data-scene="1"] .device-stage{height:45%;top:42%}.assembly{top:43%;left:48%;scale:.69}.assembly-word{font-size:90px;bottom:14%}.assembly-toggle{gap:20px;padding:10px 16px;font-size:8px;bottom:7%}.assembly-toggle>span:last-child{font-size:17px}.motion-scene .showcase-disclaimer{font-size:5px;bottom:0}.work{border-radius:0;padding:55px 7% 50px}.section-meta{letter-spacing:.09em;font-size:7px}.work-heading{padding:42px 0 30px;display:block}.work h2{font-size:43px}.work-heading>p{margin-top:22px;font-size:12px}.work-heading>p br{display:none}.project-visual{aspect-ratio:1.15;border-radius:15px;margin-left:-2%;margin-right:-2%;transform:none}.project-visual img{object-position:60% center}.project-topline{top:20px;left:20px;right:20px}.glass-badge{padding:9px 10px;font-size:6px}.visual-number{font-size:6px}.project-wordmark{font-size:95px;bottom:42px;left:21px}.project-wordmark>span{margin-left:5px;padding-top:13px;font-size:12px}.project-open{bottom:48px;right:20px}.project-open>span:first-child{display:none}.round-arrow{width:46px;height:46px;font-size:25px}.concept-label{font-size:7px;bottom:18px;left:23px}.yaka-live-tag{border-radius:9px;gap:7px;padding:8px 11px;font-size:6px;top:39%;right:18px}.yaka-live-tag>span:first-child{font-size:17px}.project-story{grid-template-columns:1fr;gap:25px;padding-top:26px}.project-tabs{gap:26px}.project-tabs button{flex-direction:row;align-items:baseline;gap:8px}.project-tabs button>span:last-child{font-size:21px}.project-story h3{font-size:16px}.project-story p{max-width:430px;min-height:0;font-size:12px}.project-tags{grid-column:auto;justify-content:flex-start;margin:0}.project-tags span{padding:8px 11px;font-size:8px}.kinetic-process{padding:38px 0 46px}.kinetic-process>.section-meta{margin-bottom:31px;padding:0 7%}.process-line{gap:22px}.process-line strong{font-size:clamp(66px,16vw,120px)}.process-line.one{transform:translateX(calc(-20px + var(--kinetic-shift)*.4))}.process-line.two{transform:translateX(calc(-27px - var(--kinetic-shift)*.3))}.process-line.three{transform:translateX(calc(15px + var(--kinetic-shift)*.25))}.process-line small{max-width:65px;font-size:6px}.process-star{font-size:55px}.kinetic-process>p{max-width:290px;margin:28px 7% 0;font-size:11px}.playground{height:610px;min-height:0}.lab-top{font-size:6px;top:28px;left:7%;right:7%}.lab-copy{top:25%;left:7%}.lab-copy h2{font-size:48px}.lab-copy p{margin-top:20px;font-size:12px}.lab-controls{flex-wrap:wrap;gap:6px;max-width:86%;bottom:80px;left:7%}.lab-controls button{padding:11px 18px;font-size:10px}.lab-controls .burst{padding:11px 15px}.lab-foot{font-size:6px;bottom:24px;left:7%;right:7%}.lab-foot span:last-child{font-size:7px}.contact{padding:42px 7% 65px}.contact:after{font-size:260px;top:25%;right:0}.contact-content{align-items:flex-start;gap:20px;margin-top:40px}.contact h2{font-size:42px}.contact-circle{width:79px;height:79px;margin-top:7px}.contact-circle>span{font-size:39px}.contact-circle>small{display:none}.contact-note{max-width:290px;margin-top:22px;font-size:11px;line-height:1.7}footer{padding:32px 7% 25px}.footer-top{align-items:flex-end}.footer-brand{font-size:clamp(37px,10vw,70px)}.footer-brand .brand-dot{padding-top:3px;font-size:10px}.footer-top>span{max-width:100px;font-size:8px}.brand-expansion{max-width:250px;margin-top:20px;font-size:6px;line-height:1.7}.footer-bottom{flex-wrap:wrap;gap:23px;margin-top:32px;font-size:7px}.footer-bottom>div{justify-content:space-between;gap:15px;width:100%}.footer-bottom button{font-size:7px}.dialog-body,.brief-dialog .dialog-body{padding:30px 24px}.dialog-image{height:240px}.dialog-body h2{font-size:36px}.dialog-body>p{font-size:12px}.dialog-facts{grid-template-columns:1fr 1fr;gap:24px}.dialog-facts strong{font-size:10px}.brief-dialog .dialog-body h2{font-size:34px}.brief-dialog .dialog-body>.eyebrow{max-width:80%;padding-top:12px;display:block}}@media (max-width:390px){.hero{height:1035px}.hero h1{font-size:67px}.hero-art{height:430px;top:460px}.hero-eyebrow{font-size:7px}.hero-bottom{font-size:6px}.scroll-cue{gap:8px}.current-project>span:nth-child(2){font-size:6px}.capabilities-intro h2{font-size:51px}.experience-copy{top:135px}.scene-copy h3{font-size:32px}.scene-copy p{max-width:100%;font-size:10px}.device-stage{height:50%;top:35%}.scene-tabs button{padding:11px 10px;font-size:9px}.showcase-disclaimer{font-size:4px}.web-demo-copy>strong{font-size:40px}.phone-left{left:-10%}.phone-right{right:-15%}.main-phone{margin-left:-48px;scale:.59}.side-phone{scale:.52}.phone-interaction-hint{bottom:8%}.assembly{scale:.62}.assembly-word{font-size:81px}.work h2{font-size:38px}.project-wordmark{font-size:82px}.lab-copy h2{font-size:43px}.lab-controls button{padding:10px 14px}.contact h2{font-size:35px}.contact-circle{width:65px;height:65px}}@media (max-height:760px) and (min-width:801px){.experience-pin{min-height:670px}.experience-top{top:100px}.experience-copy{top:30%}.device-stage{height:62%;top:20%}.main-phone{transform-origin:top;margin-left:-21px;scale:.82}.side-phone{transform-origin:top;scale:.75}.scene-copy h3{font-size:46px}.scene-copy p{margin-top:15px}.scene-link{margin-top:20px}.scene-bottom{bottom:35px}.phone-interaction-hint{bottom:5px}.app-scene .showcase-disclaimer{bottom:-15px}}@media (max-width:800px) and (max-height:740px){.experience-top{top:85px}.experience-copy{top:118px}.scene-copy h3{margin-top:11px;font-size:30px}.scene-copy p{margin-top:11px;font-size:10px;line-height:1.65}.scene-link{margin-top:12px}.main-phone{margin-left:-55px;scale:.53}.side-phone{scale:.47}.phone-interaction-hint{display:none}.experience-pin[data-scene="1"] .device-stage{height:44%;top:43%}.scene-bottom{bottom:20px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}.js .reveal{opacity:1;transform:none}.project-visual img{will-change:auto}.experience-track{height:auto}.experience-pin{height:900px;position:relative}.browser-window,.main-phone,.phone-left,.phone-right,.assembly,.project-visual{transition:none!important}.process-line{transform:none!important}.showcase-scene,.scene-copy{transition:none!important}.scene-scroll-hint{visibility:hidden}.site-header{transition:none}.showcase-disclaimer{color:#77707f}}