:root{
    --purple-900:#555A59;
    --purple-800:#267E77;
    --purple-700:#258F86;
    --purple-600:#2A9188;
    --purple-500:#62B1A8;
    --gold:#258F86;
    --gold-soft:#A5D4CE;
    --gold-deep:#1F706A;
    --ink:#414847;
    --bg:#F7FAF9;
    --card:#ffffff;
  }
  *{margin:0;padding:0;box-sizing:border-box}
  html{scroll-behavior:smooth}
  body{font-family:"Segoe UI",-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif;color:var(--ink);background:var(--bg);line-height:1.6}
  a{text-decoration:none;color:inherit}
  .wrap{max-width:1120px;margin:0 auto;padding:0 22px}
  nav{position:sticky;top:0;z-index:50;background:rgba(73,78,77,.97);backdrop-filter:blur(8px);color:#fff;border-bottom:1px solid rgba(37,143,134,.32)}
  .nav-inner{display:flex;align-items:center;justify-content:space-between;height:68px}
  .logo{display:flex;align-items:center;gap:10px;font-weight:800;letter-spacing:.8px}.logo-mark{width:38px;height:38px;border-radius:11px;background:linear-gradient(145deg,#A5D4CE,#258F86);color:#fff;display:grid;place-items:center;font-size:1.35rem;font-weight:900;box-shadow:0 3px 10px rgba(37,143,134,.2)}.logo-type{display:flex;align-items:baseline;gap:5px;font-size:1rem;color:#fff;line-height:1}.logo-type small{font-size:.65rem;letter-spacing:1.8px;color:#A5D4CE}
  .logo .logo-type{color:#fff;font-size:1.35rem;letter-spacing:.2px}.logo .brand-accent{color:#A5D4CE;font-weight:500}
  .nav-links{display:flex;gap:28px;align-items:center}
  .nav-links a{color:#E8F1EF;font-size:.95rem;font-weight:500}
  .nav-links a:hover{color:var(--gold)}
  .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 22px;border-radius:999px;font-weight:700;font-size:.95rem;cursor:pointer;transition:.2s}
  .btn-gold{background:linear-gradient(135deg,var(--gold-soft),var(--gold));color:#183331}
  .btn-gold:hover{filter:brightness(1.05)}
  .btn-ghost{border:1px solid rgba(37,143,134,.6);color:var(--gold)}
  .btn-ghost:hover{background:rgba(37,143,134,.12)}
  .nav .btn{padding:9px 18px}
  header.hero{background:radial-gradient(1000px 500px at 80% -10%,rgba(37,143,134,.28),transparent 60%),radial-gradient(800px 400px at 10% 0%,rgba(225,238,236,.18),transparent 55%),linear-gradient(160deg,#454B4A 0%,#555A59 55%,#267E77 100%);color:#fff;padding:96px 0 90px;position:relative;overflow:hidden}
  .hero::after{content:"";position:absolute;inset:auto 0 0 0;height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent)}
  .hero-inner{display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:center}
  .kicker{display:inline-block;padding:6px 14px;border-radius:999px;border:1px solid rgba(37,143,134,.5);color:var(--gold-soft);font-size:.8rem;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:20px}
  .hero h1{font-size:3rem;line-height:1.1;font-weight:800;margin-bottom:20px}
  .hero h1 .gold{color:var(--gold)}
  .hero p.lead{font-size:1.15rem;color:#E0EEEB;max-width:520px;margin-bottom:30px}
  .hero-cta{display:flex;gap:14px;flex-wrap:wrap}
  .hero-card{background:rgba(255,255,255,.06);border:1px solid rgba(165,212,206,.45);border-radius:18px;padding:26px;backdrop-filter:blur(6px)}
  .hero-card h3{color:var(--gold);margin-bottom:16px;font-size:1.05rem}
  .hero-card ul{list-style:none;display:grid;gap:12px}
  .hero-card li{display:flex;gap:10px;align-items:flex-start;color:#EEF7F5;font-size:.95rem}
  .hero-card li::before{content:"✦";color:var(--gold)}
  .badges{background:var(--purple-900);color:#fff;padding:18px 0;border-bottom:1px solid rgba(37,143,134,.3)}
  .badges-inner{display:flex;flex-wrap:wrap;gap:32px;justify-content:space-between}
  .badge b{color:var(--gold);font-size:1.3rem;display:block}
  .badge span{font-size:.85rem;color:#CBD9D6}
  .badge-b2b{background:linear-gradient(135deg,var(--gold-soft),var(--gold));border-radius:10px;padding:10px 16px}
  .badge-b2b b{color:#183331}
  .badge-b2b span{color:#183331;opacity:.85}
  section{padding:76px 0}
  .sec-head{text-align:center;max-width:680px;margin:0 auto 52px}
  .sec-head .tag{color:var(--purple-600);font-weight:700;letter-spacing:2px;text-transform:uppercase;font-size:.8rem}
  .sec-head h2{font-size:2.2rem;font-weight:800;margin:10px 0 14px;color:var(--purple-900)}
  .sec-head h2 .gold{color:var(--gold-deep)}
  .sec-head p{color:#626B69}
  .grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
  .card{background:var(--card);border:1px solid #E3ECEA;border-radius:16px;padding:30px 26px;box-shadow:0 6px 24px rgba(37,143,134,.06);transition:.25s;position:relative;overflow:hidden}
  .card::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--purple-600),var(--gold))}
  .card:hover{transform:translateY(-6px);box-shadow:0 16px 40px rgba(37,143,134,.14)}
  .card .icon{font-size:2rem;margin-bottom:14px}
  .card h3{color:var(--purple-800);margin-bottom:10px;font-size:1.2rem}
  .card p{color:#626B69;font-size:.95rem}
  .why{background:linear-gradient(180deg,#fff 0%,#F1F6F5 100%)}
  .why .grid{grid-template-columns:repeat(4,1fr)}
  .tile{text-align:center;padding:26px 18px;background:#fff;border-radius:14px;border:1px solid #E3ECEA}
  .tile .n{font-size:1.6rem;color:var(--gold-deep);font-weight:800}
  .tile h4{color:var(--purple-800);margin:6px 0 8px}
  .tile p{font-size:.88rem;color:#626B69}
  .steps{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
  .step{background:#fff;border:1px solid #E3ECEA;border-radius:14px;padding:24px 20px;position:relative}
  .step .num{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,var(--purple-600),var(--purple-800));color:var(--gold);display:flex;align-items:center;justify-content:center;font-weight:800;margin-bottom:14px}
  .step h4{color:var(--purple-800);margin-bottom:8px}
  .step p{font-size:.9rem;color:#626B69}
  .cta{background:linear-gradient(135deg,#555A59,#258F86);color:#fff;text-align:center;padding:72px 0;position:relative}
  .cta::before{content:"";position:absolute;inset:0;background:radial-gradient(600px 300px at 50% 0%,rgba(37,143,134,.2),transparent 60%)}
  .cta .wrap{position:relative}
  .cta h2{font-size:2.3rem;font-weight:800;margin-bottom:14px}
  .cta h2 .gold{color:var(--gold)}
  .cta p{color:#E0EEEB;margin-bottom:28px;max-width:560px;margin-left:auto;margin-right:auto}
  footer{background:#454B4A;color:#C6D0CE;padding:40px 0;font-size:.9rem}
  .foot-inner{display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;align-items:center}
  .foot-inner a{color:var(--gold)}
  .foot-inner a:hover{text-decoration:underline}
  .wa{position:fixed;right:22px;bottom:22px;z-index:60;width:58px;height:58px;border-radius:50%;background:#25D366;color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.6rem;box-shadow:0 8px 24px rgba(37,211,102,.4);transition:.2s}
  .wa:hover{transform:scale(1.08)}
  .notice{background:#454B4A;border-top:1px solid var(--gold);border-bottom:1px solid var(--gold);padding:16px 0}
  .notice .wrap{display:flex;align-items:center;justify-content:center;gap:14px;text-align:center;flex-wrap:wrap;color:#E5EFED;font-size:.95rem}
  .rlabel{color:var(--gold);font-weight:800;letter-spacing:1px;text-transform:uppercase;border:1px solid var(--gold);padding:3px 12px;border-radius:999px;font-size:.8rem;white-space:nowrap}
  
  .gallery{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
  .gitem{overflow:hidden;border-radius:10px;border:1px solid #E3ECEA;background:#fff}
  .gitem img{width:100%;height:auto;aspect-ratio:400/460;object-fit:contain;display:block;transition:.25s;background:#fff}
  .gitem:hover img{transform:scale(1.03)}
  .product-name{text-align:center;padding:12px 6px 15px;font-weight:700;color:var(--purple-800);border-top:1px solid #edf2f0;font-size:.95rem}.illustration-note{font-size:.84rem;margin-top:16px;color:#65766f}.illustration-caption{text-align:center;padding:0 18px 20px;font-size:.8rem;color:#65766f}.gitem{box-shadow:0 4px 18px rgba(48,78,68,.04)}
  @media(max-width:560px){.gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.wrap{padding:0 16px}.logo .logo-type{font-size:1.12rem}.nav-links .btn{padding:9px 12px;font-size:.8rem}.product-name{font-size:.86rem}.wa{width:48px;height:48px;right:14px;bottom:14px}}
  @media(max-width:900px){.hero-inner{grid-template-columns:1fr}.hero h1{font-size:2.3rem}.grid{grid-template-columns:1fr 1fr}.why .grid{grid-template-columns:1fr 1fr}.steps{grid-template-columns:1fr 1fr}.nav-links a:not(.btn){display:none}}
  @media(max-width:560px){.grid,.why .grid,.steps{grid-template-columns:1fr}.hero{padding:64px 0}}
/* ZhongTai bold italic two-tone wordmark */
.logo{flex-shrink:0;text-decoration:none;min-width:174px}
.premium-wordmark{display:inline-flex;flex-direction:column;align-items:flex-end;gap:3px;padding:5px 2px}
.wordmark-name{font-family:Arial,'Helvetica Neue',sans-serif;font-size:34px;font-weight:900;font-style:italic;letter-spacing:-1.7px;line-height:1.05;color:#f5faf9;white-space:nowrap}
.wordmark-tai{font-weight:900;color:#58d0be;letter-spacing:-1.7px}
.wordmark-sub{display:block;color:#c7e7df;font-family:Arial,'Helvetica Neue',sans-serif;font-size:10px;font-weight:700;font-style:italic;text-transform:uppercase;letter-spacing:3.5px;line-height:1.2;padding-right:1px;border:0}
.wordmark-sub i{display:none}
.logo:focus-visible{outline:2px solid #58d0be;outline-offset:5px;border-radius:3px}
@media(max-width:560px){.logo{min-width:148px}.wordmark-name{font-size:29px;letter-spacing:-1.4px}.wordmark-tai{letter-spacing:-1.4px}.wordmark-sub{font-size:8px;letter-spacing:3px}}

/* Refined single-line wordmark: angled underline and contrast lettering */
.premium-wordmark{position:relative;flex-direction:row;align-items:baseline;gap:9px;white-space:nowrap;padding:7px 3px 11px}
.wordmark-name{position:relative;font-family:Arial,'Helvetica Neue',sans-serif;font-size:33px;font-weight:900;font-style:italic;letter-spacing:-1.8px;color:#f6faf9}
.wordmark-tai{color:#65dfc9;font-weight:900;letter-spacing:-1.8px}
.premium-wordmark::after{content:'';position:absolute;left:4px;bottom:3px;width:58px;height:3px;background:linear-gradient(90deg,#65dfc9,#258f86);transform:skewX(-24deg);border-radius:1px}
.wordmark-sub{font-family:'Helvetica Neue',Arial,sans-serif;font-size:23px;letter-spacing:-.8px;text-transform:none;font-style:italic;font-weight:500;line-height:1;color:#d5eee8;padding:0;border:0}
.wordmark-sub i{display:none}
.logo{min-width:0}
@media(max-width:560px){.premium-wordmark{gap:6px}.wordmark-name,.wordmark-tai{font-size:25px;letter-spacing:-1.4px}.wordmark-sub{font-size:18px;letter-spacing:-.6px}.premium-wordmark::after{width:44px;height:2px}}

.extracted-1{max-width:560px;margin:0 auto}
.extracted-2{padding:0;overflow:hidden}
.extracted-3{width:100%;max-height:440px;object-fit:contain;display:block}
.extracted-4{text-align:center;margin-top:32px}
.extracted-5{margin-bottom:14px}
.extracted-6{text-align:center;margin-top:30px}
.extracted-7{margin-top:16px}
.extracted-8{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
.extracted-9{flex-direction:column;min-width:240px;padding:16px 24px}
.extracted-10{display:flex;gap:10px;flex-wrap:wrap}
.extracted-11{text-align:center;margin-top:18px;font-size:.82rem;color:#9AA7A4}
[hidden]{display:none!important}button,input{font:inherit}button{cursor:pointer}button,.search-row input{border:1px solid #267e77;border-radius:8px;padding:10px 14px;background:#fff;color:#214e49;min-height:44px}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #16675d;outline-offset:4px}nav a:focus-visible,footer a:focus-visible,.cta a:focus-visible{outline-color:#c5fff2}.search-tools{margin:0 0 22px}.search-tools label{display:block;font-weight:700}.search-row{display:flex;gap:10px;flex-wrap:wrap;margin:8px 0}.search-row input{flex:1;min-width:160px}#no-results{padding:24px;border:1px solid #267e77;margin-bottom:20px}.product-inquiry{display:flex;margin:0 10px 14px;min-height:44px;padding:9px}.policy{max-width:900px}.policy h2{color:#267e77;margin-bottom:18px}.policy p{margin:12px 0}.policy details{border-bottom:1px solid #ceddd8;padding:16px 0}.policy summary{cursor:pointer;font-weight:700;min-height:44px}.inquiry-context{border:1px solid #c7e7df;padding:18px;margin:0 auto 22px;max-width:680px;border-radius:12px}.inquiry-context p{white-space:pre-wrap;overflow-wrap:anywhere;margin:12px auto}.footer-policies{margin-bottom:18px}.skip-link{position:absolute;top:-100px;left:12px;background:#fff;color:#214e49;padding:12px;z-index:100}.skip-link:focus{top:8px}section{scroll-margin-top:80px}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}@media(max-width:360px){.nav-links .btn{padding:8px;font-size:.72rem}.nav-inner{gap:8px}.premium-wordmark{gap:4px}.wordmark-name,.wordmark-tai{font-size:23px}.wordmark-sub{font-size:16px}}