:root{--navy:#06111d;--navy-2:#0b1c2b;--navy-3:#102534;--teal:#16d6bd;--teal-bright:#43f4de;--gold:#d8b568;--white:#f5f8fb;--silver:#d8e1e9;--muted:#a7b6c6;--line:rgba(255,255,255,.12);--glass:linear-gradient(160deg,rgba(255,255,255,.07),rgba(255,255,255,.025));--shadow:0 26px 60px rgba(0,0,0,.34)}*{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(--white);line-height:1.65;background:radial-gradient(circle at top left,rgba(22,214,189,.18),transparent 28%),linear-gradient(90deg,#07131f 0%,#082235 42%,#05111b 100%)}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}.hidden{display:none}.site-header{position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;gap:28px;min-height:102px;padding:14px clamp(22px,5vw,72px);background:rgba(6,17,29,.88);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.brand{display:inline-flex;align-items:center;gap:18px;min-width:0}.brand--full img{width:clamp(180px,18vw,300px);height:auto;display:block;object-fit:contain;filter:drop-shadow(0 6px 18px rgba(0,0,0,.25))}.nav{display:flex;align-items:center;gap:30px;color:var(--muted);font-size:15px;flex-wrap:wrap;justify-content:flex-end}.nav a:hover{color:var(--white)}.nav-cta{padding:12px 20px;border-radius:999px;border:1px solid rgba(22,214,189,.42);color:var(--white)!important}.nav-toggle{display:none;background:transparent;color:var(--white);border:1px solid var(--line);border-radius:999px;padding:8px 14px}.section{padding:96px clamp(22px,5vw,72px)}.eyebrow{margin:0 0 14px;color:var(--teal-bright);text-transform:uppercase;letter-spacing:.2em;font-size:12px;font-weight:800}h1,h2,h3{margin-top:0;line-height:1.03}h1{margin-bottom:26px;max-width:none;font-size:clamp(56px,7vw,96px);letter-spacing:-.06em;text-wrap:pretty}h2{margin-bottom:18px;font-size:clamp(36px,5vw,64px);letter-spacing:-.05em;text-wrap:balance}h3{margin-bottom:14px;font-size:20px;letter-spacing:-.02em}p{margin:0}.lead,.intro-copy p,.about-copy p,.cta p,.contact p{color:var(--silver)}.lead{max-width:720px;font-size:clamp(18px,2.2vw,24px)}.hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-items:center;gap:clamp(36px,4vw,64px);min-height:calc(100vh - 102px)}.hero-copy{max-width:860px}.hero-copy h1{max-width:12ch;line-height:.95}.hero-copy .lead{max-width:34ch}.hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin:34px 0 0}.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 22px;border-radius:999px;font-weight:800;border:1px solid transparent;transition:transform .2s ease,border-color .2s ease}.button:hover{transform:translateY(-2px)}.button.primary{background:linear-gradient(135deg,var(--teal),#59ffe9);color:#041015;box-shadow:0 14px 34px rgba(22,214,189,.22)}.button.secondary{border-color:rgba(255,255,255,.18)}.hero-visual{border-radius:34px;border:1px solid rgba(255,255,255,.12);background:linear-gradient(145deg,rgba(255,255,255,.06),rgba(255,255,255,.02));box-shadow:var(--shadow)}.hero-visual--brand{padding:14px;justify-self:stretch;align-self:center}.hero-visual--brand img{width:100%;border-radius:30px;object-fit:contain}.impact-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:34px}.impact-card,.card,.process-card{position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.12);background:var(--glass);box-shadow:inset 0 1px 0 rgba(255,255,255,.03)}.impact-card{min-height:270px;padding:22px;border-radius:26px}.impact-card::after,.card::after,.process-card::after{content:"";position:absolute;top:-50px;right:-70px;width:180px;height:180px;border-radius:50%;background:rgba(22,214,189,.07);pointer-events:none}.impact-card h3{color:var(--gold);margin:18px 0 12px;font-size:20px;text-wrap:balance}.impact-card p{color:var(--silver);font-size:15px;max-width:25ch}.impact-visual{height:128px;border-radius:22px;border:1px solid rgba(22,214,189,.18);background:linear-gradient(150deg,rgba(22,214,189,.12),rgba(255,255,255,.035));display:flex;align-items:center;justify-content:center;padding:0 8px 0 8px}.impact-visual img{width:100%;height:100%;object-fit:contain}.intro{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:clamp(30px,4vw,56px);align-items:center}.intro-heading{max-width:900px}.intro-title{max-width:12ch;line-height:0.98;text-wrap:pretty}.intro-copy{max-width:660px;display:grid;gap:18px}.intro-copy p{font-size:18px}.section-heading{max-width:980px;margin-bottom:42px}.section-heading--wide h2{max-width:1120px}.approach-title{display:flex;flex-wrap:wrap;gap:.18em .34em;line-height:0.95;text-wrap:initial}.approach-title span{display:inline-block}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.card{min-height:338px;padding:28px;border-radius:28px}.card h3{font-size:clamp(22px,2vw,30px);margin:22px 0 16px;text-wrap:balance;max-width:16ch}.card p{color:var(--silver);font-size:16px;max-width:34ch}.service-icon,.process-visual{width:100%;height:124px;border-radius:24px;border:1px solid rgba(22,214,189,.24);background:linear-gradient(145deg,rgba(22,214,189,.13),rgba(255,255,255,.04));box-shadow:inset 0 0 24px rgba(22,214,189,.05);display:flex;align-items:center;justify-content:center;padding:0 10px}.service-icon img,.process-visual img{width:100%;height:100%;object-fit:contain}.approach{background:rgba(255,255,255,.018)}.process-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px}.process-card{min-height:340px;padding:22px;border-radius:24px}.process-card h3{margin:18px 0 12px;color:var(--teal-bright);font-size:20px}.process-card p{color:var(--silver);font-size:15px;max-width:22ch}.industry-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.industry-grid span{padding:18px;border-radius:18px;background:rgba(22,214,189,.1);border:1px solid rgba(22,214,189,.18);color:var(--silver)}.about{display:grid;grid-template-columns:minmax(330px,.82fr) minmax(0,1.18fr);gap:clamp(34px,5vw,64px);align-items:center}.about-image{border-radius:34px;border:1px solid rgba(255,255,255,.12);box-shadow:var(--shadow)}.about-image--circle{display:flex;align-items:center;justify-content:center;padding:24px;background:radial-gradient(circle at center,rgba(22,214,189,.1),rgba(255,255,255,.02))}.about-image--circle img{width:min(100%,540px);aspect-ratio:1/1;object-fit:contain}.about-copy{display:grid;gap:20px}.about-copy p{font-size:18px}.cta{max-width:920px;margin:0 auto;text-align:center}.cta p{font-size:18px}.contact{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(30px,4vw,48px);background:linear-gradient(180deg,transparent,rgba(22,214,189,.06))}.contact-form{display:grid;gap:14px;padding:28px;border:1px solid rgba(255,255,255,.12);border-radius:28px;background:rgba(255,255,255,.045)}label{display:grid;gap:8px;color:var(--silver);font-size:14px}input,textarea{width:100%;border:1px solid rgba(255,255,255,.16);border-radius:14px;background:rgba(0,0,0,.22);color:var(--white);padding:14px 16px;font:inherit}input:focus,textarea:focus{outline:2px solid rgba(22,214,189,.35);border-color:rgba(22,214,189,.6)}.site-footer{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:36px clamp(22px,5vw,72px);border-top:1px solid var(--line);color:var(--muted)}.footer-branding{display:flex;align-items:center;gap:18px}.footer-branding img{width:96px;height:96px;object-fit:contain;flex:0 0 auto}.footer-branding strong{display:block;color:var(--white);margin-bottom:4px;font-size:17px}.footer-branding p{color:var(--muted)}@media(max-width:1280px){.process-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:1100px){.hero,.intro,.about,.contact{grid-template-columns:1fr}.hero{min-height:auto}.hero-copy{max-width:860px}.hero-visual--brand{max-width:900px;width:100%;margin:0 auto}.intro-title{max-width:unset}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.industry-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.site-header{min-height:88px;padding-top:12px;padding-bottom:12px}.brand{gap:12px}.brand--full img{width:min(64vw,230px)}.nav-toggle{display:inline-flex}.nav{position:absolute;top:84px;left:18px;right:18px;display:none;flex-direction:column;align-items:stretch;background:rgba(6,17,29,.98);padding:20px;border:1px solid var(--line);border-radius:18px}.nav.open{display:flex}.section{padding:68px 22px}h1{font-size:clamp(46px,14vw,64px)}h2{font-size:clamp(34px,11vw,48px)}.impact-grid,.cards,.process-grid,.industry-grid{grid-template-columns:1fr}.impact-card p,.card p,.process-card p{max-width:none}.site-footer{flex-direction:column;align-items:flex-start}}

/* V8: clean impact cards - no boxed/cartoon visuals */
.impact-grid--clean {
  align-items: stretch;
  gap: 18px;
}

.impact-card--clean {
  min-height: 270px;
  padding: 28px;
  border-radius: 26px;
  background:
    radial-gradient(circle at 85% 0%, rgba(22, 214, 189, .10), transparent 38%),
    linear-gradient(160deg, rgba(255,255,255,.065), rgba(255,255,255,.024));
}

.impact-card--clean::after {
  display: none;
}

.impact-card--clean h3 {
  margin: 26px 0 14px;
  color: var(--gold);
  font-size: 23px;
  line-height: 1.08;
  max-width: 13ch;
}

.impact-card--clean p {
  color: var(--silver);
  font-size: 16px;
  line-height: 1.55;
  max-width: 28ch;
}

.impact-icon {
  position: relative;
  width: 92px;
  height: 92px;
  border-radius: 24px;
  border: 1px solid rgba(22,214,189,.28);
  background:
    radial-gradient(circle at 70% 20%, rgba(216,181,104,.14), transparent 30%),
    linear-gradient(145deg, rgba(22,214,189,.14), rgba(255,255,255,.035));
  box-shadow:
    inset 0 0 30px rgba(22,214,189,.06),
    0 12px 30px rgba(0,0,0,.20);
  overflow: hidden;
}

.impact-icon::before {
  content: "";
  position: absolute;
  inset: 14px;
  border-radius: 18px;
  border: 1px solid rgba(22,214,189,.10);
}

.impact-icon .node {
  position: absolute;
  width: 11px;
  height: 11px;
  border-radius: 50%;
  background: var(--teal-bright);
  box-shadow: 0 0 14px rgba(22,214,189,.52);
}

.impact-icon--transformation .node-a { left: 20px; top: 58px; }
.impact-icon--transformation .node-b { left: 42px; top: 34px; }
.impact-icon--transformation .node-c { right: 18px; top: 22px; }
.impact-icon--transformation .path {
  position: absolute;
  height: 3px;
  background: var(--teal);
  border-radius: 999px;
  transform-origin: left center;
}
.impact-icon--transformation .path-a {
  left: 29px; top: 56px; width: 28px; transform: rotate(-40deg);
}
.impact-icon--transformation .path-b {
  left: 51px; top: 36px; width: 28px; transform: rotate(-26deg);
}
.impact-icon--transformation .arrow-line {
  position: absolute;
  right: 15px;
  bottom: 18px;
  width: 38px;
  height: 3px;
  border-radius: 999px;
  background: var(--gold);
  transform: rotate(-36deg);
}
.impact-icon--transformation .arrow-line::after {
  content: "";
  position: absolute;
  right: -2px;
  top: -5px;
  width: 11px;
  height: 11px;
  border-top: 3px solid var(--gold);
  border-right: 3px solid var(--gold);
  transform: rotate(45deg);
}

.impact-icon--performance .bar {
  position: absolute;
  bottom: 20px;
  width: 11px;
  border-radius: 999px 999px 3px 3px;
  background: linear-gradient(180deg, var(--gold), var(--teal));
}
.impact-icon--performance .bar-a { left: 23px; height: 24px; }
.impact-icon--performance .bar-b { left: 42px; height: 38px; }
.impact-icon--performance .bar-c { left: 61px; height: 54px; }
.impact-icon--performance .trend-line {
  position: absolute;
  left: 20px;
  right: 16px;
  top: 26px;
  height: 3px;
  border-radius: 999px;
  background: var(--teal-bright);
  transform: rotate(-18deg);
  transform-origin: left center;
  box-shadow: 0 0 14px rgba(22,214,189,.4);
}
.impact-icon--performance .trend-line::after {
  content: "";
  position: absolute;
  right: -2px;
  top: -5px;
  width: 11px;
  height: 11px;
  border-top: 3px solid var(--teal-bright);
  border-right: 3px solid var(--teal-bright);
  transform: rotate(45deg);
}

.impact-icon--delivery .speed-ring {
  position: absolute;
  left: 22px;
  top: 19px;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  border: 5px solid var(--gold);
}
.impact-icon--delivery .speed-needle {
  position: absolute;
  left: 45px;
  top: 43px;
  width: 31px;
  height: 4px;
  border-radius: 999px;
  background: var(--teal-bright);
  transform: rotate(-48deg);
  transform-origin: left center;
  box-shadow: 0 0 13px rgba(22,214,189,.45);
}
.impact-icon--delivery .speed-line {
  position: absolute;
  height: 4px;
  border-radius: 999px;
  background: var(--teal);
}
.impact-icon--delivery .speed-line-a { right: 12px; bottom: 23px; width: 32px; transform: rotate(-42deg); }
.impact-icon--delivery .speed-line-b { right: 5px; bottom: 39px; width: 24px; transform: rotate(42deg); }

@media(max-width:1100px) {
  .impact-card--clean h3,
  .impact-card--clean p {
    max-width: none;
  }
}


/* V9: founder section logo and layout fix */
.about {
  grid-template-columns: minmax(320px, .78fr) minmax(0, 1.22fr);
  align-items: center;
}

.about-image--logo {
  min-height: 420px;
  padding: 26px;
  background:
    radial-gradient(circle at 30% 20%, rgba(22,214,189,.14), transparent 30%),
    linear-gradient(145deg, rgba(255,255,255,.055), rgba(255,255,255,.018));
  overflow: hidden;
}

.about-image--logo img {
  width: min(100%, 430px);
  height: auto;
  max-height: 430px;
  aspect-ratio: auto;
  object-fit: contain;
  filter: drop-shadow(0 18px 40px rgba(0,0,0,.35));
}

.about-copy {
  max-width: 860px;
}

.about-copy h2 {
  max-width: 11ch;
  line-height: .96;
  margin-bottom: 6px;
}

.about-copy p {
  max-width: 44ch;
}

.footer-branding img {
  width: 88px;
  height: 88px;
  object-fit: contain;
  border-radius: 50%;
}

@media (max-width: 1100px) {
  .about {
    grid-template-columns: 1fr;
  }
  .about-image--logo {
    min-height: auto;
    padding: 22px;
    max-width: 560px;
    width: 100%;
    margin: 0 auto;
  }
  .about-copy h2,
  .about-copy p {
    max-width: none;
  }
}


/* V10: user-selected badge logo in header and footer */
.brand--badge img {
  width: clamp(180px, 20vw, 300px);
  height: auto;
  display: block;
  object-fit: contain;
  border-radius: 0;
  filter: drop-shadow(0 8px 18px rgba(0,0,0,.28));
}

.site-header {
  align-items: center;
}

.footer-branding img {
  width: 150px;
  height: auto;
  object-fit: contain;
  border-radius: 0;
  flex: 0 0 auto;
}

@media (max-width: 760px) {
  .brand--badge img {
    width: min(64vw, 230px);
  }
  .footer-branding img {
    width: 120px;
  }
}