.sec-header {display: grid;grid-template-columns: 1fr auto;align-items: end;gap: 32px;margin-bottom: 56px;padding-bottom: 28px;border-bottom: 1px solid var(--rule);}.sec-header-meta { display: flex; align-items: center; gap: 14px; margin-bottom: 16px; }.sec-num {font-family: 'IBM Plex Mono', monospace;font-size: 11px; font-weight: 600;letter-spacing: 0.18em; color: var(--brand);display: inline-flex; align-items: center; gap: 8px;}.sec-num::before { content: ""; width: 24px; height: 1px; background: var(--brand); }.sec-tag {font-family: 'IBM Plex Mono', monospace;font-size: 11px; text-transform: uppercase;letter-spacing: 0.16em; color: var(--muted);}.sec-title {font-weight: 700;font-size: clamp(32px, 4vw, 52px);line-height: 1.05; letter-spacing: -0.025em;color: var(--ink);}.sec-title .it { font-family: 'Newsreader', serif; font-style: italic; font-weight: 400; color: var(--brand); }.sec-title .teal { color: var(--teal); }.sec-header-aside {font-size: 14px; color: var(--muted);line-height: 1.5; max-width: 280px; text-align: right;}.sec-header-aside .link {color: var(--brand); font-weight: 600;margin-top: 8px;display: inline-flex; align-items: center; gap: 6px;}.sec-header-aside .link:hover { color: var(--brand-600); gap: 10px; }@media (max-width: 720px) {.sec-header { grid-template-columns: 1fr; }.sec-header-aside { text-align: left; }}.page-head { padding: 8px 0 56px; position: relative; }.ph-grid {display: grid;grid-template-columns: 1.5fr 1fr;gap: 64px;align-items: end;}.ph-eyebrow {display: inline-flex; align-items: center; gap: 10px;padding: 7px 14px 7px 10px;background: var(--brand-50); color: var(--brand-600);border: 1px solid var(--brand-100);border-radius: 999px;font-family: 'IBM Plex Mono', monospace;font-size: 11px; letter-spacing: 0.12em; text-transform: uppercase;font-weight: 500; margin-bottom: 24px;}.ph-eyebrow .he-dot { width: 6px; height: 6px; border-radius: 50%; background: var(--teal); }.ph-title {font-weight: 800;font-size: clamp(40px, 4.5vw, 60px);line-height: 1.05; letter-spacing: -0.03em;color: var(--ink);}.ph-title .it { font-family: 'Newsreader', serif; font-style: italic; font-weight: 400; color: var(--brand); }.ph-lede {margin-top: 20px; max-width: 580px;font-size: 16.5px; color: var(--text); line-height: 1.6;}.ph-lede strong { color: var(--ink); }.ph-stats {background: var(--paper); border: 1px solid var(--rule);border-radius: 20px; padding: 24px 28px;display: flex; flex-direction: column; gap: 16px;}.ph-stat { display: flex; align-items: baseline; gap: 12px; }.ph-stat .ps-num {font-weight: 800; font-size: 32px;color: var(--ink); letter-spacing: -0.025em; line-height: 1;}.ph-stat .ps-num .plus {font-family: 'Newsreader', serif; font-style: italic;color: var(--brand); font-weight: 400;}.ph-stat .ps-label {font-family: 'IBM Plex Mono', monospace;font-size: 10px; letter-spacing: 0.14em;text-transform: uppercase; color: var(--muted);}.ph-stat .ps-sub { font-size: 12px; color: var(--text); margin-top: 4px; }.ph-stat-divider { height: 1px; background: var(--rule); }@media (max-width: 880px) {.ph-grid { grid-template-columns: 1fr; gap: 32px; }}.crumb {padding: 18px 0;font-family: 'IBM Plex Mono', monospace;font-size: 11px; letter-spacing: 0.12em; text-transform: uppercase;color: var(--muted);display: flex; align-items: center; gap: 8px; flex-wrap: wrap;}.crumb a:hover { color: var(--brand); }.crumb .here { color: var(--ink); font-weight: 600; }.crumb svg { width: 12px; height: 12px; color: var(--rule); }.filter-chips { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }.fc-label {font-family: 'IBM Plex Mono', monospace;font-size: 11px; letter-spacing: 0.14em; text-transform: uppercase;color: var(--muted); margin-right: 4px;}.chip-rich {display: inline-flex; align-items: center; gap: 8px;padding: 7px 12px;background: var(--brand-50); color: var(--brand-600);border: 1px solid var(--brand-100);border-radius: 999px;font-size: 13px; font-weight: 600;transition: all .2s;}.chip-rich:hover { background: var(--brand-100); }.chip-rich button {background: none; border: 0; cursor: pointer; padding: 0;display: flex; color: inherit;}.chip-clear {background: none; border: 0; cursor: pointer; padding: 7px 4px;font-size: 12px; color: var(--muted); text-decoration: underline;font-family: 'Manrope', sans-serif;}.chip-clear:hover { color: var(--brand); }.pill {position: relative; cursor: pointer;display: inline-flex; align-items: center; justify-content: center;padding: 7px 12px;border: 1px solid var(--rule); background: var(--paper);border-radius: 8px;font-family: 'IBM Plex Mono', monospace;font-size: 12px; font-weight: 600; color: var(--text);letter-spacing: 0.04em;transition: all .2s;}.pill input { position: absolute; opacity: 0; pointer-events: none; }.pill.active, .pill:has(input:checked) {border-color: var(--brand); background: var(--brand-50); color: var(--brand);}.pill:hover { border-color: var(--brand-200); }.pill-grid { display: flex; flex-wrap: wrap; gap: 6px; }.spec-group { margin-bottom: 18px; }.spec-group:last-child { margin-bottom: 0; }.spec-group .sg-label {font-family: 'IBM Plex Mono', monospace;font-size: 10px; letter-spacing: 0.16em; text-transform: uppercase;color: var(--muted); margin-bottom: 10px;}.filter-tab {display: inline-flex; align-items: center; gap: 8px;padding: 9px 16px; border-radius: 999px;font-family: 'Manrope', sans-serif;font-size: 13px; font-weight: 600; color: var(--text);background: transparent; border: 1px solid transparent;cursor: pointer; transition: all .2s;}.filter-tab .ft-num {font-family: 'IBM Plex Mono', monospace;font-size: 11px; color: var(--muted);}.filter-tab:hover { background: var(--brand-50); color: var(--brand); }.filter-tab:hover .ft-num { color: var(--brand); }.filter-tab.active {background: var(--brand); color: #fff;box-shadow: 0 4px 12px -4px rgba(0,102,179,0.4);}.filter-tab.active .ft-num { color: var(--teal-300); }.catalog-layout {display: grid;grid-template-columns: 280px 1fr;gap: 32px;padding: 32px 0 80px;}.catalog-sidebar {position: sticky;top: 160px;align-self: start;max-height: calc(100vh - 180px);overflow-y: auto;padding-right: 8px;}@media (max-width: 880px) {.catalog-layout { grid-template-columns: 1fr; gap: 24px; padding: 24px 0 64px; }.catalog-sidebar {position: static;max-height: none;overflow-y: visible;padding-right: 0;}}.qa-layout {display: grid;grid-template-columns: 240px 1fr;gap: 48px;}.qa-sidebar { position: sticky; top: 140px; align-self: start; }@media (max-width: 880px) {.qa-layout { grid-template-columns: 1fr; gap: 32px; }.qa-sidebar { position: static; }}.company-info { display: grid; grid-template-columns: 5fr 7fr; gap: 80px; }@media (max-width: 880px) { .company-info { grid-template-columns: 1fr; gap: 40px; } }.company-row { display: grid; grid-template-columns: 1fr 1.4fr; gap: 24px; }@media (max-width: 480px) { .company-row { grid-template-columns: 1fr; gap: 4px; } }.about-stats { display: grid; grid-template-columns: repeat(4, 1fr); }.about-stats > div { border-right: 1px solid rgba(255,255,255,0.12); }.about-stats > div:last-child { border-right: none; }@media (max-width: 880px) {.about-stats { grid-template-columns: repeat(2, 1fr); }.about-stats > div:nth-child(2n) { border-right: none; }.about-stats > div:nth-child(-n+2) { border-bottom: 1px solid rgba(255,255,255,0.12); }}@media (max-width: 480px) {.about-stats { grid-template-columns: 1fr; }.about-stats > div { border-right: none; border-bottom: 1px solid rgba(255,255,255,0.12); }.about-stats > div:last-child { border-bottom: none; }}.policy-layout {display: grid;grid-template-columns: 240px 1fr;gap: 64px;}.policy-sidebar { position: sticky; top: 140px; align-self: start; }@media (max-width: 880px) {.policy-layout { grid-template-columns: 1fr; gap: 32px; }.policy-sidebar { position: static; }}.policy-stats {display: grid;grid-template-columns: repeat(4, 1fr);gap: 24px;}@media (max-width: 600px) { .policy-stats { grid-template-columns: repeat(2, 1fr); gap: 18px; } }.qa-cat-cards { display: grid; gap: 18px; }@media (max-width: 880px) { .qa-cat-cards { grid-template-columns: repeat(2, 1fr) !important; } }@media (max-width: 480px) { .qa-cat-cards { grid-template-columns: 1fr !important; } }.products-grid {display: grid;grid-template-columns: repeat(3, 1fr);gap: 18px;}@media (max-width: 1024px) { .products-grid { grid-template-columns: repeat(2, 1fr); } }@media (max-width: 480px)  { .products-grid { grid-template-columns: 1fr; } }.product {background: var(--paper);border: 1px solid var(--rule);border-radius: 18px;overflow: hidden;display: flex; flex-direction: column;position: relative;transition: all .3s;cursor: pointer;}.product:hover {transform: translateY(-3px);border-color: var(--brand-200);box-shadow: 0 24px 50px -24px rgba(0,102,179,0.28);}.product-img {aspect-ratio: 1;background: var(--brand-50);position: relative; overflow: hidden;}.product-img img {width: 100%; height: 100%; object-fit: cover;transition: transform .6s;}.product:hover .product-img img { transform: scale(1.06); }.product-tags {position: absolute; top: 12px; left: 12px;display: flex; gap: 6px; z-index: 2;}.product-tag {font-family: 'IBM Plex Mono', monospace;font-size: 10px; font-weight: 600;letter-spacing: 0.08em; text-transform: uppercase;padding: 5px 9px; border-radius: 6px;background: var(--paper); color: var(--ink);box-shadow: 0 2px 6px -2px rgba(0,29,52,0.2);}.product-tag.hot   { background: var(--brand); color: #fff; }.product-tag.teal  { background: var(--teal); color: #fff; }.product-tag.amber { background: var(--amber); color: #fff; }.product-tag.navy  { background: var(--navy); color: #fff; }.product-tag.rose  { background: var(--rose); color: #fff; }.product-wishlist {position: absolute; top: 12px; right: 12px;width: 36px; height: 36px; border-radius: 10px;background: rgba(255,255,255,0.92); backdrop-filter: blur(6px);display: flex; align-items: center; justify-content: center;color: var(--ink); border: 0; cursor: pointer;transition: all .25s; z-index: 2;}.product-wishlist:hover { background: var(--brand); color: #fff; }.product-body { padding: 18px 18px 20px; display: flex; flex-direction: column; gap: 6px; flex: 1; }.product-brand-row { display: flex; justify-content: space-between; align-items: baseline; gap: 8px; }.product-brand {font-family: 'IBM Plex Mono', monospace;font-size: 10.5px; font-weight: 600;letter-spacing: 0.1em; text-transform: uppercase;color: var(--brand);}.product-sku {font-family: 'IBM Plex Mono', monospace;font-size: 10px; color: var(--muted); letter-spacing: 0.04em;}.product-name {font-weight: 700; font-size: 15px; line-height: 1.3;color: var(--ink); letter-spacing: -0.012em;margin: 2px 0 0; min-height: 42px;}.product-name .it {font-family: 'Newsreader', serif; font-style: italic;font-weight: 400; color: var(--brand);}.product-specs {display: flex; gap: 10px; flex-wrap: wrap;margin: 6px 0 12px;font-family: 'IBM Plex Mono', monospace;font-size: 11px; color: var(--muted); letter-spacing: 0.02em;}.product-specs span { display: inline-flex; align-items: center; gap: 4px; }.product-specs span::before { content: "·"; color: var(--brand); font-weight: 700; }.product-specs span:first-child::before { display: none; }.product-stock {display: inline-flex; align-items: center; gap: 6px;font-family: 'IBM Plex Mono', monospace;font-size: 11px; color: var(--teal-600); letter-spacing: 0.04em;margin: 6px 0 12px;}.product-stock svg { width: 13px; height: 13px; }.product-stock.warn { color: var(--amber); }.product-stock.danger { color: var(--rose); }.product-footer {display: flex; justify-content: space-between; align-items: center;margin-top: auto; padding-top: 14px;border-top: 1px dashed var(--rule);}.product-price { font-weight: 700; color: var(--ink); font-size: 14px; }.product-price .price-label {display: block;font-family: 'IBM Plex Mono', monospace;font-size: 10px; color: var(--muted); letter-spacing: 0.06em;text-transform: uppercase; font-weight: 500;}.product-cta {font-size: 12.5px; font-weight: 600; color: var(--brand);display: inline-flex; align-items: center; gap: 6px;padding: 7px 12px; background: var(--brand-50);border-radius: 999px; transition: all .2s;}.product:hover .product-cta { background: var(--brand); color: #fff; gap: 8px; }.subcat-rail {display: grid; grid-template-columns: repeat(4, 1fr);gap: 12px; margin-bottom: 28px;}.subcat {display: flex; align-items: center; gap: 12px;padding: 14px 16px;background: var(--paper); border: 1px solid var(--rule);border-radius: 14px; transition: all .25s;}.subcat:hover {border-color: var(--brand-200); transform: translateY(-2px);box-shadow: 0 12px 28px -16px rgba(0,102,179,0.25);}.subcat .sc-icon {width: 36px; height: 36px; border-radius: 10px;background: var(--brand-50); color: var(--brand);display: flex; align-items: center; justify-content: center;flex-shrink: 0;}.subcat .sc-name { font-weight: 700; font-size: 13.5px; color: var(--ink); line-height: 1.2; }.subcat .sc-count {font-family: 'IBM Plex Mono', monospace;font-size: 11px; color: var(--muted);letter-spacing: 0.04em; margin-top: 3px;}@media (max-width: 720px) { .subcat-rail { grid-template-columns: repeat(2, 1fr); } }.articles-grid {display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px;}@media (max-width: 1024px) { .articles-grid { grid-template-columns: repeat(2, 1fr); } }@media (max-width: 720px)  { .articles-grid { grid-template-columns: 1fr; } }.article {background: var(--paper); border: 1px solid var(--rule);border-radius: 20px; overflow: hidden;display: flex; flex-direction: column;transition: all .3s;}.article:hover {transform: translateY(-4px);border-color: var(--brand-200);box-shadow: 0 24px 50px -24px rgba(0,29,52,0.15);}.article-img { aspect-ratio: 16/10; overflow: hidden; position: relative; }.article-img img {width: 100%; height: 100%; object-fit: cover;transition: transform .6s;}.article:hover .article-img img { transform: scale(1.05); }.a-tag {position: absolute; top: 14px; left: 14px;padding: 5px 10px; border-radius: 6px;font-family: 'IBM Plex Mono', monospace;font-size: 10px; font-weight: 600;letter-spacing: 0.1em; text-transform: uppercase;background: var(--paper); color: var(--ink);box-shadow: 0 2px 6px -2px rgba(0,29,52,0.2);}.a-tag.guide { background: var(--brand); color: #fff; }.a-tag.tips  { background: var(--teal); color: #fff; }.a-tag.care  { background: var(--amber); color: #fff; }.a-tag.news  { background: var(--navy); color: #fff; }.a-tag.promo { background: var(--rose); color: #fff; }.article-body { padding: 22px 22px 24px; display: flex; flex-direction: column; flex: 1; }.article-meta {font-family: 'IBM Plex Mono', monospace;font-size: 10.5px; letter-spacing: 0.08em;color: var(--muted);display: flex; align-items: center; gap: 8px; margin-bottom: 12px;}.article-meta .am-dot { width: 3px; height: 3px; border-radius: 50%; background: var(--rule); }.article-meta .am-read { color: var(--brand); font-weight: 600; }.article h3 {font-weight: 700; font-size: 18px; line-height: 1.3;letter-spacing: -0.015em; min-height: 48px;}.article h3 a:hover { color: var(--brand); }.article h3 .it { font-family: 'Newsreader', serif; font-style: italic; font-weight: 400; color: var(--brand); }.article p {margin: 10px 0 0; font-size: 14px;color: var(--text); line-height: 1.55;display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical; overflow: hidden;}.article-foot {margin-top: auto; padding-top: 16px;border-top: 1px dashed var(--rule);display: flex; justify-content: space-between; align-items: center;font-family: 'IBM Plex Mono', monospace;font-size: 10.5px; color: var(--muted); letter-spacing: 0.04em;}.article-foot .af-views { display: inline-flex; align-items: center; gap: 5px; }.article-foot .af-views svg { width: 12px; height: 12px; }.article-foot .af-read {color: var(--brand); font-weight: 600;display: inline-flex; align-items: center; gap: 5px;transition: gap .2s;}.article:hover .af-read { gap: 9px; }.qa-list { display: flex; flex-direction: column; gap: 10px; }.qa-item {background: var(--paper); border: 1px solid var(--rule);border-radius: 16px; transition: all .25s; overflow: hidden;}.qa-item:hover { border-color: var(--brand-200); }.qa-item[open] {border-color: var(--brand);box-shadow: 0 16px 32px -16px rgba(0,29,52,0.15);}.qa-q {padding: 20px 24px;display: flex; align-items: center; justify-content: space-between; gap: 18px;cursor: pointer;list-style: none;}.qa-q::-webkit-details-marker { display: none; }.qa-q-no {font-family: 'IBM Plex Mono', monospace;font-size: 11px; font-weight: 600;letter-spacing: 0.12em; color: var(--brand);flex-shrink: 0; min-width: 34px;}.qa-q-text {flex: 1; font-weight: 700; color: var(--ink);font-size: 15.5px; letter-spacing: -0.012em; line-height: 1.4;}.qa-q-text .it { font-family: 'Newsreader', serif; font-style: italic; font-weight: 400; color: var(--brand); }.qa-q-icon {width: 36px; height: 36px; border-radius: 10px;background: var(--brand-50); color: var(--brand);display: flex; align-items: center; justify-content: center;flex-shrink: 0; transition: all .25s;}.qa-item[open] .qa-q-icon {background: var(--brand); color: #fff;transform: rotate(45deg);}.qa-a {padding: 0 24px 22px 78px;border-top: 1px dashed var(--rule);padding-top: 18px;font-size: 14.5px; color: var(--text); line-height: 1.7;}.qa-a p { margin: 0 0 10px; }.qa-a strong { color: var(--ink); font-weight: 700; }.qa-a ul { padding-left: 20px; margin: 8px 0; }.qa-a ul li { margin-bottom: 6px; }.qa-a a { color: var(--brand); text-decoration: underline; text-underline-offset: 2px; }.qa-a a:hover { color: var(--brand-600); }@media (max-width: 720px) { .qa-a { padding-left: 24px; } }.pillars { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; }@media (max-width: 880px) { .pillars { grid-template-columns: 1fr; } }.pillar {position: relative; padding: 36px;border-radius: 24px;background: var(--paper); border: 1px solid var(--rule);display: flex; flex-direction: column;min-height: 360px; overflow: hidden; isolation: isolate;}.pillar .p-num {font-family: 'IBM Plex Mono', monospace;font-size: 11px; font-weight: 600;letter-spacing: 0.18em; color: var(--brand);margin-bottom: 28px;}.pillar .p-icon {width: 56px; height: 56px; border-radius: 16px;background: var(--brand-50); color: var(--brand);display: flex; align-items: center; justify-content: center;margin-bottom: 24px;}.pillar h3 {font-size: 24px; letter-spacing: -0.02em;margin-bottom: 14px;}.pillar h3 .it { font-family: 'Newsreader', serif; font-style: italic; font-weight: 400; color: var(--brand); }.pillar p { color: var(--text); line-height: 1.6; }.pillar.teal {background: linear-gradient(165deg, var(--teal-50) 0%, var(--paper) 60%);border-color: var(--teal-300);}.pillar.teal .p-icon { background: var(--teal); color: #fff; }.pillar.teal .p-num { color: var(--teal-600); }.pillar.teal h3 .it { color: var(--teal-600); }.pillar.dark {background: linear-gradient(165deg, var(--navy) 0%, var(--brand-600) 100%);color: rgba(255,255,255,0.85); border: none;}.pillar.dark .p-num { color: var(--teal-300); }.pillar.dark .p-icon { background: rgba(255,255,255,0.15); color: #fff; }.pillar.dark h3 { color: #fff; }.pillar.dark h3 .it { color: var(--teal-300); }.pillar.dark p { color: rgba(255,255,255,0.85); }.pillar-values { display: flex; flex-direction: column; gap: 14px; margin-top: 8px; }.pillar-value { display: flex; gap: 12px; align-items: baseline; }.pillar-value .pv-num {font-family: 'IBM Plex Mono', monospace;font-size: 11px; color: rgba(255,255,255,0.55);letter-spacing: 0.1em; flex-shrink: 0;}.pillar-value .pv-text strong { color: #fff; font-weight: 700; }.pillar-value .pv-text { font-size: 14px; color: rgba(255,255,255,0.85); line-height: 1.45; }.timeline { position: relative; padding: 32px 0 0; }.timeline::before {content: ""; position: absolute;left: 50%; top: 0; bottom: 60px;width: 1px; background: var(--rule);transform: translateX(-50%);}.tl-item {position: relative;display: grid;grid-template-columns: 1fr 60px 1fr;gap: 0; margin-bottom: 64px;align-items: start;}.tl-item:last-child { margin-bottom: 0; }.tl-node {grid-column: 2;width: 60px; height: 60px;display: flex; align-items: center; justify-content: center;position: relative; z-index: 2;}.tl-node::before {content: ""; position: absolute; inset: 18px;border-radius: 50%;background: var(--paper); border: 2px solid var(--brand);}.tl-node::after {content: ""; position: absolute; inset: 22px;border-radius: 50%;background: var(--brand);}.tl-item.teal .tl-node::before { border-color: var(--teal); }.tl-item.teal .tl-node::after { background: var(--teal); }.tl-item.now .tl-node::before { border-color: var(--brand); inset: 12px; }.tl-item.now .tl-node::after {background: var(--brand); inset: 16px;animation: pulse-dot 2s infinite;}.tl-card {background: var(--bg); border: 1px solid var(--rule);border-radius: 20px; padding: 28px;position: relative; transition: all .3s;}.tl-card:hover { border-color: var(--brand-200); transform: translateY(-2px); }.tl-card::before {content: ""; position: absolute; top: 32px;width: 24px; height: 1px; background: var(--rule);}.tl-item .tl-card.left { grid-column: 1; text-align: right; }.tl-item .tl-card.right { grid-column: 3; }.tl-card.left::before { right: -24px; }.tl-card.right::before { left: -24px; }.tl-year {display: inline-flex; align-items: baseline; gap: 2px;font-weight: 800; font-size: 42px; letter-spacing: -0.03em;color: var(--brand); margin-bottom: 4px;}.tl-item.teal .tl-year { color: var(--teal); }.tl-item.now .tl-year { color: var(--ink); }.tl-item.now .tl-year::after {content: " · NOW";font-family: 'IBM Plex Mono', monospace;font-size: 11px; color: var(--teal);letter-spacing: 0.18em; font-weight: 600;align-self: center;}.tl-title {font-weight: 700; font-size: 18px;color: var(--ink); letter-spacing: -0.01em; margin-bottom: 10px;}.tl-title .it { font-family: 'Newsreader', serif; font-style: italic; font-weight: 400; color: var(--brand); }.tl-desc { font-size: 14px; color: var(--text); line-height: 1.55; }.tl-tag {display: inline-flex; align-items: center; gap: 6px;margin-top: 12px;font-family: 'IBM Plex Mono', monospace;font-size: 10px; letter-spacing: 0.14em; text-transform: uppercase;color: var(--muted); padding: 4px 10px;background: rgba(0, 102, 179, 0.06); border-radius: 999px;}@media (max-width: 880px) {.timeline::before { left: 20px; transform: none; }.tl-item { grid-template-columns: 40px 1fr; }.tl-item > div:not([class]) { display: none; }.tl-node { grid-column: 1; grid-row: 1; width: 40px; height: 40px; }.tl-node::before { inset: 8px; }.tl-node::after { inset: 12px; }.tl-item .tl-card.left, .tl-item .tl-card.right {grid-column: 2; grid-row: 1; text-align: left;}.tl-card.left::before, .tl-card.right::before { left: -16px; right: auto; }}.partners-grid {display: grid; grid-template-columns: repeat(5, 1fr); gap: 14px;}.partner {background: var(--paper); border: 1px solid var(--rule);border-radius: 16px; padding: 28px 18px;min-height: 130px;display: flex; flex-direction: column; justify-content: space-between;transition: all .3s; position: relative; overflow: hidden;}.partner:hover {border-color: var(--brand-200); transform: translateY(-2px);box-shadow: 0 10px 24px -12px rgba(0, 102, 179, 0.2);}.partner .est {font-family: 'IBM Plex Mono', monospace;font-size: 10px; letter-spacing: 0.14em;text-transform: uppercase; color: var(--muted);}.partner .name {font-weight: 700; font-size: 19px; color: var(--ink);letter-spacing: -0.015em;}@media (max-width: 1024px) { .partners-grid { grid-template-columns: repeat(3, 1fr); } }@media (max-width: 720px)  { .partners-grid { grid-template-columns: repeat(2, 1fr); } }.channel-grid {display: grid; grid-template-columns: repeat(2, 1fr);gap: 14px; margin: 20px 0 28px;}.channel {padding: 18px 20px;background: var(--paper); border: 1px solid var(--rule);border-radius: 14px;display: flex; gap: 14px; align-items: flex-start;transition: all .2s;}.channel:hover { border-color: var(--brand-200); }.channel .ch-no {font-family: 'IBM Plex Mono', monospace;font-size: 11px; font-weight: 700;color: var(--brand); letter-spacing: 0.12em;margin-top: 2px;}.channel .ch-title {font-weight: 700; color: var(--ink);font-size: 14.5px; letter-spacing: -0.01em; margin-bottom: 4px;}.channel .ch-desc { font-size: 13px; color: var(--text); line-height: 1.5; }.info-grid {display: grid; grid-template-columns: repeat(2, 1fr);gap: 14px; margin: 20px 0 28px;}.info-card {padding: 22px 24px; border-radius: 16px;background: var(--paper); border: 1px solid var(--rule);position: relative;}.info-card.featured {background: linear-gradient(165deg, var(--teal-50), var(--paper) 70%);border-color: var(--teal-300);}.info-card .ic-eyebrow {font-family: 'IBM Plex Mono', monospace;font-size: 10px; letter-spacing: 0.16em; text-transform: uppercase;color: var(--brand); margin-bottom: 10px; font-weight: 600;}.info-card.featured .ic-eyebrow { color: var(--teal-600); }.info-card .ic-title {font-weight: 800; color: var(--ink);font-size: 17px; letter-spacing: -0.015em; margin-bottom: 6px;}.info-card .ic-title .it { font-family: 'Newsreader', serif; font-style: italic; font-weight: 400; color: var(--brand); }.info-card .ic-desc { font-size: 13.5px; color: var(--text); line-height: 1.55; }@media (max-width: 720px) { .info-grid, .channel-grid { grid-template-columns: 1fr; } }.check-list {list-style: none; padding: 0;margin: 14px 0 22px;display: flex; flex-direction: column; gap: 8px;}.check-list li {padding: 12px 14px 12px 42px;background: var(--bg); border-radius: 10px;position: relative;font-size: 14.5px; color: var(--text); line-height: 1.55;}.check-list li::before {content: ""; position: absolute;left: 14px; top: 14px;width: 18px; height: 18px; border-radius: 50%;background: var(--teal); color: #fff;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='white' stroke-width='3' viewBox='0 0 24 24'%3E%3Cpath d='M5 12l4 4 10-10'/%3E%3C/svg%3E");background-position: center; background-repeat: no-repeat;}.check-list.x li::before {background: var(--amber);background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' fill='none' stroke='white' stroke-width='3' viewBox='0 0 24 24'%3E%3Cpath d='M6 18L18 6M6 6l12 12'/%3E%3C/svg%3E");}.check-list li strong { color: var(--ink); font-weight: 700; }.note-blue {margin: 24px 0; padding: 18px 22px; border-radius: 14px;background: linear-gradient(165deg, var(--brand-50), var(--paper));border: 1px solid var(--brand-100);display: flex; gap: 14px;}.note-blue .nb-icon {width: 36px; height: 36px; border-radius: 10px;background: var(--brand); color: #fff;display: flex; align-items: center; justify-content: center;flex-shrink: 0;}.note-blue strong { color: var(--ink); display: block; margin-bottom: 4px; }.note-blue p { margin: 0; font-size: 14px; color: var(--text); }.note-warn {margin: 24px 0; padding: 18px 22px; border-radius: 14px;background: linear-gradient(165deg, rgba(232,153,0,0.08), transparent);border: 1px solid rgba(232,153,0,0.3);display: flex; gap: 14px;}.note-warn .nb-icon {width: 36px; height: 36px; border-radius: 10px;background: var(--amber); color: #fff;display: flex; align-items: center; justify-content: center;flex-shrink: 0;}.note-warn strong { color: var(--ink); display: block; margin-bottom: 4px; }.note-warn p { margin: 0; font-size: 14px; color: var(--text); }.cta-strip {background: linear-gradient(135deg, var(--navy) 0%, var(--brand-600) 100%);color: #fff; border-radius: 24px;padding: 40px 44px; margin-top: 48px;display: grid; grid-template-columns: 1fr auto;gap: 32px; align-items: center;position: relative; overflow: hidden;}.cta-strip::before {content: ""; position: absolute; right: -60px; top: -60px;width: 280px; height: 280px; border-radius: 50%;background: radial-gradient(circle, rgba(0,168,142,0.25), transparent 70%);pointer-events: none;}.cta-strip h3 {color: #fff; font-size: 24px;letter-spacing: -0.02em; line-height: 1.2;}.cta-strip h3 .it { font-family: 'Newsreader', serif; font-style: italic; font-weight: 400; color: var(--teal-300); }.cta-strip p { color: rgba(255,255,255,0.8); margin: 8px 0 0; max-width: 520px; font-size: 14px; }@media (max-width: 720px) { .cta-strip { grid-template-columns: 1fr; padding: 28px; } }.newsletter {margin-top: 64px;padding: 56px; border-radius: 32px;background: linear-gradient(135deg, var(--navy) 0%, var(--brand-600) 100%);color: #fff; position: relative; overflow: hidden;display: grid; grid-template-columns: 1.2fr 1fr; gap: 48px; align-items: center;}.newsletter::before {content: ""; position: absolute; right: -100px; top: -100px;width: 400px; height: 400px; border-radius: 50%;background: radial-gradient(circle, rgba(0,168,142,0.25), transparent 70%);}.newsletter::after {content: ""; position: absolute; left: -60px; bottom: -60px;width: 240px; height: 240px; border-radius: 50%;background: radial-gradient(circle, rgba(0,102,179,0.4), transparent 70%);}.nl-eyebrow {font-family: 'IBM Plex Mono', monospace;font-size: 11px; letter-spacing: 0.18em; text-transform: uppercase;color: var(--teal-300); margin-bottom: 18px;display: flex; align-items: center; gap: 10px;position: relative; z-index: 1;}.nl-eyebrow::before { content: ""; width: 16px; height: 1px; background: var(--teal-300); }.newsletter h3 {color: #fff; font-weight: 800;font-size: clamp(28px, 3vw, 38px);line-height: 1.1; letter-spacing: -0.025em;position: relative; z-index: 1;}.newsletter h3 .it { font-family: 'Newsreader', serif; font-style: italic; font-weight: 400; color: var(--teal-300); }.newsletter p {color: rgba(255,255,255,0.8); margin: 14px 0 0;max-width: 440px; position: relative; z-index: 1;}.nl-form { display: flex; flex-direction: column; gap: 10px; position: relative; z-index: 1; }.nl-form input {padding: 16px 20px; border-radius: 14px;background: rgba(255,255,255,0.1); border: 1px solid rgba(255,255,255,0.18);color: #fff; font-family: 'Manrope', sans-serif; font-size: 14px;}.nl-form input::placeholder { color: rgba(255,255,255,0.6); }.nl-form input:focus {outline: none;background: rgba(255,255,255,0.18); border-color: var(--teal-300);}.nl-form button {padding: 16px 20px; border-radius: 14px;background: var(--teal); color: #fff; border: 0;font-weight: 700; font-size: 14px; cursor: pointer;font-family: 'Manrope', sans-serif; transition: background .2s;}.nl-form button:hover { background: var(--teal-600); }.nl-form .nl-fine {font-family: 'IBM Plex Mono', monospace;font-size: 10px; color: rgba(255,255,255,0.5);letter-spacing: 0.08em; text-transform: uppercase; margin-top: 4px;}@media (max-width: 880px) { .newsletter { grid-template-columns: 1fr; padding: 36px; } }.help-strip {margin-top: 48px;background: linear-gradient(135deg, var(--navy) 0%, var(--brand-600) 100%);color: #fff; border-radius: 28px; padding: 56px;display: grid; grid-template-columns: 1.3fr 1fr;gap: 48px; align-items: center;position: relative; overflow: hidden;}.help-strip::before {content: ""; position: absolute; right: -80px; top: -80px;width: 320px; height: 320px; border-radius: 50%;background: radial-gradient(circle, rgba(0,168,142,0.3), transparent 70%);}.help-strip::after {content: ""; position: absolute; left: -40px; bottom: -40px;width: 200px; height: 200px; border-radius: 50%;background: radial-gradient(circle, rgba(0,102,179,0.4), transparent 70%);}.help-strip .hs-eyebrow {font-family: 'IBM Plex Mono', monospace;font-size: 11px; letter-spacing: 0.18em; text-transform: uppercase;color: var(--teal-300); margin-bottom: 16px;display: flex; align-items: center; gap: 10px;position: relative; z-index: 1;}.help-strip .hs-eyebrow::before { content: ""; width: 18px; height: 1px; background: var(--teal-300); }.help-strip h3 {color: #fff;font-size: clamp(28px, 3vw, 40px);line-height: 1.1; letter-spacing: -0.025em;position: relative; z-index: 1;}.help-strip h3 .it { font-family: 'Newsreader', serif; font-style: italic; font-weight: 400; color: var(--teal-300); }.help-strip p {color: rgba(255,255,255,0.8); margin: 14px 0 0;max-width: 480px; position: relative; z-index: 1;}.help-strip .hs-actions { display: flex; flex-direction: column; gap: 12px; position: relative; z-index: 1; }.help-strip .hs-actions a {display: inline-flex; align-items: center; justify-content: center;gap: 10px; padding: 18px 24px; border-radius: 14px;font-weight: 700; font-size: 15px;}.help-strip .hs-actions .primary { background: #fff; color: var(--brand); }.help-strip .hs-actions .primary:hover { background: var(--teal); color: #fff; }.help-strip .hs-actions .ghost {background: rgba(255,255,255,0.1); color: #fff;border: 1px solid rgba(255,255,255,0.25);}.help-strip .hs-actions .ghost:hover { background: rgba(255,255,255,0.2); }@media (max-width: 880px) { .help-strip { grid-template-columns: 1fr; padding: 36px; } }.floating {position: fixed; bottom: 24px; right: 24px; z-index: 50;display: flex; flex-direction: column; gap: 12px;}.float-btn {width: 52px; height: 52px; border-radius: 50%;color: #fff;display: flex; align-items: center; justify-content: center;box-shadow: 0 8px 24px -6px rgba(0,29,52,0.4);position: relative; transition: transform .2s;}.float-btn:hover { transform: scale(1.08); color: #fff; }.float-btn svg { width: 22px; height: 22px; }.float-btn.call { background: var(--teal); }.float-btn.msg  { background: #0084FF; }.float-btn.call::before {content: ""; position: absolute; inset: 0;border-radius: 50%; background: var(--teal);opacity: 0.45;animation: pulse-dot 1.8s infinite;z-index: -1;}.toolbar {background: var(--paper);border-top: 1px solid var(--rule);border-bottom: 1px solid var(--rule);position: sticky; top: 76px; z-index: 24;}.toolbar-inner {display: flex; align-items: center; justify-content: space-between;gap: 14px; padding: 14px 0; flex-wrap: wrap;}.tb-meta { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; }.tb-count {font-family: 'IBM Plex Mono', monospace;font-size: 12px; color: var(--muted); letter-spacing: 0.04em;}.tb-count strong { color: var(--brand); font-weight: 600; }.tb-sort { display: flex; align-items: center; gap: 8px; }.tb-sort label {font-family: 'IBM Plex Mono', monospace;font-size: 11px; letter-spacing: 0.12em; text-transform: uppercase;color: var(--muted);}.tb-sort select {font-family: 'Manrope', sans-serif;font-size: 13px; font-weight: 600; color: var(--ink);padding: 6px 10px; border: 1px solid var(--rule);border-radius: 8px; background: var(--paper); cursor: pointer;}.view-toggle { display: flex; border: 1px solid var(--rule); border-radius: 8px; overflow: hidden; }.view-toggle button {width: 34px; height: 34px;display: flex; align-items: center; justify-content: center;background: var(--paper); border: 0; cursor: pointer; color: var(--muted);}.view-toggle button.active { background: var(--brand-50); color: var(--brand); }.pg-wrap {margin-top: 48px;display: flex; align-items: center; justify-content: space-between;gap: 14px; flex-wrap: wrap;}.pg-info {font-family: 'IBM Plex Mono', monospace;font-size: 12px; color: var(--muted); letter-spacing: 0.04em;}.pg-info strong { color: var(--brand); font-weight: 600; }.pg-nav { display: flex; align-items: center; gap: 4px; }.pg-btn {width: 38px; height: 38px;display: inline-flex; align-items: center; justify-content: center;border: 1px solid var(--rule); background: var(--paper);border-radius: 10px; color: var(--text); font-weight: 600;font-size: 14px; cursor: pointer;transition: all .2s; text-decoration: none;}.pg-btn:hover { border-color: var(--brand); color: var(--brand); }.pg-btn.active { background: var(--brand); color: #fff; border-color: var(--brand); }.pg-btn:disabled, .pg-btn.disabled { opacity: .3; cursor: not-allowed; pointer-events: none; }.pg-ellipsis { padding: 0 6px; color: var(--muted); }@media (max-width: 600px) {.pg-btn { width: 44px; height: 44px; }}.observe {opacity: 0; transform: translateY(20px);transition: opacity .7s, transform .7s;}.observe.seen { opacity: 1; transform: none; }.pd-grid {display: grid;grid-template-columns: 7fr 5fr;gap: 48px;padding: 24px 0 64px;}@media (max-width: 1024px) { .pd-grid { grid-template-columns: 1fr; } }.gallery { display: grid; grid-template-columns: 88px 1fr; gap: 16px; align-items: start; }.thumbs { display: flex; flex-direction: column; gap: 10px; }.thumb {aspect-ratio: 1; width: 88px;border-radius: 12px; overflow: hidden;border: 2px solid transparent;cursor: pointer; padding: 0;background: var(--paper); transition: all .2s;}.thumb img {width: 100%; height: 100%; object-fit: cover;display: block; transition: opacity .2s;}.thumb.active {border-color: var(--brand);box-shadow: 0 6px 16px -6px rgba(0,102,179,0.3);}.thumb:not(.active) img { opacity: 0.7; }.thumb:hover img { opacity: 1; }.thumb.more { position: relative; background: var(--navy); }.thumb.more img { opacity: .4; }.thumb.more .more-lbl {position: absolute; inset: 0;display: flex; align-items: center; justify-content: center;font-family: 'IBM Plex Mono', monospace;font-size: 11px; font-weight: 600;color: #fff; letter-spacing: 0.06em;}.main-img {position: relative; aspect-ratio: 1;border-radius: 24px; overflow: hidden;background: var(--paper); border: 1px solid var(--rule);box-shadow: 0 1px 0 var(--rule), 0 24px 60px -32px rgba(0,29,52,0.2);}.main-img img { width: 100%; height: 100%; object-fit: cover; }.main-img .badges {position: absolute; top: 18px; left: 18px;display: flex; gap: 6px;}.main-img .badge {font-family: 'IBM Plex Mono', monospace;font-size: 10px; font-weight: 600;letter-spacing: 0.1em; text-transform: uppercase;padding: 6px 11px; border-radius: 6px;background: var(--teal); color: #fff;box-shadow: 0 4px 10px -4px rgba(0,168,142,0.4);}.main-img .scale-marker {position: absolute; bottom: 18px; left: 18px;font-family: 'IBM Plex Mono', monospace;font-size: 10px; letter-spacing: 0.12em;color: rgba(0,29,52,0.45);background: rgba(255,255,255,0.85);padding: 6px 10px; border-radius: 6px;backdrop-filter: blur(4px);}@media (max-width: 720px) {.gallery { grid-template-columns: 1fr; }.thumbs { flex-direction: row; overflow-x: auto; }.thumb { width: 64px; flex-shrink: 0; }}.info { position: sticky; top: 140px; align-self: start; }@media (max-width: 1024px) { .info { position: static; } }.info-brand { display: flex; align-items: center; gap: 12px; margin-bottom: 14px; }.ib-pill {display: inline-flex; align-items: center; gap: 8px;padding: 6px 12px; border-radius: 999px;background: var(--brand-50); color: var(--brand-600);border: 1px solid var(--brand-100);font-family: 'IBM Plex Mono', monospace;font-size: 11px; font-weight: 600;letter-spacing: 0.12em; text-transform: uppercase;}.ib-sku {font-family: 'IBM Plex Mono', monospace;font-size: 12px; color: var(--muted); letter-spacing: 0.04em;}.ib-sku strong { color: var(--ink); }.info-actions { margin-left: auto; display: flex; gap: 4px; }.info-actions button, .info-actions a {width: 36px; height: 36px; border-radius: 10px;background: var(--paper); border: 1px solid var(--rule);display: flex; align-items: center; justify-content: center;cursor: pointer; color: var(--text); transition: all .2s;}.info-actions button:hover, .info-actions a:hover { border-color: var(--brand); color: var(--brand); }.pd-title {font-weight: 800;font-size: clamp(28px, 3vw, 38px);line-height: 1.1; letter-spacing: -0.025em;color: var(--ink);}.pd-title .it { font-family: 'Newsreader', serif; font-style: italic; font-weight: 400; color: var(--brand); }.info-meta {display: flex; align-items: center; gap: 14px;flex-wrap: wrap; font-size: 13px; margin-top: 18px;}.im-stock {display: inline-flex; align-items: center; gap: 7px;color: var(--teal-600); font-weight: 600;font-family: 'IBM Plex Mono', monospace;font-size: 11px; text-transform: uppercase; letter-spacing: 0.1em;}.im-stock .dot {width: 7px; height: 7px; border-radius: 50%;background: var(--live); animation: pulse-dot 1.8s infinite;}.im-pipe { color: var(--rule); }.im-stat {color: var(--muted);font-family: 'IBM Plex Mono', monospace;font-size: 11px; letter-spacing: 0.06em;}.im-stat strong { color: var(--ink); font-weight: 700; }.im-stars { color: var(--amber); letter-spacing: 0.1em; font-size: 13px; }.price-card {margin-top: 24px; padding: 24px 26px;border-radius: 20px;background: linear-gradient(165deg, var(--brand-50) 0%, var(--paper) 65%);border: 1px solid var(--brand-100);position: relative; overflow: hidden;}.price-card::before {content: ""; position: absolute; right: -40px; top: -40px;width: 140px; height: 140px; border-radius: 50%;background: radial-gradient(circle, rgba(0,168,142,0.12), transparent 70%);}.price-card .pc-label {font-family: 'IBM Plex Mono', monospace;font-size: 10px; letter-spacing: 0.18em; text-transform: uppercase;color: var(--brand);display: flex; align-items: center; gap: 8px; margin-bottom: 8px;}.price-card .pc-label::before { content: ""; width: 14px; height: 1px; background: var(--brand); }.price-card .pc-main {font-weight: 800; font-size: 34px;color: var(--ink); letter-spacing: -0.025em; line-height: 1.1;}.price-card .pc-main .it {font-family: 'Newsreader', serif; font-style: italic;font-weight: 400; color: var(--brand); font-size: 0.65em;}.price-card .pc-desc {margin-top: 10px; font-size: 13.5px;color: var(--text); line-height: 1.55;}.price-card .pc-bullets {margin-top: 14px; display: flex; gap: 18px; flex-wrap: wrap;font-family: 'IBM Plex Mono', monospace;font-size: 11px; color: var(--teal-600); letter-spacing: 0.06em;}.price-card .pc-bullets span { display: inline-flex; align-items: center; gap: 6px; }.price-card .pc-bullets svg { width: 13px; height: 13px; }.quick-specs {margin-top: 20px;display: grid; grid-template-columns: repeat(2, 1fr); gap: 8px;}.qs-cell {padding: 14px 16px; border-radius: 14px;background: var(--paper); border: 1px solid var(--rule);}.qs-cell .qs-label {font-family: 'IBM Plex Mono', monospace;font-size: 10px; letter-spacing: 0.14em; text-transform: uppercase;color: var(--muted); margin-bottom: 4px;}.qs-cell .qs-val {font-weight: 700; color: var(--ink);font-size: 15px; letter-spacing: -0.01em;}.qty-row {margin-top: 22px;display: flex; align-items: center; gap: 14px;}.qty-row label {font-family: 'IBM Plex Mono', monospace;font-size: 11px; letter-spacing: 0.12em; text-transform: uppercase;color: var(--muted);}.qty-input {display: inline-flex; border: 1px solid var(--rule);border-radius: 10px; overflow: hidden; background: var(--paper);}.qty-input button {width: 38px; height: 42px;background: var(--paper); border: 0; cursor: pointer;color: var(--text); font-size: 18px; font-weight: 600;font-family: 'Manrope', sans-serif;}.qty-input button:hover { background: var(--brand-50); color: var(--brand); }.qty-input input {width: 64px; height: 42px; text-align: center;border: 0; border-left: 1px solid var(--rule); border-right: 1px solid var(--rule);font-weight: 700; color: var(--ink); font-size: 14px;font-family: 'Manrope', sans-serif;}.qty-row .unit {font-family: 'IBM Plex Mono', monospace;font-size: 12px; color: var(--muted);}.cta-row {margin-top: 14px;display: grid; grid-template-columns: 1fr; gap: 10px;}.cta-row .btn-primary, .cta-row .btn-outline { padding: 16px; font-size: 15px; justify-content: center; }.cta-row .btn-outline svg { color: var(--teal); }.trust-grid {margin-top: 24px;display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px;}.trust {display: flex; align-items: flex-start; gap: 12px;padding: 14px; border-radius: 14px;background: var(--paper); border: 1px solid var(--rule);}.trust .t-icon {width: 34px; height: 34px; border-radius: 10px;background: var(--brand-50); color: var(--brand);display: flex; align-items: center; justify-content: center;flex-shrink: 0;}.trust .t-title { font-weight: 700; color: var(--ink); font-size: 13px; line-height: 1.2; }.trust .t-sub {font-size: 11.5px; color: var(--muted); margin-top: 3px;font-family: 'IBM Plex Mono', monospace; letter-spacing: 0.04em;}.pd-tabs {position: sticky; top: 76px; z-index: 24;background: var(--paper);border-top: 1px solid var(--rule);border-bottom: 1px solid var(--rule);}.pd-tabs-inner { display: flex; gap: 0; overflow-x: auto; padding: 0; }.pd-tab {padding: 18px 24px;font-size: 14px; font-weight: 600; color: var(--text);border: 0; background: none;border-bottom: 2px solid transparent;cursor: pointer; transition: all .2s;white-space: nowrap;display: inline-flex; align-items: center; gap: 8px;font-family: 'Manrope', sans-serif;text-decoration: none;}.pd-tab:hover { color: var(--brand); }.pd-tab .num {font-family: 'IBM Plex Mono', monospace;font-size: 10px; color: var(--brand); letter-spacing: 0.1em;}.pd-tab.active { color: var(--brand); border-bottom-color: var(--brand); }.pd-tab.active .num { color: var(--teal); }.pd-tab .tab-count {font-family: 'IBM Plex Mono', monospace;font-size: 10px; padding: 2px 6px; border-radius: 6px;background: var(--brand-50); color: var(--brand); margin-left: 6px;}.pd-section {padding: 64px 0;}.pd-section-title {font-weight: 800; font-size: 28px;letter-spacing: -0.025em; color: var(--ink);margin-bottom: 24px;display: flex; align-items: baseline; gap: 14px;}.pd-section-title .num {font-family: 'IBM Plex Mono', monospace;font-size: 13px; font-weight: 600;letter-spacing: 0.18em; color: var(--brand);}.pd-section-title .it { font-family: 'Newsreader', serif; font-style: italic; font-weight: 400; color: var(--brand); }.desc-grid { display: grid; grid-template-columns: 1.8fr 1fr; gap: 48px; }@media (max-width: 880px) { .desc-grid { grid-template-columns: 1fr; } }.desc-prose { font-size: 15.5px; line-height: 1.7; color: var(--text); }.desc-prose p { margin: 0 0 18px; }.desc-prose h3 { font-size: 18px; margin: 28px 0 14px; letter-spacing: -0.015em; }.desc-prose ul { padding-left: 20px; margin: 0 0 18px; }.desc-prose ul li { margin-bottom: 8px; }.desc-prose strong { color: var(--ink); font-weight: 700; }.desc-prose .lead {font-family: 'Newsreader', serif; font-weight: 400;font-size: 19px; line-height: 1.5; color: var(--ink);margin-bottom: 24px;}.quote-sidebar {position: sticky; top: 160px; align-self: start;display: flex; flex-direction: column; gap: 14px;}@media (max-width: 880px) { .quote-sidebar { position: static; } }.quote-card {background: linear-gradient(165deg, var(--navy) 0%, var(--brand-600) 100%);color: #fff; border-radius: 20px; padding: 28px;position: relative; overflow: hidden;}.quote-card::before {content: ""; position: absolute; right: -40px; top: -40px;width: 160px; height: 160px; border-radius: 50%;background: radial-gradient(circle, rgba(0,168,142,0.3), transparent 70%);}.quote-card .qc-num {font-family: 'IBM Plex Mono', monospace;font-size: 10px; letter-spacing: 0.18em; text-transform: uppercase;color: var(--teal-300); margin-bottom: 14px;}.quote-card h4 { color: #fff; font-size: 18px; line-height: 1.3; margin-bottom: 10px; }.quote-card h4 .it { font-family: 'Newsreader', serif; font-style: italic; font-weight: 400; color: var(--teal-300); }.quote-card p { font-size: 13px; color: rgba(255,255,255,0.8); margin: 0 0 16px; line-height: 1.55; }.quote-card input {width: 100%; padding: 10px 14px; border-radius: 10px;background: rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.15);color: #fff; font-size: 13px; margin-bottom: 8px;font-family: 'Manrope', sans-serif;}.quote-card input::placeholder { color: rgba(255,255,255,0.5); }.quote-card input:focus {outline: none; background: rgba(255,255,255,0.15); border-color: var(--teal-300);}.quote-card .qc-submit {width: 100%; padding: 11px; border-radius: 10px;background: var(--teal); color: #fff; border: 0;font-weight: 700; font-size: 13px; cursor: pointer; margin-top: 6px;font-family: 'Manrope', sans-serif;}.quote-card .qc-submit:hover { background: var(--teal-600); }.docs-card {background: var(--paper); border: 1px solid var(--rule);border-radius: 20px; padding: 24px;}.docs-card h4 {font-family: 'IBM Plex Mono', monospace;font-size: 11px; font-weight: 600;letter-spacing: 0.18em; text-transform: uppercase;color: var(--brand); margin-bottom: 14px;display: flex; align-items: center; gap: 8px;}.docs-card h4::before { content: ""; width: 14px; height: 1px; background: var(--brand); }.docs-card ul { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 8px; }.docs-card ul a {display: flex; align-items: center; gap: 10px;padding: 10px 12px; border-radius: 10px;font-size: 13px; color: var(--text); font-weight: 600;background: var(--bg); transition: all .2s;}.docs-card ul a:hover { background: var(--brand-50); color: var(--brand); }.docs-card ul a svg { width: 16px; height: 16px; flex-shrink: 0; color: var(--brand); }.docs-card ul a .ext {margin-left: auto;font-family: 'IBM Plex Mono', monospace;font-size: 10px; color: var(--muted); letter-spacing: 0.06em; text-transform: uppercase;}.specs-section {background: var(--paper);border-top: 1px solid var(--rule);border-bottom: 1px solid var(--rule);}.specs-grid {display: grid; grid-template-columns: repeat(2, 1fr);gap: 0 56px;}.specs-row {display: grid; grid-template-columns: 1fr 1.2fr;gap: 24px; padding: 14px 0;border-bottom: 1px dashed var(--rule);}.specs-row:last-child { border-bottom: 0; }.specs-key {font-family: 'IBM Plex Mono', monospace;font-size: 11px; letter-spacing: 0.08em; text-transform: uppercase;color: var(--muted); align-self: center;}.specs-val { color: var(--ink); font-weight: 600; }@media (max-width: 720px) { .specs-grid { grid-template-columns: 1fr; gap: 0; } }.reviews-grid { display: grid; grid-template-columns: 320px 1fr; gap: 48px; }@media (max-width: 880px) { .reviews-grid { grid-template-columns: 1fr; } }.review-summary {background: var(--paper); border: 1px solid var(--rule);border-radius: 24px; padding: 32px; text-align: center;}.rs-big { font-weight: 800; font-size: 64px; color: var(--ink); letter-spacing: -0.04em; line-height: 1; }.rs-stars { color: var(--amber); font-size: 20px; letter-spacing: 0.1em; margin-top: 6px; }.rs-count {font-family: 'IBM Plex Mono', monospace;font-size: 12px; color: var(--muted); margin-top: 8px; letter-spacing: 0.08em;}.rs-bars { margin-top: 24px; display: flex; flex-direction: column; gap: 8px; }.rs-bar { display: flex; align-items: center; gap: 10px; }.rs-bar .rs-label {font-family: 'IBM Plex Mono', monospace;font-size: 11px; color: var(--muted); width: 24px; text-align: right;}.rs-bar .rs-track {flex: 1; height: 6px; background: var(--bg);border-radius: 3px; overflow: hidden;}.rs-bar .rs-fill { height: 100%; background: var(--amber); border-radius: 3px; }.rs-bar .rs-pct {font-family: 'IBM Plex Mono', monospace;font-size: 11px; color: var(--muted); width: 36px; text-align: right;}.review-list { display: flex; flex-direction: column; gap: 8px; }.review { padding: 24px 0; border-bottom: 1px solid var(--rule); }.review:last-child { border-bottom: 0; }.review-head {display: flex; justify-content: space-between; align-items: flex-start;gap: 16px; flex-wrap: wrap; margin-bottom: 12px;}.review-author { display: flex; align-items: center; gap: 12px; }.review-avatar {width: 44px; height: 44px; border-radius: 50%;background: var(--brand-100); color: var(--brand-600);display: flex; align-items: center; justify-content: center;font-weight: 800; font-size: 14px; flex-shrink: 0;}.review-avatar.teal { background: var(--teal-50); color: var(--teal-600); }.review-name { font-weight: 700; color: var(--ink); font-size: 14.5px; }.review-org {font-family: 'IBM Plex Mono', monospace;font-size: 11px; color: var(--muted); letter-spacing: 0.06em; margin-top: 2px;}.review-rating { text-align: right; }.review-rating .rr-stars { color: var(--amber); font-size: 13px; letter-spacing: 0.1em; }.review-rating .rr-date {font-family: 'IBM Plex Mono', monospace;font-size: 10px; color: var(--muted); letter-spacing: 0.08em; margin-top: 4px;}.review-text { font-size: 14.5px; color: var(--text); line-height: 1.6; }.review-text .quote-mark {font-family: 'Newsreader', serif; font-style: italic;font-size: 32px; line-height: 0; color: var(--brand);vertical-align: -0.3em; margin-right: 6px;}.related-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; }@media (max-width: 720px) { .related-grid { grid-template-columns: repeat(2, 1fr); } }.related-card {background: var(--paper); border: 1px solid var(--rule);border-radius: 18px; overflow: hidden;transition: all .3s;display: flex; flex-direction: column;}.related-card:hover {border-color: var(--brand-200); transform: translateY(-3px);box-shadow: 0 18px 40px -20px rgba(0,102,179,0.25);}.related-card .rc-img { aspect-ratio: 1; overflow: hidden; background: var(--brand-50); }.related-card .rc-img img {width: 100%; height: 100%; object-fit: cover;transition: transform .5s;}.related-card:hover .rc-img img { transform: scale(1.05); }.related-card .rc-body { padding: 14px 16px 16px; display: flex; flex-direction: column; flex: 1; }.related-card .rc-brand {font-family: 'IBM Plex Mono', monospace;font-size: 10px; color: var(--brand);letter-spacing: 0.1em; text-transform: uppercase; font-weight: 600;}.related-card .rc-name {font-weight: 700; font-size: 14px; color: var(--ink);line-height: 1.3; min-height: 36px; margin: 4px 0 10px;letter-spacing: -0.01em;}.related-card .rc-name .it { font-family: 'Newsreader', serif; font-style: italic; font-weight: 400; color: var(--brand); }.related-card .rc-foot {margin-top: auto; padding-top: 10px;display: flex; justify-content: space-between; align-items: center;border-top: 1px dashed var(--rule);}.related-card .rc-price { font-weight: 700; font-size: 13px; color: var(--ink); }.related-card .rc-cta {font-family: 'IBM Plex Mono', monospace;font-size: 11px; color: var(--brand); letter-spacing: 0.06em;}.callout {margin: 24px 0; padding: 20px 22px; border-radius: 16px;background: linear-gradient(165deg, rgba(232,153,0,0.08), transparent);border: 1px solid rgba(232,153,0,0.25);display: flex; gap: 14px;}.callout .co-icon {width: 36px; height: 36px; border-radius: 10px;background: var(--amber); color: #fff;display: flex; align-items: center; justify-content: center;flex-shrink: 0;}.callout strong { color: var(--ink); font-weight: 700; display: block; margin-bottom: 4px; }.callout p { margin: 0; font-size: 14px; color: var(--text); }.nav-toggle {display: none;width: 44px; height: 44px;align-items: center; justify-content: center;border-radius: 10px;border: 1px solid var(--rule);background: var(--paper);color: var(--ink);cursor: pointer;flex-shrink: 0;transition: all .2s;}.nav-toggle:hover { background: var(--brand-50); color: var(--brand); border-color: var(--brand-200); }.nav-toggle:active { transform: scale(0.96); }.drawer-overlay {position: fixed; inset: 0;background: rgba(11, 34, 56, 0.5);backdrop-filter: blur(2px);opacity: 0; visibility: hidden;transition: opacity .25s ease, visibility .25s ease;z-index: 55;}.drawer-overlay.open { opacity: 1; visibility: visible; }.drawer {position: fixed; top: 0; right: 0;height: 100vh; height: 100dvh;width: min(86vw, 360px);background: var(--paper);box-shadow: -24px 0 60px -28px rgba(11, 34, 56, 0.5);transform: translateX(100%);transition: transform .3s cubic-bezier(.4, 0, .2, 1);z-index: 60;display: flex; flex-direction: column;padding: 18px 20px calc(20px + env(safe-area-inset-bottom));overflow-y: auto;-webkit-overflow-scrolling: touch;}.drawer.open { transform: translateX(0); }.drawer-head {display: flex; align-items: center; justify-content: space-between;padding-bottom: 16px; margin-bottom: 4px;border-bottom: 1px solid var(--rule);}.drawer-title {font-family: 'IBM Plex Mono', monospace;font-size: 11px; letter-spacing: 0.16em; text-transform: uppercase;color: var(--brand); font-weight: 600;}.drawer-close {width: 40px; height: 40px;display: inline-flex; align-items: center; justify-content: center;border-radius: 10px; border: 1px solid var(--rule);background: transparent; color: var(--text); cursor: pointer;transition: all .2s;}.drawer-close:hover { background: var(--rose-50); color: var(--rose); border-color: rgba(211, 77, 92, 0.3); }.drawer-search {position: relative; margin: 18px 0 8px;}.drawer-search svg {position: absolute; left: 15px; top: 50%; transform: translateY(-50%);color: var(--muted);}.drawer-search input {width: 100%; height: 48px;padding: 0 16px 0 44px;border: 1px solid var(--rule); background: var(--bg);border-radius: 12px;font-family: 'Manrope', sans-serif; font-size: 15px; color: var(--ink);transition: all .2s;}.drawer-search input:focus {outline: none; background: #fff; border-color: var(--brand);box-shadow: 0 0 0 4px var(--brand-50);}.drawer-nav { display: flex; flex-direction: column; padding: 8px 0; }.drawer-nav a {display: flex; align-items: center; gap: 12px;min-height: 52px; padding: 0 8px;font-size: 16px; font-weight: 600; color: var(--ink);border-bottom: 1px solid #f0f4f8;transition: color .15s, padding .15s;}.drawer-nav a:last-child { border-bottom: none; }.drawer-nav a .dn-num {font-family: 'IBM Plex Mono', monospace;font-size: 11px; font-weight: 500; letter-spacing: 0.1em;color: var(--brand); width: 22px; flex-shrink: 0;}.drawer-nav a:hover, .drawer-nav a:active { color: var(--brand); padding-left: 12px; }.drawer-nav a.active { color: var(--brand); }.drawer-nav a.active .dn-num { color: var(--teal); }.drawer-quick {display: flex; flex-wrap: wrap; gap: 8px;padding: 16px 0; margin-top: 4px;border-top: 1px solid var(--rule);}.drawer-quick a {display: inline-flex; align-items: center; gap: 7px;padding: 9px 14px; border-radius: 999px;font-size: 12.5px; font-weight: 600; color: var(--text);background: var(--bg); border: 1px solid var(--rule);transition: all .2s;}.drawer-quick a:hover { border-color: var(--brand-200); color: var(--brand); }.drawer-quick .dq-b2b {color: var(--teal-700); background: var(--teal-50); border-color: var(--teal-300);}.drawer-quick .dq-b2b:hover { background: var(--teal); color: #fff; border-color: var(--teal); }.drawer-cta {margin-top: auto; justify-content: center;width: 100%; height: 50px;font-size: 15px;}@media (max-width: 880px) {.nav-toggle { display: inline-flex; }}@media (prefers-reduced-motion: reduce) {.drawer { transition: none; }.drawer-overlay { transition: none; }}.article-layout {display: grid;grid-template-columns: 1fr 280px;gap: 64px;}.article-prose {max-width: 720px;font-size: 17px;line-height: 1.75;color: var(--text);}@media (max-width: 880px) {.article-layout { grid-template-columns: 1fr; gap: 40px; }}.article-prose, .desc-prose { overflow-wrap: break-word; }.article-prose img, .desc-prose img { max-width: 100%; height: auto; }.article-prose pre, .desc-prose pre { overflow-x: auto; }.article-prose table, .desc-prose table { display: block; max-width: 100%; overflow-x: auto; }.cart-icon { position: relative; }.cart-badge {position: absolute; top: -5px; right: -5px;min-width: 18px; height: 18px; padding: 0 5px;display: inline-flex; align-items: center; justify-content: center;background: var(--teal); color: #fff;font-family: 'IBM Plex Mono', monospace; font-size: 10.5px; font-weight: 700;line-height: 1; border-radius: 999px; border: 2px solid var(--paper);pointer-events: none;}.cart-badge.hidden { display: none; }.cart-overlay {position: fixed; inset: 0;background: rgba(11, 34, 56, 0.5); backdrop-filter: blur(2px);opacity: 0; visibility: hidden;transition: opacity .25s ease, visibility .25s ease;z-index: 55;}.cart-overlay.open { opacity: 1; visibility: visible; }.cart-drawer { padding-bottom: calc(16px + env(safe-area-inset-bottom)); }.mc-body { flex: 1; overflow-y: auto; padding: 6px 0; }.mc-empty { text-align: center; padding: 48px 16px; color: var(--muted); }.mc-empty p { margin: 0 0 16px; }.mc-item {display: grid; grid-template-columns: 56px 1fr 28px; gap: 12px;align-items: start; padding: 14px 0; border-bottom: 1px solid #f0f4f8;}.mc-thumb {width: 56px; height: 56px; border-radius: 10px; overflow: hidden;background: var(--bg); border: 1px solid var(--rule);display: flex; align-items: center; justify-content: center;}.mc-thumb img { width: 100%; height: 100%; object-fit: cover; }.mc-noimg { font-family: 'IBM Plex Mono', monospace; font-weight: 700; color: var(--brand-200); font-size: 14px; }.mc-main { min-width: 0; }.mc-name {display: block; font-weight: 600; font-size: 13.5px; color: var(--ink);line-height: 1.35; margin-bottom: 2px;overflow: hidden; text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical;}.mc-sku { font-family: 'IBM Plex Mono', monospace; font-size: 11px; color: var(--muted); }.mc-remove {width: 28px; height: 28px; border: none; background: transparent;color: var(--muted); cursor: pointer; border-radius: 8px;display: inline-flex; align-items: center; justify-content: center;}.mc-remove:hover { background: var(--rose-50); color: var(--rose); }.mc-qty, .cp-qty, [data-qstepper] {display: inline-flex; align-items: center; margin-top: 8px;border: 1px solid var(--rule); border-radius: 9px; overflow: hidden; background: #fff;}.qstep {width: 32px; height: 32px; border: none; background: transparent;color: var(--ink); font-size: 17px; line-height: 1; cursor: pointer;display: inline-flex; align-items: center; justify-content: center;}.qstep:hover { background: var(--brand-50); color: var(--brand); }.qval {width: 40px; height: 32px; border: none; text-align: center;font-family: 'IBM Plex Mono', monospace; font-size: 13px; color: var(--ink);border-left: 1px solid var(--rule); border-right: 1px solid var(--rule);background: transparent;}.qval:focus { outline: none; background: var(--brand-50); }.mc-foot { border-top: 1px solid var(--rule); padding-top: 14px; margin-top: auto; }.mc-foot.hidden { display: none; }.mc-count { display: block; font-size: 12.5px; color: var(--muted); margin-bottom: 10px; text-align: center; }.mc-checkout { width: 100%; justify-content: center; height: 48px; }.btn-add-cart {display: inline-flex; align-items: center; justify-content: center; gap: 7px;height: 40px; padding: 0 16px; border-radius: 10px;background: var(--teal-50); color: var(--teal-700); border: 1px solid var(--teal-300);font-family: 'Manrope', sans-serif; font-size: 13.5px; font-weight: 600; cursor: pointer;transition: all .18s;}.btn-add-cart:hover { background: var(--teal); color: #fff; border-color: var(--teal); }.btn-add-cart svg { flex-shrink: 0; }.btn-add-cart.full { width: 100%; height: 48px; font-size: 15px; }.card-add { width: 100%; margin-top: 10px; }.buy-block .cta-row { display: flex; gap: 10px; flex-wrap: wrap; }.buy-block .cta-row .btn-add-cart, .buy-block .cta-row .btn-primary { flex: 1; min-width: 160px; height: 48px; }.buy-tel { width: 100%; justify-content: center; margin-top: 10px; }.cart-toast {position: fixed; left: 50%; bottom: 28px; transform: translate(-50%, 24px);background: var(--ink); color: #fff; padding: 12px 20px; border-radius: 12px;font-size: 14px; font-weight: 600; box-shadow: var(--shadow);opacity: 0; visibility: hidden; transition: all .3s cubic-bezier(.4,0,.2,1);z-index: 80; max-width: 90vw; text-align: center;}.cart-toast.show { opacity: 1; visibility: visible; transform: translate(-50%, 0); }.cart-page { padding: 32px 0 64px; }.cart-grid { display: grid; grid-template-columns: 1fr 380px; gap: 32px; align-items: start; }.cart-list-col { min-width: 0; }.cart-list-head { display: flex; align-items: baseline; justify-content: space-between; margin-bottom: 14px; }.cart-list-head h2 { margin: 0; font-size: 20px; color: var(--ink); }#cartSummary { font-family: 'IBM Plex Mono', monospace; font-size: 12.5px; color: var(--muted); }.cp-row {display: grid; grid-template-columns: 72px 1fr auto 34px; gap: 16px;align-items: center; padding: 16px 0; border-bottom: 1px solid var(--rule);}.cp-thumb {width: 72px; height: 72px; border-radius: 12px; overflow: hidden;background: var(--bg); border: 1px solid var(--rule);display: flex; align-items: center; justify-content: center;}.cp-thumb img { width: 100%; height: 100%; object-fit: cover; }.cp-info { min-width: 0; }.cp-name { display: block; font-weight: 600; font-size: 15px; color: var(--ink); line-height: 1.4; }.cp-sku { font-family: 'IBM Plex Mono', monospace; font-size: 11.5px; color: var(--muted); }.cp-qty { margin-top: 0; }.cp-remove {width: 34px; height: 34px; border: 1px solid var(--rule); background: #fff;color: var(--muted); cursor: pointer; border-radius: 9px;display: inline-flex; align-items: center; justify-content: center;}.cp-remove:hover { background: var(--rose-50); color: var(--rose); border-color: rgba(211,77,92,0.3); }.cart-empty { text-align: center; padding: 72px 20px; color: var(--muted); }.cart-empty svg { color: var(--brand-200); margin-bottom: 16px; }.cart-empty h2 { color: var(--ink); margin: 0 0 8px; font-size: 22px; }.cart-empty p { margin: 0 0 22px; }.hidden { display: none; }.rfq-card {background: var(--paper); border: 1px solid var(--rule); border-radius: 16px;padding: 24px; box-shadow: var(--shadow); position: sticky; top: 18px;}.rfq-card h2 { margin: 0 0 4px; font-size: 18px; color: var(--ink); }.rfq-card .rfq-sub { margin: 0 0 18px; font-size: 13px; color: var(--muted); }.rfq-field { margin-bottom: 14px; }.rfq-field label { display: block; font-size: 12.5px; font-weight: 600; color: var(--navy); margin-bottom: 5px; }.rfq-field label .req { color: var(--rose); }.rfq-field input, .rfq-field textarea {width: 100%; padding: 11px 14px; border: 1px solid var(--rule); border-radius: 10px;font-family: 'Manrope', sans-serif; font-size: 14.5px; color: var(--ink); background: var(--bg);transition: all .18s;}.rfq-field textarea { resize: vertical; min-height: 76px; }.rfq-field input:focus, .rfq-field textarea:focus {outline: none; background: #fff; border-color: var(--brand); box-shadow: 0 0 0 4px var(--brand-50);}.rfq-hp { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }.rfq-error {background: var(--rose-50); border: 1px solid rgba(211,77,92,0.3); color: var(--rose);padding: 11px 14px; border-radius: 10px; font-size: 13px; margin-bottom: 14px;}.rfq-error.hidden { display: none; }.rfq-submit { width: 100%; height: 50px; justify-content: center; font-size: 15px; margin-top: 4px; }.rfq-note-sm { font-size: 11.5px; color: var(--muted); margin: 12px 0 0; line-height: 1.5; }.thanks-wrap { max-width: 600px; margin: 0 auto; text-align: center; padding: 72px 20px 88px; }.thanks-icon {width: 76px; height: 76px; border-radius: 50%; background: var(--teal-50);color: var(--teal); display: inline-flex; align-items: center; justify-content: center;margin-bottom: 22px; border: 1px solid var(--teal-300);}.thanks-wrap h1 { font-size: 28px; color: var(--ink); margin: 0 0 12px; }.thanks-wrap p { color: var(--text); margin: 0 0 8px; }.thanks-code {display: inline-block; margin: 18px 0 26px; padding: 10px 20px;background: var(--bg); border: 1px dashed var(--brand-200); border-radius: 10px;font-family: 'IBM Plex Mono', monospace; font-size: 16px; font-weight: 600; color: var(--brand);}.thanks-actions { display: flex; gap: 12px; justify-content: center; flex-wrap: wrap; }@media (max-width: 880px) {.cart-grid { grid-template-columns: 1fr; gap: 24px; }.rfq-card { position: static; }}@media (max-width: 560px) {.cp-row { grid-template-columns: 56px 1fr 34px; row-gap: 10px; }.cp-thumb { width: 56px; height: 56px; }.cp-qty { grid-column: 2 / 3; justify-self: start; }.cp-remove { grid-row: 1; grid-column: 3; }}@media (prefers-reduced-motion: reduce) {.cart-overlay, .cart-toast { transition: none; }}