/* ===== PixelSprout.in - Production CSS v2 ===== */
/* === Design System === */
:root {
  --font-sans: "Inter", ui-sans-serif, system-ui, sans-serif;
  --color-green: #00c950;
  --color-green-dark: #1A6B4A;
  --color-green-light: oklch(0.94 0.08 135);
  --color-green-bg: oklch(0.85 0.18 135);
  --color-red: #e7000b;
  --color-text: #09090b;
  --color-muted: #71717b;
  --color-border: #e4e4e7;
  --color-bg-alt: #f4f4f5;
  --color-white: #ffffff;
  --color-footer-bg: oklch(0.2 0.015 180);
  --radius: 0.65rem;
  --radius-lg: 0.75rem;
  --radius-xl: 1rem;
  --radius-2xl: 1.5rem;
  --radius-3xl: 2rem;
  --shadow-sm: 0 1px 2px rgba(0,0,0,0.05);
  --shadow-md: 0 4px 6px -1px rgba(0,0,0,0.1);
  --shadow-lg: 0 10px 15px -3px rgba(0,0,0,0.1);
  --shadow-xl: 0 20px 25px -5px rgba(0,0,0,0.1);
  --space-lg: 5rem;
  --space-md: 4rem;
  --space-sm: 2.5rem;
}
/* === Reset === */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;text-size-adjust:100%}
body{font-family:var(--font-sans);font-size:16px;line-height:1.6;color:var(--color-text);background:#fff;overflow-x:hidden}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
button{cursor:pointer;font-family:inherit}
input,textarea,select{font-family:inherit;outline:none;font-size:inherit}
input:focus,textarea:focus,select:focus{border-color:var(--color-green)!important;box-shadow:0 0 0 2px rgba(0,201,80,0.15)}
ul{list-style:none}
/* === Container === */
.container{max-width:1120px;margin:0 auto;padding:0 2rem}
.container-narrow{max-width:760px;margin:0 auto;padding:0 2rem}
@media(max-width:768px){.container,.container-narrow{padding:0 1rem}}
/* === Typography === */
h1,h2,h3,h4{font-weight:700;letter-spacing:-0.025em;line-height:1.2}
h1{font-size:3.25rem;line-height:1.1}
h2{font-size:2rem}
h3{font-size:1.25rem}
h4{font-size:1.125rem}
.inner-h1{font-size:2.75rem}
@media(max-width:768px){
  h1{font-size:2.25rem}
  h2{font-size:1.625rem}
  .inner-h1{font-size:2rem}
  h3{font-size:1.125rem}
}
.text-xs{font-size:0.75rem;line-height:1rem}
.text-sm{font-size:0.875rem;line-height:1.4}
.text-base{font-size:1rem;line-height:1.6}
.text-lg{font-size:1.125rem;line-height:1.6}
.text-xl{font-size:1.25rem;line-height:1.6}
.text-2xl{font-size:1.5rem;line-height:1.3}
.text-3xl{font-size:1.875rem;line-height:1.2}
.font-medium{font-weight:500}
.font-semibold{font-weight:600}
.font-bold{font-weight:700}
.font-extrabold{font-weight:800}
.tracking-tight{letter-spacing:-0.025em}
.tracking-wide{letter-spacing:0.025em}
.tracking-wider{letter-spacing:0.05em}
.uppercase{text-transform:uppercase}
.text-center{text-align:center}
/* === Colors === */
.text-green{color:var(--color-green)}
.text-muted{color:var(--color-muted)}
.text-white{color:#fff}
.text-dark{color:var(--color-text)}
.text-green-dark{color:var(--color-green-dark)}
.bg-white{background:#fff}
.bg-alt{background:var(--color-bg-alt)}
.bg-green-light{background:var(--color-green-light)}
/* === Layout === */
.flex{display:flex}
.flex-col{flex-direction:column}
.flex-wrap{flex-wrap:wrap}
.items-center{align-items:center}
.items-start{align-items:flex-start}
.justify-center{justify-content:center}
.justify-between{justify-content:space-between}
.grid{display:grid}
.gap-2{gap:0.5rem}
.gap-3{gap:0.75rem}
.gap-4{gap:1rem}
.gap-5{gap:1.25rem}
.gap-6{gap:1.5rem}
.gap-8{gap:2rem}
.gap-12{gap:3rem}
.grid-2{grid-template-columns:1fr 1fr}
.grid-3{grid-template-columns:1fr 1fr 1fr}
.grid-4{grid-template-columns:1fr 1fr 1fr 1fr}
.grid-5{grid-template-columns:1fr 1fr 1fr 1fr 1fr}
@media(max-width:1024px){.grid-3,.grid-5{grid-template-columns:1fr 1fr}}
@media(max-width:768px){.grid-2,.grid-3,.grid-4,.grid-5{grid-template-columns:1fr}}
/* === Spacing Utility === */
.section-lg{padding:var(--space-lg) 0}
.section-md{padding:var(--space-md) 0}
.section-sm{padding:var(--space-sm) 0}
.p-0{padding:0}
.p-2{padding:0.5rem}
.p-3{padding:0.75rem}
.p-4{padding:1rem}
.p-5{padding:1.25rem}
.p-6{padding:1.5rem}
.p-8{padding:2rem}
.p-12{padding:3rem}
.px-2{padding-left:0.5rem;padding-right:0.5rem}
.px-3{padding-left:0.75rem;padding-right:0.75rem}
.px-4{padding-left:1rem;padding-right:1rem}
.px-5{padding-left:1.25rem;padding-right:1.25rem}
.px-6{padding-left:1.5rem;padding-right:1.5rem}
.px-7{padding-left:1.75rem;padding-right:1.75rem}
.px-8{padding-left:2rem;padding-right:2rem}
.py-1{padding-top:0.25rem;padding-bottom:0.25rem}
.py-1-5{padding-top:0.375rem;padding-bottom:0.375rem}
.py-2{padding-top:0.5rem;padding-bottom:0.5rem}
.py-2-5{padding-top:0.625rem;padding-bottom:0.625rem}
.py-3{padding-top:0.75rem;padding-bottom:0.75rem}
.py-4{padding-top:1rem;padding-bottom:1rem}
.py-5{padding-top:1.25rem;padding-bottom:1.25rem}
.py-6{padding-top:1.5rem;padding-bottom:1.5rem}
.py-8{padding-top:2rem;padding-bottom:2rem}
.py-12{padding-top:3rem;padding-bottom:3rem}
.py-16{padding-top:4rem;padding-bottom:4rem}
.py-20{padding-top:5rem;padding-bottom:5rem}
.mt-2{margin-top:0.5rem}
.mt-3{margin-top:0.75rem}
.mt-4{margin-top:1rem}
.mt-5{margin-top:1.25rem}
.mt-6{margin-top:1.5rem}
.mt-8{margin-top:2rem}
.mt-10{margin-top:2.5rem}
.mb-2{margin-bottom:0.5rem}
.mb-3{margin-bottom:0.75rem}
.mb-4{margin-bottom:1rem}
.mb-6{margin-bottom:1.5rem}
.mb-8{margin-bottom:2rem}
.mb-10{margin-bottom:2.5rem}
.mr-2{margin-right:0.5rem}
.mr-4{margin-right:1rem}
.mx-auto{margin-left:auto;margin-right:auto}
@media(max-width:768px){
  .section-lg{padding:3rem 0}
  .section-md{padding:2.5rem 0}
  .section-sm{padding:1.5rem 0}
}
/* === Width === */
.w-full{width:100%}
.w-fit{width:fit-content}
.max-w-2xl{max-width:42rem}
.max-w-3xl{max-width:48rem}
.max-w-lg{max-width:32rem}
.max-w-md{max-width:28rem}
.max-w-xl{max-width:36rem}
/* === Display & Position === */
.block{display:block}
.inline-flex{display:inline-flex}
.hidden{display:none}
.relative{position:relative}
.absolute{position:absolute}
.sticky{position:sticky}
.overflow-hidden{overflow:hidden}
.object-cover{object-fit:cover}
/* === Borders === */
.rounded-lg{border-radius:0.5rem}
.rounded-xl{border-radius:0.75rem}
.rounded-2xl{border-radius:1rem}
.rounded-3xl{border-radius:1.5rem}
.rounded-full{border-radius:9999px}
.border{border:1px solid var(--color-border)}
.border-0{border:0}
.border-t{border-top:1px solid var(--color-border)}
.border-b{border-bottom:1px solid var(--color-border)}
.border-l-4{border-left-width:4px}
.border-green{border-color:var(--color-green)}
/* === Shadows === */
.shadow-sm{box-shadow:var(--shadow-sm)}
.shadow-md{box-shadow:var(--shadow-md)}
.shadow-lg{box-shadow:var(--shadow-lg)}
.shadow-xl{box-shadow:var(--shadow-xl)}
/* === Size === */
.size-3-5{width:0.875rem;height:0.875rem}
.size-4{width:1rem;height:1rem}
.size-5{width:1.25rem;height:1.25rem}
.size-6{width:1.5rem;height:1.5rem}
.size-7{width:1.75rem;height:1.75rem}
.size-8{width:2rem;height:2rem}
.size-9{width:2.25rem;height:2.25rem}
.size-10{width:2.5rem;height:2.5rem}
.size-11{width:2.75rem;height:2.75rem}
.shrink-0{flex-shrink:0}
/* === Buttons === */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:0.5rem;font-weight:600;padding:0.75rem 1.5rem;border-radius:9999px;font-size:0.875rem;border:1px solid transparent;transition:all 0.2s;white-space:nowrap;cursor:pointer}
.btn:hover{opacity:0.9;transform:translateY(-1px)}
.btn-primary{background:var(--color-green);color:#f0fdf4}
.btn-outline{background:transparent;color:var(--color-green);border-color:var(--color-green)}
.btn-outline:hover{background:rgba(0,201,80,0.05)}
.btn-white{background:#fff;color:var(--color-green)}
/* === Cards === */
.card{background:#fff;border-radius:var(--radius-xl);border:1px solid var(--color-border);display:flex;flex-direction:column;transition:box-shadow 0.2s}
.card:hover{box-shadow:var(--shadow-md)}
.card-border-green{border-color:var(--color-green-bg)}
/* === Badge === */
.badge{display:inline-flex;align-items:center;gap:0.375rem;padding:0.25rem 0.75rem;font-size:0.75rem;font-weight:600;border-radius:9999px;border:1px solid;white-space:nowrap}
.badge-green{background:var(--color-green-light);color:var(--color-green);border-color:var(--color-green-bg)}
.badge-white{background:rgba(255,255,255,0.15);color:#fff;border-color:transparent}
/* === Header === */
.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,0.95);backdrop-filter:blur(4px);border-bottom:1px solid var(--color-border)}
.header-inner{display:flex;align-items:center;justify-content:space-between;height:4rem;gap:1rem}
.site-logo,.logo{display:inline-flex;align-items:center;gap:0.5rem;text-decoration:none;flex-shrink:0}
.site-logo img,.logo img,.header-logo img{display:block;height:48px;width:auto;max-width:240px;object-fit:contain}
@media(max-width:768px){.site-logo img,.logo img,.header-logo img{height:40px;max-width:210px}}
.nav{display:flex;align-items:center;gap:0}
.nav a{font-size:0.875rem;padding:0.5rem 0.875rem;border-radius:0.375rem;color:var(--color-muted);transition:color 0.15s;white-space:nowrap}
.nav a:hover,.nav a.active{color:var(--color-green)}
.nav a.active{font-weight:600}
.nav a.active::after{content:'';display:block;height:2px;background:var(--color-green);border-radius:1px;margin-top:2px}
.nav-icon{width:0.875rem;height:0.875rem;flex-shrink:0}
.desktop-only{display:inline-flex;align-items:center}
.mobile-only{display:none}
@media(max-width:768px){
  .desktop-only{display:none}
  .mobile-only{display:flex;width:100%;align-items:center;gap:0.5rem}
  .nav{display:none;position:absolute;top:100%;left:0;right:0;background:#fff;flex-direction:column;padding:1rem 1.5rem;border-bottom:1px solid var(--color-border);box-shadow:var(--shadow-lg)}
  .nav.open{display:flex}
  .nav a{padding:0.75rem 1rem;width:100%;border-radius:0.5rem}
  .nav a.active{background:var(--color-green-light)}
  .nav a.active::after{display:none}
  .mobile-toggle{display:block}
  .header-cta{display:none}
  .header-cta-mobile{display:flex;margin-top:0.5rem;width:100%}
}
@media(min-width:769px){.header-cta-mobile{display:none}}
.mobile-toggle{display:none;background:none;border:none;padding:0.5rem;cursor:pointer}
.mobile-toggle svg{width:1.5rem;height:1.5rem;color:var(--color-text)}
/* === Footer === */
.site-footer{background:var(--color-footer-bg);color:#fff;margin-top:0}
.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr 1.2fr;gap:3rem;padding:4rem 0 2.75rem}
@media(max-width:1024px){.footer-grid{grid-template-columns:1fr 1fr 1fr;gap:1.75rem}}
@media(max-width:768px){.footer-grid{grid-template-columns:1fr 1fr;gap:1.5rem}}
@media(max-width:480px){.footer-grid{grid-template-columns:1fr;padding:2.75rem 0 2rem}}
.footer-col{display:flex;flex-direction:column;gap:0.5rem}
.footer-brand p{color:rgba(255,255,255,0.55);font-size:0.8125rem;line-height:1.5}
.footer-heading{font-weight:700;color:#fff;font-size:0.75rem;letter-spacing:0.06em;text-transform:uppercase;margin-bottom:0.125rem}
.footer-link{color:rgba(255,255,255,0.55);font-size:0.8125rem;transition:color 0.15s;padding:0.15rem 0;line-height:1.4}
.footer-link:hover{color:var(--color-green)}
.footer-link-sm{font-size:0.75rem;padding:0.0625rem 0;color:rgba(255,255,255,0.4)}
.footer-link-sm:hover{color:var(--color-green)}
.footer-subheading{font-size:0.6875rem;color:rgba(255,255,255,0.25);text-transform:uppercase;letter-spacing:0.08em;margin-top:0.25rem;margin-bottom:0.125rem;font-weight:600}

/* Footer Logo */
.footer-logo{display:inline-flex;align-items:center;text-decoration:none;margin-bottom:0.5rem}
.footer-logo img{height:64px;width:auto;max-width:300px;display:block;flex-shrink:0;object-fit:contain}
@media(max-width:768px){.footer-logo img{height:54px;max-width:260px}}
.footer-logo:hover{opacity:0.9}

/* Footer Badges */
.footer-badges{display:flex;flex-wrap:wrap;gap:0.25rem;margin-top:0.25rem}
.footer-badge{display:inline-flex;padding:0.15rem 0.5rem;font-size:0.6875rem;font-weight:500;border-radius:9999px;background:rgba(255,255,255,0.06);color:rgba(255,255,255,0.45);border:1px solid rgba(255,255,255,0.06)}

/* Footer Contact Block */
.footer-contact-block{margin-top:0.375rem;padding-top:0.5rem;border-top:1px solid rgba(255,255,255,0.06)}
.footer-contact{color:rgba(255,255,255,0.55);font-size:0.75rem;display:flex;align-items:center;gap:0.375rem;padding:0.125rem 0;transition:color 0.15s}
.footer-contact:hover{color:var(--color-green)}
.footer-contact svg{flex-shrink:0;width:0.8125rem;height:0.8125rem;color:var(--color-green)}
.footer-contact-note{color:rgba(255,255,255,0.3);font-size:0.6875rem;margin-top:0.25rem;line-height:1.4}

/* Footer Bottom */
.footer-bottom{border-top:1px solid rgba(255,255,255,0.07);padding:1.25rem 0;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:0.75rem;color:rgba(255,255,255,0.35);font-size:0.75rem}
.footer-legal-links{display:flex;gap:1rem;align-items:center}
.footer-bottom-link{color:rgba(255,255,255,0.35);font-size:0.75rem;transition:color 0.15s}
.footer-bottom-link:hover{color:var(--color-green)}
@media(max-width:640px){.footer-bottom{flex-direction:column;text-align:center;padding:0.75rem 0}
.footer-legal-links{flex-wrap:wrap;justify-content:center;gap:0.5rem}}
/* === Hero Sections === */
.hero-home{background:linear-gradient(120deg,oklch(0.94 0.08 135) 0%,oklch(0.99 0.005 120) 60%,oklch(1 0 0) 100%);position:relative;overflow:hidden}
.hero-grid-bg{background-image:linear-gradient(oklch(0.85 0.05 150/.15)1px,transparent 1px),linear-gradient(90deg,oklch(0.85 0.05 150/.15)1px,transparent 1px);position:absolute;inset:0}
.hero-inner{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:3.5rem;align-items:center;padding:4rem 0 3rem}
@media(max-width:768px){.hero-inner{grid-template-columns:1fr;padding:2.5rem 0 2rem;text-align:center;gap:2rem}}
.hero-badge{display:inline-flex;align-items:center;gap:0.375rem;border:1px solid var(--color-green-bg);background:var(--color-green-light);border-radius:9999px;padding:0.25rem 0.75rem;font-size:0.75rem;font-weight:600;color:var(--color-green);width:fit-content}
.hero-cta{display:flex;gap:1rem;margin-top:1.5rem;flex-wrap:wrap}
@media(max-width:480px){.hero-cta{flex-direction:column}.hero-cta .btn{width:100%}}
.stats{display:flex;gap:2rem;margin-top:1.5rem;flex-wrap:wrap}
.stat{display:flex;flex-direction:column}
.stat-value{font-weight:700;font-size:1.25rem}
.stat-label{font-size:0.75rem;color:var(--color-muted)}
.stat-divider{width:1px;background:var(--color-border)}
/* === Section Styles === */
.section{padding:5rem 0}
.section-alt{background:var(--color-bg-alt);padding:5rem 0}
.section-header{text-align:center;display:flex;flex-direction:column;align-items:center;gap:0.75rem;margin-bottom:3rem}
.section-label{font-weight:600;text-transform:uppercase;font-size:0.8125rem;letter-spacing:0.08em;color:var(--color-green)}
.section-label-red{color:var(--color-red)}
.section-title{font-weight:700;font-size:2rem;color:var(--color-text)}
.section-desc{max-width:36rem;color:var(--color-muted);font-size:1rem;line-height:1.6}
@media(max-width:768px){
  .section{padding:3rem 0}
  .section-alt{padding:3rem 0}
  .section-header{margin-bottom:2rem}
  .section-title{font-size:1.625rem}
}
/* === Service Tags === */
.tag-row{display:flex;flex-wrap:wrap;justify-content:center;gap:0.75rem;padding:1rem 0}
@media(max-width:768px){.tag-row{padding:0.75rem 0}}
.service-tag{display:inline-flex;align-items:center;gap:0.5rem;padding:0.5rem 1rem;border-radius:9999px;font-size:0.875rem;font-weight:500;background:var(--color-green-light);color:var(--color-green);white-space:nowrap}
/* === Challenge Cards === */
.challenge-card{display:flex;align-items:flex-start;padding:1.5rem;border-radius:var(--radius-xl);background:#fff;border:1px solid var(--color-border);gap:1rem}
.challenge-icon-wrap{width:3rem;height:3rem;border-radius:0.75rem;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:oklch(0.95 0.05 27)}
.challenge-icon{width:1.5rem;height:1.5rem;color:var(--color-red)}
.challenge-text h3{font-size:1rem;font-weight:600;color:var(--color-text);margin-bottom:0.25rem}
.challenge-text p{font-size:0.875rem;color:var(--color-muted);line-height:1.5}
/* === Service Card === */
.service-card{padding:1.5rem;border-radius:var(--radius-xl);background:#fff;border:1px solid var(--color-green-bg);display:flex;flex-direction:column;gap:0.75rem;min-height:100%;transition:box-shadow 0.2s,border-color 0.2s}
.service-card:hover{box-shadow:var(--shadow-md);border-color:var(--color-green)}
.service-card-icon{width:2.75rem;height:2.75rem;border-radius:0.75rem;display:flex;align-items:center;justify-content:center;background:var(--color-green-light);flex-shrink:0}
.service-card-icon svg{width:1.5rem;height:1.5rem;color:var(--color-green)}
.service-card h3{font-size:1.125rem;font-weight:600}
.service-card p{font-size:0.875rem;color:var(--color-muted);line-height:1.5;flex:1}
/* === Why Section === */
.why-item{display:flex;gap:0.75rem;align-items:flex-start}
.why-check{width:1.75rem;height:1.75rem;border-radius:9999px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:var(--color-green-bg)}
.why-check svg{width:1rem;height:1rem;color:oklch(0.35 0.12 150)}
.why-text h3{font-weight:600;color:var(--color-text);margin-bottom:0.125rem}
.why-text p{font-size:0.875rem;color:var(--color-muted);line-height:1.5}
/* === Industry Tags === */
.industry-tag{display:inline-flex;align-items:center;gap:0.5rem;padding:0.5rem 1rem;border-radius:9999px;font-weight:500;font-size:0.875rem;background:var(--color-bg-alt);color:var(--color-text);border:1px solid var(--color-border);white-space:nowrap;transition:border-color 0.15s}
.industry-tag:hover{border-color:var(--color-green)}
.industry-tag svg{width:1rem;height:1rem;color:var(--color-green);flex-shrink:0}
/* === Location Tags === */
.loc-tag{display:inline-flex;align-items:center;gap:0.375rem;padding:0.5rem 1rem;border-radius:9999px;font-weight:500;font-size:0.875rem;background:#fff;color:var(--color-text);box-shadow:var(--shadow-sm);white-space:nowrap;border:1px solid transparent;transition:border-color 0.15s}
.loc-tag:hover{border-color:var(--color-green-bg)}
.loc-tag svg{width:0.875rem;height:0.875rem;color:var(--color-green);flex-shrink:0}
/* === Process === */
.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}
@media(max-width:768px){.process-grid{grid-template-columns:1fr 1fr}}
.process-step{padding:1.5rem;border-radius:var(--radius-xl);background:#fff;border:1px solid var(--color-border);display:flex;flex-direction:column;gap:0.75rem}
.process-number{width:2.5rem;height:2.5rem;font-weight:700;border-radius:9999px;background:var(--color-green);color:#f0fdf4;display:flex;align-items:center;justify-content:center;font-size:1rem;flex-shrink:0}
/* === Case Study === */
.case-study{padding:2.5rem;border-radius:var(--radius-3xl);background:linear-gradient(120deg,oklch(0.45 0.14 150) 0%,oklch(0.6 0.18 150) 60%,oklch(0.7 0.2 140) 100%)}
.case-study-inner{display:flex;justify-content:space-between;align-items:center;gap:2rem}
@media(max-width:768px){.case-study-inner{flex-direction:column;text-align:center}}
.case-study-badge{display:inline-flex;padding:0.25rem 0.75rem;border-radius:9999px;font-size:0.75rem;font-weight:700;background:var(--color-green-bg);color:oklch(0.35 0.12 150);width:fit-content}
.case-study h3{color:#fff;font-size:1.5rem;margin-top:0.75rem}
.case-study p{color:rgba(255,255,255,0.85);max-width:28rem;line-height:1.5}
.case-stat{text-align:center}
.case-stat-value{font-size:1.875rem;font-weight:700;color:oklch(0.9 0.18 135)}
.case-stat-label{font-size:0.75rem;color:rgba(255,255,255,0.8)}
/* === Chart SVG === */
.chart-svg{width:100%;height:10rem;display:block}
/* === CTA Section === */
.cta-section{background:linear-gradient(120deg,oklch(0.35 0.12 150) 0%,oklch(0.45 0.16 150) 100%);padding:4.5rem 0;text-align:center}
.cta-section h2{color:#fff;font-size:2.25rem}
.cta-section p{color:rgba(255,255,255,0.85);max-width:36rem;margin:0.75rem auto 0;line-height:1.6}
.cta-section .btn{margin-top:1.25rem}
@media(max-width:768px){.cta-section{padding:2.5rem 0}.cta-section h2{font-size:1.75rem}.cta-section p{margin:0.5rem auto 0}}
/* === Accordion === */
.accordion-item{border:1px solid var(--color-border);border-radius:var(--radius-xl);overflow:hidden;margin-bottom:0.75rem}
.accordion-trigger{display:flex;justify-content:space-between;align-items:center;width:100%;padding:1rem 1.25rem;font-weight:600;text-align:left;background:none;border:none;color:var(--color-text);font-size:0.875rem;cursor:pointer;transition:background 0.15s}
.accordion-trigger:hover{background:rgba(0,0,0,0.02)}
.accordion-content{display:none;padding:0 1.25rem 1rem;color:var(--color-muted);font-size:0.875rem;line-height:1.6}
.accordion-trigger.open+.accordion-content{display:block}
.accordion-icon{transition:transform 0.2s;width:1rem;height:1rem;flex-shrink:0}
.accordion-trigger.open .accordion-icon{transform:rotate(180deg)}
/* === Breadcrumb === */
.breadcrumb{display:flex;align-items:center;gap:0.375rem;font-size:0.75rem;color:var(--color-muted);flex-wrap:wrap}
.breadcrumb.hero-breadcrumb{padding:0 0 0.75rem 0;margin-bottom:0.75rem;border-bottom:1px solid rgba(0,0,0,0.06)}
.breadcrumb a{color:var(--color-muted);transition:color 0.15s}
.breadcrumb a:hover{color:var(--color-green)}
.breadcrumb span{font-weight:600;color:var(--color-text)}
.breadcrumb svg{width:0.75rem;height:0.75rem;flex-shrink:0}
/* === Industry Card === */
.industry-card{padding:1.5rem;border-radius:var(--radius-xl);background:#fff;border:1px solid var(--color-border);display:flex;flex-direction:column;gap:0.75rem;min-height:100%}
.industry-card-icon{width:2.75rem;height:2.75rem;border-radius:0.75rem;display:flex;align-items:center;justify-content:center;background:var(--color-green-light);flex-shrink:0}
.industry-card-icon svg{width:1.5rem;height:1.5rem;color:var(--color-green)}
.industry-card h3{font-weight:700;font-size:1rem}
.industry-card p{font-size:0.8125rem;color:var(--color-muted);line-height:1.5;flex:1}
.industry-card .learn-more{font-weight:600;color:var(--color-green);font-size:0.8125rem;display:flex;align-items:center;gap:0.25rem;margin-top:0.25rem}
.industry-card .learn-more svg{width:1rem;height:1rem}
/* === Location Card === */
.loc-card{padding:1.5rem;border-radius:var(--radius-xl);background:#fff;border:1px solid var(--color-border);display:flex;flex-direction:column;gap:0.75rem;min-height:100%}
.loc-card-header{display:flex;align-items:center;gap:0.75rem}
.loc-card-header .loc-icon{width:2.5rem;height:2.5rem;border-radius:0.5rem;display:flex;align-items:center;justify-content:center;background:rgba(0,201,80,0.1);flex-shrink:0}
.loc-card-header .loc-icon svg{width:1.25rem;height:1.25rem;color:var(--color-green)}
.loc-card-header h3{font-weight:700;font-size:1rem}
.loc-card p{font-size:0.8125rem;color:var(--color-muted);line-height:1.5;flex:1}
/* === Form === */
.form-group{display:flex;flex-direction:column;gap:0.375rem}
.form-label{font-weight:600;font-size:0.8125rem;color:var(--color-text)}
.form-input{padding:0.75rem;border-radius:0.5rem;font-size:0.875rem;border:1px solid var(--color-border);background:#fff;width:100%;transition:border-color 0.15s}
.form-input::placeholder{color:#a1a1aa}
textarea.form-input{min-height:7rem;resize:vertical}
/* === Team Card === */
.team-card{text-align:center;padding:1.5rem 1rem;border-radius:var(--radius-xl);background:#fff;border:1px solid var(--color-border);display:flex;flex-direction:column;align-items:center;gap:0.75rem}
.team-card img{width:5rem;height:5rem;object-fit:cover;border-radius:9999px}
.team-card .name{font-weight:700;font-size:0.875rem}
.team-card .role{font-size:0.75rem;color:var(--color-muted)}
.team-hiring{padding:1.5rem;border-radius:var(--radius-xl);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0.75rem;border:2px dashed rgba(26,107,74,0.3);background:rgba(168,224,99,0.08)}
.team-hiring-icon{width:5rem;height:5rem;border-radius:9999px;background:#fff;display:flex;align-items:center;justify-content:center}
.team-hiring-icon svg{width:1.75rem;height:1.75rem;color:var(--color-green-dark)}
/* === Value Card === */
.value-card{text-align:center;padding:1.5rem 1rem;border-radius:var(--radius-xl);background:#fff;border:1px solid var(--color-border);display:flex;flex-direction:column;align-items:center;gap:0.75rem}
.value-card-icon{width:2.75rem;height:2.75rem;border-radius:0.75rem;display:flex;align-items:center;justify-content:center;background:var(--color-green-light);flex-shrink:0}
.value-card-icon svg{width:1.5rem;height:1.5rem;color:var(--color-green)}
.value-card span{font-weight:700;font-size:0.875rem;color:var(--color-text)}
/* === Contact Side Cards === */
.contact-side-card{padding:1.5rem;border-radius:var(--radius-2xl);display:flex;flex-direction:column;gap:1rem}
.contact-side-card.dark{background:linear-gradient(135deg,#1A6B4A 0%,#22865E 100%)}
.contact-side-card.light{background:#fff;border:1px solid var(--color-border)}
.contact-side-icon{width:2.75rem;height:2.75rem;border-radius:0.75rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.contact-side-icon svg{width:1.25rem;height:1.25rem}
@media(max-width:768px){
  .contact-side-card{flex-direction:row;align-items:center;flex-wrap:wrap}
  .contact-side-card a{width:auto}
}
/* === Stat Box === */
.stat-box{padding:1rem 1.25rem;border-radius:0.75rem;background:var(--color-bg-alt)}
.stat-box-label{font-size:0.75rem;color:var(--color-muted)}
.stat-box-value{font-weight:700;font-size:1.5rem}
.stat-box-value.green{color:var(--color-green)}
/* === Thank You === */
.thank-you-card{padding:2rem;border-radius:var(--radius-2xl);display:flex;flex-direction:column;gap:1rem;max-width:36rem;margin:0 auto;background:rgba(168,224,99,0.12);border:1px solid rgba(168,224,99,0.4)}
.thank-you-icon{width:3rem;height:3rem;border-radius:0.75rem;background:var(--color-green-dark);display:flex;align-items:center;justify-content:center}
.thank-you-icon svg{width:1.5rem;height:1.5rem;color:var(--color-green-light)}
/* === Alert Banner === */
.alert-banner{display:flex;align-items:center;gap:0.75rem;padding:1.5rem 2rem;border-radius:var(--radius-xl);justify-content:center;flex-wrap:wrap;background:rgba(0,201,80,0.05);border:1px solid rgba(0,201,80,0.2)}
.alert-banner svg{width:1.5rem;height:1.5rem;flex-shrink:0;color:var(--color-green)}
.alert-banner p{font-weight:500;font-size:0.875rem;color:var(--color-text)}
/* === FAQ Box === */
.faq-box{padding:1.25rem;border-radius:var(--radius-xl);background:#fff;border:1px solid var(--color-border)}
.faq-box-head{display:flex;justify-content:space-between;align-items:center;gap:0.5rem}
.faq-box-head p{font-weight:600;font-size:0.875rem;color:var(--color-text)}
.faq-box-head svg{width:1rem;height:1rem;flex-shrink:0;color:var(--color-green)}
.faq-box-content{font-size:0.875rem;color:var(--color-muted);margin-top:0.5rem;line-height:1.5}
/* === Feature List === */
.feature-list{display:flex;flex-direction:column;gap:0.75rem}
.feature-item{display:flex;gap:0.75rem;align-items:flex-start}
.feature-check{width:1.5rem;height:1.5rem;border-radius:9999px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:rgba(0,201,80,0.1);margin-top:0.125rem}
.feature-check svg{width:0.875rem;height:0.875rem;color:var(--color-green)}
.feature-item p{font-size:0.875rem;line-height:1.5}
/* === Chart Area === */
.chart-container{width:100%;border-radius:0.75rem;border:1px solid var(--color-border);padding:1rem}
.chart-container svg{width:100%;height:11rem}
/* === FAQ Card Wrap === */
.faq-card-wrap{max-width:760px;margin:0 auto;padding:0}
.faq-card-wrap .accordion-item{border:0;margin-bottom:0}
/* === Process Bar === */
.process-bar{display:flex;justify-content:space-between;align-items:flex-start;position:relative;gap:1rem}
@media(max-width:768px){.process-bar{flex-direction:column;gap:1.5rem}}
.process-bar-line{border-top:2px dashed var(--color-border);position:absolute;left:3rem;right:3rem;top:1.25rem}
@media(max-width:768px){.process-bar-line{display:none}}
.process-bar-step{position:relative;z-index:10;text-align:center;display:flex;flex-direction:column;align-items:center;gap:0.75rem;flex:1}
@media(max-width:768px){.process-bar-step{width:100%;flex-direction:row;text-align:left}}
/* === Stat Highlight === */
.stat-highlight{border-left:4px solid oklch(0.85 0.16 130);background:oklch(0.98 0.03 130);padding:1.5rem;display:flex;align-items:center;gap:1rem}
.stat-highlight-icon{width:3rem;height:3rem;border-radius:0.75rem;display:flex;align-items:center;justify-content:center;background:oklch(0.85 0.16 130);flex-shrink:0}
.stat-highlight-icon svg{width:1.5rem;height:1.5rem}
/* === Small Icon Box === */
.icon-box-sm{width:2.25rem;height:2.25rem;border-radius:0.5rem;display:flex;align-items:center;justify-content:center;background:rgba(0,201,80,0.1);flex-shrink:0}
.icon-box-sm svg{width:1.25rem;height:1.25rem;color:var(--color-green)}
/* === Icon Colors === */
.icon-green{color:var(--color-green)}
/* === A11y === */
@media(prefers-reduced-motion:reduce){*{animation-duration:0.01ms!important;transition-duration:0.01ms!important;scroll-behavior:auto!important}}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media print{header,footer,.cta-section{display:none}}