:root{--bg:#f8fafc;--surface:#fff;--text:#0f172a;--muted:#475569;--line:#e2e8f0;--primary:#0f3f6e;--primary-dark:#082f53;--accent:#c2410c;--radius:18px;--shadow:0 12px 36px #0f172a14;--container:1120px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--text);background:var(--bg);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.65}a{color:inherit;text-decoration:none}a:hover{color:var(--accent)}img{max-width:100%;height:auto}.container{width:min(100% - 32px, var(--container));margin-inline:auto}.site-header{z-index:20;backdrop-filter:blur(14px);border-bottom:1px solid var(--line);background:#fffffff0;position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;gap:20px;min-height:74px;display:flex}.brand,.footer-brand{align-items:center;gap:10px;font-weight:800;display:inline-flex}.brand img,.footer-brand img{object-fit:contain;background:#fff;border-radius:10px}.main-nav{color:var(--muted);gap:22px;display:flex}.main-nav a.active{color:var(--primary);font-weight:800}.header-cta,.button{border:1px solid var(--line);border-radius:999px;justify-content:center;align-items:center;padding:.75rem 1.05rem;font-weight:800;display:inline-flex}.button.primary,.header-cta{background:var(--primary);color:#fff;border-color:var(--primary)}.button.primary:hover,.header-cta:hover{background:var(--primary-dark);color:#fff}.button.secondary{color:var(--primary);background:#fff}.hero{background:linear-gradient(180deg, #fff, var(--bg));padding:76px 0 54px}.hero-grid,.content-grid{grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:34px;display:grid}h1{letter-spacing:-.055em;margin:0 0 16px;font-size:clamp(2.1rem,5vw,4.4rem);line-height:1.05}h2{letter-spacing:-.025em;line-height:1.2}.lead{color:var(--muted);max-width:760px;font-size:1.08rem}.eyebrow{color:var(--accent);text-transform:uppercase;letter-spacing:.12em;margin:0 0 8px;font-size:.78rem;font-weight:900}.actions{flex-wrap:wrap;gap:12px;margin-top:24px;display:flex}.hero-card,.card,.sidebar,.article-body,.inquiry-form,.internal-links{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:24px}.page,.page-section{padding:54px 0}.section-header{max-width:760px;margin-bottom:24px}.card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.card-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.card h2,.card h3{margin-top:0}.card p,.meta,.notice,.form-note{color:var(--muted)}.notice{background:#f1f5f9;border-radius:14px;padding:14px 16px}.breadcrumbs{padding-top:24px}.breadcrumbs ol{color:var(--muted);flex-wrap:wrap;gap:8px;margin:0;padding:0;font-size:.92rem;list-style:none;display:flex}.breadcrumbs li:not(:last-child):after{content:"/";color:#94a3b8;margin-left:8px}.breadcrumbs a{color:var(--primary)}.internal-links{gap:18px;display:grid}.internal-links ul,.site-footer ul{margin:0;padding:0;list-style:none}.internal-links li,.site-footer li{margin:8px 0}.faq-item{border-bottom:1px solid var(--line);padding:18px 0}.spec-table{border-collapse:collapse;background:#fff;width:100%;margin-top:22px}.spec-table th,.spec-table td{border:1px solid var(--line);text-align:left;vertical-align:top;padding:12px}.spec-table th{background:#f8fafc;width:34%}.inquiry-form label{gap:6px;margin-bottom:14px;font-weight:700;display:grid}.inquiry-form input,.inquiry-form textarea{border:1px solid var(--line);width:100%;font:inherit;border-radius:12px;padding:12px}.hidden{display:none}.site-footer{color:#cbd5e1;background:#0f172a;margin-top:60px;padding:44px 0 22px}.site-footer a{color:#e2e8f0}.footer-grid{grid-template-columns:1.4fr repeat(3,1fr);gap:28px;display:grid}.site-footer h2{color:#fff;font-size:1rem}.footer-bottom{color:#94a3b8;border-top:1px solid #e2e8f026;justify-content:space-between;gap:16px;margin-top:28px;padding-top:18px;font-size:.92rem;display:flex}@media (width<=900px){.header-inner{flex-wrap:wrap;padding:12px 0}.main-nav{order:3;width:100%;padding-bottom:4px;overflow-x:auto}.header-cta{display:none}.hero-grid,.content-grid,.footer-grid,.card-grid,.card-grid.two{grid-template-columns:1fr}.hero{padding-top:46px}.footer-bottom{flex-direction:column}}.alt-section{background:#eef4f8}.full-width{width:100%}.page-gap{margin-top:24px}.text-link{color:var(--primary);font-weight:800}.check-list{margin:14px 0 0;padding-left:0;list-style:none}.check-list li{color:var(--muted);margin:9px 0;padding-left:26px;position:relative}.check-list li:before{content:"✓";color:#047857;font-weight:900;position:absolute;left:0}.product-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.product-grid.compact{grid-template-columns:repeat(4,minmax(0,1fr))}.product-card{flex-direction:column;padding:0;display:flex;overflow:hidden}.product-image{aspect-ratio:4/3;border-bottom:1px solid var(--line);background:#f8fafc;place-items:center;display:grid;overflow:hidden}.product-image img{object-fit:contain;width:100%;height:100%;padding:14px;transition:transform .2s}.product-card:hover .product-image img{transform:scale(1.04)}.image-placeholder{color:var(--muted);font-weight:800}.product-card-body{padding:20px}.product-card h2{margin:6px 0 10px;font-size:1.05rem}.product-card p{color:var(--muted)}.oe-line,.oe-box{background:#f1f5f9;border-radius:12px;padding:10px 12px;font-size:.92rem}.category-card h2{font-size:1.25rem}.cta-block{background:var(--primary);color:#fff;border-radius:24px;justify-content:space-between;align-items:center;gap:24px;padding:30px;display:flex}.cta-block p{color:#ffffffd1}.cta-block .button{color:var(--primary);background:#fff;border-color:#fff}.product-detail-grid{grid-template-columns:minmax(0,1fr) 380px;align-items:start;gap:28px;display:grid}.product-main-image{object-fit:contain;border:1px solid var(--line);background:#f8fafc;border-radius:18px;width:100%;max-height:520px;margin:20px 0;padding:18px}.product-gallery{grid-template-columns:repeat(5,1fr);gap:10px;margin-bottom:18px;display:grid}.product-gallery img{aspect-ratio:1;object-fit:contain;border:1px solid var(--line);background:#fff;border-radius:12px;width:100%;padding:8px}.product-sidebar{position:sticky;top:96px}@media (width<=980px){.product-grid,.product-grid.compact{grid-template-columns:repeat(2,minmax(0,1fr))}.product-detail-grid{grid-template-columns:1fr}.product-sidebar{position:static}.product-gallery{grid-template-columns:repeat(3,1fr)}.cta-block{display:block}.cta-block .button{margin-top:16px}}@media (width<=560px){.product-grid,.product-grid.compact{grid-template-columns:1fr}.product-gallery{grid-template-columns:repeat(2,1fr)}}
