:root{--ink:#092b27;--mint:#8ce3c0;--ice:#eafaf5;--accent:#ff8c42;--paper:#f6faf8;--muted:#628078;--line:#dceae5}*{box-sizing:border-box}html{width:100%;overflow-x:clip;scroll-behavior:smooth;scroll-padding-top:78px;-webkit-text-size-adjust:100%;text-size-adjust:100%}body{width:100%;min-width:0;margin:0;overflow-x:clip;color:var(--ink);background:var(--paper);font-family:Inter,"Noto Sans SC","Microsoft YaHei",Arial,sans-serif;-webkit-font-smoothing:antialiased}img{max-width:100%}.container,.row>*{min-width:0}a{text-decoration:none}.section-space{padding:105px 0}.section-kicker{display:block;margin-bottom:12px;color:#187463;font-size:12px;font-weight:900;letter-spacing:.2em}.section-heading{max-width:680px;margin-bottom:45px}.section-heading h2,.display-title{margin:0 0 16px;font-size:clamp(34px,4vw,54px);line-height:1.18;letter-spacing:-.035em;font-weight:800}.section-heading p,.lead-copy{color:var(--muted);font-size:17px;line-height:1.8}.text-link{color:#14705f;font-weight:800}.btn{border-radius:10px;font-weight:800;transition:.25s}.btn-accent{color:#152b25;background:var(--accent);border-color:var(--accent);box-shadow:0 12px 28px rgba(255,140,66,.2)}.btn-accent:hover{color:#12221f;background:#ff9e60;border-color:#ff9e60;transform:translateY(-2px)}
.site-nav{padding:18px 0;transition:.3s;color:#fff}.scrolled .site-nav{padding:10px 0;background:rgba(6,34,31,.95);backdrop-filter:blur(16px);box-shadow:0 8px 30px rgba(0,0,0,.13)}.brand{display:flex;align-items:center;gap:10px;color:#fff!important;line-height:1}.brand-mark{display:grid;place-items:center;width:39px;height:39px;color:var(--ink);background:var(--mint);border-radius:12px 4px;font-size:25px;font-weight:900}.brand strong{display:block;letter-spacing:.1em;font-size:18px}.brand small{display:block;margin-top:5px;color:#acd3ca;font-size:8px;letter-spacing:.22em}.site-nav .nav-link{color:rgba(255,255,255,.78);font-size:13px;font-weight:700;padding:.75rem .62rem!important}.site-nav .nav-link:hover,.site-nav .nav-link.show,.site-nav .show>.nav-link{color:#fff}.navbar-toggler{border:1px solid rgba(255,255,255,.25);filter:invert(1)}.nav-cta{padding:.68rem 1.2rem}
.hero-section{min-height:100vh;position:relative;overflow:hidden;color:#fff;background:radial-gradient(circle at 78% 26%,rgba(40,159,128,.24),transparent 26%),linear-gradient(125deg,#061f1d,#0b332f 54%,#124940)}.hero-grid{position:absolute;inset:0;opacity:.1;background-image:linear-gradient(rgba(255,255,255,.14) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.14) 1px,transparent 1px);background-size:62px 62px}.hero-section:after{content:"";position:absolute;width:520px;height:520px;border:1px solid rgba(140,227,192,.13);border-radius:50%;right:-100px;top:90px;box-shadow:0 0 0 70px rgba(140,227,192,.03),0 0 0 140px rgba(140,227,192,.02)}.eyebrow{display:flex;align-items:center;gap:10px;margin-bottom:20px;color:var(--mint);font-size:13px;font-weight:800;letter-spacing:.14em}.eyebrow span{width:26px;height:2px;background:var(--accent)}.hero-section h1{max-width:750px;font-size:clamp(46px,6vw,78px);line-height:1.08;letter-spacing:-.045em;font-weight:800}.hero-section h1 em{color:var(--mint);font-style:normal}.hero-copy{max-width:620px;margin-top:24px;color:#c2dcd6;font-size:18px;line-height:1.8}.hero-section .btn-lg{padding:14px 23px;font-size:15px}.hero-points{display:flex;flex-wrap:wrap;gap:24px;margin-top:30px;color:#b9d8d0;font-size:13px}.hero-visual{position:relative;max-width:580px;margin-left:auto;z-index:2}.hero-image-wrap{padding:14px;overflow:hidden;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);border-radius:34px 8px;box-shadow:0 30px 80px rgba(0,0,0,.28);transform:rotate(1deg)}.hero-image-wrap img{display:block;width:100%;height:560px;object-fit:cover;border-radius:24px 6px}.floating-card{position:absolute;padding:14px 18px;color:var(--ink);background:rgba(245,255,251,.96);border-radius:14px;box-shadow:0 20px 45px rgba(0,0,0,.24)}.card-one{left:-45px;bottom:70px}.card-one strong{display:block;color:#0f5d50;font-size:28px;line-height:1}.card-one span,.card-two small{color:#668078;font-size:11px}.card-two{top:48px;right:-18px;font-size:13px;font-weight:800}.card-two i{display:inline-block;width:8px;height:8px;margin-right:7px;border-radius:50%;background:#2cc98c;box-shadow:0 0 0 5px rgba(44,201,140,.14)}
.trust-strip{background:#fff;border-bottom:1px solid var(--line)}.trust-item{display:flex;flex-direction:column;padding:25px 32px;border-right:1px solid #e1ebe8}.trust-item strong{color:#115c50;font-size:22px}.trust-item span{margin-top:3px;color:#789088;font-size:12px}.products-section,.packaging-section,.faq-section{background:#fff}.filter-bar{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin:-12px 0 35px}.filter-bar button{padding:9px 18px;color:#58716a;background:#f0f7f4;border:1px solid transparent;border-radius:999px;font-size:13px;font-weight:800}.filter-bar button.active,.filter-bar button:hover{color:#fff;background:#0e5047}.product-item{transition:.25s}.product-item.hidden{display:none}.product-card{overflow:hidden;background:#f8fbfa;border:1px solid #e2ece9;border-radius:18px;transition:.3s}.product-card:hover{transform:translateY(-7px);box-shadow:0 20px 45px rgba(15,64,57,.12)}.product-image{height:235px;position:relative;overflow:hidden;background:#edf5f2}.product-image img{width:100%;height:100%;object-fit:cover;transition:.5s}.product-card:hover .product-image img{transform:scale(1.04)}.product-image span{position:absolute;left:14px;top:14px;padding:5px 9px;color:#fff;background:rgba(7,45,40,.86);border-radius:6px;font-size:10px;font-weight:900;letter-spacing:.1em}.product-body{padding:21px}.product-body h3{font-size:23px;font-weight:900}.product-body p{margin:0 0 8px;color:#4c6b64}.product-body small{display:block;min-height:36px;color:#8a9f99}.product-body a{display:inline-block;margin-top:16px;color:#126655;font-size:13px;font-weight:800}.catalog-cta{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-top:35px;padding:26px 30px;background:var(--ice);border-radius:16px}.catalog-cta strong,.catalog-cta span{display:block}.catalog-cta span{margin-top:5px;color:#668078;font-size:13px}
.image-stack{position:relative;padding:0 60px 70px 0}.main-photo{width:100%;height:520px;object-fit:cover;border-radius:28px 6px}.sub-photo{position:absolute;right:0;bottom:0;width:52%;height:210px;object-fit:cover;border:10px solid var(--paper);border-radius:20px 4px}.area-badge{position:absolute;left:-18px;bottom:30px;padding:17px 22px;color:#fff;background:#0f554b;border-radius:4px 16px}.area-badge strong,.area-badge span{display:block}.area-badge strong{font-size:30px}.area-badge span{color:#bfe4da;font-size:11px}.strength-list{margin:28px 0}.strength-list>div{display:flex;gap:18px;padding:17px 0;border-bottom:1px solid #dce8e4}.strength-list b{color:#e17434;font-size:12px}.strength-list span,.strength-list strong,.strength-list small{display:block}.strength-list small{margin-top:5px;color:#6e857e}.application-section{color:#fff;background:#092d29}.section-heading.light .section-kicker{color:var(--mint)}.section-heading.light p{color:#9ec2b9}.application-card{height:100%;padding:30px;background:#103c36;border:1px solid rgba(255,255,255,.08);border-radius:16px;transition:.3s}.application-card:hover{background:#154b43;transform:translateY(-4px)}.application-card>span{color:var(--mint);font-size:11px;font-weight:900}.application-card h3{margin:32px 0 12px;font-size:21px}.application-card p{color:#9fc1b8}
.pack-photo{position:relative}.pack-photo img{width:100%;height:560px;object-fit:cover;border-radius:8px 30px}.pack-photo>div{position:absolute;left:-35px;bottom:35px;padding:18px 24px;background:#fff;border-radius:14px;box-shadow:0 20px 45px rgba(9,43,39,.16)}.pack-photo strong,.pack-photo span{display:block}.pack-photo span{color:#71867f;font-size:11px}.package-chips{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:28px 0}.package-chips span{padding:13px 15px;background:#eef8f4;border-radius:9px;font-size:13px;font-weight:700}.process-row{display:flex;margin-top:35px}.process-row div{flex:1;position:relative}.process-row div:not(:last-child):after{content:"";position:absolute;left:36px;right:8px;top:15px;height:1px;background:#bfd5cf}.process-row b{display:grid;place-items:center;width:31px;height:31px;position:relative;z-index:1;color:#fff;background:#0e554b;border-radius:50%;font-size:11px}.process-row span{display:block;margin-top:9px;color:#5e766f;font-size:12px}.compliance-section{padding:65px 0;background:#e9f7f2}.compliance-box{display:grid;grid-template-columns:1.2fr 1fr;gap:50px;align-items:center}.compliance-box h2{font-size:36px;font-weight:800}.compliance-box p{color:#607d75}.compliance-points{display:grid;grid-template-columns:1fr 1fr;gap:12px}.compliance-points span{padding:14px;background:#fff;border-radius:9px;font-size:13px;font-weight:700}.compliance-note{margin:25px 0 0;color:#728a83;font-size:11px}
.news-card{height:100%;position:relative;padding:32px;background:#fff;border:1px solid var(--line);border-radius:16px}.news-no{position:absolute;right:25px;top:20px;color:#e6efec;font-size:45px;font-weight:900}.news-card small{color:#e17335;font-weight:900}.news-card h3{min-height:78px;margin:24px 0 14px;padding-right:28px;font-size:20px;line-height:1.45;font-weight:800}.news-card p{color:#6a827b;line-height:1.7}.news-card a{color:#126655;font-size:13px;font-weight:800}.accordion-item{border:0;border-bottom:1px solid var(--line)}.accordion-button{padding:24px 0;font-size:17px;font-weight:800}.accordion-button:not(.collapsed){color:var(--ink);background:#fff;box-shadow:none}.accordion-button:focus{box-shadow:none}.accordion-body{padding:0 40px 24px 0;color:#678078;line-height:1.8}
.contact-section{padding:105px 0;color:#fff;background:linear-gradient(125deg,#082824,#0e443d)}.contact-section .section-kicker{color:var(--mint)}.contact-section h2{font-size:clamp(38px,4vw,56px);font-weight:800}.contact-section p{color:#a8c9c1;line-height:1.8}.contact-list{margin-top:30px}.contact-list>a,.contact-list>div{display:flex;align-items:center;gap:14px;padding:10px 0;color:#fff}.contact-list b{display:grid;place-items:center;width:38px;height:38px;color:var(--mint);background:rgba(140,227,192,.1);border-radius:10px}.contact-list span,.contact-list small{display:block}.contact-list small{color:#83a9a0;font-size:10px}.quote-form{padding:36px;background:#fff;border-radius:20px;color:var(--ink);box-shadow:0 30px 70px rgba(0,0,0,.18)}.quote-form label{margin-bottom:7px;font-size:12px;font-weight:800}.quote-form .form-control{padding:12px 14px;background:#f6faf8;border:1px solid #dce8e4;border-radius:8px;font-size:13px}.form-success{padding:12px;color:#176b59;background:#e9f8f2;border-radius:8px;font-size:12px}footer{padding:35px 0 20px;color:#a9c4bd;background:#061d1b}.footer-top{display:flex;align-items:center;gap:30px;padding-bottom:30px;border-bottom:1px solid rgba(255,255,255,.08)}.footer-top p{margin:0 auto 0 0;font-size:13px}.footer-top>div{display:flex;gap:20px}.footer-top>div a{color:#a9c4bd;font-size:12px}.footer-bottom{display:flex;justify-content:space-between;padding-top:18px;color:#66857e;font-size:10px}.floating-inquiry{display:flex;align-items:center;gap:9px;position:fixed;right:22px;bottom:24px;z-index:20;padding:8px 13px 8px 8px;color:#fff;background:#e77938;border-radius:999px;box-shadow:0 12px 30px rgba(0,0,0,.2)}.floating-inquiry span{display:grid;place-items:center;width:32px;height:32px;background:#fff;color:#d76a2c;border-radius:50%;font-weight:900}.floating-inquiry small{font-weight:800}.back-top{position:fixed;right:25px;bottom:82px;z-index:20;width:38px;height:38px;color:#fff;background:#0b4941;border:0;border-radius:50%;opacity:0;pointer-events:none;transition:.25s}.back-top.show{opacity:1;pointer-events:auto}
@media(max-width:1199px){.site-nav{background:rgba(6,34,31,.96)}.navbar-collapse{padding:16px 0}.site-nav .nav-link{padding:.55rem 0!important}}@media(max-width:991px){.section-space{padding:78px 0}.hero-section h1{font-size:48px}.hero-image-wrap img{height:440px}.hero-visual{margin:0 auto}.card-one{left:-10px}.card-two{right:-5px}.hero-section:after{display:none}.trust-item{padding:18px;border-bottom:1px solid #e1ebe8}.image-stack{max-width:650px}.compliance-box{grid-template-columns:1fr}.pack-photo{max-width:600px;margin:auto}.pack-photo>div{left:20px}.footer-top{align-items:flex-start;flex-wrap:wrap}.footer-top p{width:100%}}@media(max-width:575px){.section-space{padding:64px 0}.hero-section h1{font-size:39px}.hero-copy{font-size:16px}.hero-image-wrap img{height:360px}.floating-card{display:none}.hero-points{gap:10px 16px}.catalog-cta{align-items:flex-start;flex-direction:column}.image-stack{padding:0 25px 45px 0}.main-photo{height:390px}.sub-photo{height:145px}.package-chips,.compliance-points{grid-template-columns:1fr}.process-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.process-row div:after{display:none}.quote-form{padding:23px}.footer-top>div{flex-wrap:wrap}.footer-bottom{flex-direction:column;gap:8px}.floating-inquiry small{display:none}.floating-inquiry{padding:8px}.back-top{right:22px}}

/* English multi-page site */
.site-nav .dropdown-menu{padding:12px;min-width:225px;background:#fff;border:0;border-radius:12px;box-shadow:0 18px 50px rgba(3,32,28,.2)}.site-nav .dropdown-item{padding:9px 12px;color:#345a52;border-radius:7px;font-size:13px;font-weight:650}.site-nav .dropdown-item:hover{color:#0b5145;background:#eaf8f3}.site-nav .dropdown-divider{border-color:#deebe7}.site-nav .nav-link.active{color:var(--mint)}
.inner-hero{padding:165px 0 85px;color:#fff;background:radial-gradient(circle at 80% 10%,rgba(86,196,164,.2),transparent 30%),linear-gradient(125deg,#061f1d,#0f443c)}.inner-hero .breadcrumb{margin-bottom:25px}.inner-hero .breadcrumb-item,.inner-hero .breadcrumb-item a{color:#91bbb1;font-size:12px}.inner-hero .breadcrumb-item.active{color:#fff}.inner-hero .breadcrumb-item+.breadcrumb-item:before{color:#628b82}.inner-hero h1{max-width:820px;margin:0;font-size:clamp(43px,6vw,72px);line-height:1.1;font-weight:850;letter-spacing:-.045em}.inner-hero p{max-width:700px;margin:22px 0 0;color:#b9d7d0;font-size:18px;line-height:1.75}.mini-hero{padding:145px 0 55px}.page-intro{padding:55px 0;background:#fff;border-bottom:1px solid var(--line)}.page-intro-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:50px;align-items:center}.page-intro h2{font-size:34px;font-weight:800}.page-intro p{color:var(--muted);line-height:1.8}.stat-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.stat-row div{padding:19px;background:var(--ice);border-radius:12px}.stat-row strong,.stat-row span{display:block}.stat-row strong{font-size:23px}.stat-row span{color:#688078;font-size:11px}
.product-list-header{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:38px}.product-list-header .section-heading{margin-bottom:0}.product-detail-wrap{padding:95px 0;background:#fff}.detail-image{position:relative;padding:15px;background:#eef7f4;border-radius:26px 7px}.detail-image img{display:block;width:100%;height:520px;object-fit:cover;border-radius:18px 5px}.detail-image span{position:absolute;left:30px;top:30px;padding:7px 11px;color:#fff;background:#0b4b42;border-radius:7px;font-size:11px;font-weight:800}.product-detail-wrap h1{font-size:clamp(60px,8vw,100px);line-height:1;font-weight:900;letter-spacing:-.06em}.detail-lead{max-width:610px;margin:24px 0;color:#52726a;font-size:21px;line-height:1.7}.detail-facts{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:30px 0}.detail-facts div{padding:18px;background:#f0f7f4;border-radius:10px}.detail-facts small,.detail-facts strong{display:block}.detail-facts small{margin-bottom:6px;color:#7a928c}.detail-panels{margin-top:75px}.detail-panels article{height:100%;padding:30px;background:#f6faf8;border:1px solid var(--line);border-radius:15px}.detail-panels article>span{color:#e17638;font-size:11px;font-weight:900}.detail-panels h2{margin:25px 0 12px;font-size:19px;font-weight:800}.detail-panels p{color:#658078;line-height:1.75}
.feature-band{padding:80px 0;color:#fff;background:#0b332e}.feature-band .row>div{padding:22px 35px;border-right:1px solid rgba(255,255,255,.1)}.feature-band strong{display:block;margin-bottom:8px;font-size:17px}.feature-band p{margin:0;color:#9ec3ba;font-size:13px;line-height:1.7}.capability-card{height:100%;padding:30px;background:#fff;border:1px solid var(--line);border-radius:16px}.capability-card span{color:#df7133;font-size:11px;font-weight:900}.capability-card h3{margin:23px 0 12px;font-size:20px;font-weight:800}.capability-card p{color:#68817a;line-height:1.75}.wide-image{width:100%;height:540px;object-fit:cover;border-radius:28px 7px}.dark-panel{padding:45px;color:#fff;background:#0b3832;border-radius:22px}.dark-panel h2{font-size:38px;font-weight:800}.dark-panel p{color:#acd0c7;line-height:1.8}.check-list{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:25px 0}.check-list span{padding:13px;background:rgba(255,255,255,.08);border-radius:8px;font-size:13px}
.news-list-card{display:grid;grid-template-columns:190px 1fr;gap:25px;height:100%;padding:18px;background:#fff;border:1px solid var(--line);border-radius:16px;transition:.25s}.news-list-card:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(13,64,56,.1)}.news-thumb{display:grid;place-items:center;min-height:180px;color:#8edfc1;background:linear-gradient(145deg,#0d4b42,#15332e);border-radius:11px;font-size:54px;font-weight:900}.news-list-card small{color:#df7133;font-weight:850}.news-list-card h2{margin:16px 0 10px;font-size:22px;font-weight:800;line-height:1.4}.news-list-card p{color:#68817a;line-height:1.7}.news-list-card a{color:#126655;font-size:13px;font-weight:800}.article-shell{padding:85px 0;background:#fff}.article-head{max-width:930px;margin:0 auto 55px;text-align:center}.article-head h1{margin:15px 0 20px;font-size:clamp(40px,5vw,68px);line-height:1.16;font-weight:850;letter-spacing:-.04em}.article-head p{color:#55756d;font-size:20px;line-height:1.75}.article-head small{color:#8da19c}.article-body{max-width:790px;margin:auto}.article-body>p{margin-bottom:24px;color:#3f5d56;font-size:17px;line-height:1.95}.article-callout{margin-top:45px;padding:32px;background:var(--ice);border-radius:16px}.article-callout strong{font-size:22px}.article-callout p{color:#5e7b73}
.contact-standalone{padding:90px 0;background:#f2f8f6}.office-card{height:100%;padding:26px;background:#fff;border:1px solid var(--line);border-radius:14px}.office-card small,.office-card strong,.office-card span{display:block}.office-card small{color:#e17638;font-weight:800}.office-card strong{margin:12px 0 8px}.office-card span{color:#678079;font-size:13px}.contact-standalone .quote-form{box-shadow:0 25px 60px rgba(11,52,46,.1)}
footer{padding:60px 0 22px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.3fr;gap:45px;padding-bottom:45px}.footer-grid>div{display:flex;align-items:flex-start;flex-direction:column;gap:10px}.footer-grid p{max-width:330px;margin-top:14px;color:#809d96;font-size:13px;line-height:1.7}.footer-grid>div>strong{margin-bottom:6px;color:#fff;font-size:13px}.footer-grid>div>a,.footer-grid>div>span{color:#8eaaa3;font-size:12px}.footer-grid>div>a:hover{color:var(--mint)}
@media(max-width:991px){.page-intro-grid{grid-template-columns:1fr}.product-list-header{align-items:flex-start;flex-direction:column}.feature-band .row>div{border-right:0;border-bottom:1px solid rgba(255,255,255,.1)}.detail-image img{height:430px}.footer-grid{grid-template-columns:1fr 1fr}.news-list-card{grid-template-columns:150px 1fr}}@media(max-width:575px){.inner-hero{padding:130px 0 65px}.inner-hero h1{font-size:42px}.stat-row,.detail-facts,.check-list{grid-template-columns:1fr}.news-list-card{grid-template-columns:1fr}.news-thumb{min-height:135px}.footer-grid{grid-template-columns:1fr}.detail-image img{height:360px}.product-detail-wrap h1{font-size:62px}}

/* Keep the mobile header identical on every page and at every scroll position. */
@media(max-width:1199.98px){
  html{scroll-padding-top:68px}
  #siteHeader{position:sticky;top:0;z-index:1050;width:100%;height:68px;min-height:68px}
  .inner-hero{padding:64px 0 70px}
  .inner-hero.mini-hero{padding:30px 0 32px}
  .site-nav,.scrolled .site-nav{position:relative!important;top:auto!important;right:auto!important;left:auto!important;width:100%!important;height:68px!important;min-height:68px!important;max-height:68px!important;padding:10px 0!important;overflow:visible;background:rgba(6,34,31,.97);box-shadow:0 7px 24px rgba(0,0,0,.14);transform:none!important;transition:background-color .2s,box-shadow .2s}
  .site-nav>.container{height:48px!important;min-height:48px!important;position:relative;align-items:center;flex-wrap:wrap}
  .site-nav .brand{height:48px;min-height:48px;margin:0;padding:0;align-items:center;overflow:visible}
  .site-nav .brand-mark{flex:0 0 36px;width:36px;min-width:36px;height:36px;min-height:36px;font-size:22px}
  .site-nav .brand strong{font-size:16px}
  .site-nav .brand small{margin-top:4px;font-size:7px}
  .site-nav .navbar-toggler{display:grid;place-items:center;flex:0 0 44px;width:44px;min-width:44px;height:40px;min-height:40px;margin:0;padding:5px;border-radius:8px}
  .site-nav .navbar-collapse{position:absolute;top:58px;left:calc(var(--bs-gutter-x)*-.5);right:calc(var(--bs-gutter-x)*-.5);max-height:calc(100vh - 68px);padding:18px 24px 24px;overflow-y:auto;background:rgba(6,34,31,.98);border-top:1px solid rgba(255,255,255,.08);box-shadow:0 18px 28px rgba(0,0,0,.18)}
  .site-nav .navbar-nav{gap:3px}
  .site-nav .nav-link{padding:.65rem 0!important}
  .site-nav .nav-cta{margin-top:4px}
  .site-nav .dropdown-menu{margin:3px 0 8px;padding:8px;box-shadow:none}
}
@media(max-width:575.98px){
  .inner-hero{padding:46px 0 56px}
  .inner-hero.mini-hero{padding:22px 0 24px}
  .inner-hero .breadcrumb{margin-bottom:18px}
  .container{width:calc(100% - 32px);max-width:none;margin-right:16px;margin-left:16px;padding:0}
  .site-nav>.container{width:calc(100% - 24px)!important;max-width:none!important;margin:0 12px!important;padding:0!important}
  .site-nav .navbar-toggler{margin-left:auto!important}
  .hero-section>.container,.inner-hero>.container{width:calc(100% - 32px);max-width:none;margin-right:16px;margin-left:16px;padding:0}
  .hero-section h1{font-size:37px;overflow-wrap:anywhere}
  .inner-hero h1{font-size:38px;overflow-wrap:anywhere}
  .eyebrow{gap:8px;font-size:10px;letter-spacing:.1em}
  .hero-section .d-flex.gap-3 .btn{flex:1 1 100%;width:100%}
}

/* Refined hero composition */
@media(min-width:1200px){
  .site-nav .brand-logo{width:190px;height:60px}
  .hero-section h1{max-width:660px;font-size:clamp(50px,4.45vw,60px);line-height:1.04;letter-spacing:-.04em}
  .hero-section h1 em{display:block;white-space:nowrap}
  .hero-visual{margin-top:48px}
}
@media(min-width:1200px) and (max-width:1399.98px){
  .hero-section h1{max-width:550px;font-size:46px}
}

/* About Carlwhip */
.about-hero{padding-bottom:105px}
.about-hero-kicker{display:block;margin-bottom:18px;color:var(--mint);font-size:12px;font-weight:900;letter-spacing:.2em}
.about-hero h1{max-width:880px}
.about-profile{padding:72px 0}
.about-profile-copy h2{margin-bottom:20px;font-size:clamp(32px,3.3vw,46px);font-weight:850;letter-spacing:-.035em}
.about-profile-copy p{margin-bottom:14px}
.about-profile-copy p:last-child{margin-bottom:0}
.about-stat-row{grid-template-columns:1fr}
.about-stat-row div{padding:21px 23px}
.about-stat-row strong{font-size:25px}
.about-operations{background:#fff}
.about-operation-card{height:100%;overflow:hidden;background:#f4f9f7;border:1px solid var(--line);border-radius:22px 7px}
.about-operation-card img{display:block;width:100%;height:320px;object-fit:cover}
.about-operation-card-featured img{height:390px}
.about-operation-card>div{padding:28px 30px 30px}
.about-operation-card>div>span{color:#d86f34;font-size:11px;font-weight:900;letter-spacing:.14em}
.about-operation-card h3{margin:12px 0 10px;font-size:25px;font-weight:850}
.about-operation-card p{margin:0;color:#5f7b74;line-height:1.75}
.about-packaging-capability{background:#eaf5f1}
.about-capability-panel{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);overflow:hidden;background:#fff;border:1px solid #d8e8e2;border-radius:28px 8px;box-shadow:0 24px 65px rgba(9,43,39,.1)}
.about-capability-media{min-height:620px;position:relative;overflow:hidden;background:#dfeee9}
.about-capability-media img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover}
.about-capability-media:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 52%,rgba(4,36,31,.45))}
.about-capability-badge{position:absolute;left:30px;bottom:30px;z-index:1;padding:17px 21px;color:#fff;background:rgba(6,47,41,.9);border:1px solid rgba(255,255,255,.15);border-radius:5px 15px;backdrop-filter:blur(12px)}
.about-capability-badge strong,.about-capability-badge span{display:block}
.about-capability-badge strong{font-size:27px}
.about-capability-badge span{color:#c7e3dc;font-size:11px}
.about-capability-copy{display:flex;justify-content:center;flex-direction:column;padding:55px}
.about-capability-copy>p{color:#5f7b74;font-size:16px;line-height:1.8}
.about-format-list{margin:24px 0 26px}
.about-format-list>div{display:flex;gap:16px;padding:15px 0;border-bottom:1px solid var(--line)}
.about-format-list b{flex:0 0 auto;color:#df7133;font-size:11px}
.about-format-list span,.about-format-list strong,.about-format-list small{display:block}
.about-format-list small{margin-top:5px;color:#718a84;line-height:1.55}
.about-certifications{background:#fff}
.about-section-note{margin:0;color:#657f78;line-height:1.8}
.about-management-grid{margin-bottom:38px}
.about-management-card{height:100%;padding:29px;background:#f5faf8;border:1px solid var(--line);border-radius:16px}
.about-management-card span,.about-management-card strong{display:block}
.about-management-card span{color:#df7133;font-size:10px;font-weight:900;letter-spacing:.14em}
.about-management-card strong{margin:19px 0 10px;color:#0d554b;font-size:30px}
.about-management-card p{margin:0;color:#68817a;line-height:1.7}
.about-standards-panel{display:grid;grid-template-columns:1fr 1fr;overflow:hidden;color:#fff;background:#0a332e;border-radius:24px 7px}
.about-product-standards,.about-package-standards{padding:44px}
.about-product-standards{background:radial-gradient(circle at 0 100%,rgba(61,180,147,.2),transparent 38%)}
.about-package-standards{background:rgba(255,255,255,.045);border-left:1px solid rgba(255,255,255,.09)}
.about-standards-panel .section-kicker{color:var(--mint)}
.about-standards-panel h3{margin:0 0 14px;font-size:28px;font-weight:850;line-height:1.3}
.about-product-standards p{color:#afd0c8;line-height:1.8}
.about-product-standards>div{display:flex;flex-wrap:wrap;gap:9px;margin-top:25px}
.about-product-standards>div span{padding:9px 12px;color:#d9eee8;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.1);border-radius:7px;font-size:12px;font-weight:800}
.about-package-standards ul{display:grid;gap:10px;margin:23px 0 0;padding:0;list-style:none}
.about-package-standards li{display:grid;grid-template-columns:155px 1fr;gap:12px;padding:11px 0;border-top:1px solid rgba(255,255,255,.09)}
.about-package-standards li strong{color:#fff;font-size:13px}
.about-package-standards li span{color:#9fc2ba;font-size:12px;line-height:1.5}
.about-global-section{background:#f1f7f5}
.about-global-panel{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);overflow:hidden;background:#082d29;border-radius:28px 8px;box-shadow:0 25px 70px rgba(9,43,39,.16)}
.about-global-copy{padding:58px;color:#fff}
.about-global-copy .section-kicker{color:var(--mint)}
.about-global-copy h2{margin-bottom:18px;font-size:clamp(34px,3.8vw,51px);font-weight:850;letter-spacing:-.035em}
.about-global-copy p{color:#accdc5;line-height:1.8}
.about-global-copy .btn{margin-top:13px}
.about-global-panel>img{width:100%;height:100%;min-height:470px;object-fit:cover}
@media(max-width:991.98px){
  .about-hero{padding-bottom:80px}
  .about-capability-panel,.about-global-panel{grid-template-columns:1fr}
  .about-capability-media{min-height:450px}
  .about-capability-copy,.about-global-copy{padding:40px}
  .about-standards-panel{grid-template-columns:1fr}
  .about-package-standards{border-top:1px solid rgba(255,255,255,.09);border-left:0}
  .about-global-panel>img{min-height:360px}
}
@media(max-width:575.98px){
  .about-hero{padding-bottom:58px}
  .about-profile{padding:58px 0}
  .about-operation-card img,.about-operation-card-featured img{height:260px}
  .about-operation-card>div{padding:23px}
  .about-capability-media{min-height:330px}
  .about-capability-badge{left:18px;bottom:18px}
  .about-capability-copy,.about-product-standards,.about-package-standards,.about-global-copy{padding:28px 23px}
  .about-package-standards li{grid-template-columns:1fr;gap:4px}
  .about-global-panel>img{min-height:260px}
}
.floating-card{color:#fff;background:rgba(5,42,37,.78);border:1px solid rgba(164,235,213,.24);box-shadow:0 20px 50px rgba(0,0,0,.3);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.card-one strong{color:var(--mint)}
.card-one span,.card-two small{color:#b9d8d0}
.card-two{top:72px}
.hero-points{margin-top:26px}
@media(max-width:1199.98px){
  .hero-section h1 em{display:block}
}
@media(max-width:575.98px){
  .hero-section h1{font-size:35px;line-height:1.08}
  .hero-section h1 em{white-space:normal}
}

/* Carlwhip brochure assets */
.brand-logo{display:block;width:166px;height:50px;object-fit:contain;object-position:left center;background:transparent;border-radius:0;filter:brightness(0) invert(1)}
footer .brand-logo{width:184px;height:56px}
.hero-section h1{max-width:690px;font-size:clamp(44px,5.2vw,68px);line-height:1.06}
.product-image{background:#fff}
.product-image img{padding:13px;object-fit:contain}
.detail-image{background:#fff;border:1px solid var(--line)}
.detail-image img{padding:20px;object-fit:contain;background:#fff}
.contain-image{object-fit:contain;background:#fff}
.pack-photo img{object-fit:contain;background:#fff}
.office-card a{color:#187463;font-size:13px;overflow-wrap:anywhere}
.contact-methods{display:grid;gap:8px;margin-top:12px}
.contact-methods a{display:flex;align-items:center;gap:8px}
.contact-methods a:before{content:"";flex:0 0 7px;width:7px;height:7px;background:#2abf88;border-radius:50%}
.contact-dock{display:flex;flex-direction:column;gap:10px;position:fixed;right:20px;bottom:24px;z-index:1040}
.contact-dock-link{display:flex;align-items:center;justify-content:flex-end;position:relative;width:52px;height:52px;margin-left:auto;overflow:hidden;color:#fff!important;background:#157b67;border:1px solid rgba(255,255,255,.3);border-radius:999px;box-shadow:0 12px 30px rgba(0,0,0,.22);text-decoration:none;transition:width .25s ease,transform .2s ease,background-color .2s ease}
.contact-dock-link.whatsapp{background:#25d366}
.contact-dock-link.email{background:#e77938}
.contact-dock-link:hover,.contact-dock-link:focus-visible{width:285px;transform:translateY(-2px)}
.contact-dock-link svg{flex:0 0 24px;width:24px;height:24px;margin:0 14px;fill:currentColor}
.contact-dock-link span{width:219px;overflow:hidden;font-size:12px;font-weight:800;line-height:1.25;white-space:nowrap}
.contact-dock-link small{font-size:11px;font-weight:600;opacity:.9}
.contact-dock+.back-top,.back-top{bottom:142px}
@media(min-width:1200px){.site-nav .dropdown:hover>.dropdown-menu{display:block;margin-top:0}}
@media(max-width:1199.98px){
  .site-nav .brand-logo{width:148px;height:44px}
}
@media(max-width:575.98px){
  .site-nav .brand-logo{width:136px;height:40px}
  .product-image{height:220px}
  .contact-dock{right:14px;bottom:16px}
  .contact-dock-link,.contact-dock-link:hover,.contact-dock-link:focus-visible{width:48px;height:48px}
  .contact-dock-link svg{margin:0 12px}
  .back-top{right:19px;bottom:128px}
}

/* Final responsive hero sizing */
@media(min-width:1200px){
  .site-nav .brand-logo{width:190px;height:60px}
  .hero-section h1{max-width:660px;font-size:clamp(50px,4.45vw,60px);line-height:1.04;letter-spacing:-.04em}
  .hero-section h1 em{display:block;white-space:nowrap}
  .hero-visual{margin-top:48px}
}
@media(min-width:576px) and (max-width:1199.98px){
  .hero-section h1{max-width:680px;font-size:48px;line-height:1.06}
  .hero-section h1 em{display:block}
}
@media(max-width:575.98px){
  .hero-section h1{font-size:35px;line-height:1.08}
  .hero-section h1 em{display:block;white-space:normal}
}
@media(min-width:1200px) and (max-width:1399.98px){
  .hero-section h1{max-width:550px;font-size:46px}
}