:root{
  --bg:#070b11;--panel:#0d131d;--panel2:#101a27;--text:#f5f7fb;--muted:#9aa7b8;
  --line:rgba(255,255,255,.09);--blue:#248cff;--blue2:#62b2ff;--max:1180px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:"DM Sans",sans-serif;background:var(--bg);color:var(--text);line-height:1.55;overflow-x:hidden}
body:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 75% 15%,rgba(36,140,255,.10),transparent 25%),radial-gradient(circle at 20% 65%,rgba(36,140,255,.06),transparent 30%);z-index:-1}
a{color:inherit;text-decoration:none}
.site-header{height:78px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - var(--max))/2));position:sticky;top:0;background:rgba(7,11,17,.78);backdrop-filter:blur(18px);z-index:50}
.brand{display:flex;align-items:center;gap:11px}
.brand-mark{width:4px;height:32px;background:var(--blue);display:block;box-shadow:0 0 20px rgba(36,140,255,.6)}
.brand strong{font:700 24px/1 "Space Grotesk";letter-spacing:2px;display:block}
.brand small{display:block;color:#9ba8ba;font-size:12px;margin-top:3px}
.nav{display:flex;gap:38px;font-size:13px;color:#aeb8c7}
.nav a{position:relative;padding:30px 0}.nav a:hover,.nav a.active{color:#fff}.nav a.active:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--blue)}
.menu-toggle{display:none;background:none;border:0}.menu-toggle span{display:block;width:24px;height:2px;background:#fff;margin:5px}
.section{max-width:var(--max);margin:auto;padding:110px 24px}
.hero{min-height:650px;display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:center;padding-top:90px}
.eyebrow{font-size:11px;letter-spacing:3px;font-weight:700;color:#40a2ff;margin-bottom:18px}
.eyebrow span{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--blue);margin-right:8px;box-shadow:0 0 12px var(--blue)}
.hero h1{font:600 clamp(45px,5vw,72px)/1.04 "Space Grotesk";letter-spacing:-3px;max-width:650px}
.hero h1 em,.about-copy em{font-style:normal;color:#278eff}
.hero-copy>p{font-size:17px;color:var(--muted);max-width:580px;margin:25px 0 30px}
.hero-actions{display:flex;gap:13px;flex-wrap:wrap}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:14px 23px;border-radius:8px;font-weight:700;font-size:13px;border:1px solid transparent;transition:.25s;cursor:pointer}
.btn-primary{background:var(--blue);box-shadow:0 10px 35px rgba(36,140,255,.2)}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 15px 45px rgba(36,140,255,.35)}
.btn-ghost{border-color:#425166;color:#e8edf5}.btn-ghost:hover{border-color:var(--blue);background:rgba(36,140,255,.06)}
.hero-points{display:flex;gap:23px;color:#aeb8c7;font-size:12px;margin-top:27px;flex-wrap:wrap}
.hero-visual{height:450px;position:relative;display:flex;align-items:center;justify-content:center}
.glow{position:absolute;width:400px;height:300px;background:var(--blue);filter:blur(110px);opacity:.13}
.browser-card{width:min(560px,100%);border:1px solid #26374b;border-radius:14px;overflow:hidden;transform:perspective(1000px) rotateY(-7deg) rotateX(2deg);box-shadow:0 35px 90px rgba(0,0,0,.45),0 0 45px rgba(36,140,255,.12);background:#0a111a}
.browser-top{height:36px;background:#111b27;display:flex;align-items:center;gap:6px;padding:0 14px;color:#617086;font-size:10px}
.browser-top i{width:7px;height:7px;border-radius:50%;background:#344457}.browser-top span{margin-left:10px}
.browser-screen{padding:22px;background:linear-gradient(135deg,#0d1826,#08101a);min-height:310px}
.mini-nav{display:flex;justify-content:space-between;color:#8393a8;font-size:8px}.mini-nav b{color:#fff;font-size:10px}
.mini-content{display:flex;align-items:center;justify-content:space-between;padding:55px 25px 30px}.mini-content small{font-size:7px;color:#3ba0ff;letter-spacing:2px}.mini-content h3{font:600 29px/1.05 "Space Grotesk";margin:10px 0 16px}.mini-content button{font-size:8px;background:#248cff;color:#fff;border:0;border-radius:4px;padding:9px 14px}
.phone-mock{width:100px;height:180px;border:3px solid #41546c;border-radius:18px;padding:6px;transform:rotate(8deg);box-shadow:0 0 35px rgba(36,140,255,.25)}.phone-screen{height:100%;border-radius:12px;background:radial-gradient(circle at 50% 25%,#2a8fff,#101c2b 55%);display:grid;place-items:center;font-size:40px}
.mini-stats{border-top:1px solid var(--line);padding-top:13px;display:flex;justify-content:space-around;color:#8494a8;font-size:8px}
.float-tag{position:absolute;background:#101a27;border:1px solid #2c4b6e;padding:9px 12px;border-radius:8px;font-size:10px;color:#68b5ff;box-shadow:0 15px 40px rgba(0,0,0,.35)}.tag-one{top:80px;right:15px}.tag-two{bottom:72px;left:0}
.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:42px;gap:30px}.section-heading h2{font:600 39px/1.1 "Space Grotesk";letter-spacing:-1.5px}.section-heading>p{color:var(--muted);font-size:13px;text-align:right}
.projects{display:grid;grid-template-columns:1fr 1fr;gap:22px}.project-card{border:1px solid var(--line);background:linear-gradient(145deg,#0d141e,#0a1018);border-radius:14px;overflow:hidden;transition:.3s}.project-card:hover{transform:translateY(-6px);border-color:#27527e;box-shadow:0 25px 70px rgba(0,0,0,.25)}
.project-image{position:relative;aspect-ratio:16/9;overflow:hidden;background:#fff}.project-image img{width:100%;height:100%;object-fit:cover;object-position:top;transition:.5s}.project-card:hover img{transform:scale(1.035)}.image-overlay{position:absolute;inset:0;background:rgba(3,10,18,.7);display:grid;place-items:center;opacity:0;transition:.25s}.project-card:hover .image-overlay{opacity:1}.image-overlay a{background:#248cff;padding:12px 17px;border-radius:7px;font-size:12px;font-weight:700}
.project-info{padding:25px;display:grid;grid-template-columns:1fr 1.25fr;gap:18px}.project-number{font-size:10px;color:#3ca0ff;letter-spacing:2px}.project-info h3{font:600 23px "Space Grotesk";margin-top:5px}.project-info>div>p{color:#7f8ea1;font-size:12px}.project-description{font-size:13px;color:#aab5c3}.chips{grid-column:1/-1;display:flex;gap:7px}.chips span{font-size:10px;padding:6px 9px;border:1px solid var(--line);border-radius:20px;color:#91a0b2}
.services-section{padding-top:45px}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:14px;overflow:hidden}.service{padding:29px 24px;position:relative;border-right:1px solid var(--line);background:linear-gradient(160deg,#0d151f,#0a1017);min-height:220px}.service:last-child{border:0}.icon{width:40px;height:40px;border-radius:10px;background:rgba(36,140,255,.13);border:1px solid rgba(36,140,255,.2);display:grid;place-items:center;color:#49a7ff;font-weight:700;margin-bottom:27px}.service h3{font:600 16px "Space Grotesk";margin-bottom:10px}.service p{font-size:12px;color:#8f9caf}.service>span{position:absolute;right:20px;bottom:18px;color:#344457;font-size:11px}
.about-section{padding-top:80px}.about-panel{border:1px solid var(--line);border-radius:16px;padding:55px;display:grid;grid-template-columns:160px 1fr 200px;gap:50px;background:radial-gradient(circle at 80% 20%,rgba(36,140,255,.09),transparent 35%),#0b121b}.about-label{font-size:10px;color:#4aa7ff;letter-spacing:3px;font-weight:700}.about-copy h2{font:600 40px/1.1 "Space Grotesk";letter-spacing:-1px;margin-bottom:20px}.about-copy p{color:#99a7b8;font-size:14px;max-width:650px;margin-bottom:12px}.text-link{display:inline-flex;gap:10px;color:#55aaff;font-weight:700;font-size:13px;margin-top:13px}.about-stats{display:flex;flex-direction:column;gap:20px;justify-content:center}.about-stats div{border-left:1px solid #2b4058;padding-left:16px}.about-stats strong{display:block;font:600 18px "Space Grotesk"}.about-stats span{font-size:11px;color:#7f8da0}
.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;border:1px solid var(--line);background:var(--line);border-radius:14px;overflow:hidden}.process{background:#0b121b;padding:30px;min-height:180px}.process span{font-size:10px;color:#329bff;letter-spacing:2px}.process h3{font:600 20px "Space Grotesk";margin:35px 0 7px}.process p{font-size:12px;color:#8f9bac}
.cta-section{position:relative;overflow:hidden;padding:115px 24px;text-align:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:radial-gradient(ellipse at center bottom,rgba(19,92,181,.3),transparent 55%)}.cta-glow{position:absolute;width:600px;height:180px;background:#1679ff;filter:blur(120px);opacity:.13;bottom:-80px;left:50%;transform:translateX(-50%)}.cta-content{position:relative}.cta-content h2{font:600 clamp(40px,5vw,65px)/1.03 "Space Grotesk";letter-spacing:-2px}.cta-content p{color:#96a4b6;max-width:530px;margin:20px auto 27px;font-size:14px}
footer{max-width:var(--max);margin:auto;padding:35px 24px;display:flex;align-items:center;justify-content:space-between;color:#6e7c8f;font-size:11px}.footer-brand{transform:scale(.8);transform-origin:left}.footer-links{display:flex;gap:22px}.footer-links a:hover{color:#fff}
.reveal{opacity:0;transform:translateY(25px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}.delay-1{transition-delay:.1s}.delay-2{transition-delay:.2s}.delay-3{transition-delay:.3s}
.cursor-glow{position:fixed;width:260px;height:260px;border-radius:50%;background:rgba(36,140,255,.06);filter:blur(45px);pointer-events:none;transform:translate(-50%,-50%);z-index:-1}
@media(max-width:850px){
  .site-header{height:68px}.menu-toggle{display:block}.nav{display:none;position:absolute;top:68px;left:0;right:0;background:#090e15;border-bottom:1px solid var(--line);padding:10px 24px;flex-direction:column;gap:0}.nav.open{display:flex}.nav a{padding:15px 0}.nav a.active:after{display:none}
  .hero{grid-template-columns:1fr;min-height:auto;padding-top:75px}.hero-visual{height:360px}.hero h1{letter-spacing:-2px}.projects{grid-template-columns:1fr}.service-grid{grid-template-columns:1fr 1fr}.service{border-bottom:1px solid var(--line)}.service:nth-child(2){border-right:0}.service:nth-child(3),.service:nth-child(4){border-bottom:0}.about-panel{grid-template-columns:1fr;padding:35px}.about-stats{display:grid;grid-template-columns:repeat(3,1fr)}.process-grid{grid-template-columns:1fr 1fr}.section{padding-top:75px;padding-bottom:75px}.section-heading{align-items:start;flex-direction:column}.section-heading>p{text-align:left}
}
@media(max-width:560px){
  .hero{padding-top:55px}.hero h1{font-size:43px}.hero-copy>p{font-size:15px}.hero-points{gap:10px;flex-direction:column}.hero-visual{height:285px}.browser-card{transform:none}.float-tag{display:none}.mini-content{padding:35px 10px 20px}.mini-content h3{font-size:20px}.phone-mock{width:72px;height:135px}.project-info{grid-template-columns:1fr}.project-description{grid-column:1}.service-grid,.process-grid{grid-template-columns:1fr}.service{border-right:0!important;border-bottom:1px solid var(--line)!important}.service:last-child,.process:last-child{border-bottom:0!important}.about-copy h2{font-size:31px}.about-stats{gap:8px}.about-stats strong{font-size:15px}.section-heading h2{font-size:31px}footer{flex-direction:column;gap:20px;text-align:center}.footer-brand{transform:none}.footer-links{order:2}
}