:root{
  --navy:#06182d;
  --navy2:#0a223e;
  --blue:#1e6fff;
  --blue2:#3b82ff;
  --ink:#0c1f3a;
  --text:#516075;
  --line:#dbe5f1;
  --soft:#f4f8fd;
  --white:#fff;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Inter,Arial,sans-serif;
  color:var(--text);
  background:#fff;
}
a{text-decoration:none;color:inherit}
.container{width:min(1180px,calc(100% - 40px));margin:auto}

/* HEADER */
header{
  position:sticky;top:0;z-index:50;
  background:rgba(3,16,31,.98);
  border-bottom:1px solid rgba(255,255,255,.08)
}
.nav{
  height:82px;display:flex;align-items:center;justify-content:space-between;gap:30px
}
.brand{display:flex;align-items:center;color:#fff}
.logo{
  font-weight:900;font-size:42px;letter-spacing:-3px;line-height:1
}
.brandline{width:1px;height:44px;background:rgba(255,255,255,.4);margin:0 14px}
.brandtext{font-size:12px;font-weight:700;line-height:1.15}
nav{display:flex;gap:18px;align-items:center;color:#fff}
nav a{font-size:12px;font-weight:700}
.btn{
  display:inline-flex;justify-content:center;align-items:center;
  min-height:48px;padding:0 28px;border-radius:5px;
  font-size:12px;font-weight:800;letter-spacing:.2px
}
.primary{background:linear-gradient(135deg,var(--blue),var(--blue2));color:#fff;box-shadow:0 12px 26px rgba(30,111,255,.24)}
.outline{border:1px solid rgba(255,255,255,.55);color:#fff;background:rgba(255,255,255,.02)}
.menu-toggle{display:none}.menu{display:none;color:#fff;font-size:28px;cursor:pointer;user-select:none}

/* HERO */
.hero{
  color:#fff;
  background:
    linear-gradient(90deg,rgba(3,16,31,.97) 0%,rgba(4,22,42,.92) 48%,rgba(6,35,63,.72) 100%),
    radial-gradient(circle at 88% 25%,rgba(46,112,196,.42),transparent 27%),
    linear-gradient(135deg,#071426,#0d3155);
  position:relative;overflow:hidden
}
.hero:after{
  content:"";position:absolute;right:-90px;top:80px;width:620px;height:620px;
  background:
    linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);
  background-size:38px 38px;
  transform:perspective(700px) rotateY(-12deg) rotateX(7deg);
  opacity:.55
}
.hero-inner{position:relative;z-index:2;padding:58px 0 0}
.hero-copy{max-width:760px;padding:34px 0 58px}
.pill{
  display:inline-block;border:1px solid #2c76e8;color:#62a1ff;
  padding:7px 14px;border-radius:999px;font-size:11px;font-weight:700
}
h1{
  font-size:clamp(52px,6vw,78px);line-height:.99;letter-spacing:-4px;
  margin:24px 0 20px;color:#fff
}
h1 .blue{color:#2f7fff}
.hero p{font-size:18px;line-height:1.55;max-width:625px;color:rgba(255,255,255,.78)}
.actions{display:flex;gap:16px;margin-top:30px}

/* INDUSTRIES STRIP */
.industry-panel{
  border-top:1px solid rgba(255,255,255,.18);
  padding:20px 0 22px
}
.industry-title{font-size:12px;color:rgba(255,255,255,.67);margin-bottom:23px}
.industries{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.industry[href]:hover{text-decoration:underline}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #68a5ff;outline-offset:4px}
section[id]{scroll-margin-top:90px}
.industry{display:flex;align-items:center;gap:14px;color:rgba(255,255,255,.88);font-size:14px}
.ico{
  width:48px;height:48px;border:1px solid rgba(255,255,255,.28);
  display:grid;place-items:center;font-size:24px;color:#b9d4ff
}
.founding{
  margin:28px 0 0;text-align:center;font-size:11px;letter-spacing:.65px;
  text-transform:uppercase;color:rgba(255,255,255,.55)
}

/* SECTIONS */
.section{padding:82px 0}
.light{background:#fff}
.soft{background:linear-gradient(#f8fbff,#eef5fc)}
.kicker{font-size:12px;font-weight:800;color:var(--blue);margin-bottom:14px}
h2{
  margin:0 0 20px;color:var(--ink);
  font-size:clamp(34px,4vw,48px);line-height:1.08;letter-spacing:-2px
}
.intro p{font-size:16px;line-height:1.65;max-width:470px}
.services{display:grid;grid-template-columns:.85fr 1.65fr;gap:62px}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.card{
  border:1px solid var(--line);border-radius:12px;padding:24px 22px;
  min-height:190px;background:#fff;box-shadow:0 8px 24px rgba(10,35,65,.03)
}
.card .icon{font-size:31px;color:var(--blue);margin-bottom:18px}
.card h3{font-size:15px;color:var(--ink);margin:0 0 8px}
.card p{font-size:13px;line-height:1.55;margin:0}

/* PROCESS */
.center{text-align:center;max-width:760px;margin:0 auto 44px}
.process{display:grid;grid-template-columns:repeat(5,1fr);gap:26px;position:relative}
.process:before{
  content:"";position:absolute;top:17px;left:8%;right:8%;height:2px;background:var(--blue)
}
.step{text-align:center;position:relative;z-index:2}
.num{
  width:35px;height:35px;border-radius:50%;background:var(--blue);color:#fff;
  display:grid;place-items:center;margin:0 auto 28px;font-size:13px;font-weight:800
}
.step .bigicon{font-size:32px;color:var(--ink);margin-bottom:11px}
.step h3{color:var(--ink);font-size:14px;margin:0 0 8px}
.step p{font-size:12px;line-height:1.55;margin:0}

/* ABOUT / FAQ */
.twocol{display:grid;grid-template-columns:.85fr 1.15fr;gap:80px}
.about p{font-size:17px;line-height:1.7;margin-top:0}
details{border-bottom:1px solid #cfdae7}
summary{
  list-style:none;cursor:pointer;padding:20px 38px 20px 0;
  font-weight:700;color:var(--ink);position:relative
}
summary::-webkit-details-marker{display:none}
summary:after{content:"+";position:absolute;right:3px;color:var(--blue);font-size:24px}
details[open] summary:after{content:"−"}
details p{margin:-3px 0 20px;line-height:1.65}

/* CTA */
.cta{
  background:linear-gradient(120deg,#06182d,#0b2947);color:#fff;padding:42px 0
}
.ctagrid{display:grid;grid-template-columns:1.25fr 1fr auto;gap:38px;align-items:center}
.cta h2{color:#fff;font-size:38px;margin:0}
.cta p{color:rgba(255,255,255,.76);line-height:1.6;border-left:1px solid rgba(255,255,255,.18);padding-left:30px}

/* CONTACT */
.contact{background:#071a31;padding:75px 0;color:#fff}
.contactgrid{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px}
.contact h2{color:#fff}
.contact .left p{color:rgba(255,255,255,.68);line-height:1.65}
.email{color:#8db7ff;font-weight:700}
form{
  background:#fff;border-radius:14px;padding:28px;
  display:grid;grid-template-columns:1fr 1fr;gap:16px
}
label{color:var(--ink);font-weight:700;font-size:12px;display:grid;gap:7px}
textarea,label.full{grid-column:1/-1}
input,textarea{
  border:1px solid #ced9e6;border-radius:7px;padding:12px 13px;
  background:#fbfdff;color:var(--ink);width:100%;font:inherit
}
textarea{resize:vertical}
form button{grid-column:1/-1;border:0}
.note{grid-column:1/-1;color:#66758a;font-size:11px;text-align:center}

/* FOOTER */
footer{background:#03101f;color:rgba(255,255,255,.64);padding:48px 0 18px}
.footergrid{display:grid;grid-template-columns:1.8fr repeat(4,1fr);gap:34px}
footer h3{color:#fff;font-size:11px;margin:5px 0 13px}
footer a{display:block;font-size:11px;margin:8px 0}
footer .desc{max-width:300px;font-size:12px;line-height:1.65}
.bottom{
  border-top:1px solid rgba(255,255,255,.09);margin-top:34px;padding-top:17px;
  display:flex;justify-content:space-between;font-size:10px
}

/* MOBILE */
@media(max-width:900px){
  nav{display:none;position:absolute;top:82px;left:0;right:0;background:#03101f;padding:18px 20px;flex-direction:column;align-items:stretch}
  .menu-toggle:checked + .menu + nav{display:flex}
  .menu{display:block}
  .industries{grid-template-columns:repeat(2,1fr)}
  .services,.twocol,.contactgrid{grid-template-columns:1fr}
  .cards{grid-template-columns:repeat(2,1fr)}
  .process{grid-template-columns:1fr 1fr}
  .process:before{display:none}
  .ctagrid{grid-template-columns:1fr}
  .cta p{border-left:0;padding-left:0}
  .footergrid{grid-template-columns:2fr 1fr 1fr}
}
@media(max-width:600px){
  .container{width:calc(100% - 28px)}
  .nav{height:72px}
  .logo{font-size:32px}.brandline{height:35px;margin:0 10px}.brandtext{font-size:10px}
  nav{top:72px}
  .hero-inner{padding-top:24px}
  .hero-copy{padding:26px 0 42px}
  h1{font-size:48px;letter-spacing:-2.8px}
  .hero p{font-size:16px}
  .actions{flex-direction:column}
  .btn{width:100%}
  .industries{grid-template-columns:1fr 1fr}
  .industry{font-size:12px}
  .section{padding:62px 0}
  .cards,.process{grid-template-columns:1fr}
  .card{min-height:auto}
  .footergrid{grid-template-columns:1fr 1fr}
  .footergrid>div:first-child{grid-column:1/-1}
  form{grid-template-columns:1fr}
  form label, form .note, form button{grid-column:1}
  .bottom{flex-direction:column;gap:8px}
}

.article{max-width:800px;margin:auto}.article p,.article li{font-size:17px;line-height:1.75}.article h2{font-size:30px;letter-spacing:-.8px;margin-top:44px}.article h2:first-child{margin-top:0}.article a:not(.btn){color:#1557b0;text-decoration:underline}.service-hero h1{font-size:clamp(40px,5vw,64px);line-height:1.06;letter-spacing:-2px}.service-hero{padding:55px 0}.service-nav{display:flex;flex-wrap:wrap;gap:18px;font-size:13px}.service-nav a{color:#fff}.service-footer{display:flex;gap:20px;flex-wrap:wrap;align-items:center}.service-footer a{display:inline-block}.industry-links{display:flex;gap:20px;flex-wrap:wrap}@media(max-width:600px){.service-nav{gap:12px}.service-hero{padding:35px 0}.article p{font-size:16px}}