/*
  MEILIN VISUAL POLISH LAYER — 2026-10-04
  Reversible by removing this stylesheet link from the HTML files.
  The underlying layout and styles.css remain authoritative and untouched.
*/

:root{
  --polish-ink:#10382f;
  --polish-deep:#0d4337;
  --polish-accent:#1b6a54;
  --polish-paper:#f7f8f3;
  --polish-surface:#fbfcf8;
  --polish-mist:#e8f0eb;
  --polish-line:rgba(28,76,62,.18);
  --polish-shadow:0 22px 56px rgba(21,55,46,.075);
  --polish-ease:cubic-bezier(.2,.78,.2,1);
}

html{background:#eef3ef}
body{
  color:var(--polish-ink);
  background:
    radial-gradient(circle at 88% 3%,rgba(117,164,142,.09),transparent 26rem),
    var(--polish-paper);
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
::selection{background:#a9cdbd;color:#092d25}
h1,h2,h3,.section-head h2,.page-hero h1{text-wrap:balance}
p,.lead{text-wrap:pretty}

/* A quieter, more precise navigation surface. */
.top{
  background:rgba(247,248,243,.9);
  border-bottom-color:rgba(25,73,59,.13);
  box-shadow:0 8px 32px rgba(17,55,45,.035);
  -webkit-backdrop-filter:blur(18px) saturate(1.16);
  backdrop-filter:blur(18px) saturate(1.16);
}
.links{font-weight:520;letter-spacing:-.012em}
.links a{position:relative;border:0!important}
.links a:after{content:"";position:absolute;left:0;right:0;bottom:1px;height:1px;background:var(--polish-accent);transform:scaleX(0);transform-origin:right;transition:transform .42s var(--polish-ease)}
.links a:hover:after,.links a.active:after{transform:scaleX(1);transform-origin:left}

/* Controls stay square and editorial, but feel less flat. */
.btn,.footer-contact-actions a,.after-sales-contact{
  transition:transform .3s var(--polish-ease),box-shadow .3s var(--polish-ease),background-color .25s,border-color .25s,color .25s;
}
.btn{min-height:46px;border-color:rgba(20,79,64,.78)}
.btn.fill{background:linear-gradient(145deg,#175744,#104638);box-shadow:inset 0 1px rgba(255,255,255,.13)}
.btn:hover,.footer-contact-actions a:hover,.after-sales-contact:hover{transform:translateY(-3px);box-shadow:0 13px 30px rgba(15,65,52,.13)}

/* Improve rhythm without changing any section order or grid. */
.eyebrow,.section-index,.band-index,.cap-card-kicker,.technical-data-kicker{
  letter-spacing:.18em;
}
.section-index span{background:rgba(255,255,255,.42);box-shadow:inset 0 0 0 4px rgba(255,255,255,.22)}
.section-head{position:relative}
.section-head:after{content:"";position:absolute;left:0;right:0;bottom:-25px;height:1px;background:linear-gradient(90deg,rgba(23,79,65,.36),rgba(23,79,65,.04) 72%,transparent)}
.contact-request-panel .section-head:after,.cap-support .section-head:after,.product-technical-data .section-head:after{display:none}

/* Surfaces gain depth through restrained contrast, not rounded template cards. */
.card,.product-card,.cap-support-card,.contact-route-card,.about-principle-grid article,.home-process .step,.technical-data-item{
  border-color:var(--polish-line);
}
.home-products .card,.product-card,.contact-route-card,.technical-data-item{
  background:linear-gradient(145deg,rgba(255,255,255,.86),rgba(247,250,247,.68));
}
.home-products .card:hover,.product-card:hover,.contact-route-card:hover{
  border-color:rgba(20,79,64,.5);
  box-shadow:var(--polish-shadow);
}
.home-process .step{box-shadow:inset 0 1px rgba(255,255,255,.62)}
.tag{border-color:rgba(25,79,64,.3);background:rgba(255,255,255,.3)}

/* Product photography and technical data read as one premium system. */
.home-family-image,.product-card-media,.product-photo,.equipment-main,.equipment-detail,.equipment-video{
  box-shadow:0 16px 45px rgba(20,53,45,.075);
}
.home-family-image img,.product-card-media img,.product-photo img{
  transition:transform .8s var(--polish-ease),filter .45s ease;
}
@media(hover:hover) and (pointer:fine){
  .card:hover .home-family-image img,.product-card:hover .product-card-media img{transform:scale(1.025);filter:saturate(1.02) contrast(1.015)}
}
.spec-list,.technical-data-table{border-color:rgba(24,74,60,.25)}
.spec-row,.technical-data-table-row{border-color:rgba(24,74,60,.16)}
.spec-row:hover,.technical-data-table-row:hover{background:rgba(226,238,231,.46)}
.technical-data-table-head{background:linear-gradient(110deg,#155443,#0e4236)}

/* Large color fields receive a subtle material quality. */
.home-products,.home-after-sales,.cap-inputs,.slitting-focus,.about-profile,.product-technical-data{
  background-image:linear-gradient(135deg,rgba(255,255,255,.22),transparent 44%);
}
.home-capabilities,.about-home,.cap-map,.equipment-story{
  position:relative;
}
.home-capabilities:before,.about-home:before,.cap-map:before,.equipment-story:before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(circle at 85% 12%,rgba(97,151,126,.075),transparent 24rem);
}
.home-capabilities>.wrap,.about-home>.wrap,.cap-map>.wrap,.equipment-story>.wrap{position:relative}

/* Footer remains light and editorial, with a more deliberate close. */
footer{background:linear-gradient(128deg,#f8faf6 0%,#edf4ef 68%,#e2eee7 100%);border-top-color:rgba(21,79,64,.2)}
.footer-grid{position:relative}
.footer-grid b{color:#486b5f}
.footer-grid a{transition:color .2s,transform .2s}
.footer-grid a:hover{color:var(--polish-deep)}
.copyright{border-top-color:rgba(23,79,65,.16)}

/* The assistant feels integrated rather than layered on top. */
.helper-avatar{border-color:rgba(23,79,65,.24);box-shadow:0 14px 38px rgba(20,53,45,.14)}
.helper-panel{border-color:rgba(23,79,65,.25);box-shadow:0 24px 70px rgba(12,49,39,.22)}

/* Mobile polish: steadier spacing, calmer type and reliable touch targets. */
@media(max-width:850px){
  .wrap{width:min(100% - 34px,1180px)}
  .links a{min-height:42px;display:flex;align-items:center}
  .section-head:after{bottom:-18px}
  .section-head{margin-bottom:42px}
  .home-family-image,.product-card-media,.product-photo{box-shadow:0 12px 32px rgba(20,53,45,.065)}
}
@media(max-width:620px){
  .wrap{width:min(100% - 28px,1180px)}
  body{background:var(--polish-paper)}
  .top{backdrop-filter:blur(14px)}
  .links{font-size:13px}
  .links a{justify-content:center;min-height:44px}
  .btn{min-height:48px}
  .section-head:after{display:none}
  .card,.product-card,.contact-route-card{box-shadow:none}
  .footer-grid p,.footer-grid a{line-height:1.9}
  .copyright{line-height:1.65}
}
@media(prefers-reduced-motion:reduce){
  .links a:after,.btn,.card,.product-card,.contact-route-card,.home-family-image img,.product-card-media img,.product-photo img{transition:none!important}
}

/* ================================================================
   V2 — visibly refined while preserving the original Meilin system.
   This entire block can be removed without affecting styles.css.
   ================================================================ */

body{background-color:#f6f7f1}
.wrap{width:min(1200px,calc(100% - 56px))}

/* Hero and page openings now have a deliberate editorial silhouette. */
.hero{position:relative;isolation:isolate;min-height:620px}
.hero:before{content:"";position:absolute;z-index:-1;top:0;bottom:0;right:calc((1200px - 100vw)/2);width:calc(50vw + 5%);background:linear-gradient(135deg,rgba(227,237,231,.15),rgba(222,234,226,.78));border-left:1px solid rgba(22,79,64,.11)}
.hero h1{max-width:690px}
.hero-promise{font-size:clamp(23px,2.3vw,31px);line-height:1.35}
.hero-service-line{padding-top:20px;border-top:1px solid rgba(23,79,65,.25)}
.signature-mark{margin-top:30px}
.page-hero,.inquiry-head{position:relative;padding-left:clamp(22px,3vw,44px);border-left:5px solid var(--polish-accent);background:linear-gradient(100deg,rgba(231,240,234,.74),rgba(247,248,243,0) 66%)}
.about-hero{background:linear-gradient(128deg,#f7f8f3 0 54%,#e4eee8 54% 100%)}
.about-hero-title{filter:drop-shadow(0 10px 30px rgba(20,53,45,.055))}

/* Section labels become consistent navigation anchors across the site. */
.section-index span,.cap-section-no{
  color:#fff;background:var(--polish-deep);border-color:var(--polish-deep);
  box-shadow:0 8px 20px rgba(16,67,55,.14);
}
.cap-section-no{display:grid;place-items:center;width:54px;height:54px;font-size:28px;letter-spacing:0}
.section-head h2,.about-home h2,.home-capabilities h2,.home-after-sales h2,.equipment-story-head h2{letter-spacing:-.045em}

/* Alternating sections are more intentional and visibly separated. */
.about-home,.home-capabilities,.cap-map{background-color:#fcfdf9}
.home-products,.home-after-sales,.cap-inputs,.product-technical-data{background-color:#e5eee8}
.about-home,.home-products,.home-capabilities,.home-process,.home-after-sales,.cap-map,.slitting-focus,.cap-support,.equipment-story,.quality-system,.product-technical-data,.contact-hub{border-top:1px solid rgba(23,79,65,.14)}
.about-home-grid,.home-capabilities .band-grid,.home-after-sales-grid{align-items:center}
.about-home-copy,.home-after-sales-copy{padding:8px 0 8px clamp(24px,4vw,54px);border-left:1px solid rgba(23,79,65,.22)}

/* Cards now read as a coherent premium catalogue even before hover. */
.home-products .grid4,.products-grid,.contact-route-grid,.cap-support-grid{gap:20px}
.home-products .card,.product-card,.contact-route-card,.about-principle-grid article,.home-process .step{
  background:#fbfcf8;
  border:1px solid rgba(18,72,58,.2);
  box-shadow:0 14px 36px rgba(20,53,45,.065);
}
.home-products .card{padding-bottom:34px}
.home-products .card:before,.product-card:before,.contact-route-card:before{
  content:"";position:absolute;left:-1px;right:-1px;top:-1px;height:3px;background:linear-gradient(90deg,var(--polish-accent),rgba(27,106,84,.08));opacity:.68;
}
.home-products .card,.product-card,.contact-route-card{position:relative;overflow:hidden}
.product-card--image{padding:0;display:grid;grid-template-rows:auto 1fr}
.product-card-copy{padding:34px 38px 38px}
.product-card h2{margin-top:48px;line-height:1.04}
.product-card .arrow{padding-top:17px;border-top:1px solid rgba(23,79,65,.15)}
.home-family-image,.product-card-media{border-bottom:1px solid rgba(23,79,65,.16)}

/* Capability, company and form modules gain clear contained surfaces. */
.about-dashboard,.about-credential,.equipment-editorial,.equipment-proof,.speed-panel,.inquiry-form{
  box-shadow:0 24px 64px rgba(20,53,45,.09);
}
.about-dashboard{background:rgba(251,252,248,.7);border:1px solid rgba(23,79,65,.2)}
.about-credential{border:1px solid rgba(23,79,65,.22);background:linear-gradient(112deg,#d9e8df,#f5f8f4)}
.about-capability-flow{box-shadow:0 12px 34px rgba(20,53,45,.055)}
.cap-support-card{padding:42px 34px;background:linear-gradient(120deg,rgba(255,255,255,.64),rgba(255,255,255,.18));border-bottom-color:rgba(23,79,65,.24)}
.cap-support-card:nth-child(even){background:linear-gradient(120deg,rgba(224,236,229,.42),rgba(255,255,255,.28))}
.inquiry-layout{gap:clamp(48px,6vw,82px)}
.inquiry-form{border-color:rgba(23,79,65,.22);background:#fbfcf9;padding:48px}
.form-grid input,.form-grid select,.form-grid textarea{min-height:48px;background:#f6f8f4;border-color:rgba(23,79,65,.28);transition:border-color .2s,background .2s,box-shadow .2s}
.form-grid textarea{min-height:132px}
.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus{background:#fff;border-color:var(--polish-accent);box-shadow:0 0 0 4px rgba(27,106,84,.09)}
.request-switch span{background:#f4f8f4}

/* Product detail becomes a single visual system: image, facts and data. */
.product-breadcrumb{padding-top:38px}
.product-intro{gap:clamp(52px,6vw,86px)}
.product-photo{border:1px solid rgba(23,79,65,.2);background:linear-gradient(145deg,#edf3ef,#fbfcf8);box-shadow:0 25px 64px rgba(20,53,45,.1)}
.product-intro h1{letter-spacing:-.05em;line-height:.98}
.product-intro .spec-list{margin-top:30px;border-top:2px solid var(--polish-deep)}
.product-intro .spec-row{padding:20px 0}
.product-intro .spec-row:nth-child(even){background:linear-gradient(90deg,rgba(226,238,231,.45),transparent);padding-inline:14px}
.technical-data-grid.is-property-table{border-color:rgba(23,79,65,.28);box-shadow:0 20px 52px rgba(20,53,45,.07)}
.technical-data-table-row{transition:background .2s}
.product-structure,.laminate-structure{border-top:1px solid rgba(23,79,65,.15)}

/* Contact hub receives a grounded, high-confidence close. */
.contact-hub{background:linear-gradient(135deg,#edf4ef 0%,#e1ece5 100%)}
.contact-request-panel .section-head{padding-bottom:34px;border-bottom:1px solid rgba(23,79,65,.22)}
.contact-route-card.is-support{background:linear-gradient(145deg,#175744,#0f4336);box-shadow:0 22px 55px rgba(10,58,46,.18)}
.direct-manager-contact{background:rgba(251,252,248,.78);border-color:rgba(23,79,65,.24)}

/* Footer finish is now visibly distinct from the preceding section. */
footer{position:relative;border-top:0}
footer:before{display:block;content:"";position:absolute;left:0;right:0;top:0;height:4px;background:linear-gradient(90deg,#174f41,#7fa997 62%,rgba(127,169,151,0))}
.footer-grid{padding-top:52px}
.footer-logo{filter:drop-shadow(0 8px 18px rgba(20,53,45,.07))}

@media(max-width:850px){
  .wrap{width:min(100% - 34px,1200px)}
  .hero:before{right:-17px;width:47%;opacity:.72}
  .about-home-copy,.home-after-sales-copy{padding-left:0;border-left:0}
  .product-card-copy{padding:30px}
  .inquiry-form{padding:34px}
  .page-hero,.inquiry-head{padding-left:24px}
}
@media(max-width:620px){
  .wrap{width:min(100% - 28px,1200px)}
  .hero{min-height:auto}
  .hero:before{display:none}
  .page-hero,.inquiry-head{padding-left:17px;border-left-width:3px}
  .about-hero{background:linear-gradient(180deg,#f7f8f3,#e8f0eb)}
  .section-index span{width:34px;height:34px}
  .home-products .grid4,.products-grid,.contact-route-grid{gap:14px}
  .home-products .card,.product-card,.contact-route-card,.about-principle-grid article,.home-process .step{box-shadow:0 10px 26px rgba(20,53,45,.055)}
  .product-card-copy{padding:26px 24px 30px}
  .product-card h2{margin-top:34px}
  .inquiry-form{padding:24px 20px}
  .product-intro .spec-row:nth-child(even){margin-inline:-8px;padding-inline:8px}
  .footer-grid{padding-top:42px}
}