@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--bg:#06112a;--panel:#0b1b3b;--blue:#397cff;--cyan:#75d5ff;--white:#f4f7ff;--muted:#9aabc9;--line:rgba(157,190,255,.16);--font:'DM Sans',sans-serif;--display:'Space Grotesk',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--white);font-family:var(--font);overflow-x:hidden}a{color:inherit;text-decoration:none}.ambient{position:fixed;z-index:-3;width:55vw;height:55vw;border-radius:50%;filter:blur(95px);opacity:.24;pointer-events:none;animation:drift 17s ease-in-out infinite alternate}.ambient-one{top:-25vw;left:-15vw;background:#135dff}.ambient-two{right:-25vw;top:35vh;background:#087dbd;animation-delay:-7s}.grid-overlay{position:fixed;inset:0;z-index:-2;pointer-events:none;opacity:.18;background-image:linear-gradient(rgba(126,167,255,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(126,167,255,.09) 1px,transparent 1px);background-size:62px 62px;mask-image:linear-gradient(to bottom,black,transparent 88%)}.site-header{height:88px;max-width:1240px;margin:auto;padding:0 32px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:10}.brand{display:flex;align-items:center;gap:12px}.brand-mark{width:38px;height:38px;border:1px solid rgba(105,164,255,.7);border-radius:12px;display:grid;place-items:center;background:linear-gradient(145deg,rgba(53,121,255,.28),rgba(7,24,57,.4));box-shadow:0 0 25px rgba(50,126,255,.18);perspective:500px}.brand-mark span{font:700 23px var(--display);color:#8dcaff;text-shadow:0 0 18px #318aff;display:block}.brand-mark.is-spun span{animation:coin-spin .8s cubic-bezier(.2,.8,.2,1) both}.brand-name{font:700 19px var(--display);letter-spacing:.16em}.brand-name small{display:block;font:600 8px var(--font);letter-spacing:.42em;color:#7f9ac8;margin-top:2px}.nav{display:flex;align-items:center;gap:34px;font-size:12px;color:#c2cde2}.nav a{transition:color .2s}.nav a:hover{color:#79bdff}.nav-cta{border:1px solid rgba(111,165,255,.38);padding:12px 17px;border-radius:5px}.nav-cta span{color:#78caff;margin-left:12px}.menu-toggle{display:none}.section-wrap{max-width:1240px;margin:auto;padding-left:32px;padding-right:32px}.hero{min-height:690px;position:relative;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;padding-top:65px;padding-bottom:110px}.eyebrow,.section-kicker{font-size:10px;letter-spacing:.2em;font-weight:700;color:#83baff}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#6be0ff;box-shadow:0 0 13px #55caff;margin-right:10px}.hero h1{font:600 clamp(58px,7.2vw,98px)/.98 var(--display);letter-spacing:-.075em;margin:28px 0}.gradient-text{background:linear-gradient(100deg,#fff 4%,#a8d6ff 38%,#4d8dff 75%,#b2f0ff);background-clip:text;-webkit-background-clip:text;color:transparent}.hero-lead{max-width:490px;color:#a9b9d4;font-size:16px;line-height:1.8}.hero-actions{display:flex;align-items:center;gap:30px;margin-top:34px}.button{display:inline-flex;align-items:center;gap:30px;padding:16px 20px;border-radius:4px;font-size:12px;font-weight:700;transition:transform .25s,box-shadow .25s}.button:hover{transform:translateY(-3px);box-shadow:0 12px 35px rgba(42,119,255,.25)}.button-primary{background:linear-gradient(110deg,#2866e9,#398dff);box-shadow:0 8px 28px rgba(35,103,239,.2)}.button-primary span,.button-light span{font-size:17px}.text-link{font-size:12px;color:#c5d3eb}.text-link span{color:#79bdff;margin-left:10px}.hero-proof{display:flex;align-items:center;gap:12px;margin-top:64px;color:#6f83a8;font-size:9px;letter-spacing:.18em}.proof-line{width:35px;height:1px;background:#448dff}.hero-art{height:480px;position:relative;display:grid;place-items:center;isolation:isolate}.core-glow{position:absolute;width:290px;height:290px;border-radius:50%;background:radial-gradient(circle,rgba(31,120,255,.35),rgba(17,67,160,.13) 42%,transparent 70%);filter:blur(12px);animation:pulse 5s ease-in-out infinite}.hero-emblem{width:185px;height:185px;display:grid;place-items:center;border:1px solid rgba(135,194,255,.65);border-radius:38px;transform:rotate(-12deg);background:linear-gradient(145deg,rgba(38,113,255,.25),rgba(4,19,48,.68));box-shadow:inset 0 0 45px rgba(59,133,255,.22),0 0 85px rgba(38,113,255,.22);position:relative}.hero-emblem:before,.hero-emblem:after{content:"";position:absolute;inset:13px;border:1px solid rgba(119,190,255,.22);border-radius:28px}.hero-emblem:after{inset:-18px;border-radius:48px;border-color:rgba(92,158,255,.17)}.hero-emblem span{font:700 125px/.8 var(--display);color:#a8d8ff;text-shadow:0 0 28px #318dff;transform:rotate(12deg)}.orbit{position:absolute;border:1px solid rgba(100,166,255,.2);border-radius:50%;transform:rotate(-28deg)}.orbit-a{width:390px;height:150px;animation:orbit 17s linear infinite}.orbit-b{width:450px;height:220px;transform:rotate(52deg);border-color:rgba(81,147,255,.15);animation:orbit 23s linear infinite reverse}.orbit-c{width:300px;height:300px;border-style:dashed;opacity:.35;animation:orbit 45s linear infinite}.floating-tag{position:absolute;font-size:9px;letter-spacing:.16em;color:#9eb9e5;border:1px solid rgba(123,177,255,.22);background:rgba(8,26,62,.72);backdrop-filter:blur(12px);padding:11px 14px;border-radius:3px}.floating-tag b{color:#65b9ff;margin-right:8px}.tag-top{top:82px;right:4px}.tag-bottom{bottom:88px;left:0}.spark{position:absolute;width:5px;height:5px;border-radius:50%;background:#a4e6ff;box-shadow:0 0 16px 5px #328dff}.spark-one{top:85px;left:24%}.spark-two{right:13%;bottom:130px}.spark-three{top:45%;right:4%}.hero-bottom{position:absolute;bottom:30px;left:32px;right:32px;display:flex;justify-content:space-between;color:#647da9;font-size:9px;letter-spacing:.16em}.hero-bottom b{color:#8bcaff;margin-left:10px}.intro{padding-top:125px;padding-bottom:130px;border-top:1px solid var(--line)}.intro-content{display:grid;grid-template-columns:1.1fr .9fr;gap:70px;align-items:end;margin-top:32px}.intro h2,.section-heading h2,.process h2{font:600 clamp(38px,5vw,64px)/1.08 var(--display);letter-spacing:-.06em;margin:0}.muted{color:#657b9f}.intro-content p,.section-heading>p{color:#9eafcb;line-height:1.9;font-size:14px;max-width:470px}.under-link{display:inline-block;margin-top:16px;padding-bottom:8px;border-bottom:1px solid #438eff;color:#b9d8ff;font-size:12px}.under-link span{margin-left:25px}.stats{display:grid;grid-template-columns:repeat(3,1fr);margin-top:85px;border-top:1px solid var(--line)}.stats div{padding:25px 0;border-right:1px solid var(--line);display:flex;flex-direction:column;gap:8px}.stats div+div{padding-left:30px}.stats strong{font:600 34px var(--display);color:#80bdff}.stats span{font-size:11px;color:#8295b6}.services,.work,.process{padding-top:100px;padding-bottom:110px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:45px}.section-heading h2{margin-top:24px}.section-heading>p{max-width:300px;margin-bottom:4px}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.service-card{min-height:265px;padding:25px 22px;border:1px solid var(--line);background:linear-gradient(145deg,rgba(20,48,94,.5),rgba(7,20,48,.55));position:relative;transition:transform .3s,border-color .3s,background .3s}.service-card:hover{transform:translateY(-7px);border-color:rgba(99,166,255,.55);background:linear-gradient(145deg,rgba(28,76,145,.58),rgba(7,20,48,.7))}.card-number{position:absolute;right:20px;top:22px;color:#637da8;font:12px var(--display)}.service-icon{font-size:28px;color:#79bfff;margin:24px 0 25px;text-shadow:0 0 20px #347fff}.service-card h3{font:600 18px var(--display);margin:0 0 12px}.service-card p{font-size:12px;line-height:1.7;color:#91a5c7;margin:0}.card-arrow{position:absolute;bottom:20px;right:22px;color:#70b7ff}.work{border-top:1px solid var(--line)}.project-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:30px}.project-card{min-width:0}.project-large{grid-row:span 2}.project-visual{height:245px;overflow:hidden;display:grid;place-items:center;border:1px solid rgba(119,170,255,.17);position:relative}.project-large .project-visual{height:520px}.visual-one{background:radial-gradient(ellipse at 70% 20%,#245ec1,#0b1b42 55%,#07142e)}.visual-two{background:radial-gradient(ellipse at 30% 80%,#155c91,#0b1a3b 65%)}.visual-three{background:radial-gradient(ellipse at 80% 30%,#263c9b,#091633 70%)}.browser{width:75%;height:72%;border:1px solid rgba(166,206,255,.4);background:rgba(5,17,41,.7);box-shadow:0 20px 70px #020a1d;border-radius:8px;overflow:hidden;transform:rotate(-5deg)}.browser-bar{height:25px;border-bottom:1px solid #28416a;display:flex;align-items:center;gap:5px;padding-left:10px}.browser-bar i{width:5px;height:5px;border-radius:50%;background:#579fff}.browser-content{padding:35px}.browser-content b{font-size:8px;letter-spacing:.2em;color:#7ebdff}.browser-content strong{display:block;font:600 clamp(24px,3vw,42px)/1.05 var(--display);margin-top:22px}.browser-content span{display:block;width:55px;height:3px;background:#4796ff;margin-top:25px}.mini-panel{width:190px;height:180px;border:1px solid #5aaaff;background:linear-gradient(145deg,rgba(38,126,210,.55),rgba(5,22,48,.9));box-shadow:0 20px 60px #020a1c;padding:20px;transform:rotate(7deg);display:flex;flex-direction:column;justify-content:space-between}.mini-panel span{font:700 30px var(--display);color:#b7e8ff}.mini-panel b{font:600 24px/1 var(--display)}.mini-panel small{font-size:7px;letter-spacing:.2em;color:#9ab7dd}.dashboard{width:72%;padding:20px;border:1px solid rgba(139,184,255,.4);background:rgba(4,16,42,.78);box-shadow:0 20px 60px #020a1c;transform:rotate(-4deg)}.dash-top{font-size:8px;letter-spacing:.2em;color:#91bfff;display:flex;justify-content:space-between}.dash-chart{height:80px;display:flex;align-items:end;gap:8px;border-bottom:1px solid #28436e;margin:20px 0}.dash-chart i{flex:1;background:linear-gradient(#70d5ff,#2868ef);height:var(--h,50%);border-radius:3px 3px 0 0}.dash-chart i:nth-child(2){height:65%}.dash-chart i:nth-child(3){height:40%}.dash-chart i:nth-child(4){height:80%}.dash-chart i:nth-child(5){height:58%}.dash-chart i:nth-child(6){height:92%}.dash-chart i:nth-child(7){height:72%}.dashboard>b{font:600 19px/1.1 var(--display)}.project-meta{display:flex;justify-content:space-between;padding:17px 0 26px;border-bottom:1px solid var(--line)}.project-meta h3{font:600 16px var(--display);margin:0 0 7px}.project-meta p,.project-meta>span{font-size:10px;color:#8298bd;margin:0}.project-meta>span{color:#83bfff}.portfolio-note{font-size:10px;color:#6e83a8;margin-top:20px}.process{border-top:1px solid var(--line)}.process h2{margin-top:25px}.process-list{margin-top:55px;border-top:1px solid var(--line)}.process-item{display:grid;grid-template-columns:90px 1fr 30px;align-items:center;padding:28px 5px;border-bottom:1px solid var(--line)}.process-item>span{font:14px var(--display);color:#69adff}.process-item h3{font:600 20px var(--display);margin:0 0 7px}.process-item p{font-size:12px;color:#91a5c7;margin:0}.process-item>b{color:#73baff;font-size:20px}.contact{padding-top:70px;padding-bottom:100px}.contact-panel{position:relative;overflow:hidden;padding:65px 7%;background:linear-gradient(115deg,#123b89,#0c2860 48%,#071a42);border:1px solid rgba(129,183,255,.3)}.contact-panel h2{font:600 clamp(42px,6vw,75px)/1.02 var(--display);letter-spacing:-.06em;margin:25px 0}.contact-panel>p{color:#c0d2ef;font-size:13px;margin-bottom:30px}.button-light{background:#edf6ff;color:#0a2451}.contact-orb{position:absolute;width:400px;height:400px;border:1px solid rgba(151,202,255,.23);border-radius:50%;right:-60px;top:-140px;box-shadow:0 0 0 35px rgba(111,175,255,.04),0 0 0 75px rgba(111,175,255,.03);pointer-events:none}.contact-details{display:grid;grid-template-columns:1fr 1fr;padding:25px 0;border-bottom:1px solid var(--line)}.contact-details div{display:flex;flex-direction:column;gap:10px}.contact-details span{font-size:9px;letter-spacing:.2em;color:#77b7ff;margin-bottom:5px}.contact-details b{font-size:12px;font-weight:500;color:#d2def2}.contact-details p{font-size:11px;color:#93a8ca;max-width:390px;line-height:1.7;margin:0}.footer{min-height:100px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;color:#788daf;font-size:10px}.footer-brand .brand-mark{width:30px;height:30px}.footer-brand .brand-mark span{font-size:18px}.footer-brand .brand-name{font-size:15px}.footer>a:last-child{color:#a9c9f6}
@keyframes drift{to{transform:translate(12vw,9vh) scale(1.18)}}@keyframes pulse{50%{transform:scale(1.17);opacity:.72}}@keyframes orbit{to{transform:rotate(332deg)}}@keyframes coin-spin{0%{transform:rotateY(0)}100%{transform:rotateY(360deg)}}
@media(max-width:850px){.nav{gap:17px}.hero{grid-template-columns:1fr .8fr}.hero-art{transform:scale(.8)}.service-grid{grid-template-columns:repeat(2,1fr)}.project-large .project-visual{height:440px}}
@media(max-width:650px){.site-header{height:72px;padding:0 20px}.menu-toggle{display:flex;flex-direction:column;gap:5px;border:0;background:none;padding:10px}.menu-toggle i{width:22px;height:2px;background:#dceaff}.nav{display:none;position:absolute;top:71px;left:0;right:0;padding:22px;background:#081735;border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;gap:20px}.nav.open{display:flex}.nav-cta{text-align:center}.section-wrap{padding-left:21px;padding-right:21px}.hero{display:block;padding-top:90px;padding-bottom:100px;min-height:0}.hero h1{font-size:clamp(56px,15vw,82px)}.hero-lead{font-size:14px}.hero-art{height:330px;transform:scale(.78);margin:0 -35px}.hero-bottom{left:21px;right:21px;font-size:7px}.hero-proof{margin-top:42px}.intro{padding-top:85px;padding-bottom:85px}.intro-content{grid-template-columns:1fr;gap:18px}.intro h2,.section-heading h2,.process h2{font-size:44px}.stats{margin-top:50px}.stats div+div{padding-left:12px}.stats strong{font-size:27px}.stats span{font-size:9px}.services,.work,.process{padding-top:75px;padding-bottom:75px}.section-heading{display:block}.section-heading>p{margin-top:20px}.service-grid{gap:9px}.service-card{min-height:240px;padding:17px 14px}.service-card h3{font-size:15px}.service-card p{font-size:10px}.project-grid{grid-template-columns:1fr;gap:10px}.project-large{grid-row:auto}.project-large .project-visual{height:330px}.project-visual{height:230px}.process-item{grid-template-columns:42px 1fr 20px;gap:10px}.process-item h3{font-size:16px}.process-item p{font-size:10px;line-height:1.6}.contact{padding-top:35px;padding-bottom:65px}.contact-panel{padding:45px 25px}.contact-panel h2{font-size:48px}.contact-orb{right:-260px}.contact-details{gap:20px}.contact-details b{font-size:10px}.footer{gap:15px;flex-wrap:wrap;padding-top:22px;padding-bottom:22px}.footer>span{order:3;width:100%}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
