:root{--bg:#050a19;--bg2:#091127;--card:#0d1731;--line:#1b2b4d;--text:#f5f8ff;--muted:#9eacc6;--cyan:#22e7d6;--blue:#3788ff;--purple:#7657ff;--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:'DM Sans',sans-serif;overflow-x:hidden}.noise{position:fixed;inset:0;pointer-events:none;opacity:.025;z-index:20;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E")}.nav{height:78px;position:fixed;z-index:50;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:0 max(28px,calc((100vw - var(--max))/2));background:rgba(5,10,25,.72);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.06)}.brand{display:flex;gap:11px;align-items:center;color:white;text-decoration:none;font:700 16px 'Space Grotesk';letter-spacing:1.7px}.brand small{display:block;color:#6382ad;font-size:7px;letter-spacing:3.2px}.mark{width:31px;height:34px;position:relative;display:block}.mark i,.mark b{position:absolute;display:block;clip-path:polygon(50% 0,100% 100%,50% 75%,0 100%)}.mark i{inset:0;background:linear-gradient(150deg,var(--cyan),var(--blue))}.mark b{inset:8px 6px 2px;background:#071026}.nav nav{display:flex;align-items:center;gap:30px}.nav nav a{color:#cbd5e8;text-decoration:none;font-size:14px}.nav nav a:hover{color:white}.nav-cta{border:1px solid #2c456e;padding:11px 17px;border-radius:8px;background:#0c1730}.hamb{display:none;background:none;border:0;color:white;font-size:24px}.hero{max-width:var(--max);margin:auto;min-height:760px;padding:155px 0 90px;display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:70px;position:relative}.eyebrow,.kicker{font-size:11px;letter-spacing:2.2px;font-weight:700;color:#92a3c1}.eyebrow{display:flex;align-items:center;gap:10px}.eyebrow span{width:28px;height:1px;background:var(--cyan)}h1,h2,h3,h4{font-family:'Space Grotesk',sans-serif;margin-top:0}h1{font-size:64px;line-height:1.02;letter-spacing:-3px;margin:22px 0 25px}em{font-style:normal;background:linear-gradient(100deg,var(--cyan),#65a8ff);-webkit-background-clip:text;color:transparent}.hero-copy>p{font-size:18px;line-height:1.7;color:var(--muted);max-width:610px}.actions{display:flex;gap:13px;margin:34px 0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:14px;padding:15px 21px;border-radius:9px;text-decoration:none;font-weight:700;font-size:14px;border:1px solid transparent;cursor:pointer}.primary{color:#031013;background:var(--cyan);box-shadow:0 10px 35px rgba(34,231,214,.16)}.primary:hover{transform:translateY(-2px)}.ghost{color:#e9effa;border-color:#293a5a;background:#0b1429}.trust{display:flex;gap:23px;margin-top:42px;color:#8190aa;font-size:12px}.trust span:before{content:'✓';color:var(--cyan);margin-right:7px}.hero-art{position:relative}.dash{height:440px;background:#0b142b;border:1px solid #24395f;border-radius:16px;box-shadow:0 40px 100px #0008;transform:perspective(1200px) rotateY(-5deg) rotateX(2deg);overflow:hidden}.dash-top{height:43px;border-bottom:1px solid #1c2b49;display:flex;align-items:center;gap:6px;padding:0 14px}.dash-top i{width:6px;height:6px;border-radius:50%;background:#41506d}.dash-top span{margin-left:12px;color:#667796;font-size:9px}.dash-body{display:flex;height:calc(100% - 43px)}.dash aside{width:48px;border-right:1px solid #1c2b49;display:flex;flex-direction:column;align-items:center;gap:24px;padding-top:18px}.dash aside b{color:var(--cyan)}.dash aside i{width:14px;height:14px;border:1px solid #415170;border-radius:3px}.panel{padding:28px;width:100%}.panel-head{display:flex;justify-content:space-between}.panel small,.product-ui small{font-size:8px;color:#7484a0;letter-spacing:1.2px}.panel h3{font-size:22px;margin:6px 0}.panel-head span{font-size:9px;color:var(--cyan);background:#0c2b31;padding:7px 9px;border-radius:20px;height:max-content}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:22px}.stats>div{background:#101d39;border:1px solid #203251;padding:13px;border-radius:8px}.stats strong{display:block;font:600 22px 'Space Grotesk';margin:6px 0}.stats em{font-size:8px;color:#6fa5b3;-webkit-text-fill-color:initial;background:none}.chart{margin-top:15px;background:#0f1b35;border:1px solid #1f3150;padding:13px;border-radius:8px}.chart svg{width:100%;margin-top:10px}.chart .area{fill:url(#g)}.chart .line{fill:none;stroke:var(--cyan);stroke-width:2}.float-card{position:absolute;background:#101c36;border:1px solid #2a4167;border-radius:10px;box-shadow:0 18px 45px #0008}.fc1{left:-35px;bottom:28px;padding:12px 14px;display:flex;gap:10px;align-items:center}.fc1>span{width:27px;height:27px;border-radius:50%;display:grid;place-items:center;background:#123a3a;color:var(--cyan)}.fc1 b,.fc1 small{display:block;font-size:9px}.fc1 small{color:#7788a5;margin-top:3px}.fc2{right:-25px;top:30px;padding:13px 17px}.fc2 b{font:600 20px 'Space Grotesk';display:block;margin:4px 0;color:var(--cyan)}.fc2 span{font-size:8px;color:#7c8ba7}.orb{position:absolute;border-radius:50%;filter:blur(100px);opacity:.14}.orb.one{width:360px;height:360px;background:var(--cyan);right:-100px;top:140px}.orb.two{width:300px;height:300px;background:var(--purple);left:-250px;top:330px}.logos{border-top:1px solid #14213b;border-bottom:1px solid #14213b;min-height:110px;display:flex;align-items:center;justify-content:center;gap:60px;color:#4f607c}.logos span{font-size:12px}.logos b{font:600 13px 'Space Grotesk';letter-spacing:1.5px}.section,.work,.process,.about,.cta{max-width:var(--max);margin:auto;padding:115px 0}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:55px}.section-head h2,.process h2,.about h2,.cta h2{font-size:44px;line-height:1.12;letter-spacing:-1.8px;margin:12px 0 0}.section-head>p{color:var(--muted);line-height:1.7;max-width:440px}.service-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.service{padding:32px;border:1px solid #1c2b49;background:linear-gradient(145deg,#0b1429,#091123);border-radius:14px;position:relative;min-height:330px;transition:.25s}.service:hover{border-color:#35557e;transform:translateY(-3px)}.service.featured{background:linear-gradient(145deg,#0c2430,#0b1429);border-color:#24545b}.service .num{position:absolute;right:25px;top:25px;color:#40516f;font:500 12px 'Space Grotesk'}.service .icon{font-size:25px;color:var(--cyan);height:45px}.service h3{font-size:24px;margin:14px 0}.service p{color:var(--muted);line-height:1.65;max-width:490px}.tags{display:flex;flex-wrap:wrap;gap:7px;margin:22px 0}.tags span,.pill{font-size:10px;color:#9db0cf;border:1px solid #263958;border-radius:30px;padding:6px 9px}.service a,.text-link{color:var(--cyan);font-size:13px;font-weight:600;text-decoration:none}.work{max-width:none;background:#071024;border-top:1px solid #13213c;border-bottom:1px solid #13213c;padding-left:max(28px,calc((100vw - var(--max))/2));padding-right:max(28px,calc((100vw - var(--max))/2))}.work .section-head,.case{max-width:var(--max);margin-left:auto;margin-right:auto}.case{display:grid;grid-template-columns:.9fr 1.1fr;gap:65px;align-items:center}.case-copy h3{font-size:48px;margin:18px 0 3px}.case-copy h4{font-size:21px;margin:0 0 18px;color:#dbe5f6}.case-copy p{color:var(--muted);line-height:1.7}.case-points{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:25px 0 30px;color:#c9d5e7;font-size:12px}.case-points span:before{content:'✓';color:var(--cyan);margin-right:8px}.product-ui{height:410px;border-radius:15px;border:1px solid #274060;background:#0d1730;box-shadow:0 35px 90px #0008;display:flex;overflow:hidden;transform:rotate(1deg)}.p-sidebar{width:64px;background:#0a1328;border-right:1px solid #20314e;display:flex;align-items:center;flex-direction:column;gap:24px;padding-top:20px}.mini-logo{background:var(--cyan);color:#07111e;width:30px;height:30px;border-radius:8px;display:grid;place-items:center;font-weight:800}.p-sidebar i{width:16px;height:16px;border:1px solid #40506c;border-radius:4px}.p-main{padding:35px;width:100%}.p-main h4{font-size:24px;margin:6px 0 24px}.p-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.p-stats span{background:#111f3c;padding:16px;border-radius:8px;border:1px solid #233655}.p-stats b,.p-stats small{display:block}.p-stats b{font:600 20px 'Space Grotesk';margin-bottom:5px}.orders{margin-top:25px;background:#101d38;border:1px solid #223552;border-radius:9px;padding:18px}.orders>b{font-size:12px}.orders>div{display:flex;align-items:center;border-top:1px solid #20314c;padding:10px 0;margin-top:9px}.orders>div>span{width:28px;height:28px;border-radius:50%;background:#173d48;color:var(--cyan);display:grid;place-items:center;font-size:8px}.orders p{margin:0 0 0 10px;flex:1}.orders strong,.orders small{display:block;font-size:9px}.orders em{font-size:8px;background:#14333a;color:var(--cyan);-webkit-text-fill-color:initial;padding:5px 8px;border-radius:15px}.process{display:grid;grid-template-columns:.8fr 1.2fr;gap:100px}.process-copy>p{color:var(--muted);line-height:1.7;margin:24px 0}.steps>div{display:grid;grid-template-columns:55px 1fr;border-top:1px solid #20304d;padding:25px 0}.steps>div:last-child{border-bottom:1px solid #20304d}.steps span{font:500 11px 'Space Grotesk';color:var(--cyan)}.steps h3{font-size:19px;margin:0 0 6px}.steps p{color:var(--muted);font-size:13px;margin:0}.about{padding-top:30px}.about-card{border:1px solid #243859;border-radius:20px;padding:70px;background:radial-gradient(circle at 90% 10%,rgba(34,231,214,.09),transparent 30%),linear-gradient(145deg,#0c1830,#091126)}.about-card>p{max-width:720px;color:var(--muted);line-height:1.8;font-size:16px}.values{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:45px;border-top:1px solid #263653;padding-top:35px}.values b,.values span{display:block}.values b{font:600 15px 'Space Grotesk';margin-bottom:9px}.values span{font-size:12px;color:var(--muted);line-height:1.5}.cta{display:grid;grid-template-columns:.9fr 1.1fr;gap:85px}.cta>div>p{color:var(--muted);line-height:1.7}.contact-direct{display:flex;flex-direction:column;gap:7px;margin-top:35px}.contact-direct a{color:#cdd9ed;text-decoration:none}.cta form{background:#0c162d;border:1px solid #233655;border-radius:15px;padding:30px}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}label{display:block;font-size:10px;letter-spacing:1px;color:#9babca;margin-bottom:15px}input,select,textarea{display:block;width:100%;margin-top:7px;background:#081126;border:1px solid #263959;border-radius:7px;padding:13px;color:white;font:13px 'DM Sans';outline:none}input:focus,select:focus,textarea:focus{border-color:var(--cyan)}textarea{resize:vertical}.cta form button{width:100%}.cta form>small{display:block;text-align:center;color:#71819e;margin-top:13px}.cta form>small a{color:var(--cyan)}footer{max-width:var(--max);margin:auto;border-top:1px solid #1b2943;padding:45px 0 35px;display:grid;grid-template-columns:1fr 1.2fr .8fr;gap:40px;align-items:start}footer p{margin:0;color:#71809a;font-size:12px;line-height:1.7}footer>div{display:flex;gap:20px}footer>div a{color:#9ba9c0;text-decoration:none;font-size:12px}footer>small{grid-column:1/-1;color:#485976;margin-top:20px}
@media(max-width:900px){.nav{padding:0 22px}.nav nav{display:none;position:absolute;top:78px;left:0;right:0;background:#071027;padding:25px;flex-direction:column;align-items:flex-start;border-bottom:1px solid #22314c}.nav nav.open{display:flex}.hamb{display:block}.hero{grid-template-columns:1fr;padding:135px 24px 80px;min-height:auto}.hero-art{max-width:650px}.section,.process,.about,.cta{padding:85px 24px}.work{padding-top:85px;padding-bottom:85px}.logos{gap:24px;flex-wrap:wrap;padding:25px}.section-head,.case,.process,.cta{grid-template-columns:1fr;display:grid;gap:35px}.section-head{align-items:start}.section-head>p{margin:0}.process{gap:55px}.values{grid-template-columns:1fr}.about-card{padding:45px}.cta{gap:45px}footer{margin:0 24px;grid-template-columns:1fr 1fr}.case{gap:45px}}@media(max-width:600px){h1{font-size:44px;letter-spacing:-2px}.section-head h2,.process h2,.about h2,.cta h2{font-size:35px}.hero{gap:45px}.hero-art{margin:0 5px}.dash{height:335px}.panel{padding:18px}.stats{grid-template-columns:1fr 1fr}.stats>div:last-child{display:none}.fc1{left:-10px}.fc2{right:-10px;top:10px}.trust{flex-direction:column;gap:8px}.actions{flex-direction:column}.service-grid{grid-template-columns:1fr}.service{min-height:auto}.case-copy h3{font-size:40px}.product-ui{height:355px}.p-sidebar{display:none}.p-main{padding:24px}.p-stats{grid-template-columns:1fr 1fr}.p-stats span:last-child{display:none}.about-card{padding:32px 24px}.field-row{grid-template-columns:1fr}footer{grid-template-columns:1fr}footer>small{grid-column:auto}}

.brand-logo{display:block;width:190px;max-height:58px;object-fit:contain;object-position:left center}
@media(max-width:600px){.brand-logo{width:155px;max-height:50px}}

.portfolio-intro{max-width:var(--max);margin:80px auto 28px}.portfolio-intro h3{font-size:32px;margin:10px 0}.portfolio-intro p{max-width:680px;color:var(--muted);line-height:1.7}.portfolio-grid{max-width:var(--max);margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.project-card{position:relative;min-height:310px;padding:30px;border:1px solid #1f3352;border-radius:14px;background:radial-gradient(circle at 100% 0,rgba(34,231,214,.08),transparent 34%),linear-gradient(145deg,#0c172e,#091225);overflow:hidden;transition:.25s}.project-card:hover{transform:translateY(-4px);border-color:#315979}.project-card .project-mark{width:54px;height:54px;border-radius:14px;display:grid;place-items:center;margin-bottom:24px;background:linear-gradient(135deg,#123c50,#17245d);border:1px solid #2b5d75;color:var(--cyan);font:700 16px 'Space Grotesk';letter-spacing:1px}.project-card h3{font-size:27px;margin:17px 0 10px}.project-card p{color:var(--muted);line-height:1.65;font-size:13px}.project-card .tags{margin-top:24px}@media(max-width:900px){.portfolio-intro{margin-top:60px}.portfolio-grid{grid-template-columns:1fr 1fr}}@media(max-width:600px){.portfolio-grid{grid-template-columns:1fr}.portfolio-intro h3{font-size:27px}.project-card{min-height:auto}}