:root{--blue:#6699cc;--blue-deep:#0a69c8;--ink:#182029;--muted:#8c949e;--line:#e7ebef}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:#222;font-family:"Microsoft YaHei","PingFang SC",Arial,sans-serif;background:#fff}a{color:inherit;text-decoration:none}.container{width:min(1170px,calc(100% - 40px));margin:auto}.text-center{text-align:center}.site-header{height:100px;position:fixed;top:0;left:0;right:0;z-index:20;background:rgba(255,255,255,.96);box-shadow:0 0 12px rgba(0,0,0,.12);transition:.25s}.site-header.compact{height:72px}.header-inner{height:100%;display:flex;align-items:stretch;position:relative}.brand{display:flex;align-items:center;gap:10px;min-width:300px}.brand-mark{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:var(--blue);color:#fff;font-weight:800;letter-spacing:-1px}.brand-copy{display:flex;flex-direction:column}.brand-copy strong{font-size:21px;letter-spacing:2px}.brand-copy small{font-size:9px;color:#9aa2aa;letter-spacing:1.2px;margin-top:4px}.site-nav{margin-left:auto;display:flex;align-items:stretch}.site-nav>a{min-width:92px;padding:38px 15px 0;text-align:center;font-size:14px;transition:.3s}.site-nav>a small{display:block;color:#a9afb5;font-size:10px;margin-top:7px;text-transform:uppercase;letter-spacing:.5px}.site-nav>a:hover,.site-nav>a.active{color:#fff;background:var(--blue);padding-top:24px}.site-nav>a:hover small,.site-nav>a.active small{color:#e8f0fa}.header-panel{display:none;position:absolute;top:100px;left:0;padding:22px 26px;width:330px;border-radius:0 0 10px 10px;background:rgba(102,153,204,.94);color:#fff;line-height:1.65}.brand:hover~.header-panel{display:block}.header-panel p{margin:0 0 12px}.header-panel small{font-size:11px;opacity:.85}.menu-toggle{display:none}.hero{position:relative;margin-top:100px;height:min(620px,calc(100vh - 100px));min-height:460px;overflow:hidden;background:#567}.hero-track,.hero-slide{height:100%}.hero-track{display:flex;transition:transform .65s ease}.hero-slide{min-width:100%;position:relative;background-position:center;background-size:cover}.slide-a{background:linear-gradient(110deg,rgba(13,31,53,.94),rgba(17,80,137,.33)),radial-gradient(circle at 76% 35%,#70b4e5 0 11%,transparent 12%),linear-gradient(135deg,#163b60,#77b3c7 45%,#dfb987)}.slide-b{background:linear-gradient(110deg,rgba(20,31,42,.87),rgba(16,84,124,.3)),linear-gradient(135deg,#1b3a55 15%,#2f88a8 55%,#d6b378)}.slide-c{background:linear-gradient(110deg,rgba(31,44,56,.94),rgba(38,122,151,.33)),radial-gradient(circle at 70% 46%,#d5d9c9 0 13%,transparent 14%),linear-gradient(145deg,#273c54,#6a9cae 56%,#dbb789)}.hero-overlay{width:min(1170px,calc(100% - 40px));margin:auto;padding-top:clamp(110px,18vh,180px);color:#fff}.hero-overlay span{font-size:12px;letter-spacing:3px;opacity:.8}.hero-overlay h1{font-size:clamp(38px,5vw,68px);line-height:1.18;letter-spacing:2px;margin:18px 0}.hero-overlay p{font-size:16px;opacity:.88;margin:0 0 30px}.btn{display:inline-block;background:var(--blue);color:#fff;padding:13px 28px;font-size:14px;transition:.3s}.btn:hover{background:var(--blue-deep);transform:translateY(-2px)}.btn-light{margin-top:8px}.hero-arrow{position:absolute;top:50%;width:44px;height:62px;margin-top:-31px;border:0;background:rgba(0,0,0,.25);color:#fff;font-size:40px;line-height:1;cursor:pointer;opacity:0;transition:.3s}.hero:hover .hero-arrow{opacity:1}.hero-arrow.prev{left:0}.hero-arrow.next{right:0}.hero-dots{position:absolute;bottom:28px;left:50%;transform:translateX(-50%);display:flex;gap:10px}.hero-dots button{width:12px;height:12px;border:0;border-radius:50%;background:#fff;opacity:.7;cursor:pointer}.hero-dots button.active{background:#bbb}.section{padding:72px 0 50px}.section h2{font-size:25px;font-weight:500;margin:0 0 15px;padding-bottom:20px;position:relative}.section h2:after{content:"";position:absolute;bottom:0;left:50%;width:54px;height:2px;transform:translateX(-50%);background:var(--blue)}.section h2 span{font-size:14px;color:#999;font-weight:400;margin-left:7px}.section-subtitle{color:#999;font-size:14px;margin:0 0 38px}.about-copy{max-width:920px;margin:0 auto 28px;color:#666;line-height:1.95;font-size:15px}.about-copy p{margin:0 0 10px}.products{padding-top:76px;color:#fff;background:linear-gradient(120deg,rgba(16,59,92,.95),rgba(30,121,153,.82)),linear-gradient(135deg,#123954,#5eb5b3)}.products h2:after,.team h2:after{background:#fff}.products .section-subtitle{color:rgba(255,255,255,.75)}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}.product-card{min-height:300px}.product-icon{width:148px;height:148px;margin:0 auto 18px;border:1px solid rgba(255,255,255,.6);border-radius:50%;display:grid;place-items:center;font-size:68px;color:#fff;transition:.35s;background:rgba(255,255,255,.03)}.product-icon:hover{transform:scale(1.08);background:rgba(255,255,255,.15)}.product-card h3{font-size:17px;margin:0;padding-bottom:16px;position:relative}.product-card h3:after{content:"";position:absolute;bottom:0;left:50%;width:48px;height:1px;background:rgba(255,255,255,.6);transform:translateX(-50%)}.product-card h3 small{display:block;font-size:12px;font-weight:400;opacity:.8;margin-top:8px}.product-card p{font-size:13px;line-height:1.8;color:rgba(255,255,255,.8)}.growth{padding-bottom:82px}.growth-stage{position:relative;max-width:960px;height:380px;margin:auto;overflow:hidden;background:#314e61}.growth-image{position:absolute;inset:0;background:linear-gradient(135deg,rgba(22,62,92,.22),rgba(9,24,40,.6)),radial-gradient(circle at 72% 34%,#d0e2e9 0 12%,transparent 13%),linear-gradient(135deg,#6e9ca4,#143650 65%,#c6a172);background-size:cover;transition:.35s}.growth-panel{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#fff;padding:25px;background:linear-gradient(90deg,rgba(9,30,46,.18),rgba(5,16,28,.6))}.growth-panel h3{font-size:28px;margin:0 0 17px}.growth-panel p{max-width:620px;line-height:1.9;margin:0 0 22px}.growth-tabs{display:flex;justify-content:center;gap:10px;margin-top:0}.growth-tabs button{border:0;width:14px;height:14px;border-radius:50%;background:#d3d8dd;color:transparent;cursor:pointer}.growth-tabs button.active{background:var(--blue)}.customers{background:linear-gradient(135deg,#17384d,#4d7b8c);color:#fff}.customers .section-subtitle{color:rgba(255,255,255,.75)}.customers h2:after{background:#fff}.customer-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:20px}.customer-grid a{position:relative;display:flex;flex-direction:column;align-items:center;gap:12px;color:#fff}.customer-logo{height:92px;width:100%;display:grid;place-items:center;background:rgba(255,255,255,.9);color:#46657b;border:1px solid rgba(255,255,255,.7);font-size:18px;font-weight:700;transition:.3s}.customer-grid b{font-size:13px;font-weight:400;opacity:.9}.customer-grid a:hover .customer-logo{background:var(--blue);color:#fff;transform:translateY(-4px)}.recruit-grid{display:grid;grid-template-columns:repeat(6,1fr);border-left:1px solid var(--line);border-top:1px solid var(--line);margin:35px 0 38px}.recruit-grid article{position:relative;padding:30px 15px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-height:245px;overflow:hidden}.recruit-avatar{width:86px;height:86px;border-radius:50%;margin:auto;display:grid;place-items:center;background:linear-gradient(135deg,#91b5d2,#4e7590);color:#fff;font-size:18px}.recruit-grid h3{font-size:15px;font-weight:500;margin:17px 0 0}.recruit-grid p{position:absolute;inset:0;margin:0;padding:25px 18px;background:var(--blue);color:#fff;display:flex;align-items:center;justify-content:center;line-height:1.8;opacity:0;transition:.3s}.recruit-grid article:hover p{opacity:1}.team{background:linear-gradient(120deg,rgba(18,42,59,.93),rgba(31,97,113,.84)),linear-gradient(135deg,#38556a,#83a78f);color:#fff}.team .section-subtitle{color:rgba(255,255,255,.78)}.team-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:27px;margin:30px auto 25px}.team-photo{height:220px;border-radius:50%;border:6px solid transparent;background-size:cover;background-position:center;transition:.35s}.team article:hover .team-photo{transform:scale(1.06);border-color:#fff}.photo-a{background:linear-gradient(135deg,#9b7463,#2f506c)}.photo-b{background:linear-gradient(135deg,#778e9a,#bf9f72)}.photo-c{background:linear-gradient(135deg,#31495f,#95b2b7)}.photo-d{background:linear-gradient(135deg,#b19370,#3d5c6c)}.team h3{font-size:16px;margin:18px 0 7px}.team small{color:rgba(255,255,255,.75)}.contact-strip a{display:block;background:var(--blue);color:#fff;text-align:center;padding:31px 15px;font-size:16px}.contact-strip span{opacity:.6;margin:0 12px}.site-footer{background:var(--ink);color:#919399;padding-top:35px;font-size:13px}.footer-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;padding-bottom:34px}.footer-brand{display:inline-flex;color:#fff}.footer-brand .brand-mark{width:42px;height:42px}.footer-slogan{margin:20px 0 9px;color:#c7cbd0;letter-spacing:2px}.site-footer h3{color:#fff;font-size:17px;font-weight:500;margin:0 0 18px}.site-footer h3 small{font-size:11px;color:#919399;margin-left:6px}.contact-list{padding:0 0 0 28px;margin:0;list-style:none;line-height:2.15;background:linear-gradient(90deg,transparent 0 8px,#263744 8px 9px,transparent 9px)}.socials{display:flex;gap:8px;margin-top:18px}.socials a{width:25px;height:25px;display:grid;place-items:center;border:1px solid #65717c;border-radius:50%;font-size:11px}.go-top{display:block;text-align:center;padding:23px;background:#0f141a;color:#919399}.go-top:hover{color:#fff;background:#0b0e12}.site-header.compact .site-nav>a{padding-top:24px}.site-header.compact .brand-mark{width:42px;height:42px}.site-header.compact .brand-copy strong{font-size:18px}@media(max-width:900px){.site-header{height:72px}.hero{margin-top:72px;height:560px}.brand{min-width:0}.brand-copy strong{font-size:17px}.brand-copy small{font-size:8px}.menu-toggle{display:block;margin-left:auto;align-self:center;background:none;border:0;font-size:27px;color:#375a75}.site-nav{display:none;position:absolute;top:72px;left:0;right:0;flex-direction:column;background:#fff;box-shadow:0 8px 12px rgba(0,0,0,.1)}.site-nav.open{display:flex}.site-nav>a,.site-nav>a:hover,.site-nav>a.active{min-height:48px;padding:13px 20px;text-align:left;color:#333;background:#fff}.site-nav>a small{display:inline;margin-left:8px;color:#aaa}.site-nav>a.active{color:var(--blue);border-left:3px solid var(--blue)}.product-grid{grid-template-columns:repeat(2,1fr)}.customer-grid{grid-template-columns:repeat(3,1fr)}.recruit-grid{grid-template-columns:repeat(3,1fr)}.team-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr;gap:28px}.header-panel{display:none!important}}@media(max-width:560px){.container{width:min(100% - 28px,1170px)}.hero{min-height:500px;height:calc(100vh - 72px)}.hero-overlay{padding-top:125px}.hero-overlay h1{font-size:40px}.section{padding:56px 0 38px}.section h2{font-size:22px}.section h2 span{display:block;font-size:12px;margin:7px 0 0}.product-grid,.customer-grid,.recruit-grid,.team-grid{grid-template-columns:1fr 1fr;gap:14px}.product-card{min-height:260px}.product-icon{width:120px;height:120px;font-size:54px}.growth-stage{height:400px}.growth-panel{padding:18px}.growth-panel h3{font-size:24px}.customer-logo{height:80px;font-size:14px}.customer-grid b{font-size:12px}.recruit-grid article{min-height:210px;padding:23px 10px}.recruit-avatar{width:70px;height:70px;font-size:15px}.team-photo{height:155px}.contact-strip a{font-size:14px}.contact-strip span{margin:0 5px}}

/* Company introduction and business profile */
section[id], .business-copy { scroll-margin-top: 100px; }
.company-intro { max-width: 1080px; }
.company-intro p { margin-bottom: 16px; }
.company-facts { display: grid; grid-template-columns: repeat(4, 1fr); max-width: 1000px; margin: 34px auto 38px; padding: 26px 0; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.company-facts > div + div { border-left: 1px solid var(--line); }
.company-facts strong { display: block; font-size: 36px; font-weight: 500; color: var(--blue); line-height: 1.3; }
.company-facts strong span { font-size: 14px; margin-left: 5px; }
.company-facts p { margin: 8px 0 0; color: #888; font-size: 13px; }
.business-copy { max-width: 1080px; margin: 0 auto 25px; text-align: left; }
.business-copy h3 { margin: 0 0 18px; font-size: 23px; font-weight: 500; }
.business-copy h3 small { font-size: 12px; color: #999; margin-left: 9px; }
.business-copy > p { margin: 0; font-size: 15px; line-height: 2; color: #666; text-indent: 2em; }
@media (max-width: 560px) {
  .company-intro { text-align: left; }
  .company-intro p { text-indent: 2em; }
  .company-facts { grid-template-columns: repeat(2, 1fr); gap: 24px 0; padding: 24px 0; }
  .company-facts > div:nth-child(3) { border-left: 0; }
  .company-facts strong { font-size: 30px; }
  .business-copy h3 { font-size: 21px; }
  section[id], .business-copy { scroll-margin-top: 88px; }
}

/* Expanded website content */
button { font-family: inherit; }
.intro-values { display: grid; grid-template-columns: repeat(3, 1fr); gap: 25px; max-width: 1080px; margin: 30px auto; text-align: left; }
.intro-values article { padding: 25px; background: #f7f9fb; border-top: 2px solid var(--blue); }
.intro-values article > span, .eyebrow { font-size: 11px; color: var(--blue); letter-spacing: 1.4px; }
.intro-values h3 { font-size: 17px; margin: 15px 0 10px; font-weight: 500; }
.intro-values p { font-size: 13px; line-height: 1.9; color: #777; margin: 0; }
.product-tags { list-style: none; padding: 0; display: flex; flex-wrap: wrap; gap: 6px; justify-content: center; }
.product-tags li { font-size: 11px; padding: 5px 7px; background: rgba(255,255,255,.08); color: #e0edf5; }
.outline-btn { cursor: pointer; background: transparent; border: 1px solid rgba(255,255,255,.45); color: #fff; padding: 10px 15px; font-size: 12px; margin-top: 12px; }
.outline-btn:hover { background: rgba(255,255,255,.15); }
.product-card > p { min-height: 76px; }
.product-note { font-size: 12px; line-height: 1.8; color: #c5dae7; margin: 38px 0 0; }
.quality { background: #f6f8fa; }
.quality-layout { display: grid; grid-template-columns: .95fr 1.3fr; gap: 45px; text-align: left; }
.quality-feature { background: #fff; border-left: 3px solid var(--blue); padding: 38px; }
.quality-feature h3 { font-size: 28px; font-weight: 500; line-height: 1.5; margin: 18px 0; }
.quality-feature p, .quality-points p { font-size: 14px; line-height: 1.9; color: #737d86; }
.feature-stat { border-top: 1px solid var(--line); padding-top: 25px; margin-top: 30px; display: flex; flex-direction: column; gap: 8px; }
.feature-stat strong { font-size: 42px; font-weight: 500; color: var(--blue); }
.feature-stat small { font-size: 14px; }
.feature-stat > span { font-size: 12px; color: #888; }
.quality-points article { display: flex; gap: 24px; padding: 21px 0; border-bottom: 1px solid var(--line); }
.quality-points article:first-child { padding-top: 0; }
.quality-points article > span { font-size: 24px; font-weight: 300; color: #a5bbce; padding-top: 4px; }
.quality-points h3 { font-size: 18px; font-weight: 500; margin: 0 0 8px; }
.quality-points p { margin: 0; }
.growth-tabs { flex-wrap: wrap; gap: 0; margin: 20px auto 0; }
.growth-tabs button { width: auto; height: auto; border-radius: 0; padding: 11px 22px; color: #73808d; background: #f2f5f7; font-size: 13px; }
.growth-tabs button.active { color: #fff; }
.application-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 22px; text-align: left; margin-bottom: 28px; }
.application-grid article { background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.2); padding: 28px; }
.application-no { display: block; color: #98bcd7; font-size: 30px; font-weight: 300; }
.application-grid h3 { font-size: 20px; font-weight: 500; margin: 15px 0; }
.application-grid p { color: #d4e2eb; font-size: 14px; line-height: 1.9; margin: 0 0 20px; }
.application-tags { color: #a7c7df; border-top: 1px solid rgba(255,255,255,.15); padding-top: 15px; font-size: 12px; line-height: 1.8; }
.process-grid { display: grid; grid-template-columns: repeat(5, 1fr); padding: 0; list-style: none; gap: 20px; text-align: left; }
.process-grid li { padding: 25px 20px; background: #f7f9fb; border-bottom: 2px solid var(--blue); }
.process-grid li > span { display: block; font-size: 32px; font-weight: 300; color: var(--blue); }
.process-grid h3 { font-size: 17px; font-weight: 500; margin: 18px 0 12px; }
.process-grid p { font-size: 13px; color: #777; line-height: 1.9; min-height: 85px; }
.process-grid small { color: #6c94b8; font-size: 11px; }
.section-intro { max-width: 920px; margin: 0 auto 20px; font-size: 14px; color: #7d858d; line-height: 1.9; }
.recruitment { background: #fafbfc; }
.recruit-grid article { background: #fff; padding: 30px 18px; }
.recruit-grid p { position: static; background: none; color: #7d858d; opacity: 1; display: block; padding: 0; font-size: 12px; margin-top: 12px; }
.culture-symbol { width: 100px; height: 100px; display: grid; place-items: center; margin: auto; border: 1px solid rgba(255,255,255,.45); border-radius: 50%; font-size: 35px; font-weight: 300; background: rgba(255,255,255,.05); }
.team-grid p { color: #ccdae3; font-size: 13px; line-height: 1.9; }
.faq-list { max-width: 960px; margin: auto; text-align: left; }
.faq-list details { border-bottom: 1px solid var(--line); }
.faq-list summary { cursor: pointer; position: relative; padding: 23px 40px 23px 10px; font-size: 16px; font-weight: 500; list-style: none; }
.faq-list summary::-webkit-details-marker { display: none; }
.faq-list summary:after { content: '+'; position: absolute; right: 14px; font-size: 24px; color: var(--blue); top: 18px; }
.faq-list details[open] summary:after { content: '−'; }
.faq-list p { font-size: 14px; color: #77808a; line-height: 1.9; margin: 0; padding: 0 40px 23px 10px; }
.inquiry { background: #f3f7fa; }
.inquiry-layout { display: grid; grid-template-columns: 1fr 1fr; gap: 80px; text-align: left; }
.inquiry h2 { font-size: 31px; line-height: 1.5; padding: 0; margin: 20px 0; }
.inquiry h2:after { display: none; }
.inquiry-layout > div > p { font-size: 14px; line-height: 1.9; color: #76808a; margin-bottom: 25px; }
.inquiry-checklist { background: #fff; padding: 30px; }
.inquiry-checklist h3 { font-size: 18px; font-weight: 500; margin: 0 0 16px; }
.inquiry-checklist ul { list-style: none; padding: 0; margin: 0; }
.inquiry-checklist li { padding: 12px 0; border-bottom: 1px solid var(--line); display: flex; flex-direction: column; gap: 7px; }
.inquiry-checklist b { font-size: 14px; font-weight: 500; }
.inquiry-checklist span { font-size: 12px; color: #89919a; }
.product-dialog { width: min(760px, calc(100% - 28px)); max-height: calc(100dvh - 40px); overflow: auto; border: 0; padding: 40px; color: #263d50; box-shadow: 0 15px 80px rgba(0,0,0,.2); }
.product-dialog::backdrop { background: rgba(10,25,40,.65); }
.dialog-close { position: absolute; right: 12px; top: 8px; border: 0; background: none; font-size: 30px; color: #8495a4; cursor: pointer; }
.product-dialog h2 { font-size: 26px; font-weight: 500; margin: 15px 0; }
.product-dialog > p { color: #77818b; font-size: 14px; line-height: 1.9; }
.detail-columns { display: grid; grid-template-columns: 1fr 1fr; gap: 30px; border-top: 1px solid var(--line); margin-top: 24px; padding-top: 12px; }
.detail-columns h3 { font-size: 16px; font-weight: 500; }
.detail-columns ul { padding-left: 20px; font-size: 13px; color: #6d7984; line-height: 2; }
.product-dialog .detail-note { padding: 15px; background: #f4f7fa; font-size: 12px; }
.product-dialog .btn { border: 0; margin-top: 10px; }
body:has(.product-dialog[open]) { overflow: hidden; }
a:focus-visible, button:focus-visible, summary:focus-visible { outline: 2px solid #0a69c8; outline-offset: 4px; }
@media (max-width: 1050px) { .brand { min-width: 230px; } .site-nav>a { min-width: 85px; } .process-grid { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 900px) { .intro-values { gap: 15px; } .quality-layout, .inquiry-layout { gap: 25px; } .quality-feature { padding: 25px; } .quality-feature h3 { font-size: 23px; } .quality-points article { gap: 15px; } .product-card > p { min-height: auto; } }
@media (max-width: 560px) {
  .intro-values, .quality-layout, .inquiry-layout, .application-grid, .detail-columns { grid-template-columns: 1fr; }
  .intro-values article { padding: 22px; }
  .product-grid { grid-template-columns: 1fr; gap: 40px; }
  .product-card > p { max-width: 340px; margin: 14px auto; }
  .quality-feature h3 { font-size: 25px; }
  .growth-tabs button { padding: 11px 15px; font-size: 12px; }
  .application-grid article { padding: 24px; }
  .process-grid { grid-template-columns: 1fr; gap: 12px; }
  .process-grid li { padding: 20px; }
  .process-grid li > span { float: right; }
  .process-grid h3 { margin-top: 0; }
  .process-grid p { min-height: auto; }
  .recruit-grid p { display: block; }
  .team-grid { gap: 20px; }
  .culture-symbol { width: 80px; height: 80px; font-size: 29px; }
  .inquiry h2 { font-size: 28px; }
  .product-dialog { padding: 32px 22px; }
  .detail-columns { gap: 0; }
  .product-dialog h2 { font-size: 22px; }
}
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } *, *:before, *:after { transition: none !important; } }
.footer-links { display: flex; flex-wrap: wrap; gap: 12px 18px; margin-top: 20px; font-size: 12px; }

/* Chinese / English language switch */
.site-nav { order: 1; }
.language-switch { order: 2; align-self: center; display: flex; gap: 2px; margin-left: 12px; padding: 3px; border: 1px solid #e1e8ef; border-radius: 4px; flex-shrink: 0; }
.language-switch button { border: 0; background: transparent; color: #748494; cursor: pointer; padding: 7px 8px; font-size: 11px; border-radius: 2px; }
.language-switch button[aria-pressed='true'] { background: var(--blue); color: white; }
.menu-toggle { order: 3; }
html[lang='en'] .site-nav a small,
html[lang='en'] .section h2 > span,
html[lang='en'] .business-copy h3 > small,
html[lang='en'] .product-card h3 > small,
html[lang='en'] .site-footer h3 > small { display: none; }
html[lang='en'] .brand { min-width: 255px; }
html[lang='en'] .brand-copy strong { font-size: 17px; letter-spacing: 0; }
html[lang='en'] .brand-copy small { font-size: 8px; letter-spacing: 0; max-width: 210px; line-height: 1.5; }
html[lang='en'] .site-nav > a { font-size: 12px; padding-left: 10px; padding-right: 10px; }
html[lang='en'] .hero-overlay h1 { font-size: clamp(34px, 4.5vw, 58px); letter-spacing: 0; }
html[lang='en'] .hero-overlay p { max-width: 680px; line-height: 1.8; }
html[lang='en'] .company-intro { text-align: left; }
html[lang='en'] .business-copy > p { text-indent: 0; }
html[lang='en'] .section-subtitle { line-height: 1.8; }
html[lang='en'] .product-card h3 { min-height: 80px; line-height: 1.5; }
html[lang='en'] .product-card > p { min-height: 135px; }
html[lang='en'] .product-tags li { font-size: 10px; }
html[lang='en'] .quality-feature h3 { font-size: 25px; }
html[lang='en'] .process-grid h3 { min-height: 42px; line-height: 1.4; }
html[lang='en'] .process-grid p { min-height: 135px; }
html[lang='en'] .recruit-avatar { font-size: 12px; }
html[lang='en'] .recruit-grid h3 { line-height: 1.5; min-height: 45px; }
html[lang='en'] .inquiry h2 { font-size: 28px; }
html[lang='en'] .team-grid h3 { min-height: 42px; line-height: 1.5; }
@media (min-width: 901px) and (max-width: 1100px) {
  .brand, html[lang='en'] .brand { min-width: 230px; }
  .site-nav > a, html[lang='en'] .site-nav > a { min-width: 76px; padding-left: 6px; padding-right: 6px; font-size: 11px; }
  .language-switch { margin-left: 8px; }
}
@media (max-width: 900px) {
  .brand, html[lang='en'] .brand { min-width: 0; }
  .language-switch { margin-left: auto; }
  .menu-toggle { margin-left: 10px; padding: 0; }
  html[lang='en'] .site-nav > a { padding-left: 20px; font-size: 14px; }
  html[lang='en'] .product-card > p { min-height: auto; }
}
@media (max-width: 560px) {
  .brand { gap: 7px; }
  .brand-mark { width: 38px; height: 38px; font-size: 13px; }
  .site-header.compact .brand-mark { width: 38px; height: 38px; }
  html[lang='en'] .brand-copy strong, html[lang='en'] .site-header.compact .brand-copy strong { font-size: 13px; }
  html[lang='en'] .brand-copy small { max-width: 130px; font-size: 7px; }
  .language-switch button { padding: 7px 6px; }
  html[lang='en'] .hero-overlay { padding-top: 100px; }
  html[lang='en'] .hero-overlay h1 { font-size: 36px; }
  html[lang='en'] .hero-overlay p { font-size: 14px; }
  html[lang='en'] .company-intro p { text-indent: 0; }
  html[lang='en'] .product-card h3 { min-height: auto; }
  html[lang='en'] .process-grid h3, html[lang='en'] .process-grid p { min-height: auto; }
  html[lang='en'] .culture-symbol { font-size: 25px; }
  html[lang='en'] .growth-tabs button { font-size: 11px; padding: 10px; }
  html[lang='en'] .growth-panel h3 { font-size: 22px; }
  html[lang='en'] .growth-panel p { font-size: 13px; }
}
