body.elementor-page-37:not(.elementor-motion-effects-element-type-background), body.elementor-page-37 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}/* Start custom CSS for html, class: .elementor-element-f7d78c2 *//* ================================================================
   ABOUT PAGE — SECTION 01: HERO — fully self-contained CSS (v3)
   Rebuilt to match the Home page hero's structure and mobile
   behavior exactly: full-bleed background image with gradient
   overlay, min-height:640px (92vh on larger screens, not forced
   100vh), same button-wrap safety fix for narrow phones, same
   pulsing-dot eyebrow. About-specific additions on top: a
   breadcrumb line and the "One Partner. Zero Vendors to Chase."
   callback box. Now also mirrors Home's merged trust-bar carousel
   mechanism (autoplaying, 2s interval, progress bar), populated
   with the 5 benefit points instead of Home's 10-item mix.
   ================================================================ */

@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;700&display=swap');

/* ---- shared tokens & base (duplicated in every section on purpose) ---- */
#about-hero{
  --navy:#0F172A;--navy-deep:#0A1120;--dark:#111827;--orange:#F59E0B;
  --white:#FFFFFF;--grey-bg:#F8FAFC;--grey-line:#E2E8F0;
  --ink:#0F172A;--ink-soft:#475569;--ink-faint:#94A3B8;--graphite:#334155;
  --font-head:'Plus Jakarta Sans', sans-serif;
  --font-body:'Inter', sans-serif;
  --font-mono:'JetBrains Mono', monospace;
  --container:1240px;--edge:clamp(24px, 5vw, 64px);

  font-family:var(--font-body);color:var(--ink);line-height:1.55;-webkit-font-smoothing:antialiased;
  max-width:100%;overflow-x:hidden;
}
#about-hero *{box-sizing:border-box;}
#about-hero img,#about-hero svg{display:block;max-width:100%;}
#about-hero a{color:inherit;text-decoration:none;}
#about-hero h1,#about-hero h2,#about-hero h3,#about-hero h4{font-family:var(--font-head);letter-spacing:-0.02em;margin:0;}

#about-hero .btn{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  padding:15px 28px;font-weight:600;font-size:15px;
  border-radius:2px;transition:all .25s ease;
  white-space:nowrap;
  max-width:100%;
}
#about-hero .btn-primary{background:var(--orange);color:var(--navy-deep);}
#about-hero .btn-primary:hover{background:#FFC44D;transform:translateY(-2px);}
#about-hero .btn-arrow{transition:transform .25s ease;flex-shrink:0;}
#about-hero .btn:hover .btn-arrow{transform:translateX(4px);}

#about-hero .reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease, transform .7s ease;}
#about-hero .reveal.in{opacity:1;transform:translateY(0);}

/* ---- section-specific (mirrors Home hero exactly) ---- */
#about-hero.hero{
  position:relative;
  display:flex;align-items:center;
  background:var(--navy-deep);
  overflow:hidden;
  min-height:640px;
}
@media(min-width:900px){
  #about-hero.hero{min-height:92vh;}
}
#about-hero .hero-media{
  position:absolute;inset:0;z-index:0;
}
#about-hero .hero-banner-img{
  width:100%;height:100%;object-fit:cover;
  opacity:0.6;
}
#about-hero .hero-media::after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(180deg, rgba(10,17,32,0.55) 0%, rgba(10,17,32,0.25) 40%, var(--navy-deep) 96%);
}
#about-hero .hero-inner{position:relative;z-index:2;width:100%;max-width:100%;}
#about-hero .hero-grid{
  max-width:var(--container);margin:0 auto;padding:0 var(--edge);
  display:grid;grid-template-columns:minmax(0,1fr);gap:40px;
  padding-top:56px;padding-bottom:40px;
}
#about-hero .hero-grid > div{min-width:0;}

#about-hero .breadcrumb{
  font-family:var(--font-mono);font-size:12px;color:#64748B;margin-bottom:22px;
}
#about-hero .breadcrumb a{color:#94A3B8;}
#about-hero .breadcrumb a:hover{color:var(--orange);}

#about-hero .hero-eyebrow{
  font-family:var(--font-mono);font-size:12px;color:var(--orange);
  letter-spacing:0.16em;text-transform:uppercase;
  display:flex;align-items:center;gap:10px;margin-bottom:22px;
  flex-wrap:wrap;
}
#about-hero .hero-eyebrow .dot{width:7px;height:7px;background:var(--orange);border-radius:50%;flex-shrink:0;animation:about-hero-pulse 2s ease-in-out infinite;}
@keyframes about-hero-pulse{0%,100%{opacity:1;}50%{opacity:.35;}}

#about-hero h1{
  font-size:clamp(30px,6.5vw,58px);
  font-weight:800;line-height:1.08;color:var(--white);
  max-width:760px;
  overflow-wrap:break-word;word-break:normal;
}
#about-hero .hero-body{
  margin-top:22px;font-size:clamp(15px,3vw,17.5px);color:#B8C2D6;
  max-width:620px;font-weight:400;
  overflow-wrap:break-word;
}
#about-hero .hero-callback{
  margin-top:28px;padding:16px 22px;border-left:3px solid var(--orange);
  background:rgba(245,158,11,0.08);max-width:500px;
}
#about-hero .hero-callback strong{
  display:block;font-family:var(--font-head);font-size:18px;font-weight:700;color:var(--white);
}
#about-hero .hero-cta{margin-top:32px;}
#about-hero .hero-cta .btn{width:auto;}
@media(max-width:420px){
  #about-hero .hero-cta .btn{white-space:normal;text-align:center;width:100%;}
}

/* ---- merged trust bar: ONE autoplaying carousel, icon + text per slide
   (mirrors Home hero's mechanism exactly, populated with the 5
   "What One Partner Gets You" benefit points instead) ---- */
#about-hero .hero-trust-bar{
  margin-top:36px;padding-top:24px;
  border-top:1px solid rgba(255,255,255,0.12);
  max-width:460px;
}
#about-hero .trust-carousel{overflow:hidden;}
#about-hero .trust-track{display:flex;transition:transform .5s cubic-bezier(.4,0,.2,1);}
#about-hero .trust-slide{
  flex:0 0 100%;display:flex;align-items:center;gap:12px;min-height:30px;
}
#about-hero .ts-icon-wrap{
  width:34px;height:34px;border-radius:50%;flex-shrink:0;
  background:rgba(245,158,11,0.12);border:1px solid rgba(245,158,11,0.35);
  display:flex;align-items:center;justify-content:center;
}
#about-hero .ts-icon-wrap svg{width:17px;height:17px;color:var(--orange);}
#about-hero .ts-text{font-size:14.5px;color:#E2E8F0;font-weight:500;}
#about-hero .ts-text strong{color:var(--orange);font-weight:700;}

#about-hero .trust-progress{
  margin-top:16px;height:2px;background:rgba(255,255,255,0.14);
  border-radius:2px;overflow:hidden;
}
#about-hero .trust-progress-bar{
  height:100%;width:0%;background:var(--orange);
}
#about-hero .trust-progress-bar.animate{
  animation:about-hero-trust-progress 2s linear;
}
@keyframes about-hero-trust-progress{
  0%{width:0%;}
  100%{width:100%;}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0ef8880 *//* ================================================================
   ABOUT PAGE — SECTION 05: THE PROBLEM & HOW WE SOLVE
   fully self-contained CSS (split-screen layout)
   ================================================================ */

@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;700&display=swap');

#problem-solve{
  --navy:#0F172A;--navy-deep:#0A1120;--orange:#F59E0B;--white:#FFFFFF;
  --grey-bg:#F8FAFC;--grey-line:#E2E8F0;--ink-soft:#475569;--ink-faint:#94A3B8;
  --font-head:'Plus Jakarta Sans', sans-serif;
  --font-body:'Inter', sans-serif;
  --font-mono:'JetBrains Mono', monospace;
  --container:1240px;--edge:clamp(24px, 5vw, 64px);
  font-family:var(--font-body);color:#0F172A;line-height:1.6;
}
#problem-solve *{box-sizing:border-box;}
#problem-solve svg{display:block;max-width:100%;}
#problem-solve h2,#problem-solve h3,#problem-solve h4{font-family:var(--font-head);letter-spacing:-0.02em;margin:0;color:var(--navy);}

#problem-solve .wrap{max-width:var(--container);margin:0 auto;padding-left:var(--edge);padding-right:var(--edge);}
#problem-solve.section{padding:100px 0;}
@media(max-width:768px){#problem-solve.section{padding:64px 0;}}

#problem-solve .eyebrow{font-family:var(--font-mono);font-size:12px;letter-spacing:0.14em;text-transform:uppercase;color:var(--orange);display:flex;align-items:center;gap:10px;margin-bottom:14px;}

#problem-solve .reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease, transform .7s ease;}
#problem-solve .reveal.in{opacity:1;transform:translateY(0);}

/* ---- section-specific ---- */
#problem-solve .problem-solve-inner{max-width:1000px;margin:0 auto;}
#problem-solve .ps-split{display:grid;grid-template-columns:1fr 60px 1fr;align-items:stretch;margin-bottom:48px;}
#problem-solve .ps-panel{padding:40px 34px;display:flex;flex-direction:column;justify-content:center;}
#problem-solve .ps-panel-problem{background:var(--navy-deep);}
#problem-solve .ps-panel-problem .eyebrow{color:var(--orange);}
#problem-solve .ps-panel-problem h2{color:var(--white);font-size:clamp(23px,2.8vw,32px);line-height:1.25;margin-bottom:14px;}
#problem-solve .ps-body{font-size:14.5px;color:#94A3B8;}
#problem-solve .ps-body p{margin-top:10px;}
#problem-solve .ps-gap{margin-top:18px;font-family:var(--font-mono);font-size:12.5px;color:var(--orange);}

#problem-solve .ps-mid{background:var(--grey-bg);display:flex;align-items:center;justify-content:center;color:var(--orange);}
#problem-solve .ps-mid svg{width:22px;height:22px;}

#problem-solve .ps-panel-solve{background:var(--white);border:1px solid var(--grey-line);border-left:3px solid var(--orange);}
#problem-solve .ps-panel-solve h3{font-size:clamp(21px,2.6vw,28px);font-weight:800;line-height:1.2;}
#problem-solve .oc-strike{display:block;color:#94A3B8;text-decoration:line-through;text-decoration-color:#CBD5E1;font-size:0.6em;font-weight:600;margin-bottom:6px;}
#problem-solve .oc-solve em{font-style:normal;color:var(--orange);}
#problem-solve .ps-panel-solve .ps-var-intro{margin:18px 0 12px;font-size:13.5px;color:var(--ink-soft);}
#problem-solve .ps-var-cloud{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:6px;}
#problem-solve .ps-var-chip{font-family:var(--font-mono);font-size:11.5px;color:var(--navy);border:1px solid var(--grey-line);padding:6px 12px;border-radius:16px;background:var(--grey-bg);}

@media(max-width:820px){
  #problem-solve .ps-split{grid-template-columns:1fr;}
  #problem-solve .ps-mid{width:100%;height:44px;}
  #problem-solve .ps-mid svg{transform:rotate(90deg);}
  #problem-solve .ps-panel-solve{
    border-left:none;border-top:3px solid var(--orange);
    opacity:0;transform:translateY(-28px);
    transition:opacity .6s ease, transform .6s cubic-bezier(.4,0,.2,1);
  }
  #problem-solve.solve-revealed .ps-panel-solve{
    opacity:1;transform:translateY(0);
  }
}

#problem-solve .ps-statement{text-align:center;font-size:15.5px;color:var(--ink-soft);max-width:560px;margin:0 auto 40px;}

#problem-solve .ps-flow{display:flex;align-items:stretch;justify-content:center;gap:14px;flex-wrap:wrap;}
#problem-solve .pf-box{flex:1 1 190px;max-width:230px;background:var(--grey-bg);border:1px solid var(--grey-line);padding:22px 16px;text-align:center;}
#problem-solve .pf-box.pf-highlight{border-color:var(--orange);background:rgba(245,158,11,0.06);}
#problem-solve .pf-label{font-family:var(--font-mono);font-size:10px;color:var(--ink-faint);text-transform:uppercase;letter-spacing:0.08em;margin-bottom:8px;}
#problem-solve .pf-box.pf-highlight .pf-label{color:var(--orange);}
#problem-solve .pf-title{font-family:var(--font-head);font-size:15px;font-weight:700;color:var(--navy);margin-bottom:6px;}
#problem-solve .pf-desc{font-size:12px;color:var(--ink-soft);}
#problem-solve .pf-arrow{color:var(--orange);flex-shrink:0;display:flex;align-items:center;}
#problem-solve .pf-arrow svg{width:20px;height:20px;}

#problem-solve .ps-accordion{display:none;text-align:left;max-width:520px;margin:0 auto;border-top:1px solid var(--grey-line);}
#problem-solve .sa-item{border-bottom:1px solid var(--grey-line);}
#problem-solve .sa-q{width:100%;display:flex;align-items:center;gap:12px;padding:16px 4px;text-align:left;background:none;border:none;cursor:pointer;font:inherit;color:inherit;}
#problem-solve .sa-num{font-family:var(--font-mono);font-size:11px;color:var(--orange);flex-shrink:0;width:22px;}
#problem-solve .sa-q h4{font-size:14.5px;font-weight:700;flex:1;color:var(--navy);}
#problem-solve .sa-plus{font-family:var(--font-mono);font-size:18px;color:var(--orange);transition:transform .3s;flex-shrink:0;}
#problem-solve .sa-item.open .sa-plus{transform:rotate(45deg);}
#problem-solve .sa-a{max-height:0;overflow:hidden;transition:max-height .35s ease;}
#problem-solve .sa-a p{padding:0 4px 16px 34px;font-size:13px;color:var(--ink-soft);margin:0;}

@media(max-width:700px){
  #problem-solve .ps-flow{display:none;}
  #problem-solve .ps-accordion{display:block;}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-cfb7b9e *//* ================================================================
   ABOUT PAGE — SECTION 02: VISION & MISSION — fully self-contained CSS
   ================================================================ */

@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;700&display=swap');

#vm-section{
  --navy-deep:#0A1120;--orange:#F59E0B;--white:#FFFFFF;
  --font-head:'Plus Jakarta Sans', sans-serif;
  --font-body:'Inter', sans-serif;
  --font-mono:'JetBrains Mono', monospace;
  --container:1240px;--edge:clamp(24px, 5vw, 64px);
  font-family:var(--font-body);color:var(--white);line-height:1.6;
}
#vm-section *{box-sizing:border-box;}
#vm-section svg{display:block;max-width:100%;}
#vm-section h2,#vm-section h3{font-family:var(--font-head);letter-spacing:-0.02em;margin:0;}

#vm-section .wrap{max-width:var(--container);margin:0 auto;padding-left:var(--edge);padding-right:var(--edge);}
#vm-section.section{padding:100px 0;}
@media(max-width:768px){#vm-section.section{padding:64px 0;}}

#vm-section .eyebrow{font-family:var(--font-mono);font-size:12px;letter-spacing:0.14em;text-transform:uppercase;color:var(--orange);display:flex;align-items:center;gap:10px;margin-bottom:18px;}
#vm-section .eyebrow.center{justify-content:center;}
#vm-section .section-head{max-width:680px;margin-bottom:44px;margin-left:auto;margin-right:auto;text-align:center;}
#vm-section .section-head h2{font-size:clamp(26px,3.4vw,40px);font-weight:700;line-height:1.16;color:var(--white);}

#vm-section .reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease, transform .7s ease;}
#vm-section .reveal.in{opacity:1;transform:translateY(0);}

/* ---- section-specific ---- */
#vm-section.vm-section{background:var(--navy-deep);position:relative;overflow:hidden;}
#vm-section.vm-section::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 15%, rgba(245,158,11,0.10), transparent 50%);pointer-events:none;}
#vm-section .wrap{position:relative;z-index:1;}
#vm-section .vm-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-bottom:48px;}
#vm-section .vm-card{padding:34px 30px;border:1px solid rgba(255,255,255,0.12);}
#vm-section .vm-card.vm-vision{background:rgba(255,255,255,0.03);}
#vm-section .vm-card.vm-mission{background:rgba(245,158,11,0.06);border-color:rgba(245,158,11,0.3);}
#vm-section .vm-hex{
  width:46px;height:46px;margin-bottom:20px;
  clip-path:polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);
  background:rgba(245,158,11,0.15);display:flex;align-items:center;justify-content:center;
}
#vm-section .vm-hex svg{width:20px;height:20px;color:var(--orange);}
#vm-section .vm-card h3{font-size:12px;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:0.1em;color:var(--orange);margin-bottom:14px;}
#vm-section .vm-card p{font-size:14.5px;color:#CBD5E1;line-height:1.75;}
#vm-section .vm-dots{display:none;}
@media(max-width:760px){
  #vm-section .vm-grid{
    grid-template-columns:1fr;position:relative;min-height:260px;
    margin-bottom:0;
  }
  #vm-section .vm-card{
    position:absolute;top:0;left:0;right:0;
    opacity:0;transition:opacity 1s ease;z-index:0;
  }
  #vm-section .vm-card.active{opacity:1;z-index:1;}
  #vm-section .vm-dots{
    display:flex;justify-content:center;gap:8px;
    margin-top:16px;margin-bottom:44px;
  }
  #vm-section .vm-dots button{
    width:7px;height:7px;border-radius:50%;background:rgba(255,255,255,0.25);
    border:none;padding:0;cursor:pointer;transition:.25s;-webkit-tap-highlight-color:transparent;
  }
  #vm-section .vm-dots button.active{background:var(--orange);width:20px;border-radius:4px;}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ba69a57 *//* ================================================================
   ABOUT PAGE — SECTION 03: WHO WE ARE + PROVEN ENGINEERING
   fully self-contained CSS
   ================================================================ */

@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;700&display=swap');

#who-proven{
  --navy:#0F172A;--orange:#F59E0B;--white:#FFFFFF;
  --grey-bg:#F8FAFC;--grey-line:#E2E8F0;--ink-soft:#475569;--ink-faint:#94A3B8;
  --font-head:'Plus Jakarta Sans', sans-serif;
  --font-body:'Inter', sans-serif;
  --font-mono:'JetBrains Mono', monospace;
  --container:1240px;--edge:clamp(24px, 5vw, 64px);
  font-family:var(--font-body);color:#0F172A;line-height:1.6;
}
#who-proven *{box-sizing:border-box;}
#who-proven h2,#who-proven h3{font-family:var(--font-head);letter-spacing:-0.02em;margin:0;color:var(--navy);}

#who-proven .wrap{max-width:var(--container);margin:0 auto;padding-left:var(--edge);padding-right:var(--edge);}
#who-proven.section{padding:100px 0;}
@media(max-width:768px){#who-proven.section{padding:64px 0;}}

#who-proven .eyebrow{font-family:var(--font-mono);font-size:12px;letter-spacing:0.14em;text-transform:uppercase;color:var(--orange);display:flex;align-items:center;gap:10px;margin-bottom:18px;}

#who-proven .reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease, transform .7s ease;}
#who-proven .reveal.in{opacity:1;transform:translateY(0);}

/* placeholder image block */
#who-proven .ph{position:relative;overflow:hidden;background:repeating-linear-gradient(135deg, rgba(15,23,42,0.05) 0px, rgba(15,23,42,0.05) 1px, transparent 1px, transparent 14px),linear-gradient(160deg,#E2E8F0,#CBD5E1 65%,#94A3B8);display:flex;align-items:flex-end;color:#334155;}
#who-proven .ph-label{padding:14px 16px;font-family:var(--font-mono);font-size:11px;letter-spacing:0.03em;line-height:1.5;width:100%;background:linear-gradient(to top, rgba(0,0,0,0.6), transparent);color:#E2E8F0;}

/* ---- section-specific ---- */
#who-proven.who-proven-section{background:var(--white);}
#who-proven .who-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;}
#who-proven .who-text .eyebrow{margin-bottom:16px;}
#who-proven .who-text h2{font-size:clamp(26px,3.2vw,36px);font-weight:700;line-height:1.18;margin-bottom:16px;}
#who-proven .who-text > p{color:var(--ink-soft);font-size:16px;margin-bottom:28px;}
#who-proven .who-questions{display:flex;flex-direction:column;gap:10px;}
#who-proven .wq-card{padding:16px 20px;}
#who-proven .wq-wrong{background:var(--grey-bg);border:1px dashed var(--grey-line);}
#who-proven .wq-label{font-family:var(--font-mono);font-size:10.5px;text-transform:uppercase;letter-spacing:0.08em;margin-bottom:6px;display:block;}
#who-proven .wq-wrong .wq-label{color:var(--ink-faint);}
#who-proven .wq-wrong p{font-size:15px;font-style:italic;color:#94A3B8;text-decoration:line-through;text-decoration-color:#CBD5E1;margin:0;}
#who-proven .wq-right{background:var(--white);border:1px solid var(--grey-line);border-left:3px solid var(--orange);}
#who-proven .wq-right .wq-label{color:var(--orange);}
#who-proven .wq-right p{font-size:15.5px;font-weight:700;color:var(--navy);margin:0;line-height:1.4;}
#who-proven .who-followup{margin-top:18px;font-size:14.5px;color:var(--ink-soft);}

#who-proven .who-visual{position:relative;}
#who-proven .who-visual .ph{aspect-ratio:3/4;}
#who-proven .who-float-stats{
  position:relative;margin-top:-32px;margin-left:20px;margin-right:20px;z-index:2;
  background:var(--white);border:1px solid var(--grey-line);
  box-shadow:0 20px 44px -20px rgba(15,23,42,0.3);
  display:flex;
}
#who-proven .who-float-stats > div{flex:1;text-align:center;padding:18px 8px;border-right:1px solid var(--grey-line);}
#who-proven .who-float-stats > div:last-child{border-right:none;}
#who-proven .who-float-stats .fs-num{font-family:var(--font-head);font-weight:800;font-size:19px;color:var(--navy);}
#who-proven .who-float-stats .fs-lbl{font-size:10px;color:var(--ink-soft);margin-top:4px;line-height:1.3;}

@media(max-width:860px){
  #who-proven .who-grid{grid-template-columns:1fr;gap:0;}
  #who-proven .who-visual{margin-top:36px;}
  #who-proven .who-float-stats{position:static;margin-top:0;margin-left:0;margin-right:0;}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-cde901a *//* ================================================================
   ABOUT PAGE — SECTION 04: OUR JOURNEY — fully self-contained CSS
   ================================================================ */

@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;700&display=swap');

#our-journey{
  --orange:#F59E0B;--dark:#111827;--white:#FFFFFF;
  --font-head:'Plus Jakarta Sans', sans-serif;
  --font-body:'Inter', sans-serif;
  --font-mono:'JetBrains Mono', monospace;
  --container:1240px;--edge:clamp(24px, 5vw, 64px);
  font-family:var(--font-body);line-height:1.6;
}
#our-journey *{box-sizing:border-box;}
#our-journey h2,#our-journey h3{font-family:var(--font-head);letter-spacing:-0.02em;margin:0;}

#our-journey .wrap{max-width:var(--container);margin:0 auto;padding-left:var(--edge);padding-right:var(--edge);}
#our-journey.section{padding:100px 0;}
@media(max-width:768px){#our-journey.section{padding:64px 0;}}

#our-journey .eyebrow.light{font-family:var(--font-mono);font-size:12px;letter-spacing:0.14em;text-transform:uppercase;color:var(--orange);display:flex;align-items:center;gap:10px;margin-bottom:18px;}
#our-journey .section-head{max-width:680px;margin-bottom:44px;}
#our-journey .section-head.light h2{font-size:clamp(26px,3.4vw,40px);font-weight:700;line-height:1.16;color:var(--white);}
#our-journey .section-head.light p{margin-top:16px;font-size:15px;color:#94A3B8;}
#our-journey .journey-focus{font-family:var(--font-mono);font-size:13px;color:var(--orange);margin-top:10px;}

#our-journey .reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease, transform .7s ease;}
#our-journey .reveal.in{opacity:1;transform:translateY(0);}

/* ---- section-specific ---- */
#our-journey.journey-section{background:var(--dark);color:var(--white);}
#our-journey .journey-track{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;}
#our-journey .jt-card{background:#151f30;border:1px solid rgba(255,255,255,0.1);padding:24px 18px;position:relative;}
#our-journey .jt-num{font-family:var(--font-mono);font-size:11px;color:var(--orange);margin-bottom:12px;}
#our-journey .jt-card h3{font-size:15px;font-weight:700;color:var(--white);margin-bottom:8px;line-height:1.3;}
#our-journey .jt-card p{font-size:12px;color:#94A3B8;margin:0;}
#our-journey .jt-swipe-hint{display:none;font-family:var(--font-mono);font-size:11.5px;color:#64748B;margin-top:12px;text-align:right;}
@media(max-width:1000px){#our-journey .journey-track{grid-template-columns:repeat(3,1fr);}}
@media(max-width:700px){
  #our-journey .journey-track{display:flex;grid-template-columns:none;overflow-x:auto;scroll-snap-type:x mandatory;gap:14px;-webkit-overflow-scrolling:touch;padding-bottom:6px;scrollbar-width:none;}
  #our-journey .journey-track::-webkit-scrollbar{display:none;}
  #our-journey .jt-card{flex:0 0 74%;scroll-snap-align:start;}
  #our-journey .jt-swipe-hint{display:block;}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5479eee *//* ================================================================
   ABOUT PAGE — SECTION 07: WHY IT MATTERS — fully self-contained CSS
   Swipeable on mobile.
   ================================================================ */

@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;700&display=swap');

#why-matters{
  --navy:#0F172A;--orange:#F59E0B;--white:#FFFFFF;--grey-line:#E2E8F0;--ink-soft:#475569;
  --font-head:'Plus Jakarta Sans', sans-serif;
  --font-body:'Inter', sans-serif;
  --font-mono:'JetBrains Mono', monospace;
  --container:1240px;--edge:clamp(24px, 5vw, 64px);
  font-family:var(--font-body);color:#0F172A;line-height:1.6;
}
#why-matters *{box-sizing:border-box;}
#why-matters h2,#why-matters h3{font-family:var(--font-head);letter-spacing:-0.02em;margin:0;color:var(--navy);}

#why-matters .wrap{max-width:var(--container);margin:0 auto;padding-left:var(--edge);padding-right:var(--edge);}
#why-matters.section{padding:100px 0;}
@media(max-width:768px){#why-matters.section{padding:64px 0;}}

#why-matters .eyebrow{font-family:var(--font-mono);font-size:12px;letter-spacing:0.14em;text-transform:uppercase;color:var(--orange);display:flex;align-items:center;gap:10px;margin-bottom:18px;}
#why-matters .eyebrow::before{content:"";width:22px;height:1px;background:var(--orange);}
#why-matters .section-head{max-width:680px;margin-bottom:44px;}
#why-matters .section-head h2{font-size:clamp(26px,3.4vw,40px);font-weight:700;line-height:1.16;}

#why-matters .reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease, transform .7s ease;}
#why-matters .reveal.in{opacity:1;transform:translateY(0);}

/* ---- section-specific ---- */
#why-matters .buyers-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;}
#why-matters .buyer-card{background:var(--white);border:1px solid var(--grey-line);border-top:3px solid var(--orange);padding:24px 18px;}
#why-matters .buyer-num{font-family:var(--font-mono);font-size:11px;color:var(--orange);margin-bottom:12px;}
#why-matters .buyer-card h3{font-size:15px;font-weight:700;margin-bottom:8px;line-height:1.3;}
#why-matters .buyer-card p{font-size:12.5px;color:var(--ink-soft);margin:0;}
#why-matters .buyer-swipe-hint{display:none;font-family:var(--font-mono);font-size:11.5px;color:var(--ink-soft);margin-top:12px;text-align:right;}
@media(max-width:1000px){#why-matters .buyers-grid{grid-template-columns:repeat(3,1fr);}}
@media(max-width:700px){
  #why-matters .buyers-grid{display:flex;grid-template-columns:none;overflow-x:auto;scroll-snap-type:x mandatory;gap:14px;-webkit-overflow-scrolling:touch;padding-bottom:6px;scrollbar-width:none;}
  #why-matters .buyers-grid::-webkit-scrollbar{display:none;}
  #why-matters .buyer-card{flex:0 0 78%;scroll-snap-align:start;}
  #why-matters .buyer-swipe-hint{display:block;}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-fdb3981 *//* ================================================================
   ABOUT PAGE — SECTION 06: WHAT WE DO — fully self-contained CSS (v2)
   Full redesign based on shared design brief: replaces the photo
   gallery with an icon-driven "7 fragmented vendors → 1 accountable
   partner → 7 integrated responsibilities" story. Section is now the
   hero of the positioning message, not a card collection.
   ================================================================ */

@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;700&display=swap');

#what-we-do{
  --navy:#0F172A;--navy-deep:#0A1120;--orange:#F59E0B;--white:#FFFFFF;
  --font-head:'Plus Jakarta Sans', sans-serif;
  --font-body:'Inter', sans-serif;
  --font-mono:'JetBrains Mono', monospace;
  --container:1240px;--edge:clamp(24px, 5vw, 64px);
  font-family:var(--font-body);color:var(--white);line-height:1.6;
}
#what-we-do *{box-sizing:border-box;}
#what-we-do svg{display:block;max-width:100%;}
#what-we-do h2,#what-we-do h3,#what-we-do h4{font-family:var(--font-head);letter-spacing:-0.02em;margin:0;}

#what-we-do .wrap{position:relative;z-index:1;max-width:var(--container);margin:0 auto;padding-left:var(--edge);padding-right:var(--edge);}
#what-we-do.section{padding:100px 0;}
@media(max-width:768px){#what-we-do.section{padding:64px 0;}}

#what-we-do .eyebrow{font-family:var(--font-mono);font-size:12px;letter-spacing:0.14em;text-transform:uppercase;color:var(--orange);display:flex;align-items:center;gap:10px;margin-bottom:16px;}
#what-we-do .eyebrow.center{justify-content:center;}
#what-we-do .section-head{max-width:680px;margin:0 auto 8px;text-align:center;}
#what-we-do .section-head h2{font-size:clamp(28px,4vw,46px);font-weight:800;line-height:1.14;}
#what-we-do .section-head h2 em{font-style:normal;color:var(--orange);}

#what-we-do .reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease, transform .7s ease;}
#what-we-do .reveal.in{opacity:1;transform:translateY(0);}
#what-we-do .stagger{opacity:0;transform:translateY(14px);transition:opacity .5s ease, transform .5s ease;}
#what-we-do .stagger.in{opacity:1;transform:translateY(0);}

/* ---- background: subtle, almost-invisible glow, no photos ---- */
#what-we-do.whatwedo-section{background:var(--navy-deep);position:relative;overflow:hidden;}
#what-we-do.whatwedo-section::before{
  content:"";position:absolute;inset:0;
  background:
    radial-gradient(circle at 85% 8%, rgba(245,158,11,0.10), transparent 45%),
    radial-gradient(circle at 50% 46%, rgba(245,158,11,0.08), transparent 40%);
  pointer-events:none;
}

/* ---- 1. headline + intro ---- */
#what-we-do .wwd-intro{text-align:center;font-size:15px;color:#94A3B8;margin:20px 0 28px;}

/* ---- 2. the "many" — 7 outlined vendor cards ----
   Percentage-based flex-basis (not a fixed px width) is what makes
   this reliably wrap 4-per-row at EVERY viewport, from desktop down
   to narrow mobile — a fixed px basis let the browser fit 5 or even
   6 per row on wider screens and collapse to an awkward 2-column
   stack on others, which was the original bug. */
#what-we-do .vendor-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;max-width:640px;margin:0 auto 8px;}
#what-we-do .vendor-card{
  flex:0 0 calc(25% - 9px);
  display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;
  padding:20px 10px;border:1px solid rgba(245,158,11,0.35);border-radius:4px;
  background:rgba(255,255,255,0.015);
}
#what-we-do .vendor-icon{width:24px;height:24px;color:var(--orange);}
#what-we-do .vendor-card span{font-family:var(--font-head);font-size:12.5px;font-weight:700;color:var(--white);line-height:1.3;}
@media(max-width:480px){
  #what-we-do .vendor-card{padding:14px 6px;gap:8px;}
  #what-we-do .vendor-icon{width:20px;height:20px;}
  #what-we-do .vendor-card span{font-size:11px;}
}

/* down arrow between "many" and the statement */
#what-we-do .wwd-arrow-down{display:flex;justify-content:center;margin:22px 0;color:var(--orange);}
#what-we-do .wwd-arrow-down svg{width:22px;height:22px;}

/* the "one" — bold statement */
#what-we-do .wwd-statement{
  text-align:center;font-family:var(--font-head);font-weight:800;
  font-size:clamp(19px,2.6vw,27px);color:var(--white);margin-bottom:14px;line-height:1.3;
}
#what-we-do .wwd-substatement{text-align:center;font-size:15.5px;color:#B8C2D6;max-width:520px;margin:0 auto 48px;}
#what-we-do .wwd-substatement .hl{color:var(--orange);font-weight:700;}

/* divider between "one" and the "7 → integrated responsibilities" */
#what-we-do .wwd-divider{max-width:var(--container);margin:0 auto 48px;height:1px;background:rgba(255,255,255,0.1);}

/* ---- 3. the integrated "7" — We manage ---- */
#what-we-do .wwd-manage-heading{text-align:center;font-size:clamp(20px,2.6vw,26px);font-weight:700;color:var(--white);margin-bottom:32px;}

#what-we-do .manage-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:14px;}
#what-we-do .manage-item{
  flex:0 0 calc(25% - 11px);
  display:flex;flex-direction:column;align-items:center;text-align:center;
  padding:26px 18px;border:1px solid rgba(255,255,255,0.1);border-radius:4px;
  background:rgba(255,255,255,0.02);
}
#what-we-do .mi-icon-wrap{
  width:46px;height:46px;border-radius:50%;margin-bottom:16px;flex-shrink:0;
  background:rgba(245,158,11,0.1);border:1px solid rgba(245,158,11,0.35);
  display:flex;align-items:center;justify-content:center;
}
#what-we-do .mi-icon-wrap svg{width:20px;height:20px;color:var(--orange);}
#what-we-do .mi-text{display:flex;flex-direction:column;}
#what-we-do .mi-text strong{font-family:var(--font-head);font-size:15px;font-weight:700;color:var(--white);margin-bottom:4px;}
#what-we-do .mi-text span{font-size:12.5px;color:#94A3B8;}
#what-we-do .mi-chevron{display:none;}

/* Below desktop (≤940px): switch to a single-column list of rows
   with a chevron, for BOTH tablet and mobile — this replaces the
   squeezed desktop grid on tablet AND the swipe-carousel on mobile
   with one consistent, cleaner pattern at every smaller width. */
@media(max-width:940px){
  #what-we-do .manage-grid{display:block;border-top:1px solid rgba(255,255,255,0.1);}
  #what-we-do .manage-item{
    flex:none;width:100%;flex-direction:row;align-items:center;text-align:left;
    padding:16px 4px;border:none;border-bottom:1px solid rgba(255,255,255,0.1);border-radius:0;
    background:none;gap:16px;
  }
  #what-we-do .mi-icon-wrap{margin-bottom:0;}
  #what-we-do .mi-text{flex:1;}
  #what-we-do .mi-chevron{display:block;color:#64748B;font-size:18px;flex-shrink:0;}
}

/* ---- 4. closing banner ---- */
#what-we-do .wwd-final-banner{
  margin-top:56px;padding:26px 24px;text-align:center;
  border:1px solid rgba(245,158,11,0.3);background:rgba(245,158,11,0.05);
  font-family:var(--font-head);font-weight:700;font-size:clamp(16px,2vw,19px);color:var(--white);
}
#what-we-do .wwd-final-banner span{color:var(--orange);}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ba85d15 *//* ================================================================
   ABOUT PAGE — SECTION 08: HOW DO WE WORK — fully self-contained CSS
   Vertical connected timeline.
   ================================================================ */

@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;700&display=swap');

#how-we-work{
  --navy:#0F172A;--navy-deep:#0A1120;--orange:#F59E0B;--white:#FFFFFF;
  --grey-line:#E2E8F0;--ink-soft:#475569;
  --font-head:'Plus Jakarta Sans', sans-serif;
  --font-body:'Inter', sans-serif;
  --font-mono:'JetBrains Mono', monospace;
  --container:1240px;--edge:clamp(24px, 5vw, 64px);
  font-family:var(--font-body);color:#0F172A;line-height:1.6;
}
#how-we-work *{box-sizing:border-box;}
#how-we-work svg{display:block;max-width:100%;}
#how-we-work h2,#how-we-work h3{font-family:var(--font-head);letter-spacing:-0.02em;margin:0;color:var(--navy);}

#how-we-work .wrap{max-width:var(--container);margin:0 auto;padding-left:var(--edge);padding-right:var(--edge);}
#how-we-work.section{padding:100px 0;background:#F8FAFC;}
@media(max-width:768px){#how-we-work.section{padding:64px 0;}}

#how-we-work .eyebrow{font-family:var(--font-mono);font-size:12px;letter-spacing:0.14em;text-transform:uppercase;color:var(--orange);display:flex;align-items:center;gap:10px;margin-bottom:18px;}
#how-we-work .eyebrow.center{justify-content:center;}
#how-we-work .section-head{max-width:680px;margin-bottom:44px;margin-left:auto;margin-right:auto;text-align:center;}
#how-we-work .section-head h2{font-size:clamp(26px,3.4vw,40px);font-weight:700;line-height:1.16;}

#how-we-work .reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease, transform .7s ease;}
#how-we-work .reveal.in{opacity:1;transform:translateY(0);}

/* ---- section-specific ---- */
/* Base = horizontal layout (desktop & tablet, ≥700px): steps flow
   left-to-right in a row, connected by a single horizontal line
   drawn precisely between the first and last circle's centers
   (works because all 7 columns are forced to equal width via flex). */
#how-we-work .timeline{position:relative;max-width:100%;}
#how-we-work .timeline-track{
  display:flex;align-items:flex-start;position:relative;
}
#how-we-work .timeline-track::before{
  content:"";position:absolute;
  top:24px;left:calc(100%/14);right:calc(100%/14);
  height:1px;background:var(--grey-line);z-index:0;
}
#how-we-work .tl-step{
  flex:1 1 0;min-width:0;
  display:flex;flex-direction:column;align-items:center;text-align:center;
  padding:0 10px;position:relative;z-index:1;
  opacity:0;transform:translateY(16px);
  transition:opacity .5s ease, transform .5s ease;
}
#how-we-work .tl-step.tl-in{opacity:1;transform:translateY(0);}
#how-we-work .tl-num{
  position:relative;margin:0 auto 16px;flex-shrink:0;
  width:48px;height:48px;border-radius:50%;background:var(--white);border:1.5px solid var(--navy);
  display:flex;align-items:center;justify-content:center;
}
#how-we-work .tl-num svg{width:20px;height:20px;color:var(--navy);}
#how-we-work .tl-step.tl-active .tl-num{background:var(--orange);border-color:var(--orange);}
#how-we-work .tl-step.tl-active .tl-num svg{color:var(--navy-deep);}
#how-we-work .tl-content{padding-top:0;}
#how-we-work .tl-tag{font-family:var(--font-mono);font-size:11px;color:var(--orange);text-transform:uppercase;letter-spacing:0.06em;margin-bottom:4px;}
#how-we-work .tl-content h3{font-size:15px;font-weight:700;margin-bottom:6px;}
#how-we-work .tl-content p{font-size:12px;color:var(--ink-soft);margin:0;line-height:1.4;}

@media(max-width:900px){
  #how-we-work .tl-num{width:38px;height:38px;}
  #how-we-work .tl-num svg{width:16px;height:16px;}
  #how-we-work .timeline-track::before{top:19px;}
  #how-we-work .tl-content h3{font-size:13px;}
  #how-we-work .tl-content p{font-size:10.5px;}
}

/* Mobile override (<700px): back to a vertical connected-line
   timeline, circles left-aligned, content to the right. */
@media(max-width:700px){
  #how-we-work .timeline-track{display:block;}
  #how-we-work .timeline-track::before{
    top:8px;bottom:8px;left:23px;right:auto;height:auto;width:1px;
  }
  #how-we-work .tl-step{
    flex:none;display:block;text-align:left;
    padding:0 0 34px 64px;transform:translateY(0) translateX(-16px);
  }
  #how-we-work .tl-step.tl-in{transform:translateX(0);}
  #how-we-work .tl-step:last-child{padding-bottom:0;}
  #how-we-work .tl-num{
    position:absolute;left:0;top:0;margin:0;
    width:48px;height:48px;
  }
  #how-we-work .tl-num svg{width:20px;height:20px;}
  #how-we-work .tl-content{padding-top:8px;text-align:left;}
  #how-we-work .tl-content h3{font-size:17px;}
  #how-we-work .tl-content p{font-size:13.5px;}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f49812a *//* ================================================================
   ABOUT PAGE — SECTION 09: WHERE WE ARE GOING
   fully self-contained CSS
   Image-card grid on desktop, fading/crossfade autoplay carousel
   on mobile.
   ================================================================ */

@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;700&display=swap');

#where-going{
  --navy-deep:#0A1120;--orange:#F59E0B;--white:#FFFFFF;
  --font-head:'Plus Jakarta Sans', sans-serif;
  --font-body:'Inter', sans-serif;
  --font-mono:'JetBrains Mono', monospace;
  --container:1240px;--edge:clamp(24px, 5vw, 64px);
  font-family:var(--font-body);color:var(--white);line-height:1.6;
}
#where-going *{box-sizing:border-box;}
#where-going h2{font-family:var(--font-head);letter-spacing:-0.02em;margin:0;}

#where-going .wrap{max-width:var(--container);margin:0 auto;padding-left:var(--edge);padding-right:var(--edge);}
#where-going.section{padding:100px 0;}
@media(max-width:768px){#where-going.section{padding:64px 0;}}

#where-going .eyebrow.light{font-family:var(--font-mono);font-size:12px;letter-spacing:0.14em;text-transform:uppercase;color:var(--orange);display:flex;align-items:center;gap:10px;margin-bottom:18px;}
#where-going .eyebrow.light.center{justify-content:center;}
#where-going .section-head{max-width:680px;margin-bottom:44px;}
#where-going .section-head.light.center{margin-left:auto;margin-right:auto;text-align:center;}
#where-going .section-head.light h2{font-size:clamp(26px,3.4vw,40px);font-weight:700;line-height:1.16;color:var(--white);}
#where-going .section-head.light p{margin-top:16px;color:#94A3B8;font-size:16.5px;}

#where-going .reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease, transform .7s ease;}
#where-going .reveal.in{opacity:1;transform:translateY(0);}

/* image caption overlay (used on the real photos in the going-grid) */
#where-going .going-caption{
  position:absolute;left:0;right:0;bottom:0;z-index:1;
  padding:14px 16px;font-family:var(--font-mono);font-size:11px;letter-spacing:0.03em;line-height:1.5;
  background:linear-gradient(to top, rgba(0,0,0,0.65), transparent);color:#E2E8F0;
}
#where-going .going-caption .pl-title{font-family:var(--font-head);font-size:14px;font-weight:700;color:var(--white);margin-top:2px;}
#where-going .going-caption .pl-tag{font-size:10px;color:var(--orange);text-transform:uppercase;letter-spacing:0.06em;}

/* ---- section-specific ---- */
#where-going.future-section{background:var(--navy-deep);position:relative;overflow:hidden;}
#where-going.future-section::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 80% 20%, rgba(245,158,11,0.10), transparent 55%);pointer-events:none;}
#where-going .wrap{position:relative;z-index:1;}

#where-going .going-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:0;}
#where-going .going-card{position:relative;aspect-ratio:4/3;overflow:hidden;background:#1E293B;}
#where-going .going-card img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease;}
#where-going .going-card:hover img{transform:scale(1.06);}
@media(max-width:860px){#where-going .going-grid{grid-template-columns:repeat(2,1fr);}}

#where-going .going-dots{display:none;justify-content:center;gap:8px;margin-top:16px;}
#where-going .going-dots button{width:7px;height:7px;border-radius:50%;background:#334155;border:none;padding:0;cursor:pointer;transition:.25s;-webkit-tap-highlight-color:transparent;}
#where-going .going-dots button.active{background:var(--orange);width:20px;border-radius:4px;}
@media(max-width:700px){
  #where-going .going-grid{display:block;position:relative;aspect-ratio:4/3;margin-bottom:0;}
  #where-going .going-card{position:absolute;inset:0;opacity:0;transition:opacity 1s ease;z-index:0;}
  #where-going .going-card.active{opacity:1;z-index:1;}
  #where-going .going-dots{display:flex;}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-190b9dd *//* ================================================================
   ABOUT PAGE — SECTION 10: OUR GUIDING PRINCIPLE
   fully self-contained CSS
   Standalone section (previously nested inside Vision & Mission),
   now placed after "Where We Are Going" — light blue background,
   breaking up the two dark sections either side of it (09 and 11).
   ================================================================ */

@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;700&display=swap');

#guiding-principle{
  --navy:#0F172A;--orange:#F59E0B;--light-blue:#EFF6FF;--blue-line:#DCE9FB;
  --font-head:'Plus Jakarta Sans', sans-serif;
  --font-body:'Inter', sans-serif;
  --font-mono:'JetBrains Mono', monospace;
  --container:1240px;--edge:clamp(24px, 5vw, 64px);
  font-family:var(--font-body);color:var(--navy);line-height:1.5;
}
#guiding-principle *{box-sizing:border-box;}

#guiding-principle .wrap{max-width:var(--container);margin:0 auto;padding-left:var(--edge);padding-right:var(--edge);}
#guiding-principle.section{padding:88px 0;}
@media(max-width:768px){#guiding-principle.section{padding:60px 0;}}

#guiding-principle .reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease, transform .7s ease;}
#guiding-principle .reveal.in{opacity:1;transform:translateY(0);}

/* ---- section-specific ---- */
#guiding-principle.gp-section{background:var(--light-blue);}
#guiding-principle .gp-inner{
  text-align:center;max-width:820px;margin:0 auto;
  padding-top:36px;border-top:1px solid var(--blue-line);
}
#guiding-principle .eyebrow{
  font-family:var(--font-mono);font-size:12px;letter-spacing:0.14em;text-transform:uppercase;
  color:var(--orange);display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:22px;
}
#guiding-principle .gp-statement{
  font-family:var(--font-head);font-weight:800;
  font-size:clamp(22px,3.6vw,34px);line-height:1.4;color:var(--navy);
}
#guiding-principle .gp-statement em{font-style:normal;color:var(--orange);}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e3cf4c6 *//* ================================================================
   ABOUT PAGE — SECTION 10: FINAL CTA — fully self-contained CSS
   ================================================================ */

@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;700&display=swap');

#about-final-cta{
  --navy-deep:#0A1120;--orange:#F59E0B;--white:#FFFFFF;
  --font-head:'Plus Jakarta Sans', sans-serif;
  --font-body:'Inter', sans-serif;
  --container:1240px;--edge:clamp(24px, 5vw, 64px);
  font-family:var(--font-body);line-height:1.6;
}
#about-final-cta *{box-sizing:border-box;}
#about-final-cta h2{font-family:var(--font-head);letter-spacing:-0.02em;margin:0;}
#about-final-cta a{color:inherit;text-decoration:none;}

#about-final-cta .wrap{max-width:var(--container);margin:0 auto;padding-left:var(--edge);padding-right:var(--edge);}
#about-final-cta.section{padding:100px 0;}
@media(max-width:768px){#about-final-cta.section{padding:64px 0;}}

#about-final-cta .reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease, transform .7s ease;}
#about-final-cta .reveal.in{opacity:1;transform:translateY(0);}

#about-final-cta .btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:15px 28px;font-weight:600;font-size:15px;border-radius:2px;transition:all .25s ease;white-space:nowrap;max-width:100%;}
#about-final-cta .btn-primary{background:var(--orange);color:var(--navy-deep);}
#about-final-cta .btn-primary:hover{background:#FFC44D;transform:translateY(-2px);}
#about-final-cta .btn-ghost{border:1px solid rgba(255,255,255,0.28);color:var(--white);}
#about-final-cta .btn-ghost:hover{border-color:var(--orange);color:var(--orange);}
#about-final-cta .btn-arrow{transition:transform .25s ease;flex-shrink:0;}
#about-final-cta .btn:hover .btn-arrow{transform:translateX(4px);}

/* placeholder image block */
#about-final-cta .ph{position:relative;overflow:hidden;background:repeating-linear-gradient(135deg, rgba(15,23,42,0.05) 0px, rgba(15,23,42,0.05) 1px, transparent 1px, transparent 14px),linear-gradient(160deg,#1E293B,#0F172A 60%,#0A1120);display:flex;align-items:flex-end;color:#CBD5E1;}
#about-final-cta .ph-label{padding:14px 16px;font-family:var(--font-mono, monospace);font-size:11px;letter-spacing:0.03em;line-height:1.5;width:100%;background:linear-gradient(to top, rgba(0,0,0,0.6), transparent);color:#E2E8F0;}

/* ---- section-specific ---- */
#about-final-cta.final-cta{position:relative;background:var(--navy-deep);color:var(--white);overflow:hidden;}
#about-final-cta .ph{position:absolute;inset:0;height:100%;opacity:0.3;}
#about-final-cta.final-cta::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg, var(--navy-deep) 0%, rgba(10,17,32,0.6) 50%, var(--navy-deep) 100%);}
#about-final-cta .final-cta-inner{position:relative;z-index:2;text-align:center;max-width:640px;margin:0 auto;}
#about-final-cta .final-cta-inner h2{color:var(--white);font-size:clamp(28px,4vw,44px);font-weight:800;margin-bottom:18px;}
#about-final-cta .final-cta-inner p{color:#B8C2D6;font-size:16px;margin-bottom:36px;}
#about-final-cta .final-cta-btns{display:flex;justify-content:center;gap:16px;flex-wrap:wrap;}/* End custom CSS */