html{scroll-behavior:smooth}
body{margin:0;background:#F4F6F1}
img{max-width:100%}
*{box-sizing:border-box}
@keyframes kcgpulse{0%{box-shadow:0 0 0 0 rgba(31,92,42,0.5)}70%{box-shadow:0 0 0 6px rgba(31,92,42,0)}100%{box-shadow:0 0 0 0 rgba(31,92,42,0)}}
.pulse{animation:kcgpulse 1.1s infinite}
a{color:#1F5C2A}a:hover{color:#092C09}
.nav a{color:#E8EEE4;text-decoration:none}
.nav a:hover{color:#FFFFFF}
.btn-primary{background:#C8A165;color:#092C09;text-decoration:none}
.btn-primary:hover{background:#D9B57C;color:#092C09}
.btn-ghost{background:transparent;color:#FFFFFF;text-decoration:none;border:1.5px solid rgba(255,255,255,0.45)}
.btn-ghost:hover{border-color:#FFFFFF;color:#FFFFFF}
.btn-dark{background:#092C09;color:#FFFFFF;text-decoration:none}
.btn-dark:hover{background:#1F5C2A;color:#FFFFFF}
.foot a{color:#B8C7B3;text-decoration:none}
.foot a:hover{color:#FFFFFF}
footer.foot{padding:64px 40px 48px !important;font-size:16px !important;font-family:'IBM Plex Sans',system-ui,sans-serif}
header.nav img,footer.foot img{height:88px !important;width:auto}
header.nav > div{height:120px !important}
.nav-links{font-size:16px !important}
footer.foot a{font-size:16px}
.hero-kicker{font-size:18px !important;letter-spacing:0.14em !important;font-weight:600;gap:16px !important}
.hero-kicker span{width:48px !important;height:2px !important}
.logo-grid,.partner-grid,.svc-grid,.steps-grid,.assure-grid,.photo-strip,.two-col{align-items:stretch}
.logo-grid > *,.partner-grid > *,.svc-grid > *,.steps-grid > *,.assure-grid > *,.two-col > *{min-width:0}
.trusted{padding:72px 0 64px !important;overflow:hidden;background:#F3F6F0 !important}
.trusted-head{display:flex;flex-direction:column;align-items:center;gap:16px;padding:0 32px 40px}
.trusted-head::after{content:"";width:56px;height:3px;border-radius:2px;background:#C8A165}
#trusted-h{margin:0;font-family:'IBM Plex Sans',system-ui,sans-serif;font-weight:600;font-size:clamp(18px,1.6vw,22px) !important;line-height:1.3;letter-spacing:0.16em;text-transform:uppercase;color:#4F6350;text-align:center}
.marquee{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.marquee-track{display:flex;width:max-content;animation:logo-ltr 40s linear infinite}
.marquee:hover .marquee-track{animation-play-state:paused}
.marquee-group{display:flex;gap:20px;padding-right:20px}
.logo-card{flex:0 0 280px;height:156px;display:flex;align-items:center;justify-content:center;border:1px solid #E4EADF;border-radius:16px;background:#fff;padding:18px 22px;box-shadow:0 10px 28px rgba(9,44,9,0.06)}
.logo-card img{max-width:82%;width:auto;height:auto;object-fit:contain;display:block}
@keyframes logo-ltr{from{transform:translateX(-50%)}to{transform:translateX(0)}}
@keyframes logo-rtl{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.marquee-rtl .marquee-track{animation-name:logo-rtl;animation-duration:36s}
#partners{overflow:hidden}
#partners .marquee{width:100vw !important;margin-left:calc(50% - 50vw) !important}
.partner-card{flex:0 0 250px;height:140px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:#fff;border:1px solid #E4EADF;border-radius:14px;padding:16px;box-shadow:0 8px 22px rgba(9,44,9,0.05)}
.partner-card img{max-width:72%;width:auto;height:auto;object-fit:contain;display:block}
.partner-pair{display:flex;align-items:center;justify-content:center;gap:14px;max-width:86%}
.partner-pair span{width:1px;height:26px;background:#E1E7DC}
.partner-pair img{max-width:46%}
.api-pill{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:600;letter-spacing:0.08em;text-transform:uppercase;color:#1F5C2A;background:#E8F0E6;padding:5px 10px;border-radius:999px;white-space:nowrap}
.api-pill .pulse{width:7px;height:7px;border-radius:50%;background:#1F5C2A;display:inline-block}
.assure-card{background:#fff;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.assure-card:hover{transform:translateY(-6px);box-shadow:0 18px 40px rgba(9,44,9,0.1);border-color:#C8A165 !important}
.agnostic-band{background:#092C09;border-radius:12px;padding:28px 32px;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;border:1px solid transparent;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.agnostic-band:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(9,44,9,0.18);border-color:#C8A165}
.agnostic-copy{display:flex;flex-direction:column;gap:6px;max-width:520px}
.agnostic-title{font-family:'Archivo',sans-serif;font-weight:700;font-size:20px;color:#FFFFFF}
.agnostic-text{font-size:14px;line-height:1.5;color:#B8C7B3}
.agnostic-chips{display:flex;gap:10px;flex-wrap:wrap}
.agnostic-chip{font-size:12px;font-weight:600;letter-spacing:0.08em;text-transform:uppercase;color:#C8A165;border:1px solid rgba(200,161,101,0.5);padding:8px 14px;border-radius:999px;cursor:pointer;background:transparent;animation:chip-glow 2.8s ease-in-out infinite;transition:transform .22s ease,background .22s ease,color .22s ease,border-color .22s ease,box-shadow .22s ease}
.agnostic-chip:nth-child(2){animation-delay:.45s}
.agnostic-chip:nth-child(3){animation-delay:.9s}
.agnostic-chip:nth-child(4){animation-delay:1.35s}
.agnostic-chip:hover{animation:none;transform:translateY(-3px);background:#C8A165;color:#092C09;border-color:#C8A165;box-shadow:0 8px 18px rgba(200,161,101,0.35)}
@keyframes chip-glow{0%,100%{box-shadow:0 0 0 0 rgba(200,161,101,0)}50%{box-shadow:0 0 0 5px rgba(200,161,101,0.16)}}
.step-card{display:flex;flex-direction:column;gap:14px;padding:20px 16px 12px;border-top:3px solid #092C09;border-radius:0 0 12px 12px;cursor:pointer;background:transparent;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease,background .25s ease}
.step-card:hover{transform:translateY(-6px);border-top-color:#C8A165;background:#F7F8F4;box-shadow:0 18px 40px rgba(9,44,9,0.08)}
.step-num{font-family:'Archivo',sans-serif;font-weight:800;font-size:13px;letter-spacing:0.12em;color:#C8A165}
.step-card h3{margin:0;font-family:'Archivo',sans-serif;font-weight:700;font-size:20px;color:#092C09}
.step-card p{margin:0;font-size:15px;line-height:1.6;color:#3F4E40}
.step-live{display:inline-flex;align-items:center;gap:8px;margin-top:4px;font-size:12px;font-weight:600;letter-spacing:0.06em;text-transform:uppercase;color:#1F5C2A}
.step-live .pulse{width:8px;height:8px;border-radius:50%;background:#1F5C2A;display:inline-block}
.svc-card{position:relative;overflow:hidden;background:#fff;border:1px solid #E1E7DC;border-radius:12px;padding:32px;display:flex;flex-direction:column;gap:16px;cursor:pointer;transition:background .3s ease,border-color .3s ease,box-shadow .3s ease}
.svc-card::after{content:"";position:absolute;left:0;right:0;bottom:0;height:4px;background:#C8A165;transform:scaleX(0);transform-origin:left center;transition:transform .35s ease}
.svc-card:hover{background:#092C09;border-color:#092C09;box-shadow:0 22px 48px rgba(9,44,9,0.22)}
.svc-card:hover::after{transform:scaleX(1)}
.svc-icon{width:48px;height:48px;border-radius:10px;background:#E8F0E6;display:flex;align-items:center;justify-content:center;transition:background .3s ease}
.svc-card svg{stroke:#1F5C2A;transition:stroke .3s ease,transform .4s ease}
.svc-card:hover .svc-icon{background:#C8A165}
.svc-card:hover svg{stroke:#092C09}
.svc-card:hover .svc-icon svg{transform:translateY(-3px)}
.svc-card:nth-child(2):hover .svc-icon svg{transform:translateX(5px)}
.svc-card:nth-child(3):hover .svc-icon svg{transform:scale(1.12)}
.svc-card:nth-child(4):hover .svc-icon svg{transform:rotate(-50deg)}
.svc-card h3{margin:0;font-family:'Archivo',sans-serif;font-weight:700;font-size:22px;color:#092C09;transition:color .3s ease}
.svc-card p{margin:0;font-size:15px;line-height:1.6;color:#3F4E40;transition:color .3s ease}
.svc-card:hover h3{color:#fff}
.svc-card:hover p{color:#D5E0D0}
@media (prefers-reduced-motion:reduce){
  .assure-card,.agnostic-band,.agnostic-chip,.step-card,.svc-card,.svc-card::after,.svc-icon,.svc-card svg,.svc-card h3,.svc-card p{transition:none;animation:none}
  .assure-card:hover,.agnostic-band:hover,.agnostic-chip:hover,.step-card:hover{transform:none}
  .svc-card:hover .svc-icon svg{transform:none}
}
@media (prefers-reduced-motion:reduce){
  .marquee-track{animation:none;transform:none;width:auto;justify-content:center}
  .marquee-group[aria-hidden="true"]{display:none}
  .marquee-group{flex-wrap:wrap;justify-content:center;padding:0 24px}
  .marquee{-webkit-mask-image:none;mask-image:none}
}
.logo-grid{display:grid;grid-template-columns:repeat(4, minmax(0, 1fr));gap:12px}
.partner-grid{display:grid;grid-template-columns:repeat(4, minmax(0, 1fr));gap:16px}
.svc-grid{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:24px}
.steps-grid{display:grid;grid-template-columns:repeat(4, minmax(0, 1fr));gap:24px}
.assure-grid{display:grid;grid-template-columns:repeat(4, minmax(0, 1fr));gap:20px}
.fleet-grid{display:grid;grid-template-columns:2fr 1fr;grid-auto-rows:minmax(220px,auto);gap:16px}
.photo-strip{display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:12px}
.two-col{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:64px;align-items:start}
.board-row{display:grid;grid-template-columns:1.3fr 1fr 1fr 0.8fr;gap:8px;align-items:center}
.hero-h1{font-size:clamp(34px, 4.6vw, 64px) !important}
.sec-h2{font-size:clamp(28px, 3.2vw, 44px) !important}
.hero{height:auto !important}
.hero-sticky,.hero-content{height:min(640px, 58vh) !important}
.hero-content{padding-bottom:132px !important}
.about{margin-top:-72px !important;padding-top:64px !important}
.about-layout{width:100%;display:grid;grid-template-columns:minmax(0,1.45fr) minmax(260px,0.7fr);gap:36px 64px;align-items:end}
header.nav > div,
.hero-content > div,
section > div,
footer.foot > div{max-width:none !important;width:100% !important;margin-left:0 !important;margin-right:0 !important}
.about-copy{display:flex;flex-direction:column;gap:22px;align-items:flex-start;text-align:left}
.about-copy .hero-h1,.about-copy p{max-width:none}
.about-facts{display:flex;flex-direction:column;gap:0;align-items:stretch;text-align:left}
.about-facts > div{padding:18px 0;border-top:1px solid rgba(255,255,255,0.16)}
.about-facts > div:last-child{border-bottom:1px solid rgba(255,255,255,0.16)}
h1,h2,h3,p,li,.about,.sec,.enquiry,.foot{text-align:left}
#trusted-h{text-align:center}
.nav-links a{white-space:nowrap}
.nav-toggle{display:none;background:none;border:1.5px solid rgba(255,255,255,0.35);color:#fff;border-radius:6px;padding:8px 10px;cursor:pointer;align-items:center;gap:8px;font:600 14px 'IBM Plex Sans',system-ui,sans-serif}
@media (max-width:1100px){
  .logo-grid,.partner-grid,.steps-grid,.assure-grid{grid-template-columns:repeat(2, minmax(0, 1fr))}
  .two-col{gap:40px}
  .nav-toggle{display:inline-flex}
  .nav-links{display:none !important}
  .nav-links.open{display:flex !important;position:absolute;left:0;right:0;top:100%;flex-direction:column;align-items:stretch;gap:0;background:#092C09;padding:8px 20px 16px;border-top:1px solid rgba(255,255,255,0.1);z-index:30}
  .nav-links.open a{padding:14px 0;border-bottom:1px solid rgba(255,255,255,0.08);text-align:left}
  .nav-cta{display:none !important}
  header.nav{padding:0 20px !important}
  header.nav > div{height:104px !important;gap:12px !important}
  header.nav img,footer.foot img{height:72px !important}
}
@media (max-width:760px){
  .svc-grid,.steps-grid,.assure-grid,.two-col,.photo-strip{grid-template-columns:1fr}
  .two-col{gap:32px}
  .photo-strip img{height:200px !important}
  .hero-sticky,.hero-content{height:42vh !important;min-height:240px}
  .hero-content{padding:0 16px 96px !important;align-items:flex-end}
  .hero-kicker{font-size:15px !important;letter-spacing:0.1em !important}
  .about{margin-top:-36px !important;padding:40px 16px 28px !important;border-top-left-radius:18px !important;border-top-right-radius:18px !important}
  .about-layout{grid-template-columns:1fr;gap:28px}
  .photo-strip-wrap{padding:0 16px 32px !important}
  .sec{padding:56px 16px !important}
  .trusted{padding:48px 0 40px !important}
  #trusted-h{font-size:16px !important;letter-spacing:0.12em}
  .logo-card{flex-basis:210px;height:128px}
  .partner-grid > div{height:auto !important;min-height:96px}
  .board-row{grid-template-columns:1.3fr 1fr 0.8fr !important;font-size:12px !important;padding:10px 12px !important}
  .board-row > span:nth-child(2){display:none !important}
  .enquiry{padding:20px !important;width:100%}
  footer.foot{padding:40px 20px 32px !important;font-size:15px !important}
  header.nav > div{height:88px !important}
  header.nav img,footer.foot img{height:64px !important}
  footer.foot a{font-size:15px}
  .partner-grid span{white-space:normal !important}
}
.form-status{font-size:14px;line-height:1.5;margin:0}
.form-status.ok{color:#1F5C2A}
.form-status.err{color:#B3261E}

