*{box-sizing:border-box;margin:0;padding:0}
:root{--blue:#1268ff;--cyan:#00c2ff;--ink:#0b1020;--muted:#657085;--soft:#f4f8ff;--line:#dce5f2}
html{scroll-behavior:smooth}
body{font-family:"DM Sans",sans-serif;color:var(--ink);background:#fff;line-height:1.6}
a{text-decoration:none;color:inherit}
.container{width:min(1160px,calc(100% - 48px));margin:auto}
.nav{position:fixed;top:0;left:0;right:0;z-index:50;height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 34px;background:rgba(7,12,25,.72);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.08);color:#fff}
.brand{display:flex;align-items:center;gap:10px;font-family:"Space Grotesk";font-weight:700;letter-spacing:.08em}
.brand img{width:38px;height:38px;border-radius:50%;object-fit:cover}
.nav-links{display:flex;align-items:center;gap:28px;font-size:13px;font-weight:600}
.nav-links a{opacity:.86;transition:.25s}.nav-links a:hover{opacity:1;color:#57bfff}
.nav-cta{border:1px solid rgba(255,255,255,.35);padding:10px 16px;border-radius:999px!important}
.menu-toggle{display:none;background:none;border:0;color:#fff;font-size:26px}
.hero{min-height:100vh;position:relative;overflow:hidden;background:radial-gradient(circle at 75% 35%,rgba(18,104,255,.32),transparent 28%),linear-gradient(125deg,#050914,#0b1b3c 55%,#020611);color:#fff;display:flex;align-items:center}
.hero-grid{position:absolute;inset:0;opacity:.23;background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);background-size:70px 70px;mask-image:linear-gradient(to right,black,transparent 80%)}
.hero:after{content:"";position:absolute;width:700px;height:700px;border:1px solid rgba(0,194,255,.2);border-radius:50%;right:-250px;top:12%;box-shadow:0 0 90px rgba(0,102,255,.2),inset 0 0 90px rgba(0,194,255,.05)}
.hero-glow{position:absolute;width:350px;height:350px;border-radius:50%;background:rgba(0,122,255,.2);filter:blur(90px);right:15%;top:20%}
.hero-content{position:relative;z-index:3;width:min(760px,calc(100% - 48px));margin-left:max(24px,calc((100vw - 1160px)/2));padding-top:70px}
.eyebrow{font-size:11px;letter-spacing:.22em;font-weight:700;margin-bottom:18px;color:#b9c6dd}.eyebrow.blue{color:var(--blue)}
h1,h2,h3{font-family:"Space Grotesk",sans-serif;line-height:1.04}
h1{font-size:clamp(60px,9vw,120px);letter-spacing:-.06em}
h1 span,h2 span{color:var(--blue)}
.hero-copy{font-size:18px;max-width:560px;color:#c5d0e3;margin:30px 0}
.hero-actions{display:flex;align-items:center;gap:28px}
.btn{display:inline-flex;align-items:center;gap:18px;padding:15px 22px;border-radius:999px;font-size:12px;font-weight:800;letter-spacing:.08em;border:0;cursor:pointer;transition:.25s}
.btn span{font-size:17px}.btn-primary{background:var(--blue);color:#fff;box-shadow:0 14px 40px rgba(18,104,255,.3)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 18px 50px rgba(18,104,255,.42)}
.text-link{font-size:13px;color:#d7e0ef}.text-link span{margin-left:8px;color:#58c6ff}
.hero-mark{position:absolute;right:10%;bottom:9%;z-index:2;font-family:"Space Grotesk";font-size:120px;font-weight:700;letter-spacing:-.1em;color:rgba(255,255,255,.04)}.hero-mark span{color:rgba(18,104,255,.28)}
.section{padding:120px 0}.section.light{background:#fff}.services{background:var(--soft)}
.split{display:grid;grid-template-columns:1fr 1fr;gap:90px}
h2{font-size:clamp(42px,5vw,70px);letter-spacing:-.05em}
.about-copy{padding-top:30px;color:#4f5c70;font-size:17px}.about-copy p+p{margin-top:20px}.arrow-link{display:inline-flex;margin-top:35px;color:var(--ink);font-weight:700}.arrow-link span{color:var(--blue);margin-left:12px}
.section-head{display:flex;justify-content:space-between;gap:50px;align-items:end;margin-bottom:55px}.section-head>p{max-width:390px;color:#657085}
.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.service-card{background:#fff;padding:30px;min-height:330px;border:1px solid #e6edf7;position:relative;transition:.3s;overflow:hidden}.service-card:hover{transform:translateY(-7px);border-color:#b8d1ff;box-shadow:0 18px 50px rgba(25,65,120,.1)}.service-number{font-size:12px;color:#8b97aa}.service-icon{font-size:28px;color:var(--blue);margin:55px 0 22px}.service-card h3{font-size:23px}.service-card p{font-size:14px;color:#69768a;margin-top:13px}.service-line{position:absolute;left:30px;bottom:28px;width:45px;height:3px;background:var(--blue)}
.dark-section{background:#080f1e;color:#fff}.dark-section .section-head>p{color:#91a0b7}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid rgba(255,255,255,.14)}.step{padding:35px 25px 0 0;border-right:1px solid rgba(255,255,255,.14);margin-right:25px;min-height:220px}.step:last-child{border-right:0}.step span{color:#4aa9ff;font-size:12px;font-weight:700}.step h3{font-size:30px;margin:28px 0 12px}.step p{color:#8f9cb1;font-size:14px;max-width:220px}
.work-grid{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:18px}.work-card{background:#eef3fa;overflow:hidden;position:relative}.work-card img{display:block;width:100%;height:390px;object-fit:cover;transition:.5s}.work-card:first-child img{height:470px}.work-card:hover img{transform:scale(1.035)}.work-card figcaption{position:absolute;left:0;right:0;bottom:0;padding:25px;color:#fff;background:linear-gradient(transparent,rgba(4,8,18,.9));display:flex;flex-direction:column}.work-card figcaption strong{font-family:"Space Grotesk";font-size:20px}.work-card figcaption span{font-size:12px;color:#cbd5e5}
.promo{background:var(--blue);color:#fff;position:relative;overflow:hidden}.promo-inner{min-height:330px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:2}.promo h2{font-size:clamp(42px,5vw,72px)}.promo h2 span{color:#fff;text-decoration:underline;text-decoration-thickness:3px;text-underline-offset:8px}.btn-light{background:#fff;color:var(--ink)}.promo-shape{position:absolute;width:500px;height:500px;border:1px solid rgba(255,255,255,.25);border-radius:50%;right:-120px;top:-90px}
.contact{background:#f6f9fe}.contact-grid{align-items:start}.contact-intro{color:#657085;max-width:450px;font-size:16px;margin-top:28px}.contact-details{display:flex;flex-direction:column;gap:7px;margin-top:35px;font-weight:700}.contact-details a{color:var(--blue)}.contact-form{background:#fff;padding:35px;border:1px solid #e2eaf5;box-shadow:0 20px 55px rgba(21,54,105,.08);display:grid;gap:18px}.contact-form label{font-size:12px;font-weight:700;display:grid;gap:7px}.contact-form input,.contact-form textarea{font:inherit;border:1px solid #dbe4f0;padding:13px 14px;outline:none;background:#fbfdff}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--blue)}.contact-form textarea{resize:vertical}.contact-form small{color:#7a879a;font-size:11px}
.footer{background:#060a13;color:#8d99ad;padding:28px 0}.footer-inner{display:flex;justify-content:space-between;align-items:center;font-size:11px;letter-spacing:.08em}.footer-brand{color:#fff;font-size:12px}.footer-brand img{width:28px;height:28px}
.reveal{opacity:0;transform:translateY(25px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}
.services-pricing{padding:110px 0 20px}
.services-pricing .section-head{margin-bottom:45px}
.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.pricing-card{background:#fff;border:1px solid #e6edf7;padding:32px;min-height:340px;position:relative;transition:.3s}
.pricing-card:hover{transform:translateY(-7px);border-color:#b8d1ff;box-shadow:0 18px 50px rgba(25,65,120,.1)}
.pricing-number{font-size:12px;color:#8b97aa}
.pricing-card h3{font-size:28px;margin-top:55px}
.pricing-card>p{font-size:14px;color:#69768a;margin-top:14px;max-width:320px}
.pricing-price{font-family:"Space Grotesk",sans-serif;font-size:25px;font-weight:700;margin-top:28px;color:var(--ink)}
.pricing-type{font-size:12px;color:#657085;display:block;margin-top:4px}
.pricing-card:after{content:"";position:absolute;left:32px;bottom:28px;width:45px;height:3px;background:var(--blue)}
.pricing-card.featured{border-color:#1268ff;box-shadow:0 15px 45px rgba(18,104,255,.12)}
.pricing-card.featured:before{content:"MOST POPULAR";position:absolute;top:20px;right:22px;font-size:9px;font-weight:800;letter-spacing:.12em;color:var(--blue)}
.pricing-note{text-align:center;font-size:12px;color:#7a879a;margin-top:28px}
@media(max-width:900px){.nav{padding:0 20px}.nav-links{display:none;position:absolute;top:78px;left:0;right:0;background:#070c19;padding:25px;flex-direction:column;align-items:flex-start}.nav-links.open{display:flex}.menu-toggle{display:block}.split{grid-template-columns:1fr;gap:35px}.service-grid{grid-template-columns:1fr 1fr}.process-grid{grid-template-columns:1fr 1fr}.step{border-right:0;border-bottom:1px solid rgba(255,255,255,.14);padding-bottom:30px}.work-grid{grid-template-columns:1fr}.work-card img,.work-card:first-child img{height:380px}.section{padding:90px 0}.section-head{display:block}.section-head>p{margin-top:20px}.promo-inner{display:block;padding-top:80px;padding-bottom:80px}.promo .btn{margin-top:35px}}
.pricing-grid{grid-template-columns:1fr 1fr}
@media(max-width:560px){.container{width:min(100% - 32px,1160px)}h1{font-size:58px}.hero-copy{font-size:16px}.hero-actions{align-items:flex-start;flex-direction:column;gap:18px}.service-grid,.process-grid{grid-template-columns:1fr}.service-card{min-height:285px}.section{padding:75px 0}.footer-inner{flex-direction:column;gap:12px;align-items:flex-start}}
.pricing-grid{grid-template-columns:1fr}