:root{--navy:#071a33;--navy2:#0d2b52;--blue:#087cff;--cyan:#18b8ff;--ink:#10213a;--muted:#6b7b90;--line:#dce7f3;--soft:#f5f9fd;--white:#fff;--radius:22px;--shadow:0 24px 70px rgba(8,32,65,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:#fff;line-height:1.6}a{text-decoration:none;color:inherit}.container{width:min(1160px,calc(100% - 40px));margin:auto}.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.9);backdrop-filter:blur(18px);border-bottom:1px solid rgba(220,231,243,.8)}.nav-wrap{height:78px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px}.brand-mark{font-weight:900;letter-spacing:-2px;font-size:25px;color:var(--blue)}.brand-name{font-size:15px;color:var(--navy);letter-spacing:-.2px}.brand-name b{color:var(--blue)}.nav{display:flex;align-items:center;gap:30px;font-size:14px;font-weight:650;color:#3b4d64}.nav a:hover{color:var(--blue)}.nav-cta{padding:11px 18px;border-radius:999px;background:var(--navy);color:#fff!important}.menu-toggle{display:none;background:none;border:0;font-size:25px;color:var(--navy)}.hero{position:relative;overflow:hidden;background:linear-gradient(135deg,#f9fcff 0%,#eef6ff 55%,#fff 100%);min-height:690px;display:flex;align-items:center}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(8,124,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(8,124,255,.06) 1px,transparent 1px);background-size:58px 58px;mask-image:linear-gradient(to right,black,transparent 78%)}.hero-content{display:grid;grid-template-columns:1.02fr .98fr;gap:50px;align-items:center;position:relative;z-index:1;padding:85px 0}.eyebrow{font-size:11px;letter-spacing:2.3px;font-weight:800;color:var(--blue)}h1{font-size:clamp(46px,6vw,76px);line-height:1.03;letter-spacing:-4px;margin:18px 0 25px;color:var(--navy);max-width:760px}h1 span,h2 span{color:var(--blue)}.hero-copy p{font-size:18px;color:#566981;max-width:620px}.hero-actions{display:flex;gap:13px;margin-top:31px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:14px;border:0;border-radius:12px;padding:14px 21px;font-weight:750;cursor:pointer;font-size:14px}.btn-primary{background:linear-gradient(100deg,var(--blue),#0061d6);color:#fff;box-shadow:0 12px 30px rgba(8,124,255,.25)}.btn-ghost{border:1px solid #cbd9e8;color:var(--navy);background:#fff}.hero-stats{display:flex;gap:30px;margin-top:58px}.hero-stats div{display:flex;flex-direction:column}.hero-stats strong{font-size:13px;color:var(--blue)}.hero-stats span{font-size:12px;color:#6e7f92}.hero-visual{min-height:450px;position:relative;display:grid;place-items:center}.orb{position:absolute;border-radius:50%;filter:blur(1px)}.orb-one{width:340px;height:340px;background:radial-gradient(circle at 35% 30%,#d5f5ff,#b9dcff 45%,rgba(8,124,255,.02) 70%)}.orb-two{width:170px;height:170px;background:radial-gradient(circle,#fff,#dceeff 60%,transparent 70%);right:10px;top:45px}.tech-card{position:relative;width:min(430px,100%);min-height:300px;border-radius:25px;background:linear-gradient(145deg,#071a33,#0e3768);box-shadow:0 35px 80px rgba(4,31,65,.35);padding:24px;color:#d9eaff;transform:rotate(-4deg);overflow:hidden}.tech-card:after{content:"";position:absolute;inset:auto -60px -120px auto;width:260px;height:260px;border-radius:50%;background:rgba(8,124,255,.28);filter:blur(20px)}.card-top{display:flex;justify-content:space-between;font-size:10px;letter-spacing:1.5px;color:#8eafd3}.status-dot{width:8px;height:8px;border-radius:50%;background:#28d88b;box-shadow:0 0 15px #28d88b;margin-right:auto}.code-lines{margin-top:52px;display:grid;gap:14px}.code-lines i{display:block;height:7px;border-radius:20px;background:linear-gradient(90deg,#1a9fff,#5dd4ff);opacity:.8}.code-lines i:nth-child(1){width:75%}.code-lines i:nth-child(2){width:45%}.code-lines i:nth-child(3){width:88%}.code-lines i:nth-child(4){width:62%}.code-lines i:nth-child(5){width:36%}.network{display:flex;justify-content:space-between;align-items:center;margin-top:38px}.network span{width:14px;height:14px;border-radius:50%;background:#1498ff;box-shadow:0 0 18px rgba(20,152,255,.8)}.network b{height:2px;flex:1;background:linear-gradient(90deg,transparent,#1498ff,transparent);margin:0 10px}.card-footer{display:flex;gap:24px;margin-top:30px;font-size:10px;color:#94b5d7}.floating-chip{position:absolute;padding:10px 14px;border-radius:10px;background:rgba(255,255,255,.92);box-shadow:var(--shadow);font-size:10px;font-weight:800;letter-spacing:1px;color:var(--navy)}.chip-a{right:0;bottom:80px}.chip-b{left:5px;top:80px}.trust-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff}.trust-strip .container{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:22px 0;font-size:10px;letter-spacing:1.6px;font-weight:800;color:#7890aa}.trust-strip i{height:4px;width:4px;border-radius:50%;background:var(--blue)}.section{padding:110px 0}.two-col{display:grid;grid-template-columns:.85fr 1.15fr;gap:100px}.section h2{font-size:clamp(35px,4vw,54px);line-height:1.08;letter-spacing:-2.5px;margin:15px 0 0;color:var(--navy)}.lead{font-size:20px;color:#324b68;margin-top:0}.two-col p:not(.lead){color:var(--muted)}.about-points{margin-top:35px;border-top:1px solid var(--line)}.about-points div{display:flex;gap:25px;padding:17px 0;border-bottom:1px solid var(--line);font-size:14px}.about-points b{color:var(--blue)}.services{background:var(--soft)}.section-head{display:flex;justify-content:space-between;gap:60px;align-items:end;margin-bottom:42px}.section-head>p{max-width:440px;color:var(--muted);margin:0}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.service-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:28px;min-height:275px;position:relative;transition:.25s}.service-card:hover{transform:translateY(-5px);box-shadow:var(--shadow);border-color:#bcdcff}.service-card.featured{background:linear-gradient(145deg,#071a33,#0e3768);color:#fff;border-color:#0e3768}.service-card.featured p,.service-card.featured .service-no{color:#a9c5e5}.service-card.featured a{color:#62c5ff}.service-no{position:absolute;right:22px;top:24px;font-size:11px;color:#8aa1ba}.service-icon{font-size:31px;color:var(--blue);margin:18px 0 24px}.service-card h3{font-size:20px;margin:0 0 10px;letter-spacing:-.5px}.service-card p{color:var(--muted);font-size:13px}.service-card a{position:absolute;bottom:25px;font-size:12px;font-weight:800;color:var(--blue)}.projects{background:#fff}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.project-card{min-height:330px;border-radius:22px;padding:30px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;position:relative}.project-card span{font-size:10px;letter-spacing:1.5px;font-weight:800}.project-card h3{font-size:28px;letter-spacing:-1px;margin:13px 0}.project-card p{font-size:13px;max-width:280px;opacity:.78}.project-card b{font-size:30px;align-self:flex-end}.project-blue{background:linear-gradient(145deg,#067cff,#0054c8);color:#fff}.project-dark{background:#071a33;color:#fff}.project-light{background:#edf5fd;color:var(--navy)}.brand-showcase{padding-top:20px}.brand-panel{border-radius:25px;background:#f4f9ff;border:1px solid var(--line);padding:45px;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:40px}.brand-image-wrap{background:#fff;border-radius:18px;padding:20px;border:1px solid #e0eaf4;overflow:hidden}.brand-image-wrap img{display:block;width:100%;height:auto}.text-link{display:inline-block;margin-top:16px;color:var(--blue);font-weight:800;font-size:14px}.contact{background:#071a33;color:#fff}.contact-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:90px;align-items:start}.contact h2{color:#fff}.contact p{color:#9bb2cc}.contact-note{display:flex;align-items:center;gap:14px;margin-top:35px}.contact-note>span{font-weight:900;font-size:24px;color:#2a9dff}.contact-note small{display:block;color:#7893b1;margin-top:2px}.contact-form{background:#fff;color:var(--ink);padding:30px;border-radius:20px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}label{font-size:12px;font-weight:750;color:#41556c;display:block;margin-bottom:16px}input,select,textarea{display:block;width:100%;margin-top:7px;border:1px solid #d6e2ee;border-radius:10px;padding:13px 14px;font:inherit;font-size:13px;color:var(--ink);background:#fbfdff;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(8,124,255,.09)}textarea{resize:vertical}.hidden{display:none}.form-status{font-size:12px!important;margin:10px 0 0!important;color:#567!important}footer{background:#041326;color:#8da4bd}.footer-wrap{padding:30px 0;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;gap:20px;font-size:11px}.footer-wrap strong{font-size:23px;color:#2c9eff;margin-right:8px}.footer-wrap p{text-align:center;margin:0}.footer-wrap small{text-align:right}@media(max-width:900px){.nav{gap:16px}.hero-content,.two-col,.contact-grid,.brand-panel{grid-template-columns:1fr}.hero{min-height:auto}.hero-content{padding:70px 0}.hero-visual{min-height:390px}.section-head{display:block}.section-head>p{margin-top:20px}.service-grid,.project-grid{grid-template-columns:1fr 1fr}.brand-panel{padding:25px}.footer-wrap{grid-template-columns:1fr;text-align:center}.footer-wrap p,.footer-wrap small{text-align:center}}@media(max-width:680px){.container{width:min(100% - 28px,1160px)}.nav{position:absolute;display:none;top:78px;left:14px;right:14px;background:#fff;border:1px solid var(--line);padding:15px;border-radius:16px;box-shadow:var(--shadow);flex-direction:column;align-items:stretch}.nav.open{display:flex}.nav a{padding:10px}.menu-toggle{display:block}.hero-content{gap:25px}.hero-copy p{font-size:16px}h1{font-size:47px;letter-spacing:-2.8px}.hero-actions{flex-direction:column}.hero-stats{gap:16px}.hero-stats span{font-size:10px}.hero-visual{min-height:330px}.tech-card{min-height:250px}.chip-a{right:-3px;bottom:35px}.chip-b{left:-2px;top:25px}.trust-strip .container{overflow:hidden;white-space:nowrap;justify-content:flex-start}.trust-strip i{flex:0 0 4px}.section{padding:80px 0}.section h2{font-size:38px}.service-grid,.project-grid{grid-template-columns:1fr}.form-row{grid-template-columns:1fr}.contact-form{padding:20px}.brand-image-wrap{padding:8px}}


/* V2 contact polish */
.contact-info {
  display: grid;
  gap: 10px;
  margin-top: 22px;
  max-width: 620px;
}
.contact-info a,
.contact-info div {
  display: grid;
  grid-template-columns: 72px 1fr;
  gap: 14px;
  align-items: start;
  text-decoration: none;
  color: inherit;
  font-size: 0.95rem;
  line-height: 1.5;
}
.contact-info span {
  font-size: 0.68rem;
  font-weight: 800;
  letter-spacing: 0.16em;
  color: #3f8cff;
}
.contact-info a:hover {
  color: #3f8cff;
}
.footer-contact {
  margin-top: 4px;
  opacity: .8;
}
@media (max-width: 700px) {
  .contact-info a,
  .contact-info div {
    grid-template-columns: 1fr;
    gap: 3px;
  }
}

.success-page {
  min-height: 100vh;
  display: grid;
  place-items: center;
  padding: 32px 20px;
  background: #071a33;
}
.success-card {
  width: min(680px, 100%);
  text-align: center;
  padding: 64px 40px;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 24px;
  background: rgba(255,255,255,.05);
  color: #fff;
  box-shadow: 0 30px 80px rgba(0,0,0,.25);
}
.success-mark {
  width: 64px;
  height: 64px;
  margin: 0 auto 24px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: #3f8cff;
  color: #fff;
  font-size: 30px;
  font-weight: 800;
}
.success-card h1 { margin: 0 0 16px; }
.success-card p { max-width: 520px; margin: 0 auto 30px; line-height: 1.7; opacity: .82; }

/* V3 corporate polish */
.brand{gap:12px}.brand-logo{width:58px;height:42px;object-fit:contain}.brand-name{font-size:1.02rem;letter-spacing:-.02em}.hero-copy{max-width:650px}.hero h1{font-size:clamp(3.5rem,6.2vw,6.6rem);line-height:.94;letter-spacing:-.055em;max-width:690px}.hero-copy>p{max-width:610px;font-size:1.08rem;line-height:1.7}.hero-actions{margin-top:28px}.hero-proof{display:flex;flex-wrap:wrap;gap:12px 20px;align-items:center;margin:20px 0 26px;color:#41556f;font-size:.78rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.hero-proof span{color:#147df5;font-weight:900}.hero-visual{transform:scale(.94);transform-origin:center right}.footer-contact{opacity:.85}[aria-label*="Powered by Netlify"],[class*="netlify-badge"],[id*="netlify-badge"]{display:none!important}@media(max-width:980px){.hero h1{font-size:clamp(3rem,8vw,5rem)}.hero-visual{transform:scale(.9)}}@media(max-width:700px){.brand-logo{width:50px;height:36px}.brand-name{font-size:.92rem}.hero h1{font-size:clamp(2.7rem,13vw,4.3rem);line-height:.96}.hero-copy>p{font-size:1rem}.hero-proof{gap:8px 14px;font-size:.68rem}.hero-visual{transform:none}}


/* =========================
   V4 CORPORATE REFINEMENT
   ========================= */

.brand-mark-v4 {
  width: 58px;
  height: 38px;
  display: inline-grid;
  place-items: center;
  border-radius: 9px;
  background: linear-gradient(135deg, #071a33 0%, #147df5 72%);
  color: #fff;
  font-size: 1rem;
  font-weight: 900;
  letter-spacing: -.08em;
  box-shadow: 0 8px 20px rgba(20,125,245,.16);
}

.brand-name {
  white-space: nowrap;
}

.about .lead {
  max-width: 760px;
}

.service-card p {
  max-width: 390px;
}

.project-card {
  min-height: 360px;
}

.brand-panel {
  align-items: center;
}

@media (max-width: 700px) {
  .brand-mark-v4 {
    width: 48px;
    height: 34px;
    font-size: .86rem;
  }
  .brand-name {
    font-size: .88rem;
  }
  .project-card {
    min-height: 300px;
  }
}