:root{--navy:#07111f;--navy-2:#0b1829;--ink:#101318;--paper:#f2f2ea;--white:#fffef8;--lime:#d8ff57;--coral:#ff665c;--muted:#7d827d;--line:#07111f29;--shell:min(1240px, calc(100vw - 96px));--display:"Arial Narrow", "Helvetica Neue", "Hiragino Kaku Gothic ProN", "Yu Gothic", sans-serif;--body:Inter, "Helvetica Neue", "Hiragino Sans", "Yu Gothic", sans-serif}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px;overflow-x:hidden}body{min-width:320px;color:var(--ink);background:var(--paper);font-family:var(--body);letter-spacing:.02em;-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.8;overflow-x:hidden}a{color:inherit;text-decoration:none}button{color:inherit}.shell{width:var(--shell);margin-inline:auto}.skip-link{z-index:999;color:var(--navy);background:var(--lime);padding:10px 16px;position:fixed;top:10px;left:10px;transform:translateY(-150%)}.skip-link:focus{transform:none}:focus-visible{outline:2px solid var(--coral);outline-offset:4px}.site-header{z-index:100;height:80px;color:var(--white);backdrop-filter:blur(18px);background:#07111fc7;border-bottom:1px solid #ffffff1f;position:fixed;inset:0 0 auto}.header-inner{width:var(--shell);justify-content:space-between;align-items:center;height:100%;margin-inline:auto;display:flex}.header-logo{display:inline-flex}.brand-logo{min-width:max-content;color:var(--navy);align-items:center;gap:13px;display:inline-flex}.brand-logo--light,.site-header .brand-logo{color:var(--white)}.brand-logo__mark{grid-template-columns:repeat(3,5px);align-items:end;gap:3px;width:21px;height:22px;display:grid;transform:skew(-8deg)}.brand-logo__mark i{background:var(--lime);border-radius:4px 4px 0 0;display:block}.brand-logo__mark i:first-child{height:45%}.brand-logo__mark i:nth-child(2){height:100%}.brand-logo__mark i:nth-child(3){height:70%}.brand-logo__type{font:600 25px/1 var(--display);letter-spacing:-.05em}.brand-logo__type strong{color:var(--lime);font-weight:700}.brand-logo--compact .brand-logo__type{font-size:23px}.global-nav{letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:32px;font-size:12px;font-weight:600;display:flex}.global-nav a{transition:color .2s;position:relative}.global-nav a:not(.global-nav__contact):before{content:"";background:var(--lime);height:1px;transition:right .25s;position:absolute;bottom:-6px;left:0;right:100%}.global-nav a:hover{color:var(--lime)}.global-nav a:hover:before{right:0}.global-nav__contact{color:var(--navy);background:var(--lime);border-radius:999px;padding:11px 19px}.global-nav__contact:hover{transform:translateY(-2px);color:var(--navy)!important}.menu-toggle{display:none}.hero{min-height:100svh;color:var(--white);background:var(--navy);isolation:isolate;padding-top:80px;position:relative;overflow:hidden}.hero:before{content:"";z-index:-2;background-image:linear-gradient(#ffffff0b 1px,#0000 1px),linear-gradient(90deg,#ffffff0b 1px,#0000 1px);background-size:72px 72px;position:absolute;inset:80px 0 0;mask-image:linear-gradient(#000 30%,#0000 100%)}.hero-aurora{z-index:-1;filter:blur(4px);background:radial-gradient(circle at 45% 45%,#d8ff573d,#3f7eff1a 34%,#0000 66%);border-radius:50%;width:720px;height:720px;animation:8s ease-in-out infinite alternate drift;position:absolute;top:8%;right:-160px}.hero-noise{opacity:.08;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 220 220' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.28'/%3E%3C/svg%3E");position:absolute;inset:0}@keyframes drift{to{transform:translate(-35px,28px)scale(1.08)}}.hero-inner{grid-template-rows:auto 1fr auto;min-height:calc(100svh - 80px);padding:30px 0 26px;display:grid}.hero-topline{font:600 10px/1 var(--body);letter-spacing:.22em;color:#ffffff94;justify-content:space-between;display:flex}.hero-main{grid-template-columns:minmax(0,1.38fr) minmax(330px,.62fr);align-items:center;gap:7vw;padding:52px 0 40px;display:grid}.eyebrow{letter-spacing:.16em;color:var(--lime);align-items:center;gap:12px;margin:0 0 24px;font-size:11px;font-weight:600;display:flex}.eyebrow>span{border:2px solid var(--lime);border-radius:50%;width:8px;height:8px}.hero h1{font-family:var(--display);letter-spacing:-.095em;margin:0;font-size:clamp(74px,10.2vw,152px);font-weight:700;line-height:.86}.hero h1>span{display:block}.hero-title-accent{color:var(--lime);margin-left:.52em}.hero-title-dot{color:var(--coral)}.hero-side{align-self:end;padding-bottom:5vh}.hero-side p{color:#ffffffad;margin:30px 0 28px;font-size:14px;line-height:2}.hero-orbit{aspect-ratio:1;place-items:center;width:128px;display:grid;position:relative}.hero-orbit__ring{border:1px solid #ffffff40;border-radius:50%;animation:10s linear infinite spin;position:absolute;inset:0}.hero-orbit__ring:before{content:"";background:var(--coral);width:8px;height:8px;box-shadow:0 0 18px var(--coral);border-radius:50%;position:absolute;top:15px;left:12px}.hero-orbit__core{width:62px;height:62px;color:var(--navy);background:var(--lime);font:700 28px/1 var(--display);border-radius:50%;place-items:center;display:grid}.hero-orbit__satellite{backdrop-filter:blur(5px);border:1px solid #ffffff6b;border-radius:50%;width:28px;height:28px;position:absolute;bottom:8px;right:-10px}@keyframes spin{to{transform:rotate(360deg)}}.button-row{align-items:center;gap:10px;display:flex}.button{border:1px solid #0000;border-radius:4px;justify-content:space-between;align-items:center;min-width:175px;padding:14px 18px;font-size:12px;font-weight:600;transition:transform .2s,background .2s,color .2s;display:inline-flex}.button:hover{transform:translateY(-3px)}.button--lime{color:var(--navy);background:var(--lime)}.button--ghost{min-width:126px;color:var(--white);border-color:#ffffff40}.button--ghost:hover{border-color:var(--white)}.hero-foot{color:#ffffff73;letter-spacing:.17em;align-items:center;gap:20px;font-size:9px;display:flex}.hero-foot__line{background:#ffffff26;flex:1;height:1px}.hero-status{color:var(--lime);align-items:center;gap:8px;display:flex}.hero-status i{background:var(--lime);width:6px;height:6px;box-shadow:0 0 10px var(--lime);border-radius:50%;animation:1.8s ease-in-out infinite pulse}@keyframes pulse{50%{opacity:.25}}.ticker{color:var(--navy);background:var(--lime);border-block:1px solid var(--navy);overflow:hidden}.ticker-track{align-items:center;width:max-content;padding:13px 0;animation:24s linear infinite ticker;display:flex}.ticker span{font:700 12px/1 var(--display);letter-spacing:.16em;margin:0 28px}.ticker i{color:var(--coral);font-style:normal}@keyframes ticker{to{transform:translate(-50%)}}.section{padding:150px 0}.section-heading{grid-template-columns:210px 1fr;align-items:start;gap:28px;display:grid}.section-heading__label{color:var(--muted);text-transform:uppercase;letter-spacing:.17em;align-items:center;gap:11px;margin:11px 0 0;font-size:10px;font-weight:700;display:flex}.section-heading__label span{background:currentColor;width:28px;height:1px}.section-heading h2{max-width:840px;font:600 clamp(42px, 6vw, 80px)/1.08 var(--display);letter-spacing:-.065em;margin:0}.services{background:var(--paper)}.service-intro{justify-content:space-between;align-items:flex-end;margin:82px 0 32px 238px;display:flex}.service-intro p{margin:0;font-size:18px;line-height:1.8}.service-intro span{color:var(--muted);letter-spacing:.18em;font-size:9px}.service-list{border-top:1px solid var(--line)}.service-item{border-bottom:1px solid var(--line);grid-template-columns:80px minmax(240px,.7fr) minmax(320px,1fr) 150px 32px;align-items:center;gap:24px;min-height:154px;padding:24px 12px;transition:color .3s,padding .3s;display:grid;position:relative;overflow:hidden}.service-item:before{content:"";z-index:-1;background:var(--navy);transition:transform .35s cubic-bezier(.6,0,.2,1);position:absolute;inset:0;transform:translateY(101%)}.service-item:hover{color:var(--white);padding-inline:28px}.service-item:hover:before{transform:none}.service-number{color:var(--muted);font:600 11px/1 var(--body);align-self:start;padding-top:9px}.service-title h3{font:600 clamp(28px, 3.2vw, 46px)/1 var(--display);letter-spacing:-.055em;margin:0 0 3px}.service-title p{color:var(--muted);margin:0;font-size:11px}.service-item:hover .service-title p,.service-item:hover .service-number{color:var(--lime)}.service-description{max-width:510px;color:var(--muted);margin:0;font-size:13px;line-height:1.9}.service-item:hover .service-description{color:#ffffffa8}.service-tag{color:var(--muted);letter-spacing:.12em;justify-self:end;font-size:8px}.service-arrow{font-size:22px;transition:transform .3s}.service-item:hover .service-arrow{color:var(--lime);transform:rotate(45deg)}.works{color:var(--white);background:var(--navy)}.works .section-heading__label{color:var(--lime)}.works-head{grid-template-columns:1fr auto;align-items:end;gap:20px;margin-bottom:70px;display:grid}.works-note{color:#ffffff75;max-width:250px;margin:0 0 8px;font-size:10px;line-height:1.8}.works-grid{grid-template-columns:1fr 1fr;gap:74px 24px;display:grid}.work-card:nth-child(2n){margin-top:100px}.work-visual{background:#172137;border:1px solid #ffffff1f;height:clamp(330px,42vw,550px);padding:10%;position:relative;overflow:hidden}.work-card--restaurant .work-visual{background:linear-gradient(145deg,#3d1d17,#d0673d)}.work-card--dealer .work-visual{background:linear-gradient(145deg,#d7e1e3,#718c95)}.work-card--dashboard .work-visual{background:linear-gradient(145deg,#30295e,#7a69d8)}.work-card--event .work-visual{background:linear-gradient(145deg,#17382e,#39a073)}.work-visual:before{content:"";mix-blend-mode:overlay;background:radial-gradient(circle at 80% 10%,#ffffff52,#0000 42%);position:absolute;inset:0}.mock-browser{z-index:1;height:100%;color:var(--navy);background:#ffffffeb;border:1px solid #ffffff6b;border-radius:10px;transition:transform .5s;position:relative;overflow:hidden;transform:perspective(1000px)rotateX(3deg)rotateY(-5deg);box-shadow:0 34px 70px #00000059}.work-card:hover .mock-browser{transform:perspective(1000px)rotateX(0)rotateY(0)scale(1.025)}.mock-browser__bar{border-bottom:1px solid #07111f1a;align-items:center;gap:6px;height:36px;padding:0 12px;display:flex}.mock-browser__bar i{background:#07111f2e;border-radius:50%;width:6px;height:6px}.mock-browser__bar span{background:#07111f14;border-radius:10px;width:38%;height:8px;margin-left:auto}.mock-browser__screen{height:calc(100% - 36px);padding:9%;position:relative;overflow:hidden}.mock-browser__screen:after{content:"";opacity:.12;border:1px solid;border-radius:50%;width:180px;height:180px;position:absolute;bottom:-50px;right:-50px;box-shadow:0 0 0 28px #07111f08,0 0 0 58px #07111f08}.mock-label{letter-spacing:.18em;text-transform:uppercase;font-size:8px}.mock-browser__screen strong{font:700 clamp(60px, 8vw, 112px)/.8 var(--display);letter-spacing:-.08em;opacity:.1;margin:10% 0 6%;display:block}.mock-ui{grid-template-columns:1.4fr 1fr;gap:8px;display:grid}.mock-ui i{opacity:.12;background:currentColor;height:9px;display:block}.mock-ui i:first-child{opacity:.75;grid-column:1/-1;height:42px}.mock-ui i:nth-child(2){height:80px}.mock-ui i:nth-child(3){opacity:.25;height:80px}.mock-ui i:nth-child(4){width:70%}.mock-ui i:nth-child(5){width:45%}.work-index{z-index:2;color:#ffffff70;font:500 11px/1 var(--body);position:absolute;bottom:12px;right:20px}.work-body{justify-content:space-between;align-items:flex-end;gap:18px;padding:22px 2px 0;display:flex}.work-body p{color:var(--lime);letter-spacing:.15em;text-transform:uppercase;margin:0 0 6px;font-size:9px}.work-body h3{font:500 clamp(22px, 2.5vw, 34px)/1.3 var(--display);letter-spacing:-.04em;margin:0}.work-body ul{flex-wrap:wrap;justify-content:flex-end;gap:4px;margin:0;padding:0;list-style:none;display:flex}.work-body li{color:#ffffff80;border:1px solid #ffffff24;border-radius:999px;padding:5px 9px;font-size:8px}.about{background:var(--white)}.about-grid{grid-template-columns:minmax(350px,.85fr) minmax(450px,1.15fr);gap:10vw;display:grid}.about-sticky{align-self:start;position:sticky;top:130px}.about .section-heading{display:block}.about .section-heading h2{margin-top:25px;font-size:clamp(44px,5.4vw,74px)}.about-code{color:var(--lime);background:var(--navy);border-radius:3px;margin-top:70px;padding:24px;position:relative;overflow:hidden}.about-code:after{content:"";border:1px solid var(--lime);border-radius:50%;width:90px;height:90px;position:absolute;top:-30px;right:-25px;box-shadow:0 0 0 14px #d8ff5714}.about-code span{letter-spacing:.18em;margin-bottom:25px;font-size:8px;display:block}.about-code strong{font:600 16px/1 var(--display);letter-spacing:.06em}.about-lead{font:500 clamp(30px, 4vw, 54px)/1.45 var(--display);letter-spacing:-.05em;margin:0 0 70px}.about-copy{color:#4f5559;max-width:650px;margin-left:14%}.about-copy>p{margin:0 0 32px}.about-questions{border-top:1px solid var(--line);margin:48px 0}.about-questions p{border-bottom:1px solid var(--line);color:var(--ink);grid-template-columns:48px 1fr;margin:0;padding:18px 0;font-size:17px;display:grid}.about-questions span{color:var(--coral);font-size:9px}.about-values{flex-wrap:wrap;gap:7px;margin-top:70px;display:flex}.about-values span{color:var(--navy);background:var(--lime);letter-spacing:.08em;text-transform:uppercase;border-radius:999px;padding:8px 14px;font-size:9px;font-weight:600}.contact{color:var(--white);background:var(--navy);padding:150px 0 70px;position:relative;overflow:hidden}.contact:before{content:"";background-image:radial-gradient(#d8ff572b 1px,#0000 1px);background-size:26px 26px;position:absolute;inset:0;mask-image:radial-gradient(circle at 75% 40%,#000,#0000 60%)}.contact-glow{border:1px solid #d8ff572e;border-radius:50%;width:550px;height:550px;position:absolute;top:10%;right:-130px;box-shadow:0 0 0 70px #d8ff5706,0 0 0 140px #d8ff5705}.contact-inner{z-index:1;position:relative}.contact-kicker{color:var(--lime);letter-spacing:.2em;align-items:center;gap:12px;margin:0 0 50px;font-size:9px;font-weight:700;display:flex}.contact-kicker span{background:var(--lime);width:7px;height:7px;box-shadow:0 0 12px var(--lime);border-radius:50%}.contact h2{max-width:1050px;font:600 clamp(68px, 10vw, 138px)/.93 var(--display);letter-spacing:-.09em;margin:0}.contact h2 em{color:var(--lime);font-style:normal}.contact-bottom{grid-template-columns:1fr 1.15fr;align-items:end;gap:10vw;margin:90px 0 120px 22%;display:grid}.contact-bottom p{color:#ffffff8f;margin:0;font-size:14px}.contact-cta{min-height:90px;color:var(--navy);background:var(--lime);border-radius:4px;justify-content:space-between;align-items:center;padding:0 30px;font-size:18px;font-weight:600;transition:transform .25s,box-shadow .25s;display:flex}.contact-cta i{width:48px;height:48px;color:var(--white);background:var(--navy);border-radius:50%;place-items:center;font-style:normal;display:grid}.contact-cta:not(.contact-cta--disabled):hover{transform:translateY(-5px);box-shadow:0 20px 50px #d8ff5729}.contact-cta--disabled{color:#07111f94;cursor:default}.contact-meta{color:#ffffff61;letter-spacing:.18em;border-top:1px solid #ffffff24;justify-content:space-between;padding-top:20px;font-size:8px;display:flex}.site-footer{color:var(--white);background:var(--navy);border-top:1px solid #ffffff1a;padding:70px 0 28px}.footer-main{justify-content:space-between;align-items:flex-start;display:flex}.footer-main p{color:#ffffff6b;margin:18px 0 0;font-size:12px}.footer-main nav{color:#ffffff8f;gap:30px;font-size:11px;display:flex}.footer-main nav a:hover{color:var(--lime)}.footer-main nav span{opacity:.45}.footer-bottom{color:#ffffff59;border-top:1px solid #ffffff1a;justify-content:space-between;margin-top:70px;padding-top:20px;font-size:9px;display:flex}[data-reveal]{opacity:0;transition:opacity .75s,transform .75s cubic-bezier(.2,.7,.2,1);transform:translateY(24px)}[data-reveal].is-visible{opacity:1;transform:none}.service-item:nth-child(2),.work-card:nth-child(2){transition-delay:60ms}.service-item:nth-child(3),.work-card:nth-child(3){transition-delay:.12s}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}[data-reveal]{opacity:1;transform:none}}@media (width<=1000px){:root{--shell:min(100% - 48px, 900px)}.hero-main{grid-template-columns:1fr;align-content:center;gap:55px}.hero-side{grid-template-columns:auto 1fr;align-items:end;gap:30px;padding:0;display:grid}.hero-side p{margin:0}.hero-side .button-row{grid-column:2}.hero h1{font-size:clamp(75px,14vw,130px)}.section-heading{grid-template-columns:160px 1fr}.service-intro{margin-left:188px}.service-item{grid-template-columns:50px minmax(200px,.7fr) 1fr 24px}.service-tag{display:none}.about-grid{gap:7vw}.contact-bottom{margin-left:10%}}@media (width<=760px){:root{--shell:calc(100vw - 36px)}.site-header{height:68px}.menu-toggle{font:600 9px/1 var(--body);letter-spacing:.12em;text-transform:uppercase;background:0 0;border:0;align-items:center;gap:10px;padding:8px 0;display:flex}.menu-toggle__lines{border-block:1px solid var(--lime);width:24px;height:12px;position:relative}.global-nav{color:var(--white);background:#07111ff7;border-bottom:1px solid #ffffff1f;gap:0;padding:15px 18px 24px;transition:transform .3s;display:grid;position:fixed;inset:68px 0 auto;transform:translateY(-130%)}.global-nav.is-open{transform:none}.global-nav a{border-bottom:1px solid #ffffff1a;padding:17px 8px}.global-nav__contact{text-align:center;margin-top:12px;border:0!important}.hero{min-height:820px;padding-top:68px}.hero-inner{min-height:752px;padding:24px 0 18px}.hero-topline span:last-child{display:none}.hero-main{gap:44px;padding:35px 0 28px}.eyebrow{margin-bottom:18px;font-size:8px}.hero h1{font-size:clamp(64px,20vw,96px);line-height:.92}.hero-title-accent{margin-left:0}.hero-side{display:block}.hero-orbit{width:90px;margin-bottom:28px}.hero-orbit__core{width:46px;height:46px;font-size:20px}.hero-side p{font-size:12px;line-height:1.9}.hero-side .button-row{margin-top:24px}.button{flex:1;min-width:0;padding:13px 14px}.hero-foot{font-size:7px}.hero-status{display:none}.section{padding:100px 0}.section-heading{display:block}.section-heading h2{margin-top:18px;font-size:clamp(38px,12vw,58px)}.section-heading__label{margin:0}.service-intro{margin:48px 0 22px;display:block}.service-intro p{font-size:15px}.service-intro span{margin-top:18px;display:block}.service-item{grid-template-columns:38px 1fr 26px;gap:13px;min-height:0;padding:26px 4px}.service-item:hover{padding-inline:12px}.service-title h3{font-size:29px}.service-description{grid-column:2/-1;font-size:11px}.service-arrow{grid-area:1/3}.works-head{margin-bottom:48px;display:block}.works-note{margin-top:24px}.works-grid{display:block}.work-card,.work-card:nth-child(2n){margin:0 0 55px}.work-visual{height:370px;padding:9%}.work-body{padding-top:17px;display:block}.work-body ul{justify-content:flex-start;margin-top:13px}.about-grid{display:block}.about-sticky{position:static}.about-code{margin:40px 0 60px}.about-lead{margin-bottom:45px;font-size:30px}.about-copy{margin-left:0;font-size:14px}.about-questions p{grid-template-columns:38px 1fr;font-size:14px}.contact{padding:100px 0 50px}.contact h2{font-size:clamp(58px,19vw,92px)}.contact-bottom{margin:60px 0 80px;display:block}.contact-cta{min-height:76px;margin-top:34px;padding:0 20px}.contact-meta{gap:15px;font-size:6px}.footer-main{display:block}.footer-main nav{margin-top:40px}}
