:root { --navy: #142b43; --ink: #142b43; --muted: #647181; --accent: #245fcc; --accent-hover: #1c4da8; --accent-soft: #edf3ff; --line: #e3e7ed; --paper: #f7f8fa; --white: #fff; --max: 1200px; }
* { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 98px; }
body { margin: 0px; color: var(--ink); background: rgb(255, 255, 255); font-family: "Microsoft JhengHei", "PingFang TC", Arial, sans-serif; line-height: 1.75; }
a { color: inherit; text-decoration: none; }
button, input, select, textarea { font: inherit; }
button, a, summary { -webkit-tap-highlight-color: transparent; }
button { cursor: pointer; }
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible, summary:focus-visible { outline: rgb(36, 95, 204) solid 3px; outline-offset: 4px; }
img { max-width: 100%; height: auto; display: block; }
svg { width: 24px; height: 24px; fill: none; stroke: currentcolor; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }
h1, h2, h3, p { margin: 0px; }
h1, h2, h3 { line-height: 1.4; letter-spacing: 0.015em; }
h2 { font-size: 32px; }
h3 { font-size: 21px; }
.wrap { width: min(var(--max),calc(100% - 80px)); margin-inline: auto; }
.skip { position: fixed; top: -80px; left: 20px; z-index: 20; padding: 12px; background: rgb(255, 255, 255); }
.skip:focus { top: 8px; }

.topline { background: var(--navy); color: rgb(255, 255, 255); font-size: 12px; letter-spacing: 0.06em; }
.topline .wrap { display: flex; justify-content: space-between; padding-block: 7px; }
.topline a { margin-left: 24px; }








.btn { display: inline-flex; justify-content: center; align-items: center; gap: 12px; min-height: 48px; padding: 12px 22px; border: 1px solid var(--navy); background: var(--navy); color: rgb(255, 255, 255); font-size: 14px; font-weight: 700; letter-spacing: 0.03em; border-radius: 3px; line-height: 1.5; transition: background 0.2s, transform 0.2s; }
.btn:hover { background: rgb(33, 68, 103); transform: translateY(-1px); }
.btn-accent { background: var(--accent); border-color: var(--accent); }
.btn-accent:hover { background: var(--accent-hover); }
.btn-light { color: var(--navy); background: rgb(255, 255, 255); border-color: rgb(185, 197, 208); }
.btn-light:hover { background: rgb(240, 244, 247); }
.btn-outline { border-color: rgb(128, 147, 168); background: transparent; color: rgb(255, 255, 255); }
.btn-outline:hover { background: rgb(40, 66, 94); }


.eyebrow { font-size: 11px; font-weight: 700; letter-spacing: 0.18em; color: var(--accent); text-transform: uppercase; margin-bottom: 14px; }
.hero { background: rgb(247, 248, 250); overflow: hidden; }
.hero-grid { display: grid; grid-template-columns: 46% 54%; min-height: 530px; }
.hero-copy { align-self: center; padding: 62px 42px 62px 0px; }
.hero h1 { font-size: 42px; line-height: 1.55; font-weight: 800; letter-spacing: -0.025em; }
.hero h1 .brand-line { display: block; font-size: 18px; font-weight: 600; letter-spacing: 0.025em; margin-bottom: 16px; }
.hero h1 em { font-style: normal; color: var(--accent); }
.hero-description { font-size: 15px; line-height: 1.9; color: rgb(83, 103, 119); margin-top: 20px; max-width: 390px; }
.hero-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 28px; }
.hero-meta { margin-top: 28px; font-size: 12px; display: flex; gap: 22px; color: rgb(97, 112, 130); }
.hero-meta span::before { content: "✓"; margin-right: 6px; color: var(--accent); }
.hero-visual { position: relative; margin-right: calc(0.5 * (-100vw + min(1200px, -80px + 100vw))); overflow: hidden; background: rgb(208, 206, 199); }
.hero-visual > img { width: 100%; height: 100%; object-fit: cover; position: absolute; inset: 0px; }
.hero-caption { position: absolute; left: 28px; bottom: 28px; color: rgb(255, 255, 255); background: rgba(16, 40, 61, 0.87); border: 1px solid rgba(255, 255, 255, 0.23); padding: 17px 23px; backdrop-filter: blur(10px); max-width: calc(100% - 56px); }
.hero-caption small { display: block; font-size: 10px; letter-spacing: 0.13em; color: rgb(203, 215, 226); }
.hero-caption strong { font-size: 18px; font-weight: 500; }

.trustbar { border-bottom: 1px solid var(--line); }
.trust-grid { display: grid; grid-template-columns: repeat(4, 1fr); padding-block: 23px; }
.trust-item { display: flex; gap: 14px; align-items: center; justify-content: center; border-right: 1px solid var(--line); }
.trust-item:last-child { border: 0px; }
.trust-item svg { color: var(--navy); width: 27px; height: 27px; flex-shrink: 0; }
.trust-item strong { display: block; font-size: 14px; }
.trust-item small { font-size: 11px; color: var(--muted); }
.section { padding-block: 74px; }
.section-heading { display: flex; align-items: end; justify-content: space-between; gap: 30px; margin-bottom: 30px; }
.section-heading p { color: var(--muted); font-size: 14px; margin-top: 9px; }
.text-link { font-size: 14px; font-weight: 700; display: inline-flex; gap: 12px; align-items: center; border-bottom: 1px solid rgb(173, 185, 196); padding-bottom: 3px; white-space: nowrap; }
.text-link:hover { color: var(--accent); border-color: var(--accent); }
.audience-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 22px; }
.audience-card { position: relative; display: grid; grid-template-columns: 1fr 150px; background: var(--paper); padding: 30px; overflow: hidden; min-height: 224px; border-top: 3px solid var(--navy); }
.audience-card:nth-child(2) { background: rgb(247, 248, 250); border-top-color: rgb(20, 43, 67); }
.audience-card h3 { font-size: 25px; margin-bottom: 11px; }
.audience-card p { font-size: 14px; color: var(--muted); max-width: 285px; margin-bottom: 20px; }
.audience-card .number { font-size: 11px; letter-spacing: 0.15em; color: rgb(113, 134, 154); display: block; margin-bottom: 11px; }
.audience-art { place-self: center; color: rgb(100, 124, 145); }
.audience-art svg { width: 115px; height: 110px; stroke-width: 1; }
.catalog-section { background: rgb(246, 248, 250); }

















.model { font-size: 12px; color: rgb(116, 129, 142); letter-spacing: 0.05em; }







.fine { font-size: 12px; line-height: 1.8; color: var(--muted); }




[hidden] { display: none !important; }


.guide-grid { display: grid; grid-template-columns: repeat(3, 1fr); border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.guide-item { padding: 28px 30px; border-right: 1px solid var(--line); }
.guide-item:first-child { padding-left: 0px; }
.guide-item:last-child { border: 0px; padding-right: 0px; }
.guide-index { color: var(--accent); font-size: 12px; letter-spacing: 0.1em; margin-bottom: 14px; }
.guide-item h3 { font-size: 20px; margin-bottom: 12px; }
.guide-item p { font-size: 14px; color: var(--muted); }
.guide-callout { display: flex; align-items: center; justify-content: space-between; gap: 22px; padding: 23px 0px 0px; font-size: 14px; }
.dealer { background: var(--navy); color: rgb(255, 255, 255); }
.dealer-grid { display: grid; grid-template-columns: 1.2fr 1fr; gap: 90px; align-items: center; padding-block: 58px; }
.dealer .eyebrow { color: rgb(183, 201, 229); }
.dealer p { color: rgb(194, 208, 220); font-size: 14px; margin-top: 16px; max-width: 550px; }
.dealer-support { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; border-top: 1px solid rgb(73, 96, 120); border-bottom: 1px solid rgb(73, 96, 120); padding: 20px 0px; margin-bottom: 24px; }
.dealer-support small { color: rgb(180, 196, 211); font-size: 12px; display: block; margin-top: 6px; }
.dealer-actions { display: flex; gap: 12px; flex-wrap: wrap; }
.faq-layout { display: grid; grid-template-columns: 32% 68%; gap: 0px; }
.faq-intro p { font-size: 14px; color: var(--muted); max-width: 270px; margin-top: 15px; }
.faq-list details { border-bottom: 1px solid var(--line); }
.faq-list details:first-child { border-top: 1px solid var(--line); }
.faq-list summary { cursor: pointer; list-style: none; padding: 20px 36px 20px 0px; font-weight: 600; position: relative; font-size: 15px; }
.faq-list summary::-webkit-details-marker { display: none; }
.faq-list summary::after { content: "＋"; position: absolute; right: 5px; color: var(--muted); }
.faq-list details[open] summary::after { content: "−"; }
.faq-list details p { font-size: 14px; color: var(--muted); padding: 0px 30px 21px 0px; }
.contact { border-top: 1px solid var(--line); background: var(--paper); }
.contact-inner { padding-block: 38px; display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.contact-inner h2 { font-size: 26px; }
.contact-inner p { color: var(--muted); font-size: 13px; margin-top: 7px; }
.contact-actions { display: flex; gap: 12px; }
.footer { background: rgb(255, 255, 255); padding: 38px 0px 24px; }
.footer-top { display: flex; justify-content: space-between; align-items: start; gap: 25px; }
.footer-company { font-size: 13px; color: var(--muted); margin-top: 18px; }
.footer-links { display: flex; gap: 40px; font-size: 13px; padding-top: 8px; }
.footer-links a:hover { color: var(--accent); }
.footer-bottom { margin-top: 28px; border-top: 1px solid var(--line); padding-top: 16px; display: flex; justify-content: space-between; color: rgb(125, 137, 149); font-size: 10px; letter-spacing: 0.04em; }
.mobile-actions { display: none; }






































@media (min-width: 1450px){.hero-grid { min-height: 560px; }
.hero h1 { font-size: 46px; }}
@media (max-width: 1080px){.wrap { width: calc(100% - 48px); }



.hero h1 { font-size: 34px; }
.hero-grid { min-height: 510px; }
.hero-copy { padding-right: 22px; }
.hero-visual { margin-right: -24px; }
.hero-meta { gap: 12px; font-size: 10px; }
.audience-card { padding: 24px; grid-template-columns: 1fr 90px; }
.audience-art svg { width: 85px; }
.dealer-grid { gap: 45px; }



}
@media (max-width: 780px){html { scroll-padding-top: 82px; }
.wrap { width: calc(100% - 36px); }
.topline .wrap { justify-content: center; font-size: 10px; }
.topline .top-links { display: none; }









.hero-grid { grid-template-columns: 1fr; min-height: 0px; }
.hero-copy { padding: 37px 0px 34px; }
.hero h1 { font-size: 35px; line-height: 1.5; max-width: 600px; }
.hero h1 .brand-line { font-size: 15px; margin-bottom: 13px; }
.hero-description { font-size: 14px; max-width: 500px; margin-top: 14px; }
.hero-actions { margin-top: 22px; }
.hero-meta { font-size: 11px; gap: 20px; margin-top: 20px; }
.hero-visual { margin: 0px -18px; aspect-ratio: 1.62 / 1; min-height: 230px; }
.hero-caption { left: 18px; bottom: 18px; padding: 12px 17px; }
.hero-caption strong { font-size: 16px; }
.trust-grid { grid-template-columns: 1fr 1fr; gap: 20px 0px; padding-block: 24px; }
.trust-item { justify-content: flex-start; padding-left: 10px; gap: 10px; }
.trust-item:nth-child(2) { border: 0px; }
.trust-item strong { font-size: 13px; }
.trust-item small { font-size: 10px; }
.section { padding-block: 45px; }
h2 { font-size: 27px; }
.section-heading { align-items: start; gap: 15px; }
.section-heading > .text-link { font-size: 12px; margin-top: 10px; }
.section-heading p { font-size: 13px; }
.audience-grid { gap: 14px; grid-template-columns: 1fr; }
.audience-card { min-height: 190px; grid-template-columns: 1fr 100px; }
.audience-card h3 { font-size: 23px; }
.audience-card p { max-width: 400px; }














.guide-grid { grid-template-columns: 1fr; }
.guide-item, .guide-item:first-child, .guide-item:last-child { padding: 25px 0px; border-right: 0px; border-bottom: 1px solid var(--line); }
.guide-item:last-child { border-bottom: 0px; }
.guide-index { margin-bottom: 9px; }
.guide-callout { align-items: start; flex-direction: column; }
.dealer-grid { grid-template-columns: 1fr; gap: 26px; padding-block: 40px; }
.dealer h2 { font-size: 27px; }
.dealer-support { margin-bottom: 20px; }
.faq-layout { grid-template-columns: 1fr; gap: 26px; }
.faq-intro p { max-width: none; }
.contact-inner { align-items: start; flex-direction: column; padding-block: 30px; }
.contact-inner h2 { font-size: 24px; }
.contact-actions { width: 100%; }
.contact-actions .btn { flex: 1 1 0%; padding: 12px 14px; }
.footer { padding-bottom: 95px; }
.footer-top { flex-direction: column; }
.footer-links { gap: 24px; flex-wrap: wrap; }
.footer-bottom { flex-direction: column; gap: 9px; }
.mobile-actions { position: fixed; z-index: 12; bottom: 0px; left: 0px; right: 0px; display: flex; padding: 9px 12px calc(9px + env(safe-area-inset-bottom)); gap: 8px; border-top: 1px solid var(--line); background: rgba(255, 255, 255, 0.96); backdrop-filter: blur(12px); }
.mobile-actions .btn { flex: 1 1 0%; min-height: 44px; padding: 10px; font-size: 13px; }


















}
.brand-logo { display: block; flex-shrink: 0; line-height: 0; }
.brand-logo img { display: block; width: 196px; height: auto; }

html { scroll-padding-top: 104px; }
@media (max-width: 780px){.brand-logo img { width: 146px; }


html { scroll-padding-top: 90px; }}
@media (prefers-reduced-motion: reduce){html { scroll-behavior: auto; }
* { transition: none !important; }}
@media print{.topline, .preview-note, .header, .mobile-actions, .product-cta, .product-nav, .inquiry-box, .contact, .footer-links, .dealer-actions { display: none; }
.wrap { width: 100%; }


.footer { padding-bottom: 0px; }
}
@media (max-width: 780px){




.hero-actions .btn { padding: 12px 15px; font-size: 13px; }}
.audience-card { padding: 0px; grid-template-columns: 1fr 110px; border-top: 0px; }
.audience-media { grid-column: 1 / -1; position: relative; aspect-ratio: 2.15 / 1; overflow: hidden; }
.audience-media img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.6s; }
.audience-card:hover .audience-media img { transform: scale(1.025); }
.audience-media span { position: absolute; right: 10px; bottom: 9px; background: rgba(20, 43, 67, 0.66); color: rgb(255, 255, 255); padding: 2px 7px; font-size: 9px; }
.audience-copy { padding: 27px 0px 29px 30px; }
.audience-art svg { width: 72px; height: 72px; }
.audience-card p { max-width: 365px; }
.hero-visual > img { object-position: 62% center; }
@media (max-width: 780px){.audience-card { grid-template-columns: 1fr 80px; }
.audience-copy { padding: 23px 0px 24px 23px; }
.audience-art svg { width: 55px; height: 55px; }
.audience-media { aspect-ratio: 1.8 / 1; }}
@media (max-width: 360px){





.hero h1 { font-size: 30px; }
.hero h1 .brand-line { font-size: 13px; }
.hero-actions .btn { font-size: 12px; padding: 12px; }
.trust-item { padding-left: 0px; gap: 7px; }
.trust-item strong { font-size: 12px; }
.trust-item small { font-size: 9px; }

.contact-actions .btn { font-size: 12px; }}
body { color: rgb(55, 65, 81); }
h1, h2, h3 { color: var(--navy); }
.topline { background: var(--paper); color: rgb(82, 97, 113); border-bottom: 1px solid var(--line); }

.btn { border-radius: 4px; transition: background 0.2s, border-color 0.2s; }
.btn:hover { transform: none; }
.btn-accent:hover { border-color: var(--accent-hover); }
.hero-grid { grid-template-columns: 44% 56%; min-height: 540px; }
.hero-copy { padding: 58px 38px 58px 0px; }
.hero h1 { font-size: 48px; line-height: 1.35; letter-spacing: -0.03em; }
.hero h1 .brand-line { font-size: 14px; line-height: 1.7; letter-spacing: 0.04em; font-weight: 500; margin-bottom: 23px; color: var(--muted); }
.hero-description { font-size: 16px; line-height: 1.95; margin-top: 24px; color: rgb(82, 97, 113); max-width: 365px; }
.hero-caption { background: linear-gradient(transparent, rgba(20, 43, 67, 0.79)); border: 0px; backdrop-filter: none; left: 0px; right: 0px; bottom: 0px; max-width: none; padding: 45px 30px 26px; }
.hero-caption strong { font-size: 17px; letter-spacing: 0.08em; }
.hero-meta { color: rgb(100, 113, 129); }
.hero-meta span::before { color: var(--navy); }
.eyebrow { color: var(--muted); font-size: 12px; letter-spacing: 0.08em; font-weight: 500; }
.section-heading .eyebrow { margin-top: 0px; margin-bottom: 10px; }
.audience-card, .audience-card:nth-child(2) { background: var(--paper); grid-template-columns: 1fr; border: 1px solid var(--line); }
.audience-copy { padding: 27px 30px 30px; }
.audience-card p { max-width: 100%; }
.audience-card .number { letter-spacing: 0.08em; color: var(--muted); }
.audience-art { display: none; }
.dealer h2 { color: rgb(255, 255, 255); }
.dealer .btn-light:hover { background: rgb(237, 243, 255); }
.guide-index { color: var(--navy); }
.footer .brand-logo { width: 196px; }
@media (min-width: 1450px){.hero h1 { font-size: 50px; }}
@media (max-width: 1080px){.hero h1 { font-size: 40px; }
.hero-copy { padding-right: 26px; }

}
@media (max-width: 780px){.hero-grid { grid-template-columns: 1fr; min-height: 0px; }
.hero-copy { padding: 36px 0px; }
.hero h1 { font-size: 38px; }
.hero h1 .brand-line { font-size: 13px; margin-bottom: 16px; }
.hero-description { font-size: 14px; max-width: 500px; margin-top: 18px; }
.hero-caption { padding: 36px 20px 18px; }


.audience-copy { padding: 23px; }
.footer .brand-logo { width: 175px; }
.footer .brand-logo img { width: 175px; }}
@media (max-width: 360px){.brand-logo img { width: 124px; }


.hero h1 { font-size: 34px; }
.hero h1 .brand-line { font-size: 12px; }
.section-heading { flex-wrap: wrap; }}
@media (max-width: 780px){.preview-note, .topline { display: none; }
.wrap { width: calc(100% - 40px); }


.brand-logo img { width: 156px; }



html { scroll-padding-top: 84px; }
.hero-copy { padding: 30px 0px 28px; }
.hero h1 { font-size: 36px; line-height: 1.4; letter-spacing: -0.02em; }
.hero h1 .brand-line { font-size: 12px; line-height: 1.7; margin-bottom: 16px; }
.hero-description { font-size: 15px; line-height: 1.85; margin-top: 18px; max-width: 36em; }
.hero-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 24px; }
.hero-actions .btn { min-height: 48px; padding: 12px 8px; font-size: 13px; gap: 7px; white-space: nowrap; }
.hero-meta { margin-top: 18px; font-size: 11px; gap: 16px; }
.hero-visual { margin: 0px -20px; aspect-ratio: 1.65 / 1; min-height: 0px; }
.hero-caption { padding: 32px 20px 18px; }
.hero-caption strong { font-size: 15px; }
.section { padding-block: 44px; }
h2 { font-size: 25px; line-height: 1.5; }
.section-heading { display: block; margin-bottom: 24px; }
.section-heading > .text-link { display: inline-flex; min-height: 44px; align-items: center; margin-top: 12px; }
.section-heading p, .audience-card p, .guide-item p, .faq-list details p { font-size: 14px; line-height: 1.9; }
.audience-grid { gap: 24px; }
.audience-copy { padding: 24px; }
.audience-card h3 { font-size: 23px; }
.text-link { min-height: 44px; align-items: center; }











.faq-list summary { min-height: 56px; padding-block: 20px; line-height: 1.8; }
.mobile-actions { gap: 10px; padding: 10px 20px calc(10px + env(safe-area-inset-bottom)); background: rgb(255, 255, 255); box-shadow: rgba(20, 43, 67, 0.03) 0px -3px 16px; }
.mobile-actions .btn { min-height: 46px; font-size: 14px; padding: 10px 12px; gap: 8px; }
.footer { padding-bottom: 110px; }
.footer-bottom { font-size: 11px; line-height: 1.9; }








}
@media (max-width: 360px){.wrap { width: calc(100% - 36px); }
.hero h1 { font-size: 32px; }
.hero h1 .brand-line { font-size: 11px; }
.hero-description { font-size: 14px; }
.hero-meta { font-size: 10px; gap: 12px; }
.hero-visual { margin: 0px -18px; }
.brand-logo img { width: 146px; }
.mobile-actions { padding-inline: 14px; }
.mobile-actions .btn { font-size: 13px; }
.trust-item strong { font-size: 11px; }
.trust-item svg { width: 23px; height: 23px; }
.audience-copy, .feature-content { padding: 20px; }
.contact-actions .btn { font-size: 12px; }}
.hero-visual { align-self: center; background: transparent; aspect-ratio: auto; min-height: 0px; }
.hero-visual > img { position: static; width: 100%; height: auto; object-fit: contain; }
.audience-media { aspect-ratio: auto; }
.audience-media img { width: 100%; height: auto; object-fit: contain; }
.audience-card:hover .audience-media img { transform: none; }




















@media (max-width: 780px){.hero-visual { margin: 0px -20px; min-height: 0px; aspect-ratio: auto; }









}
@media (max-width: 360px){.hero-visual { margin: 0px -18px; }}
:root { --surface-page: #eaf0f5; --surface-card: #f8fafc; --surface-blue: #dfe8f1; --surface-warm: #eeeae4; --line: #cdd8e2; --muted: #526476; }
body { background: var(--surface-page); color: rgb(52, 70, 90); }
.topline { background: rgb(223, 231, 239); color: rgb(64, 85, 107); border-bottom-color: rgb(205, 216, 226); }


.hero { background: rgb(20, 43, 67); }
.hero h1 { color: rgb(247, 250, 255); }
.hero h1 .brand-line { color: rgb(184, 203, 224); }
.hero-description { color: rgb(208, 219, 231); }
.hero-meta { color: rgb(192, 206, 222); }
.hero-meta span::before { color: rgb(166, 199, 250); }
.hero .btn-light { background: transparent; border-color: rgb(120, 144, 169); color: rgb(243, 247, 252); }
.hero .btn-light:hover { background: rgb(41, 67, 94); border-color: rgb(174, 194, 216); }
.hero .btn-accent { background: rgb(47, 104, 213); border-color: rgb(47, 104, 213); }
.hero .btn-accent:hover { background: rgb(36, 90, 191); border-color: rgb(36, 90, 191); }
.trustbar { background: rgb(223, 232, 241); border-color: rgb(198, 212, 225); }
.trust-item { border-color: rgb(189, 205, 220); }
.trust-item strong { color: rgb(32, 61, 88); }
.audience-card, .audience-card:nth-child(2) { background: rgb(244, 247, 250); border-color: rgb(202, 214, 226); border-radius: 8px; }
.audience-card:nth-child(2) .audience-copy { background: var(--surface-warm); }
.catalog-section { background: rgb(220, 230, 239); border-block: 1px solid rgb(197, 211, 224); }







#guide { background: var(--surface-warm); border: 1px solid rgb(217, 213, 206); border-radius: 10px; padding: 48px 34px; margin-block: 56px; }
.guide-grid, .guide-item { border-color: rgb(208, 203, 195); }
.dealer { background: rgb(24, 54, 79); }
.dealer-support { border-color: rgb(75, 101, 124); }
.faq-list details { background: rgb(245, 247, 249); padding-inline: 22px; border-color: rgb(204, 215, 226); }
.faq-list details[open] { background: rgb(223, 233, 243); }
.contact { background: rgb(217, 229, 240); border-color: rgb(189, 206, 221); }
.footer { background: rgb(224, 232, 239); }
.footer-bottom { border-color: rgb(190, 206, 220); color: rgb(82, 103, 124); }
.mobile-actions { background: rgb(231, 239, 246); border-top-color: rgb(187, 204, 220); }






















@media (max-width: 1080px){

}
@media (max-width: 780px){
.hero-copy { padding-top: 32px; padding-bottom: 30px; }
#guide { padding: 30px 20px; margin-block: 36px; }
.faq-list details { padding-inline: 16px; }









.mobile-actions { background: rgb(231, 239, 246); }
.footer { padding-bottom: 110px; }}
@media print{body, .hero, .product-info, .product-section > div:last-child { background: rgb(255, 255, 255); color: rgb(0, 0, 0); }
.hero h1, .hero-description { color: rgb(0, 0, 0); }}
[hidden] { display: none !important; }





.category-links { display: flex; flex-wrap: wrap; gap: 10px; margin: 10px 0px 28px; }
.category-links a { display: flex; align-items: center; gap: 10px; padding: 12px 16px; min-height: 46px; border: 1px solid rgb(189, 206, 223); background: rgb(248, 250, 252); border-radius: 7px; text-decoration: none; color: rgb(35, 69, 99); }
.category-links a[aria-current] { background: rgb(24, 54, 79); color: white; border-color: rgb(24, 54, 79); }
.category-links small { opacity: 0.7; font-size: 12px; }


.catalog-note { font-size: 13px; color: rgb(83, 103, 122); line-height: 1.8; margin: 18px 0px 24px; }
.catalog-grid { display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 24px; }
.catalog-card { display: flex; flex-direction: column; border: 1px solid rgb(201, 215, 227); border-radius: 12px; overflow: hidden; background: rgb(248, 250, 252); min-width: 0px; box-shadow: rgba(20, 43, 67, 0.02) 0px 4px 16px; }
.catalog-card:hover { border-color: rgb(111, 151, 187); box-shadow: rgba(20, 43, 67, 0.063) 0px 8px 24px; }
.catalog-image { display: flex; align-items: center; justify-content: center; min-height: 240px; height: 270px; background: rgb(255, 255, 255); padding: 18px; }
.catalog-image img { display: block; max-width: 100%; max-height: 100%; width: auto !important; height: auto !important; object-fit: contain !important; }
.catalog-copy { padding: 22px; display: flex; flex-direction: column; flex: 1 1 0%; }
.catalog-copy .eyebrow { font-size: 12px; margin: 0px 0px 8px; }
.catalog-copy h3 { font-size: 21px; line-height: 1.6; margin: 0px 0px 10px; }
.catalog-copy h3 a { text-decoration: none; }
.catalog-copy h3 span { display: block; font-size: 16px; font-weight: 500; }
.catalog-copy .model { font-size: 12px; overflow-wrap: anywhere; line-height: 1.6; margin: 0px 0px 10px; }
.card-dim { font-size: 13px; color: rgb(82, 100, 118); margin: 0px 0px 22px; }






















.footer-notice { margin: 24px 0px; font-size: 13px; line-height: 1.9; }
.footer-notice summary { cursor: pointer; min-height: 44px; display: flex; align-items: center; }
.footer-notice li { margin: 8px 0px; }








a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible { outline: rgb(58, 123, 182) solid 3px; outline-offset: 3px; }
@media (max-width: 1080px){.catalog-grid { grid-template-columns: repeat(2, minmax(0px, 1fr)); }


}
@media (max-width: 780px){
.catalog-grid { gap: 20px; }
.catalog-copy { padding: 18px; }
.catalog-image { height: 240px; min-height: 0px; }


.category-links { gap: 8px; margin-bottom: 22px; }
.category-links a { font-size: 13px; padding: 9px 12px; }
.category-links small { font-size: 11px; }






.footer-notice ul { padding-left: 20px; }


.mobile-actions .btn { font-size: 14px; }
.catalog-copy h3 { font-size: 22px; }
}
@media (max-width: 560px){.catalog-grid { grid-template-columns: 1fr; }
.catalog-image { height: 270px; }


.section-heading .btn { white-space: normal; }



.catalog-copy .model { font-size: 13px; }
.catalog-copy h3 span { font-size: 16px; }}


.catalog-image img { min-width: 1px; min-height: 1px; width: 100% !important; height: 100% !important; object-fit: contain !important; }





.search-guide-nav { display: flex; flex-wrap: wrap; gap: 12px; margin-bottom: 28px; }
.search-guide-nav a { padding: 12px 18px; background: rgb(224, 235, 243); border: 1px solid rgb(185, 205, 220); border-radius: 8px; color: rgb(24, 54, 79); }






.search-block a:not(.btn) { color: rgb(23, 91, 131); text-decoration: underline; text-underline-offset: 3px; }









.search-home { padding: 36px; background: rgb(226, 236, 243); border: 1px solid rgb(190, 209, 223); border-radius: 14px; margin-top: 40px; margin-bottom: 40px; }
.search-home h2 { color: rgb(24, 54, 79); }
.search-home .search-guide-nav { margin-bottom: 0px; }

@media (max-width: 780px){



.search-guide-nav { gap: 8px; }
.search-guide-nav a { flex: 1 1 140px; text-align: center; }

.search-home { padding: 24px 18px; }
}















.geo-trust-nav { padding-top: 16px; gap: 14px; display: flex; flex-wrap: wrap; }

@media (max-width: 600px){




}


@media (max-width: 780px){

}





.bsg-analysis-link { display: inline-block; padding: 8px 0px; min-height: 44px; }

#bsg-legacy-nav, #bsg-legacy-nav * { box-sizing: border-box !important; font-family: Arial, "Microsoft JhengHei", sans-serif !important; text-shadow: none !important; letter-spacing: normal !important; }
#bsg-legacy-nav { position: fixed !important; top: 0px !important; left: 0px !important; right: 0px !important; width: 100% !important; height: 90px !important; margin: 0px !important; padding: 0px 24px !important; z-index: 2147483000 !important; background: rgb(240, 244, 248) !important; color: rgb(21, 52, 77) !important; border-width: 0px 0px 1px !important; border-style: none none solid !important; border-color: currentcolor currentcolor rgb(201, 214, 226) !important; border-image: none !important; box-shadow: rgba(20, 43, 67, 0.1) 0px 3px 14px !important; display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 20px !important; text-align: left !important; line-height: 1.5 !important; }
#bsg-legacy-nav a { color: rgb(21, 52, 77) !important; background: transparent !important; text-decoration: none !important; font-size: 15px !important; font-weight: 700 !important; line-height: 1.5 !important; white-space: nowrap !important; margin: 0px !important; padding: 10px 8px !important; border: 0px !important; float: none !important; display: inline-block !important; }
#bsg-legacy-nav a:hover { color: rgb(18, 92, 193) !important; text-decoration: underline !important; }
#bsg-legacy-nav a:focus-visible, #bsg-legacy-nav summary:focus-visible { outline: rgb(33, 102, 187) solid 3px !important; outline-offset: 3px !important; }
#bsg-legacy-nav .bsg-legacy-brand { padding: 0px !important; flex: 0 0 auto !important; }
#bsg-legacy-nav .bsg-legacy-brand img { display: block !important; width: 196px !important; height: auto !important; max-width: none !important; border: 0px !important; margin: 0px !important; object-fit: contain !important; }
#bsg-legacy-nav .bsg-legacy-links { display: flex !important; align-items: center !important; gap: 5px !important; margin: 0px !important; padding: 0px !important; }
#bsg-legacy-nav .bsg-legacy-mobile { display: none !important; }
#bsg-legacy-spacer { display: block !important; height: 90px !important; min-height: 90px !important; width: 100% !important; clear: both !important; margin: 0px !important; padding: 0px !important; border: 0px !important; }


html { scroll-padding-top: 110px; }
@media (max-width: 767px){#bsg-legacy-nav { height: 68px !important; padding: 0px 18px !important; }
#bsg-legacy-nav .bsg-legacy-brand img { width: 156px !important; }
#bsg-legacy-nav > .bsg-legacy-links { display: none !important; }
#bsg-legacy-nav .bsg-legacy-mobile { display: block !important; margin: 0px !important; padding: 0px !important; }
#bsg-legacy-nav summary { display: block !important; cursor: pointer !important; font-size: 16px !important; font-weight: 700 !important; padding: 10px !important; color: rgb(21, 52, 77) !important; list-style: none !important; }
#bsg-legacy-nav summary::-webkit-details-marker { display: none; }
#bsg-legacy-nav .bsg-legacy-mobile:not([open]) > .bsg-legacy-links { display: none !important; }
#bsg-legacy-nav .bsg-legacy-mobile[open] > .bsg-legacy-links { position: absolute !important; top: 68px !important; left: 0px !important; right: 0px !important; display: flex !important; flex-direction: column !important; align-items: stretch !important; background: rgb(240, 244, 248) !important; padding: 12px 18px !important; max-height: calc(-88px + 100vh) !important; overflow: auto !important; box-shadow: rgba(20, 43, 67, 0.133) 0px 8px 16px !important; }
#bsg-legacy-nav .bsg-legacy-mobile .bsg-legacy-links a { padding: 13px 10px !important; }
#bsg-legacy-spacer { height: 68px !important; min-height: 68px !important; }
html { scroll-padding-top: 88px; }}
@media (max-width: 780px){body { width: auto !important; min-width: 0px !important; max-width: 100% !important; }

}

@media print{#bsg-legacy-nav, #bsg-legacy-spacer { display: none !important; }}

#bsg-legacy-nav { background: rgb(255, 255, 255) !important; }
#bsg-legacy-nav .bsg-legacy-brand img { width: 170px !important; }
#bsg-legacy-nav a { font-size: 14px !important; display: inline-flex !important; align-items: center !important; gap: 5px !important; padding: 10px 5px !important; }
#bsg-legacy-nav a svg { width: 18px !important; height: 18px !important; flex: 0 0 18px !important; stroke: currentcolor !important; fill: none !important; stroke-width: 1.7 !important; }
#bsg-legacy-nav a:last-child { color: rgb(8, 127, 152) !important; }
@media (max-width: 767px){#bsg-legacy-nav .bsg-legacy-brand img { width: 156px !important; }}


#bsg-legacy-nav { gap: 12px !important; padding: 0px 16px !important; }
#bsg-legacy-nav .bsg-legacy-links { gap: 2px !important; flex-wrap: wrap !important; justify-content: flex-end !important; }
#bsg-legacy-nav a { font-size: 14px !important; }
@media (min-width: 768px) and (max-width: 1023px){#bsg-legacy-nav > .bsg-legacy-links { display: grid !important; grid-template-columns: repeat(4, auto) !important; gap: 0px 10px !important; }
#bsg-legacy-nav .bsg-legacy-brand img { width: 150px !important; }
#bsg-legacy-nav a { padding: 5px 2px !important; font-size: 13px !important; }}
@media (max-width: 767px){#bsg-legacy-nav .bsg-legacy-mobile[open] > .bsg-legacy-links { align-items: stretch !important; flex-wrap: nowrap !important; }

#bsg-legacy-content img:not([usemap]) { max-width: 100% !important; height: auto !important; object-fit: contain !important; }








}
@media print{}





@media (max-width: 767px){

}
@media (min-width: 1024px){#bsg-legacy-nav { gap: 8px !important; padding: 0px 14px !important; }
#bsg-legacy-nav .bsg-legacy-brand img { width: 148px !important; }
#bsg-legacy-nav > .bsg-legacy-links { display: flex !important; flex-wrap: nowrap !important; gap: 0px !important; margin-left: auto !important; }
#bsg-legacy-nav a { font-size: 13px !important; padding: 10px 4px !important; gap: 4px !important; }
#bsg-legacy-nav a svg { width: 16px !important; height: 16px !important; flex-basis: 16px !important; }
#bsg-legacy-nav .bsg-legacy-mobile { display: block !important; flex: 0 0 auto !important; }
#bsg-legacy-nav summary { display: block !important; cursor: pointer !important; font-size: 14px !important; font-weight: 700 !important; padding: 10px 6px !important; white-space: nowrap !important; list-style: none !important; }
#bsg-legacy-nav .bsg-legacy-mobile:not([open]) > .bsg-legacy-links { display: none !important; }
#bsg-legacy-nav .bsg-legacy-mobile[open] > .bsg-legacy-links { display: flex !important; position: absolute !important; right: 14px !important; top: 90px !important; width: 260px !important; flex-direction: column !important; align-items: stretch !important; background: rgb(240, 244, 248) !important; padding: 12px !important; max-height: calc(-110px + 100vh) !important; overflow: auto !important; border: 1px solid rgb(201, 214, 226) !important; box-shadow: rgba(21, 52, 77, 0.133) 0px 8px 20px !important; }

#bsg-legacy-nav details .bsg-original-link { padding: 12px !important; font-size: 16px !important; }}
@media (min-width: 768px) and (max-width: 1023px){#bsg-legacy-nav > .bsg-legacy-links { display: none !important; }
#bsg-legacy-nav .bsg-legacy-mobile { display: block !important; }
#bsg-legacy-nav summary { display: block !important; cursor: pointer !important; padding: 14px !important; font-size: 16px !important; list-style: none !important; }
#bsg-legacy-nav .bsg-legacy-mobile:not([open]) > .bsg-legacy-links { display: none !important; }
#bsg-legacy-nav .bsg-legacy-mobile[open] > .bsg-legacy-links { display: flex !important; position: absolute !important; right: 14px !important; top: 90px !important; width: 300px !important; flex-direction: column !important; align-items: stretch !important; background: rgb(240, 244, 248) !important; padding: 12px !important; max-height: calc(-110px + 100vh) !important; overflow: auto !important; box-shadow: rgba(21, 52, 77, 0.133) 0px 8px 20px !important; }
#bsg-legacy-nav details a { padding: 12px !important; font-size: 16px !important; }}
#bsg-legacy-nav .bsg-original-link:first-of-type { border-top: 1px solid rgb(201, 214, 226) !important; }
#bsg-legacy-nav details[open] > .bsg-legacy-links { flex-flow: column !important; align-content: stretch !important; column-count: 1 !important; white-space: normal !important; }
#bsg-legacy-nav details a { flex-shrink: 0 !important; max-width: 100% !important; box-sizing: border-box !important; }
@media (min-width: 1024px) and (max-width: 1199px){#bsg-legacy-nav { padding: 0px 10px !important; gap: 5px !important; }
#bsg-legacy-nav .bsg-legacy-brand img { width: 116px !important; }
#bsg-legacy-nav > .bsg-legacy-links a { font-size: 12px !important; padding: 10px 3px !important; gap: 3px !important; }
#bsg-legacy-nav > .bsg-legacy-links a svg { width: 14px !important; height: 14px !important; flex-basis: 14px !important; }
#bsg-legacy-nav summary { font-size: 13px !important; padding: 10px 4px !important; }}
#bsg-legacy-nav { height: 64px !important; }
#bsg-legacy-spacer { height: 64px !important; min-height: 64px !important; }
#bsg-legacy-nav .bsg-legacy-mobile[open] > .bsg-legacy-links { top: 64px !important; max-height: calc(100dvh - 80px) !important; }
#bsg-legacy-nav summary { min-height: 44px !important; box-sizing: border-box !important; }
html { scroll-padding-top: 80px; }
@media (max-width: 767px){#bsg-legacy-nav { height: 56px !important; }
#bsg-legacy-spacer { height: 56px !important; min-height: 56px !important; }
#bsg-legacy-nav .bsg-legacy-brand img { width: 136px !important; }
#bsg-legacy-nav .bsg-legacy-mobile[open] > .bsg-legacy-links { top: 56px !important; max-height: calc(100dvh - 72px) !important; }
html { scroll-padding-top: 72px; }}













@media (max-width: 767px){






#bsg-legacy-content td:has(> .bsg-integrated-banner) { text-align: left !important; }
#bsg-legacy-content table.bsg-layout:has(.bsg-integrated-banner) { table-layout: fixed !important; min-width: 0px !important; width: calc(-56px + 100vw) !important; }}






































a:focus-visible, button:focus-visible { outline: rgb(35, 153, 186) solid 3px; outline-offset: 3px; }
[hidden] { display: none !important; }
@media (max-width: 900px){

}
@media (max-width: 560px){









}
.home-page #catalog { background: rgb(238, 243, 247); padding-block: 48px; }
.home-page #catalog .section-heading h2 { font-size: clamp(25px, 3vw, 36px); line-height: 1.45; }
.home-page #catalog .home-feature-grid { grid-template-columns: repeat(4, minmax(0px, 1fr)); gap: 20px; align-items: stretch; }
.home-page #catalog .home-feature-card { background: white; border-color: rgb(215, 225, 234); border-radius: 12px; box-shadow: rgba(23, 53, 76, 0.024) 0px 3px 14px; }
.home-page #catalog .home-feature-card .catalog-image { height: 216px; min-height: 216px; padding: 16px; border-bottom: 1px solid rgb(237, 241, 245); box-sizing: border-box; }
.home-page #catalog .home-feature-card .catalog-image img { max-width: 100%; max-height: 100%; transition: opacity 0.2s; width: 100% !important; height: 100% !important; object-fit: contain !important; }
.home-page #catalog .home-feature-card .catalog-copy { padding: 18px; gap: 0px; }
.home-page #catalog .home-feature-card .eyebrow { font-size: 12px; color: rgb(82, 105, 124); margin-bottom: 10px; letter-spacing: 0px; }
.home-page #catalog .home-feature-card h3 { font-size: 22px; line-height: 1.45; margin: 0px 0px 10px; }
.home-page #catalog .home-feature-card h3 span { font-size: 14px; line-height: 1.65; margin-top: 6px; min-height: 47px; color: rgb(67, 93, 115); }
.home-page #catalog .home-feature-card .model { font-family: Arial, "Microsoft JhengHei", sans-serif; font-size: 14px; font-weight: 600; color: rgb(41, 70, 95); line-height: 1.6; min-height: 23px; letter-spacing: 0.015em; margin: 0px 0px 8px; }
.home-page #catalog .home-feature-card .card-dim { font-size: 13px; line-height: 1.7; margin: 0px 0px 18px; color: rgb(82, 105, 124); }
.home-feature-price { margin-top: auto; border-top: 1px solid rgb(224, 231, 238); padding-top: 14px; display: flex; flex-direction: column; gap: 3px; }
.home-feature-price small { font-size: 12px; color: rgb(101, 117, 135); }
.home-feature-price strong { font-family: Arial, "Microsoft JhengHei", sans-serif; font-size: 25px; color: rgb(22, 60, 86); font-weight: 700; line-height: 1.5; font-variant-numeric: tabular-nums; }
.home-feature-note { font-size: 12px; line-height: 1.7; color: rgb(103, 120, 135); min-height: 41px; margin: 8px 0px 14px; }
.home-feature-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.home-feature-actions a { display: flex; align-items: center; justify-content: center; gap: 5px; min-height: 44px; border-radius: 6px; font-size: 13px; font-weight: 600; text-decoration: none; white-space: nowrap; padding: 8px 5px; box-sizing: border-box; }
.home-feature-order { background: rgb(18, 106, 124); border: 1px solid rgb(18, 106, 124); color: rgb(255, 255, 255) !important; }
.home-feature-order:hover { background: rgb(12, 82, 100); }
.home-feature-spec { background: rgb(246, 249, 251); border: 1px solid rgb(203, 217, 228); color: rgb(37, 72, 97) !important; }
.home-feature-spec:hover { background: rgb(237, 243, 247); }
@media (max-width: 1199px){.home-page #catalog .home-feature-grid { grid-template-columns: repeat(3, minmax(0px, 1fr)); }}
@media (max-width: 900px){.home-page #catalog .home-feature-grid { grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 16px; }}
@media (max-width: 560px){.home-page #catalog { padding-block: 32px; }
.home-page #catalog .home-feature-grid { grid-template-columns: 1fr; gap: 18px; }
.home-page #catalog .home-feature-card .catalog-image { height: 224px; min-height: 224px; }
.home-page #catalog .home-feature-card .catalog-copy { padding: 20px; }
.home-page #catalog .home-feature-card h3 span { min-height: 0px; }
.home-page #catalog .home-feature-card .home-feature-note { min-height: 0px; }
.home-page #catalog .home-feature-card .home-feature-actions a { font-size: 14px; min-height: 46px; }}
@media (prefers-reduced-motion: reduce){.home-page #catalog .home-feature-card .catalog-image img { transition: none; }}
.home-feature-sizes { border-top: 1px solid rgb(224, 231, 238); margin-top: 14px; color: rgb(54, 85, 110); }
.home-feature-sizes summary { display: flex; align-items: center; justify-content: space-between; cursor: pointer; list-style: none; font-size: 13px; font-weight: 600; min-height: 44px; }
.home-feature-sizes summary::-webkit-details-marker { display: none; }
.home-size-toggle::after { content: "＋"; font-size: 18px; }
.home-feature-sizes[open] .home-size-toggle::after { content: "－"; }
.home-feature-sizes > div { padding: 4px 0px 8px; }
.home-feature-sizes p { font-size: 12px; line-height: 1.8; margin: 0px 0px 8px; }
.home-feature-sizes ul { list-style: none; padding: 0px; margin: 0px; display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 7px; }
.home-feature-sizes li { margin: 0px; }
.home-feature-sizes li a { display: flex; align-items: center; justify-content: space-between; gap: 4px; min-height: 44px; padding: 8px 10px; box-sizing: border-box; text-decoration: none; font-size: 13px; background: rgb(244, 248, 251); border: 1px solid rgb(217, 228, 237); border-radius: 5px; }
.home-feature-sizes .home-size-fine { margin: 10px 0px 0px; color: rgb(107, 124, 138); }
.home-page #catalog .home-feature-card.is-clean-photo .catalog-image { height: 216px; min-height: 216px; padding: 0px; background: rgb(244, 243, 240); overflow: hidden; }
.home-page #catalog .home-feature-card.is-clean-photo .catalog-image img { display: block; width: 100% !important; height: 100% !important; object-fit: contain !important; }
.home-page #catalog .home-feature-card.is-clean-photo .eyebrow { font-size: 14px; line-height: 1.65; }
.home-page #catalog .home-feature-card.is-clean-photo h3 { font-size: 24px; line-height: 1.4; }
.home-page #catalog .home-feature-card.is-clean-photo h3 span { font-size: 16px; min-height: 53px; line-height: 1.65; }
.home-page #catalog .home-feature-card.is-clean-photo .model { font-size: 15px; min-height: 24px; }
.home-page #catalog .home-feature-card.is-clean-photo .card-dim { font-size: 15px; line-height: 1.7; margin-bottom: 14px; }
.home-feature-use { display: flex; align-items: center; gap: 7px; font-size: 14px; line-height: 1.65; font-weight: 600; color: rgb(35, 92, 107); min-height: 28px; margin: 0px 0px 14px; }
.home-feature-use svg { width: 17px; height: 17px; flex: 0 0 auto; }
.home-page #catalog .is-clean-photo .home-feature-price small { font-size: 14px; }
.home-page #catalog .is-clean-photo .home-feature-price strong { font-size: 27px; }
.home-page #catalog .is-clean-photo .home-feature-note { font-size: 14px; min-height: 48px; line-height: 1.7; }
.home-page #catalog .is-clean-photo .home-feature-actions a, .home-page #catalog .is-clean-photo .home-feature-sizes summary, .home-page #catalog .is-clean-photo .home-feature-sizes li a { font-size: 15px; }
.home-page #catalog .is-clean-photo .home-feature-sizes p { font-size: 14px; }
.home-page #catalog .catalog-note { font-size: 14px; line-height: 1.8; }
@media (max-width: 560px){.home-page #catalog .home-feature-card.is-clean-photo h3 span { min-height: 0px; }
.home-page #catalog .home-feature-card.is-clean-photo .home-feature-note { min-height: 0px; }
.home-page #catalog .home-feature-card.is-clean-photo .card-dim, .home-page #catalog .home-feature-card.is-clean-photo .home-feature-use, .home-page #catalog .home-feature-card.is-clean-photo .eyebrow { font-size: 16px; }
.home-page #catalog .home-feature-card.is-clean-photo .catalog-copy { padding: 20px; }
.home-page #catalog .is-clean-photo .home-feature-actions a { font-size: 16px; }}
.home-page #catalog .home-feature-card.is-clean-photo { border-radius: 8px; border-width: 1px; }
.home-page #catalog .home-feature-card.is-clean-photo .catalog-image img { transform: none; }
@media (max-width: 560px){.home-page #catalog .home-feature-card.is-clean-photo .catalog-image { height: 224px; min-height: 224px; }}
.home-page #catalog .home-feature-card.is-clean-photo .catalog-image { display: flex; align-items: center; justify-content: center; }
.home-product-window { position: relative; display: block; width: 86%; aspect-ratio: 16 / 9; box-sizing: border-box; overflow: hidden; border: 2px solid rgb(32, 35, 38); box-shadow: rgba(21, 34, 44, 0.11) 0px 4px 12px; background: rgb(230, 230, 228); }
.home-page #catalog .home-feature-card.is-clean-photo .home-product-window img { position: absolute !important; left: var(--photo-left) !important; top: var(--photo-top) !important; width: var(--photo-width) !important; height: var(--photo-height) !important; max-width: none !important; max-height: none !important; object-fit: fill !important; transform: none !important; }
.home-page #catalog .home-feature-card .home-feature-sizes { border-top: 0px; margin-top: 16px; }
.home-page #catalog .home-feature-card .home-feature-sizes summary { display: flex; align-items: center; justify-content: space-between; gap: 8px; min-height: 52px; padding: 10px; box-sizing: border-box; border: 1px solid rgb(120, 181, 194); border-radius: 7px; background: rgb(217, 238, 243); color: rgb(7, 82, 103); font-size: 16px; font-weight: 700; line-height: 1.5; letter-spacing: 0px; cursor: pointer; }
.home-size-label { min-width: 0px; overflow-wrap: normal; }
.home-page #catalog .home-feature-card .home-feature-sizes summary:hover { background: rgb(200, 231, 238); border-color: rgb(35, 123, 145); }
.home-page #catalog .home-feature-card .home-feature-sizes summary:focus-visible { outline: rgb(8, 124, 152) solid 3px; outline-offset: 3px; }
.home-page #catalog .home-feature-card .home-feature-sizes .home-size-toggle { display: flex; align-items: center; justify-content: center; width: 26px; height: 26px; flex: 0 0 auto; border-radius: 50%; background: rgb(255, 255, 255); color: rgb(9, 96, 120); }
.home-page #catalog .home-feature-card .home-feature-sizes .home-size-toggle::after { font-size: 21px; line-height: 1; font-weight: 700; }
.home-page #catalog .home-feature-card .home-feature-sizes[open] summary { background: rgb(18, 106, 124); color: rgb(255, 255, 255); border-color: rgb(18, 106, 124); }
.home-page #catalog .home-feature-card .home-feature-sizes[open] .home-size-toggle { background: rgba(255, 255, 255, 0.133); color: rgb(255, 255, 255); }
.home-page #catalog .home-feature-card .home-feature-sizes > div { padding-top: 14px; }
@media (max-width: 360px){.home-page #catalog .home-feature-card .home-feature-sizes summary { font-size: 15px; padding-inline: 8px; gap: 6px; }}
.bsg-sales-finder { margin: 38px auto; padding: 28px; border: 1px solid rgb(217, 223, 228); border-radius: 16px; background: rgb(247, 250, 251); box-sizing: border-box; scroll-margin-top: 100px; }
.bsg-sales-finder h2 { font-size: clamp(22px, 3vw, 30px); line-height: 1.5; margin: 8px 0px; }
.bsg-sales-finder p { line-height: 1.8; }
.bsg-sales-finder form { display: grid; grid-template-columns: 1fr 1fr auto; gap: 16px; align-items: end; margin-top: 22px; }
.bsg-sales-finder label { display: grid; gap: 8px; font-weight: 700; }
.bsg-sales-finder select { font: inherit; background: white; color: rgb(23, 43, 59); border: 1px solid rgb(137, 155, 169); border-radius: 8px; padding: 12px; width: 100%; min-height: 48px; }
.bsg-sales-help { font-size: 14px; }
.bsg-sales-help a { text-decoration: underline; }
.bsg-sales-paths { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; border-top: 1px solid rgb(217, 223, 228); padding-top: 18px; }
.bsg-sales-paths a { display: grid; gap: 6px; padding: 14px; border-radius: 8px; background: white; color: rgb(24, 56, 74); }
.bsg-sales-paths span { font-size: 14px; }

.dealer-actions { flex-wrap: wrap; }
.dealer-actions a { margin-bottom: 8px; }
@media (max-width: 800px){.bsg-sales-finder { width: calc(100% - 32px); padding: 20px; }
.bsg-sales-finder form, .bsg-sales-paths { grid-template-columns: 1fr; }
.bsg-sales-finder .btn { width: 100%; box-sizing: border-box; }

}
@media (max-width: 400px){}





.bsg-sales-paths { grid-template-columns: repeat(3, 1fr); }
@media (max-width: 800px){.bsg-sales-paths { grid-template-columns: 1fr; }}












@media (max-width: 800px){



}
svg.bsg-ui-icon { flex: 0 0 24px; stroke: currentcolor; stroke-width: 1.75; stroke-linecap: round; stroke-linejoin: round; vertical-align: middle; box-sizing: border-box; display: inline-block !important; width: 24px !important; height: 24px !important; min-width: 24px !important; max-width: 24px !important; fill: none !important; }
.bsg-icon-badge { align-items: center; justify-content: center; width: 44px; height: 44px; min-width: 44px; flex: 0 0 44px; border-radius: 12px; background: rgb(230, 240, 245); color: rgb(36, 98, 125); border: 1px solid rgb(211, 228, 236); box-sizing: border-box; display: inline-flex !important; }
.bsg-icon-heading { align-items: center; gap: 14px; display: flex !important; }
.bsg-icon-heading > span:last-child { min-width: 0px; flex: 1 1 0%; }
.bsg-icon-heading .bsg-icon-badge { align-self: flex-start; margin-top: 0.15em; }
.bsg-icon-label { align-items: center; gap: 8px; display: inline-flex !important; }
.bsg-icon-label svg.bsg-ui-icon { flex-basis: 18px; width: 18px !important; height: 18px !important; min-width: 18px !important; max-width: 18px !important; }
.bsg-icon-button { align-items: center; justify-content: center; gap: 9px; display: inline-flex !important; }
.bsg-icon-button svg.bsg-ui-icon { flex-basis: 19px; width: 19px !important; height: 19px !important; min-width: 19px !important; max-width: 19px !important; }
.bsg-sales-paths > a { grid-template-columns: 44px minmax(0px, 1fr); column-gap: 12px; align-content: start; border: 1px solid transparent; transition: border-color 0.15s, background 0.15s; }
.bsg-sales-paths > a > .bsg-icon-badge { grid-area: 1 / 1 / 3; width: 40px; height: 40px; min-width: 40px; border-radius: 11px; }
.bsg-sales-paths > a > strong, .bsg-sales-paths > a > span:not(.bsg-icon-badge) { grid-column: 2; }
.bsg-sales-paths > a:hover { border-color: rgb(170, 201, 216); background: rgb(255, 255, 255); }
.bsg-sales-paths > a:focus-visible { outline: rgb(50, 117, 155) solid 3px; outline-offset: 3px; }
#dealers .bsg-icon-heading .bsg-icon-badge { background: rgba(255, 255, 255, 0.07); border-color: rgba(255, 255, 255, 0.25); color: rgb(242, 211, 147); }
#dealers .dealer-support .bsg-icon-label { color: inherit; }
#dealers .dealer-support svg.bsg-ui-icon { color: rgb(242, 211, 147); }




@media (max-width: 600px){.bsg-icon-heading { gap: 11px; }
.bsg-icon-heading .bsg-icon-badge { width: 36px; height: 36px; min-width: 36px; flex-basis: 36px; border-radius: 10px; }
.bsg-icon-heading .bsg-icon-badge svg { flex-basis: 21px; width: 21px !important; height: 21px !important; min-width: 21px !important; max-width: 21px !important; }
.bsg-sales-finder h2.bsg-icon-heading { align-items: flex-start; }
.bsg-sales-paths > a { padding: 16px 12px; }
.bsg-icon-button { gap: 8px; }}
@media (prefers-reduced-motion: reduce){.bsg-sales-paths > a { transition: none; }}
svg.q-icon { display: inline-block; min-width: 24px; max-width: 24px; flex: 0 0 24px; stroke: currentcolor; vertical-align: middle; width: 24px !important; height: 24px !important; fill: none !important; }







.q-kicker { font-size: 13px; font-weight: 700; color: rgb(49, 107, 131); letter-spacing: 0.08em !important; }










.q-compare-grid, .q-step-grid, .q-tool-grid, .q-case-grid { display: grid; gap: 24px; }




.q-model { font-size: 14px; color: rgb(72, 98, 115); }







.q-tool-grid a, .q-card-body a, .q-callout a:not(.btn) { color: rgb(25, 93, 131); text-decoration: underline; text-underline-offset: 4px; }
.q-case-grid { grid-template-columns: repeat(3, minmax(0px, 1fr)); }

.q-case { overflow: hidden; border: 1px solid rgb(216, 227, 233); border-radius: 14px; background: rgb(255, 255, 255); min-width: 0px; scroll-margin-top: 100px; }
.q-case > a { display: block; background: rgb(229, 237, 241); }
.q-case img { display: block; width: 100%; height: 270px; object-fit: contain; background: rgb(229, 237, 241); }

.q-card-body { padding: 22px; }
.q-card-body h3 { font-size: 21px; margin: 8px 0px 12px; }
.q-card-body p { line-height: 1.75; font-size: 15px; }
.q-card-body .q-kicker { margin: 0px; }


.q-home-proof { margin-top: 46px; margin-bottom: 30px; }
.q-section-head { display: flex; justify-content: space-between; align-items: end; gap: 24px; margin-bottom: 26px; }
.q-section-head h2 { font-size: clamp(24px, 2.6vw, 34px); line-height: 1.4; margin: 8px 0px; }
.q-section-head > a { flex-shrink: 0; color: rgb(32, 94, 123); text-decoration: underline; text-underline-offset: 4px; }

































.category-links a small { color: rgb(67, 93, 112) !important; opacity: 1 !important; }
.category-links a[aria-current="page"] small { color: rgb(255, 255, 255) !important; }
a:focus-visible, button:focus-visible, select:focus-visible, input:focus-visible, textarea:focus-visible, .q-table-scroll:focus-visible { outline: rgb(40, 113, 184) solid 3px; outline-offset: 3px; }
@media (max-width: 800px){




.q-compare-grid, .q-case-grid, .q-case-grid-two, .q-step-grid, .q-tool-grid, .q-quote-form, .q-product-proof { grid-template-columns: 1fr; }





.q-case img, .q-case-grid-two .q-case img { height: 300px; }
.q-section-head { align-items: start; flex-direction: column; gap: 10px; }
.q-home-proof { margin-top: 34px; }







}
@media print{#bsg-legacy-nav, .mobile-actions, .contact, .footer, .bsg-help, .q-actions { display: none !important; }







}

.q-usa-secondary { margin: 30px 0px; padding: 22px; border: 1px solid rgb(204, 218, 228); border-radius: 12px; background: rgb(246, 249, 251); }
.q-usa-secondary > summary { font-size: 17px; font-weight: 700; cursor: pointer; color: rgb(39, 78, 101); min-height: 44px; line-height: 44px; }
.q-usa-secondary > p { line-height: 1.8; color: rgb(67, 93, 112); }
#catalog .q-bsg-primary { grid-template-columns: repeat(5, minmax(0px, 1fr)) !important; }
@media (max-width: 1100px){#catalog .q-bsg-primary { grid-template-columns: repeat(3, minmax(0px, 1fr)) !important; }}
@media (max-width: 700px){#catalog .q-bsg-primary { grid-template-columns: 1fr !important; }
.q-usa-secondary { padding: 16px; }
.q-usa-secondary > summary { line-height: 1.7; padding: 8px 0px; }}
@media (max-width: 767px){



}
.q-usa-model-links{display:flex;flex-wrap:wrap;gap:12px 20px;margin-top:24px}.q-usa-model-links a{font-size:14px;text-decoration:underline;color:#235a77}