@import url("styles-base.css");
.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}

/* Fortune-500 style redesign layer: polished B2B export layout */
:root{--ink:#17211a;--muted:#5d675e;--paper:#f7f5ee;--surface:#ffffff;--green:#1f5b3d;--green-2:#2f7652;--red:#ad3035;--gold:#d5ad5b;--line:#e2e6dc;--soft:#eef4ed;--shadow:0 18px 46px rgba(23,33,26,.12);--radius:16px;--max:1180px}
html{background:var(--paper)}
body{background:linear-gradient(180deg,#fbfaf6 0%,#f4f1e8 46%,#fbfaf6 100%);color:var(--ink)}
h1,h2,h3{letter-spacing:0}p{max-width:72ch}a{transition:color .18s ease,background .18s ease,border-color .18s ease,transform .18s ease,box-shadow .18s ease}
.site-header{min-height:72px;padding:10px max(22px,calc((100vw - var(--max))/2));background:rgba(255,255,255,.9);border-bottom:1px solid rgba(31,91,61,.14);box-shadow:0 8px 24px rgba(23,33,26,.06)}
.brand-mark{width:42px;height:42px}.brand-logo{height:42px;width:auto}.nav{gap:8px}.nav a{padding:9px 12px;border-radius:999px;color:#253229;font-size:.88rem}.nav a:hover{background:var(--soft);text-decoration:none}
.header-cta,.button{border-radius:999px;min-height:44px;padding:11px 18px}.button.light{background:#fff;color:var(--green);box-shadow:0 10px 24px rgba(0,0,0,.16)}
.hero{position:relative;display:block;max-width:none;min-height:min(760px,calc(100vh - 72px));margin:0;padding:clamp(86px,10vw,132px) max(22px,calc((100vw - var(--max))/2)) clamp(76px,9vw,104px);overflow:hidden;isolation:isolate}
.hero::before{content:"";position:absolute;inset:0;z-index:-1;background:rgba(13,28,17,.58)}
.hero-content{position:relative;z-index:2;width:min(760px,100%);color:#fff}.hero .eyebrow{color:#f3cf7b}.hero h1{max-width:760px;margin-bottom:22px;font-size:clamp(2.8rem,6.4vw,5.55rem);line-height:1.02}.hero-content>p{max-width:690px;color:rgba(255,255,255,.88);font-size:clamp(1.03rem,1.6vw,1.22rem)}
.hero-actions{gap:12px;margin-top:32px}.hero-actions .button.secondary{border-color:rgba(255,255,255,.76);color:#fff;background:rgba(255,255,255,.1);backdrop-filter:blur(10px)}.hero-actions .button.secondary:hover{background:rgba(255,255,255,.18)}
.hero-media{position:absolute;inset:0;z-index:-2;max-width:none}.hero-media>img{width:100%;height:100%;max-height:none;border-radius:0;object-fit:cover;box-shadow:none}.hero-note{right:max(22px,calc((100vw - var(--max))/2));bottom:34px;width:min(330px,calc(100vw - 44px));border:1px solid rgba(255,255,255,.32);border-radius:16px;background:rgba(255,255,255,.88);backdrop-filter:blur(12px)}
.metric-strip{position:relative;z-index:3;gap:14px;margin:-34px auto 20px}.metric-strip article{border-radius:16px!important;box-shadow:0 16px 34px rgba(23,33,26,.09)}.metric-strip strong{font-size:1.02rem}
.section,.product-detail,.form-section{padding:clamp(56px,7vw,88px) 24px}.section-heading{margin-bottom:28px}.section-heading>p:not(.section-label){font-size:1rem}.split-grid{align-items:start}
.about-section .split-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);padding:34px;border:1px solid var(--line);border-radius:24px;background:rgba(255,255,255,.74);box-shadow:0 14px 36px rgba(23,33,26,.06)}
.journey-grid,.product-grid,.blog-grid,.application-grid,.buyer-grid,.resource-grid,.document-grid,.evidence-grid,.card-grid,.process-grid,.faq-grid,.ops-grid,.checklist-grid,.cert-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.product-grid,.blog-grid,.checklist-grid,.cert-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.journey-grid article,.product-grid article,.blog-grid article,.application-grid article,.buyer-grid article,.resource-grid article,.document-grid article,.evidence-grid article,.card-grid article,.process-grid article,.faq-grid article,.ops-grid article,.checklist-grid article,.cert-card{min-width:0;border:1px solid rgba(31,91,61,.12);border-radius:16px;background:#fff;box-shadow:0 12px 28px rgba(23,33,26,.06)}
.journey-grid article{padding:22px}.journey-grid article>span{display:inline-grid;place-items:center;width:38px;height:38px;margin-bottom:16px;border-radius:50%;background:var(--soft);color:var(--green)}
.cert-grid{gap:18px}.cert-card{padding:24px}.status,.status-badge{display:inline-flex;margin-bottom:12px;padding:5px 10px;border-radius:999px;font-size:.72rem;font-weight:800;text-transform:uppercase}.status.certified{background:#e2f4e7;color:#16612f}.status.pending{background:#fff4da;color:#825812}
.product-card{display:grid;grid-template-columns:190px minmax(0,1fr);gap:20px;align-items:stretch;overflow:hidden;padding:0!important}.product-card img{width:100%;height:100%;min-height:190px;object-fit:cover}.product-card>div{display:grid;align-content:center;padding:24px 24px 24px 0}.product-card h3{margin-bottom:8px}.product-card p{margin-bottom:16px}
.supply-section .split-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center}.supply-visual{position:relative;overflow:hidden;border-radius:22px;box-shadow:var(--shadow)}.supply-visual>img{width:100%;aspect-ratio:5/4;object-fit:cover}.supply-proof-panel{position:absolute;left:18px;right:18px;bottom:18px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.supply-proof-panel article{padding:14px;border:1px solid rgba(255,255,255,.3);border-radius:14px;background:rgba(255,255,255,.9);box-shadow:none}.supply-proof-panel strong,.supply-proof-panel span{display:block}.supply-proof-panel span{color:var(--muted);font-size:.78rem}.supply-route{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:24px}.supply-route article{padding:16px;border:1px solid var(--line);border-radius:14px;background:#fff}.supply-route span{display:block;color:var(--red);font-weight:800;font-size:.74rem}.supply-route p{margin-bottom:0;font-size:.88rem}
.partnership-band{display:flex;align-items:center;justify-content:space-between;gap:32px;max-width:var(--max);margin:10px auto;padding:42px;border-radius:24px;background:#1f5b3d;color:#fff;box-shadow:var(--shadow)}.partnership-band h2{max-width:760px}.partnership-band p{color:#dceade}.partnership-band .eyebrow{color:#f3cf7b}.partnership-band .button{flex:0 0 auto}
.checklist-grid article{padding:22px}.checklist-grid strong,.checklist-grid span,.checklist-grid a{display:block}.checklist-grid span{margin:9px 0 14px;color:var(--muted)}
.proof-strip{padding:58px 24px 40px}.proof-strip h2{max-width:820px}.proof-grid{gap:16px}.proof-card{border-radius:16px;box-shadow:0 12px 28px rgba(23,33,26,.06)}.proof-card img{aspect-ratio:16/10}
.lead-capture{grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:30px;margin:28px auto 84px;padding:34px;border:1px solid rgba(31,91,61,.12);border-radius:24px;background:#fff;box-shadow:var(--shadow)}
.cooperation-form,.lead-form{border-radius:16px;box-shadow:0 12px 30px rgba(23,33,26,.08)}.lead-capture .lead-form{background:#f9fbf7;box-shadow:none}.lead-form label,.cooperation-form label{font-size:.82rem}.lead-form input,.lead-form textarea,.cooperation-form input,.cooperation-form select,.cooperation-form textarea{border-radius:10px}
.cta-section{padding:42px;border-radius:24px;box-shadow:var(--shadow)}.footer{margin-top:40px;background:#15251b}.icp-record{text-align:center;padding:0 20px 14px;background:#15251b}.icp-record a{color:rgba(255,255,255,.28);font-size:.7rem;text-decoration:none}.icp-record a:hover{color:rgba(255,255,255,.5)}.whatsapp-float,.inquiry-float{right:22px}.whatsapp-float{bottom:22px}.inquiry-float{bottom:84px}.locale-switcher{bottom:18px;left:18px}
@media(max-width:1100px){.journey-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.site-header{gap:12px}.hero{min-height:680px}.about-section .split-grid,.supply-section .split-grid,.lead-capture{grid-template-columns:1fr}.product-grid,.blog-grid,.checklist-grid,.cert-grid{grid-template-columns:1fr}.product-card{grid-template-columns:170px minmax(0,1fr)}.partnership-band,.cta-section{align-items:flex-start;flex-direction:column}}
@media(max-width:700px){.site-header{min-height:66px}.hero{min-height:620px;padding:76px 18px 88px}.hero h1{font-size:clamp(2.35rem,12vw,3.7rem)}.hero-actions{display:grid;grid-template-columns:1fr}.hero-note{right:18px;bottom:18px;margin:0}.metric-strip{grid-template-columns:1fr 1fr;gap:10px;margin:-26px auto 6px;padding:0 14px}.metric-strip article{padding:16px}.section,.product-detail,.form-section{padding:50px 16px}.about-section .split-grid{padding:24px}.journey-grid,.supply-route,.supply-proof-panel{grid-template-columns:1fr}.product-card{grid-template-columns:1fr}.product-card img{min-height:210px}.product-card>div{padding:22px}.partnership-band,.lead-capture,.cta-section{margin-left:14px;margin-right:14px;padding:24px;border-radius:18px}.lead-capture{margin-bottom:76px}.proof-strip{padding:46px 16px 32px}.footer{padding-bottom:120px}.whatsapp-float{right:14px;bottom:14px}.inquiry-float{right:14px;bottom:68px}}
@media(max-width:430px){.metric-strip{grid-template-columns:1fr}.hero{min-height:660px}.button{white-space:normal}}

/* Mobile conversion safety: keep inquiry and WhatsApp tappable above cookie notice. */
.whatsapp-float,.inquiry-float{z-index:95!important}.lead-dialog{z-index:120!important}.cookie-banner{z-index:70!important}
@media(max-width:700px){.cookie-banner{left:12px!important;right:12px!important;bottom:124px!important;width:auto!important;max-height:36dvh!important;overflow:auto!important;padding:14px!important;border-radius:12px!important}.cookie-banner p{font-size:.78rem!important;line-height:1.45!important}.cookie-actions{display:grid!important;grid-template-columns:1fr 1fr!important}.cookie-actions .button{min-height:40px!important;padding:9px 10px!important;font-size:.82rem!important}.whatsapp-float{z-index:100!important}.inquiry-float{z-index:101!important}}

/* Mobile overflow fix: hero note must stay inside viewport. */
@media(max-width:700px){.hero-note{position:relative!important;left:auto!important;right:auto!important;bottom:auto!important;width:auto!important;max-width:none!important;margin:16px 0 0!important;transform:none!important}}

/* Home hero size correction and certification wording layout. */
body.home-page .hero{min-height:520px!important;padding-top:76px!important;padding-bottom:70px!important}
body.home-page .hero-media>img{object-position:center 42%!important}
body.home-page .hero-note{max-width:360px!important;padding:18px 20px!important}
body.home-page .metric-strip{margin-top:-22px!important}
@media(max-width:700px){body.home-page .hero{min-height:430px!important;padding:54px 16px 74px!important}body.home-page .hero h1{font-size:clamp(2rem,10vw,3.15rem)!important}body.home-page .hero-media>img{height:100%!important;object-position:center!important}body.home-page .hero-note{margin:14px 0 0!important;padding:14px 16px!important}body.home-page .metric-strip{margin-top:-16px!important}}
@media(max-width:430px){body.home-page .hero{min-height:440px!important}}

/* 20260723 home hero redesign: compact, calmer first screen for B2B buyers. */
body.home-page .hero#home{
  min-height:0!important;
  height:auto!important;
  padding:62px max(22px,calc((100vw - var(--max))/2)) 86px!important;
  display:flex!important;
  align-items:center!important;
}
body.home-page .hero#home::before{
  background:linear-gradient(90deg,rgba(10,25,15,.72) 0%,rgba(10,25,15,.55) 42%,rgba(10,25,15,.26) 74%,rgba(10,25,15,.2) 100%)!important;
}
body.home-page .hero#home .hero-content{
  width:min(690px,100%)!important;
}
body.home-page .hero#home .eyebrow{
  margin-bottom:12px!important;
  color:#f3cf7b!important;
  font-size:.72rem!important;
  letter-spacing:.08em!important;
}
body.home-page .hero#home h1{
  max-width:680px!important;
  margin:0 0 18px!important;
  font-size:clamp(2.65rem,4.1vw,4rem)!important;
  line-height:1.04!important;
  letter-spacing:0!important;
}
body.home-page .hero#home .hero-content>p{
  max-width:620px!important;
  font-size:1.02rem!important;
  line-height:1.62!important;
}
body.home-page .hero#home .hero-actions{
  margin-top:24px!important;
}
body.home-page .hero#home .hero-note{
  right:max(22px,calc((100vw - var(--max))/2))!important;
  bottom:34px!important;
  width:min(330px,calc(100vw - 44px))!important;
  padding:16px 18px!important;
  border-radius:12px!important;
  background:rgba(255,255,255,.88)!important;
  color:#17211a!important;
}
body.home-page .hero#home .hero-media>img{
  object-position:center 48%!important;
  filter:saturate(.95) contrast(.98)!important;
}
body.home-page .metric-strip{
  margin:-28px auto 34px!important;
}
body.home-page .metric-strip article{
  padding:18px 20px!important;
  border-radius:10px!important;
}
@media(max-width:900px){
  body.home-page .hero#home{
    padding:54px 20px 76px!important;
  }
  body.home-page .hero#home h1{
    font-size:clamp(2.3rem,8vw,3.6rem)!important;
  }
}
@media(max-width:700px){
  body.home-page .hero#home{
    display:block!important;
    padding:44px 16px 62px!important;
  }
  body.home-page .hero#home h1{
    font-size:clamp(2rem,9.6vw,3rem)!important;
  }
  body.home-page .hero#home .hero-content>p{
    font-size:.96rem!important;
  }
  body.home-page .hero#home .hero-note{
    position:relative!important;
    left:auto!important;
    right:auto!important;
    bottom:auto!important;
    width:auto!important;
    margin:18px 0 0!important;
    padding:13px 15px!important;
  }
  body.home-page .metric-strip{
    margin:-18px auto 22px!important;
  }
}
@media(max-width:430px){
  body.home-page .hero#home{
    padding-top:40px!important;
  }
}

/* 20260723 PC hero rebuild: shorter, less poster-like, cache-busted from index.html. */
@media(min-width:901px){
  body.home-page .hero#home{
    box-sizing:border-box!important;
    height:430px!important;
    min-height:430px!important;
    max-height:430px!important;
    padding:42px max(22px,calc((100vw - var(--max))/2)) 58px!important;
    display:flex!important;
    align-items:center!important;
  }
  body.home-page .hero#home .hero-content{
    width:min(620px,100%)!important;
  }
  body.home-page .hero#home h1{
    max-width:620px!important;
    font-size:clamp(2.7rem,3.25vw,3.55rem)!important;
    line-height:1.05!important;
    margin-bottom:14px!important;
  }
  body.home-page .hero#home .hero-content>p{
    max-width:560px!important;
    font-size:.98rem!important;
    line-height:1.55!important;
  }
  body.home-page .hero#home .hero-actions{
    margin-top:20px!important;
  }
  body.home-page .hero#home .hero-note{
    right:max(22px,calc((100vw - var(--max))/2))!important;
    bottom:32px!important;
    width:300px!important;
    padding:14px 16px!important;
    border-radius:10px!important;
  }
  body.home-page .hero#home .hero-note strong{
    font-size:.88rem!important;
    line-height:1.42!important;
  }
  body.home-page .metric-strip{
    margin:-26px auto 44px!important;
  }
  body.home-page .metric-strip article{
    padding:16px 20px!important;
    min-height:86px!important;
  }
}
@media(min-width:1400px){
  body.home-page .hero#home{
    height:450px!important;
    min-height:450px!important;
    max-height:450px!important;
  }
}

/* 20260724 mobile page-hero correction: prevent tall portrait/product images from turning pages into long, awkward first screens. */
@media(max-width:700px){
  body:not(.home-page) .page-hero{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:20px!important;
    align-items:start!important;
    padding:32px 16px 26px!important;
  }
  body:not(.home-page) .page-hero>div{
    max-width:none!important;
  }
  body:not(.home-page) .page-hero .eyebrow{
    margin-bottom:10px!important;
    font-size:11px!important;
    line-height:1.25!important;
    letter-spacing:.08em!important;
  }
  body:not(.home-page) .page-hero h1{
    margin:0!important;
    font-size:clamp(29px,8.5vw,38px)!important;
    line-height:1.08!important;
    letter-spacing:0!important;
  }
  body:not(.home-page) .page-hero>div>p:not(.eyebrow){
    max-width:none!important;
    margin:14px 0 0!important;
    font-size:15px!important;
    line-height:1.56!important;
  }
  body:not(.home-page) .page-hero .hero-actions{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:10px!important;
    margin-top:18px!important;
  }
  body:not(.home-page) .page-hero .button{
    width:100%!important;
    min-height:42px!important;
    justify-content:center!important;
    padding:10px 14px!important;
    font-size:14px!important;
  }
  body:not(.home-page) .page-hero>img{
    display:block!important;
    width:100%!important;
    height:220px!important;
    min-height:0!important;
    max-height:220px!important;
    object-fit:cover!important;
    object-position:center!important;
    border-radius:14px!important;
    box-shadow:0 10px 24px rgba(23,33,26,.1)!important;
  }
}

@media(max-width:430px){
  body:not(.home-page) .page-hero{
    padding-top:28px!important;
  }
  body:not(.home-page) .page-hero h1{
    font-size:30px!important;
  }
  body:not(.home-page) .page-hero>img{
    height:200px!important;
    max-height:200px!important;
  }
}