:root{--color-ink:#17191c;--color-ink-soft:#3a4048;--color-muted:#6f7782;--color-line:#dfe4e8;--color-bg:#fff;--color-surface:#f4f6f8;--color-accent:#1557d6;--color-accent-dark:#0f3f9e;--color-accent-2:#d97722;--color-success:#1f7a4d;--color-surface-warm:#f6f8fa;--color-dark:#111417;--color-dark-soft:#1d2228;--shadow-card:0 1px 2px #1114170d, 0 14px 34px #11141712}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--color-bg);color:var(--color-ink);letter-spacing:0;margin:0;font-family:Segoe UI,system-ui,-apple-system,BlinkMacSystemFont,Arial,sans-serif;line-height:1.6}button{font:inherit}::selection{background:#1557d633}a{color:inherit;text-decoration:none}img,svg{max-width:100%;display:block}.container{width:min(1160px,100% - 48px);margin-inline:auto}.site-header{z-index:50;border-bottom:1px solid var(--color-line);background:#fffffff7;position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;gap:24px;min-height:76px;display:flex}.brand{flex-direction:column;line-height:1.2;display:inline-flex}.brand-name{color:var(--color-ink);font-size:1.2rem;font-weight:800}.brand-sub{color:var(--color-muted);text-transform:uppercase;font-size:.72rem;font-weight:600}.nav{align-items:center;gap:28px;display:flex}.nav a{color:var(--color-ink-soft);font-size:.95rem;font-weight:600}.nav a:hover{color:var(--color-accent)}.btn{cursor:pointer;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:0 20px;font-size:.95rem;font-weight:700;line-height:1;display:inline-flex}.btn-primary{background:var(--color-accent);color:#fff}.btn-primary:hover{background:var(--color-accent-dark)}.btn-outline{border-color:var(--color-line);background:var(--color-bg);color:var(--color-ink)}.btn-outline:hover{border-color:var(--color-accent);color:var(--color-accent)}.btn-outline-light{color:#fff;background:0 0;border-color:#ffffff80}.btn-outline-light:hover{background:#ffffff1f}.mobile-menu{display:none;position:relative}.mobile-menu summary{border:1px solid var(--color-line);cursor:pointer;border-radius:6px;align-items:center;min-height:44px;padding:0 14px;font-weight:700;list-style:none;display:inline-flex}.mobile-menu summary::-webkit-details-marker{display:none}.mobile-nav{background:var(--color-bg);border:1px solid var(--color-line);border-radius:8px;gap:4px;width:230px;padding:10px;display:grid;position:absolute;top:calc(100% + 10px);right:0;box-shadow:0 16px 40px #1114172e}.mobile-nav a{border-radius:6px;padding:10px 12px;font-weight:600;display:block}.mobile-nav a:hover{background:var(--color-surface)}.home-hero{background:var(--color-dark);color:#fff;padding:96px 0 0;position:relative;overflow:hidden}.hero-grid-overlay{pointer-events:none;background-image:linear-gradient(#ffffff0b 1px,#0000 1px),linear-gradient(90deg,#ffffff0b 1px,#0000 1px);background-size:64px 64px;position:absolute;inset:0}.hero-inner{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:center;gap:64px;display:grid;position:relative}.eyebrow{text-transform:uppercase;color:#8fa7d8;margin:0 0 16px;font-size:.85rem;font-weight:700}.home-hero h1,.page-hero h1{margin:0 0 18px;font-size:3.25rem;font-weight:800;line-height:1.12}.home-hero h1{max-width:760px;font-size:3.1rem;line-height:1.1}.home-hero-lead{color:#d6dbe1;max-width:650px;margin:0 0 32px;font-size:1.12rem}.hero-actions{flex-wrap:wrap;gap:14px;display:flex}.hero-visual{min-height:520px}.hero-media{color:#ffffffb8;background-color:#182129;background-image:linear-gradient(#ffffff0f 1px,#0000 1px),linear-gradient(90deg,#ffffff0f 1px,#0000 1px);background-size:44px 44px;border:1px solid #ffffff29;border-radius:8px;min-height:520px;font-size:.9rem}.trust-bar{border-top:1px solid #ffffff24;grid-template-columns:repeat(4,1fr);gap:18px;margin:74px 0 0;padding:24px 0;list-style:none;display:grid}.trust-item{color:#d4dae1;align-items:center;gap:10px;font-size:.95rem;font-weight:700;display:flex}.trust-item svg{color:var(--color-accent-2)}.page-hero{border-bottom:1px solid var(--color-line);background:var(--color-surface);padding:72px 0 64px}.page-hero h1{color:var(--color-ink)}.lead{max-width:760px;color:var(--color-ink-soft);margin:0;font-size:1.12rem}.section{padding:72px 0}.section-alt{background:var(--color-surface)}.section-heading{margin:0 0 12px;font-size:2rem;font-weight:800;line-height:1.2}.section-lead{max-width:720px;color:var(--color-ink-soft);margin:0 0 32px}.grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;display:grid}.card{background:var(--color-bg);border:1px solid var(--color-line);border-radius:8px;padding:20px}.card h2,.card h3{margin:18px 0 8px;font-size:1.15rem}.card p{color:var(--color-ink-soft);margin:0}.card-image{min-height:180px;padding:20px;font-size:.9rem}.about-grid,.contact-grid{grid-template-columns:1fr 1.2fr;align-items:start;gap:48px;display:grid}.about-grid .placeholder-image{min-height:360px}.check-list{margin:20px 0 0;padding:0;list-style:none}.check-list li{color:var(--color-ink-soft);margin-bottom:10px;padding-left:22px;position:relative}.check-list li:before{content:"✓";color:var(--color-accent);font-weight:800;position:absolute;top:0;left:0}.process-list{counter-reset:process;margin:0;padding:0;list-style:none}.process-list li{border-bottom:1px solid var(--color-line);counter-increment:process;padding:18px 0 18px 52px;position:relative}.process-list li:before{background:var(--color-surface);width:36px;height:36px;color:var(--color-accent);content:counter(process);border-radius:50%;justify-content:center;align-items:center;font-weight:800;display:inline-flex;position:absolute;top:18px;left:0}.gallery-grid{grid-template-columns:repeat(3,1fr)}.gallery-grid figure{margin:0}.gallery-grid .placeholder-image{min-height:220px;padding:20px;font-size:.9rem}.gallery-grid figcaption{padding:12px 0 0;font-weight:700}.placeholder-image{color:#66717d;text-align:center;background:#e8edf1;border:1px dashed #aeb8c3;border-radius:8px;justify-content:center;align-items:center;width:100%;min-height:240px;padding:32px;font-weight:700;display:flex}.contact-info-list{margin:0;padding:0;list-style:none}.contact-info-list li{border-bottom:1px solid var(--color-line);color:var(--color-ink-soft);padding:12px 0}.contact-info-list strong{color:var(--color-ink);text-transform:uppercase;margin-bottom:4px;font-size:.85rem;display:block}.inquiry-form{gap:18px;display:grid}.form-grid{grid-template-columns:1fr 1fr;gap:18px;display:grid}.inquiry-form label{gap:6px;font-size:.9rem;font-weight:700;display:grid}.inquiry-form input,.inquiry-form select,.inquiry-form textarea{border:1px solid var(--color-line);background:var(--color-bg);width:100%;color:var(--color-ink);font:inherit;border-radius:6px;padding:12px 14px}.inquiry-form input:focus,.inquiry-form select:focus,.inquiry-form textarea:focus{outline-offset:1px;outline:2px solid #1557d659}.site-footer{background:var(--color-dark);color:#cbd2d9}.footer-grid{grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:40px;padding:64px 0 48px;display:grid}.footer-brand{color:#fff;margin:0 0 10px;font-size:1.2rem;font-weight:800}.footer-title{color:#fff;text-transform:uppercase;margin:0 0 14px;font-size:.9rem;font-weight:800}.site-footer ul{margin:0;padding:0;list-style:none}.site-footer li{margin-bottom:8px}.site-footer a:hover{color:#fff}.footer-bottom{color:#929ba5;border-top:1px solid #ffffff24;padding:18px 0;font-size:.88rem}.home-section{padding:92px 0}.section-kicker{color:var(--color-accent);text-transform:uppercase;margin:0 0 10px;font-size:.78rem;font-weight:800}.section-kicker-light{color:#9db8ee}.home-section .section-heading{margin:0 0 12px;font-size:2.25rem}.home-section .section-lead{color:var(--color-ink-soft);margin:0}.section-head-row{justify-content:space-between;align-items:flex-end;gap:28px;margin-bottom:44px;display:flex}.section-head-row>div{max-width:760px}.section-head-row .section-lead{max-width:720px}.text-link{color:var(--color-accent);align-items:center;gap:8px;margin-top:26px;font-weight:800;display:inline-flex}.text-link:hover{color:var(--color-accent-dark)}.home-about-grid{grid-template-columns:1.05fr .95fr;align-items:center;gap:64px;display:grid}.home-about-media{grid-template-columns:1fr 1fr;gap:16px;display:grid}.about-media-main{border:1px solid var(--color-line);background:var(--color-surface);grid-row:span 2;min-height:460px;font-size:.9rem}.about-media-small{border:1px solid var(--color-line);background:var(--color-surface);min-height:222px;font-size:.85rem}.factory-details{background:var(--color-surface-warm);border:1px solid var(--color-line);border-radius:8px;grid-template-columns:1fr 1fr;gap:14px 20px;margin:26px 0 0;padding:18px 20px;display:grid}.factory-detail{gap:2px;display:grid}.factory-detail dt{color:var(--color-muted);text-transform:uppercase;font-size:.75rem;font-weight:800}.factory-detail dd{margin:0;font-weight:700}.capability-list{grid-template-columns:1fr 1fr;gap:12px 20px;margin:26px 0 0;padding:0;list-style:none;display:grid}.capability-list li{color:var(--color-ink-soft);padding-left:28px;font-weight:600;position:relative}.capability-list li:before{width:18px;height:18px;color:var(--color-accent);content:"✓";background:#e7f0ff;border-radius:50%;place-items:center;font-size:.8rem;font-weight:800;display:grid;position:absolute;top:2px;left:0}.home-products{background:var(--color-surface-warm)}.category-grid{grid-template-columns:repeat(4,1fr);gap:18px;display:grid}.category-card{background:var(--color-bg);border:1px solid var(--color-line);border-radius:8px;flex-direction:column;transition:box-shadow .16s,transform .16s;display:flex;overflow:hidden}.category-card:hover{box-shadow:var(--shadow-card);transform:translateY(-3px)}.category-media{border:0;border-bottom:1px solid var(--color-line);background:#e9eef3;border-radius:0;min-height:190px;font-size:.82rem}.category-body{flex-direction:column;flex:1;padding:22px;display:flex}.category-body h3{margin:0 0 10px;font-size:1.1rem;line-height:1.3}.category-body p{color:var(--color-ink-soft);flex:1;margin:0 0 18px}.category-body .text-link{margin-top:0}.capability-grid{grid-template-columns:repeat(4,1fr);gap:18px;display:grid}.capability-item{background:var(--color-bg);border:1px solid var(--color-line);border-radius:8px;flex-direction:column;padding:28px;display:flex}.capability-icon{width:52px;height:52px;color:var(--color-accent);background:#e9f1ff;border-radius:8px;place-items:center;margin-bottom:18px;display:grid}.capability-meta{color:var(--color-accent-2);text-transform:uppercase;margin:0 0 8px;font-size:.75rem;font-weight:800}.capability-item h3{margin:0 0 10px;font-size:1.12rem}.capability-item p{color:var(--color-ink-soft);flex:1;margin:0 0 20px}.capability-item .text-link{margin-top:0}.home-gallery{background:var(--color-surface-warm)}.home-gallery-grid{grid-template-columns:repeat(3,1fr);gap:18px}.gallery-tile{background:var(--color-bg);border:1px solid var(--color-line);border-radius:8px;margin:0;overflow:hidden}.gallery-tile .placeholder-image{background:#e6ecf1;border:0;border-radius:0;min-height:230px}.gallery-tile figcaption{margin:0;padding:16px 20px;font-weight:800}.advantage-grid{grid-template-columns:repeat(4,1fr);gap:18px;display:grid}.advantage-item{background:var(--color-bg);border:1px solid var(--color-line);border-top:3px solid var(--color-accent);border-radius:8px;padding:28px 26px}.advantage-icon{width:46px;height:46px;color:var(--color-accent-2);background:#f2f5f8;border-radius:8px;place-items:center;display:grid}.advantage-item h3{margin:18px 0 10px;font-size:1.08rem}.advantage-item p{color:var(--color-ink-soft);margin:0}.why-cta{justify-content:center;margin-top:44px;display:flex}.home-inquiry{background:var(--color-dark);color:#fff}.inquiry-layout{grid-template-columns:.9fr 1.1fr;align-items:start;gap:72px;display:grid}.inquiry-copy{padding-top:8px}.inquiry-copy .section-heading{color:#fff}.inquiry-copy .section-lead{color:#c6cdd5;max-width:520px}.channel-list{margin-top:36px;display:grid}.channel-item{border-bottom:1px solid #ffffff24;align-items:flex-start;gap:16px;padding:16px 0;display:flex}.channel-icon{color:#9db8ee;background:#ffffff14;border-radius:8px;flex:none;place-items:center;width:40px;height:40px;display:grid}.channel-item strong{color:#fff;text-transform:uppercase;margin-bottom:3px;font-size:.85rem;display:block}.channel-item p{color:#c6cdd5;margin:0}.inquiry-form-wrap{background:var(--color-bg);color:var(--color-ink);border-radius:8px;padding:34px;box-shadow:0 18px 50px #0000003d}.inquiry-success{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:380px;display:flex}.success-icon{width:56px;height:56px;color:var(--color-success);background:#e6f4ec;border-radius:50%;place-items:center;display:grid}.inquiry-success h3{margin:18px 0 8px;font-size:1.4rem}.inquiry-success p{max-width:320px;color:var(--color-ink-soft);margin:0 0 24px}@media (max-width:1080px){.hero-inner,.home-about-grid{grid-template-columns:1fr;gap:40px}.hero-visual{min-height:0}.hero-media{min-height:360px}.category-grid,.capability-grid,.advantage-grid{grid-template-columns:repeat(2,1fr)}.inquiry-layout{grid-template-columns:1fr;gap:44px}}@media (max-width:720px){.home-section{padding:56px 0}.home-section .section-heading{font-size:1.7rem}.home-hero{padding:56px 0 0}.home-hero h1{font-size:2.25rem}.hero-media{min-height:260px}.trust-bar{grid-template-columns:1fr;gap:14px;margin-top:48px}.home-about-media{grid-template-columns:1fr}.about-media-main{min-height:300px}.about-media-small{min-height:220px}.capability-list,.factory-details,.category-grid,.capability-grid,.advantage-grid,.home-gallery-grid{grid-template-columns:1fr}.section-head-row{display:block}.section-head-row .btn{margin-top:24px}.inquiry-form-wrap{padding:24px}}@media (max-width:960px){.home-hero-grid,.about-grid,.contact-grid{grid-template-columns:1fr}.hero-media{min-height:300px}.trust-bar,.gallery-grid,.footer-grid{grid-template-columns:1fr 1fr}}@media (max-width:720px){.nav,.header-cta{display:none}.mobile-menu{display:block}.home-hero{padding:56px 0 0}.home-hero h1,.page-hero h1{font-size:2.35rem}.home-hero-lead,.lead{font-size:1rem}.trust-bar{grid-template-columns:1fr;gap:12px;margin-top:56px}.page-hero{padding:48px 0 44px}.section{padding:48px 0}.section-heading{font-size:1.7rem}.grid,.gallery-grid,.footer-grid,.form-grid{grid-template-columns:1fr}.about-grid .placeholder-image,.hero-media{min-height:260px}}