/* Shared HY.SEVEN typography and footer */
body,button,input,textarea,select{font-family:Arial,"Noto Sans SC","Microsoft YaHei",sans-serif}
h1,h2,h3,h4,h5,h6{font-family:Arial,"Noto Sans SC","Microsoft YaHei",sans-serif!important;font-weight:700!important;letter-spacing:-.035em}label{font-weight:600!important}.nav{font-weight:600!important}.submit,.btn{font-weight:600!important}.metric b{font-weight:700!important}
main h1{font-weight:700!important;line-height:1.06!important}.hero h1{font-size:clamp(3rem,5.4vw,5.2rem)!important;letter-spacing:-.045em!important}
.section-head h2,.title,.section-title,.factory-copy h2,.cooperation-head h2,.partners-head h2,.cta h2,.form-head h2{font-family:Arial,"Noto Sans SC","Microsoft YaHei",sans-serif!important;font-weight:700!important;font-size:clamp(2.55rem,4vw,4.1rem)!important;line-height:1.08!important;letter-spacing:-.045em!important}
article h3,.card h3{font-family:Arial,"Noto Sans SC","Microsoft YaHei",sans-serif!important;font-weight:650!important;line-height:1.22!important;letter-spacing:-.02em!important}.category h3,.step h3,.buyer h3,.value-card h3,.role h3,.service h3{font-size:clamp(1.2rem,1.55vw,1.58rem)!important}.feature h3{font-size:clamp(1.75rem,2.45vw,2.45rem)!important}.inquiry-copy h2,.detail-copy h2{font-family:Arial,"Noto Sans SC","Microsoft YaHei",sans-serif!important;font-weight:700!important;font-size:clamp(2.3rem,3.8vw,3.8rem)!important;line-height:1.08!important}
p{line-height:1.72}
.eyebrow,.kicker{font-family:Arial,"Noto Sans SC","Microsoft YaHei",sans-serif!important;font-weight:650!important;font-size:.78rem!important;letter-spacing:.1em!important}
.site-footer{background:linear-gradient(112deg,#202a29 0%,#0c202b 58%,#071722 100%);color:#eaf0f2;padding:54px 0 50px;border-top:1px solid rgba(255,255,255,.06)}
.site-footer-inner{width:min(1120px,calc(100% - 48px));margin:auto;display:grid;grid-template-columns:1.25fr .95fr .5fr;gap:80px;align-items:start}
.site-footer-brand h3{margin:0 0 14px;font-size:1.55rem;font-weight:700;letter-spacing:-.025em}.site-footer-brand p{max-width:390px;margin:0;color:#aab6bb;font-size:.86rem;line-height:1.8}
.site-footer-contact{display:grid;gap:10px;padding-top:3px}.site-footer-contact p{margin:0;color:#c1cbd0;font-size:.78rem;line-height:1.65}.site-footer-contact b{display:inline-block;color:#fff;font-size:.76rem;margin-right:6px}.site-footer-contact a{color:#eaf0f2;border-bottom:1px solid transparent;transition:color .25s ease,border-color .25s ease}.site-footer-contact a:hover{color:#ff8b50;border-color:#ff8b50}
.site-footer-links{display:grid;gap:10px}.site-footer-links a{color:#fff;font-size:.8rem;font-weight:600;transition:color .25s ease,transform .25s ease}.site-footer-links a:hover{color:#ff8b50;transform:translateX(3px)}
.direct-contact{position:fixed;z-index:45;right:18px;bottom:18px;display:flex;align-items:center;gap:7px;padding:7px;border:1px solid rgba(255,255,255,.16);border-radius:10px;background:rgba(18,24,26,.94);box-shadow:0 12px 35px rgba(0,0,0,.2);backdrop-filter:blur(10px)}.direct-contact span{padding:0 7px;color:#d4dcdf;font-size:.75rem}.direct-contact a{display:flex;align-items:center;justify-content:center;min-height:36px;padding:0 12px;border-radius:6px;background:#fff;color:#122028;font-size:.78rem;font-weight:600;transition:transform .25s ease,background .25s ease,color .25s ease}.direct-contact a:hover{transform:translateY(-2px);background:#ff8b50;color:#fff}.direct-contact .direct-whatsapp{background:#f26522;color:#fff}
.details [data-contact-kind] a{display:inline-block;color:#17232a;font-weight:600;border-bottom:1px solid #cbc5ba;transition:color .25s ease,border-color .25s ease}.details [data-contact-kind] a:hover{color:#f26522;border-color:#f26522}
.inquiry-direct{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.inquiry-direct>span{color:#aaa;font-size:.72rem;letter-spacing:.06em;margin-right:3px}.inquiry-direct a{border:1px solid #666;color:#fff;padding:8px 13px;font-size:.76rem;transition:background .25s ease,color .25s ease,border-color .25s ease}.inquiry-direct a:hover{background:#f26522;border-color:#f26522;color:#fff}

/* Homepage buyer cards: half-height, calmer spacing */
.cooperation{padding:72px 0!important}.cooperation-head{margin-bottom:34px!important}.buyer-grid{gap:12px!important}.buyer{min-height:125px!important;padding:18px 20px!important;border-radius:11px!important}.buyer:after{right:16px!important;top:15px!important;width:29px!important;height:29px!important}.buyer small{font-size:.7rem!important;font-weight:600!important}.buyer h3{margin:24px 0 5px!important;font-size:1.18rem!important}.buyer p{font-size:.78rem!important;line-height:1.5!important;max-width:88%}.buyer:hover{transform:translateY(-4px)!important}

/* Solution page: tighter alternating editorial cards */
.solutions{padding-bottom:84px!important}.solution-card{min-height:400px!important;margin-bottom:26px!important;border:1px solid #e2ded6!important;border-radius:14px!important;background:#f7f5f1!important;overflow:hidden!important;box-shadow:0 10px 30px rgba(31,27,20,.055)!important;transition:transform .38s cubic-bezier(.22,1,.36,1),box-shadow .38s ease!important}.solution-card:hover{transform:translateY(-5px);box-shadow:0 20px 45px rgba(31,27,20,.1)!important}.solution-card:nth-child(even){background:#eef2ef!important}.solution-card .visual img{min-height:400px!important}.solution-card .copy{padding:44px 48px!important}.solution-card .copy h2{font-weight:650!important;font-size:clamp(2rem,3vw,3rem)!important;line-height:1.12!important;margin:12px 0 18px!important}.solution-card .copy p{font-size:.95rem!important;line-height:1.75!important}.solution-card .num{font-weight:650!important}.solution-card .benefits{gap:9px 12px!important;font-weight:600!important}.solution-card .benefits span{border:1px solid #ded8cd!important;border-radius:7px!important;background:rgba(255,255,255,.7)!important;padding:9px 10px!important}

/* Company values: warm neutral palette */
.values{background:#f3efe7!important;color:#17232a!important;border-top:1px solid #e3ddd3!important;border-bottom:1px solid #e3ddd3!important}.values-head p{color:#626762!important}.value-grid{gap:16px!important;background:transparent!important}.value-card{min-height:210px!important;background:#fff!important;border:1px solid #ddd8ce!important;border-radius:13px!important;box-shadow:0 9px 26px rgba(49,39,24,.055)!important;transition:transform .35s ease,border-color .35s ease,box-shadow .35s ease!important}.value-card:hover{transform:translateY(-5px);border-color:#ee9a70!important;box-shadow:0 18px 38px rgba(65,42,23,.1)!important}.value-card h3{color:#17232a!important;margin:38px 0 12px!important}.value-card p{color:#676b67!important}.value-card span{font-weight:650!important}
@media(max-width:900px){.site-footer-inner{grid-template-columns:1.2fr 1fr;gap:42px}.site-footer-links{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:12px 24px}}
@media(max-width:560px){.section-head h2,.title,.section-title,.factory-copy h2,.cooperation-head h2,.partners-head h2,.cta h2,.form-head h2{font-size:clamp(2.1rem,9vw,2.85rem)!important}.buyer{min-height:118px!important}.solution-card .visual img{min-height:270px!important}.solution-card .copy{padding:30px 24px!important}.value-grid{gap:12px!important}.site-footer{padding:42px 0 105px}.site-footer-inner{width:calc(100% - 32px);grid-template-columns:1fr;gap:30px}.site-footer-links{grid-column:auto;display:grid;grid-template-columns:1fr 1fr}.site-footer-brand h3{font-size:1.4rem}.direct-contact{left:10px;right:10px;bottom:10px;justify-content:center}.direct-contact span{display:none}.direct-contact a{flex:1;padding:0 7px}.direct-contact a:last-child{max-width:70px}}
/* Keep the category-card arrow identical on iOS/iPadOS and desktop.
   A CSS-drawn icon avoids Apple's color Emoji rendering for the ↗ glyph. */
.category-arrow{
  font-size:0!important;
  font-family:Arial,sans-serif!important;
}
.category-arrow::before{
  content:"";
  position:absolute;
  left:18px;
  top:11px;
  width:8px;
  height:8px;
  border-top:1.5px solid currentColor;
  border-right:1.5px solid currentColor;
}
.category-arrow::after{
  content:"";
  position:absolute;
  left:11px;
  top:18px;
  width:16px;
  height:1.5px;
  background:currentColor;
  transform:rotate(-45deg);
  transform-origin:center;
}

/* Force every remaining navigation/action arrow into monochrome text mode. */
.btn span:last-child,
.inquiry-submit span:last-child,
.slider-arrow,
.partner-arrow,
.buyer,
.service a,
.help a,
.inquire{
  font-variant-emoji:text;
}

/* Editable image areas for service and partner cards. */
.service{
  padding:0!important;
  min-height:430px!important;
  overflow:hidden;
  border:1px solid #e4d8c8;
  border-radius:14px;
  background:#fff!important;
  box-shadow:0 10px 28px rgba(55,39,20,.07);
}
.service-media{
  width:100%;
  height:185px;
  overflow:hidden;
  background:#e9e4db;
}
.service-media img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .5s cubic-bezier(.22,1,.36,1);
}
.service:hover .service-media img{transform:scale(1.045)}
.service-body{
  flex:1;
  display:flex;
  flex-direction:column;
  padding:25px 30px 28px;
}
.service-body h3{margin:16px 0 12px!important}
.service-body a{margin-top:auto}
.partner-card{
  height:176px!important;
  padding:18px 22px;
  display:flex!important;
  flex-direction:column;
  justify-content:center;
  gap:14px;
}
.partner-logo{
  display:block;
  width:100%;
  height:54px;
  object-fit:contain;
  object-position:center;
}
@media(max-width:560px){
  .service{min-height:410px!important}
  .service-media{height:205px}
  .partner-card{height:172px!important}
}

/* Company values: editable full-card images behind readable text. */
.value-card{
  position:relative;
  min-height:280px!important;
  padding:0!important;
  overflow:hidden;
  isolation:isolate;
  border-color:#cfc7ba!important;
  background:#17232a!important;
}
.value-card::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  background:linear-gradient(180deg,rgba(11,20,22,.16),rgba(11,20,22,.82));
  pointer-events:none;
}
.value-card-bg{
  position:absolute;
  inset:0;
  z-index:0;
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .55s cubic-bezier(.22,1,.36,1);
}
.value-card:hover .value-card-bg{transform:scale(1.045)}
.value-card-content{
  position:relative;
  z-index:2;
  min-height:280px;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  padding:34px 36px;
}
.value-card-content span{margin-bottom:auto;color:#ff7a37!important}
.value-card-content h3{margin:0 0 12px!important;color:#fff!important}
.value-card-content p{color:rgba(255,255,255,.82)!important}
.cms-edit-mode .value-card-content{pointer-events:none}
.cms-edit-mode .value-card-content [data-cms-text]{pointer-events:auto}

/* Editable background images for workflow and team cards. */
.step,.role{position:relative!important;overflow:hidden!important;isolation:isolate;display:flex!important;flex-direction:column!important;justify-content:flex-end!important;min-height:260px!important;padding:32px 28px!important;background:#17232a!important;border:1px solid #cfc7ba!important;border-radius:13px!important;box-shadow:0 9px 26px rgba(49,39,24,.09)!important;transition:transform .35s ease,box-shadow .35s ease!important}
.step::after,.role::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(10,18,20,.05) 18%,rgba(10,18,20,.42) 58%,rgba(10,18,20,.9) 100%);pointer-events:none}
.step-bg,.role-bg{position:absolute;inset:0;z-index:-2;display:block;width:100%;height:100%;object-fit:cover;opacity:1;transition:transform .55s cubic-bezier(.22,1,.36,1),filter .35s ease}
.step:hover,.role:hover{transform:translateY(-5px);box-shadow:0 18px 38px rgba(25,28,25,.18)!important}.step:hover .step-bg,.role:hover .role-bg{transform:scale(1.045);filter:saturate(1.05)}
.step:before{display:none!important}.step b,.role small{position:relative;z-index:1;margin-bottom:auto!important;color:#ff7333!important;font-weight:650!important}.step h3,.role h3{position:relative;z-index:1;margin:0 0 12px!important;color:#fff!important}.step p,.role p{position:relative;z-index:1;margin:0!important;color:rgba(255,255,255,.84)!important;max-width:100%!important}
.cms-edit-mode .step>img,.cms-edit-mode .role>img{z-index:3;opacity:.22}.cms-edit-mode .step>b,.cms-edit-mode .step>h3,.cms-edit-mode .step>p,.cms-edit-mode .role>small,.cms-edit-mode .role>h3,.cms-edit-mode .role>p{z-index:4}
.workflow .step::after,.team .role::after{inset:0!important;right:0!important;bottom:0!important;height:auto!important;background:linear-gradient(180deg,rgba(10,18,20,.04) 15%,rgba(10,18,20,.42) 58%,rgba(10,18,20,.92) 100%)!important}
.workflow .step>b,.team .role>small{display:block!important;margin-bottom:auto!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;color:#ff7333!important}
.workflow .step h3,.team .role h3{margin:0 0 12px!important;color:#fff!important}.workflow .step p,.team .role p{color:rgba(255,255,255,.84)!important}
.inquiry-consent{display:flex!important;grid-column:1/-1;align-items:flex-start;gap:9px;color:inherit!important;font-size:.75rem!important;line-height:1.5}.inquiry-consent input{width:auto!important;margin-top:3px}.inquiry-consent a{text-decoration:none;color:#f26522}