:root{--navy:#071c36;--navy2:#0c294c;--blue:#1474d4;--blue2:#3b96ee;--ink:#172334;--muted:#607086;--line:#dce5ee;--soft:#f5f8fb;--white:#fff;--max:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:hidden}body{margin:0;overflow-x:hidden;font-family:Inter,Arial,sans-serif;color:var(--ink);background:#fff;line-height:1.65}a{color:inherit}.container{width:min(var(--max),calc(100% - 44px));margin:auto}.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.94);backdrop-filter:blur(14px);border-bottom:1px solid rgba(7,28,54,.08)}.nav-wrap{height:82px;display:flex;align-items:center;justify-content:space-between}.brand img{width:275px;max-height:58px;object-fit:contain;object-position:left center}.nav{display:flex;align-items:center;gap:28px}.nav a{text-decoration:none;font-size:14px;font-weight:600;color:#26364a}.nav a:hover{color:var(--blue)}.nav .nav-cta{padding:10px 17px;background:var(--navy);color:#fff;border-radius:7px}.nav-toggle{display:none;background:none;border:0;font-size:25px}.hero{min-height:680px;display:flex;align-items:center;position:relative;overflow:hidden;background:linear-gradient(135deg,#fff 0%,#f7fbff 55%,#e8f3ff 100%)}.hero:after{content:"";position:absolute;width:650px;height:650px;border-radius:50%;right:-250px;top:-210px;background:radial-gradient(circle,rgba(20,116,212,.19),transparent 67%)}.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:70px;align-items:center;position:relative;z-index:2}.eyebrow{font-size:12px;font-weight:800;letter-spacing:.18em;color:var(--blue);margin:0 0 16px}.eyebrow.light{color:#5eb0ff}.hero h1,.section h2,.contact-section h2{font-size:clamp(38px,5vw,64px);line-height:1.05;letter-spacing:-.045em;margin:0 0 24px;color:var(--navy)}.hero h1 span{color:var(--blue)}.lead{font-size:19px;max-width:720px;color:#526378}.actions{display:flex;gap:13px;margin:32px 0}.btn{display:inline-block;text-decoration:none;font-weight:700;padding:13px 21px;border-radius:7px;font-size:14px}.btn.primary{background:linear-gradient(135deg,#116bc3,#2389e6);color:#fff;box-shadow:0 9px 24px rgba(20,116,212,.22)}.btn.secondary{border:1px solid #aebdcb;background:#fff;color:var(--navy)}.trust-line{font-size:12px;letter-spacing:.13em;font-weight:700;color:#64768b;display:flex;align-items:center;gap:10px}.trust-line span{display:inline-block;width:36px;height:1px;background:var(--blue)}.hero-panel{min-height:390px;background:linear-gradient(145deg,var(--navy),#0b3767);border-radius:22px;padding:48px;color:#fff;box-shadow:0 30px 70px rgba(7,28,54,.22);position:relative;overflow:hidden}.hero-panel:after{content:"";position:absolute;inset:auto -100px -160px -100px;height:280px;border-radius:50%;border:1px solid rgba(68,158,244,.35);box-shadow:0 -25px 80px rgba(27,132,230,.18)}.panel-mark{font-weight:800;font-size:92px;letter-spacing:-.1em;color:#fff}.panel-mark::first-letter{color:#fff}.panel-copy{position:absolute;left:48px;right:48px;bottom:46px;z-index:2}.panel-copy strong{font-size:21px}.panel-copy p{color:#bed0e1;margin-bottom:0}.section{padding:100px 0}.section h2{font-size:clamp(34px,4vw,50px);max-width:850px}.section-intro{max-width:800px;color:var(--muted);font-size:17px;margin-bottom:38px}.cards{display:grid;gap:20px}.cards.three{grid-template-columns:repeat(3,1fr)}.card{border:1px solid var(--line);border-radius:15px;padding:30px;background:#fff;box-shadow:0 8px 30px rgba(7,28,54,.045)}.card .icon{font-size:12px;font-weight:800;color:var(--blue);border-bottom:2px solid var(--blue);display:inline-block;padding-bottom:6px}.card h3{color:var(--navy);font-size:20px}.card p{color:var(--muted)}.card ul{padding-left:18px;margin-bottom:0;color:#405167}.dark-section{background:linear-gradient(135deg,#06182e,#0b2e56);color:#fff}.dark-section h2{color:#fff;font-size:42px}.split{display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:start}.difference-copy>p{font-size:18px;color:#c4d1df;margin-top:3px}.principles{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:28px}.principles div{border:1px solid rgba(255,255,255,.13);padding:18px;border-radius:10px;background:rgba(255,255,255,.035)}.principles b,.principles span{display:block}.principles b{color:#fff}.principles span{font-size:13px;color:#aebfd1}.microsoft{background:var(--soft)}.microsoft p{color:var(--muted);font-size:17px}.tech-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.tech-grid span{padding:19px;border:1px solid #d7e2ed;background:#fff;border-radius:9px;font-weight:700;color:var(--navy);position:relative}.tech-grid span:before{content:"";display:inline-block;width:7px;height:7px;background:var(--blue);border-radius:50%;margin-right:10px}.growth{background:#fff}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border:1px solid var(--line);border-radius:14px;overflow:hidden}.steps>div{padding:27px;border-right:1px solid var(--line)}.steps>div:last-child{border-right:0}.steps span{font-size:12px;font-weight:800;color:var(--blue)}.steps h3{color:var(--navy);margin-bottom:7px}.steps p{font-size:14px;color:var(--muted)}.about{background:var(--soft)}.about-grid p{color:var(--muted);font-size:16px}.founder-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:36px;box-shadow:0 10px 35px rgba(7,28,54,.05)}.founder-mark{font-size:56px;font-weight:800;letter-spacing:-.08em;color:var(--navy)}.small-label{font-size:11px!important;letter-spacing:.17em;font-weight:800;color:var(--blue)!important;margin-bottom:0}.founder-card h3{font-size:27px;color:var(--navy);margin:5px 0 8px}.founder-card a{color:var(--blue);font-weight:600;text-decoration:none}.contact-section{padding:85px 0;background:linear-gradient(120deg,#071c36,#0b3767);color:#fff}.contact-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:70px;align-items:center}.contact-section h2{color:#fff;font-size:42px}.contact-section p{color:#c0cede}.contact-card{display:flex;flex-direction:column;align-items:flex-start;gap:10px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.15);padding:30px;border-radius:14px}.contact-card>a:not(.btn){text-decoration:none;font-weight:600}.contact-card .btn{margin-top:13px}footer{background:#041225;color:#fff;padding:27px 0}.footer-wrap{display:flex;justify-content:space-between;align-items:center}.footer-wrap strong{letter-spacing:.08em}.footer-wrap strong span{color:#4aa7ff}.footer-wrap small{display:block;font-size:8px;letter-spacing:.15em;color:#8fa7bf}.footer-wrap p{font-size:12px;color:#8298ad}
@media(max-width:900px){.nav-toggle{display:block}.nav{display:none;position:absolute;left:0;right:0;top:82px;background:#fff;padding:22px;flex-direction:column;align-items:flex-start;border-bottom:1px solid var(--line)}.nav.open{display:flex}.hero{padding:80px 0}.hero-grid,.split,.contact-grid{grid-template-columns:1fr}.hero-panel{min-height:330px}.cards.three{grid-template-columns:1fr}.steps{grid-template-columns:1fr 1fr}.steps>div{border-bottom:1px solid var(--line)}.section{padding:75px 0}}
@media(max-width:560px){.container{width:min(100% - 30px,var(--max))}.brand img{width:220px}.hero h1{font-size:43px}.actions{flex-direction:column;align-items:flex-start}.hero-panel{padding:32px}.panel-copy{left:32px;right:32px;bottom:32px}.steps,.principles,.tech-grid{grid-template-columns:1fr}.footer-wrap{align-items:flex-start;gap:18px;flex-direction:column}.section{padding:62px 0}}


@media(max-width:900px){
  .hero-panel{
    min-height:auto !important;
    display:flex;
    flex-direction:column;
    justify-content:flex-start;
    padding:34px !important;
  }
  .panel-mark{
    position:relative !important;
    display:block;
    font-size:72px !important;
    line-height:1 !important;
    margin:0 0 18px 0 !important;
    letter-spacing:-0.08em;
  }
  .panel-copy{
    position:relative !important;
    left:auto !important;
    right:auto !important;
    bottom:auto !important;
    margin:0 !important;
  }
  .panel-copy strong{
    display:block;
    margin-bottom:12px;
    line-height:1.35;
  }
  .panel-copy p{
    margin:0;
    line-height:1.55;
  }
}
@media(max-width:560px){
  .hero-panel{
    padding:28px !important;
  }
  .panel-mark{
    font-size:64px !important;
    margin-bottom:16px !important;
  }
}


/* === Service One V4: definitive hero-card layout fix === */
.hero-panel{
  min-height:390px !important;
  background:linear-gradient(145deg,var(--navy),#0b3767) !important;
  border-radius:22px !important;
  padding:48px !important;
  color:#fff !important;
  box-shadow:0 30px 70px rgba(7,28,54,.22) !important;
  position:relative !important;
  overflow:hidden !important;

  /* Critical fix: normal-flow vertical layout */
  display:flex !important;
  flex-direction:column !important;
  justify-content:flex-start !important;
  align-items:flex-start !important;
}

.hero-panel::after{
  content:"";
  position:absolute;
  inset:auto -100px -160px -100px;
  height:280px;
  border-radius:50%;
  border:1px solid rgba(68,158,244,.35);
  box-shadow:0 -25px 80px rgba(27,132,230,.18);
  pointer-events:none;
  z-index:0;
}

.panel-mark{
  display:block !important;
  position:relative !important;
  top:auto !important;
  right:auto !important;
  bottom:auto !important;
  left:auto !important;
  z-index:2 !important;

  font-weight:800 !important;
  font-size:92px !important;
  line-height:.95 !important;
  letter-spacing:-.10em !important;
  color:#fff !important;

  /* Guaranteed visual spacing below S1 */
  margin:0 0 34px 0 !important;
  padding:0 !important;
}

.panel-copy{
  display:block !important;
  position:relative !important;
  top:auto !important;
  right:auto !important;
  bottom:auto !important;
  left:auto !important;
  z-index:2 !important;

  width:100% !important;
  margin:0 !important;
  padding:0 !important;
  transform:none !important;
}

.panel-copy strong{
  display:block !important;
  font-size:21px !important;
  line-height:1.4 !important;
  margin:0 0 18px 0 !important;
  padding:0 !important;
}

.panel-copy p{
  display:block !important;
  margin:0 !important;
  padding:0 !important;
  color:#bed0e1 !important;
  line-height:1.6 !important;
}

/* Prevent sideways mobile jitter */
html,body{
  overflow-x:hidden !important;
  max-width:100% !important;
}

@media(max-width:900px){
  .hero{
    min-height:auto !important;
  }

  .hero-panel{
    min-height:0 !important;
    height:auto !important;
    padding:34px !important;
  }

  .panel-mark{
    font-size:76px !important;
    line-height:1 !important;
    margin-bottom:30px !important;
  }

  .panel-copy strong{
    font-size:20px !important;
    line-height:1.35 !important;
    margin-bottom:16px !important;
  }

  .panel-copy p{
    font-size:16px !important;
    line-height:1.55 !important;
  }
}

@media(max-width:560px){
  .hero-panel{
    padding:28px !important;
    border-radius:18px !important;
  }

  .panel-mark{
    font-size:68px !important;
    margin-bottom:28px !important;
  }

  .panel-copy strong{
    font-size:19px !important;
    line-height:1.4 !important;
  }

  .panel-copy p{
    font-size:16px !important;
    line-height:1.55 !important;
  }
}