:root {
  --ink:#142a35; --ink-2:#213d4c; --text:#2e414b; --muted:#60727c;
  --paper:#fff; --soft:#f5f7f8; --warm:#f3f1ed; --line:#e0e6e9;
  --accent:#e8bb8a; --accent-dark:#805330; --white:#fff; --container:1240px;
  --radius:14px; --ease:cubic-bezier(.2,.7,.2,1);
}
*,*::before,*::after { box-sizing:border-box }
html { scroll-behavior:smooth; scroll-padding-top:110px }
body { margin:0; background:var(--paper); color:var(--text); font-family:Inter,"Aptos","Segoe UI",Arial,"Microsoft YaHei",sans-serif; font-size:16px; line-height:1.65; -webkit-font-smoothing:antialiased }
body.menu-open { overflow:hidden }
img { display:block; max-width:100% }
a { color:inherit; text-decoration:none }
button { font:inherit; cursor:pointer }
button,a,summary { -webkit-tap-highlight-color:transparent }
:focus-visible { outline:3px solid var(--accent-dark); outline-offset:5px }
h1,h2,h3,p { overflow-wrap:break-word }
h1,h2,h3 { text-wrap:balance }
.container { width:min(calc(100% - 64px),var(--container)); margin-inline:auto }
.skip-link { position:fixed; z-index:1000; top:-80px; left:20px; padding:12px 20px; background:var(--accent); color:var(--ink); border-radius:8px; font-weight:700 }
.skip-link:focus { top:14px }
.utility-bar { background:var(--soft); border-bottom:1px solid var(--line); color:var(--muted); font-size:10px; font-weight:600; letter-spacing:.1em }
.utility-inner { display:flex; align-items:center; justify-content:space-between; min-height:32px; gap:16px }
.utility-inner a { display:flex; gap:12px; align-items:center; letter-spacing:0; font-size:11px; font-weight:400 }
.utility-inner strong { color:var(--ink); font-weight:600 }
.utility-inner a:hover { text-decoration:underline; text-underline-offset:3px }
.site-header { position:sticky; z-index:50; top:0; background:#ffffffed; backdrop-filter:blur(16px); border-bottom:1px solid var(--line); transition:box-shadow .2s }
.site-header.is-scrolled { box-shadow:0 7px 24px #142a3509 }
.header-inner { display:flex; align-items:center; min-height:82px; gap:26px }
.brand { display:inline-flex; align-items:center; gap:11px; flex:none; color:var(--ink) }
.brand-mark { width:44px; height:44px; border-radius:10px; background:var(--ink); color:var(--white); display:grid; place-items:center }
.brand-mark svg { width:28px; height:28px }
.brand-type { display:flex; flex-direction:column; line-height:1.15; gap:5px }
.brand-type strong { font-size:15px; letter-spacing:.04em; white-space:nowrap }
.brand-type small { font-size:8px; letter-spacing:.18em; font-weight:600; white-space:nowrap }
.desktop-nav { display:flex; align-items:center; justify-content:center; gap:29px; flex:1 }
.desktop-nav a { font-size:13px; font-weight:600; min-height:44px; display:flex; align-items:center; transition:color .2s }
.desktop-nav a:hover { color:var(--accent-dark) }
.header-actions { display:flex; align-items:center; gap:18px }
.language-switch,.mobile-language { display:flex; align-items:center; gap:2px; background:#f0f3f4; padding:3px; border-radius:8px }
.language-switch button,.mobile-language button { border:0; background:transparent; color:var(--muted); font-size:12px; font-weight:600; min-width:44px; min-height:44px; padding:8px 10px; border-radius:6px; transition:background .2s,color .2s }
.language-switch button[aria-pressed=true],.mobile-language button[aria-pressed=true] { background:var(--white); color:var(--ink); box-shadow:0 2px 5px #142a3509 }
.button { display:inline-flex; align-items:center; justify-content:space-between; gap:24px; min-height:50px; padding:0 22px; border-radius:8px; font-size:13px; font-weight:650; white-space:nowrap; cursor:pointer; transition:background .2s,color .2s,transform .2s var(--ease) }
.button:hover { transform:translateY(-2px) }
.button--dark { background:var(--ink); color:var(--white) }
.button--dark:hover { background:#294957 }
.button--accent { background:var(--accent); color:var(--ink) }
.button--accent:hover { background:#f3cfa7 }
.button span:last-child[aria-hidden] { font-size:19px; line-height:1; font-weight:400 }
.menu-toggle,.mobile-nav { display:none }
.hero { background:var(--ink); color:var(--white); padding:46px 0 }
.hero-grid { display:grid; grid-template-columns:1fr; justify-items:center }
.hero-copy { min-width:0; width:100%; max-width:800px; padding-block:22px; text-align:center }
.eyebrow { margin:0 0 18px; color:var(--accent-dark); font-size:10px; line-height:1.5; font-weight:750; letter-spacing:.16em; text-transform:uppercase }
.eyebrow--light { color:var(--accent) }
.hero h1 { font-size:clamp(40px,4.2vw,59px); line-height:1.12; letter-spacing:-.052em; margin:0 0 24px; font-weight:600 }
.hero h1 em { color:var(--accent); font-weight:500; font-style:normal }
.hero-lead { font-size:16px; line-height:1.8; color:#c9d6dc; max-width:640px; margin:0 auto }
.hero-actions { display:flex; align-items:center; justify-content:center; gap:24px; margin-top:30px; flex-wrap:wrap }
.text-link { display:inline-flex; gap:16px; align-items:center; border-bottom:1px solid var(--line); font-size:13px; font-weight:600; padding:9px 0; min-height:44px; transition:color .2s,border-color .2s }
.text-link:hover { color:var(--accent-dark); border-color:var(--accent-dark) }
.text-link--light { border-color:#ffffff50; color:var(--white) }
.text-link--light:hover { color:var(--accent); border-color:var(--accent) }
.hero-info { display:grid; grid-template-columns:.8fr 1.25fr 1fr; gap:16px; border-top:1px solid #ffffff20; padding-top:22px; margin:42px auto 0; max-width:640px; text-align:left }
.hero-info>div { min-width:0 }
.hero-info small { display:block; color:#9eb3bd; font-size:8px; letter-spacing:.12em; font-weight:650; margin-bottom:7px }
.hero-info strong { display:block; font-size:12px; font-weight:550; line-height:1.45 }
.buyers { border-bottom:1px solid var(--line); background:var(--white) }
.buyer-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); padding-block:28px; gap:34px }
.buyer-item { display:flex; align-items:center; gap:17px; min-width:0; padding-right:24px; border-right:1px solid var(--line) }
.buyer-item:last-child { border-right:0; padding-right:0 }
.line-icon { display:inline-flex; align-items:center; justify-content:center; flex:none; width:42px; height:42px; border-radius:9px; background:#edf2f4; color:var(--ink-2) }
.line-icon svg { width:24px; height:24px; fill:none; stroke:currentColor; stroke-width:1.6; stroke-linecap:round; stroke-linejoin:round }
.buyer-item h2 { font-size:15px; font-weight:650; color:var(--ink); margin:0 0 4px; letter-spacing:-.02em }
.buyer-item p { font-size:12px; color:var(--muted); line-height:1.6; margin:0; max-width:275px }
.section { padding:78px 0 }
.section-intro { display:grid; grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr); gap:80px; align-items:end; margin-bottom:35px }
.section-intro h2,.about h2,.faq h2,.production h2,.contact h2 { font-size:clamp(31px,2.9vw,40px); font-weight:600; letter-spacing:-.042em; line-height:1.2; color:var(--ink); margin:0; max-width:650px }
.section-intro>p { margin:0 0 3px; color:var(--muted); font-size:15px; line-height:1.75; max-width:390px }
.product-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:22px }
.product-card { min-width:0; background:var(--white); border:1px solid var(--line); border-radius:var(--radius); overflow:hidden; display:flex; flex-direction:column; transition:box-shadow .25s,border-color .25s }
.product-card:hover,.product-card:focus-within { box-shadow:0 12px 30px #142a350c; border-color:#b9c9d0 }
.product-image { aspect-ratio:4/5; overflow:hidden; background:#eeece8 }
.product-image img { width:100%; height:100%; object-fit:contain; object-position:center; transition:transform .5s var(--ease) }
.product-card:hover img { transform:scale(1.025) }
.product-body { padding:24px 26px 13px; display:flex; flex-direction:column; flex:1 }
.product-index { color:var(--accent-dark); font-size:9px; font-weight:700; letter-spacing:.12em }
.product-body h3 { font-size:23px; font-weight:600; letter-spacing:-.035em; color:var(--ink); margin:11px 0 11px; line-height:1.25 }
.product-body>p { color:var(--muted); font-size:13px; line-height:1.7; margin:0 0 19px; min-height:67px }
.product-specs { list-style:none; margin:0 0 23px; padding:0; font-size:12px; color:var(--text); display:grid; gap:8px }
.product-specs li { display:flex; align-items:baseline; gap:9px }
.product-specs li::before { content:""; display:inline-block; flex:none; width:4px; height:4px; background:#8b9da6; border-radius:50%; transform:translateY(-2px) }
.card-link { display:flex; align-items:center; justify-content:space-between; gap:12px; min-height:52px; border-top:1px solid var(--line); color:var(--ink); font-size:12px; font-weight:650; margin-top:auto }
.card-link span:last-child { display:grid; place-items:center; flex:none; width:30px; height:30px; border-radius:6px; background:var(--soft); font-size:18px; font-weight:400; transition:background .2s }
.card-link:hover span:last-child { background:var(--accent) }
.process-note { color:var(--muted); font-size:11px; line-height:1.6; margin:18px 0 0 }
.services { background:var(--soft); border-block:1px solid var(--line) }
.service-grid { display:grid; grid-template-columns:1fr 1fr; gap:24px }
.service-card { background:var(--white); border:1px solid var(--line); border-radius:var(--radius); padding:30px 34px }
.service-top { display:flex; align-items:center; justify-content:space-between; gap:20px; padding-bottom:22px; margin-bottom:24px; border-bottom:1px solid var(--line) }
.service-code { color:var(--ink); font-size:36px; line-height:1; letter-spacing:-.03em; font-weight:650 }
.service-tag { font-size:9px; font-weight:650; letter-spacing:.07em; color:var(--muted); background:var(--soft); border-radius:5px; padding:7px 10px; text-align:right }
.service-card h3 { margin:0 0 14px; color:var(--ink); font-size:23px; line-height:1.3; letter-spacing:-.025em; font-weight:600 }
.service-card>p { color:var(--muted); font-size:14px; line-height:1.75; margin:0 0 21px; max-width:500px }
.check-list { list-style:none; padding:0; margin:0 0 20px; display:grid; gap:12px; font-size:13px }
.check-list li { position:relative; padding-left:23px }
.check-list li::before { content:""; position:absolute; left:2px; top:7px; width:9px; height:5px; border-left:1.5px solid #507a83; border-bottom:1.5px solid #507a83; transform:rotate(-45deg) }
.production { background:var(--ink); color:#cfdae0 }
.production-grid { display:grid; grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr); gap:90px; align-items:center }
.production h2 { color:var(--white); font-size:38px }
.production-intro>p:not(.eyebrow) { font-size:15px; line-height:1.8; margin:23px 0; max-width:380px }
.support-grid { display:grid; grid-template-columns:1fr 1fr; gap:17px }
.support-item { background:#ffffff05; border:1px solid #ffffff1c; border-radius:10px; padding:24px }
.support-item .line-icon { width:36px; height:36px; border-radius:7px; color:var(--accent); background:#ffffff09 }
.support-item .line-icon svg { width:22px; height:22px }
.support-item h3 { margin:18px 0 10px; font-size:16px; color:var(--white); line-height:1.4; letter-spacing:-.015em; font-weight:600 }
.support-item p { margin:0; color:#b2c6d0; font-size:12px; line-height:1.75 }
.process-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:18px; list-style:none; margin:0; padding:0 }
.process-grid li { display:flex; flex-direction:column; min-width:0; padding:25px 23px; border:1px solid var(--line); background:var(--white); border-radius:11px; min-height:270px }
.process-number { display:grid; place-items:center; align-self:flex-start; width:39px; height:39px; border-radius:8px; background:#edf2f4; color:var(--ink-2); font-size:13px; font-weight:700 }
.process-grid h3 { color:var(--ink); font-size:18px; font-weight:650; letter-spacing:-.02em; line-height:1.3; margin:23px 0 13px }
.process-grid p { color:var(--muted); font-size:13px; line-height:1.75; margin:0 0 20px }
.step-output { display:block; padding-top:17px; margin-top:auto; border-top:1px solid var(--line); font-size:8px; letter-spacing:.08em; font-weight:650; color:#637a86 }
.channels { padding:62px 0; background:var(--soft); border-block:1px solid var(--line) }
.channels-intro { display:grid; grid-template-columns:1.2fr .8fr; gap:70px; align-items:end; margin-bottom:28px }
.channels h2 { margin:0; color:var(--ink); font-size:30px; font-weight:600; line-height:1.25; letter-spacing:-.035em }
.channels-intro>p { margin:0 0 3px; color:var(--muted); max-width:390px; font-size:14px; line-height:1.75 }
.platform-grid { display:grid; grid-template-columns:repeat(7,minmax(0,1fr)); gap:12px }
.platform-brand { min-height:108px; min-width:0; border:1px solid var(--line); border-radius:9px; background:var(--white); display:flex; flex-direction:column; align-items:center; justify-content:center; gap:14px; padding:18px 9px }
.platform-brand img { object-fit:contain; width:auto; height:auto; max-width:106px; max-height:32px }
.platform-brand span { font-size:11px; color:var(--muted); white-space:nowrap }
.about-grid { display:grid; grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr); gap:98px; align-items:center }
.about h2 { max-width:560px }
.about-lead { font-size:16px; color:var(--text); line-height:1.8; margin:22px 0 15px; max-width:550px }
.about-copy { font-size:14px; color:var(--muted); line-height:1.85; margin:0 0 19px; max-width:530px }
.company-panel { background:var(--soft); border:1px solid var(--line); border-radius:var(--radius); padding:29px 30px }
.company-panel-top { display:flex; align-items:center; gap:13px; flex-wrap:wrap; margin-bottom:25px }
.company-panel-top>.brand-mark { width:38px; height:38px }
.company-panel-top>strong { color:var(--ink); font-size:15px; letter-spacing:.03em }
.company-panel-top>span:last-child { display:block; width:100%; font-size:9px; font-weight:650; letter-spacing:.1em; color:var(--muted); margin-top:7px }
.company-facts { margin:0 }
.company-facts>div { display:grid; grid-template-columns:.8fr 1.2fr; gap:20px; padding:17px 0; border-top:1px solid var(--line) }
.company-facts dt { font-size:12px; color:var(--muted) }
.company-facts dd { margin:0; color:var(--ink); font-size:12px; font-weight:600; line-height:1.6 }
.company-facts dd a:hover { text-decoration:underline; text-underline-offset:3px }
.faq { padding-top:0 }
.faq-grid { display:grid; grid-template-columns:.85fr 1.15fr; gap:95px; border-top:1px solid var(--line); padding-top:61px }
.faq h2 { font-size:32px }
.faq-grid>div:first-child>p:not(.eyebrow) { font-size:14px; color:var(--muted); line-height:1.8; max-width:340px; margin-top:21px }
.faq-list { border-top:1px solid var(--line) }
.faq-list details { border-bottom:1px solid var(--line) }
.faq-list summary { display:flex; align-items:center; justify-content:space-between; gap:24px; padding:22px 2px; min-height:70px; cursor:pointer; list-style:none; font-size:14px; font-weight:600; line-height:1.5; color:var(--ink) }
.faq-list summary::-webkit-details-marker { display:none }
.faq-symbol { position:relative; flex:none; width:20px; height:20px }
.faq-symbol::before,.faq-symbol::after { content:""; position:absolute; top:9px; left:4px; width:12px; height:1.5px; background:var(--muted) }
.faq-symbol::after { transform:rotate(90deg); transition:transform .2s }
.faq-list details[open] .faq-symbol::after { transform:rotate(0) }
.faq-list details>p { color:var(--muted); font-size:13px; line-height:1.85; padding:0 30px 23px 2px; margin:0; max-width:610px }
.contact { background:var(--ink); color:var(--white); padding:79px 0 }
.contact-grid { display:grid; grid-template-columns:minmax(0,1.1fr) minmax(0,.8fr); gap:105px; align-items:center }
.contact h2 { color:var(--white); max-width:570px; font-size:44px }
.contact-main>p:not(.eyebrow) { color:#c9d7df; max-width:490px; margin:23px 0 29px; line-height:1.8; font-size:15px }
.contact-button { margin-right:19px; margin-bottom:15px }
.contact-number { display:inline-block; min-height:44px; padding-block:9px; font-size:16px; font-weight:550; white-space:nowrap }
.contact-number:hover { text-decoration:underline; text-underline-offset:4px }
.contact-location { display:block; color:#adc2cd; font-size:12px; margin-top:12px }
.inquiry-card { background:#f4f1ea; color:var(--ink); border-radius:var(--radius); padding:30px 33px }
.inquiry-index { font-size:9px; color:var(--accent-dark); letter-spacing:.13em; font-weight:700 }
.inquiry-card h3 { font-size:24px; font-weight:600; line-height:1.3; letter-spacing:-.03em; margin:16px 0 21px }
.inquiry-card ul { padding:0; margin:0; list-style:none; counter-reset:inquiry }
.inquiry-card li { display:flex; align-items:center; gap:13px; padding:15px 0; border-top:1px solid #dcded9; font-size:12px; font-weight:550; line-height:1.5; counter-increment:inquiry }
.inquiry-card li::before { content:"0" counter(inquiry); font-size:10px; font-weight:700; color:var(--accent-dark); flex:none }
.site-footer { background:#10212b; color:#ccd9df }
.footer-top { display:grid; grid-template-columns:1.6fr .7fr 1fr; gap:80px; padding:47px 0; border-bottom:1px solid #ffffff18 }
.brand--footer { color:#fff }
.brand--footer .brand-mark { background:var(--accent); color:var(--ink) }
.footer-company>p { margin:20px 0 0; font-size:12px; color:#9fb5c0; max-width:250px; line-height:1.8 }
.footer-links,.footer-contact { display:flex; flex-direction:column; align-items:flex-start; gap:9px; font-size:12px; color:#aabec9 }
.footer-links>strong,.footer-contact>strong { color:var(--white); font-size:12px; font-weight:600; margin-bottom:9px }
.footer-links a,.footer-contact a { min-height:30px; display:flex; align-items:center; transition:color .2s }
.footer-links a:hover,.footer-contact a:hover { color:var(--accent) }
.footer-contact>span { margin-bottom:5px; font-size:11px }
.footer-bottom { display:flex; justify-content:space-between; gap:20px; padding:20px 0; font-size:10px; color:#8fa8b6 }
@media(max-width:1160px) {
  .desktop-nav { gap:19px } .header-inner { gap:20px } .header-actions { gap:12px }
  .header-cta { padding-inline:17px; gap:16px }
  .hero h1 { font-size:clamp(40px,4.3vw,51px) } .hero-info { gap:11px }
  .buyer-grid { gap:23px } .buyer-item { gap:13px; padding-right:15px }
  .section-intro { gap:48px } .production-grid { gap:48px }
  .about-grid,.faq-grid { gap:60px } .contact-grid { gap:60px }
  .service-card { padding:29px } .platform-brand img { max-width:91px }
}
@media(max-width:960px) {
  .container { width:min(calc(100% - 44px),var(--container)) }
  .desktop-nav,.header-actions { display:none } .header-inner { min-height:78px }
  .menu-toggle { display:flex; flex-direction:column; justify-content:center; align-items:center; gap:6px; width:44px; height:44px; margin-left:auto; border:1px solid var(--line); border-radius:8px; background:transparent }
  .menu-toggle span { width:19px; height:2px; background:var(--ink); transition:transform .2s }
  .menu-toggle[aria-expanded=true] span:first-child { transform:translateY(4px) rotate(45deg) }
  .menu-toggle[aria-expanded=true] span:last-child { transform:translateY(-4px) rotate(-45deg) }
  .mobile-nav { position:absolute; top:100%; left:0; right:0; max-height:calc(100dvh - 78px); background:var(--white); padding:20px 24px 32px; overflow:auto; box-shadow:0 12px 24px #142a3515; border-bottom:1px solid var(--line) }
  .mobile-nav.is-open { display:flex; flex-direction:column }
  .mobile-nav>a { padding:15px 3px; border-bottom:1px solid var(--line); font-weight:600; font-size:18px }
  .mobile-language { align-self:flex-start; margin-top:22px }
  .hero { padding:37px 0 }
  .hero-copy { padding-block:15px } .hero h1 { font-size:38px } .hero-lead { font-size:14px }
  .hero .eyebrow { font-size:9px; letter-spacing:.1em } .hero-info { grid-template-columns:1fr 1fr; gap:15px; margin-top:29px }
  .hero-info>div:last-child { grid-column:1/-1 }
  .hero-actions { gap:15px; margin-top:26px } .hero-info strong { font-size:11px }
  .buyer-grid { gap:17px; padding-block:24px } .buyer-item { gap:10px; padding-right:10px; align-items:flex-start }
  .buyer-item .line-icon { width:32px; height:32px } .buyer-item .line-icon svg { width:20px; height:20px }
  .buyer-item h2 { font-size:13px } .buyer-item p { font-size:11px }
  .section { padding:65px 0 } .section-intro { gap:35px } .section-intro>p { font-size:14px }
  .product-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:15px } .product-body { padding:20px 18px 12px } .product-body h3 { font-size:21px }
  .product-body>p { font-size:12px; min-height:100px } .product-specs { font-size:11px }
  .service-card { padding:25px } .service-top { gap:13px } .service-code { font-size:30px }
  .service-tag { font-size:8px; padding-inline:7px } .service-card h3 { font-size:21px }
  .service-card>p { font-size:13px } .check-list { font-size:12px }
  .production-grid { grid-template-columns:1fr; gap:33px } .production-intro { max-width:600px }
  .production-intro>p:not(.eyebrow) { max-width:560px } .production h2 { font-size:35px }
  .support-item { padding:25px } .support-item p { font-size:13px }
  .process-grid { grid-template-columns:1fr 1fr; gap:16px } .process-grid li { min-height:240px }
  .channels { padding:54px 0 } .channels-intro { gap:40px } .channels h2 { font-size:27px }
  .platform-grid { grid-template-columns:repeat(4,minmax(0,1fr)) }
  .platform-brand img { max-width:108px } .about-grid { gap:40px }
  .company-panel { padding:26px } .company-facts>div { grid-template-columns:1fr; gap:5px; padding:13px 0 }
  .about-lead { font-size:15px } .about-copy { font-size:13px }
  .faq { padding-top:0 } .faq-grid { gap:45px; padding-top:54px } .faq h2 { font-size:29px }
  .faq-list summary { font-size:13px; gap:14px } .contact-grid { gap:40px }
  .contact h2 { font-size:38px } .inquiry-card { padding:28px }
  .footer-top { gap:40px; grid-template-columns:1.3fr .7fr 1fr }
}
@media(max-width:700px) {
  html { scroll-padding-top:94px } .utility-bar { display:none } .header-inner { min-height:76px }
  .mobile-nav { max-height:calc(100dvh - 76px) } .brand-mark { width:40px; height:40px }
  .brand-type strong { font-size:13px } .brand-type small { font-size:7px }
  .hero { padding:34px 0 }
  .hero-copy { padding:6px 0 0 } .hero h1 { font-size:clamp(37px,8.2vw,48px); margin-bottom:23px }
  .hero .eyebrow { font-size:9px; margin-bottom:20px } .hero-lead { font-size:15px }
  .hero-actions { gap:21px; margin-top:27px } .hero-info { grid-template-columns:.8fr 1.2fr 1fr; gap:12px; padding-top:20px; margin-top:30px }
  .hero-info>div:last-child { grid-column:auto } .hero-info small { font-size:7px; letter-spacing:.07em }
  .hero-info strong { font-size:10px }
  .buyer-grid { grid-template-columns:1fr; gap:0; padding-block:8px }
  .buyer-item { padding:18px 0; border-right:0; border-bottom:1px solid var(--line); align-items:center; gap:15px }
  .buyer-item:last-child { border-bottom:0 } .buyer-item .line-icon { width:37px; height:37px }
  .buyer-item h2 { font-size:14px } .buyer-item p { font-size:12px; max-width:none }
  .section { padding:56px 0 } .section-intro { grid-template-columns:1fr; gap:17px; margin-bottom:28px }
  .section-intro h2,.about h2 { font-size:32px } .section-intro>p { max-width:100%; font-size:14px }
  .eyebrow { font-size:9px; margin-bottom:16px } .product-grid { grid-template-columns:1fr; gap:22px }
  .product-body { padding:25px 25px 14px } .product-body h3 { font-size:24px }
  .product-body>p { min-height:0; font-size:14px; margin-bottom:19px } .product-specs { font-size:12px }
  .card-link { min-height:55px; font-size:12px } .card-link span:last-child { width:32px; height:32px }
  .service-grid { grid-template-columns:1fr; gap:18px } .service-card { padding:27px }
  .service-top { padding-bottom:19px; margin-bottom:22px } .service-code { font-size:33px }
  .service-card h3 { font-size:23px } .service-card>p { font-size:14px } .check-list { font-size:12px; gap:13px }
  .production h2 { font-size:32px } .production-intro>p:not(.eyebrow) { font-size:14px }
  .support-grid { gap:13px } .support-item { padding:20px }
  .support-item h3 { font-size:15px } .support-item p { font-size:12px }
  .process-grid { gap:13px } .process-grid li { padding:23px 20px; min-height:281px }
  .process-grid h3 { font-size:17px } .process-grid p { font-size:12px } .step-output { font-size:7px }
  .channels-intro { grid-template-columns:1fr; gap:16px; margin-bottom:26px } .channels h2 { font-size:30px }
  .channels-intro>p { font-size:14px } .platform-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px }
  .platform-brand { min-height:100px; padding-inline:8px } .platform-brand img { max-width:87px; max-height:30px }
  .platform-brand span { font-size:10px } .about-grid { grid-template-columns:1fr; gap:31px }
  .about-lead { font-size:15px } .about-copy { font-size:14px }
  .company-panel { padding:27px } .company-facts>div { grid-template-columns:.85fr 1.15fr; gap:15px; padding:17px 0 }
  .faq { padding-top:0 } .faq-grid { grid-template-columns:1fr; gap:25px; padding-top:49px }
  .faq h2 { font-size:30px } .faq-grid>div:first-child>p:not(.eyebrow) { max-width:100%; margin-top:17px }
  .faq-list summary { padding-block:21px; font-size:14px; min-height:72px }
  .contact { padding:61px 0 } .contact-grid { grid-template-columns:1fr; gap:29px }
  .contact h2 { font-size:36px } .contact-main>p:not(.eyebrow) { font-size:14px }
  .contact-button { margin-right:15px } .contact-number { font-size:16px }
  .inquiry-card { padding:28px } .footer-top { grid-template-columns:1fr 1fr; gap:28px 25px; padding:37px 0 }
  .footer-company { grid-column:1/-1 } .footer-company>p { max-width:300px; margin-top:16px }
  .footer-bottom { flex-direction:column; gap:5px; padding:19px 0 }
}
@media(max-width:390px) {
  .container { width:calc(100% - 32px) } .hero h1 { font-size:clamp(32px,8.6vw,37px) }
  .hero-actions { gap:15px } .hero-info { gap:9px } .hero-info strong { font-size:9px }
  .hero-info small { font-size:7px; letter-spacing:.02em }
  .product-body { padding-inline:22px } .support-grid,.process-grid { grid-template-columns:1fr }
  .support-item { padding:24px } .support-item p { font-size:13px }
  .process-grid li { min-height:0; padding:25px } .process-grid p { font-size:13px }
  .step-output { font-size:8px } .platform-brand img { max-width:75px }
  .company-panel { padding:23px } .company-facts>div { grid-template-columns:1fr; gap:5px; padding:14px 0 }
  .service-card { padding:24px } .service-tag { max-width:160px; font-size:8px }
  .footer-top { gap:26px 18px } .footer-contact { font-size:11px }
}
@media(prefers-reduced-motion:reduce) {
  html { scroll-behavior:auto }
  *,*::before,*::after { scroll-behavior:auto!important; animation-duration:.01ms!important; transition-duration:.01ms!important }
  .button:hover,.product-card:hover img { transform:none }
}