:root{
  /* QIANMIAO theme variables — matched to the live theme CSS supplied by the user. */
  --main:#64d9b9;
  --second:#64d9b9;
  --gray:#ebf3f5;
  --black:#1d2939;
  --white:#ffffff;
  --red:#f5392b;
  --yellow:#F8BC26;
  --green:#b0b865;
  --gray-border:#E9E9E9;
  --black-dark:#1F242C;
  --font-main:"Mulish";
  --font-headers:"Prompt";
  --font-subheaders:"Prompt";
  --font-main-letterspacing:0;
  --font-headers-letterspacing:0;
  --font-subheaders-letterspacing:0;

  /* Elementor/WP globals retained for compatibility, but theme typography wins. */


  /* Project aliases map directly onto the original theme tokens. */
  --ink:var(--black);
  --body:#1D2939B8;
  --mint:var(--main);
  --mint-deep:var(--main);
  --pale:var(--gray);
  --line:var(--gray-border);
  --dark:var(--black-dark);
  --shell:1320px;
  --shell-wide:1344px;
  --shadow:0 12px 40px rgba(29,41,57,.10);
  --font-display:var(--font-headers),"Noto Sans Display","Inter Display","Inter",sans-serif;
  --font-body:var(--font-main),"Lato","Noto Sans","Inter",sans-serif;

  /* Theme-scale typography. */
  --type-body:16px;
  --type-small:14px;
  --type-nav:14px;
  --type-button:14px;
  --type-eyebrow:12px;
  --type-h1:100px;
  --type-h2:49px;
  --type-h3:22px;
  --type-card-title:17px;
  --type-lead:17px;
  --type-card-body:14px;
  --leading-body:1.7;
  --leading-heading:1.08;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth;overflow-x:clip;font-size:16px;line-height:1.7em;font-family:var(--font-main),sans-serif;letter-spacing:var(--font-main-letterspacing)}
body{margin:0;background:var(--white);color:var(--ink);font-family:var(--font-body);font-size:var(--type-body);line-height:var(--leading-body);font-weight:400;letter-spacing:var(--font-main-letterspacing);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-synthesis:none;overflow-x:hidden}
a{color:inherit;text-decoration:none}
button,input,textarea,select{font:inherit}
img{display:block;max-width:100%}
.shell{width:min(var(--shell),calc(100% - 96px));margin-inline:auto}
.wide-shell{width:min(var(--shell-wide),calc(100% - 96px))}
.section{position:relative}
.pale{background:var(--pale)}
.eyebrow{margin:0 0 22px;text-transform:uppercase;letter-spacing:.36em;font-size:var(--type-eyebrow);line-height:1.35;font-weight:600;color:var(--ink)}
.eyebrow.light{color:#fff}
h1,h2,h3,h4,p{margin-top:0}
h1,h2,h3,h4,h5,h6,.menu a,.submenu a,.btn,.language-trigger,.language-dropdown{font-family:var(--font-display);letter-spacing:var(--font-headers-letterspacing)}
.eyebrow{font-family:var(--font-subheaders);font-weight:600}
h2{font-size:var(--type-h2);line-height:var(--leading-heading);letter-spacing:var(--font-headers-letterspacing);margin-bottom:0;font-weight:600}
.section-heading.center{text-align:center}
.section-heading.center .eyebrow{margin-bottom:13px}
.section-heading.center h2{font-size:var(--type-h2);line-height:var(--leading-heading);font-weight:600}

/* Header */
.site-header{position:relative;z-index:100;background:#fff;height:125px}
.topbar{height:35px;border-bottom:1px solid #edf0f1;background:#fff;color:#627079;font-size:12px;font-weight:400}
.topbar-inner{height:35px;display:flex;align-items:center;justify-content:space-between}
.topbar-contact,.topbar-actions{display:flex;align-items:center}
.topbar-contact{gap:29px}
.topbar-contact a,.topbar-contact span{display:inline-flex;align-items:center;gap:8px;white-space:nowrap}
.dot-icon{color:var(--mint);font-size:8px}
.topbar-actions{gap:17px;color:#6d7680}
.language-menu{position:relative;height:35px;display:flex;align-items:center}

.flag{display:inline-block;width:18px;height:12px;border-radius:2px;box-shadow:0 0 0 1px rgba(29,41,57,.08) inset,0 0 0 1px rgba(29,41,57,.08);background-size:cover;background-position:center;flex:0 0 auto}
.language-flag{width:20px;height:14px;border-radius:3px}
.language-option{display:flex;align-items:center;gap:10px}
.flag-en{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 30'%3E%3CclipPath id='a'%3E%3Cpath d='M0 0v30h60V0z'/%3E%3C/clipPath%3E%3CclipPath id='b'%3E%3Cpath d='M30 15h30v15zv15H0zH0V0zV0h30z'/%3E%3C/clipPath%3E%3Cg clip-path='url(%23a)'%3E%3Cpath d='M0 0v30h60V0z' fill='%23012169'/%3E%3Cpath d='M0 0l60 30m0-30L0 30' stroke='%23fff' stroke-width='6'/%3E%3Cpath d='M0 0l60 30m0-30L0 30' clip-path='url(%23b)' stroke='%23C8102E' stroke-width='4'/%3E%3Cpath d='M30 0v30M0 15h60' stroke='%23fff' stroke-width='10'/%3E%3Cpath d='M30 0v30M0 15h60' stroke='%23C8102E' stroke-width='6'/%3E%3C/g%3E%3C/svg%3E")}
.flag-de{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 5 3'%3E%3Cpath d='M0 0h5v1H0z'/%3E%3Cpath d='M0 1h5v1H0z' fill='%23DD0000'/%3E%3Cpath d='M0 2h5v1H0z' fill='%23FFCE00'/%3E%3C/svg%3E")}
.flag-fr{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 3 2'%3E%3Cpath d='M0 0h1v2H0z' fill='%230055A4'/%3E%3Cpath d='M1 0h1v2H1z' fill='%23fff'/%3E%3Cpath d='M2 0h1v2H2z' fill='%23EF4135'/%3E%3C/svg%3E")}
.flag-es{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 4'%3E%3Cpath d='M0 0h6v1H0zm0 3h6v1H0z' fill='%23AA151B'/%3E%3Cpath d='M0 1h6v2H0z' fill='%23F1BF00'/%3E%3C/svg%3E")}
.flag-zh{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 20'%3E%3Cpath d='M0 0h30v20H0z' fill='%23DE2910'/%3E%3Cpath d='m5 2 1.175 3.618h3.804l-3.077 2.236 1.175 3.618L5 9.236 1.923 11.472l1.175-3.618L0 5.618h3.804z' fill='%23FFDE00' transform='scale(.6)'/%3E%3C/svg%3E")}

.language-trigger{height:35px;border:0;background:transparent;color:#263548;display:flex;align-items:center;gap:10px;padding:0 2px 0 10px;font-size:12px;font-weight:600;letter-spacing:0;cursor:pointer}
.language-code{font-size:10px;color:#89939b;letter-spacing:.08em}
.language-chevron{width:13px;height:13px;color:#9aa4ab;transition:transform .2s ease}
.language-menu.open .language-chevron{transform:rotate(180deg)}
.language-dropdown{position:absolute;right:0;top:33px;width:176px;background:#fff;padding:9px 0;box-shadow:0 16px 45px rgba(16,32,50,.14);border:1px solid #edf1f2;opacity:0;visibility:hidden;transform:translateY(8px);transition:.2s ease;z-index:70}
.language-menu:hover .language-dropdown,.language-menu:focus-within .language-dropdown,.language-menu.open .language-dropdown{opacity:1;visibility:visible;transform:none}
.language-dropdown a{height:42px;padding:0 15px;display:flex;align-items:center;justify-content:space-between;color:#35414d;font-size:13px;font-weight:500;transition:background .2s,color .2s}
.language-dropdown a:hover,.language-dropdown a.active{background:#f1f8f7;color:#172335}
.language-dropdown small{font-family:var(--font-body);font-size:10px;color:#93a0a7}
.mini-icon{border:0;background:none;padding:0;line-height:1;cursor:pointer;position:relative;font-size:13px}
.cart-icon sup{position:absolute;right:-7px;top:-7px;font-size:7px;background:var(--mint);color:#fff;width:11px;height:11px;border-radius:50%;display:grid;place-items:center}
.main-nav{height:90px;background:#fff;transition:height .35s ease,box-shadow .35s ease;position:relative}
.main-nav.is-sticky{position:fixed;top:0;left:0;right:0;height:76px;box-shadow:0 10px 35px rgba(14,28,43,.09);animation:navDown .3s ease both}
@keyframes navDown{from{transform:translateY(-100%)}to{transform:none}}
.nav-inner{height:100%;display:flex;align-items:center}
.brand{position:relative;display:flex;align-items:center;width:190px;height:48px;flex:0 0 190px}
.brand-image{position:absolute;left:0;top:50%;transform:translateY(-50%);width:139px;height:auto;z-index:2;background:#fff}
.brand-fallback{display:flex;align-items:center;gap:8px;line-height:1}
.brand-mark{width:29px;height:29px;border:5px solid var(--mint);border-right-color:transparent;border-radius:50%;display:grid;place-items:center;font-size:0;position:relative}
.brand-mark:after{content:"";width:6px;height:6px;background:var(--mint);border-radius:50%;position:absolute;right:-3px;top:7px}
.brand-copy{display:flex;flex-direction:column;gap:2px}
.brand-copy b{font-size:18px;letter-spacing:-.03em}
.brand-copy small{font-size:5px;letter-spacing:.08em;font-weight:700}
.nav-drawer{margin-left:auto;margin-right:auto}
.drawer-head,.mobile-quick{display:none}
.menu{display:flex;list-style:none;padding:0;margin:0;gap:39px;align-items:center}
.menu>li{position:relative}
.menu a{font-size:var(--type-nav);font-weight:600;letter-spacing:0;line-height:90px;display:block;transition:color .25s ease;white-space:nowrap}
.menu>li.current>a,.menu a:hover{color:var(--mint-deep)}
.submenu-toggle{display:none}
.menu>li.has-menu>a::after{content:"";display:inline-block;width:5px;height:5px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;margin-left:8px;transform:translateY(-2px) rotate(45deg)}
.submenu li.has-menu>a::after{content:"";float:right;width:5px;height:5px;border-right:1.5px solid currentColor;border-top:1.5px solid currentColor;transform:rotate(45deg);margin-top:4px}

.submenu{list-style:none;margin:0;padding:12px 0;min-width:225px;background:#fff;position:absolute;left:-23px;top:calc(100% - 4px);opacity:0;visibility:hidden;transform:translateY(12px);transition:.25s ease;box-shadow:0 18px 45px rgba(16,32,50,.12);border-radius:2px;z-index:30}
.submenu li{position:relative}
.submenu a{line-height:1.35;padding:11px 23px;font-size:13px;font-weight:500;color:#293548}
.has-menu:hover>.submenu,.has-menu:focus-within>.submenu{opacity:1;visibility:visible;transform:none}
.submenu .submenu{left:100%;top:-12px}
.nav-cta{width:218px;margin-left:18px;flex:0 0 auto}
.menu-toggle{display:none}
.search-panel{display:none!important;position:fixed;top:0;left:0;right:0;height:125px;background:#fff;z-index:120;display:flex;align-items:center;justify-content:center;transform:translateY(-110%);transition:transform .3s ease;box-shadow:var(--shadow)}
.search-panel.open{transform:none}
.search-panel input{width:min(700px,80vw);border:0;border-bottom:2px solid var(--ink);font-size:26px;padding:12px 0;outline:0}
.search-close{position:absolute;right:48px;border:0;background:none;font-size:34px;cursor:pointer}

/* Buttons */
.btn{min-height:57px;padding:0 30px;border-radius:40px;display:inline-flex;align-items:center;justify-content:center;gap:19px;font-size:var(--type-button);font-family:var(--font-display);font-weight:600;line-height:1;transition:transform .25s ease,background .25s ease,color .25s ease,box-shadow .25s ease;white-space:nowrap;border:0;cursor:pointer}
.btn-arrow{width:17px;height:17px;transition:transform .25s ease}
.btn:hover{transform:translateY(-1px)}
.btn:hover .btn-arrow{transform:translateX(5px)}
.btn-mint{background:var(--mint);color:var(--ink)}
.btn-mint:hover{background:var(--ink);color:#fff;box-shadow:0 8px 25px rgba(23,35,53,.16)}
.btn-dark{background:var(--dark);color:#fff}
.btn-dark:hover{background:var(--mint);color:var(--ink)}
.btn-small{min-height:44px;padding:0 23px;gap:13px;font-size:12px}

/* Hero */
.hero{height:994px;position:relative;overflow:hidden;color:#fff;background:#34383a}
.hero-slides,.hero-bg,.hero-overlay{position:absolute;inset:0}
.hero-bg{background-image:var(--img),linear-gradient(120deg,#45494c,#22282b);background-size:cover;background-position:68% center;opacity:0;transform:scale(1);transition:opacity 1000ms ease;will-change:transform,opacity}
.hero-bg.active{opacity:1;z-index:1;animation:kenburns 20s ease-out both}
@keyframes kenburns{from{transform:scale(1)}to{transform:scale(1.2)}}
.hero-overlay{z-index:2;background:rgba(20,26,31,.47)}
.hero-shell{height:100%;position:relative;z-index:3;display:flex;align-items:center}
.hero-copy{position:absolute;left:0;top:50%;width:600px;transform:translateY(-44%);opacity:0;visibility:hidden;transition:opacity .75s ease,transform .75s ease}
.hero-copy.active{opacity:1;visibility:visible;transform:translateY(-48%)}
.hero-copy .eyebrow{margin-bottom:15px;font-size:11px;font-weight:600}
.hero h1{font-size:var(--type-h1);line-height:1.025;letter-spacing:var(--font-headers-letterspacing);margin:0 0 29px;font-weight:600}
.hero h1 span{color:var(--mint)}
.hero-text{font-size:16px;line-height:1.7;max-width:515px;color:rgba(255,255,255,.96);margin-bottom:38px}
.hero-actions{display:flex;gap:22px}
.hero-actions .btn{min-width:218px}
.hero-actions{gap:28px}
.hero-bullets{position:absolute;right:35px;top:50%;z-index:5;display:flex;flex-direction:column;gap:12px;transform:translateY(-50%)}
.hero-bullets button{width:7px;height:7px;padding:0;border:1px solid rgba(255,255,255,.7);background:transparent;border-radius:50%;transition:.25s;cursor:pointer}
.hero-bullets button.active{background:var(--mint);border-color:var(--mint);transform:scale(1.5)}

@media(min-width:1199px){
  .hero-copy{top:0;left:0;height:100%;transform:none!important}
  .hero-copy .eyebrow{position:absolute;top:189px;left:0;margin:0}
  .hero-copy h1{position:absolute;top:211px;left:0;margin:0;}
  .hero-copy .hero-text{position:absolute;top:579px;left:0;margin:0;width:515px}
  .hero-copy .hero-actions{position:absolute;top:710px;left:0}
}

/* About */
.about{height:711px;background:#fff}
.about-grid{height:100%;display:grid;grid-template-columns:1.07fr .93fr;align-items:center;gap:88px}
.about-media{height:470px;position:relative;top:13px}
.about-img{position:absolute;object-fit:cover}
.about-img-one{width:255px;height:355px;left:62px;top:76px}
.about-img-two{width:317px;height:440px;left:343px;top:-10px}
.stamp{position:absolute;width:138px;height:138px;left:6px;top:8px;z-index:4;animation:spinStamp 8s linear infinite}
@keyframes spinStamp{to{transform:rotate(360deg)}}
.about-copy{padding-left:25px;margin-top:-9px;position:relative;left:18px;top:-13px}
.about-copy .eyebrow{margin-bottom:13px;position:relative;top:-13px}
.about-copy h2{font-size:49px;line-height:var(--leading-heading);letter-spacing:var(--font-headers-letterspacing);margin-bottom:23px;position:relative;top:-13px;}
.about-copy h4{font-size:var(--type-lead);line-height:1.45;margin:0 0 22px;font-weight:600}
.about-copy>p:not(.eyebrow){max-width:485px;color:var(--body);font-size:var(--type-body);line-height:1.72;margin-bottom:66px}
.about-actions{display:flex;align-items:center;gap:26px}
.about-actions .btn{min-width:218px}
.phone-link{display:flex;align-items:center;gap:19px;font-family:var(--font-display);font-size:14px;font-weight:600}
.phone-round-icon{background:#eff5f6;width:58px;height:58px;border-radius:50%;padding:18px;color:#66737c}

/* Capabilities */
.capabilities{height:678px;padding-top:102px}
.capabilities .section-heading{margin-bottom:56px}
.cap-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:26px}
.flip-card{height:320px;perspective:1200px}
.flip-inner{height:100%;position:relative;transition:transform .75s cubic-bezier(.2,.72,.2,1);transform-style:preserve-3d}
.flip-card:hover .flip-inner,.flip-card:focus-within .flip-inner{transform:rotateY(180deg)}
.flip-face{position:absolute;inset:0;-webkit-backface-visibility:hidden;backface-visibility:hidden;display:flex;align-items:center;justify-content:center;text-align:center;padding:34px;background:#192638;color:#fff;overflow:hidden}
.flip-front{background-image:linear-gradient(rgba(12,25,37,.50),rgba(12,25,37,.50)),var(--img),var(--fallback,linear-gradient(#324353,#253544));background-size:cover;background-position:center}
.flip-back{transform:rotateY(180deg);background:var(--mint);color:var(--ink);flex-direction:column}
.flip-copy{width:100%}
.flip-face h3{font-size:var(--type-card-title);line-height:1.3;margin:15px 0 12px;font-weight:600;letter-spacing:var(--font-headers-letterspacing)}
.flip-face p{font-size:var(--type-card-body);line-height:1.55;margin:0 auto;max-width:244px;font-weight:400;color:rgba(255,255,255,.9)}
.cap-icon{display:block;width:38px;height:38px;color:var(--mint);margin:0 auto;stroke-width:1.65}
.flip-back .cap-icon{color:var(--ink)}
.flip-back p{color:rgba(23,35,53,.78)}


@media(min-width:1199px) and (max-width:1899px){
  .capabilities .cap-grid{width:calc(100% + 14px)}
}
@media(min-width:1900px){
  .capabilities .wide-shell{width:min(1880px,calc(100% - 120px))}
  .capabilities .cap-grid{gap:36px}
}

/* Services */
.services{height:auto;min-height:1066px;background:#fff;padding:116px 0 86px;overflow:visible}
.services-intro{display:grid;grid-template-columns:370px 1fr 190px;gap:56px;align-items:start}
.services-title .eyebrow{margin-bottom:12px}
.services-title h2{font-size:47px;line-height:1.03;}
.services-title h2 span{color:var(--mint)}
.services-lead{color:var(--body);font-size:16px;line-height:1.7;max-width:520px;margin:64px 0 0}
.services-cta{display:flex;justify-content:flex-end;padding-bottom:0;margin-top:64px}
.services-cta .btn{width:218px;min-width:218px;position:relative;left:8px}
.services-body{height:auto;min-height:670px;margin-top:55px;display:grid;grid-template-columns:400px 1fr;gap:38px;align-items:start}
.legs-wrap{display:flex;justify-content:center;align-items:flex-start;padding-top:24px}
.legs-wrap img{width:404px;max-height:610px;object-fit:contain}
.service-list{padding-top:0;position:relative;top:-3px;min-width:0}
.service-row{display:grid;grid-template-columns:88px minmax(280px,330px) 150px 1fr;gap:31px;align-items:center;min-height:154px;border-bottom:1px solid var(--line);padding:20px 0}
.service-row:last-child{border-bottom:0}
.service-row>img{width:88px;height:88px;border-radius:50%;object-fit:cover;background:#edf2f3}
.service-copy h3{font-size:20px;line-height:1.3;margin:0 0 8px;font-weight:600}
.service-copy p{color:var(--body);font-size:14px;line-height:1.65;margin:0;max-width:285px}
.service-row strong{font-family:var(--font-display);font-size:13px;font-weight:600;white-space:nowrap}
.service-row .btn{justify-self:end;width:157px;height:45px;position:relative;right:-12px}

/* Four image service tiles */
.service-tiles{height:587px;display:grid;grid-template-columns:repeat(4,1fr);overflow:hidden;background:#293238}
.service-tile{position:relative;overflow:hidden;background:#3e5058}
.service-tile:before{content:"";position:absolute;inset:0;background-image:var(--img),linear-gradient(140deg,#56656c,#263238);background-size:cover;background-position:center;transition:transform .8s cubic-bezier(.2,.8,.2,1);transform:scale(1.005)}
.service-tile:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(7,17,25,.64),rgba(8,18,25,.08) 58%)}
.service-tile:hover:before{transform:scale(1.08)}
.service-tile a{position:absolute;inset:0;z-index:3;color:#fff;display:flex;align-items:flex-end;justify-content:center;text-align:center;padding:0 30px 52px}
.service-tile span{display:block;text-transform:uppercase;letter-spacing:.25em;font-size:12px;font-weight:600;margin-bottom:5px}
.service-tile h3{font-size:24px;margin:0;font-weight:600;line-height:1.2}
.service-tile p{font-size:14px;line-height:1.6;max-height:0;opacity:0;overflow:hidden;margin:0 auto;max-width:250px;transition:.35s ease}
.service-tile:hover p{opacity:.92;max-height:60px;margin-top:12px}

/* Newsletter */
.newsletter{height:200px;background:var(--mint);display:flex;align-items:center}
.newsletter-inner{display:flex;align-items:center;justify-content:center;gap:62px}
.newsletter-title{display:flex;align-items:center;gap:20px;min-width:280px;padding-left:15px}
.newsletter-icon{width:70px;height:70px;color:var(--ink);stroke-width:1.65}
.newsletter-title h3{margin:0;font-size:26px;line-height:1.08;font-weight:600}
.newsletter-title h3 span{font-weight:700}
.newsletter-form{width:525px;display:flex;background:#fff;border-radius:36px;padding-left:26px;height:58px}
.newsletter-form input{border:0;outline:0;flex:1;min-width:0;background:transparent;color:var(--ink);font-size:14px}
.newsletter-form .btn{height:58px;min-width:220px;margin:0}

/* Skills */
.skills{height:896px;background:#fff}
.skills-grid{height:100%;display:grid;grid-template-columns:1fr 1fr;gap:0;align-items:center}
.skills-copy{padding:0;position:relative;top:-41px}
.skills-copy .eyebrow{margin-bottom:12px;position:relative;top:-12px}
.skills-copy h2{font-size:47px;line-height:1.03;margin-bottom:63px;position:relative;top:-12px;}
.skills-copy h2 span{color:var(--mint)}
.skill-list{max-width:600px}
.skill-list article{display:grid;grid-template-columns:66px 1fr;gap:0;padding:0 0 28px;margin-bottom:62px;border-bottom:1px solid var(--line)}
.skill-list article:last-child{border-bottom:0;margin-bottom:0}
.skill-list b{font-family:var(--font-display);font-size:22px;color:var(--mint);font-weight:600}
.skill-list h3{font-size:20px;margin:0 0 9px;font-weight:600}
.skill-list p{font-size:14px;color:var(--body);line-height:1.7;margin:0;max-width:470px}
.skills-media{display:flex;justify-content:flex-start;padding-left:7px}
.skills-media img{width:560px;height:auto;object-fit:cover}

/* Technology */
.technology-cta{height:738px;position:relative;overflow:hidden;display:grid;place-items:center;color:#fff;background:#1f242c}
.technology-bg,.technology-overlay{position:absolute;inset:-12%;background-image:var(--img);background-size:cover;background-position:center 42%;transform:translate3d(0,var(--parallax,0px),0) scale(1.12);will-change:transform}
.technology-bg{filter:grayscale(.18) brightness(.55) contrast(1.06);opacity:.78}
.technology-overlay{inset:0;background:rgba(31,36,44,.56);opacity:1;transform:none}
.technology-copy{position:relative;z-index:2;text-align:center;margin-top:4px}
.technology-copy h2{font-size:76px;line-height:1.08;letter-spacing:var(--font-headers-letterspacing);margin-bottom:90px;}
.technology-copy h2 span{color:var(--mint)}
.technology-copy .btn{min-width:171px}

/* Feature strip */
.features{height:434px;background:#fff;display:flex;align-items:stretch}
.features-grid{display:grid;grid-template-columns:repeat(4,1fr);height:100%}
.feature{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border-right:1px solid var(--line);padding:25px 42px}
.feature:first-child{border-left:1px solid var(--line)}
.feature-icon{width:88px;height:88px;color:var(--mint);margin-bottom:20px;stroke-width:1.65}
.feature h3{font-size:16px;line-height:1.35;margin:0 0 18px;font-weight:600}
.feature p{font-size:14px;line-height:1.75;color:var(--body);margin:0;max-width:300px}


/* About-page Motor Skills / CountUp module added to homepage */
.motor-stats{min-height:820px;background:#fff;display:flex;align-items:center;overflow:hidden}
.motor-stats-grid{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr);gap:56px;align-items:center}
.motor-stats-media{display:flex;justify-content:center;align-items:center;min-width:0}
.motor-stats-media img{width:min(100%,700px);height:auto;object-fit:contain}
.motor-stats-copy{padding:30px 0 18px;max-width:635px}
.motor-stats-copy h2{font-size:58px;line-height:1.08;font-weight:600;margin:0 0 27px;}
.motor-stats-copy h2 span{color:var(--mint)}
.motor-stats-text{max-width:620px;color:var(--body);font-size:16px;line-height:1.85;margin:0 0 48px}
.countup-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:34px;margin:0 0 67px}
.countup-value{display:flex;align-items:baseline;gap:0;color:var(--mint);font-family:var(--font-display);font-size:54px;line-height:1;font-weight:600}
.countup-label{margin-top:10px;color:var(--ink);font-family:var(--font-display);font-size:15px;line-height:1.25;font-weight:600;white-space:nowrap}
.motor-stats-btn{min-width:218px}

/* FAQ module */
.faq-section{min-height:900px;background:#fff;display:flex;align-items:center}
.faq-grid{display:grid;grid-template-columns:minmax(0,.96fr) minmax(0,1.04fr);gap:84px;align-items:center}
.faq-copy{padding:40px 0 28px}
.faq-copy h2{font-size:36px;line-height:1.18;font-weight:600;margin:0 0 50px;}
.faq-accordion{border-top:1px solid var(--line);margin-bottom:55px}
.faq-item{border-bottom:1px solid var(--line)}
.faq-question{width:100%;border:0;background:transparent;color:var(--ink);display:grid;grid-template-columns:28px 1fr;gap:14px;align-items:center;text-align:left;padding:24px 0;cursor:pointer;font-family:var(--font-display);font-size:18px;line-height:1.35;font-weight:600}
.faq-symbol{color:var(--mint);font-size:20px;font-weight:500;line-height:1}
.faq-answer{padding:0 0 27px 42px;color:var(--body);font-size:14px;line-height:1.75;max-width:620px}
.faq-answer p{margin:0 0 13px}.faq-answer p:last-child{margin-bottom:0}
.faq-btn{min-width:218px}
.faq-media{display:flex;justify-content:flex-end;align-items:center;min-width:0}
.faq-media img{width:min(100%,640px);max-height:730px;object-fit:cover;object-position:center 35%}

@media (max-width:1198px){
  .motor-stats{min-height:auto;padding:92px 0}.motor-stats-grid{grid-template-columns:1fr 1fr;gap:44px}.motor-stats-copy h2{font-size:43px;}.countup-value{font-size:44px}.countup-grid{gap:20px}.countup-label{white-space:normal}
  .faq-section{min-height:auto;padding:96px 0}.faq-grid{gap:48px}.faq-copy h2{font-size:31px;}.faq-question{font-size:16px}
}
@media (max-width:767px){
  .motor-stats{padding:74px 0 82px}.motor-stats-grid{grid-template-columns:1fr;gap:28px}.motor-stats-media{order:0}.motor-stats-media img{width:min(100%,560px)}.motor-stats-copy{order:1;text-align:center;padding:0}.motor-stats-copy h2{font-size:37px;line-height:1.08;}.motor-stats-text{font-size:15px;line-height:1.75;margin-bottom:38px}.countup-grid{grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:45px}.countup-value{font-size:38px;justify-content:center}.countup-label{font-size:12px}
  .faq-section{padding:80px 0}.faq-grid{grid-template-columns:1fr;gap:52px}.faq-copy{padding:0}.faq-copy h2{text-align:center;font-size:31px;margin-bottom:38px;}.faq-question{font-size:15px;padding:20px 0}.faq-answer{padding-left:42px;font-size:14px}.faq-btn{display:flex;width:max-content;margin:42px auto 0}.faq-media{justify-content:center}.faq-media img{width:min(100%,560px);max-height:none}
}
@media (max-width:480px){
  .motor-stats-copy h2{font-size:32px;}.countup-grid{grid-template-columns:1fr;gap:24px}.countup-value{font-size:42px}.countup-label{font-size:13px}
  .faq-copy h2{font-size:27px;}.faq-question{grid-template-columns:24px 1fr;gap:10px}.faq-answer{padding-left:34px}
}

/* Testimonials */
.testimonials{height:735px;display:grid;grid-template-columns:1fr 1fr;background:var(--pale)}
.testimonials-copy{height:100%;display:flex;justify-content:flex-end;align-items:center}
.testimonials-inner{width:620px;padding-right:0;text-align:center;position:relative;height:100%}
.testimonials-inner .eyebrow{margin:0;position:absolute;top:91px;left:0;width:100%}
.testimonials-inner h2{font-size:47px;margin:0;position:absolute;top:119px;left:0;width:100%;}
.testimonial-viewport{contain:layout paint;overflow:hidden;position:absolute;top:232px;left:0;width:100%}
.testimonial-track{display:flex;transition:transform 1000ms cubic-bezier(.2,.75,.25,1)}
.testimonial-slide{min-width:100%;padding:0 28px;text-align:center}
.testimonial-slide blockquote{font-size:16px;line-height:1.9;font-style:italic;color:#626b73;margin:0 auto 43px;max-width:500px}
.testimonial-slide img{width:60px;height:60px;border-radius:50%;object-fit:cover;margin:0 auto 16px}
.testimonial-slide h4{font-size:15px;font-weight:500;margin:0}
.testimonial-arrows{display:flex;justify-content:center;margin:0;position:absolute;top:578px;left:0;width:100%}
.testimonial-arrows button{width:70px;height:70px;border:0;background:var(--mint);color:var(--ink);cursor:pointer;display:grid;place-items:center;transition:.25s}
.testimonial-arrows button:disabled{background:#a9ecdc;color:#79cbbb;cursor:default}
.testimonial-arrows button:not(:disabled):hover{background:var(--ink);color:#fff}
.testimonials-photo{height:100%;position:relative;overflow:hidden;background:#e8ecec}
.testimonials-photo>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 38%;z-index:1}
.photo-fallback{position:absolute;inset:0;z-index:0;background:radial-gradient(circle at 62% 24%,rgba(255,255,255,.72),transparent 24%),linear-gradient(125deg,#e7e4e2 0%,#d5d8d8 38%,#edf2f2 100%)}

/* Blog */
section.blog{height:960px;background:#fff;padding-top:116px}
section.blog .section-heading{margin-bottom:66px}
section.blog .section-heading.blog-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;text-align:left;margin-bottom:52px}
.blog-heading-copy{min-width:0}
.blog-heading-copy .eyebrow{margin-bottom:10px}
.blog-heading-copy h2{margin-bottom:0}
.blog-heading-btn{flex:0 0 auto;min-width:176px}
.blog-grid{display:grid;grid-template-columns:1fr 1fr .98fr;gap:29px}
.post-card{min-width:0}
.post-photo{height:315px;position:relative;display:block;overflow:hidden;background:#e9eeee}
.post-photo img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
.post-photo:after{content:"";position:absolute;inset:0;background:rgba(20,30,38,0);transition:.35s}
.post-photo:hover img{transform:scale(1.06)}
.post-photo:hover:after{background:rgba(20,30,38,.14)}
.post-date{position:absolute;left:0;bottom:0;width:65px;height:65px;background:var(--mint);z-index:2;color:var(--ink);display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1}
.post-date b{font-size:22px}
.post-date small{font-size:10px;margin-top:5px;text-transform:uppercase;font-weight:600}
.post-meta{display:flex;gap:16px;align-items:center;margin:20px 0 12px;color:#7a838a;text-transform:uppercase;letter-spacing:.035em;font-size:10px;font-weight:700}
.post-meta span:first-child{color:var(--mint-deep)}
.post-card h3{font-size:21px;line-height:1.3;margin:0 0 11px;font-weight:600}
.post-card p{font-size:14px;line-height:1.7;color:var(--body);margin:0}
.post-side{display:grid;gap:28px}
.post-small{background:var(--pale);padding:27px 31px 25px;min-height:192px;transition:transform .25s ease}
.post-small:hover{transform:translateY(-3px)}
.post-small .post-meta{margin:0 0 12px}
.post-small h3{font-size:20px;margin-bottom:10px}


/* Contact Map */
.contact-map{height:656px;position:relative;overflow:hidden;background:#f0f1ef}
.map-fallback{position:absolute;inset:0;background:#f4f5f3}
.map-fallback svg{width:100%;height:100%;display:block}
.map-pin{position:absolute;left:49.6%;top:50%;width:56px;height:70px;color:#172335;filter:drop-shadow(0 5px 8px rgba(0,0,0,.18));transform:translate(-50%,-50%);z-index:2}
.map-frame{position:absolute;inset:0;width:100%;height:100%;border:0;filter:grayscale(1);opacity:.80}
.contact-card{position:absolute;z-index:3;right:13.25%;top:50%;transform:translateY(-50%);width:440px;background:#fff;padding:48px 49px;box-shadow:0 14px 48px rgba(20,30,40,.12)}
.contact-card h2{font-size:25px;line-height:1.18;letter-spacing:var(--font-headers-letterspacing);margin-bottom:32px;}
.contact-card ul{list-style:none;padding:0;margin:0}
.contact-card li{display:grid;grid-template-columns:30px 1fr;gap:10px;padding:16px 0;border-bottom:1px solid #edf0f1;font-size:15px;line-height:1.6;color:#69727a}
.contact-card li:last-child{border:0}
.contact-icon{width:21px;height:21px;color:var(--mint);align-self:start;margin-top:1px;stroke-width:1.7}

/* Footer */
.footer{height:420px;background:#1b293b;color:#fff;position:relative;padding-top:62px}
.footer-grid{display:grid;grid-template-columns:1.1fr .9fr 1fr;gap:95px}
.brand-white{height:42px;width:170px;margin-bottom:24px}
.brand-white .brand-mark{border-color:var(--mint);border-right-color:transparent}
.brand-white .brand-copy b{font-size:19px}
.footer-brand>p{font-size:14px;line-height:1.7;color:#9ba7b3;max-width:300px;margin:0 0 24px}
.footer-phone{display:flex;align-items:center;gap:13px;margin-bottom:23px}
.footer-phone-icon{width:25px;height:25px;color:var(--mint);stroke-width:1.7}
.footer-phone span{display:flex;align-items:baseline;gap:8px}
.footer-phone b{font-family:var(--font-display);font-size:20px;font-weight:600}
.footer-phone small{font-size:11px;color:var(--mint);font-weight:600}
.socials{display:flex;gap:20px;color:var(--mint)}
.footer h3{font-size:20px;color:var(--mint);margin:0 0 28px;font-weight:600}
.footer-nav>div{display:grid;grid-template-columns:1fr 1fr;gap:50px}
.footer-nav ul{list-style:none;padding:0;margin:0}
.footer-nav li{margin-bottom:10px}
.footer-nav a{font-size:14px;color:#a8b2bc;transition:color .2s}
.footer-nav a:hover{color:var(--mint)}
.footer-subscribe:not(.footer-inquiry) form{height:52px;border-radius:27px;background:#fff;display:flex;overflow:hidden;margin-top:3px}
.footer-subscribe:not(.footer-inquiry) input{border:0;outline:0;flex:1;min-width:0;padding:0 20px;font-size:14px}
.footer-subscribe:not(.footer-inquiry) button{width:52px;border:0;border-radius:50%;background:var(--mint);color:var(--ink);cursor:pointer}
.footer-subscribe:not(.footer-inquiry) label{display:block;font-size:13px;color:#a8b2bc;margin-top:11px}
.footer-subscribe:not(.footer-inquiry) label input{vertical-align:middle;margin-right:7px;accent-color:var(--mint)}
.footer-bottom{position:absolute;left:50%;transform:translateX(-50%);bottom:0;height:61px;border-top:1px solid rgba(255,255,255,.06);display:flex;align-items:center;font-size:11px;color:#8694a1}
.footer-bottom::first-letter{color:var(--mint)}

/* Reveal */
.reveal{opacity:1;transform:none;transition:opacity .82s ease var(--delay,0ms),transform .82s cubic-bezier(.22,.72,.28,1) var(--delay,0ms)}
.reveal.reveal-pending{opacity:0;transform:translateY(22px)}
.reveal.reveal-pending.from-left{transform:translateX(-32px)}
.reveal.reveal-pending.from-right{transform:translateX(32px)}
.reveal.visible{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.reveal{opacity:1;transform:none;transition:none}.stamp,.hero-bg.active{animation:none!important}}

/* 1200–1439 */
@media(max-width:1439px){
  .menu{gap:29px}.brand{width:172px;flex-basis:172px}.nav-cta{width:200px}
  .hero h1{font-size:92px}.hero-copy{width:560px}
  .about-grid{gap:48px}.about-img-one{left:20px}.about-img-two{left:298px}.stamp{left:-22px}
  .services-intro{grid-template-columns:375px 1fr 170px;gap:40px}.services-body{grid-template-columns:400px 1fr;gap:45px}
}

/* Original theme switches to mobile navigation at 1198px */
@media(max-width:1198px){
  .menu>li.has-menu>a::after,.submenu li.has-menu>a::after{display:none}
  .site-header{height:88px}.topbar{display:none}.main-nav{height:88px}.main-nav.is-sticky{height:72px}
  .shell,.wide-shell{width:min(930px,calc(100% - 64px))}
  .brand{width:170px;flex-basis:170px}.brand-image{width:132px}
  .menu-toggle{display:flex;margin-left:auto;width:46px;height:40px;border:0;background:none;flex-direction:column;justify-content:center;gap:6px;padding:8px;cursor:pointer}
  .menu-toggle i{height:2px;background:var(--ink);width:28px;transition:.3s}
  .nav-cta{margin-left:22px;width:205px}
  .nav-drawer{position:fixed;top:0;right:0;width:min(420px,88vw);height:100vh;background:#182638;color:#fff;z-index:150;transform:translateX(105%);transition:transform .4s cubic-bezier(.22,.75,.25,1),visibility 0s linear .4s;margin:0;padding:0 32px 40px;overflow-y:auto;box-shadow:-20px 0 50px rgba(11,22,35,.2);visibility:hidden;pointer-events:none}
  .nav-drawer.open{transform:none;visibility:visible;pointer-events:auto;transition-delay:0s}
  .drawer-head{display:flex;height:95px;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.10);margin-bottom:17px}.drawer-brand{display:flex;align-items:center;gap:10px}.drawer-brand b{font-size:18px}.drawer-close{border:0;background:none;color:#fff;font-size:34px;cursor:pointer}
  .menu{display:block}.menu>li{border-bottom:1px solid rgba(255,255,255,.08);position:relative}.menu a{color:#fff!important;line-height:1.25;padding:17px 8px;font-size:13px}.submenu-toggle{display:block;position:absolute;right:2px;top:10px;width:38px;height:38px;border:0;background:none;color:#fff;font-size:18px;cursor:pointer}.submenu{position:static;display:none;visibility:visible;opacity:1;transform:none;box-shadow:none;background:rgba(255,255,255,.03);padding:4px 0 9px;min-width:0}.has-menu.mobile-open>.submenu{display:block}.submenu a{padding:10px 21px;font-size:12px;color:#bdc7cf!important}.submenu .submenu{display:none}.has-menu.nested.mobile-open>.submenu{display:block}.mobile-quick{display:flex;gap:20px;font-size:12px;color:#a8b6c1;padding-top:25px}
  .hero{height:900px}.hero-shell{justify-content:center}.hero-copy{left:50%;transform:translate(-50%,-44%);text-align:center;width:min(700px,88vw)}.hero-copy.active{transform:translate(-50%,-48%)}.hero-text{margin-inline:auto}.hero-actions{justify-content:center}.hero h1{font-size:82px}.hero-bullets{right:22px}
  .about{height:auto;padding:100px 0}.about-grid{grid-template-columns:minmax(0,1fr);gap:70px}.about-grid>*{min-width:0}.about-media{width:100%;max-width:680px;margin:auto}.about-copy{width:100%;padding:0;text-align:center}.about-copy>p:not(.eyebrow){margin-inline:auto;margin-bottom:45px}.about-actions{justify-content:center}
  .capabilities{height:auto;padding:90px 0}.cap-grid{grid-template-columns:repeat(2,1fr)}.flip-card{height:340px}
  .services{height:auto;min-height:0;padding:100px 0}.services-intro{grid-template-columns:1fr;text-align:center}.services-lead{margin-inline:auto}.services-cta{justify-content:center}.services-body{height:auto;grid-template-columns:1fr;margin-top:60px}.legs-wrap{display:none}.service-row{grid-template-columns:100px 1fr 110px 130px}
  .service-tiles{height:auto;grid-template-columns:repeat(2,1fr)}.service-tile{height:570px}
  .newsletter{height:auto;padding:45px 0}.newsletter-inner{gap:35px}.newsletter-form{width:min(560px,60vw)}
  .skills{height:auto;padding:100px 0}.skills-grid{grid-template-columns:1fr 1fr;gap:36px}.skills-copy{top:0}.skills-copy .eyebrow,.skills-copy h2{top:0;transform:none}.skills-copy h2{font-size:40px;}.skill-list article{margin-bottom:30px}.skills-media{padding-left:0;justify-content:center}.skills-media img{width:100%;height:auto}
  .technology-cta{height:650px}.technology-copy h2{font-size:49px;}
  .features{height:auto}.features-grid{grid-template-columns:repeat(2,1fr)}.feature{min-height:320px;border-bottom:1px solid var(--line)}
  .testimonials{height:auto;grid-template-columns:1fr}.testimonials-copy{min-height:650px;justify-content:center}.testimonials-inner{width:min(640px,90%);padding:0}.testimonials-photo{height:650px}
  section.blog{height:auto;padding:100px 0}.blog-grid{grid-template-columns:1fr 1fr}.post-side{grid-column:1/-1;grid-template-columns:1fr 1fr}
  .contact-card{right:7%}
  .footer{height:auto;min-height:420px}.footer-grid{gap:50px}
}

@media(max-width:767px){
  body{font-size:16px}.shell,.wide-shell{width:calc(100% - 40px)}
  .site-header{height:76px}.main-nav{height:76px}.brand{width:150px;flex-basis:150px}.brand-image{width:120px}.nav-cta{display:none}
  .hero{height:768px}.hero h1{font-size:clamp(50px,14vw,68px);line-height:1.03}.hero-copy{top:51%;width:calc(100% - 42px)}.hero-copy .eyebrow{font-size:10px}.hero-text{font-size:13px;max-width:470px}.hero-actions{gap:12px}.hero-actions .btn{min-width:0;flex:1;padding-inline:17px}.hero-bullets{right:12px}
  h2{font-size:36px;}.eyebrow{font-size:9px}
  .about{padding:78px 0}.about-media{height:405px}.about-img-one{width:43%;height:300px;left:0;top:70px}.about-img-two{width:53%;height:370px;right:0;left:auto;top:0}.stamp{width:100px;height:100px;left:-5px;top:8px}.about-copy h2{font-size:38px;}.about-actions{flex-direction:column}.phone-link{justify-content:center}
  .capabilities{padding:75px 0}.capabilities .section-heading{margin-bottom:45px}.section-heading.center h2{font-size:36px;}.cap-grid{grid-template-columns:1fr}.flip-card{height:min(90vw,380px)}
  .services{padding:78px 0}.services-title h2{font-size:37px;transform:none;}.services-body{margin-top:44px}.service-row{grid-template-columns:78px 1fr;gap:14px;padding:22px 0}.service-row>img{width:68px;height:68px}.service-row strong{grid-column:2;font-size:11px}.service-row .btn{grid-column:2;justify-self:start}.service-copy h3{font-size:16px}
  .service-tiles{grid-template-columns:1fr}.service-tile{height:510px}
  .newsletter{padding:38px 0}.newsletter-inner{flex-direction:column}.newsletter-title{min-width:0;justify-content:center}.newsletter-form{width:100%;height:54px}.newsletter-form .btn{min-width:135px;height:54px;padding-inline:18px}
  .skills{padding:78px 0}.skills-grid{grid-template-columns:1fr;gap:54px}.skills-copy h2{font-size:36px;margin-bottom:45px;}.skills-media{justify-content:center}.skills-media img{width:100%;height:auto;aspect-ratio:.84;object-fit:cover}
  .technology-cta{height:520px}.technology-copy h2{font-size:39px;transform:none;}.technology-copy{padding-inline:20px}.technology-copy h2{margin-bottom:45px}
  .features-grid{grid-template-columns:1fr}.feature{min-height:285px;border-left:0!important;border-right:0}.feature p{max-width:300px}
  .testimonials-copy{min-height:650px}.testimonials-inner .eyebrow{top:70px}.testimonials-inner h2{top:100px;font-size:36px;}.testimonial-viewport{top:190px}.testimonial-slide{padding:0 5px}.testimonial-slide blockquote{font-size:13px;line-height:1.9;margin-bottom:28px}.testimonial-arrows{top:550px}.testimonial-arrows button{width:58px;height:58px}.testimonials-photo{height:500px}
  section.blog{padding:78px 0}section.blog .section-heading{margin-bottom:45px}section.blog .section-heading.blog-heading{display:block;text-align:center;margin-bottom:38px}.blog-heading-btn{margin-top:22px}.blog-grid{grid-template-columns:1fr}.post-side{grid-column:auto;grid-template-columns:1fr}.post-photo{height:auto;aspect-ratio:1.46}
  .contact-map{height:680px}.map-frame{opacity:.7}.contact-card{left:20px;right:20px;width:auto;top:auto;bottom:30px;transform:none;padding:35px 30px}
  .footer{padding-top:55px}.footer-grid{grid-template-columns:1fr;gap:45px}.footer-bottom{position:static;transform:none;margin-top:40px;height:61px}.footer-nav>div{max-width:320px}.footer-subscribe{padding-bottom:5px}
}

@media(max-width:390px){
  .shell,.wide-shell{width:calc(100% - 30px)}
  .hero{height:740px}.hero h1{font-size:49px}.hero-text{line-height:1.55}.hero-actions{flex-direction:column;align-items:center}.hero-actions .btn{width:200px}.hero-copy{top:52%}
  .about-media{height:360px}.about-img-one{height:265px}.about-img-two{height:330px}.about-copy h2{font-size:33px;}
  .services-title h2,.skills-copy h2{font-size:33px;}
  .newsletter-form{padding-left:17px}.newsletter-form .btn{min-width:115px;font-size:11px}
  .technology-copy h2{font-size:34px;}
}

/* Typography normalization aligned to the retained reference hierarchy. */
input,textarea,select{font-family:var(--font-body)}
.section-heading.center h2{font-family:var(--font-display);font-weight:600;letter-spacing:var(--font-headers-letterspacing)}
.capabilities .section-heading.center .eyebrow{margin-bottom:14px}
.capabilities .section-heading.center h2{font-size:49px;line-height:1.06;}
.flip-front .flip-copy{transform:none!important}
.flip-card:not(:hover) .flip-front{transform:rotateY(0deg)}
.flip-back{transform:rotateY(180deg)}
.service-row>img{object-fit:cover}
.post-card img{object-fit:cover}
.mobile-language{flex-direction:column;align-items:flex-start!important;gap:12px!important}
.mobile-language-links{display:flex;gap:8px;flex-wrap:wrap}
.mobile-language-links a{display:flex!important;align-items:center;justify-content:center;gap:6px;padding:0 8px!important;min-width:56px;height:32px;line-height:1!important;border:1px solid rgba(255,255,255,.14);color:#fff!important;font-size:11px!important}


/* Reference icon system — normalized to the original theme's thin mint outline language. */
.svg-sprite{position:absolute!important;width:0!important;height:0!important;overflow:hidden!important;pointer-events:none}
.svg-icon{display:block;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;shape-rendering:geometricPrecision}
.topbar-icon{width:12px;height:12px;color:var(--mint);fill:var(--mint);stroke:none}
.slider-arrow-icon{width:20px;height:20px}
.meta-item{display:inline-flex;align-items:center;gap:5px}
.meta-icon{width:13px;height:13px;color:var(--mint-deep);stroke-width:1.7}
.social-icon{width:15px;height:15px;stroke-width:1.8}
.send-icon{width:19px;height:19px;stroke-width:1.7}
.footer-subscribe:not(.footer-inquiry) button{display:grid;place-items:center}

.contact-card.reveal.from-right{transform:translate(32px,-50%)}
.contact-card.reveal.from-right.visible{transform:translate(0,-50%)}
.footer-nav li{position:relative;padding-left:14px}
.footer-nav li::before{content:"";position:absolute;left:0;top:.63em;width:5px;height:5px;border-right:1.5px solid var(--mint);border-top:1.5px solid var(--mint);transform:rotate(45deg)}
.map-fallback .map-pin{position:absolute;left:49.6%;top:50%;width:56px;height:70px;color:#172335;filter:drop-shadow(0 5px 8px rgba(0,0,0,.18));transform:translate(-50%,-50%);z-index:2}


/* =========================
   Products page (price-free)
   ========================= */
.page-hero{position:relative;min-height:342px;display:grid;place-items:center;color:#fff;overflow:hidden;background:#1f242c}
.page-hero-bg,.page-hero-overlay{position:absolute;inset:0}
.page-hero-bg{background:linear-gradient(rgba(20,27,36,.30),rgba(20,27,36,.30)),url("../img/inner-hero-lab.webp") center 32%/cover no-repeat;transform:scale(1.02)}
.page-hero-overlay{background:rgba(16,24,35,.40)}
.page-hero-copy{position:relative;z-index:1;text-align:center;padding-top:10px}
.page-hero-copy h1{font-size:58px;line-height:1.06;color:#fff;margin:0 0 18px}
.breadcrumbs{display:flex;justify-content:center;align-items:center;gap:13px;font-family:var(--font-display);font-size:13px;font-weight:600}
.breadcrumbs a{color:var(--mint)}
.breadcrumbs span{opacity:.8}
.products-page{background:#fff;padding:82px 0 108px}
.products-layout{display:grid;grid-template-columns:264px minmax(0,1fr);gap:33px;align-items:start}
.shop-sidebar{background:#eef6f7;padding:29px 23px 25px}
.sidebar-search{display:flex;height:48px;margin-bottom:36px}
.sidebar-search input{flex:1;border:0;background:#fff;padding:0 16px;font-size:13px;color:#62717b}
.sidebar-search button{width:48px;border:0;background:var(--mint);display:grid;place-items:center;color:#1b2b3a;cursor:pointer}
.shop-widget + .shop-widget{margin-top:34px}
.shop-widget h3{font-size:16px;line-height:1.2;margin:0 0 18px}
.shop-widget ul{display:grid;gap:10px}
.shop-widget li,.shop-widget p{font-size:13px;line-height:1.6;color:#5f6f79}
.shop-widget li a{display:inline-flex;align-items:center;gap:8px;color:#2b3948}
.shop-widget li a::before{content:"›";color:var(--mint);font-weight:700;line-height:1}
.tag-cloud{display:flex;flex-wrap:wrap;gap:8px}
.tag-cloud a{display:inline-flex;align-items:center;height:24px;padding:0 10px;border:1px solid #d7e3e5;background:#f8fbfb;color:#49606c;font-size:11px;font-weight:600}
.products-main{min-width:0}
.products-top{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:23px}
.products-count{font-size:13px;color:#65757f}
.products-sort select{height:40px;min-width:170px;padding:0 36px 0 14px;border:1px solid #e8eff1;border-radius:20px;background:#fff;color:#6a7880;font-size:12px;appearance:none;background-image:linear-gradient(45deg, transparent 50%, #8b989f 50%),linear-gradient(135deg, #8b989f 50%, transparent 50%);background-position:calc(100% - 17px) 17px,calc(100% - 12px) 17px;background-size:5px 5px,5px 5px;background-repeat:no-repeat}
.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}
.product-card{border:1px solid #eef1f2;background:#fff;padding:19px 21px 24px;text-align:center;transition:transform .2s ease, box-shadow .25s ease}
.product-card:hover{transform:translateY(-4px);box-shadow:0 14px 38px rgba(23,40,56,.08)}
.product-media{height:218px;display:grid;place-items:center;margin-bottom:16px;background:#fff}
.product-media svg{max-width:100%;max-height:100%}
.product-title{font-size:16px;line-height:1.25;margin:0 0 9px}
.product-desc{font-size:12px;line-height:1.7;color:#8a98a1;margin:0 0 22px;min-height:42px}
.product-card .btn{min-width:132px;height:44px;padding:0 18px;font-size:12px}
.product-card .btn .btn-arrow{width:13px;height:13px}
.product-card .btn.btn-mint{background:var(--mint)}
.shop-pagination{display:flex;justify-content:center;gap:10px;margin-top:34px}
.shop-pagination a{width:40px;height:40px;border:1px solid #e4edef;border-radius:50%;display:grid;place-items:center;font-family:var(--font-display);font-size:13px;font-weight:600;color:#50616c}
.shop-pagination a.active,.shop-pagination a:hover{background:var(--mint);border-color:var(--mint);color:#162335}
.shop-page .footer{margin-top:0}

@media (max-width:1198px){
  .products-layout{grid-template-columns:240px minmax(0,1fr);gap:24px}
  .product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .page-hero-copy h1{font-size:48px}
}
@media (max-width:767px){
  .page-hero{min-height:280px}
  .page-hero-copy h1{font-size:40px}
  .products-page{padding:64px 0 78px}
  .products-layout{grid-template-columns:1fr;gap:28px}
  .shop-sidebar{padding:24px 18px}
  .products-top{flex-direction:column;align-items:flex-start}
  .product-grid{grid-template-columns:1fr;gap:16px}
  .product-media{height:230px}
}

/* Products sidebar refinement — compact, overflow-safe */
.products-page .products-layout{grid-template-columns:300px minmax(0,1fr);gap:36px}
.products-page .shop-sidebar{width:100%;min-width:0;background:#edf5f6;padding:34px 30px 32px;border:none;overflow:hidden}
.products-page .sidebar-search{display:flex;width:100%;min-width:0;height:64px;margin-bottom:46px}
.products-page .sidebar-search input{width:0;min-width:0;flex:1 1 auto;padding:0 20px;border:0;background:#fff;color:#726c70;font-size:16px;line-height:1}
.products-page .sidebar-search input::placeholder{color:#726c70;opacity:1}
.products-page .sidebar-search button{flex:0 0 64px;width:64px;border:0;background:var(--mint);color:var(--ink);display:grid;place-items:center}
.products-page .sidebar-search button .svg-icon{width:23px;height:23px;stroke-width:1.6}
.products-page .shop-widget{min-width:0}
.products-page .shop-widget + .shop-widget{margin-top:52px}
.products-page .shop-widget h3{font-family:var(--font-headers);font-size:18px;line-height:1.2;font-weight:600;letter-spacing:0;text-transform:uppercase;margin:0 0 24px;color:var(--ink)}
.products-page .shop-widget ul{list-style:none;margin:0;padding:0;display:grid;gap:17px;min-width:0}
.products-page .shop-widget li{margin:0;padding:0;min-width:0}
.products-page .shop-widget li a{display:flex;align-items:baseline;gap:10px;min-width:0;width:100%;font-family:var(--font-headers);font-size:15px;font-weight:600;line-height:1.3;color:var(--ink);white-space:normal}
.products-page .shop-widget li a::before{content:"//";flex:0 0 auto;color:var(--mint);font-family:var(--font-main);font-size:18px;font-weight:400;line-height:1}
.products-page .shop-widget li small{flex:0 0 auto;font-family:var(--font-main);font-size:13px;font-weight:400;color:#7d8690;margin-left:2px}
.products-page .tag-cloud{display:flex;flex-wrap:wrap;gap:9px;min-width:0}
.products-page .tag-cloud a{display:inline-flex;align-items:center;justify-content:center;max-width:100%;min-height:36px;padding:0 13px;border:1px solid #ccd8dc;background:transparent;color:var(--ink);font-family:var(--font-headers);font-size:13px;font-weight:600;line-height:1;white-space:nowrap}
.products-page .tag-cloud a::before{content:"#";color:var(--mint);margin-right:1px}
.products-page .tag-cloud a:hover{border-color:var(--mint);transform:translateY(-1px)}
@media (max-width:1198px){
  .products-page .products-layout{grid-template-columns:260px minmax(0,1fr);gap:26px}
  .products-page .shop-sidebar{padding:30px 24px 28px}
  .products-page .sidebar-search{height:58px;margin-bottom:40px}
  .products-page .sidebar-search button{flex-basis:58px;width:58px}
  .products-page .sidebar-search input{padding:0 17px;font-size:15px}
  .products-page .shop-widget + .shop-widget{margin-top:44px}
  .products-page .shop-widget h3{font-size:17px;margin-bottom:21px}
  .products-page .shop-widget ul{gap:15px}
  .products-page .shop-widget li a{font-size:14px;gap:8px}
  .products-page .shop-widget li a::before{font-size:17px}
  .products-page .tag-cloud{gap:8px}
  .products-page .tag-cloud a{min-height:34px;padding:0 11px;font-size:12px}
}
@media (max-width:767px){
  .products-page .products-layout{grid-template-columns:minmax(0,1fr);gap:30px}
  .products-page .shop-sidebar{width:100%;max-width:100%;padding:30px 24px 32px;overflow:hidden}
  .products-page .sidebar-search{height:58px;margin-bottom:40px}
  .products-page .sidebar-search button{flex-basis:58px;width:58px}
  .products-page .sidebar-search input{min-width:0;padding:0 18px;font-size:15px}
  .products-page .shop-widget h3{font-size:17px;margin-bottom:22px}
  .products-page .shop-widget ul{gap:16px}
  .products-page .shop-widget li a{font-size:14px;gap:9px}
  .products-page .shop-widget + .shop-widget{margin-top:46px}
  .products-page .tag-cloud{gap:8px}
  .products-page .tag-cloud a{min-height:34px;padding:0 12px;font-size:12px}
}
@media (max-width:420px){
  .products-page .shop-sidebar{padding:26px 20px 28px}
  .products-page .sidebar-search{height:54px;margin-bottom:34px}
  .products-page .sidebar-search button{flex-basis:54px;width:54px}
  .products-page .sidebar-search input{padding:0 15px;font-size:14px}
  .products-page .shop-widget h3{font-size:16px;margin-bottom:19px}
  .products-page .shop-widget ul{gap:14px}
  .products-page .shop-widget li a{font-size:13.5px;gap:8px}
  .products-page .shop-widget li a::before{font-size:16px}
  .products-page .shop-widget li small{font-size:12px}
  .products-page .shop-widget + .shop-widget{margin-top:40px}
  .products-page .tag-cloud a{min-height:32px;padding:0 10px;font-size:11.5px}
}


/* =========================
   FAQ + 404 internal pages
   ========================= */
.internal-page .page-hero{min-height:400px}
.internal-page .page-hero-bg{background:linear-gradient(rgba(19,27,36,.24),rgba(19,27,36,.24)),url("../img/inner-hero-lab.webp") center 55%/cover no-repeat;filter:brightness(.72) saturate(.72);transform:scale(1.03)}
.internal-page .page-hero-overlay{background:rgba(20,28,38,.46)}
.internal-page .page-hero-copy h1{font-size:58px;margin-bottom:20px}
.internal-page .breadcrumbs{font-size:13px}

.faq-page-content{padding:88px 0 108px;background:#fff}
.faq-page-grid{display:grid;grid-template-columns:minmax(280px,340px) minmax(0,1fr);gap:74px;align-items:start}
.faq-page-intro{padding-top:6px}
.faq-info-block h2{font-size:29px;line-height:1.26;font-weight:600;margin:0 0 28px;color:var(--ink);}
.faq-info-block h2 span{color:var(--mint)}
.faq-info-block p{font-size:15px;line-height:1.78;color:var(--body);margin:0}
.faq-service-list{list-style:none;padding:0;margin:22px 0 0;display:grid;gap:14px}
.faq-service-list li{position:relative;padding-left:20px;color:#66757e;font-size:14px;line-height:1.35}
.faq-service-list li::before{content:"›";position:absolute;left:2px;top:-1px;color:var(--mint);font-size:20px;font-weight:700}
.faq-more-help{margin-top:64px}
.faq-more-help p{margin-bottom:30px}
.faq-more-help .btn{min-width:205px}
.faq-page-accordion{min-width:0}
.faq-page-content .faq-item{border-bottom:1px solid #edf0f1}
.faq-page-content .faq-item:first-child{border-top:1px solid #edf0f1}
.faq-page-content .faq-question{min-height:72px;padding:18px 0;grid-template-columns:30px minmax(0,1fr);gap:20px;font-size:15px;line-height:1.35;font-weight:600;color:var(--ink)}
.faq-page-content .faq-symbol{width:26px;height:26px;border-radius:50%;background:var(--mint);display:grid;place-items:center;color:#183042;font-family:var(--font-main);font-size:18px;line-height:1;font-weight:500;transition:transform .2s ease,background .2s ease}
.faq-page-content .faq-item.open .faq-symbol{transform:rotate(180deg)}
.faq-page-content .faq-answer{padding:0 16px 25px 50px;color:var(--body);font-size:13px;line-height:1.7;max-width:none;animation:faqPageOpen .25s ease both}
.faq-page-content .faq-answer ul{margin:0;padding-left:18px;display:grid;gap:7px}
.faq-page-content .faq-answer li::marker{color:var(--mint)}
@keyframes faqPageOpen{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}

.error-content{padding:78px 0 96px;background:#fff}
.error-inner{text-align:center;display:flex;flex-direction:column;align-items:center}
.error-illustration{position:relative;width:min(500px,78vw);height:min(666px,104vw);max-height:666px;margin:0 auto 18px;display:grid;place-items:center}
.error-illustration>img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;z-index:2;background:#fff}
.error-fallback{position:absolute;inset:0;display:grid;place-items:center;overflow:hidden;color:var(--mint);z-index:1}
.error-fallback strong{font-family:var(--font-headers);font-size:clamp(150px,26vw,320px);font-weight:600;line-height:.8;letter-spacing:-.06em;opacity:.13}
.error-leg{position:absolute;width:145px;height:175px;color:var(--mint);stroke-width:2;filter:drop-shadow(0 12px 16px rgba(26,48,60,.12))}
.error-inner h2{font-size:34px;line-height:1.15;color:var(--mint);margin:0 0 16px;}
.error-inner>p{font-size:16px;line-height:1.7;color:var(--body);max-width:580px;margin:0 0 34px}
.error-home-btn{min-width:190px}
.error-copyright{min-height:78px;background:#1b2a3b;color:#8f9ba6;display:flex;align-items:center;font-size:12px}
.error-copyright .shell{display:flex;align-items:center;min-height:78px}
.error-copyright a{color:var(--mint)}

@media(max-width:1198px){
  .internal-page .page-hero{min-height:350px}
  .faq-page-grid{grid-template-columns:300px minmax(0,1fr);gap:48px}
  .faq-info-block h2{font-size:25px;}
  .faq-page-content .faq-question{font-size:14px;gap:16px}
}
@media(max-width:991px){
  .faq-page-content{padding:72px 0 88px}
  .faq-page-grid{grid-template-columns:1fr;gap:56px}
  .faq-page-intro{max-width:660px;margin:0 auto;text-align:center}
  .faq-service-list{grid-template-columns:repeat(2,minmax(0,1fr));max-width:420px;margin:22px auto 0;text-align:left}
  .faq-more-help{margin-top:50px}
  .faq-more-help .btn{margin-inline:auto}
}
@media(max-width:767px){
  .internal-page .page-hero{min-height:280px}
  .internal-page .page-hero-copy h1{font-size:42px}
  .faq-page-content{padding:62px 0 72px}
  .faq-info-block h2{font-size:24px;}
  .faq-info-block p{font-size:14px;line-height:1.72}
  .faq-page-content .faq-question{min-height:68px;padding:17px 0;grid-template-columns:26px minmax(0,1fr);gap:14px;font-size:14px}
  .faq-page-content .faq-symbol{width:24px;height:24px;font-size:16px}
  .faq-page-content .faq-answer{padding:0 0 23px 40px;font-size:13px}
  .error-content{padding:58px 0 74px}
  .error-illustration{width:min(390px,88vw);height:min(520px,117vw);margin-bottom:8px}
  .error-inner h2{font-size:27px;}
  .error-inner>p{font-size:14px;max-width:430px}
}
@media(max-width:480px){
  .faq-service-list{grid-template-columns:1fr;gap:10px;max-width:220px}
  .faq-page-content .faq-question{font-size:13px}
  .faq-page-content .faq-answer{padding-left:36px}
  .error-illustration{height:420px}
  .error-leg{width:112px;height:145px}
}


/* =========================
   Contacts page
   ========================= */
.contact-page .contact-page-hero .page-hero-bg{background:linear-gradient(rgba(19,27,36,.20),rgba(19,27,36,.20)),url("../img/inner-hero-lab.webp") center 52%/cover no-repeat;filter:brightness(.70) saturate(.72)}
.contact-info-section{padding:82px 0 74px;background:#fff}
.contact-info-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.contact-info-card{min-height:180px;padding:34px 28px;border:1px solid #edf1f2;background:#fff;display:flex;align-items:flex-start;gap:20px;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.contact-info-card:hover{transform:translateY(-5px);border-color:#dfe8e9;box-shadow:0 18px 46px rgba(25,42,55,.07)}
.contact-info-icon{width:50px;height:50px;border-radius:50%;display:grid;place-items:center;background:var(--mint);color:var(--ink);flex:0 0 auto}
.contact-info-icon .svg-icon{width:23px;height:23px;stroke-width:1.7}
.contact-info-card h3{font-size:18px;line-height:1.2;margin:2px 0 11px;color:var(--ink)}
.contact-info-card p{font-size:14px;line-height:1.65;color:var(--body);margin:0}
.contact-info-card a{color:inherit;transition:color .2s ease}
.contact-info-card a:hover{color:var(--mint-deep)}
.contact-main-section{padding:0 0 110px;background:#fff}
.contact-main-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(400px,.95fr);min-height:650px;box-shadow:0 16px 55px rgba(22,39,54,.07)}
.contact-map-panel{position:relative;min-height:650px;overflow:hidden;background:#eef3f2}
.contact-map-fallback{position:absolute;inset:0;background:#eef3f2}
.contact-map-fallback>svg:first-child{width:100%;height:100%;display:block}
.contact-map-marker{position:absolute;left:51%;top:48%;width:58px;height:72px;color:#1d2939;filter:drop-shadow(0 6px 8px rgba(29,41,57,.22));transform:translate(-50%,-50%);z-index:2}
.contact-map-frame{position:absolute;inset:0;width:100%;height:100%;border:0;filter:grayscale(1);opacity:.78}
.contact-form-panel{padding:65px 62px;background:#f1f7f8}
.contact-form-panel .eyebrow{margin:0 0 12px;color:var(--mint-deep)}
.contact-form-panel h2{font-size:40px;line-height:1.08;margin:0 0 20px;}
.contact-form-lead{max-width:520px;margin:0 0 34px;color:var(--body);font-size:15px;line-height:1.75}
.contact-form{display:grid;gap:18px}
.contact-form-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.contact-form label{display:block;min-width:0}
.contact-form label>span:first-child:not(.contact-consent span){display:none}
.contact-form input[type="text"],.contact-form input[type="email"],.contact-form input[type="tel"],.contact-form textarea{width:100%;border:1px solid #dfe8ea;background:#fff;color:var(--ink);font-family:var(--font-main);font-size:14px;outline:none;transition:border-color .2s ease,box-shadow .2s ease}
.contact-form input{height:54px;padding:0 18px}
.contact-form textarea{min-height:150px;padding:16px 18px;resize:vertical;line-height:1.6}
.contact-form input:focus,.contact-form textarea:focus{border-color:var(--mint);box-shadow:0 0 0 3px rgba(100,217,185,.11)}
.contact-form input::placeholder,.contact-form textarea::placeholder{color:#91a0a8;opacity:1}
.contact-consent{display:flex!important;align-items:flex-start;gap:10px;color:#6f7f88;font-size:12px;line-height:1.5;cursor:pointer;margin-top:2px}
.contact-consent input{width:15px;height:15px;margin:2px 0 0;accent-color:var(--mint);flex:0 0 auto}
.contact-form-actions{display:flex;align-items:center;gap:18px;margin-top:8px}
.contact-form-actions .btn{min-width:190px;border:0;cursor:pointer}
.contact-form-status{font-size:13px;line-height:1.4;color:var(--mint-deep);margin:0}
.contact-form-status.error{color:#c3161b}

@media(max-width:1198px){
  .contact-info-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
  .contact-main-grid{grid-template-columns:1fr 1fr;min-height:600px}
  .contact-map-panel{min-height:600px}
  .contact-form-panel{padding:54px 44px}
  .contact-form-panel h2{font-size:34px;}
}
@media(max-width:991px){
  .contact-info-section{padding:68px 0 60px}
  .contact-main-section{padding-bottom:88px}
  .contact-main-grid{grid-template-columns:1fr;box-shadow:none}
  .contact-map-panel{min-height:470px;order:2}
  .contact-form-panel{order:1;padding:54px 50px}
}
@media(max-width:767px){
  .contact-info-section{padding:58px 0 52px}
  .contact-info-grid{grid-template-columns:1fr}
  .contact-info-card{min-height:auto;padding:26px 24px}
  .contact-main-section{padding-bottom:72px}
  .contact-form-panel{padding:42px 26px}
  .contact-form-panel h2{font-size:31px;}
  .contact-form-lead{font-size:14px}
  .contact-form-row{grid-template-columns:1fr;gap:14px}
  .contact-map-panel{min-height:390px}
  .contact-form-actions{align-items:flex-start;flex-direction:column}
}
@media(max-width:480px){
  .contact-info-icon{width:46px;height:46px}
  .contact-info-card h3{font-size:17px}
  .contact-form-panel{padding:38px 20px}
  .contact-form-panel h2{font-size:28px;}
  .contact-map-panel{min-height:330px}
}


/* QIANMIAO PEPTIDES brand/content alignment */
.brand-image{width:184px!important;max-height:56px;object-fit:contain;background:transparent!important}.brand-fallback{opacity:0}.drawer-logo{width:190px;max-height:58px;object-fit:contain}.footer-logo{width:205px;max-height:68px;object-fit:contain;filter:brightness(0) invert(1);opacity:.96}.brand-white{width:220px!important}.socials{align-items:center;gap:14px!important;flex-wrap:wrap}.socials .footer-contact-link{font-family:var(--font-display);font-size:11px;font-weight:600;color:var(--mint);border:1px solid rgba(100,217,185,.25);padding:7px 10px;border-radius:16px}.socials .footer-contact-link:hover{background:var(--mint);color:var(--ink)}.product-media img{width:100%;height:100%;object-fit:contain;display:block}.product-category{font-family:var(--font-display);font-size:10px;line-height:1.4;text-transform:uppercase;letter-spacing:.12em;color:var(--mint-deep);margin:0 0 8px;font-weight:600}.contact-card a{color:inherit}.footer-brand .footer-phone span{flex-direction:column;align-items:flex-start;gap:2px}.footer-brand .footer-phone small{font-size:10px}.hero-bg{background-position:68% center}.hero-bg:nth-child(2){background-position:68% center}.about-img{background:#edf3f4}.capabilities{scroll-margin-top:90px}#quality{scroll-margin-top:90px}#research-peptides,#custom-synthesis,#raw-materials{scroll-margin-top:110px}.error-page-content img,.page-404 img{object-fit:contain}.shop-page .product-card{overflow:hidden}.shop-page .product-media{padding:0;background:#f2f5f6}.shop-page .product-media img{object-fit:contain}.shop-page .product-title{margin-top:2px}
@media(max-width:1198px){.brand-image{width:165px!important}.drawer-logo{width:180px}.footer-logo{width:190px}}
@media(max-width:767px){.brand-image{width:145px!important}.drawer-logo{width:165px}.footer-logo{width:180px}.product-category{font-size:9px}}

@media(min-width:1440px){.hero h1{font-size:88px}.hero-copy{width:650px}.hero-copy[data-index="1"] h1{font-size:72px}}
@media(min-width:1200px) and (max-width:1439px){.hero h1{font-size:80px}.hero-copy{width:590px}.hero-copy[data-index="1"] h1{font-size:65px}}


/* Global shared header/footer normalization */
.site-header{height:125px}
.main-nav{height:90px}
.nav-inner{align-items:center}
.brand{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  width:250px;
  height:64px;
  flex:0 0 250px;
  overflow:visible;
}
.brand-image{
  position:static!important;
  display:block;
  width:220px!important;
  height:auto!important;
  max-height:62px!important;
  object-fit:contain;
  object-position:left center;
  transform:none!important;
  margin:0;
  background:transparent!important;
}
.brand-fallback{display:none!important}
.nav-drawer{margin-left:auto;margin-right:auto}
.menu{gap:36px}
.footer{min-height:430px;height:auto;padding-top:62px;padding-bottom:61px}
.footer-grid{align-items:start}
.brand-white{
  display:flex;
  align-items:center;
  width:255px!important;
  height:70px;
  margin-bottom:20px;
}
.footer-logo{
  display:block;
  width:235px!important;
  height:auto!important;
  max-height:66px!important;
  object-fit:contain;
  object-position:left center;
  filter:brightness(0) invert(1);
  opacity:.96;
}
.footer-bottom{height:61px}
.drawer-logo{
  display:block;
  width:205px;
  height:auto;
  max-height:60px;
  object-fit:contain;
  object-position:left center;
}

@media(max-width:1439px){
  .brand{width:225px;flex-basis:225px}
  .brand-image{width:205px!important}
  .menu{gap:28px}
}
@media(max-width:1198px){
  .site-header{height:88px}
  .main-nav{height:88px}
  .main-nav.is-sticky{height:72px}
  .brand{width:215px;flex-basis:215px;height:58px}
  .brand-image{width:195px!important;max-height:55px!important}
  .drawer-logo{width:195px}
  .footer-logo{width:220px!important}
}
@media(max-width:767px){
  .site-header{height:76px}
  .main-nav{height:76px}
  .brand{width:185px;flex-basis:185px;height:52px}
  .brand-image{width:170px!important;max-height:48px!important}
  .drawer-logo{width:180px}
  .footer-logo{width:210px!important}
  .brand-white{width:225px!important;height:62px}
}
@media(max-width:390px){
  .brand{width:170px;flex-basis:170px}
  .brand-image{width:158px!important}
}


/* Product detail page — QIANMIAO B2B research supply */
.product-page-hero{min-height:300px}.product-page-hero .page-hero-bg{background-image:linear-gradient(rgba(20,27,36,.30),rgba(20,27,36,.30)),url("../img/inner-hero-lab.webp");background-position:center 44%}.product-breadcrumb-label{font-family:var(--font-display);font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--mint);margin:0 0 10px}.product-page-hero .page-hero-copy h1{margin-bottom:15px}
.product-overview{padding:100px 0 110px}.product-overview-grid{display:grid;grid-template-columns:minmax(0,560px) minmax(0,1fr);gap:88px;align-items:center}.product-detail-media{min-width:0}.product-image-frame{position:relative;background:#f2f5f6;overflow:hidden;aspect-ratio:1/1;display:grid;place-items:center}.product-image-frame img{width:100%;height:100%;object-fit:contain}.research-badge{position:absolute;left:24px;top:24px;padding:9px 15px;border-radius:20px;background:var(--mint);font-family:var(--font-display);font-size:11px;font-weight:600;color:var(--ink);letter-spacing:.02em}.product-media-note{display:flex;align-items:center;gap:15px;background:#eef6f7;padding:20px 22px}.product-media-note>.svg-icon{width:34px;height:34px;color:var(--mint-deep);stroke-width:1.4}.product-media-note span{display:flex;flex-direction:column}.product-media-note b{font-family:var(--font-display);font-size:14px;color:var(--ink)}.product-media-note small{font-size:12px;color:#75838d;margin-top:2px}.product-summary h2{font-size:58px;line-height:1;margin:0 0 24px;}.product-summary-lead{font-size:17px;line-height:1.8;color:#667681;max-width:650px;margin:0 0 34px}.product-facts{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:30px}.product-fact{padding:22px 18px 22px 0;border-right:1px solid var(--line)}.product-fact+ .product-fact{padding-left:18px}.product-fact:last-child{border-right:0}.product-fact span{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#89969e;margin-bottom:7px}.product-fact strong{font-family:var(--font-display);font-size:16px;line-height:1.35;color:var(--ink)}.product-summary-actions{display:flex;align-items:center;gap:26px;margin-bottom:28px}.product-whatsapp{display:inline-flex;align-items:center;gap:9px;font-family:var(--font-display);font-size:13px;font-weight:600;color:var(--ink)}.product-whatsapp .svg-icon{width:20px;height:20px;color:var(--mint-deep)}.product-info-strip{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:18px}.product-info-strip>div{display:flex;gap:12px;padding:16px 17px;background:#f5f9f9}.product-info-strip .svg-icon{width:22px;height:22px;color:var(--mint-deep);flex:0 0 auto}.product-info-strip span{display:flex;flex-direction:column}.product-info-strip b{font-family:var(--font-display);font-size:12px}.product-info-strip small{font-size:11px;line-height:1.5;color:#7a8992;margin-top:3px}.research-use-panel{padding:19px 22px;border-left:3px solid var(--mint);background:#1d2939;color:#fff}.research-use-panel strong{font-family:var(--font-display);font-size:13px;color:var(--mint)}.research-use-panel p{font-size:12px;line-height:1.65;color:#bdc7d0;margin:5px 0 0}
.product-spec-section{padding:110px 0}.product-spec-grid{display:grid;grid-template-columns:360px minmax(0,1fr);gap:90px;align-items:start}.product-spec-heading h2{font-size:47px;line-height:1.06;margin:0 0 26px;}.product-spec-heading>p:not(.eyebrow){color:#6d7c86;font-size:15px;line-height:1.8;margin:0 0 25px}.text-link{display:inline-flex;align-items:center;gap:9px;font-family:var(--font-display);font-size:13px;font-weight:600;color:var(--ink)}.text-link .svg-icon,.related-product-link .svg-icon{width:15px;height:15px}.product-spec-table{background:#fff;border-top:4px solid var(--mint);box-shadow:0 16px 50px rgba(22,38,51,.06)}.spec-row{display:grid;grid-template-columns:230px minmax(0,1fr);gap:26px;padding:20px 28px;border-bottom:1px solid #e8eef0}.spec-row:last-child{border-bottom:0}.spec-row span{font-size:13px;color:#7a8991}.spec-row strong{font-family:var(--font-display);font-size:14px;font-weight:500;color:var(--ink);line-height:1.65}.spec-row-storage strong{font-family:var(--font-body);font-size:13px;font-weight:500;color:#576a76}
.product-quality{padding:110px 0}.product-section-lead{max-width:680px;margin:18px auto 0;color:#71808a;line-height:1.8}.product-quality-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:58px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.product-quality-card{position:relative;min-height:315px;padding:42px 28px 36px;border-right:1px solid var(--line)}.product-quality-card:last-child{border-right:0}.product-quality-card>.svg-icon{width:52px;height:52px;color:var(--mint);stroke-width:1.25;margin-bottom:33px}.product-quality-card>span{position:absolute;right:25px;top:24px;font-family:var(--font-display);font-size:11px;color:#a8b2b8}.product-quality-card h3{font-size:17px;line-height:1.25;margin:0 0 14px}.product-quality-card p{font-size:13px;line-height:1.75;color:#7b8992;margin:0}
.related-products{padding:105px 0 115px}.related-products-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:42px}.related-products-head h2{font-size:43px;margin:3px 0 0;}.related-product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.related-product-card{background:#fff;border:1px solid #e8eef0;padding:14px 14px 22px;transition:transform .25s,box-shadow .25s}.related-product-card:hover{transform:translateY(-4px);box-shadow:0 16px 38px rgba(25,42,57,.07)}.related-product-image{display:block;aspect-ratio:1/1;background:#f2f5f6;overflow:hidden;margin-bottom:19px}.related-product-image img{width:100%;height:100%;object-fit:contain;transition:transform .45s}.related-product-card:hover img{transform:scale(1.035)}.related-product-card>p{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--mint-deep);margin:0 8px 8px}.related-product-card h3{font-size:17px;margin:0 8px 18px}.related-product-card h3 a{color:var(--ink)}.related-product-link{display:inline-flex;align-items:center;gap:8px;margin:0 8px;font-family:var(--font-display);font-size:11px;font-weight:600;color:#677781}
.product-inquiry-cta{background:#1d2939;padding:78px 0}.product-inquiry-inner{display:flex;align-items:center;justify-content:space-between;gap:70px}.product-inquiry-inner>div:first-child{max-width:690px}.product-inquiry-inner h2{font-size:42px;color:#fff;margin:0 0 16px;}.product-inquiry-inner p:not(.eyebrow){font-size:15px;line-height:1.75;color:#aeb9c3;margin:0}.product-inquiry-actions{display:flex;gap:12px;flex:0 0 auto}.btn-outline-light{border:1px solid rgba(255,255,255,.3);background:transparent;color:#fff}.btn-outline-light:hover{background:#fff;color:var(--ink)}
@media(max-width:1198px){.product-overview-grid{grid-template-columns:440px minmax(0,1fr);gap:52px}.product-summary h2{font-size:49px;}.product-facts{grid-template-columns:1fr}.product-fact,.product-fact+ .product-fact{padding:14px 0;border-right:0;border-bottom:1px solid var(--line)}.product-fact:last-child{border-bottom:0}.product-info-strip{grid-template-columns:1fr}.product-spec-grid{grid-template-columns:300px minmax(0,1fr);gap:55px}.product-quality-grid{grid-template-columns:repeat(2,1fr)}.product-quality-card:nth-child(2){border-right:0}.product-quality-card:nth-child(-n/**/+2){border-bottom:1px solid var(--line)}.related-product-grid{grid-template-columns:repeat(2,1fr)}.product-inquiry-inner{align-items:flex-start;flex-direction:column;gap:32px}}
@media(max-width:767px){.product-page-hero{min-height:250px}.product-overview{padding:68px 0 78px}.product-overview-grid{grid-template-columns:1fr;gap:45px}.product-image-frame{max-width:520px;margin:auto}.product-summary h2{font-size:41px;}.product-summary-lead{font-size:15px}.product-summary-actions{align-items:flex-start;flex-direction:column;gap:18px}.product-info-strip{grid-template-columns:1fr}.product-spec-section{padding:75px 0}.product-spec-grid{grid-template-columns:1fr;gap:40px}.product-spec-heading h2{font-size:36px;}.spec-row{grid-template-columns:1fr;gap:7px;padding:18px 20px}.product-quality{padding:75px 0}.product-quality-grid{grid-template-columns:1fr;margin-top:42px}.product-quality-card{min-height:0;border-right:0!important;border-bottom:1px solid var(--line)!important;padding:34px 24px}.product-quality-card:last-child{border-bottom:0!important}.related-products{padding:72px 0 80px}.related-products-head{align-items:flex-start;flex-direction:column;gap:18px}.related-products-head h2{font-size:36px;}.related-product-grid{grid-template-columns:1fr 1fr;gap:12px}.related-product-card{padding:10px 10px 18px}.related-product-card h3{font-size:15px}.product-inquiry-cta{padding:62px 0}.product-inquiry-inner h2{font-size:34px;}.product-inquiry-actions{width:100%;flex-direction:column}.product-inquiry-actions .btn{width:100%;justify-content:center}}
@media(max-width:480px){.related-product-grid{grid-template-columns:1fr}.product-summary h2{font-size:38px;}.research-badge{left:16px;top:16px}.product-media-note{padding:16px}.product-inquiry-inner h2{font-size:31px;}}


/* About page — QIANMIAO company profile */
.about-page .about-page-hero{min-height:390px}.about-page .about-page-hero .page-hero-bg{background:linear-gradient(rgba(18,27,37,.30),rgba(18,27,37,.30)),url("../img/inner-hero-lab.webp") center 47%/cover no-repeat;filter:brightness(.72) saturate(.72);transform:scale(1.03)}
.about-company{padding:108px 0 120px}.about-company-grid{display:grid;grid-template-columns:minmax(0,610px) minmax(0,1fr);gap:92px;align-items:center}.about-company-media{height:610px;position:relative;min-width:0}.about-company-image{position:absolute;overflow:hidden}.about-company-image img{width:100%;height:100%;object-fit:cover}.about-company-image-main{width:68%;height:535px;right:0;top:0}.about-company-image-small{width:45%;height:350px;left:0;bottom:0;border:14px solid #fff}.about-company-stamp{position:absolute;left:19%;top:24px;width:122px;height:122px;z-index:4}.about-company-stamp img{width:100%;height:100%;object-fit:contain}.about-company-copy h2{font-size:52px;line-height:1.07;margin:0 0 25px;}.about-company-copy h4{font-size:17px;line-height:1.55;color:var(--ink);margin:0 0 21px}.about-company-copy>p:not(.eyebrow){font-size:15px;line-height:1.8;color:#687780;margin:0 0 16px;max-width:650px}.about-pill-row{display:flex;flex-wrap:wrap;gap:8px;margin:31px 0 34px}.about-pill-row span{display:inline-flex;align-items:center;min-height:35px;padding:0 13px;background:#edf7f5;font-family:var(--font-display);font-size:11px;font-weight:600;color:#334554}.about-company-actions{display:flex;align-items:center;gap:28px}.text-link{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-display);font-size:13px;font-weight:600;color:var(--ink)}.text-link .svg-icon{width:15px;height:15px;color:var(--mint-deep)}
.about-snapshot{padding:105px 0 108px}.about-section-lead{max-width:670px;margin:17px auto 0;font-size:14px;line-height:1.75;color:#75838c}.about-stat-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:58px;background:#fff;border:1px solid #e8eff0}.about-stat{min-height:255px;padding:38px 30px 32px;border-right:1px solid #e8eff0}.about-stat:last-child{border-right:0}.about-stat strong{display:block;font-family:var(--font-display);font-size:44px;line-height:1;color:var(--mint-deep);margin-bottom:18px}.about-stat span{display:block;font-family:var(--font-display);font-size:15px;font-weight:600;color:var(--ink);margin-bottom:11px}.about-stat p{font-size:12px;line-height:1.65;color:#7a8992;margin:0}.about-snapshot-notes{display:grid;grid-template-columns:repeat(4,1fr);margin-top:18px;background:#1d2939;color:#fff}.about-snapshot-notes span{padding:18px 22px;font-size:11px;color:#bdc7cf;border-right:1px solid rgba(255,255,255,.08)}.about-snapshot-notes span:last-child{border-right:0}.about-snapshot-notes b{display:block;font-family:var(--font-display);font-size:11px;color:var(--mint);margin-bottom:4px}
.about-history{padding:112px 0 120px}.about-history-grid{display:grid;grid-template-columns:390px minmax(0,1fr);gap:95px;align-items:start}.about-history-intro h2{font-size:43px;line-height:1.12;margin:0 0 24px;}.about-history-intro>p:not(.eyebrow){font-size:14px;line-height:1.8;color:#6f7d86;margin:0 0 35px}.about-timeline{border-top:1px solid var(--line)}.about-timeline article{display:grid;grid-template-columns:44px 78px minmax(0,1fr);gap:20px;align-items:start;padding:27px 0;border-bottom:1px solid var(--line)}.about-timeline article>span{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--mint);font-family:var(--font-display);font-size:10px;font-weight:600;color:var(--ink)}.about-timeline time{font-family:var(--font-display);font-size:17px;font-weight:600;color:var(--mint-deep);padding-top:5px}.about-timeline h3{font-size:18px;margin:0 0 7px}.about-timeline p{font-size:13px;line-height:1.65;color:#77858e;margin:0}
.about-capabilities{padding:108px 0 115px}.about-capability-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:58px;border-top:1px solid #dde7e9;border-left:1px solid #dde7e9}.about-capability-card{position:relative;min-height:310px;padding:38px 34px;border-right:1px solid #dde7e9;border-bottom:1px solid #dde7e9;background:#fff}.about-capability-card>span{position:absolute;right:28px;top:26px;font-family:var(--font-display);font-size:11px;color:#9aa7ad}.about-capability-card>.svg-icon{width:50px;height:50px;color:var(--mint-deep);stroke-width:1.25;margin-bottom:27px}.about-capability-card h3{font-size:19px;line-height:1.25;margin:0 0 14px}.about-capability-card p{font-size:13px;line-height:1.7;color:#75838d;margin:0 0 18px}.about-capability-card small{font-size:10px;color:var(--mint-deep);font-weight:700;letter-spacing:.02em}
.about-quality{padding:115px 0 120px}.about-quality-grid{display:grid;grid-template-columns:minmax(0,560px) minmax(0,1fr);gap:90px;align-items:center}.about-quality-media{position:relative}.about-quality-media>img{width:100%;height:650px;object-fit:cover}.about-quality-badge{position:absolute;left:0;bottom:0;width:245px;padding:25px 27px;background:#1d2939;color:#fff}.about-quality-badge strong{display:block;font-family:var(--font-display);font-size:18px;color:var(--mint);margin-bottom:5px}.about-quality-badge span{font-size:11px;color:#b8c3cb}.about-quality-copy h2{font-size:47px;line-height:1.08;margin:0 0 24px;}.about-quality-copy>p:not(.eyebrow){font-size:14px;line-height:1.8;color:#6d7c85;margin:0 0 30px}.about-quality-steps{border-top:1px solid var(--line);margin-bottom:29px}.about-quality-steps article{display:grid;grid-template-columns:42px minmax(0,1fr);gap:18px;padding:20px 0;border-bottom:1px solid var(--line)}.about-quality-steps article>span{width:31px;height:31px;display:grid;place-items:center;background:#edf7f5;color:var(--mint-deep);font-family:var(--font-display);font-size:10px;font-weight:600}.about-quality-steps h3{font-size:15px;margin:0 0 4px}.about-quality-steps p{font-size:12px;line-height:1.6;color:#7b8991;margin:0}
.about-workflow{padding:108px 0 118px}.about-workflow-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:58px;border-top:1px solid #dce6e8;border-left:1px solid #dce6e8}.about-workflow-grid article{min-height:205px;padding:28px 25px;border-right:1px solid #dce6e8;border-bottom:1px solid #dce6e8;background:#fff}.about-workflow-grid article>span{width:35px;height:35px;border-radius:50%;display:grid;place-items:center;background:var(--mint);font-family:var(--font-display);font-size:11px;font-weight:600;margin-bottom:23px}.about-workflow-grid h3{font-size:16px;margin:0 0 9px}.about-workflow-grid p{font-size:12px;line-height:1.6;color:#7a8790;margin:0}.about-workflow-grid article:nth-child(5){grid-column:1}.about-workflow-grid article:nth-child(7){grid-column:3}
.about-inquiry-cta{background:#1d2939;padding:78px 0}.about-inquiry-inner{display:flex;align-items:center;justify-content:space-between;gap:70px}.about-inquiry-inner>div:first-child{max-width:720px}.about-inquiry-inner h2{font-size:43px;line-height:1.08;color:#fff;margin:0 0 15px;}.about-inquiry-inner p:not(.eyebrow){font-size:14px;line-height:1.75;color:#aebbc4;margin:0}.about-inquiry-actions{display:flex;gap:12px;flex:0 0 auto}.btn-outline-light{border:1px solid rgba(255,255,255,.45);background:transparent;color:#fff}.btn-outline-light:hover{border-color:var(--mint);background:var(--mint);color:var(--ink)}
@media(max-width:1198px){.about-company-grid{grid-template-columns:1fr 1fr;gap:50px}.about-company-media{height:520px}.about-company-image-main{height:455px}.about-company-image-small{height:295px}.about-company-copy h2{font-size:43px;}.about-stat{padding:30px 22px}.about-stat strong{font-size:36px}.about-history-grid{grid-template-columns:320px 1fr;gap:55px}.about-capability-card{padding:32px 27px}.about-quality-grid{grid-template-columns:1fr 1fr;gap:50px}.about-quality-media>img{height:560px}.about-workflow-grid{grid-template-columns:repeat(3,1fr)}.about-workflow-grid article:nth-child(5),.about-workflow-grid article:nth-child(7){grid-column:auto}.about-inquiry-inner h2{font-size:38px;}}
@media(max-width:767px){.about-page .about-page-hero{min-height:280px}.about-company{padding:72px 0 82px}.about-company-grid{grid-template-columns:1fr;gap:50px}.about-company-media{height:430px;max-width:560px;margin:auto;width:100%}.about-company-image-main{width:70%;height:380px}.about-company-image-small{width:47%;height:250px;border-width:9px}.about-company-stamp{width:90px;height:90px;left:15%;top:15px}.about-company-copy h2{font-size:37px;}.about-company-copy h4{font-size:15px}.about-company-copy>p:not(.eyebrow){font-size:14px}.about-company-actions{align-items:flex-start;flex-direction:column}.about-snapshot{padding:75px 0 78px}.about-stat-grid{grid-template-columns:1fr 1fr;margin-top:42px}.about-stat:nth-child(2){border-right:0}.about-stat{min-height:215px;padding:28px 22px;border-bottom:1px solid #e8eff0}.about-stat strong{font-size:34px}.about-snapshot-notes{grid-template-columns:1fr 1fr}.about-snapshot-notes span:nth-child(2){border-right:0}.about-history{padding:78px 0 82px}.about-history-grid{grid-template-columns:1fr;gap:50px}.about-history-intro h2{font-size:36px;}.about-timeline article{grid-template-columns:38px 65px minmax(0,1fr);gap:13px}.about-capabilities{padding:75px 0 82px}.about-capability-grid{grid-template-columns:1fr 1fr;margin-top:42px}.about-capability-card{min-height:280px;padding:28px 23px}.about-quality{padding:78px 0 82px}.about-quality-grid{grid-template-columns:1fr;gap:48px}.about-quality-media>img{height:auto;aspect-ratio:.85;object-fit:cover}.about-quality-copy h2{font-size:37px;}.about-workflow{padding:75px 0 82px}.about-workflow-grid{grid-template-columns:1fr 1fr;margin-top:42px}.about-workflow-grid article{min-height:185px}.about-inquiry-cta{padding:62px 0}.about-inquiry-inner{align-items:flex-start;flex-direction:column;gap:35px}.about-inquiry-inner h2{font-size:35px;}.about-inquiry-actions{width:100%;flex-direction:column}.about-inquiry-actions .btn{width:100%;justify-content:center}}
@media(max-width:480px){.about-company-media{height:350px}.about-company-image-main{height:315px}.about-company-image-small{height:205px}.about-company-copy h2{font-size:32px;}.about-stat-grid{grid-template-columns:1fr}.about-stat{border-right:0!important}.about-snapshot-notes{grid-template-columns:1fr}.about-snapshot-notes span{border-right:0;border-bottom:1px solid rgba(255,255,255,.08)}.about-capability-grid{grid-template-columns:1fr}.about-capability-card{min-height:0}.about-workflow-grid{grid-template-columns:1fr}.about-workflow-grid article{min-height:0}.about-timeline article{grid-template-columns:34px 55px minmax(0,1fr)}.about-timeline time{font-size:14px}.about-quality-copy h2{font-size:32px;}.about-inquiry-inner h2{font-size:32px;}}


/* =========================
   Insights / News system
   ========================= */
.news-page-hero .page-hero-bg{background:linear-gradient(rgba(20,27,36,.36),rgba(20,27,36,.36)),url("../img/inner-hero-lab.webp") center 35%/cover no-repeat}
.insights-intro{padding:96px 0 82px}.insights-intro-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:100px;align-items:end}.insights-intro h2{margin-bottom:0}.insights-intro-copy>p{max-width:640px;margin:0 0 28px;color:#667681;font-size:17px;line-height:1.8}.insight-filters{display:flex;gap:10px;flex-wrap:wrap}.insight-filters button{height:42px;padding:0 18px;border:1px solid #dce7e8;border-radius:22px;background:#fff;color:#596a75;font-family:var(--font-display);font-size:12px;font-weight:600;cursor:pointer;transition:.2s}.insight-filters button.active,.insight-filters button:hover{background:var(--mint);border-color:var(--mint);color:var(--ink)}
.insights-feature{padding:92px 0}.insight-feature-card{display:grid;grid-template-columns:1.15fr .85fr;background:#fff;min-height:510px}.insight-feature-media{position:relative;overflow:hidden;min-height:510px}.insight-feature-media img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}.insight-feature-card:hover .insight-feature-media img{transform:scale(1.035)}.insight-feature-label{position:absolute;left:28px;top:28px;background:var(--mint);color:var(--ink);height:34px;padding:0 15px;display:flex;align-items:center;border-radius:18px;font-family:var(--font-display);font-size:11px;font-weight:600;text-transform:uppercase}.insight-feature-copy{padding:62px 64px;display:flex;flex-direction:column;justify-content:center}.insight-feature-copy h2{font-size:39px;line-height:1.15;margin:4px 0 21px;}.insight-feature-copy h2 a{color:var(--ink)}.insight-feature-copy>p:not(.eyebrow){font-size:16px;line-height:1.8;color:#6c7b84;margin:0 0 20px}.insight-meta{display:flex;align-items:center;gap:18px;font-size:12px;color:#89959c;margin:0 0 27px}.insight-meta span+span::before,.insight-meta time+span::before{content:"•";margin-right:18px;color:var(--mint)}
.insights-list{padding:105px 0 115px}.insights-list-head{display:flex;justify-content:space-between;align-items:end;gap:60px;margin-bottom:50px}.insights-list-head h2{margin:0}.insights-list-head>p{max-width:420px;color:#74828a;margin:0 0 7px}.insight-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.insight-card{border:1px solid #e9eff0;background:#fff;transition:transform .25s ease,box-shadow .25s ease}.insight-card.is-filtered{display:none}.insight-card:hover{transform:translateY(-5px);box-shadow:0 18px 46px rgba(25,42,57,.08)}.insight-card-media{height:245px;position:relative;display:block;overflow:hidden}.insight-card-media img{width:100%;height:100%;object-fit:cover;transition:transform .55s ease}.insight-card:hover .insight-card-media img{transform:scale(1.04)}.insight-card-media span{position:absolute;left:20px;bottom:20px;background:var(--mint);color:var(--ink);padding:7px 12px;border-radius:16px;font-size:10px;font-family:var(--font-display);font-weight:600}.insight-card-body{padding:28px 29px 30px}.insight-card-body .insight-meta{margin-bottom:14px}.insight-card h3{font-size:21px;line-height:1.35;margin:0 0 14px}.insight-card h3 a{color:var(--ink)}.insight-card p{color:#75838b;font-size:14px;line-height:1.75;margin:0 0 21px}.insight-read{display:inline-flex;align-items:center;gap:8px;color:var(--ink);font-family:var(--font-display);font-size:12px;font-weight:600}.insight-read .svg-icon{width:14px;height:14px;color:var(--mint)}.insight-empty{padding:55px;text-align:center;background:var(--gray);font-family:var(--font-display);font-weight:600}
.insight-newsletter{padding:75px 0}.insight-newsletter-inner{display:grid;grid-template-columns:1fr 560px;gap:70px;align-items:center}.insight-newsletter h2{font-size:36px;margin:0 0 10px;}.insight-newsletter p{margin:0;color:#718089}.insight-newsletter form{height:58px;background:#fff;border-radius:30px;display:flex;padding-left:22px}.insight-newsletter input{flex:1;min-width:0;border:0;background:transparent;outline:0;font-size:14px}.insight-newsletter .btn{height:58px;border:0;min-width:160px}

/* Article detail */
.article-hero{background:#1d2939;color:#fff;padding:112px 0 92px;position:relative;overflow:hidden}.article-hero::after{content:"";position:absolute;width:480px;height:480px;border:1px solid rgba(100,217,185,.15);border-radius:50%;right:-120px;top:-210px;box-shadow:0 0 0 90px rgba(100,217,185,.035),0 0 0 180px rgba(100,217,185,.02)}.article-hero-inner{position:relative;z-index:1;max-width:1080px}.article-breadcrumb{display:flex;gap:10px;align-items:center;font-size:12px;color:#a8b4bf;margin-bottom:48px}.article-breadcrumb a{color:#fff}.article-hero .eyebrow{margin-bottom:15px}.article-hero h1{color:#fff;font-size:58px;line-height:1.08;max-width:1000px;margin:0 0 22px}.article-hero-summary{max-width:760px;font-size:17px;line-height:1.75;color:#bac4cd;margin:0 0 26px}.article-hero-meta{display:flex;gap:21px;align-items:center;color:#95a4af;font-size:12px}.article-hero-meta span::before{content:"•";margin-right:21px;color:var(--mint)}
.article-main{padding:95px 0 115px}.article-layout{display:grid;grid-template-columns:minmax(0,820px) 310px;gap:90px;align-items:start}.article-main-image{width:100%;height:480px;object-fit:cover;margin:0 0 47px}.article-content{min-width:0}.article-content #articleBody>.article-lead{font-size:19px;line-height:1.85;color:#435461;margin:0 0 42px}.article-content h2{font-size:29px;line-height:1.25;margin:48px 0 17px;}.article-content h3{font-size:18px}.article-content p{font-size:16px;line-height:1.9;color:#64737c;margin:0 0 22px}.article-content ul{margin:0 0 28px;padding:0;list-style:none;display:grid;gap:12px}.article-content li{position:relative;padding-left:24px;color:#596a74;line-height:1.75}.article-content li::before{content:"//";position:absolute;left:0;top:0;color:var(--mint);font-weight:700;font-size:11px}.article-content strong{color:var(--ink)}.article-steps{display:grid;gap:0;margin:28px 0 38px;border-top:1px solid #e8eeee}.article-steps article{display:grid;grid-template-columns:62px 1fr;gap:20px;padding:24px 0;border-bottom:1px solid #e8eeee}.article-steps article>span{font-family:var(--font-display);font-size:13px;color:var(--mint);font-weight:700}.article-steps h3{margin:0 0 6px}.article-steps p{margin:0;font-size:14px}.article-checklist{background:var(--gray);padding:30px 34px;margin:32px 0}.article-checklist h3{margin:0 0 12px}.article-checklist p{margin:0}.article-compare{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:25px 0 28px}.article-compare article{padding:28px;background:var(--gray)}.article-compare strong{font-family:var(--font-display);font-size:26px;color:var(--mint);display:block}.article-compare span{font-size:11px;text-transform:uppercase;color:#809099}.article-compare h3{margin:11px 0 0}.article-disclaimer{margin-top:55px;padding:28px 30px;background:#1d2939;color:#fff;display:grid;grid-template-columns:45px 1fr;gap:20px}.article-disclaimer .svg-icon{width:38px;height:38px;color:var(--mint)}.article-disclaimer h3{color:#fff;margin:0 0 6px}.article-disclaimer p{color:#aab6c0;font-size:13px;margin:0;line-height:1.7}.article-sidebar{position:sticky;top:110px;display:grid;gap:20px}.article-side-card{border:1px solid #e6edee;padding:28px 28px 30px}.article-side-card h3{font-size:21px;margin:4px 0 18px}.article-toc nav{display:grid}.article-toc a{padding:11px 0;border-bottom:1px solid #edf1f2;font-size:12px;color:#687880;line-height:1.45}.article-toc a:last-child{border-bottom:0}.article-toc a:hover{color:var(--mint-deep)}.article-project{background:var(--gray);border:0}.article-project p:not(.eyebrow){font-size:13px;color:#65757e;line-height:1.7;margin-bottom:22px}.article-project .btn{width:100%;min-width:0;padding:0 15px}.article-related{padding:92px 0 100px}.article-related .section-heading{margin-bottom:45px}.article-related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.article-related-card{background:#fff}.article-related-card>a{display:block;height:190px;overflow:hidden}.article-related-card img{width:100%;height:100%;object-fit:cover}.article-related-card>div{padding:23px 24px 26px}.article-related-card span{font-size:10px;color:var(--mint-deep);font-family:var(--font-display);font-weight:600}.article-related-card h3{font-size:17px;line-height:1.4;margin:9px 0 12px}.article-related-card h3 a{color:var(--ink)}.article-related-card small{font-size:11px;color:#8d989e}.article-related-more{text-align:center;margin-top:40px}

@media(max-width:1198px){.insights-intro-grid{gap:55px}.insight-feature-copy{padding:45px}.insight-feature-copy h2{font-size:32px;}.insight-grid{grid-template-columns:repeat(2,1fr)}.insight-newsletter-inner{grid-template-columns:1fr 450px}.article-layout{grid-template-columns:minmax(0,1fr) 270px;gap:45px}.article-hero h1{font-size:50px}.article-main-image{height:420px}}
@media(max-width:900px){.insights-intro-grid,.insight-feature-card,.insight-newsletter-inner{grid-template-columns:1fr}.insights-intro-grid{gap:30px}.insight-feature-media{min-height:430px}.insight-feature-copy{padding:48px}.insights-list-head{align-items:flex-start;flex-direction:column;gap:18px}.article-layout{grid-template-columns:1fr}.article-sidebar{position:static;grid-template-columns:1fr 1fr}.article-main-image{height:auto;aspect-ratio:1.7}.article-related-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:767px){.insights-intro{padding:70px 0 55px}.insights-feature{padding:65px 0}.insight-feature-media{min-height:300px}.insight-feature-copy{padding:34px 28px}.insight-feature-copy h2{font-size:26px;}.insights-list{padding:75px 0}.insight-grid{grid-template-columns:1fr}.insight-card-media{height:230px}.insight-newsletter{padding:58px 0}.insight-newsletter form{height:auto;background:transparent;display:grid;gap:10px;padding:0}.insight-newsletter input{height:54px;background:#fff;border-radius:27px;padding:0 20px}.insight-newsletter .btn{width:100%}.article-hero{padding:78px 0 65px}.article-breadcrumb{margin-bottom:33px}.article-hero h1{font-size:38px}.article-hero-summary{font-size:15px}.article-hero-meta{flex-wrap:wrap;gap:8px 15px}.article-hero-meta span::before{margin-right:15px}.article-main{padding:65px 0 78px}.article-main-image{margin-bottom:34px}.article-content #articleBody>.article-lead{font-size:17px}.article-content h2{font-size:24px;margin-top:38px;}.article-sidebar{grid-template-columns:1fr}.article-compare{grid-template-columns:1fr}.article-related{padding:70px 0}.article-related-grid{grid-template-columns:1fr}.article-related-card>a{height:220px}}


/* V20 support, legal and completion pages */
.footer-bottom{justify-content:space-between;gap:28px}.footer-legal{display:flex;align-items:center;gap:20px;margin-left:auto}.footer-legal a{color:#8694a1;font-size:11px;transition:color .2s}.footer-legal a:hover{color:var(--mint)}
.support-page-hero .page-hero-bg{background-image:linear-gradient(rgba(19,29,41,.38),rgba(19,29,41,.38)),url("../img/inner-hero-lab.webp")}
/* Thank you */
.thankyou-page{padding:105px 0 115px;background:#fff}.thankyou-shell{display:flex;justify-content:center}.thankyou-card{width:min(900px,100%);text-align:center}.thankyou-check{width:94px;height:94px;margin:0 auto 30px;color:var(--mint)}.thankyou-check svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:2.3;stroke-linecap:round;stroke-linejoin:round}.thankyou-card h2{font-size:47px;line-height:1.12;margin:7px 0 22px;}.thankyou-lead{max-width:720px;margin:0 auto 48px;color:#6f7e87;font-size:17px;line-height:1.8}.thankyou-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#e6eeee;text-align:left;margin:0 0 40px}.thankyou-steps article{background:var(--gray);padding:30px}.thankyou-steps span{font-family:var(--font-display);font-size:12px;color:var(--mint-deep);font-weight:700}.thankyou-steps h3{font-size:17px;margin:13px 0 9px}.thankyou-steps p{font-size:13px;line-height:1.65;color:#71808a;margin:0}.thankyou-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.thankyou-contact{font-size:13px;color:#859198;margin:25px 0 0}.thankyou-contact a{color:var(--mint-deep);font-weight:700}
/* Policy pages */
.policy-page{padding:95px 0 120px}.policy-layout{display:grid;grid-template-columns:290px minmax(0,790px);gap:90px;justify-content:center;align-items:start}.policy-sidebar{position:sticky;top:110px;background:var(--gray);padding:32px}.policy-sidebar h3{font-size:25px;margin:3px 0 8px}.policy-sidebar>p:not(.eyebrow){font-size:12px;color:#839098;margin:0 0 22px}.policy-sidebar nav{display:grid}.policy-sidebar nav a{padding:11px 0;border-bottom:1px solid #dae5e7;font-size:12px;color:#5f707a}.policy-sidebar nav a:last-child{border-bottom:0}.policy-sidebar nav a:hover{color:var(--mint-deep)}.policy-content{min-width:0}.policy-intro{padding-bottom:42px;border-bottom:1px solid #e7eded;margin-bottom:7px}.policy-intro h2{font-size:40px;margin:5px 0 17px;}.policy-intro>p:not(.eyebrow){font-size:17px;line-height:1.8;color:#65747d;margin:0}.policy-content>section{position:relative;padding:44px 0 40px;border-bottom:1px solid #e7eded}.policy-number{font-family:var(--font-display);font-size:11px;color:var(--mint-deep);font-weight:700}.policy-content h2{font-size:25px;margin:10px 0 16px;}.policy-content p{font-size:15px;line-height:1.85;color:#63727b;margin:0 0 16px}.policy-content ul{list-style:none;padding:0;margin:20px 0 0;display:grid;gap:10px}.policy-content li{position:relative;padding-left:24px;color:#63727b;line-height:1.7}.policy-content li::before{content:"//";position:absolute;left:0;color:var(--mint);font-size:11px;font-weight:700}.policy-content a{color:var(--mint-deep);font-weight:700}.policy-callout{margin:25px 0 0;padding:25px 28px;background:var(--gray)}.policy-callout strong{font-family:var(--font-display);color:var(--ink)}.policy-callout p{margin:8px 0 0;font-size:13px}.policy-content code{font-size:13px;background:var(--gray);padding:2px 5px}.policy-review-note{background:#1d2939;color:#fff;padding:26px 30px;margin-top:38px}.policy-review-note strong{font-family:var(--font-display);color:var(--mint)}.policy-review-note p{color:#adb8c0;margin:7px 0 0;font-size:13px}
/* Research use */
.research-policy-page{padding:95px 0 45px}.research-policy-intro{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:end;margin-bottom:48px}.research-policy-intro h2{font-size:43px;margin:5px 0 0;}.research-policy-intro>p{font-size:16px;line-height:1.8;color:#697983;margin:0}.research-warning{display:grid;grid-template-columns:72px 1fr;gap:24px;background:#1d2939;color:#fff;padding:31px 38px;margin-bottom:48px}.research-warning .svg-icon{width:56px;height:56px;color:var(--mint)}.research-warning strong{font-family:var(--font-display);font-size:21px}.research-warning p{color:#aeb9c1;margin:6px 0 0;line-height:1.7}.research-policy-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:#e3ebed;margin-bottom:90px}.research-policy-grid article{background:#fff;padding:36px 38px}.research-policy-grid span{font-family:var(--font-display);font-size:12px;color:var(--mint-deep);font-weight:700}.research-policy-grid h3{font-size:21px;margin:13px 0 10px}.research-policy-grid p{font-size:14px;line-height:1.75;color:#71808a;margin:0}.research-ack{padding:85px 0}.research-ack-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:90px;align-items:center}.research-ack h2{font-size:40px;margin:4px 0 0;}.research-ack-grid>div:last-child>p{font-size:16px;line-height:1.8;color:#66767f;margin:0 0 28px}
/* Quality */
.quality-page-intro{padding:95px 0}.quality-intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:end}.quality-intro-grid h2{font-size:43px;margin:4px 0 0;}.quality-intro-grid>div:last-child>p{font-size:16px;line-height:1.8;color:#697982;margin:0 0 25px}.quality-pill-row{display:flex;flex-wrap:wrap;gap:8px}.quality-pill-row span{padding:8px 12px;background:var(--gray);font-size:11px;font-family:var(--font-display);font-weight:600}.quality-framework{padding:92px 0 105px}.quality-stage-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#dce6e8;margin-top:48px}.quality-stage-grid article{background:#fff;padding:30px}.quality-stage-grid article:last-child{grid-column:3/5}.quality-stage-grid span{font-family:var(--font-display);font-size:11px;color:var(--mint-deep);font-weight:700}.quality-stage-grid h3{font-size:17px;margin:14px 0 9px}.quality-stage-grid p{font-size:13px;line-height:1.65;color:#73818a;margin:0}.quality-documentation{padding:105px 0}.quality-doc-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:85px;align-items:center}.quality-doc-media img{width:100%;height:620px;object-fit:cover}.quality-doc-copy h2{font-size:41px;margin:5px 0 18px;}.quality-doc-copy>p:not(.eyebrow){color:#6e7d86;line-height:1.8;margin-bottom:28px}.quality-doc-list{border-top:1px solid #e4ebec}.quality-doc-list article{display:grid;grid-template-columns:48px 1fr;gap:15px;padding:20px 0;border-bottom:1px solid #e4ebec}.quality-doc-list article>span{font-family:var(--font-display);font-size:11px;color:var(--mint-deep);font-weight:700}.quality-doc-list h3{font-size:16px;margin:0 0 5px}.quality-doc-list p{font-size:13px;color:#78858c;margin:0;line-height:1.6}
/* Shipping */
.shipping-intro{padding:95px 0}.shipping-intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.shipping-intro h2{font-size:42px;margin:5px 0 18px;}.shipping-intro-grid>div:first-child>p:not(.eyebrow){color:#697982;line-height:1.8}.shipping-facts{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#e2eaec}.shipping-facts article{background:var(--gray);padding:28px}.shipping-facts strong{display:block;font-family:var(--font-display);font-size:28px;color:var(--mint-deep)}.shipping-facts span{font-size:12px;color:#6e7d85;line-height:1.5}.shipping-process{padding:92px 0 105px}.shipping-steps{display:grid;grid-template-columns:repeat(7,1fr);gap:1px;background:#dce6e8;margin-top:48px}.shipping-steps article{background:#fff;padding:27px 20px;min-height:205px}.shipping-steps span{font-family:var(--font-display);font-size:11px;color:var(--mint-deep);font-weight:700}.shipping-steps h3{font-size:15px;line-height:1.35;margin:15px 0 8px}.shipping-steps p{font-size:12px;line-height:1.6;color:#75828a;margin:0}.shipping-methods{padding:100px 0}.shipping-methods-head{max-width:720px;margin-bottom:40px}.shipping-methods-head h2{font-size:40px;margin:5px 0 14px;}.shipping-methods-head>p:not(.eyebrow){color:#6d7c85;line-height:1.8}.shipping-table{border-top:1px solid #e2eaec}.shipping-row{display:grid;grid-template-columns:240px 1fr 150px;gap:20px;padding:19px 20px;border-bottom:1px solid #e2eaec;align-items:center;font-size:13px;color:#697982}.shipping-row strong{font-family:var(--font-display);color:var(--ink)}.shipping-row-head{background:#1d2939;color:#fff;font-family:var(--font-display);font-size:11px;text-transform:uppercase}.shipping-responsibility{padding:90px 0}.shipping-responsibility-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px}.shipping-responsibility h2{font-size:33px;margin:4px 0 25px;}.shipping-responsibility ul{list-style:none;padding:0;margin:0;display:grid;gap:13px}.shipping-responsibility li{position:relative;padding-left:24px;color:#64747d;line-height:1.65}.shipping-responsibility li::before{content:"//";position:absolute;left:0;color:var(--mint);font-size:11px;font-weight:700}
/* Shared dark CTA */
.project-cta{background:#1d2939;padding:75px 0;color:#fff}.project-cta-inner{display:flex;justify-content:space-between;gap:60px;align-items:center}.project-cta h2{color:#fff;font-size:38px;margin:4px 0 12px;}.project-cta p:not(.eyebrow){color:#aab6bf;margin:0;max-width:680px}.project-cta .btn{flex:0 0 auto}
@media(max-width:1198px){.footer-bottom{height:auto;min-height:70px;flex-wrap:wrap;padding:17px 0}.footer-legal{margin-left:0;flex-wrap:wrap}.policy-layout{grid-template-columns:240px minmax(0,1fr);gap:50px}.quality-stage-grid{grid-template-columns:repeat(2,1fr)}.quality-stage-grid article:last-child{grid-column:auto}.shipping-steps{grid-template-columns:repeat(4,1fr)}.shipping-intro-grid,.quality-intro-grid,.quality-doc-grid{gap:50px}.quality-doc-media img{height:540px}}
@media(max-width:900px){.policy-layout{grid-template-columns:1fr}.policy-sidebar{position:static}.policy-sidebar nav{grid-template-columns:repeat(2,1fr);gap:0 20px}.research-policy-intro,.research-ack-grid,.quality-intro-grid,.quality-doc-grid,.shipping-intro-grid,.shipping-responsibility-grid{grid-template-columns:1fr;gap:38px}.shipping-steps{grid-template-columns:repeat(2,1fr)}.project-cta-inner{align-items:flex-start;flex-direction:column}.quality-doc-media img{height:auto;aspect-ratio:1/.8}}
@media(max-width:767px){.footer-bottom{align-items:flex-start;flex-direction:column}.footer-legal{gap:10px 16px}.thankyou-page{padding:75px 0 85px}.thankyou-card h2{font-size:34px;}.thankyou-lead{font-size:15px}.thankyou-steps{grid-template-columns:1fr}.policy-page{padding:70px 0 85px}.policy-sidebar{padding:26px}.policy-sidebar nav{grid-template-columns:1fr}.policy-intro h2{font-size:31px;}.policy-content h2{font-size:22px;}.research-policy-page{padding:70px 0 30px}.research-policy-intro{margin-bottom:35px}.research-policy-intro h2,.quality-intro-grid h2,.shipping-intro h2{font-size:33px;}.research-warning{grid-template-columns:45px 1fr;padding:25px 23px}.research-warning .svg-icon{width:40px;height:40px}.research-policy-grid{grid-template-columns:1fr;margin-bottom:65px}.research-policy-grid article{padding:28px}.research-ack{padding:65px 0}.research-ack h2{font-size:32px;}.quality-page-intro,.shipping-intro{padding:70px 0}.quality-framework,.shipping-process{padding:70px 0 78px}.quality-stage-grid{grid-template-columns:1fr}.quality-documentation,.shipping-methods{padding:75px 0}.quality-doc-copy h2,.shipping-methods-head h2{font-size:32px;}.shipping-facts{grid-template-columns:1fr 1fr}.shipping-steps{grid-template-columns:1fr}.shipping-steps article{min-height:0}.shipping-row{grid-template-columns:1fr;gap:5px;padding:20px}.shipping-row-head{display:none}.shipping-row span:last-child{color:var(--mint-deep);font-weight:700}.shipping-responsibility{padding:70px 0}.project-cta{padding:60px 0}.project-cta h2{font-size:31px;}.project-cta .btn{width:100%}}
@media(max-width:480px){.shipping-facts{grid-template-columns:1fr}.thankyou-actions{display:grid}.thankyou-actions .btn{width:100%}.policy-content>section{padding:34px 0}.research-policy-intro h2,.quality-intro-grid h2,.shipping-intro h2{font-size:30px;}}


/* V21 listing pagination, product detail links and inquiry popup */
.product-title a{color:var(--ink)}
.product-detail-link{color:inherit}
.product-card[hidden],.insight-card[hidden]{display:none!important}
.content-pagination{display:flex;justify-content:center;align-items:center;gap:10px;margin-top:42px}
.content-pagination[hidden]{display:none!important}
.pagination-btn{width:42px;height:42px;border:1px solid #dfe9eb;border-radius:50%;background:#fff;color:#53636e;font-family:var(--font-display);font-size:13px;font-weight:600;display:grid;place-items:center;cursor:pointer;transition:.2s}
.pagination-btn:hover,.pagination-btn.active{background:var(--mint);border-color:var(--mint);color:var(--ink);transform:translateY(-1px)}
.pagination-btn:disabled{opacity:.34;cursor:default;transform:none;background:#fff;border-color:#e8eeee;color:#8e999f}
.product-dynamic-visual{width:78%;height:78%;display:grid;place-items:center}
.product-dynamic-visual svg{width:100%;height:100%;max-width:430px;max-height:430px}
body.modal-open{overflow:hidden}
.inquiry-modal{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:30px;opacity:0;visibility:hidden;transition:opacity .22s ease,visibility .22s ease}
.inquiry-modal.open{opacity:1;visibility:visible}
.inquiry-modal-backdrop{position:absolute;inset:0;background:rgba(13,23,34,.72);backdrop-filter:blur(4px)}
.inquiry-modal-dialog{position:relative;width:min(760px,100%);max-height:calc(100vh - 60px);overflow:auto;background:#fff;box-shadow:0 30px 100px rgba(8,18,29,.3);padding:44px 48px 42px;transform:translateY(18px) scale(.985);transition:transform .25s ease}
.inquiry-modal.open .inquiry-modal-dialog{transform:none}
.inquiry-modal-close{position:absolute;right:18px;top:15px;width:40px;height:40px;border:0;background:transparent;color:#7a8790;font-size:32px;line-height:1;cursor:pointer}
.inquiry-modal-head{padding-right:35px;margin-bottom:28px}.inquiry-modal-head h2{font-size:36px;line-height:1.12;margin:3px 0 12px;}.inquiry-modal-head>p:not(.eyebrow){max-width:620px;margin:0;color:#718089;font-size:14px;line-height:1.7}
.inquiry-selected-product{display:flex;align-items:center;justify-content:space-between;gap:20px;background:#eef7f5;border-left:3px solid var(--mint);padding:15px 18px;margin-bottom:22px}.inquiry-selected-product span{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#74828b}.inquiry-selected-product strong{font-family:var(--font-display);font-size:15px;color:var(--ink);text-align:right}
.inquiry-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.inquiry-modal-form label{display:flex;flex-direction:column;gap:7px}.inquiry-modal-form label>span:first-child{font-family:var(--font-display);font-size:11px;font-weight:600;color:#53636d}.inquiry-modal-form input,.inquiry-modal-form textarea{width:100%;border:1px solid #dfe8e9;background:#fbfdfd;color:var(--ink);outline:0;padding:0 16px;font-family:var(--font-body);font-size:14px;transition:border-color .2s,box-shadow .2s}.inquiry-modal-form input{height:50px}.inquiry-modal-form textarea{padding-top:13px;resize:vertical;min-height:116px}.inquiry-modal-form input:focus,.inquiry-modal-form textarea:focus{border-color:var(--mint);box-shadow:0 0 0 3px rgba(100,217,185,.12)}
.inquiry-full{margin-top:16px}.inquiry-consent{margin-top:18px!important;display:grid!important;grid-template-columns:18px 1fr;align-items:start;gap:10px!important}.inquiry-consent input{width:16px!important;height:16px!important;margin-top:2px;accent-color:var(--mint)}.inquiry-consent span{font-family:var(--font-body)!important;font-size:12px!important;line-height:1.55;color:#74818a!important}.inquiry-consent a{color:var(--mint-deep);text-decoration:underline}
.inquiry-form-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:24px}.inquiry-form-status{font-size:12px;color:#5c716e;margin:0}.inquiry-form-status.error{color:#b64f49}.inquiry-form-bottom .btn{border:0;min-width:170px}
@media(max-width:767px){.content-pagination{gap:7px;margin-top:32px}.pagination-btn{width:38px;height:38px}.inquiry-modal{padding:14px}.inquiry-modal-dialog{max-height:calc(100vh - 28px);padding:36px 22px 28px}.inquiry-modal-head h2{font-size:28px;}.inquiry-form-grid{grid-template-columns:1fr}.inquiry-selected-product{align-items:flex-start;flex-direction:column;gap:5px}.inquiry-selected-product strong{text-align:left}.inquiry-form-bottom{align-items:stretch;flex-direction:column}.inquiry-form-bottom .btn{width:100%}.product-dynamic-visual{width:90%;height:90%}}
/* V21 modal stacking hardening */
.inquiry-modal{z-index:100000}
.inquiry-modal-backdrop{z-index:0}
.inquiry-modal-dialog{z-index:1;background:#fff}
/* V22 QA interaction hardening */
.products-page .shop-widget li a.active{color:var(--mint-deep)}
.products-page .shop-widget li a.active::before{color:var(--mint-deep)}
.products-page .tag-cloud a.active{background:var(--mint);border-color:var(--mint);color:var(--ink)}
#productsGrid{scroll-margin-top:110px}
.article-content h2[id]{scroll-margin-top:110px}
.btn:focus-visible,.pagination-btn:focus-visible,.language-trigger:focus-visible,.submenu-toggle:focus-visible,.menu-toggle:focus-visible,.drawer-close:focus-visible,.inquiry-modal-close:focus-visible,.insight-filters button:focus-visible,.shop-widget a:focus-visible,.tag-cloud a:focus-visible{outline:2px solid var(--mint-deep);outline-offset:3px}
.inquiry-modal[aria-hidden="true"]{pointer-events:none}
.inquiry-modal.open{pointer-events:auto}

/* =========================
   Footer inquiry form
   ========================= */
/* Inquiry form reset: prevent the legacy one-line subscribe control from constraining this multi-field form. */
.footer-subscribe.footer-inquiry .footer-inquiry-form{height:auto;border-radius:0;background:transparent;overflow:visible;display:grid;margin:0}

.footer-grid{grid-template-columns:1.02fr .82fr 1.16fr;gap:68px}
.footer-inquiry h3{margin-bottom:12px}
.footer-inquiry-intro{margin:0 0 17px;color:#9ba7b3;font-size:12px;line-height:1.65;max-width:430px}
.footer-inquiry-form{display:grid;gap:10px;margin:0}
.footer-inquiry-form .footer-inquiry-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.footer-inquiry-form label{display:grid;gap:6px;margin:0;color:#a8b2bc;font-size:10px;font-family:var(--font-display);font-weight:600;letter-spacing:.02em}
.footer-inquiry-form label>span{display:block}
.footer-inquiry-form input:not([type="checkbox"]),
.footer-inquiry-form textarea{width:100%;min-width:0;border:1px solid rgba(255,255,255,.08);border-radius:4px;background:#fff;color:var(--ink);outline:0;font:inherit;font-family:var(--font-body);font-size:13px;transition:border-color .2s,box-shadow .2s}
.footer-inquiry-form input:not([type="checkbox"]){height:42px;padding:0 13px}
.footer-inquiry-form textarea{min-height:80px;padding:11px 13px;resize:vertical;line-height:1.5}
.footer-inquiry-form input:not([type="checkbox"]):focus,
.footer-inquiry-form textarea:focus{border-color:var(--mint);box-shadow:0 0 0 2px rgba(91,222,204,.12)}
.footer-inquiry-form input::placeholder,
.footer-inquiry-form textarea::placeholder{color:#9aa5ad}
.footer-inquiry-form .footer-inquiry-consent{display:flex;grid-template-columns:none;flex-direction:row;align-items:flex-start;gap:8px;margin-top:1px;color:#91a0aa;font-family:var(--font-body);font-size:11px;font-weight:400;line-height:1.45;letter-spacing:0}
.footer-inquiry-form .footer-inquiry-consent input{flex:0 0 auto;width:14px;height:14px;margin:1px 0 0;padding:0;accent-color:var(--mint)}
.footer-inquiry-form .footer-inquiry-consent a{color:var(--mint)}
.footer-inquiry-actions{display:flex;align-items:center;gap:12px;min-height:42px;margin-top:2px}
.footer-inquiry-submit{height:42px;min-width:150px;border:0;border-radius:22px;background:var(--mint);color:var(--ink);padding:0 17px;display:inline-flex;align-items:center;justify-content:center;gap:9px;font-family:var(--font-display);font-size:11px;font-weight:700;cursor:pointer;transition:transform .2s,background .2s}
.footer-inquiry-submit:hover{transform:translateY(-1px)}
.footer-inquiry-submit .send-icon{width:15px;height:15px}
.footer-inquiry-status{margin:0;color:#a8b2bc;font-size:11px;line-height:1.4}
.footer-inquiry-status.error{color:#ffb4b4}
.footer{min-height:560px}
@media(max-width:1198px){
  .footer-grid{grid-template-columns:1fr 1fr;gap:50px 60px}
  .footer-inquiry{grid-column:1/-1;max-width:720px}
}
@media(max-width:767px){
  .footer{min-height:0}
  .footer-grid{grid-template-columns:1fr;gap:45px}
  .footer-inquiry{grid-column:auto;max-width:none}
  .footer-inquiry-form .footer-inquiry-row{grid-template-columns:1fr}
  .footer-inquiry-actions{align-items:flex-start;flex-direction:column}
  .footer-inquiry-submit{width:100%}
}

/* Homepage featured products: 8 items, desktop pagination / mobile full list */
.home-product-list .service-row[hidden]{display:none!important}
.home-product-list .service-row.page-last{border-bottom:0}
.home-products-pagination{margin-top:24px}
@media(max-width:767px){
  .home-product-list .service-row[hidden]{display:grid!important}
  .home-products-pagination{display:none!important}
}


/* Homepage inquiry CTA — replaces the former newsletter subscription module */
.newsletter.inquiry-cta{height:auto;min-height:0;padding:72px 0;background:var(--mint);display:block}
.inquiry-cta-inner{display:grid;grid-template-columns:minmax(0,.85fr) minmax(520px,1.15fr);gap:74px;align-items:center}
.inquiry-cta-copy{max-width:510px}
.inquiry-cta-kicker{display:block;margin-bottom:13px;font-family:var(--font-display);font-size:11px;line-height:1;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:rgba(15,30,35,.62)}
.inquiry-cta-copy h2{margin:0 0 18px;font-size:42px;line-height:1.04;letter-spacing:-.035em;color:var(--ink)}
.inquiry-cta-copy p{max-width:500px;margin:0;color:rgba(15,30,35,.7);font-size:15px;line-height:1.75}
.inquiry-cta-points{display:flex;flex-wrap:wrap;gap:8px;margin-top:26px}
.inquiry-cta-points span{display:inline-flex;align-items:center;min-height:32px;padding:0 13px;border:1px solid rgba(15,30,35,.13);border-radius:17px;background:rgba(255,255,255,.26);font-family:var(--font-display);font-size:10px;font-weight:650;letter-spacing:.02em;color:var(--ink)}
.newsletter-inquiry-form{display:grid;gap:13px;margin:0;padding:28px;border-radius:14px;background:#fff;box-shadow:0 18px 50px rgba(26,57,58,.09)}
.newsletter-inquiry-row{display:grid;grid-template-columns:1fr 1fr;gap:13px}
.newsletter-inquiry-form label{display:grid;gap:7px;margin:0;font-family:var(--font-display);font-size:10px;font-weight:650;letter-spacing:.02em;color:#526168}
.newsletter-inquiry-form label>span{display:block}
.newsletter-inquiry-form input:not([type="checkbox"]),.newsletter-inquiry-form textarea{width:100%;min-width:0;border:1px solid #dfe6e8;border-radius:6px;background:#f8faf9;color:var(--ink);outline:0;font-family:var(--font-body);font-size:13px;transition:border-color .2s,box-shadow .2s,background .2s}
.newsletter-inquiry-form input:not([type="checkbox"]){height:46px;padding:0 14px}
.newsletter-inquiry-form textarea{min-height:92px;padding:12px 14px;resize:vertical;line-height:1.55}
.newsletter-inquiry-form input:not([type="checkbox"]):focus,.newsletter-inquiry-form textarea:focus{border-color:#62cdbc;background:#fff;box-shadow:0 0 0 3px rgba(71,188,170,.12)}
.newsletter-inquiry-form input::placeholder,.newsletter-inquiry-form textarea::placeholder{color:#97a3a7}
.newsletter-inquiry-consent{display:flex!important;grid-template-columns:none!important;flex-direction:row;align-items:flex-start;gap:9px!important;font-family:var(--font-body)!important;font-size:11px!important;font-weight:400!important;line-height:1.5;letter-spacing:0!important;color:#7b888d!important}
.newsletter-inquiry-consent input{flex:0 0 auto;width:14px;height:14px;margin:1px 0 0;accent-color:#49bba9}
.newsletter-inquiry-consent a{color:#237f72;text-decoration:underline;text-underline-offset:2px}
.newsletter-inquiry-actions{display:flex;align-items:center;gap:14px;min-height:48px;margin-top:2px}
.newsletter-inquiry-submit{height:48px;min-width:176px;margin:0;border:0}
.newsletter-inquiry-status{margin:0;color:#65747a;font-size:11px;line-height:1.4}
.newsletter-inquiry-status.error{color:#b73c3c}
@media(max-width:1198px){.newsletter.inquiry-cta{padding:62px 0}.inquiry-cta-inner{grid-template-columns:minmax(0,.8fr) minmax(470px,1.2fr);gap:48px}.inquiry-cta-copy h2{font-size:38px}}
@media(max-width:900px){.newsletter.inquiry-cta{padding:56px 0}.inquiry-cta-inner{grid-template-columns:1fr;gap:30px}.inquiry-cta-copy{max-width:620px}.newsletter-inquiry-form{width:100%;padding:24px}}
@media(max-width:600px){.newsletter.inquiry-cta{padding:46px 0}.inquiry-cta-copy h2{font-size:32px;margin-bottom:14px}.inquiry-cta-copy p{font-size:14px;line-height:1.65}.inquiry-cta-points{margin-top:20px}.newsletter-inquiry-form{padding:19px 16px;border-radius:10px;gap:11px}.newsletter-inquiry-row{grid-template-columns:1fr;gap:11px}.newsletter-inquiry-form input:not([type="checkbox"]){height:44px}.newsletter-inquiry-form textarea{min-height:96px}.newsletter-inquiry-actions{align-items:stretch;flex-direction:column;gap:8px}.newsletter-inquiry-submit{width:100%;min-width:0}}


/* =========================================================
   Homepage information architecture refresh — 2026-08
   Products → trust → workflow → quality → inquiry → solutions
   → company proof → FAQ → insights → final CTA
   ========================================================= */
.hero .hero-alt-title{font-size:clamp(49px,6.1vw,88px);line-height:1.025;letter-spacing:var(--font-headers-letterspacing);margin:0 0 29px;font-weight:600;color:#fff}
.hero .hero-alt-title span{color:var(--mint)}
.hero-copy[data-index="1"] .hero-alt-title{font-size:clamp(49px,5.2vw,72px)}

.home-why{padding:78px 0 82px;background:#f7faf9;border-top:1px solid #eef2f1;border-bottom:1px solid #e8efed}
.home-why-head{display:grid;grid-template-columns:1fr 1.15fr .85fr;align-items:end;gap:42px;margin-bottom:38px}
.home-why-head .eyebrow{margin:0 0 8px}
.home-why-head h2{font-size:38px;line-height:1.08;margin:0}
.home-why-head>p:last-child{font-size:14px;line-height:1.7;color:var(--body);margin:0}
.home-why-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #dce6e3;border-left:1px solid #dce6e3;background:#fff}
.home-why-card{position:relative;min-height:212px;padding:31px 28px;border-right:1px solid #dce6e3;border-bottom:1px solid #dce6e3}
.home-why-card>span{display:block;margin-bottom:31px;font-family:var(--font-display);font-size:10px;font-weight:700;letter-spacing:.1em;color:#45a996}
.home-why-card h3{font-size:17px;line-height:1.3;margin:0 0 12px}
.home-why-card p{font-size:13px;line-height:1.7;color:#75828a;margin:0}

.home-quality{padding:112px 0 118px;background:#1f242c;color:#fff;overflow:hidden}
.home-quality-grid{display:grid;grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr);gap:86px;align-items:center}
.home-quality-media{position:relative;min-width:0}
.home-quality-media>img{width:100%;height:650px;object-fit:cover;object-position:center}
.home-quality-badge{position:absolute;left:0;bottom:0;width:min(360px,82%);padding:24px 27px;background:var(--mint);color:var(--ink)}
.home-quality-badge strong{display:block;font-family:var(--font-display);font-size:16px;line-height:1.3;margin-bottom:5px}
.home-quality-badge span{font-size:11px;line-height:1.5;opacity:.72}
.home-quality-copy .eyebrow{color:var(--mint);margin-bottom:13px}
.home-quality-copy h2{font-size:47px;line-height:1.04;margin:0 0 24px}
.home-quality-lead{max-width:620px;font-size:14px;line-height:1.8;color:#b7c0c6;margin:0 0 32px}
.home-quality-points{border-top:1px solid rgba(255,255,255,.13)}
.home-quality-points article{display:grid;grid-template-columns:38px minmax(0,1fr);gap:17px;padding:18px 0;border-bottom:1px solid rgba(255,255,255,.13)}
.home-quality-points article>span{width:29px;height:29px;display:grid;place-items:center;background:rgba(100,217,185,.13);font-family:var(--font-display);font-size:9px;font-weight:700;color:var(--mint)}
.home-quality-points h3{font-size:15px;margin:0 0 4px;color:#fff}
.home-quality-points p{font-size:12px;line-height:1.6;color:#9eabb2;margin:0}
.home-quality-actions{display:flex;gap:12px;margin-top:30px;flex-wrap:wrap}
.home-quality-actions .btn-dark{background:#fff;color:var(--ink)}
.home-quality-actions .btn-dark:hover{background:var(--mint)}

.home-solutions{padding:105px 0 92px;background:#fff}
.home-solutions-head{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(340px,.85fr);gap:72px;align-items:end;margin-bottom:48px}
.home-solutions-head .eyebrow{margin-bottom:12px}
.home-solutions-head h2{font-size:43px;max-width:720px;margin:0}
.home-solutions-head>p{font-size:14px;line-height:1.75;color:var(--body);margin:0 0 4px;max-width:500px}
.home-research-grid{height:460px;display:grid;grid-template-columns:repeat(4,1fr);overflow:hidden;background:#293238}
.home-research-grid .service-tile{min-width:0}
.home-partners{display:grid;grid-template-columns:155px minmax(0,1fr);align-items:center;gap:32px;margin-top:34px;padding-top:30px;border-top:1px solid #e5eceb}
.home-partners-label{font-family:var(--font-display);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.17em;color:#829097}
.home-partner-list{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.home-partner-list article{height:62px;display:flex;align-items:center;gap:13px;padding:8px 14px;background:#f5f9f8;border:1px solid #e7efed}
.home-partner-list img{width:42px;height:42px;border-radius:50%;object-fit:cover}
.home-partner-list span{font-family:var(--font-display);font-size:11px;font-weight:600;line-height:1.35;color:#42515a}

.home-company{padding:116px 0 122px;background:#f4f8f8;overflow:hidden}
.home-company-grid{display:grid;grid-template-columns:minmax(0,.98fr) minmax(0,1.02fr);gap:84px;align-items:center}
.home-company-media{height:610px;position:relative;min-width:0}
.home-company-main{position:absolute;left:0;top:0;width:82%;height:550px;object-fit:cover}
.home-company-small{position:absolute;right:0;bottom:0;width:42%;height:285px;object-fit:cover;border:10px solid #f4f8f8}
.home-company-stamp{position:absolute;right:8%;top:23px;width:105px;height:105px;object-fit:contain;z-index:2}
.home-company-copy .eyebrow{margin-bottom:13px}
.home-company-copy h2{font-size:45px;line-height:1.06;margin:0 0 24px;max-width:620px}
.home-company-copy>p:not(.eyebrow){font-size:14px;line-height:1.82;color:var(--body);margin:0 0 37px;max-width:620px}
.home-company .countup-grid{margin-bottom:36px}
.home-company-actions{display:flex;gap:12px;flex-wrap:wrap}

.home-final-cta{padding:82px 0 80px;background:#17202b;color:#fff}
.home-final-cta-inner{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:28px 70px;align-items:center}
.home-final-copy{max-width:760px}
.home-final-copy .eyebrow{color:var(--mint);margin-bottom:13px}
.home-final-copy h2{font-size:43px;line-height:1.05;margin:0 0 16px}
.home-final-copy>p:last-child{font-size:14px;line-height:1.75;color:#aeb9c1;margin:0;max-width:680px}
.home-final-actions{display:flex;gap:12px;align-items:center}
.home-whatsapp-btn{border:1px solid rgba(255,255,255,.28);background:transparent;color:#fff}
.home-whatsapp-btn:hover{background:#fff;color:var(--ink)}
.home-final-meta{grid-column:1/-1;display:flex;gap:32px;flex-wrap:wrap;padding-top:27px;border-top:1px solid rgba(255,255,255,.12);font-size:11px;color:#9faab1}
.home-final-meta a:hover{color:var(--mint)}

/* Rebalance existing homepage sections after the architecture change. */
.services{min-height:0;padding-top:105px;padding-bottom:92px}
.capabilities{height:auto;min-height:650px;padding:98px 0 102px}
.capabilities .section-heading{max-width:760px;margin:0 auto 50px}
.capabilities .section-heading h2{font-size:43px}
.newsletter.inquiry-cta{padding:78px 0}
.faq-section{background:#fff}
section.blog{background:#f7faf9}

@media(max-width:1198px){
  .home-why-head{grid-template-columns:1fr 1.3fr}.home-why-head>p:last-child{grid-column:1/-1;max-width:650px}.home-why-grid{grid-template-columns:repeat(2,1fr)}
  .home-quality-grid{gap:50px}.home-quality-media>img{height:590px}.home-quality-copy h2{font-size:42px}
  .home-solutions-head{gap:45px}.home-research-grid{height:420px}.home-partners{grid-template-columns:1fr}.home-partner-list{grid-template-columns:repeat(2,1fr)}
  .home-company-grid{gap:52px}.home-company-media{height:550px}.home-company-main{height:500px}.home-company-copy h2{font-size:40px}
  .home-final-cta-inner{grid-template-columns:1fr}.home-final-actions{justify-content:flex-start}
}
@media(max-width:767px){
  .hero .hero-alt-title{font-size:clamp(50px,14vw,68px);line-height:1.03}.hero-copy[data-index="1"] .hero-alt-title{font-size:clamp(46px,12vw,62px)}
  .home-why{padding:64px 0 68px}.home-why-head{display:block;margin-bottom:31px}.home-why-head h2{font-size:32px;margin-bottom:15px}.home-why-grid{grid-template-columns:1fr 1fr}.home-why-card{min-height:190px;padding:26px 22px}
  .home-quality{padding:72px 0 76px}.home-quality-grid{grid-template-columns:1fr;gap:43px}.home-quality-media>img{height:auto;aspect-ratio:1.05;object-fit:cover}.home-quality-badge{width:78%;padding:19px 21px}.home-quality-copy h2{font-size:36px}.home-quality-actions{flex-direction:column}.home-quality-actions .btn{width:100%}
  .home-solutions{padding:73px 0 70px}.home-solutions-head{display:block;margin-bottom:35px}.home-solutions-head h2{font-size:34px;margin-bottom:18px}.home-research-grid{height:auto;grid-template-columns:1fr 1fr}.home-research-grid .service-tile{height:330px}.home-partners{margin-top:28px}.home-partner-list{grid-template-columns:1fr 1fr}.home-partner-list article{height:64px}
  .home-company{padding:75px 0 82px}.home-company-grid{grid-template-columns:1fr;gap:43px}.home-company-media{height:460px;max-width:620px;width:100%;margin:auto}.home-company-main{height:420px}.home-company-small{height:230px;border-width:8px}.home-company-stamp{width:86px;height:86px}.home-company-copy h2{font-size:35px}.home-company-actions{flex-direction:column}.home-company-actions .btn{width:100%}
  .home-final-cta{padding:64px 0}.home-final-cta-inner{gap:32px}.home-final-copy h2{font-size:34px}.home-final-actions{flex-direction:column;align-items:stretch}.home-final-actions .btn{width:100%}.home-final-meta{gap:11px;flex-direction:column}
  .capabilities{padding:74px 0 80px}.capabilities .section-heading h2{font-size:34px}
}
@media(max-width:480px){
  .hero .hero-alt-title,.hero-copy[data-index="1"] .hero-alt-title{font-size:49px}
  .home-why-grid{grid-template-columns:1fr}.home-why-card{min-height:0}.home-why-head h2{font-size:29px}
  .home-quality-copy h2{font-size:32px}.home-quality-points article{grid-template-columns:34px minmax(0,1fr)}
  .home-research-grid{grid-template-columns:1fr}.home-research-grid .service-tile{height:300px}.home-partner-list{grid-template-columns:1fr}
  .home-company-media{height:370px}.home-company-main{height:340px}.home-company-small{height:190px}.home-company-copy h2{font-size:31px}
  .home-final-copy h2{font-size:31px}
}

/* Homepage featured products pagination alignment — keep controls under the product list column */
.home-products-pagination{
  grid-column:2;
  width:100%;
  justify-self:stretch;
}
@media(max-width:1198px){
  .home-products-pagination{grid-column:1}
}

/* Homepage sourcing guides: three equal cards on desktop, swipe carousel on mobile. */
section.blog{height:auto;padding:108px 0 112px}
.blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;align-items:start}
.blog-grid .post-card{display:flex;flex-direction:column;min-width:0;height:100%}
.blog-grid .post-photo{height:auto;aspect-ratio:1.46/1}
.blog-grid .post-meta{margin-top:20px}
.blog-grid .post-card h3{font-size:21px;line-height:1.3}
.blog-grid .post-card p{margin-top:auto}
.blog-carousel-controls{display:none}

/* Keep a clear visual break between the final homepage inquiry CTA and the global footer. */
.home-final-cta{margin-bottom:64px}

@media(max-width:991px){
  .blog-grid{gap:22px}
  .blog-grid .post-card h3{font-size:19px}
}

@media(max-width:767px){
  section.blog{padding:72px 0 76px;overflow:hidden}
  section.blog .shell.wide-shell{overflow:visible}
  .blog-grid.blog-carousel{
    display:flex;
    gap:16px;
    width:auto;
    overflow-x:auto;
    overscroll-behavior-x:contain;
    scroll-snap-type:x mandatory;
    scroll-behavior:smooth;
    scrollbar-width:none;
    -ms-overflow-style:none;
    padding:0 8vw 6px 0;
    margin-right:calc(-1 * var(--shell-pad, 20px));
  }
  .blog-grid.blog-carousel::-webkit-scrollbar{display:none}
  .blog-grid.blog-carousel .post-card{
    flex:0 0 86%;
    width:86%;
    scroll-snap-align:start;
    scroll-snap-stop:always;
  }
  .blog-grid .post-photo{aspect-ratio:1.32/1}
  .blog-grid .post-card h3{font-size:20px}
  .blog-grid .post-card p{font-size:13px;line-height:1.68}
  .blog-carousel-controls{display:flex;align-items:center;justify-content:center;gap:17px;margin-top:28px}
  .blog-carousel-arrow{width:43px;height:43px;border:1px solid #d9e3e1;border-radius:50%;background:#fff;color:var(--ink);display:grid;place-items:center;cursor:pointer}
  .blog-carousel-arrow .svg-icon{width:15px;height:15px}
  .blog-carousel-prev .svg-icon{transform:rotate(180deg)}
  .blog-carousel-arrow:disabled{opacity:.35;cursor:default}
  .blog-carousel-dots{display:flex;align-items:center;gap:7px}
  .blog-carousel-dots span{width:7px;height:7px;border-radius:50%;background:#cfdbd8;transition:.2s}
  .blog-carousel-dots span.active{width:20px;border-radius:8px;background:var(--mint-deep)}
  .home-final-cta{margin-bottom:40px}
}


/* Products responsive filter drawer — tablet & mobile */
.product-filter-toggle,
.product-filter-backdrop,
.product-filter-close{display:none}

@media (max-width:1024px){
  .products-page{position:relative}
  .products-page .products-layout{grid-template-columns:minmax(0,1fr);gap:0}
  .products-page .products-main{width:100%;min-width:0}

  .product-filter-toggle{
    position:fixed;
    left:0;
    top:50%;
    z-index:1080;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    height:48px;
    padding:0 17px 0 14px;
    border:0;
    border-radius:0 24px 24px 0;
    background:var(--mint);
    color:var(--ink);
    box-shadow:0 8px 28px rgba(25,42,58,.16);
    font-family:var(--font-display);
    font-size:13px;
    font-weight:700;
    cursor:pointer;
    transform:translateY(-50%);
    transition:transform .2s ease,box-shadow .2s ease;
  }
  .product-filter-toggle:hover{box-shadow:0 10px 34px rgba(25,42,58,.22)}
  .product-filter-toggle svg{width:19px;height:19px;flex:0 0 auto}
  body.product-filter-open .product-filter-toggle{transform:translate(-110%,-50%)}

  .product-filter-backdrop{
    position:fixed;
    inset:0;
    z-index:1180;
    display:block;
    background:rgba(18,31,45,.48);
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transition:opacity .28s ease,visibility .28s ease;
  }
  body.product-filter-open .product-filter-backdrop{
    opacity:1;
    visibility:visible;
    pointer-events:auto;
  }

  .products-page .shop-sidebar{
    position:fixed;
    left:0;
    top:0;
    z-index:1190;
    width:min(390px,88vw);
    max-width:none;
    height:100vh;
    height:100dvh;
    margin:0;
    padding:76px 30px 38px;
    overflow-x:hidden;
    overflow-y:auto;
    overscroll-behavior:contain;
    box-shadow:18px 0 48px rgba(22,38,52,.18);
    transform:translateX(-105%);
    visibility:hidden;
    transition:transform .3s cubic-bezier(.22,.8,.3,1),visibility .3s ease;
  }
  body.product-filter-open .products-page .shop-sidebar{
    transform:translateX(0);
    visibility:visible;
  }
  .product-filter-close{
    position:absolute;
    right:18px;
    top:18px;
    z-index:2;
    display:grid;
    place-items:center;
    width:42px;
    height:42px;
    padding:0;
    border:1px solid #d4e0e2;
    border-radius:50%;
    background:#fff;
    color:var(--ink);
    font-size:30px;
    line-height:1;
    cursor:pointer;
  }
  .product-filter-close span{transform:translateY(-1px)}
  body.product-filter-open{overflow:hidden}

  .products-page .product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
}

@media (max-width:767px){
  .products-page .products-layout{gap:0}
  .products-page .products-top{flex-direction:row;align-items:center;gap:12px}
  .products-page .products-sort select{min-width:142px}
  .products-page .product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .products-page .product-card{padding:14px 12px 17px}
  .products-page .product-media{height:170px;margin-bottom:13px}
  .products-page .product-title{font-size:15px;margin-bottom:7px}
  .products-page .product-desc{font-size:11px;line-height:1.55;min-height:51px;margin-bottom:16px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
  .products-page .product-card .btn{width:100%;min-width:0;height:42px;padding:0 10px;font-size:11px}
  .products-page .product-filter-toggle{height:46px;padding:0 15px 0 12px;font-size:12px}
  .products-page .shop-sidebar{width:min(360px,90vw);padding:72px 24px 34px}
}

@media (max-width:480px){
  .products-page .products-top{align-items:flex-start;flex-direction:column;margin-bottom:18px}
  .products-page .products-sort,.products-page .products-sort select{width:100%}
  .products-page .product-grid{gap:10px}
  .products-page .product-card{padding:11px 9px 14px}
  .products-page .product-media{height:135px;margin-bottom:10px}
  .products-page .product-category{font-size:8px;letter-spacing:.08em;margin-bottom:6px}
  .products-page .product-title{font-size:14px;line-height:1.22}
  .products-page .product-desc{font-size:10.5px;min-height:49px;margin-bottom:13px}
  .products-page .product-card .btn{height:39px;font-size:10px;padding:0 7px}
  .products-page .product-card .btn .btn-arrow{width:11px;height:11px}
  .product-filter-toggle{height:44px;padding:0 14px 0 11px}
  .product-filter-toggle svg{width:17px;height:17px}
  .products-page .shop-sidebar{width:92vw;padding:70px 20px 30px}
}

/* =========================================================
   2026-08 responsive refinement
   - Products: tablet/mobile full-width 2-column grid + sticky filter drawer
   - Homepage: visually separate final inquiry CTA from the global footer
   ========================================================= */

/* Final homepage CTA: make it a distinct card before the footer instead of one continuous dark block. */
.home-final-cta{
  margin-bottom:0;
  padding:72px 0 84px;
  background:#f4f8f8;
  color:#fff;
}
.home-final-cta .home-final-cta-inner{
  position:relative;
  overflow:hidden;
  padding:66px 72px 54px;
  background:#17202b;
}
.home-final-cta .home-final-cta-inner::after{
  content:"";
  position:absolute;
  right:-130px;
  top:-180px;
  width:420px;
  height:420px;
  border:1px solid rgba(100,217,185,.13);
  border-radius:50%;
  box-shadow:0 0 0 72px rgba(100,217,185,.025),0 0 0 144px rgba(100,217,185,.018);
  pointer-events:none;
}
.home-final-cta .home-final-copy,
.home-final-cta .home-final-actions,
.home-final-cta .home-final-meta{position:relative;z-index:1}
.home-final-cta + .footer{margin-top:0}

/* Tablet and mobile product catalogue: the drawer is completely removed from layout flow. */
@media (max-width:1198px){
  .products-page{
    padding:64px 0 88px;
  }
  .products-page .products-layout{
    display:block;
    width:min(930px,calc(100% - 64px));
    margin-inline:auto;
  }
  .products-page .products-main{
    display:block;
    width:100%;
    max-width:none;
    min-width:0;
    margin:0;
  }

  /* Edge-mounted filter trigger: fixed to the middle of the left viewport edge. */
  .product-filter-toggle{
    position:fixed;
    left:0;
    top:50%;
    z-index:1080;
    display:flex;
    width:max-content;
    align-items:center;
    justify-content:center;
    gap:8px;
    height:48px;
    margin:0;
    padding:0 18px 0 14px;
    border:1px solid #dbe7e5;
    border-left:0;
    border-radius:0 25px 25px 0;
    background:var(--mint);
    color:var(--ink);
    box-shadow:8px 8px 28px rgba(25,42,58,.14);
    font-family:var(--font-display);
    font-size:12px;
    font-weight:700;
    cursor:pointer;
    transform:translateY(-50%);
    transition:box-shadow .2s ease,transform .24s ease,opacity .2s ease;
  }
  .product-filter-toggle:hover{box-shadow:10px 10px 34px rgba(25,42,58,.2)}
  .product-filter-toggle svg{width:18px;height:18px;flex:0 0 auto}
  body.product-filter-open .product-filter-toggle{transform:translate(-110%,-50%);opacity:0;pointer-events:none}

  .product-filter-backdrop{
    position:fixed;
    inset:0;
    z-index:1180;
    display:block;
    background:rgba(18,31,45,.48);
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transition:opacity .28s ease,visibility .28s ease;
  }
  body.product-filter-open .product-filter-backdrop{
    opacity:1;
    visibility:visible;
    pointer-events:auto;
  }

  .products-page .shop-sidebar,
  .products-page .shop-sidebar.reveal,
  .products-page .shop-sidebar.reveal.from-left{
    position:fixed;
    left:0;
    top:0;
    z-index:1190;
    display:block;
    width:min(390px,88vw);
    max-width:none;
    height:100vh;
    height:100dvh;
    margin:0;
    padding:76px 30px 38px;
    overflow-x:hidden;
    overflow-y:auto;
    overscroll-behavior:contain;
    opacity:1;
    visibility:hidden;
    box-shadow:18px 0 48px rgba(22,38,52,.18);
    transform:translateX(-105%);
    transition:transform .3s cubic-bezier(.22,.8,.3,1),visibility .3s ease;
  }
  body.product-filter-open .products-page .shop-sidebar,
  body.product-filter-open .products-page .shop-sidebar.reveal,
  body.product-filter-open .products-page .shop-sidebar.reveal.from-left{
    transform:translateX(0);
    visibility:visible;
  }
  .product-filter-close{
    position:absolute;
    right:18px;
    top:18px;
    z-index:2;
    display:grid;
    place-items:center;
    width:42px;
    height:42px;
    padding:0;
    border:1px solid #d4e0e2;
    border-radius:50%;
    background:#fff;
    color:var(--ink);
    font-size:30px;
    line-height:1;
    cursor:pointer;
  }
  body.product-filter-open{overflow:hidden}

  .products-page .products-top{
    width:100%;
    margin-bottom:22px;
  }
  .products-page .product-grid{
    width:100%;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:18px;
  }
}

@media (max-width:767px){
  .home-final-cta{padding:46px 0 54px}
  .home-final-cta .home-final-cta-inner{padding:48px 24px 38px}

  .products-page{padding:48px 0 72px}
  .products-page .products-layout{width:calc(100% - 40px)}
  .product-filter-toggle{
    top:50%;
    height:44px;
    margin:0;
    padding:0 14px 0 11px;
    font-size:11.5px;
    border-radius:0 23px 23px 0;
  }
  .products-page .products-top{
    display:flex;
    flex-direction:row;
    align-items:center;
    justify-content:space-between;
    gap:12px;
  }
  .products-page .products-count{min-width:0}
  .products-page .products-sort{flex:0 0 auto}
  .products-page .products-sort select{min-width:136px}
  .products-page .product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .products-page .product-card{min-width:0;padding:13px 11px 16px}
  .products-page .product-media{height:auto;aspect-ratio:1/1;margin-bottom:12px}
  .products-page .product-title{font-size:15px;line-height:1.22;margin-bottom:7px}
  .products-page .product-desc{
    min-height:50px;
    margin-bottom:14px;
    font-size:10.5px;
    line-height:1.55;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:3;
    overflow:hidden;
  }
  .products-page .product-card .btn{width:100%;min-width:0;height:40px;padding:0 8px;font-size:10.5px}
  .products-page .shop-sidebar,
  .products-page .shop-sidebar.reveal,
  .products-page .shop-sidebar.reveal.from-left{width:min(360px,90vw);padding:72px 24px 34px}
}

@media (max-width:480px){
  .products-page .products-layout{width:calc(100% - 24px)}
  .product-filter-toggle{height:42px;padding:0 12px 0 10px;font-size:11px}
  .products-page .products-top{align-items:flex-start;flex-direction:column;margin-bottom:17px}
  .products-page .products-sort,.products-page .products-sort select{width:100%}
  .products-page .product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
  .products-page .product-card{padding:10px 8px 13px}
  .products-page .product-media{margin-bottom:9px}
  .products-page .product-category{font-size:7.5px;letter-spacing:.07em;margin-bottom:5px}
  .products-page .product-title{font-size:13px}
  .products-page .product-desc{font-size:9.7px;min-height:46px;margin-bottom:11px}
  .products-page .product-card .btn{height:37px;padding:0 5px;font-size:9.5px}
  .products-page .product-card .btn .btn-arrow{width:10px;height:10px}
  .products-page .shop-sidebar,
  .products-page .shop-sidebar.reveal,
  .products-page .shop-sidebar.reveal.from-left{width:92vw;padding:70px 20px 30px}
}


/* V-LAST news listing, closing CTA and simplified language selector */
.language-trigger{gap:10px;padding-right:8px}
.language-dropdown{width:168px}
.language-dropdown a{justify-content:flex-start;gap:10px;padding-inline:15px}
.language-dropdown .language-option{width:100%}
.mobile-language-links a{min-width:0!important;padding:0 11px!important}

/* Current news library has three articles: fill the row and suppress empty pagination. */
.news-list-page .insight-grid[data-visible-count="3"]{grid-template-columns:repeat(3,minmax(0,1fr))}
.news-list-page .insight-grid[data-visible-count="2"]{grid-template-columns:repeat(2,minmax(0,1fr))}
.news-list-page .insight-grid[data-visible-count="1"]{grid-template-columns:minmax(0,520px)}
.news-list-page .insight-grid[data-visible-count="1"] .insight-card{width:100%}
.news-list-page .insight-card{min-width:0}
.news-list-page .insight-card h3{overflow-wrap:anywhere}

/* Refined news-page closing sequence: compact update bar + distinct project CTA card. */
.news-list-page .insight-newsletter{padding:68px 0;background:#edf5f6}
.news-list-page .insight-newsletter-inner{grid-template-columns:minmax(0,.9fr) minmax(430px,1.1fr);gap:70px;align-items:center}
.news-list-page .insight-newsletter h2{font-size:34px;line-height:1.1;margin:4px 0 10px}
.news-list-page .insight-newsletter p:not(.eyebrow){font-size:14px;line-height:1.65}
.news-list-page .insight-newsletter form{box-shadow:0 12px 32px rgba(24,43,56,.05);border:1px solid #e1eaec}

.news-project-cta{padding:78px 0 88px;background:#fff}
.news-project-cta-card{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:45px 70px;align-items:center;padding:54px 60px;background:#1d2939;color:#fff}
.news-project-cta-card::after{content:"";position:absolute;right:-90px;top:-150px;width:330px;height:330px;border:1px solid rgba(99,216,187,.18);border-radius:50%;pointer-events:none}
.news-project-cta-copy{position:relative;z-index:1;max-width:760px}
.news-project-cta-copy h2{font-size:38px;line-height:1.1;color:#fff;margin:5px 0 14px}
.news-project-cta-copy p:not(.eyebrow){max-width:690px;margin:0;color:#aeb9c2;font-size:14px;line-height:1.75}
.news-project-cta-actions{position:relative;z-index:1;display:flex;align-items:center;gap:22px}
.news-project-cta-actions .btn{min-width:190px}
.news-project-whatsapp{display:inline-flex;align-items:center;gap:9px;color:#fff;font-family:var(--font-display);font-size:12px;font-weight:600;white-space:nowrap}
.news-project-whatsapp .svg-icon{width:15px;height:15px;color:var(--mint)}
.news-project-whatsapp:hover{color:var(--mint)}

@media(max-width:1198px){
  .news-list-page .insight-grid[data-visible-count="3"]{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
  .news-list-page .insight-card-media{height:215px}
  .news-list-page .insight-card-body{padding:24px 23px 27px}
  .news-list-page .insight-card h3{font-size:18px}
  .news-list-page .insight-newsletter-inner{grid-template-columns:minmax(0,.8fr) minmax(390px,1.2fr);gap:45px}
  .news-project-cta-card{padding:48px 45px;gap:40px}
  .news-project-cta-copy h2{font-size:34px}
}
@media(max-width:900px){
  .news-list-page .insight-grid[data-visible-count="3"],
  .news-list-page .insight-grid[data-visible-count="2"]{grid-template-columns:repeat(2,minmax(0,1fr))}
  .news-list-page .insight-newsletter-inner{grid-template-columns:1fr;gap:28px}
  .news-project-cta-card{grid-template-columns:1fr;gap:28px;padding:44px 38px}
  .news-project-cta-actions{justify-content:flex-start}
}
@media(max-width:620px){
  .news-list-page .insight-grid[data-visible-count="3"],
  .news-list-page .insight-grid[data-visible-count="2"],
  .news-list-page .insight-grid[data-visible-count="1"]{grid-template-columns:1fr}
  .news-list-page .insight-newsletter{padding:52px 0}
  .news-list-page .insight-newsletter h2{font-size:29px}
  .news-project-cta{padding:54px 0 64px}
  .news-project-cta-card{padding:34px 24px}
  .news-project-cta-copy h2{font-size:29px}
  .news-project-cta-actions{align-items:stretch;flex-direction:column;gap:14px}
  .news-project-cta-actions .btn{width:100%;min-width:0}
  .news-project-whatsapp{justify-content:center;min-height:42px}
  .mobile-language-links{gap:7px}
  .mobile-language-links a{font-size:10px!important}
}

/* Footer inquiry spacing: keep the submit action visually clear of the legal divider. */
@media(min-width:1199px){
  .footer{min-height:630px}
}

/* =========================================================
   Global footer separation
   Give every page a clear visual break before the shared footer,
   especially when the preceding CTA uses the same dark background.
   ========================================================= */
body > footer.footer{
  margin-top:64px !important;
  box-shadow:0 -1px 0 rgba(27,41,59,.04);
}

@media(max-width:1198px){
  body > footer.footer{margin-top:48px !important}
}

@media(max-width:767px){
  body > footer.footer{margin-top:36px !important}
}

/* Logo refinement — smaller header/footer marks and white mobile drawer logo */
.brand,
.brand-white,
.drawer-brand{
  justify-content:flex-start;
  text-align:left;
}
.brand-image,
.footer-logo,
.drawer-logo{
  object-position:left center!important;
  margin-left:0!important;
  margin-right:auto!important;
}

/* Header logo: ~85% of previous visual size */
.brand{
  width:215px;
  flex-basis:215px;
}
.brand-image{
  width:187px!important;
  max-height:53px!important;
}

/* Footer logo: ~85% of previous visual size */
.brand-white{
  width:218px!important;
  height:62px;
}
.footer-logo{
  width:200px!important;
  max-height:57px!important;
}

/* Mobile navigation drawer uses a white logo on the navy panel */
.drawer-logo{
  filter:brightness(0) invert(1)!important;
  opacity:1!important;
}

@media(max-width:1439px){
  .brand{width:195px;flex-basis:195px}
  .brand-image{width:174px!important;max-height:49px!important}
}
@media(max-width:1198px){
  .brand{width:185px;flex-basis:185px}
  .brand-image{width:166px!important;max-height:47px!important}
  .footer-logo{width:187px!important;max-height:54px!important}
  .brand-white{width:200px!important;height:58px}
  .drawer-logo{width:175px!important;max-height:54px!important}
}
@media(max-width:767px){
  .brand{width:158px;flex-basis:158px}
  .brand-image{width:145px!important;max-height:42px!important}
  .footer-logo{width:179px!important;max-height:51px!important}
  .brand-white{width:190px!important;height:56px}
  .drawer-logo{width:165px!important;max-height:50px!important}
  .drawer-brand{justify-content:flex-start!important}
}
@media(max-width:390px){
  .brand{width:150px;flex-basis:150px}
  .brand-image{width:140px!important}
}

/* Footer separation refinement — use a single divider line, no large whitespace gap. */
body > footer.footer{
  margin-top:0 !important;
  border-top:1px solid rgba(132,151,169,.28);
  box-shadow:none;
}
.home-final-cta{
  margin-bottom:0 !important;
}
@media(max-width:1198px){
  body > footer.footer{margin-top:0 !important}
}
@media(max-width:767px){
  body > footer.footer{margin-top:0 !important}
}

/* =========================================================
   2026-08 mobile hero + filter trigger refinement
   ========================================================= */
@media (max-width:1198px){
  /* Compact vertical edge tab: icon above label instead of a wide capsule. */
  .product-filter-toggle{
    width:60px;
    height:92px;
    padding:12px 7px 11px;
    gap:8px;
    flex-direction:column;
    border-radius:0 18px 18px 0;
    border-color:#d7e4e2;
    box-shadow:5px 8px 22px rgba(25,42,58,.12);
    font-size:10.5px;
    line-height:1;
    letter-spacing:.01em;
  }
  .product-filter-toggle svg{width:21px;height:21px}
  .product-filter-toggle:hover{box-shadow:7px 10px 26px rgba(25,42,58,.16)}
}

@media (max-width:767px){
  /* Slide 2 had too much visual weight on narrow screens. */
  .hero-copy[data-index="1"] .hero-alt-title{
    font-size:clamp(36px,9.6vw,46px);
    line-height:1.01;
    letter-spacing:-.025em;
  }
  .hero-copy[data-index="1"] .hero-text{
    max-width:360px;
    font-size:12px;
    line-height:1.55;
    margin-bottom:24px;
  }
  .hero-copy[data-index="1"] .eyebrow{margin-bottom:11px}
  .hero-copy[data-index="1"] .hero-actions{gap:9px}
  .hero-copy[data-index="1"] .hero-actions .btn{
    min-height:49px;
    padding-inline:13px;
    gap:10px;
    font-size:11px;
  }

  .product-filter-toggle{
    width:54px;
    height:84px;
    padding:10px 6px;
    gap:7px;
    border-radius:0 16px 16px 0;
    font-size:9.5px;
  }
  .product-filter-toggle svg{width:19px;height:19px}
}

@media (max-width:560px){
  .hero-copy[data-index="1"] .hero-actions{
    flex-direction:column;
    align-items:center;
  }
  .hero-copy[data-index="1"] .hero-actions .btn{
    width:min(230px,82vw);
    flex:none;
  }
}

@media (max-width:390px){
  .hero-copy[data-index="1"] .hero-alt-title{font-size:36px}
  .hero-copy[data-index="1"] .hero-text{font-size:11.5px;max-width:320px}
  .product-filter-toggle{width:50px;height:78px;border-radius:0 15px 15px 0;font-size:9px}
  .product-filter-toggle svg{width:18px;height:18px}
}

/* Mobile homepage featured products — compact horizontal cards */
@media(max-width:767px){
  .services-body{margin-top:32px}
  .home-product-list{display:grid;gap:12px;top:0}
  .home-product-list .service-row,
  .home-product-list .service-row[hidden]{
    display:grid!important;
    grid-template-columns:76px minmax(0,1fr);
    grid-template-areas:
      "image copy"
      "image category"
      "image action";
    column-gap:14px;
    row-gap:7px;
    min-height:0;
    padding:15px;
    border:1px solid #e3eaec;
    border-radius:14px;
    background:#fff;
    align-items:start;
  }
  .home-product-list .service-row:last-child,
  .home-product-list .service-row.page-last{border-bottom:1px solid #e3eaec}
  .home-product-list .service-row>img{
    grid-area:image;
    width:76px;
    height:76px;
    margin-top:1px;
    border-radius:12px;
    background:#f1f5f5;
  }
  .home-product-list .service-copy{grid-area:copy;min-width:0}
  .home-product-list .service-copy h3{
    margin:0 0 5px;
    font-size:18px;
    line-height:1.2;
  }
  .home-product-list .service-copy p{
    display:-webkit-box;
    overflow:hidden;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    max-width:none;
    margin:0;
    font-size:12.5px;
    line-height:1.5;
    color:#74818a;
  }
  .home-product-list .service-row strong{
    grid-area:category;
    justify-self:start;
    width:max-content;
    max-width:100%;
    padding:4px 8px;
    border-radius:999px;
    background:rgba(91,211,180,.12);
    color:#268f77;
    font-size:9px;
    line-height:1.2;
    letter-spacing:.01em;
    white-space:normal;
  }
  .home-product-list .service-row .btn{
    grid-area:action;
    justify-self:start;
    width:116px;
    height:36px;
    min-height:36px;
    right:auto;
    padding:0 13px;
    font-size:10px;
    border-radius:20px;
  }
  .home-product-list .service-row .btn .btn-arrow{width:13px;height:13px}
}

@media(max-width:430px){
  .home-product-list{gap:10px}
  .home-product-list .service-row,
  .home-product-list .service-row[hidden]{
    grid-template-columns:68px minmax(0,1fr);
    column-gap:12px;
    row-gap:6px;
    padding:13px;
    border-radius:12px;
  }
  .home-product-list .service-row>img{width:68px;height:68px;border-radius:10px}
  .home-product-list .service-copy h3{font-size:16px;margin-bottom:4px}
  .home-product-list .service-copy p{font-size:11.5px;line-height:1.45}
  .home-product-list .service-row strong{font-size:8.5px;padding:4px 7px}
  .home-product-list .service-row .btn{width:106px;height:34px;min-height:34px;font-size:9.5px}
}

/* =========================================================
   2026-08 首页 hero 手机端字号收紧（用户反馈：轮播字体过大）
   ========================================================= */
@media (max-width:767px){
  .hero h1{font-size:clamp(30px,8.6vw,44px);line-height:1.12;letter-spacing:-.01em}
  .hero .hero-alt-title{font-size:clamp(28px,8vw,42px);line-height:1.12}
  .hero-copy .hero-text{font-size:14px;line-height:1.6;max-width:430px}
  .hero-copy .eyebrow{font-size:10.5px}
}
@media (max-width:560px){
  .hero h1{font-size:clamp(28px,7.8vw,38px)}
  .hero .hero-alt-title{font-size:clamp(26px,7.2vw,36px)}
  .hero-copy .hero-text{font-size:13.5px}
}
@media (max-width:390px){
  .hero h1{font-size:clamp(25px,7vw,33px)}
  .hero .hero-alt-title{font-size:clamp(23px,6.6vw,31px)}
  .hero-copy .hero-text{font-size:13px}
}

/* 第二/三张轮播（hero-alt-title 有更高特异性选择器，需同等覆盖） */
@media (max-width:767px){
  .hero-copy[data-index="1"] .hero-alt-title,
  .hero-copy[data-index="2"] .hero-alt-title{font-size:clamp(28px,8vw,42px);line-height:1.12}
}
@media (max-width:560px){
  .hero-copy[data-index="1"] .hero-alt-title,
  .hero-copy[data-index="2"] .hero-alt-title{font-size:clamp(26px,7.2vw,36px)}
}
@media (max-width:390px){
  .hero-copy[data-index="1"] .hero-alt-title,
  .hero-copy[data-index="2"] .hero-alt-title{font-size:clamp(23px,6.6vw,31px)}
}

/* 2026-08 去除 footer 多余最小高度（内容不足 630px 时撑出的底部空白） */
@media(min-width:1199px){
  .footer{min-height:auto !important}
}
.footer{min-height:auto !important}

/* 2026-08 产品卡图片防溢出：图片强制约束在 .product-media 容器内，绝不压到下方文字 */
.shop-page .product-media,
.products-page .product-media{
  overflow:hidden;
  position:relative;
}
.shop-page .product-media img,
.products-page .product-media img{
  width:100% !important;
  height:100% !important;
  max-height:100% !important;
  object-fit:contain !important;
  display:block !important;
}
.shop-page .product-card,
.products-page .product-card{
  overflow:hidden;
}

/* 2026-08 产品列表卡片图片统一正方形比例（1:1） */
.shop-page .product-media,
.products-page .product-media{
  width:100%;
  height:auto !important;
  aspect-ratio:1/1 !important;
}
.shop-page .product-media img,
.products-page .product-media img{
  object-fit:cover !important;
}

/* =========================================================
   v2.9.26 — HOME PAGE STABILIZATION
   1) Remove legacy fixed-position hero geometry.
   2) Keep homepage footer flush with the final CTA.
   3) TranslatePress ALD popup must never participate in page flow.
   ========================================================= */

/* Homepage hero: one coherent layout instead of several historical overrides. */
body.home .hero{
  height:clamp(700px,76vh,860px);
  min-height:700px;
}
body.home .hero-bg{
  background-size:cover;
  background-position:62% center;
}
body.home .hero-shell{
  height:100%;
  align-items:center;
}
body.home .hero-copy,
body.home .hero-copy.active{
  top:50%;
  left:0;
  height:auto;
  width:min(650px,52vw);
  transform:translateY(-50%) !important;
}
@media (min-width:1199px){
  body.home .hero-copy .eyebrow,
  body.home .hero-copy h1,
  body.home .hero-copy .hero-alt-title,
  body.home .hero-copy .hero-text,
  body.home .hero-copy .hero-actions{
    position:static !important;
    top:auto !important;
    left:auto !important;
  }
  body.home .hero-copy .eyebrow{margin:0 0 15px}
  body.home .hero h1,
  body.home .hero .hero-alt-title{
    font-size:clamp(58px,4.5vw,80px);
    line-height:1.04;
    margin:0 0 24px;
  }
  body.home .hero-copy[data-index="1"] .hero-alt-title{
    font-size:clamp(54px,4.1vw,72px);
  }
  body.home .hero-copy .hero-text{
    width:auto;
    max-width:540px;
    margin:0 0 32px;
    font-size:16px;
    line-height:1.7;
  }
  body.home .hero-copy .hero-actions{gap:16px}
}

@media (max-width:1198px){
  body.home .hero{
    height:760px;
    min-height:760px;
  }
  body.home .hero-bg{background-position:center center}
  body.home .hero-copy,
  body.home .hero-copy.active{
    left:50%;
    top:50%;
    width:min(700px,86vw);
    transform:translate(-50%,-50%) !important;
    text-align:center;
  }
  body.home .hero-copy .hero-text{margin-inline:auto}
  body.home .hero-copy .hero-actions{justify-content:center}
}

@media (max-width:767px){
  body.home .hero{
    height:clamp(590px,78svh,680px);
    min-height:590px;
  }
  body.home .hero-copy,
  body.home .hero-copy.active{
    width:calc(100% - 56px);
    max-width:520px;
  }
  body.home .hero h1,
  body.home .hero .hero-alt-title,
  body.home .hero-copy[data-index="1"] .hero-alt-title,
  body.home .hero-copy[data-index="2"] .hero-alt-title{
    font-size:clamp(30px,8.4vw,40px);
    line-height:1.08;
    letter-spacing:-.01em;
    margin-bottom:18px;
  }
  body.home .hero-copy .eyebrow{
    position:static;
    margin:0 0 11px;
    font-size:9.5px;
  }
  body.home .hero-copy .hero-text{
    position:static;
    width:auto;
    max-width:420px;
    margin:0 auto 24px;
    font-size:13px;
    line-height:1.55;
  }
  body.home .hero-copy .hero-actions{
    position:static;
    gap:10px;
  }
  body.home .hero-copy .hero-actions .btn{
    min-height:48px;
    padding-inline:16px;
    font-size:11px;
  }
  body.home .hero-bullets{
    right:50%;
    top:auto;
    bottom:22px;
    flex-direction:row;
    transform:translateX(50%);
  }
}

@media (max-width:520px){
  body.home .hero{
    height:620px;
    min-height:620px;
  }
  body.home .hero-copy,
  body.home .hero-copy.active{width:calc(100% - 42px)}
  body.home .hero h1,
  body.home .hero .hero-alt-title,
  body.home .hero-copy[data-index="1"] .hero-alt-title,
  body.home .hero-copy[data-index="2"] .hero-alt-title{
    font-size:clamp(28px,8vw,35px);
  }
  body.home .hero-copy .hero-actions{
    flex-direction:column;
    align-items:center;
  }
  body.home .hero-copy .hero-actions .btn{
    width:min(230px,84vw);
    flex:none;
  }
}

/* Homepage footer must not inherit any legacy separation/min-height. */
body.home .home-final-cta{margin-bottom:0 !important}
body.home > footer.footer{
  margin-top:0 !important;
  min-height:0 !important;
  height:auto !important;
}

/* =========================================================
   TranslatePress Automatic Language Detection popup
   IMPORTANT: do not force display:flex globally. TranslatePress owns
   display:none / display:block. We only turn an explicitly visible popup
   into a flex container, and force the modal out of normal document flow.
   ========================================================= */
#trp_ald_modal_container{
  position:fixed !important;
  inset:0 !important;
  top:0 !important;
  left:0 !important;
  right:0 !important;
  bottom:0 !important;
  width:100vw !important;
  height:100vh !important;
  height:100dvh !important;
  margin:0 !important;
  padding:20px !important;
  transform:none !important;
  align-items:center;
  justify-content:center;
  background-color:rgba(17,25,36,.50) !important;
  backdrop-filter:blur(4px);
  -webkit-backdrop-filter:blur(4px);
  z-index:2147483000 !important;
}
#trp_ald_modal_container[style*="display: block"],
#trp_ald_modal_container[style*="display:block"]{
  display:flex !important;
}
#trp_ald_modal_container[style*="display: none"],
#trp_ald_modal_container[style*="display:none"]{
  display:none !important;
}

#trp_ald_modal_popup{
  position:relative !important;
  top:auto !important;
  left:auto !important;
  right:auto !important;
  bottom:auto !important;
  transform:none !important;
  width:min(560px,92vw) !important;
  max-width:560px !important;
  margin:0 !important;
  padding:42px 40px 32px !important;
  background:#fff !important;
  border:0 !important;
  border-radius:20px !important;
  box-shadow:0 30px 90px rgba(10,20,32,.32) !important;
  pointer-events:auto !important;
}
#trp_ald_popup_text{
  margin:0 !important;
  text-align:center;
  font-size:17px;
  line-height:1.6;
  color:#1d2939;
  font-family:var(--font-body,"Mulish",sans-serif);
  font-weight:500;
}
.trp_ald_select_and_button{
  margin-top:22px !important;
  gap:12px !important;
  align-items:center;
}
.trp_ald_ls_container{
  min-height:52px;
  font-size:15px;
  color:#334155;
  font-family:var(--font-body,"Mulish",sans-serif);
}
.trp_ald_ls_container .trp-ls-shortcode-current-language,
.trp_ald_ls_container .trp-ls-shortcode-language{
  background:#f4f7f8 !important;
  border:1px solid #e2e8ee !important;
  border-radius:12px !important;
  font-weight:600;
  color:#334155;
}
.trp_ald_ls_container .trp-flag-image{width:20px;height:auto;border-radius:3px}
.trp_ald_button{width:auto;min-width:150px;margin-left:0}
#trp_ald_popup_change_language{
  min-height:52px !important;
  padding:0 24px !important;
  border-radius:26px !important;
  background:var(--mint,#64d9b9) !important;
  border-color:var(--mint,#64d9b9) !important;
  color:#1d2939 !important;
  font-family:var(--font-display,"Prompt",sans-serif);
  font-weight:700;
  font-size:15px;
  box-shadow:none !important;
}
#trp_ald_popup_change_language:hover{
  background:#4fc9a8 !important;
  border-color:#4fc9a8 !important;
  transform:translateY(-1px);
}

/* Close stays inside the card, top-right. Keep the original clickable wrapper. */
#trp_ald_x_button_textarea{display:none !important}
#trp_ald_x_button_and_textarea{
  position:absolute !important;
  top:14px !important;
  right:14px !important;
  left:auto !important;
  bottom:auto !important;
  width:34px !important;
  height:34px !important;
  margin:0 !important;
  display:flex !important;
  align-items:center;
  justify-content:center;
  cursor:pointer !important;
  pointer-events:auto !important;
  z-index:5;
}
#trp_ald_modal_popup #trp_ald_x_button{
  width:34px !important;
  height:34px !important;
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  background:#f1f4f6;
  transition:background .2s ease,transform .2s ease;
}
#trp_ald_modal_popup #trp_ald_x_button::before{
  content:"\f335";
  font:normal 16px/1 dashicons !important;
  color:#5a6b7a !important;
  background:transparent !important;
}
#trp_ald_x_button_and_textarea:hover #trp_ald_x_button{
  background:#e4eaef;
  transform:rotate(90deg);
}

@media (max-width:560px){
  #trp_ald_modal_container{padding:14px !important}
  #trp_ald_modal_popup{
    width:min(440px,94vw) !important;
    padding:36px 22px 24px !important;
    border-radius:17px !important;
  }
  #trp_ald_popup_text{font-size:15px}
  .trp_ald_select_and_button{flex-direction:column;align-items:stretch}
  .trp_ald_button{width:100%;min-width:0}
  #trp_ald_popup_change_language{width:100% !important}
}


/* =========================================================
   v2.9.27 — FRONTEND STABILITY LAYER
   Deterministic fixes for legacy cascade conflicts, footer flow, media,
   sticky header, JS-fail-safe reveal, and TranslatePress interaction.
   ========================================================= */

html{overflow-x:hidden;overflow-x:clip}
body{min-width:0;overflow-x:hidden;overflow-x:clip}
/* v2.9.29 — WordPress body.blog collision guard. */
body.blog{height:auto!important;min-height:0!important;padding-top:0!important;padding-bottom:0!important;}
body.blog.home{background:var(--white)!important;}
body:not(.admin-bar){margin-top:0!important;padding-top:0!important}
.svg-sprite{position:absolute!important;top:0!important;left:0!important;width:0!important;height:0!important;min-width:0!important;min-height:0!important;overflow:hidden!important;pointer-events:none!important}
.site-header{margin:0!important;padding:0!important}
main#top{margin:0!important;padding:0!important}
img,svg,video{max-width:100%}
img{height:auto}

/* Keep the fixed nav below the WordPress toolbar for logged-in visitors. */
body.admin-bar .main-nav.is-sticky{top:32px}
@media(max-width:782px){body.admin-bar .main-nav.is-sticky{top:46px}}

/* Footer participates in normal flow; no absolute bottom bar or artificial min-height. */
.footer{
  height:auto!important;
  min-height:0!important;
  padding-top:62px!important;
  padding-bottom:0!important;
  display:flex;
  flex-direction:column;
}
.footer-grid{width:min(var(--shell),calc(100% - 80px));padding-bottom:44px}
.footer-bottom{
  position:static!important;
  left:auto!important;
  right:auto!important;
  bottom:auto!important;
  transform:none!important;
  height:auto!important;
  min-height:61px;
  margin-top:0!important;
  padding:16px 0;
  flex:0 0 auto;
}
.footer-brand>p{display:block}
.footer-nav>h3,.footer-inquiry>h3{display:block}
@media(max-width:1198px){.footer-grid{width:min(930px,calc(100% - 64px));padding-bottom:34px}}
@media(max-width:767px){.footer{padding-top:50px!important}.footer-grid{width:calc(100% - 40px);padding-bottom:28px}.footer-bottom{padding:20px 0}}

/* Reveal is fail-safe: only JS-armed elements are hidden. */
.reveal:not(.reveal-pending){opacity:1;transform:none}

/* Product/list media cannot escape their cards regardless of intrinsic image size. */
.product-media,.related-product-image,.article-related-card>a,.insight-card-media{overflow:hidden}
.product-media img,.related-product-image img,.article-related-card>a>img,.insight-card-media>img{display:block;max-width:100%;max-height:100%;object-fit:cover}

/* Hero copy must stay inside the viewport even when translations are longer. */
body.home .hero-copy{max-height:calc(100% - 80px);overflow:visible}
body.home .hero-copy h1,body.home .hero-copy .hero-alt-title{overflow-wrap:anywhere}
@media(max-width:767px){
  body.home .hero-copy{max-height:calc(100% - 84px)}
  body.home .hero-copy h1,body.home .hero-copy .hero-alt-title{overflow-wrap:normal;word-break:normal}
}

/* TranslatePress: modal is always viewport-fixed and never contributes page height. */
#trp_ald_modal_container{box-sizing:border-box!important;overflow:auto!important;overscroll-behavior:contain}
#trp_ald_modal_popup{box-sizing:border-box!important;margin:auto!important;max-height:calc(100dvh - 40px)!important;overflow:visible!important}
#trp_ald_x_button_and_textarea{touch-action:manipulation}
.trp_ald_ls_container .trp-ls-shortcode-language{z-index:20!important}
@media(max-width:560px){
  #trp_ald_modal_popup{max-height:calc(100dvh - 28px)!important;overflow-y:auto!important}
}

/* Prevent accidental double submissions while AJAX is pending. */
.footer-inquiry-submit:disabled,.inquiry-modal-form button[type=submit]:disabled,#contactForm button[type=submit]:disabled{opacity:.62;cursor:wait;transform:none!important}

/* ═══════════════════════════════════════════════════════════════
   v2.9.31 — bottom-centered floating WhatsApp + Email
   Layout follows the supplied reference: two horizontal pill buttons at
   the viewport bottom center. The rail itself has no background layer.
   Icons are remote SVGs from Iconify API (rendered via <img> in footer.php).
   ═══════════════════════════════════════════════════════════════ */
.inn-contact-float{
  position:fixed;
  z-index:1600;
  left:50%;
  bottom:max(18px,env(safe-area-inset-bottom));
  transform:translateX(-50%);
  display:flex;
  flex-direction:row;
  align-items:center;
  justify-content:center;
  gap:12px;
  width:max-content;
  max-width:calc(100vw - 24px);
  padding:0;
  margin:0;
  background:transparent!important;
  border:0;
  box-shadow:none!important;
  pointer-events:none;
}
.inn-contact-float__link{
  pointer-events:auto;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:11px;
  min-width:156px;
  min-height:58px;
  padding:0 26px;
  border:0!important;
  border-radius:999px!important;
  color:#fff!important;
  text-decoration:none!important;
  font-family:var(--font-body);
  font-size:16px;
  font-weight:800;
  line-height:1;
  letter-spacing:0;
  box-shadow:0 10px 28px rgba(15,35,48,.18)!important;
  transition:transform .2s ease,box-shadow .2s ease,filter .2s ease;
  white-space:nowrap;
}
.inn-contact-float__wa{background:#1b8f45!important;}
.inn-contact-float__email{background:#108491!important;}
.inn-contact-float__link:hover,
.inn-contact-float__link:focus-visible{
  transform:translateY(-3px);
  filter:brightness(1.04);
  box-shadow:0 14px 34px rgba(15,35,48,.24)!important;
  color:#fff!important;
  text-decoration:none!important;
}
.inn-contact-float__link:focus-visible{outline:3px solid rgba(255,255,255,.9);outline-offset:3px;}
.inn-contact-float__icon{
  display:block;
  width:26px;
  height:26px;
  flex:0 0 26px;
  object-fit:contain;
}
body.modal-open .inn-contact-float{opacity:0;pointer-events:none;}
@media (max-width:767px){
  .inn-contact-float{
    bottom:max(14px,env(safe-area-inset-bottom));
    gap:10px;
    max-width:calc(100vw - 20px);
  }
  .inn-contact-float__link{
    min-width:0;
    min-height:52px;
    padding:0 clamp(17px,4.8vw,24px);
    gap:9px;
    font-size:15px;
  }
  .inn-contact-float__icon{width:24px;height:24px;flex-basis:24px;}
}
@media (max-width:360px){
  .inn-contact-float{gap:8px;}
  .inn-contact-float__link{min-height:48px;padding:0 14px;font-size:14px;gap:7px;}
  .inn-contact-float__icon{width:22px;height:22px;flex-basis:22px;}
}
@media (prefers-reduced-motion:reduce){
  .inn-contact-float__link{transition:none;}
  .inn-contact-float__link:hover,.inn-contact-float__link:focus-visible{transform:none;}
}


/* ======================================================================
   v2.9.32 — Header/navigation rebuild
   - slightly larger, cleaner online Phosphor SVG icons in the top bar
   - simplified primary navigation
   - full dynamic Product Category mega menu
   ====================================================================== */
.qm-header-v2{
  height:126px!important;
  background:#fff;
  border-bottom:1px solid #edf1f3;
}
.qm-header-v2 .topbar{
  height:42px!important;
  background:#fbfcfc;
  border-bottom:1px solid #edf1f3;
  font-size:13px;
}
.qm-header-v2 .topbar-inner{height:42px!important}
.qm-header-v2 .topbar-contact{gap:34px}
.qm-header-v2 .topbar-contact a,
.qm-header-v2 .topbar-contact span{
  gap:10px;
  color:#64788b;
  line-height:1;
}
.qm-header-v2 .topbar-contact a:hover{color:#17324a}
.qm-header-v2 .topbar-icon--online{
  display:block;
  width:18px!important;
  height:18px!important;
  flex:0 0 18px;
  object-fit:contain;
}
.qm-header-v2 .language-menu,
.qm-header-v2 .language-trigger{height:42px!important}
.qm-header-v2 .language-dropdown{top:40px}

.qm-header-v2 .qm-main-nav{height:84px!important}
.qm-header-v2 .qm-main-nav.is-sticky{height:74px!important}
.qm-header-v2 .nav-inner{gap:18px}
.qm-header-v2 .brand{width:220px!important;flex-basis:220px!important;height:62px!important}
.qm-header-v2 .brand-image{width:196px!important;max-height:56px!important}
.qm-header-v2 .nav-drawer{margin-left:auto;margin-right:0}
.qm-header-v2 .qm-primary-menu{gap:8px!important}
.qm-header-v2 .qm-primary-menu>li>a{
  line-height:84px!important;
  padding:0 16px;
  font-size:14px;
  font-weight:650;
  color:#26364a;
  position:relative;
}
.qm-header-v2 .qm-primary-menu>li>a::before{
  content:"";
  position:absolute;
  left:16px;
  right:16px;
  bottom:19px;
  height:2px;
  background:var(--mint-deep);
  transform:scaleX(0);
  transform-origin:center;
  transition:transform .2s ease;
}
.qm-header-v2 .qm-primary-menu>li.current>a::before,
.qm-header-v2 .qm-primary-menu>li>a:hover::before{transform:scaleX(1)}
.qm-header-v2 .qm-primary-menu>li.has-menu>a::after{margin-left:9px}
.qm-header-v2 .nav-cta{
  width:auto!important;
  min-width:190px;
  height:48px;
  padding:0 26px;
  margin-left:14px;
  border-radius:28px;
}

@media(min-width:1199px){
  .qm-header-v2 .qm-products-submenu{
    left:50%!important;
    top:calc(100% - 2px)!important;
    width:min(760px,calc(100vw - 80px));
    min-width:680px;
    padding:18px!important;
    border:1px solid #e8eef1;
    border-radius:16px!important;
    box-shadow:0 24px 70px rgba(18,37,55,.16)!important;
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px 14px;
    transform:translate(-50%,14px)!important;
    overflow:visible;
  }
  .qm-header-v2 .qm-products-menu:hover>.qm-products-submenu,
  .qm-header-v2 .qm-products-menu:focus-within>.qm-products-submenu{
    transform:translate(-50%,0)!important;
  }
  .qm-header-v2 .qm-products-all,
  .qm-header-v2 .qm-products-utility{grid-column:1/-1}
  .qm-header-v2 .qm-products-all>a{
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:13px 15px!important;
    border-radius:10px;
    background:#f3faf8;
    color:#0f6f72!important;
    font-weight:700!important;
  }
  .qm-header-v2 .qm-products-all>a:hover{background:#e8f7f2}
  .qm-header-v2 .qm-product-group{
    padding:13px 15px 14px;
    border:1px solid #edf1f3;
    border-radius:12px;
    background:#fff;
  }
  .qm-header-v2 .qm-product-group__title{
    padding:0!important;
    color:#18324a!important;
    font-size:13px!important;
    font-weight:700!important;
  }
  .qm-header-v2 .qm-product-group__children{
    display:flex;
    flex-wrap:wrap;
    gap:6px 12px;
    margin-top:9px;
  }
  .qm-header-v2 .qm-product-group__children a{
    padding:0!important;
    font-family:var(--font-body);
    font-size:12px!important;
    line-height:1.5!important;
    color:#748492!important;
  }
  .qm-header-v2 .qm-product-group__children a:hover{color:#0c7d7f!important}
  .qm-header-v2 .qm-products-utility{
    display:flex;
    gap:10px;
    border-top:1px solid #edf1f3;
    margin-top:4px;
    padding-top:12px;
  }
  .qm-header-v2 .qm-products-utility>a{
    flex:1;
    padding:10px 13px!important;
    border-radius:9px;
    background:#f7f9fa;
    color:#415467!important;
    font-size:12px!important;
    font-weight:650!important;
  }
  .qm-header-v2 .qm-products-utility>a:hover{background:#eef6f5;color:#0c7477!important}
}

@media(max-width:1439px) and (min-width:1199px){
  .qm-header-v2 .brand{width:200px!important;flex-basis:200px!important}
  .qm-header-v2 .brand-image{width:180px!important}
  .qm-header-v2 .qm-primary-menu>li>a{padding:0 11px;font-size:13px}
  .qm-header-v2 .qm-primary-menu>li>a::before{left:11px;right:11px}
  .qm-header-v2 .nav-cta{min-width:174px;padding-inline:22px;margin-left:8px}
}

@media(max-width:1198px){
  .qm-header-v2{height:88px!important}
  .qm-header-v2 .topbar{display:none!important}
  .qm-header-v2 .qm-main-nav{height:88px!important}
  .qm-header-v2 .qm-main-nav.is-sticky{height:72px!important}
  .qm-header-v2 .brand{width:205px!important;flex-basis:205px!important;height:58px!important}
  .qm-header-v2 .brand-image{width:188px!important;max-height:54px!important}
  .qm-header-v2 .nav-drawer{margin:0}
  .qm-header-v2 .qm-primary-menu>li>a{line-height:1.25!important;padding:17px 8px;font-size:13px}
  .qm-header-v2 .qm-primary-menu>li>a::before{display:none}
  .qm-header-v2 .qm-products-submenu{padding:5px 0 12px!important}
  .qm-header-v2 .qm-products-all>a{font-weight:700!important;color:#fff!important}
  .qm-header-v2 .qm-product-group{padding:7px 12px 9px 20px}
  .qm-header-v2 .qm-product-group__title{padding:8px 0!important;color:#d9e3ea!important;font-weight:650!important}
  .qm-header-v2 .qm-product-group__children{display:flex;flex-direction:column;gap:0;padding-left:12px}
  .qm-header-v2 .qm-product-group__children a{padding:7px 0!important;color:#9fb0bd!important;font-size:11px!important}
  .qm-header-v2 .qm-products-utility{display:flex;flex-direction:column;padding:8px 20px 0;border-top:1px solid rgba(255,255,255,.08);margin-top:7px}
  .qm-header-v2 .qm-products-utility>a{padding:8px 0!important;color:#b8c7d1!important;font-size:11px!important}
}

@media(max-width:767px){
  .qm-header-v2{height:76px!important}
  .qm-header-v2 .qm-main-nav{height:76px!important}
  .qm-header-v2 .brand{width:178px!important;flex-basis:178px!important;height:52px!important}
  .qm-header-v2 .brand-image{width:164px!important;max-height:47px!important}
}

/* =========================================================
   v2.9.35 — Homepage Featured Products image presentation
   Product artwork may be tall transparent PNGs (e.g. peptide vials).
   Keep the full artwork visible: no crop, no artificial background.
   ========================================================= */
.home-product-list .service-row{
  grid-template-columns:100px minmax(280px,330px) 150px 1fr;
}
.home-product-list .service-row>img{
  width:92px;
  height:120px;
  max-width:100%;
  object-fit:contain !important;
  object-position:center center;
  border-radius:0 !important;
  background:transparent !important;
  padding:0;
  justify-self:center;
  align-self:center;
}

@media (max-width:1198px) and (min-width:768px){
  .home-product-list .service-row{
    grid-template-columns:100px minmax(0,1fr) 110px 130px;
  }
  .home-product-list .service-row>img{
    width:88px;
    height:114px;
  }
}

@media (max-width:767px){
  .home-product-list .service-row,
  .home-product-list .service-row[hidden]{
    grid-template-columns:80px minmax(0,1fr);
  }
  .home-product-list .service-row>img{
    width:74px;
    height:96px;
    margin-top:0;
    border-radius:0 !important;
    background:transparent !important;
    object-fit:contain !important;
  }
}

@media (max-width:430px){
  .home-product-list .service-row,
  .home-product-list .service-row[hidden]{
    grid-template-columns:72px minmax(0,1fr);
  }
  .home-product-list .service-row>img{
    width:66px;
    height:88px;
    border-radius:0 !important;
    background:transparent !important;
  }
}

/* v2.9.37 — Desktop primary navigation: true optical center.
   Keep the menu centered inside the shell independently from logo / CTA widths. */
@media (min-width:1199px){
  .qm-header-v2 .nav-inner{
    display:grid!important;
    grid-template-columns:minmax(220px,1fr) auto minmax(220px,1fr);
    align-items:center;
    gap:18px;
  }
  .qm-header-v2 .brand{
    grid-column:1;
    justify-self:start;
  }
  .qm-header-v2 .nav-drawer{
    grid-column:2;
    justify-self:center;
    align-self:stretch;
    height:100%;
    margin:0!important;
    display:flex;
    align-items:center;
    justify-content:center;
  }
  .qm-header-v2 .qm-primary-menu{
    height:100%;
    margin:0;
    justify-content:center;
    align-items:center;
  }
  .qm-header-v2 .qm-primary-menu>li{
    height:100%;
    display:flex;
    align-items:center;
    justify-content:center;
  }
  .qm-header-v2 .qm-primary-menu>li>a{
    height:100%;
    line-height:1!important;
    display:flex;
    align-items:center;
    justify-content:center;
    text-align:center;
  }
  .qm-header-v2 .nav-cta{
    grid-column:3;
    justify-self:end;
    margin-left:0!important;
  }
}

/* 2026-08 方形 logo 适配（1448x1086） */
.brand-image{height:78px!important;width:auto!important;max-width:none!important;object-fit:contain}
.drawer-logo{height:70px!important;width:auto!important}
.footer-logo{height:88px!important;width:auto!important}

/* 2026-08 首页博客轮播：桌面/平板一行展示 + 轮播控制 */
.blog-grid.blog-carousel{align-items:stretch}
.blog-grid.blog-carousel .post-card{height:auto}
@media(min-width:1200px){
  .blog-grid.blog-carousel .post-card{flex:0 0 calc(33.333% - 11px);width:calc(33.333% - 11px)}
  .blog-carousel-controls{display:flex !important}
}
@media(min-width:768px) and (max-width:1199px){
  .blog-grid.blog-carousel .post-card{flex:0 0 calc(50% - 8px);width:calc(50% - 8px)}
  .blog-carousel-controls{display:flex !important}
}