﻿@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap');
:root{--blue:#0866f9;--blue-light:#549aff;--black:#080808;--white:#f6f6f3;--muted:#9b9b9f;--line:#ffffff20;--heading:'Manrope',system-ui,sans-serif;font-family:'DM Sans',system-ui,sans-serif;color:var(--white);background:var(--black);font-synthesis:none;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:105px;overflow-x:clip}body{margin:0;overflow-x:clip;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;border:0}button,a{-webkit-tap-highlight-color:transparent}:focus-visible{outline:2px solid #549aff;outline-offset:5px}::selection{background:var(--blue);color:white}.wrap{width:min(1240px,calc(100% - 96px));margin-inline:auto}.section{padding-block:100px}main,.footer{position:relative;z-index:1}#spatial-network{position:fixed;inset:0;pointer-events:none;z-index:0;width:100%;height:100%;opacity:.65}.reading-progress{position:fixed;top:0;left:0;width:100%;height:2px;background:var(--blue);transform:scaleX(var(--reading-progress,0));transform-origin:left;z-index:70}.skip{position:fixed;top:-100px;left:20px;z-index:100;background:var(--blue);color:white;padding:15px}.skip:focus{top:10px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.header{width:100%;padding:0 max(48px,calc((100% - 1344px)/2));height:90px;position:sticky;top:0;z-index:40;background:#080808ed;backdrop-filter:blur(15px);border-bottom:1px solid #ffffff17;display:flex;align-items:center;justify-content:space-between;gap:25px}.brand{display:inline-flex;align-items:center;gap:11px;white-space:nowrap;font-family:var(--heading);font-size:20px;font-weight:750;letter-spacing:-.8px}.brand-logo{position:relative;display:block;width:56px;height:38px;overflow:hidden;flex:none}.brand-logo img{position:absolute;width:180px;height:180px;max-width:none;left:-61px;top:-45px;mix-blend-mode:screen}.brand-legal{display:block;font-family:monospace;font-size:7px;letter-spacing:3px;font-weight:400;color:#98989b;margin-top:4px}.desktop-nav{display:flex;gap:28px;font-size:12px;color:#b9b9bd}.desktop-nav a{padding-block:15px;position:relative}.desktop-nav a:after{content:'';position:absolute;bottom:4px;left:0;width:0;height:2px;background:var(--blue);transition:width .25s}.desktop-nav a:hover{color:white}.desktop-nav a:hover:after{width:100%}.nav-contact{font-size:11px;font-weight:700;padding:14px 18px;color:white;background:var(--blue);border-radius:3px;transition:background .2s}.nav-contact:hover{background:#287fff}.nav-contact span{margin-left:20px}.menu-button{display:none}.mobile-nav{position:fixed;z-index:39;top:80px;left:20px;right:20px;background:#111;border:1px solid #333;padding:15px 20px}.mobile-nav a{display:block;padding:14px 0;border-bottom:1px solid #ffffff10;color:#ccc}.mobile-nav a:last-child{border:0}
.hero{display:grid;grid-template-columns:1.02fr 1fr;align-items:center;gap:65px;min-height:740px;padding-top:65px;padding-bottom:100px;position:relative}.eyebrow{display:flex;align-items:center;gap:10px;font:9px monospace;letter-spacing:1.8px;color:#8d8d94;text-transform:uppercase}.status-dot,.live-pip{width:6px;height:6px;border-radius:50%;background:var(--blue);display:inline-block;box-shadow:0 0 13px #0866f977}.hero .eyebrow{color:#a6a6ad;font-size:8px;letter-spacing:1.4px}.hero-kicker{font:8px monospace;letter-spacing:3.5px;color:#777780;margin-top:29px}.hero h1.motion-heading{font-family:var(--heading);font-size:clamp(43px,4.5vw,67px);letter-spacing:-3.2px;line-height:1.15;margin:19px 0 26px;font-weight:750}.motion-heading>span[aria-hidden]{display:block}.type-line{display:block;min-height:1.28em;white-space:nowrap}.heading-final{display:block;font-size:.52em;letter-spacing:-1px;color:#bebec3;font-weight:500;line-height:1.8}#typewriter{color:#287fff}.typing-caret{font-weight:400;color:#2d80ff;animation:caret 1s steps(1) infinite}.hero-description{font-size:15px;line-height:1.9;color:#9c9ca3;max-width:420px;margin:0}.hero-actions{display:flex;align-items:center;gap:22px;margin-top:29px;flex-wrap:wrap}.button{min-height:49px;display:inline-flex;align-items:center;justify-content:center;gap:25px;padding:16px 21px;font-size:11px;font-weight:700;border-radius:3px;transition:transform .2s,background .2s}.primary{background:var(--blue);color:white;position:relative;overflow:hidden}.primary:hover{background:#287fff;transform:translateY(-2px)}.primary:after{content:'';position:absolute;inset:0;background:linear-gradient(110deg,transparent 40%,#ffffff20,transparent 60%);transform:translateX(-100%);transition:transform .7s}.primary:hover:after{transform:translateX(100%)}.text-link{display:inline-flex;align-items:center;gap:12px;background:none;font-size:11px;padding-block:12px;color:#d0d0d5}.text-link:hover{color:#549aff}.hero-tech{display:flex;align-items:center;gap:13px;font:9px monospace;color:#7e7e88;margin-top:28px}.hero-tech i{width:3px;height:3px;background:#37373e}.motion-toggle{display:flex;align-items:center;gap:8px;background:none;color:#73737e;font:8px monospace;margin-top:18px;padding:7px 0;min-height:32px}.motion-toggle:hover{color:white}.motion-indicator{width:4px;height:4px;background:#2d80ff;border-radius:50%}.motion-toggle[aria-pressed=false] .motion-indicator{background:#777}.motion-toggle-icon{font-size:10px;margin-left:6px}.scroll-hint{position:absolute;bottom:25px;left:0;font:7px monospace;letter-spacing:1px;color:#75757f;display:flex;align-items:center;gap:12px}.scroll-hint>span{font-size:17px;color:white}.hero-index{position:absolute;bottom:25px;right:0;font:7px monospace;letter-spacing:1px;color:#55555f}
.hero-art{position:relative;perspective:1200px;min-width:0;padding-top:25px}.stage-coordinate{font:6px monospace;letter-spacing:1.6px;color:#575763;position:absolute;top:-15px;left:15px}.scene-depth{height:385px;width:100%;position:relative;display:grid;place-items:center;transform-style:preserve-3d;transform:rotateX(var(--scene-x,0deg)) rotateY(var(--scene-y,0deg));transition:transform .15s ease-out;will-change:transform}.slab,.brand-slab{position:absolute;width:360px;height:328px;border-radius:9px;transform-style:preserve-3d}.slab-back{background:#0758d8;transform:translateZ(-80px) translate(36px,-6px) rotate(11deg);box-shadow:25px 20px 80px #005aff22;animation:back-drift 8s ease-in-out infinite}.slab-middle{background:#ededec;transform:translateZ(-40px) translate(17px,3px) rotate(5deg);box-shadow:15px 20px 60px #0006;animation:middle-drift 8s ease-in-out infinite}.brand-slab{background:linear-gradient(140deg,#18181a,#080809 60%);border:1px solid #ffffff2e;box-shadow:0 30px 70px #000b,inset 0 1px #ffffff25;transform:translateZ(20px) rotate(-4deg);overflow:hidden;animation:slab-hover 7s ease-in-out infinite}.slab-top{display:flex;align-items:center;gap:7px;padding:17px 18px;border-bottom:1px solid #ffffff0c;font:5px monospace;letter-spacing:.7px;color:#686875}.slab-top .live-pip{height:4px;width:4px}.slab-top>span:last-child{margin-left:auto;color:#a3a3ac}.emblem-window{width:264px;height:158px;position:relative;overflow:hidden;margin:15px auto 0}.emblem-window img{position:absolute;width:875px;height:875px;max-width:none;left:-301px;top:-229px;mix-blend-mode:screen}.slab-signature{text-align:center;font-family:var(--heading);font-size:29px;font-weight:500;letter-spacing:-1px;margin-top:5px;color:white}.slab-signature>span{color:#0866f9}.slab-signature small{display:block;color:#77777d;font:5px monospace;letter-spacing:2.6px;margin-top:9px}.slab-bottom{border-top:1px solid #ffffff10;margin:18px 18px 0;padding-top:12px;display:flex;align-items:center;justify-content:space-between;font:6px monospace;color:#6d6d78;letter-spacing:1px}.slab-bars{font-size:13px;letter-spacing:2px;color:#176ef2;animation:bars-signal 3s ease-in-out infinite}.edge-sweep{height:1px;position:absolute;left:0;right:0;top:0;background:linear-gradient(90deg,transparent,#3088ff,transparent);box-shadow:0 0 18px #0066ff99;animation:edge-scan 6s ease-in-out infinite;opacity:.6}.floating-label{position:absolute;font:7px monospace;display:flex;align-items:center;gap:10px;color:#a8a8b1;border:1px solid #ffffff16;background:#0b0b0de8;padding:11px 14px;box-shadow:0 10px 25px #0008;z-index:5;white-space:nowrap}.floating-label>span{color:#3c8aff;font-size:15px}.label-one{left:-14px;top:55px;transform:translateZ(60px);animation:label-float 6s ease-in-out infinite}.label-two{right:-9px;bottom:12px;transform:translateZ(70px);animation:label-float 7s ease-in-out infinite reverse}.platform-console{position:relative;margin:28px auto 0;width:90%;border-top:1px solid #ffffff20;padding-top:18px}.platform-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.platform-tabs button{display:flex;align-items:center;justify-content:center;gap:9px;color:#73737d;font-size:10px;padding:10px 5px;min-height:42px;border-bottom:2px solid #ffffff10;background:none;transition:color .2s,border-color .2s}.platform-tabs button>span{font:7px monospace;color:#4b4b55}.platform-tabs button.selected{color:white;border-color:var(--blue)}.platform-tabs button.selected>span{color:#3c8aff}.platform-tabs button:hover{color:white}.platform-console>p{font-size:10px;color:#72727f;line-height:1.8;min-height:36px;margin:13px 0 0}.scene-hint{font:6px monospace;letter-spacing:.5px;color:#484854;text-align:center;margin-top:10px}.scene-hint>span{color:#2c7bf9;font-size:12px;margin-right:7px}
.proof-bar{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #ffffff1a;border-bottom:1px solid #ffffff1a;margin-bottom:0}.proof-bar>div{display:flex;align-items:center;gap:24px;padding:27px 10px}.proof-bar>div+div{border-left:1px solid #ffffff1a;padding-left:38px}.proof-bar strong{font:650 40px var(--heading);letter-spacing:-2px;color:#f2f2f4}.proof-bar strong span{color:#287fff;font-size:27px}.proof-bar .proof-code{font:29px monospace;color:#287fff;letter-spacing:-4px}.proof-bar p{font-size:10px;color:#85858f;line-height:1.8;margin:0}.industry-strip{padding:27px 0 35px}.industry-strip .wrap{display:flex;align-items:center;justify-content:space-between;gap:30px}.industry-strip .wrap>span{font:6px monospace;letter-spacing:1.4px;color:#55555d}.industry-strip .wrap>div{display:flex;align-items:center;gap:27px;font:500 14px var(--heading);color:#9b9ba3}.industry-strip i{font-style:normal;color:#0866f9;font-size:13px}
h2{font:650 clamp(30px,3.4vw,46px)/1.2 var(--heading);letter-spacing:-1.9px;margin:20px 0 0}h2>span{color:#80808b}.section-top{display:flex;align-items:end;justify-content:space-between;gap:50px}.section-top>p{font-size:13px;line-height:1.9;color:#868690;margin:0 0 4px}.light-band{background:var(--white);color:#101014;position:relative}.light-band .eyebrow{color:#63636d}.light-band h2>span{color:#0866f9}.light-band .section-top>p{color:#777780}.service-grid{margin-top:44px;border-top:1px solid #10101422}.service-card{display:grid;grid-template-columns:54px 1fr 1.1fr;column-gap:28px;align-items:center;position:relative;padding:29px 0;border-bottom:1px solid #10101422;isolation:isolate;transition:padding .3s}.service-icon{height:44px;width:44px;display:grid;place-items:center;color:#0866f9;background:#0866f90b;border:1px solid #0866f91a;border-radius:4px;grid-row:1/3}.service-icon svg{width:23px;height:23px}.service-number{display:none}.service-card h3{font:650 21px var(--heading);letter-spacing:-.8px;margin:0}.service-card p{font-size:13px;line-height:1.8;color:#74747c;grid-column:3;grid-row:1/3;margin:0;max-width:350px}.service-tags{display:flex;gap:10px;margin-top:11px}.service-tags span{font:7px monospace;color:#8c8c94}.service-card>a{grid-column:3;display:flex;align-items:center;gap:15px;font-size:10px;font-weight:600;color:#0866f9;margin-top:12px;min-height:30px;width:fit-content}.service-card>a span{font-size:15px}.service-card:hover{padding-left:10px}.about{display:grid;grid-template-columns:1fr 1fr;gap:90px}.company-artwork{display:block;width:250px;height:auto;margin:30px 0 0;border:1px solid #ffffff13}.about-copy{padding-top:34px}.about-copy p{font-size:14px;line-height:1.95;color:#91919c;margin:0 0 20px}.about-copy p:first-child{color:#c6c6cf}.about-bottom{display:flex;align-items:center;justify-content:space-between;gap:22px;border-top:1px solid #ffffff1a;padding-top:25px;margin-top:30px}.experience{display:flex;align-items:center;gap:16px}.experience>strong{font:650 49px var(--heading);letter-spacing:-3px}.experience>strong span{color:#287fff;font-size:33px}.experience>span{font:6px/1.8 monospace;letter-spacing:1px;color:#767682}.about-bottom .text-link{font-size:9px}
.portfolio{background:#efefec;color:#101014}.portfolio .eyebrow{color:#6b6b74}.portfolio h2>span{color:#0866f9}.portfolio .section-top>p{color:#777780}.filters{display:flex;flex-wrap:wrap;gap:8px;margin:35px 0 28px}.filters button{background:none;border:1px solid #10101420;border-radius:3px;padding:10px 17px;min-height:42px;color:#72727b;font-size:11px;transition:background .2s,color .2s}.filters button.active{color:white;background:#101014;border-color:#101014}.filters button:hover{border-color:#0866f9;color:#0866f9}.filters button.active:hover{color:white}.filters span{font:7px monospace;opacity:.6;margin-left:6px}.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.project{text-align:left;background:#fafaf8;border:1px solid #10101416;border-radius:4px;overflow:hidden;padding:0;position:relative;transition:box-shadow .25s,transform .25s;color:#101014}.project:hover{box-shadow:0 12px 35px #10101412;transform:translateY(-3px)}.project[hidden]{display:none}.project-visual{height:244px;position:relative;overflow:hidden;padding:40px 40px 0;background:#0c0c0e}.visual-retail{background:linear-gradient(125deg,#111114,#080808)}.visual-horeca{background:linear-gradient(125deg,#0a429d,#0866f9)}.visual-number{position:absolute;top:17px;left:20px;font:7px monospace;letter-spacing:1px;color:#898995}.visual-horeca .visual-number{color:#ffffff80}.visual-chip{position:absolute;bottom:14px;right:17px;background:#080808c9;color:#ffffffad;font:7px monospace;padding:7px 9px;border:1px solid #ffffff20}.terminal{width:94%;margin:7px auto 0;background:#f3f3f4;color:#333340;border:6px solid #33333b;border-bottom-width:14px;border-radius:9px;transform:perspective(650px) rotateX(9deg) rotateZ(-5deg);box-shadow:0 22px 50px #0009}.terminal-top{display:flex;gap:8px;align-items:center;background:#e4e4e8;padding:9px 12px;font-size:8px}.terminal-top>span{color:#0866f9;font-size:13px}.terminal-top i{font-size:6px;color:#0866f9;margin-left:auto}.terminal-inner{display:flex;gap:10px;padding:11px}.product-tiles{display:grid;grid-template-columns:1fr 1fr;width:62%;gap:6px}.product-tiles>span{background:#e5e8ee;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:12px 6px;font-size:8px;color:#6a6a78;border-radius:2px}.product-tiles b{font-size:7px;color:#0866f9;margin-top:5px}.receipt{flex:1;background:white;padding:8px}.receipt small{font:5px monospace;display:block;margin-bottom:8px}.receipt i{display:block;height:14px;border-bottom:1px dashed #d0d0d7}.receipt strong{display:block;font-size:12px;margin:12px 0}.receipt>span{display:block;background:#0866f9;color:white;padding:7px;text-align:center;font-size:5px}.table-layout{width:84%;margin:6px auto 0;background:#f0f0f3;color:#22222a;border:1px solid #ffffff40;border-radius:7px;padding:18px 22px;transform:rotate(5deg);box-shadow:0 20px 50px #0004}.table-logo{font:650 13px var(--heading)}.tables{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-top:18px}.tables>span{height:58px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:4px;border:1px solid #d4d4dc;border-radius:8px;background:#e6e6ed;font-size:14px}.tables small{font-size:5px;color:#888894}.tables .busy{color:#0866f9;background:#d7e5ff;border-color:#8bb6ff}.project-info{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:25px}.project-info small{font:7px monospace;letter-spacing:1.7px;color:#0866f9}.project-info h3{font:650 19px var(--heading);letter-spacing:-.7px;margin:10px 0 8px;line-height:1.4}.project-info p{font-size:12px;line-height:1.8;color:#81818c;margin:0}.project-arrow{flex:none;width:33px;height:33px;display:grid;place-items:center;border:1px solid #10101425;color:#0866f9;font-size:19px;border-radius:50%;transition:background .2s,color .2s}.project:hover .project-arrow{background:#0866f9;border-color:#0866f9;color:white}.compact{padding:25px;min-height:220px}.compact-icon{height:37px;width:37px;display:grid;place-items:center;color:#0866f9}.compact-icon svg{width:25px;height:25px}.compact .project-info{padding:17px 0}.tech-caption{font:7px monospace;color:#9999a3}.portfolio-note{font-size:9px;color:#8a8a94;line-height:1.9;margin:24px 0 0}
.tech-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:43px;border-block:1px solid #ffffff1d}.tech-grid>article{padding:28px;border-right:1px solid #ffffff1d;transition:background .25s}.tech-grid>article:first-child{padding-left:0}.tech-grid>article:last-child{border-right:0}.tech-grid>article:hover{background:#ffffff04}.tech-symbol{height:46px;font:600 28px var(--heading);letter-spacing:-2px;color:#287fff}.tech-symbol>span{font-size:22px}.android-symbol{font:23px monospace;padding-top:4px}.tech-grid h3{font:600 17px var(--heading);letter-spacing:-.5px;margin:19px 0 13px}.tech-grid p{font-size:12px;line-height:1.9;color:#858590}.tech-grid article>span{font:6px monospace;letter-spacing:.8px;display:block;color:#555561;margin-top:24px}.process{display:grid;grid-template-columns:1fr 1fr;gap:90px;padding-top:0}.process-steps article{display:flex;gap:20px;padding:25px 0;border-bottom:1px solid #ffffff1c}.process-steps article:first-child{padding-top:0}.process-steps article>span{font:10px monospace;color:#287fff;min-width:28px;padding-top:4px}.process-steps h3{font:600 18px var(--heading);letter-spacing:-.5px;margin:0 0 9px}.process-steps p{font-size:13px;color:#868692;line-height:1.85;margin:0;max-width:350px}.faq{display:grid;grid-template-columns:1fr 1fr;gap:90px;padding-top:0}.faq>div>p{font-size:13px;line-height:1.9;color:#81818d;max-width:330px;margin-top:22px}.faq-items details{border-bottom:1px solid #ffffff22}.faq summary{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:74px;cursor:pointer;font-size:13px;list-style:none}.faq summary::-webkit-details-marker{display:none}.faq summary>span{color:#287fff;font-size:20px;transition:transform .2s}.faq details[open] summary>span{transform:rotate(45deg)}.faq details p{font-size:13px;line-height:1.9;color:#92929e;margin:0;padding-bottom:22px}.contact{background:#0866f9;color:white;padding:55px 55px 45px;position:relative;overflow:hidden;margin-bottom:35px}.contact .eyebrow{color:#ffffff80}.contact .status-dot{background:white;box-shadow:none}.contact h2{font-size:clamp(37px,4.4vw,62px);letter-spacing:-2.7px;line-height:1.12;margin-top:25px}.contact h2>span{color:#ffffff94}.contact-bottom{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-top:35px}.contact-bottom>p{font-size:13px;line-height:1.8;color:#ffffffb0;margin:0}.contact-pending{display:block;padding:14px 18px;border:1px solid #ffffff40;font-size:10px;color:#ffffffc9}.contact-decoration{position:absolute;right:35px;top:5px;font:180px var(--heading);line-height:1;color:#ffffff14;pointer-events:none}.contact-links{display:flex;gap:10px}.contact-links .primary{background:white;color:#0866f9}.footer{display:flex;align-items:center;justify-content:space-between;gap:25px;padding-bottom:35px}.footer>.brand{font-size:16px}.footer>.brand .brand-logo{transform:scale(.85);transform-origin:left center;margin-right:-8px}.footer>span,.footer>a:last-child{font-size:8px;color:#5f5f6d}.footer .brand-legal{font-size:6px}dialog{width:min(590px,calc(100% - 32px));background:#101013;color:#ededf2;border:1px solid #ffffff25;padding:44px;box-shadow:0 30px 100px #000b}dialog::backdrop{background:#000c;backdrop-filter:blur(10px)}dialog h2{font-size:32px;margin-bottom:24px}.dialog-close{position:absolute;right:10px;top:8px;background:none;color:#aaaab5;font-size:29px;width:44px;height:44px}dialog p,dialog li{font-size:14px;color:#9b9ba8;line-height:1.9}dialog ul{padding-left:20px}dialog li{padding-block:4px}.dialog-note{font-size:11px!important;border-top:1px solid #ffffff17;padding-top:18px;margin-top:25px}dialog .button{margin-top:10px}body:has(dialog[open]){overflow:hidden}
.service-card,.project,.tech-grid>article{--tilt-x:0deg;--tilt-y:0deg;transform:perspective(1000px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y));transition:transform .25s ease-out,box-shadow .25s}.service-card:hover,.project:hover{transform:perspective(1000px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y)) translateY(-3px)}.reveal-in{animation:arrive .7s ease-out both}.motion-paused *, .motion-paused *:before,.motion-paused *:after{animation-play-state:paused!important}.motion-paused .scene-depth{transform:none}.motion-paused .service-card,.motion-paused .project,.motion-paused .tech-grid>article{transform:none!important}
@keyframes caret{0%,48%{opacity:1}49%,100%{opacity:0}}@keyframes arrive{from{opacity:.55;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@keyframes slab-hover{0%,100%{transform:translateZ(20px) translateY(0) rotate(-4deg)}50%{transform:translateZ(20px) translateY(-10px) rotate(-2deg)}}@keyframes back-drift{0%,100%{transform:translateZ(-80px) translate(36px,-6px) rotate(11deg)}50%{transform:translateZ(-80px) translate(43px,-12px) rotate(15deg)}}@keyframes middle-drift{0%,100%{transform:translateZ(-40px) translate(17px,3px) rotate(5deg)}50%{transform:translateZ(-40px) translate(22px,-3px) rotate(7deg)}}@keyframes label-float{0%,100%{translate:0 0}50%{translate:0 -8px}}@keyframes edge-scan{0%,15%{top:0;opacity:0}25%{opacity:.6}75%{opacity:.6}90%,100%{top:100%;opacity:0}}@keyframes bars-signal{0%,100%{opacity:.4}50%{opacity:1}}
@media(max-width:1150px){.header{padding-inline:32px;gap:20px}.desktop-nav{gap:19px;font-size:11px}.wrap{width:calc(100% - 64px)}.hero{gap:30px;min-height:720px}.hero h1.motion-heading{font-size:54px;letter-spacing:-2.6px}.slab,.brand-slab{width:310px;height:310px}.emblem-window{margin-top:8px}.label-one{left:-5px}.label-two{right:-8px}.slab-signature{font-size:26px}.slab-top{font-size:4px}.platform-console{width:95%}.hero-actions{gap:12px}.hero .text-link{font-size:10px}.proof-bar>div+div{padding-left:25px}.service-card{column-gap:22px}.service-card h3{font-size:18px}.about,.process,.faq{gap:50px}.tech-grid>article{padding:24px 20px}.tech-grid h3{font-size:15px}.contact-bottom{align-items:start;flex-direction:column}}
@media(max-width:850px){.header{height:80px;padding-inline:26px}.desktop-nav{display:none}.nav-contact{margin-left:auto}.menu-button{display:flex;flex-direction:column;gap:7px;align-items:center;justify-content:center;width:44px;height:44px;background:none}.menu-button span{width:22px;height:1px;background:#ddd}.wrap{width:calc(100% - 56px)}.hero{grid-template-columns:1fr;min-height:0;padding-top:55px;gap:60px;padding-bottom:85px}.hero-copy{max-width:600px}.hero h1.motion-heading{font-size:72px}.hero-description{max-width:510px;font-size:16px}.hero-actions{gap:24px}.hero .text-link{font-size:12px}.hero-art{width:100%;max-width:500px;justify-self:center}.scene-depth{height:390px}.slab,.brand-slab{width:360px;height:328px}.emblem-window{margin-top:15px}.slab-signature{font-size:29px}.slab-top{font-size:5px}.label-one{left:-5px;top:65px}.label-two{right:-5px}.section{padding-block:75px}.proof-bar>div{gap:15px;padding-block:23px}.proof-bar strong{font-size:33px}.proof-bar p{font-size:8px}.proof-bar>div+div{padding-left:20px}.industry-strip .wrap{align-items:start;flex-direction:column;gap:18px}.industry-strip .wrap>div{width:100%;justify-content:space-between;gap:15px}.section-top{flex-direction:column;align-items:start;gap:25px}.section-top>p br{display:none}.service-card{grid-template-columns:45px 1fr;column-gap:20px}.service-card p{grid-column:2;grid-row:auto;margin-top:12px;max-width:none}.service-icon{grid-row:1/5;align-self:start}.service-tags{grid-column:2;grid-row:2}.service-card>a{grid-column:2}.service-card h3{font-size:22px}.about{grid-template-columns:1fr;gap:35px}.about>div:first-child{display:grid;grid-template-columns:1fr 220px;column-gap:25px}.about .eyebrow{grid-column:1}.about h2{grid-column:1;font-size:35px}.company-artwork{grid-column:2;grid-row:1/3;width:220px;margin:0}.about-copy{padding-top:0}.project-visual{padding-inline:25px;height:225px}.table-layout{width:95%;padding:15px}.tables{gap:8px}.project-info{padding:22px}.project-info h3{font-size:16px}.project-info p{font-size:11px}.tech-grid{grid-template-columns:1fr 1fr}.tech-grid>article:nth-child(2){border-right:0}.tech-grid>article:nth-child(n+3){border-top:1px solid #ffffff1d}.tech-grid>article:nth-child(3){padding-left:0}.tech-grid h3{font-size:18px}.tech-grid p{font-size:13px}.process,.faq{grid-template-columns:1fr;gap:35px;padding-top:0}.process-steps p{max-width:none}.contact{padding:40px}.footer>span{display:none}}
@media(max-width:540px){.header{height:73px;padding-inline:18px;gap:12px}.header>.brand{font-size:17px;gap:7px}.brand-logo{transform:scale(.85);transform-origin:left center;margin-right:-8px}.brand-legal{font-size:6px;letter-spacing:2px}.nav-contact{display:none}.menu-button{margin-left:auto}.mobile-nav{top:73px;left:0;right:0;border-inline:0}.wrap{width:calc(100% - 40px)}.hero{padding-top:37px;gap:55px;padding-bottom:75px}.hero .eyebrow{font-size:6px;letter-spacing:1px}.hero-kicker{font-size:7px;letter-spacing:2.5px;margin-top:26px}.hero h1.motion-heading{font-size:clamp(35px,10.5vw,48px);letter-spacing:-1.9px;margin-block:17px 24px}.heading-final{font-size:.59em;letter-spacing:-.6px;line-height:1.9}.hero-description{font-size:14px;line-height:1.9}.hero-actions{flex-direction:column;align-items:start;gap:9px;margin-top:25px}.button{font-size:11px;min-height:48px;padding:15px 20px}.hero .text-link{font-size:11px}.hero-tech{font-size:8px;margin-top:24px}.motion-toggle{font-size:8px;min-height:34px;margin-top:10px}.hero-art{padding-top:20px}.stage-coordinate{top:-12px;left:3px;font-size:5px;letter-spacing:1.2px}.scene-depth{height:315px;transform:none!important}.slab,.brand-slab{width:260px;height:268px}.slab-back{transform:translateZ(-80px) translate(24px,-4px) rotate(11deg);animation:back-mobile 8s ease-in-out infinite}.slab-middle{transform:translateZ(-40px) translate(12px,2px) rotate(5deg)}.brand-slab{border-radius:6px}.slab-top{padding:13px;font-size:3.7px;letter-spacing:.3px}.slab-top .live-pip{width:3px;height:3px}.emblem-window{width:220px;height:132px;margin-top:10px}.emblem-window img{width:730px;height:730px;left:-251px;top:-191px}.slab-signature{font-size:23px;margin-top:2px}.slab-signature small{font-size:4px;letter-spacing:2px;margin-top:7px}.slab-bottom{margin:14px 13px 0;padding-top:9px;font-size:5px}.slab-bars{font-size:11px}.floating-label{font-size:5px;padding:8px 9px;gap:7px}.floating-label>span{font-size:11px}.label-one{left:-4px;top:35px}.label-two{right:-3px;bottom:7px}.platform-console{margin-top:20px;width:100%;padding-top:12px}.platform-tabs button{font-size:10px;min-height:44px;gap:7px}.platform-tabs button>span{font-size:6px}.platform-console>p{font-size:10px;min-height:37px}.scene-hint{display:none}.hero-index{font-size:5px;letter-spacing:.5px;bottom:24px}.scroll-hint{font-size:5px;gap:7px;letter-spacing:.7px;bottom:23px}.scroll-hint>span{font-size:14px}.proof-bar{grid-template-columns:1fr}.proof-bar>div{padding:21px 10px;gap:25px}.proof-bar>div+div{border-left:0;border-top:1px solid #ffffff14;padding-left:10px}.proof-bar strong{min-width:65px;font-size:39px}.proof-bar p{font-size:11px}.proof-bar .proof-code{font-size:30px}.industry-strip{padding:25px 0 30px}.industry-strip .wrap>div{gap:7px;font-size:11px}.industry-strip i{font-size:10px}.industry-strip .wrap>span{font-size:6px}.section{padding-block:58px}.eyebrow{font-size:7px;letter-spacing:1.3px}h2{font-size:33px;letter-spacing:-1.5px}.section-top>p{font-size:13px}.service-grid{margin-top:30px}.service-card{grid-template-columns:35px 1fr;gap:0 17px;padding-block:26px}.service-card h3{font-size:18px;line-height:1.5}.service-icon{height:34px;width:34px}.service-icon svg{height:19px;width:19px}.service-card p{font-size:13px;line-height:1.85;margin-top:14px}.service-card>a{font-size:11px;min-height:36px;margin-top:11px}.service-tags{gap:9px;margin-top:10px}.service-tags span{font-size:7px}.about>div:first-child{display:block}.about h2{font-size:33px}.company-artwork{width:240px;margin:28px auto 0}.about-copy p{font-size:14px}.about-bottom{gap:15px}.experience>strong{font-size:43px}.experience>span{font-size:5px}.about-bottom .text-link{font-size:9px;gap:7px}.filters{gap:5px;margin-block:25px}.filters button{font-size:9px;padding:10px 11px;min-height:42px}.project-grid{grid-template-columns:1fr;gap:15px}.project-visual{height:240px;padding-inline:25px}.project-info{padding:23px}.project-info h3{font-size:19px}.project-info p{font-size:12px}.project-info small{font-size:7px}.compact{padding:23px;min-height:210px}.compact .project-info{padding-block:16px}.portfolio-note{font-size:9px}.tech-grid{margin-top:28px}.tech-grid>article{padding:23px 14px}.tech-grid h3{font-size:16px}.tech-grid p{font-size:12px}.tech-grid article>span{font-size:5px;letter-spacing:.5px}.tech-symbol{font-size:25px;height:35px}.process,.faq{padding-top:0}.process-steps h3{font-size:17px}.process-steps p{font-size:13px}.process-steps article{gap:15px}.faq>div>p{font-size:13px}.faq summary{font-size:12px;line-height:1.8;min-height:76px;gap:14px}.faq details p{font-size:13px}.contact{padding:32px 24px;margin-bottom:25px}.contact h2{font-size:38px;letter-spacing:-1.8px}.contact-bottom{gap:22px;margin-top:25px}.contact-bottom>p{font-size:12px}.contact-pending{font-size:9px;padding:13px 14px}.contact-decoration{font-size:100px;top:10px;right:15px}.footer{gap:10px;padding-bottom:28px}.footer>.brand{font-size:14px;gap:6px}.footer .brand-legal{font-size:5px}.footer>a:last-child{font-size:7px}dialog{padding:35px 24px}dialog h2{font-size:28px}dialog .button{font-size:10px;gap:12px}.service-card,.project,.tech-grid>article{transform:none!important}}
@keyframes back-mobile{0%,100%{transform:translateZ(-80px) translate(24px,-4px) rotate(11deg)}50%{transform:translateZ(-80px) translate(28px,-8px) rotate(13deg)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.scene-depth{transform:none!important}}@media print{#spatial-network,.reading-progress,.header,.hero-art,.hero-actions,.hero-tech,.motion-toggle,.scroll-hint,.hero-index,.industry-strip,.filters,.project-visual,.project-arrow,.faq,.contact-decoration,.footer{display:none!important}body{background:white;color:black}.wrap{width:100%}.hero{display:block;min-height:0;padding:20px 0}.hero h1.motion-heading{font-size:35px}.heading-final{color:#555}.section{padding-block:25px}.about{gap:30px}.light-band,.portfolio{background:white}.service-card p,.project-info p,.about-copy p{color:#444}.project{break-inside:avoid}.tech-grid>article{border-color:#ccc}.tech-grid p,.process-steps p{color:#444}.contact{background:#eee;color:black;padding:20px}.contact h2>span,.contact-bottom>p,.contact .eyebrow{color:#555}}
.platform-mobile .slab-back{background:#f1f1f2}.platform-mobile .slab-middle{background:#0866f9}.platform-api .slab-middle{background:#121215;border:1px solid #ffffff60}.platform-api .brand-slab{border-color:#0866f980}.slab,.brand-slab{transition:background .4s,border-color .4s}.platform-console>p{color:#9999a3}
.site-footer-links{display:flex;gap:18px;align-items:center;flex-wrap:wrap;font-size:8px;color:#6a7385}.site-footer-links a:hover{color:#287fff}@media(max-width:540px){.footer{flex-wrap:wrap}.site-footer-links{width:100%;justify-content:space-between;font-size:8px;gap:15px;margin-top:12px}}
