:root {
  --ink: #101524;
  --muted: #697083;
  --line: #e3e6ec;
  --soft: #f5f6f8;
  --blue: #315df4;
  --blue-dark: #2248cf;
  --lime: #dafa48;
  --green: #14835c;
  --navy: #111827;
  --white: #fff;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: #fff; color: var(--ink); font-family: var(--font-geist-sans), Arial, sans-serif; font-size: 15px; -webkit-font-smoothing: antialiased; }
a { color: inherit; text-decoration: none; }
button, input, textarea, select { font: inherit; }
button, select { cursor: pointer; }
button { color: inherit; }
.shell { width: min(1240px, calc(100% - 48px)); margin-inline: auto; }
.notice-bar { min-height: 32px; padding: 6px 24px; display: flex; align-items: center; justify-content: center; gap: 36px; background: #101522; color: #e6e9f0; font-size: 12px; letter-spacing: .02em; }
.notice-bar span, .notice-bar a { display: flex; align-items: center; gap: 7px; }
.notice-bar a { color: var(--lime); font-weight: 650; }
.site-header { height: 70px; padding: 0 max(24px, calc((100vw - 1240px) / 2)); display: flex; align-items: center; justify-content: space-between; gap: 28px; border-bottom: 1px solid var(--line); background: rgba(255,255,255,.94); position: sticky; top: 0; z-index: 50; backdrop-filter: blur(14px); }
.brand { display: inline-flex; align-items: center; gap: 10px; font-size: 17px; font-weight: 850; letter-spacing: -.04em; white-space: nowrap; }
.brand > span:last-child > span { color: var(--blue); }
.brand-mark { width: 34px; height: 34px; border-radius: 8px; display: grid; place-items: center; color: white; background: var(--blue); box-shadow: inset 0 0 0 1px rgba(255,255,255,.25); }
.desktop-nav { height: 100%; display: flex; align-items: center; gap: 30px; }
.desktop-nav a { height: 100%; display: flex; align-items: center; position: relative; color: #50576a; font-size: 14px; font-weight: 590; }
.desktop-nav a:hover, .desktop-nav a.active { color: var(--ink); }
.desktop-nav a.active::after { content: ""; height: 2px; background: var(--blue); position: absolute; inset: auto 0 -1px; }
.header-actions { display: flex; align-items: center; gap: 8px; }
.region-button, .icon-button, .mobile-menu { border: 0; background: transparent; }
.region-button { display: flex; align-items: center; gap: 5px; padding: 8px; color: #596073; font-size: 12px; }
.icon-button { width: 38px; height: 38px; display: grid; place-items: center; border: 1px solid var(--line); border-radius: 9px; background: #fff; }
.icon-button:hover { background: var(--soft); }
.mobile-menu { display: none; }
.mobile-nav { display: none; }
.button { min-height: 44px; padding: 0 19px; border: 1px solid transparent; border-radius: 8px; display: inline-flex; align-items: center; justify-content: center; gap: 8px; font-size: 14px; font-weight: 680; transition: .18s ease; }
.button:hover { transform: translateY(-1px); box-shadow: 0 7px 18px rgba(16,21,36,.10); }
.button-small { min-height: 36px; padding: 0 14px; font-size: 12px; }
.button-dark { background: var(--ink); color: #fff; }
.button-primary { background: var(--blue); color: #fff; }
.button-primary:hover { background: var(--blue-dark); }
.button-outline { background: #fff; color: var(--ink); border-color: var(--line); }
.button-light { background: #fff; color: var(--ink); }
.button-success { background: #e7f7ef; color: var(--green); border-color: #bce7d1; }
.text-link { display: inline-flex; align-items: center; gap: 6px; color: var(--blue); font-size: 13px; font-weight: 680; }
.text-link:hover { gap: 9px; }
.kicker { display: inline-flex; align-items: center; gap: 7px; color: var(--blue); font-size: 11px; font-weight: 750; letter-spacing: .105em; text-transform: uppercase; }
.live-dot, .status-dot { width: 7px; height: 7px; border-radius: 50%; background: #22b87a; box-shadow: 0 0 0 4px rgba(34,184,122,.13); }
h1, h2, h3, p { margin-top: 0; }
h1, h2, h3 { letter-spacing: -.045em; }
.home-hero { min-height: 590px; display: grid; grid-template-columns: 1.22fr .78fr; align-items: center; gap: 72px; padding-top: 72px; padding-bottom: 72px; }
.hero-copy h1 { max-width: 760px; margin: 19px 0 22px; font-size: clamp(50px, 5.5vw, 76px); line-height: .98; font-weight: 770; }
.hero-copy h1 em { color: var(--blue); font-style: normal; }
.hero-copy > p { max-width: 670px; margin-bottom: 31px; color: var(--muted); font-size: 18px; line-height: 1.65; }
.hero-search { height: 60px; padding: 7px 7px 7px 18px; display: flex; align-items: center; gap: 12px; border: 1px solid #d9dde6; border-radius: 10px; background: #fff; box-shadow: 0 13px 36px rgba(20,28,52,.09); }
.hero-search > svg { color: #81889a; flex: 0 0 auto; }
.hero-search input { flex: 1; min-width: 0; border: 0; outline: 0; color: var(--ink); }
.hero-search input::placeholder { color: #9298a7; }
.hero-search button { height: 46px; padding: 0 18px; border: 0; border-radius: 7px; display: flex; align-items: center; gap: 8px; background: var(--blue); color: #fff; font-size: 13px; font-weight: 680; }
.popular-searches { margin-top: 15px; display: flex; flex-wrap: wrap; gap: 11px; color: #7d8495; font-size: 12px; }
.popular-searches a { color: #4c5467; border-bottom: 1px solid #cfd3db; }
.hero-market-panel { border: 1px solid #dfe3eb; border-radius: 16px; overflow: hidden; background: #f8f9fc; box-shadow: 0 25px 70px rgba(31,44,83,.13); }
.market-panel-top { height: 43px; padding: 0 16px; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid var(--line); background: #fff; color: #7b8292; font-size: 9px; letter-spacing: .08em; }
.market-panel-top span:first-child { color: var(--blue); font-weight: 750; }
.market-orbit { height: 326px; position: relative; overflow: hidden; background: radial-gradient(circle at center, #fff 0, #f5f7ff 38%, #edf0f7 100%); }
.market-orbit::before { content: ""; position: absolute; inset: 0; opacity: .35; background-image: linear-gradient(#dfe3ec 1px, transparent 1px), linear-gradient(90deg,#dfe3ec 1px, transparent 1px); background-size: 30px 30px; }
.orbit-ring { position: absolute; inset: 50% auto auto 50%; border: 1px solid #cbd2e1; border-radius: 50%; transform: translate(-50%,-50%); }
.ring-a { width: 120px; height: 120px; }
.ring-b { width: 225px; height: 225px; }
.ring-c { width: 335px; height: 335px; border-style: dashed; }
.market-core { width: 76px; height: 76px; position: absolute; inset: 50% auto auto 50%; display: grid; place-items: center; transform: translate(-50%,-50%); border-radius: 21px; background: var(--blue); color: white; box-shadow: 0 15px 35px rgba(49,93,244,.35); }
.signal-node { position: absolute; z-index: 2; display: flex; align-items: center; gap: 7px; padding: 8px 10px; border: 1px solid #d9deea; border-radius: 8px; background: rgba(255,255,255,.95); color: var(--blue); box-shadow: 0 8px 18px rgba(32,44,74,.09); }
.signal-node small { color: #474f60; font-size: 10px; font-weight: 650; }
.node-a { top: 18%; left: 12%; }.node-b { top: 21%; right: 9%; }.node-c { right: 15%; bottom: 15%; }
.market-metrics { display: grid; grid-template-columns: repeat(3,1fr); border-top: 1px solid var(--line); background: #fff; }
.market-metrics div { padding: 17px 10px; text-align: center; border-right: 1px solid var(--line); }
.market-metrics div:last-child { border: 0; }.market-metrics strong { display: block; font-size: 19px; }.market-metrics span { color: var(--muted); font-size: 10px; text-transform: uppercase; letter-spacing: .06em; }
.trust-strip { border-block: 1px solid var(--line); background: #fafbfc; }
.trust-strip-inner { min-height: 76px; display: flex; align-items: center; justify-content: space-between; gap: 28px; color: #a0a5b1; }
.trust-strip-inner span { font-size: 11px; text-transform: uppercase; letter-spacing: .08em; }.trust-strip-inner strong { color: #7b8190; font-size: 13px; letter-spacing: -.02em; }
.section { padding-top: 104px; padding-bottom: 104px; }
.section-tinted { background: #f4f6f9; }
.section-heading { margin-bottom: 36px; display: flex; align-items: end; justify-content: space-between; gap: 24px; }
.section-heading h2 { margin: 8px 0 0; font-size: clamp(32px, 3vw, 45px); line-height: 1.08; }
.category-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 14px; }
.category-card { min-height: 305px; padding: 25px; border: 1px solid var(--line); border-radius: 12px; display: flex; flex-direction: column; justify-content: space-between; background: white; transition: .2s ease; }
.category-card:hover { transform: translateY(-4px); box-shadow: 0 18px 38px rgba(21,28,51,.09); border-color: #cfd4df; }
.category-card-primary { background: var(--blue); color: #fff; border-color: var(--blue); }
.category-icon { width: 48px; height: 48px; display: grid; place-items: center; border-radius: 10px; background: #eff2ff; color: var(--blue); }
.category-card-primary .category-icon { background: rgba(255,255,255,.15); color: white; }
.category-card > div:nth-child(2) span { color: var(--blue); font-size: 10px; font-weight: 700; text-transform: uppercase; letter-spacing: .08em; }
.category-card-primary > div:nth-child(2) span { color: #dbe2ff; }
.category-card h3 { margin: 7px 0 10px; font-size: 26px; }.category-card p { margin: 0; color: var(--muted); font-size: 13px; line-height: 1.55; }.category-card-primary p { color: #dbe2ff; }
.category-card > strong { display: flex; align-items: center; justify-content: space-between; font-size: 12px; }
.product-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 15px; }
.product-grid.three-col { grid-template-columns: repeat(3,1fr); }
.product-card { min-width: 0; overflow: hidden; border: 1px solid var(--line); border-radius: 12px; background: #fff; transition: .2s ease; }
.product-card:hover { transform: translateY(-3px); border-color: #ccd2de; box-shadow: 0 16px 34px rgba(17,24,39,.08); }
.product-card-visual { display: block; position: relative; }
.product-visual { height: 224px; position: relative; overflow: hidden; display: grid; place-items: center; background: #eef1f5; color: #3257da; }
.product-image { width: 100%; height: 100%; display: block; object-fit: cover; transition: transform .35s ease; }
.product-card:hover .product-image { transform: scale(1.035); }
.fictional-chip { position:absolute;z-index:3;left:12px;bottom:10px;padding:5px 7px;border:1px solid rgba(255,255,255,.75);border-radius:4px;background:rgba(255,255,255,.84);backdrop-filter:blur(8px);color:#687083;font:700 8px var(--font-geist-mono);letter-spacing:.07em; }
.accent-cobalt { background: linear-gradient(145deg,#e6ebff,#cbd7ff)!important; color: #315df4!important; }
.accent-violet { background: linear-gradient(145deg,#eee9ff,#d9cdfd)!important; color: #7752cd!important; }
.accent-mint { background: linear-gradient(145deg,#ddf7ed,#bcead9)!important; color: #168565!important; }
.accent-orange { background: linear-gradient(145deg,#fff0dc,#f7d4a5)!important; color: #be6718!important; }
.accent-sky { background: linear-gradient(145deg,#e2f5fd,#bce5f5)!important; color: #2380a4!important; }
.accent-graphite { background: linear-gradient(145deg,#eceff3,#cfd5dd)!important; color: #4e5b6a!important; }
.visual-grid { position: absolute; inset: 0; opacity: .24; background-image: linear-gradient(currentColor 1px,transparent 1px),linear-gradient(90deg,currentColor 1px,transparent 1px); background-size: 28px 28px; mask-image: linear-gradient(to bottom,transparent,black 25%,black 75%,transparent); }
.visual-orbit { position: absolute; border: 1px solid currentColor; border-radius: 50%; opacity: .2; }.orbit-one { width: 150px; height: 150px; }.orbit-two { width: 260px; height: 260px; border-style: dashed; }
.visual-icon { width: 78px; height: 78px; z-index: 2; filter: drop-shadow(0 10px 12px rgba(32,44,70,.15)); }
.visual-code { position: absolute; right: 12px; bottom: 12px; z-index: 3; padding:4px 6px; border-radius:4px; background:rgba(255,255,255,.75); color:#5f6778; font: 600 8px var(--font-geist-mono); letter-spacing: .08em; }
.stock-pill { position: absolute; top: 12px; left: 12px; z-index: 3; padding: 5px 8px; border: 1px solid rgba(255,255,255,.7); border-radius: 5px; background: rgba(255,255,255,.85); backdrop-filter: blur(8px); color: #5a6273; font-size: 9px; font-weight: 700; text-transform: uppercase; letter-spacing: .05em; }
.stock-pill.in-stock { color: var(--green); }
.product-card-body { padding: 18px; }
.eyebrow-row { margin-bottom: 6px; display: flex; align-items: center; justify-content: space-between; color: #767d8e; font-size: 10px; font-weight: 650; text-transform: uppercase; letter-spacing: .07em; }.eyebrow-row svg { color: var(--blue); }
.product-card h3 { margin: 0 0 8px; font-size: 18px; line-height: 1.25; }
.card-specs { height: 37px; margin-bottom: 10px; overflow: hidden; color: var(--muted); font-size: 11px; line-height: 1.55; }
.tag-row { display: flex; flex-wrap: wrap; gap: 5px; }.tag-row span { padding: 4px 6px; border-radius: 4px; background: #f0f2f5; color: #596172; font-size: 9px; font-weight: 600; }
.price-row { margin-top: 17px; padding-top: 15px; border-top: 1px solid #eceef2; display: flex; align-items: center; justify-content: space-between; gap: 12px; }.price-row strong { display: block; font-size: 15px; }.price-row small { display: block; margin-top: 3px; color: #8a90a0; font-size: 9px; }
.round-arrow, .compare-button { width: 32px; height: 32px; flex: 0 0 auto; border: 1px solid var(--line); border-radius: 7px; display: grid; place-items: center; background: white; color: #586072; }.compare-button.selected { border-color: var(--blue); background: var(--blue); color: #fff; }
.sourcing-section { display: grid; grid-template-columns: .8fr 1.2fr; align-items: center; gap: 100px; }.sourcing-copy h2 { margin: 10px 0 20px; font-size: 48px; line-height: 1.05; }.sourcing-copy p { margin-bottom: 28px; color: var(--muted); font-size: 16px; line-height: 1.7; }
.decision-stack { display: grid; gap: 10px; }.decision-card { min-height: 120px; padding: 20px 22px; display: grid; grid-template-columns: 32px 1fr; gap: 13px; border: 1px solid var(--line); border-radius: 10px; background: #fff; }.decision-card > span { color: #a2a8b5; font: 600 11px var(--font-geist-mono); }.decision-card > div { display: grid; grid-template-columns: 28px 1fr; column-gap: 10px; }.decision-card svg { color: var(--blue); }.decision-card strong { align-self: center; }.decision-card p { grid-column: 2; margin: 7px 0 0; color: var(--muted); font-size: 12px; line-height: 1.5; }.decision-card.active { border-color: var(--blue); box-shadow: 0 10px 30px rgba(49,93,244,.10); }
.section-dark { background: #111827; color: #fff; }.section-heading.light .kicker { color: var(--lime); }.section-heading.light .button { background: var(--lime); border-color: var(--lime); }
.compatibility-board { padding: 38px; border: 1px solid #303a4e; border-radius: 14px; display: grid; grid-template-columns: 1fr 140px 1fr 140px 1fr; align-items: center; background: #172033; }.compat-node { padding: 17px; border: 1px solid #38445a; border-radius: 9px; display: grid; grid-template-columns: 44px 1fr 20px; align-items: center; gap: 11px; background: #202a3f; }.compat-node > span { width: 42px; height: 42px; display: grid; place-items: center; border-radius: 8px; background: #2b3851; color: var(--lime); }.compat-node small { display: block; margin-bottom: 4px; color: #93a0b8; font-size: 8px; letter-spacing: .08em; }.compat-node strong { font-size: 13px; }.compat-node > svg { color: var(--lime); }.compat-node.selected { border-color: var(--blue); background: #1d2b55; }.compat-line { height: 1px; position: relative; background: #54617a; }.compat-line::before,.compat-line::after { content:""; width: 5px; height: 5px; position: absolute; top: -2px; border-radius:50%; background: var(--lime); }.compat-line::before{left:0}.compat-line::after{right:0}.compat-line span { padding: 4px 7px; position: absolute; inset: auto auto 9px 50%; transform: translateX(-50%); white-space: nowrap; border-radius: 4px; background: #111827; color: #9facbf; font-size: 8px; }.dark-benefits { margin-top: 23px; display: flex; justify-content: center; gap: 40px; color: #aeb8ca; font-size: 11px; }.dark-benefits span { display: flex; align-items: center; gap: 6px; }.dark-benefits svg { color: var(--lime); }
.supplier-mini-grid { display:grid; grid-template-columns: repeat(3,1fr); gap: 14px; }.supplier-mini { padding: 20px; border: 1px solid var(--line); border-radius: 10px; display: grid; grid-template-columns: 52px 1fr auto; align-items: start; gap: 13px; }.supplier-logo { width: 46px; height: 46px; border-radius: 9px; display:grid; place-items:center; font-weight:800; }.supplier-mini strong { display:block; }.supplier-mini small { display:block; margin-top:4px; color:var(--muted); font-size:10px; }.supplier-mini p { margin:11px 0 0; color:#4f576a; font-size:11px; }.authorized { align-self:start; display:flex; align-items:center; gap:4px; padding:5px 7px; border-radius:5px; background:#ecf8f2; color:var(--green); font-size:9px; font-weight:700; }
.rfq-banner { min-height: 300px; padding: 52px 58px; border-radius: 16px; display:flex; align-items:center; justify-content:space-between; gap:40px; overflow:hidden; position:relative; background:var(--blue); color:#fff; }.rfq-banner::after { content:""; width:400px; height:400px; position:absolute; right:-80px; top:-150px; border:70px solid rgba(255,255,255,.06); border-radius:50%; }.rfq-banner .kicker { color:var(--lime); }.rfq-banner h2 { margin:10px 0 14px; font-size:42px; line-height:1.05; }.rfq-banner p { max-width:570px; margin:0; color:#dbe2ff; line-height:1.6; }.rfq-banner-actions { z-index:1; display:flex; align-items:center; flex-direction:column; gap:12px; }.rfq-banner-actions .button { background:var(--lime); color:var(--ink); }.rfq-banner-actions span { color:#dbe2ff; font-size:9px; }
.site-footer { padding: 68px max(24px, calc((100vw - 1240px) / 2)) 24px; background:#0c111d; color:#c2c8d4; }.footer-main { display:grid; grid-template-columns:2fr repeat(3,1fr); gap:60px; padding-bottom:50px; }.brand-light { color:#fff; }.footer-main > div:first-child p { max-width:340px; margin:20px 0; color:#7f899d; line-height:1.6; }.demo-label { padding:6px 8px; border:1px solid #283245; border-radius:5px; color:#8490a5; font-size:9px; }.footer-links { display:flex; flex-direction:column; gap:11px; font-size:12px; }.footer-links strong { margin-bottom:6px; color:#fff; font-size:11px; text-transform:uppercase; letter-spacing:.08em; }.footer-links a { color:#858fa2; }.footer-links a:hover{color:white}.footer-bottom { padding-top:20px; border-top:1px solid #242c3b; display:flex; justify-content:space-between; color:#626d81; font-size:10px; }

/* Catalog */
.catalog-hero { min-height:250px; padding-top:62px; padding-bottom:44px; display:flex; align-items:end; justify-content:space-between; gap:40px; }.catalog-hero h1 { margin:10px 0 11px; font-size:52px; }.catalog-hero p { max-width:680px; margin:0; color:var(--muted); font-size:16px; line-height:1.6; }.catalog-stat { text-align:right; }.catalog-stat strong { display:block; color:var(--blue); font-size:36px; }.catalog-stat span { color:var(--muted); font-size:10px; text-transform:uppercase; letter-spacing:.07em; }.catalog-shell { padding-bottom:100px; display:grid; grid-template-columns:230px 1fr; gap:34px; }.filter-panel { align-self:start; padding:18px; border:1px solid var(--line); border-radius:10px; position:sticky; top:90px; }.filter-title { padding-bottom:15px; border-bottom:1px solid var(--line); display:flex; justify-content:space-between; }.filter-group { padding:19px 0; border-bottom:1px solid var(--line); display:flex; flex-direction:column; gap:7px; }.filter-group > span { margin-bottom:5px; font-size:10px; font-weight:750; text-transform:uppercase; letter-spacing:.07em; }.filter-option { padding:7px 8px; border:0; border-radius:5px; display:flex; justify-content:space-between; background:transparent; color:#646c7d; text-align:left; font-size:11px; }.filter-option.active { background:#edf1ff; color:var(--blue); font-weight:700; }.filter-option small { color:#989eaa; }.switch-row { padding:18px 0; border-bottom:1px solid var(--line); display:flex; align-items:center; justify-content:space-between; gap:10px; }.switch-row strong,.switch-row small { display:block; font-size:10px; }.switch-row small { margin-top:3px; color:var(--muted); line-height:1.4; }.switch-row input,.difference-toggle input { appearance:none; width:34px; height:19px; flex:0 0 auto; border-radius:20px; background:#d5d9e1; position:relative; }.switch-row input::after,.difference-toggle input::after { content:""; width:15px; height:15px; position:absolute; top:2px; left:2px; border-radius:50%; background:#fff; transition:.2s; }.switch-row input:checked,.difference-toggle input:checked { background:var(--blue); }.switch-row input:checked::after,.difference-toggle input:checked::after { left:17px; }.checkbox-row { display:flex; align-items:center; gap:8px; color:#646c7d; font-size:11px; }.filter-group select,.catalog-toolbar select { height:36px; padding:0 9px; border:1px solid var(--line); border-radius:6px; background:white; color:#596173; font-size:11px; }.catalog-toolbar { margin-bottom:20px; display:flex; align-items:center; gap:12px; }.search-field { height:42px; padding:0 13px; border:1px solid var(--line); border-radius:8px; display:flex; align-items:center; gap:9px; background:#fff; color:#888f9f; }.catalog-toolbar .search-field { flex:1; }.search-field input { width:100%; border:0; outline:0; }.results-count { color:var(--muted); font-size:11px; white-space:nowrap; }.catalog-grid { grid-template-columns:repeat(3,1fr); }.empty-state { padding:80px; text-align:center; color:var(--muted); }.empty-state h3 { margin:14px 0 5px; color:var(--ink); }.compare-dock { width:min(1000px,calc(100% - 40px)); min-height:68px; padding:10px 12px 10px 20px; position:fixed; z-index:40; left:50%; bottom:20px; transform:translateX(-50%); border:1px solid #2f3a50; border-radius:12px; display:flex; align-items:center; gap:18px; background:#151d2c; color:#fff; box-shadow:0 15px 50px rgba(7,11,19,.3); }.compare-dock > div:first-child { display:flex; align-items:center; gap:8px; white-space:nowrap; }.compare-dock > div:first-child span { color:#8490a3; font-size:10px; }.compare-products { flex:1; display:flex; gap:7px; overflow:auto; }.compare-products button { padding:7px 9px; border:1px solid #344057; border-radius:5px; display:flex; align-items:center; gap:6px; background:#202a3d; color:#cdd3df; font-size:10px; }

/* Product detail */
.product-page { padding-top:28px; padding-bottom:110px; }.breadcrumbs { margin-bottom:27px; display:flex; align-items:center; gap:7px; color:#8a91a1; font-size:10px; }.breadcrumbs a { display:flex; align-items:center; gap:5px; color:#5e6677; }.breadcrumbs strong { color:#4a5264; }.product-detail-hero { display:grid; grid-template-columns:1.02fr .98fr; gap:62px; }.product-visual-large { height:500px; border-radius:14px; }.product-visual-large .product-image{object-fit:contain}.gallery-thumbs { margin-top:10px; display:flex; gap:10px; }.gallery-thumbs button { width:72px; height:62px; padding:0; overflow:hidden; border:1px solid var(--line); border-radius:7px; background:#f3f5f8; }.gallery-thumbs button.active { border:2px solid var(--blue); }.gallery-thumbs .product-visual { height:100%; }.gallery-thumbs .product-image{object-fit:cover}.gallery-thumbs .visual-code,.gallery-thumbs .fictional-chip{display:none}.diagram-thumb{font:700 10px var(--font-geist-mono);color:#7d8493}.product-summary { padding-top:4px; }.summary-meta { display:flex; align-items:center; justify-content:space-between; color:var(--blue); font-size:10px; font-weight:700; text-transform:uppercase; letter-spacing:.07em; }.verified-badge,.research-badge { padding:5px 7px; border-radius:5px; display:inline-flex; align-items:center; gap:4px; background:#edf2ff; color:var(--blue); font-size:9px; font-weight:700; text-transform:none; letter-spacing:0; }.verified-badge.subtle { background:#eef8f3;color:var(--green)}.research-badge{background:#f1f2f5;color:#697183}.product-brand { display:block; margin-top:29px; color:#747c8e; font-size:12px; font-weight:650; }.product-summary h1 { margin:6px 0 15px; font-size:46px; line-height:1.02; }.product-lede { color:var(--muted); font-size:15px; line-height:1.65; }.product-tags { margin:18px 0 23px; }.product-tags span { padding:6px 8px; font-size:10px; }.quick-spec-grid { display:grid; grid-template-columns:repeat(4,1fr); border-block:1px solid var(--line); }.quick-spec-grid div { padding:15px 12px; border-right:1px solid var(--line); }.quick-spec-grid div:first-child{padding-left:0}.quick-spec-grid div:last-child{border:0}.quick-spec-grid span,.quick-spec-grid strong{display:block}.quick-spec-grid span{margin-bottom:5px;color:#8c93a2;font-size:9px;text-transform:uppercase}.quick-spec-grid strong{font-size:12px}.buy-box { margin-top:25px; padding:20px; border:1px solid #d8dce5; border-radius:10px; background:#fafbfc; }.buy-price { display:grid; grid-template-columns:1fr auto; align-items:end; }.buy-price span,.buy-price small{color:var(--muted);font-size:10px}.buy-price strong{grid-row:1/3;grid-column:2;font-size:24px}.buy-price small{margin-top:4px}.buy-status{margin:17px 0; padding:14px 0; border-block:1px solid var(--line);display:flex;align-items:center;gap:12px}.buy-status strong,.buy-status small{display:block}.buy-status small{margin-top:4px;color:var(--muted);font-size:10px}.buy-actions{display:grid;grid-template-columns:1.3fr 1fr;gap:8px}.summary-assurances{margin-top:14px;display:flex;justify-content:space-between;color:#71798a;font-size:9px}.summary-assurances span{display:flex;align-items:center;gap:4px}.summary-assurances svg{width:13px}.detail-tabs { margin-top:70px; height:55px; border-bottom:1px solid var(--line); display:flex;gap:30px;position:sticky;top:70px;z-index:20;background:#fff}.detail-tabs a{height:100%;display:flex;align-items:center;position:relative;color:#72798a;font-size:11px;font-weight:600}.detail-tabs a.active{color:var(--ink)}.detail-tabs a.active::after{content:"";height:2px;position:absolute;inset:auto 0 -1px;background:var(--blue)}.detail-section{padding:76px 0;border-bottom:1px solid var(--line)}.detail-two-col{display:grid;grid-template-columns:1.3fr .7fr;gap:100px}.detail-section h2{margin:10px 0 18px;font-size:36px}.detail-two-col>div:first-child>p{max-width:650px;color:var(--muted);line-height:1.8}.feature-list{margin-top:25px;display:grid;grid-template-columns:repeat(2,1fr);gap:13px;color:#485164;font-size:12px}.feature-list span{display:flex;align-items:center;gap:7px}.feature-list svg{width:16px;color:var(--blue)}.data-card{padding:22px;border:1px solid var(--line);border-radius:10px;background:#f8f9fb}.data-card-header{display:flex;justify-content:space-between;align-items:center}.confidence-score{margin:22px 0;display:flex;align-items:center;gap:16px}.confidence-score>strong{font-size:29px}.confidence-score>div{flex:1;height:6px;border-radius:5px;background:#e1e5ed;position:relative}.confidence-score>div span{height:100%;display:block;border-radius:5px;background:var(--green)}.confidence-score small{display:block;margin-top:8px;color:var(--muted);font-size:8px}.data-card dl{margin:0}.data-card dl div{padding:10px 0;border-top:1px solid var(--line);display:flex;justify-content:space-between;font-size:10px}.data-card dt{color:var(--muted)}.data-card dd{margin:0;font-weight:600}.data-card>p{margin:14px 0 0;color:#9298a5;font-size:8px}.spec-table{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.spec-table div{padding:20px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr auto;gap:5px}.spec-table span{color:#6c7485;font-size:10px}.spec-table strong{font-size:13px}.spec-table small{grid-column:1/3;color:#a1a6b1;font-size:8px}.compatibility-empty{padding:24px;border:1px solid var(--line);border-radius:10px;display:flex;align-items:center;gap:16px}.compatibility-empty>svg{color:var(--green)}.compatibility-empty>div{flex:1}.compatibility-empty p{margin:5px 0 0;color:var(--muted);font-size:11px}.last-updated{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:9px}.seller-table{border:1px solid var(--line);border-radius:10px;overflow:hidden}.seller-table-head,.seller-row{padding:13px 18px;display:grid;grid-template-columns:1.5fr 1fr 1.1fr .7fr .7fr;align-items:center;gap:16px}.seller-table-head{background:#f5f6f8;color:#7d8494;font-size:9px;text-transform:uppercase;letter-spacing:.05em}.seller-row{border-top:1px solid var(--line);font-size:11px}.seller-name{display:flex;align-items:center;gap:10px}.seller-name>span{width:32px;height:32px;border-radius:7px;display:grid;place-items:center;background:#eef1f6;color:var(--blue);font-weight:800}.seller-name strong,.seller-name small{display:block}.seller-name small{margin-top:3px;display:flex;align-items:center;gap:3px;color:var(--green);font-size:8px}.seller-row>span:not(.seller-name){display:flex;align-items:center;gap:5px;color:#636b7c}.resources-section{display:grid;grid-template-columns:1fr 1fr;gap:80px}.resources-section>div:first-child p{max-width:500px;color:var(--muted);line-height:1.6}.resource-list{display:grid;gap:8px}.resource-list a{padding:15px;border:1px solid var(--line);border-radius:8px;display:grid;grid-template-columns:24px 1fr 16px;align-items:center;font-size:12px;font-weight:600}.resource-list a svg:last-child{width:14px;color:#89909f}

.catalog-load-more{margin:28px auto 0;display:flex}.market-menu-wrap{position:relative}.market-menu{width:178px;padding:7px;position:absolute;z-index:70;right:0;top:38px;border:1px solid var(--line);border-radius:9px;display:grid;gap:3px;background:#fff;box-shadow:0 16px 40px rgba(17,24,39,.16)}.market-menu button{padding:9px 10px;border:0;border-radius:6px;display:flex;align-items:center;justify-content:space-between;background:transparent;color:#535c6f;text-align:left;font-size:10px;font-weight:700}.market-menu button:hover,.market-menu button.active{background:#edf1ff;color:var(--blue)}.market-menu small{font-size:7px;font-weight:500;color:#9198a7}.inline-toast{width:max-content;max-width:calc(100% - 40px);padding:10px 14px;position:fixed;z-index:90;top:105px;left:50%;transform:translateX(-50%);border:1px solid #bce7d1;border-radius:8px;background:#e7f7ef;color:var(--green);box-shadow:0 12px 30px rgba(20,30,55,.14);font-size:10px;font-weight:700}.resource-list button{padding:15px;border:1px solid var(--line);border-radius:8px;display:grid;grid-template-columns:24px 1fr 16px;align-items:center;background:#fff;color:var(--ink);text-align:left;font-size:12px;font-weight:600}.resource-list button svg:last-child{width:14px;color:#89909f}.interactive-gallery{min-width:0}.gallery-stage{min-height:500px}.gallery-spec-card{height:500px;padding:46px;border-radius:14px;background:#121a2b;color:#fff}.gallery-spec-card>span{color:var(--lime);font:700 9px var(--font-geist-mono);letter-spacing:.09em}.gallery-spec-card h3{margin:12px 0 35px;font-size:28px}.gallery-spec-card>div{padding:14px 0;border-top:1px solid #30394c;display:flex;justify-content:space-between}.gallery-spec-card>div span{color:#929eb4;font-size:10px}.gallery-spec-card>div strong{font-size:12px}.spin-control{width:min(360px,calc(100% - 32px));padding:9px 12px;position:absolute;z-index:5;left:50%;bottom:15px;transform:translateX(-50%);border-radius:7px;display:grid;grid-template-columns:17px 65px 1fr;align-items:center;gap:8px;background:rgba(16,24,39,.85);color:white;font-size:9px}.spin-control input{width:100%}.spin-view .fictional-chip,.spin-view .visual-code{bottom:62px}

/* Comparison */
.compare-page { padding-top:42px; padding-bottom:110px; }
.back-link { display:inline-flex;align-items:center;gap:6px;color:#687083;font-size:11px }
.compare-heading{margin:34px 0 35px;display:flex;align-items:end;justify-content:space-between;gap:30px}
.compare-heading h1{margin:9px 0;font-size:48px}.compare-heading p{margin:0;color:var(--muted)}
.difference-toggle{display:flex;align-items:center;gap:10px;color:#5f6779;font-size:11px}
.compare-table{display:grid;grid-template-columns:185px repeat(var(--compare-count),minmax(190px,1fr)) minmax(0,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line);overflow:auto}
.compare-corner,.compare-product-head,.compare-add,.compare-row-label,.compare-cell{min-width:0;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
.compare-corner{padding:18px;background:#f6f7f9}.compare-corner span,.compare-corner small{display:block}.compare-corner span{font-weight:700}.compare-corner small{margin-top:4px;color:var(--muted);font-size:9px}
.compare-product-head{padding:15px;position:relative}.compare-product-head>button{width:26px;height:26px;position:absolute;top:8px;right:8px;z-index:2;border:0;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.85)}
.compare-product-head .product-visual{height:135px;margin-bottom:13px;border-radius:7px}.compare-product-head .visual-icon{width:48px;height:48px}
.compare-product-head>span,.compare-product-head>strong,.compare-product-head>small{display:block}.compare-product-head>span{color:var(--muted);font-size:9px;text-transform:uppercase}.compare-product-head>strong{margin:4px 0;font-size:14px}.compare-product-head>small{color:var(--muted);font-size:9px}
.compare-add{padding:20px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;background:#fafbfc;color:#71798a}.compare-add strong{font-size:12px}.compare-add span{font-size:9px}
.compare-row-label,.compare-cell{min-height:70px;padding:17px 15px;display:flex;justify-content:center;flex-direction:column;background:#fff}.compare-row-label{background:#f8f9fa;color:#646c7d;font-size:10px;font-weight:650}.compare-row-label.important,.compare-cell.important{background:#f0f3fc}
.compare-cell strong{font-size:13px}.compare-cell small{margin-top:5px;display:flex;align-items:center;gap:4px;color:#8c93a1;font-size:8px}.compare-cell.different{background:#fffce6;box-shadow:inset 3px 0 0 #f0cf38}
.availability-value,.cell-check{display:flex;align-items:center;gap:8px}.cell-check{color:var(--green);font-size:10px}.cell-check svg{width:15px}.compare-cell.empty{background:#fafbfc}.compare-cta{gap:8px}
.compare-note{margin-top:25px;padding:20px 22px;border:1px solid #cfd8fa;border-radius:10px;display:flex;align-items:center;gap:13px;background:#f2f5ff}.compare-note>svg{color:var(--blue)}.compare-note>div{flex:1}.compare-note p{margin:4px 0 0;color:var(--muted);font-size:10px}

/* Builder */
.builder-page{padding-bottom:100px;background:#f5f6f8}.builder-header{padding-top:42px;padding-bottom:30px;display:flex;align-items:end;justify-content:space-between;gap:20px}.builder-header h1{margin:7px 0;font-size:44px}.builder-header p{margin:0;color:var(--muted)}.builder-header-actions{display:flex;gap:7px}
.builder-layout{display:grid;grid-template-columns:225px 1fr 265px;gap:12px;align-items:start}.builder-steps,.builder-canvas,.bom-panel{border:1px solid var(--line);border-radius:10px;background:#fff}.builder-steps{overflow:hidden}
.build-progress{padding:16px;border-bottom:1px solid var(--line)}.build-progress>span{color:var(--muted);font-size:9px;text-transform:uppercase}.build-progress>strong{float:right;font-size:11px}.build-progress>div{height:4px;margin-top:9px;border-radius:4px;background:#e5e8ee}.build-progress>div span{height:100%;display:block;border-radius:4px;background:var(--blue)}
.builder-step{width:100%;padding:13px 12px;border:0;border-bottom:1px solid #eceef2;display:grid;grid-template-columns:23px 20px 1fr 14px;align-items:center;gap:7px;background:white;text-align:left}.builder-step:hover,.builder-step.active{background:#f1f4ff}.step-index{width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:#eceff4;color:#798091;font-size:9px}.builder-step:has(.step-index svg) .step-index{background:#e1f4eb;color:var(--green)}.builder-step>svg{color:#737b8d}.builder-step div strong,.builder-step div small{display:block}.builder-step div strong{font-size:10px}.builder-step div small{margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#8a91a0;font-size:8px}.builder-step>svg:last-child{width:12px}
.canvas-toolbar{height:46px;padding:0 15px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;color:#697183;font-size:9px}.canvas-toolbar span{display:flex;align-items:center;gap:5px}.canvas-toolbar .compat-ok{color:var(--green)}
.system-map{height:490px;position:relative;overflow:hidden;background-color:#f8f9fb;background-image:radial-gradient(#cfd4dd 1px,transparent 1px);background-size:20px 20px}.map-line{position:absolute;z-index:0;background:#bdc6d6}.map-line.horizontal{width:55%;height:1px;left:23%;top:49%}.map-line.vertical-a{width:1px;height:60%;left:33%;top:21%}.map-line.vertical-b{width:1px;height:60%;right:33%;top:21%}
.system-node{width:152px;min-height:104px;padding:12px;position:absolute;z-index:2;border:1px solid #d9dde6;border-radius:9px;background:white;box-shadow:0 8px 18px rgba(23,32,51,.07)}.system-node>span{width:30px;height:30px;margin-bottom:8px;border-radius:6px;display:grid;place-items:center;background:#eef1f6;color:var(--blue)}.system-node small,.system-node strong{display:block}.system-node small{color:#969cab;font-size:7px;letter-spacing:.06em}.system-node strong{margin:3px 0 8px;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.system-node button{padding:0;border:0;display:flex;align-items:center;gap:3px;background:none;color:var(--blue);font-size:8px;font-weight:700}.system-node.empty{border-style:dashed;background:rgba(255,255,255,.7)}
.node-base{left:50%;top:50%;transform:translate(-50%,-50%);border-color:var(--blue)}.node-actuator{left:5%;top:17%}.node-vision{right:5%;top:17%}.node-compute{left:5%;bottom:17%}.node-effector{right:5%;bottom:17%}.node-power{left:50%;bottom:5%;transform:translateX(-50%)}
.compatibility-results{border-top:1px solid var(--line)}.results-header{padding:18px;display:flex;align-items:center;justify-content:space-between}.results-header>div strong,.results-header>div span{display:block}.results-header>div span{margin-top:3px;color:var(--muted);font-size:9px}.score-ring{width:53px;height:53px;border:5px solid #d7f1e4;border-top-color:var(--green);border-radius:50%;display:grid;place-content:center;color:var(--green);font-size:15px;font-weight:800}.score-ring small{font-size:7px}.check-list{padding:0 18px 18px;display:grid;gap:7px}.check-item{padding:11px;border:1px solid var(--line);border-radius:7px;display:flex;gap:9px}.check-item>svg{width:16px;flex:0 0 auto}.check-item.good>svg{color:var(--green)}.check-item.warning{border-color:#f0ddb3;background:#fffaf0}.check-item.warning>svg{color:#c28218}.check-item strong,.check-item p{font-size:9px}.check-item p{margin:3px 0 0;color:var(--muted)}
.bom-panel{position:sticky;top:90px;overflow:hidden}.bom-header{padding:15px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between}.bom-header span,.bom-header strong{display:block}.bom-header span{color:#969cab;font:600 7px var(--font-geist-mono);letter-spacing:.06em}.bom-header strong{margin-top:4px;font-size:12px}.bom-header button,.bom-item button{border:0;background:none;color:#858c9c}.bom-list{padding:5px 15px}.bom-item{padding:12px 0;border-bottom:1px solid #eceef2;display:grid;grid-template-columns:9px 1fr 17px;gap:8px;align-items:start}.bom-dot{width:7px;height:7px;margin-top:3px;border-radius:50%;background:#cdd2db}.bom-dot.filled{background:var(--green)}.bom-item small,.bom-item strong,.bom-item div>span{display:block}.bom-item small{color:#9298a6;font-size:7px;text-transform:uppercase}.bom-item strong{margin:3px 0;font-size:9px}.bom-item div>span{color:var(--blue);font-size:8px}.bom-total{padding:15px;background:#f7f8fa}.bom-total>div{display:flex;justify-content:space-between}.bom-total>div span{color:var(--muted);font-size:9px}.bom-total>div strong{font-size:17px}.bom-total>small{display:block;margin:6px 0 14px;color:#9ca2ae;font-size:7px;line-height:1.4}.bom-total .button{width:100%}
.picker-overlay{position:fixed;z-index:80;inset:0;background:rgba(9,13,22,.4);backdrop-filter:blur(3px)}.picker-drawer{width:min(470px,100%);height:100%;padding:25px;position:absolute;right:0;background:#fff;box-shadow:-20px 0 50px rgba(0,0,0,.18)}.picker-header{display:flex;align-items:start;justify-content:space-between}.picker-header h2{margin:7px 0 22px;font-size:27px}.picker-header button{border:0;background:none;color:var(--muted);font-size:10px}.picker-drawer .search-field{margin-bottom:16px}.picker-list{display:grid;gap:8px}.picker-list>button{padding:12px;border:1px solid var(--line);border-radius:8px;display:grid;grid-template-columns:46px 1fr 17px;align-items:center;gap:11px;background:white;text-align:left}.picker-icon{width:43px;height:43px;border-radius:7px;display:grid;place-items:center;overflow:hidden;background:#eef1f5}.picker-icon img{width:100%;height:100%;display:block;object-fit:cover}.picker-list small,.picker-list strong,.picker-list div>span{display:block}.picker-list small{color:#8c93a1;font-size:8px}.picker-list strong{margin:3px 0;font-size:11px}.picker-list div>span{color:var(--blue);font-size:8px}.picker-list>button>svg{width:15px;color:#8f95a3}
.compare-heading-actions{display:flex;align-items:center;flex-wrap:wrap;justify-content:flex-end;gap:7px}.compare-table.full{grid-template-columns:185px repeat(4,minmax(190px,1fr))}.compare-picker .picker-list,.picker-drawer .picker-list{max-height:calc(100vh - 155px);overflow:auto;padding-right:3px}.picker-empty{padding:45px 20px;border:1px dashed var(--line);border-radius:8px;color:var(--muted);text-align:center;font-size:10px}.builder-toast{top:112px}
.picker-backdrop{position:absolute;inset:0;border:0;background:transparent}

/* RFQ */
.rfq-page{min-height:800px;padding-top:44px;padding-bottom:110px}.rfq-layout{margin-top:45px;display:grid;grid-template-columns:.85fr 1.15fr;gap:90px}.rfq-intro{padding-top:28px}.rfq-intro h1{margin:12px 0 20px;font-size:52px;line-height:1.02}.rfq-intro>p{color:var(--muted);font-size:16px;line-height:1.65}.rfq-benefits{margin-top:42px;display:grid;gap:21px}.rfq-benefits>div{display:flex;gap:12px}.rfq-benefits>div>svg{width:20px;color:var(--blue)}.rfq-benefits strong,.rfq-benefits small{display:block}.rfq-benefits strong{font-size:12px}.rfq-benefits small{margin-top:5px;color:var(--muted);font-size:10px;line-height:1.5}.rfq-social-proof{margin-top:38px;padding:18px;border-left:3px solid var(--lime);background:#f6f8fc}.rfq-social-proof span,.rfq-social-proof strong,.rfq-social-proof small{display:block}.rfq-social-proof span{color:#8a91a1;font-size:8px;text-transform:uppercase}.rfq-social-proof strong{margin:5px 0;font-size:14px}.rfq-social-proof small{color:var(--muted);font-size:9px}
.rfq-form{padding:30px;border:1px solid var(--line);border-radius:13px;background:#fff;box-shadow:0 18px 50px rgba(20,27,46,.08)}.form-progress{display:flex;align-items:start;justify-content:center;margin-bottom:34px}.form-progress>div{display:grid;place-items:center;gap:5px;color:#9aa0ad;font-size:8px}.form-progress>div>span{width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:#edf0f4}.form-progress>div.active{color:var(--blue);font-weight:700}.form-progress>div.active>span{background:var(--blue);color:white}.form-progress>i{width:100px;height:1px;margin-top:12px;background:#e1e4e9}.form-eyebrow{color:var(--blue);font-size:8px;font-weight:750;letter-spacing:.08em}.form-step h2{margin:7px 0;font-size:28px}.form-step>p{margin-bottom:23px;color:var(--muted);font-size:11px}
.type-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:18px}.type-grid button{padding:15px;border:1px solid var(--line);border-radius:8px;display:grid;grid-template-columns:27px 1fr;text-align:left;background:#fff}.type-grid button.selected{border-color:var(--blue);background:#f3f5ff;box-shadow:inset 0 0 0 1px var(--blue)}.type-grid svg{grid-row:1/3;color:var(--blue)}.type-grid strong,.type-grid span{grid-column:2}.type-grid strong{font-size:11px}.type-grid span{margin-top:3px;color:var(--muted);font-size:8px}.field{margin-bottom:15px;display:flex;flex-direction:column;gap:7px}.field>span{font-size:9px;font-weight:700}.field input,.field textarea,.field select{width:100%;padding:11px 12px;border:1px solid #dce0e7;border-radius:7px;outline:none;background:white;font-size:11px}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(49,93,244,.08)}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.upload-box{width:100%;padding:16px;border:1px dashed #bfc6d2;border-radius:8px;display:flex;align-items:center;justify-content:center;gap:10px;background:#fafbfc;color:var(--blue)}.upload-box strong,.upload-box small{display:block}.upload-box strong{font-size:10px}.upload-box small{margin-top:3px;color:var(--muted);font-size:8px}.choice-row{display:grid;grid-template-columns:1fr 1fr;gap:7px}.choice-row label{padding:10px;border:1px solid var(--line);border-radius:6px;color:#5e6677;font-size:9px}.consent-row{display:flex;align-items:start;gap:8px;color:var(--muted);font-size:9px;line-height:1.4}.form-actions{margin-top:23px;padding-top:18px;border-top:1px solid var(--line);display:flex;justify-content:space-between}.form-security{margin-top:14px;display:flex;align-items:center;justify-content:center;gap:5px;color:#9aa0ad;font-size:8px}
.success-panel{max-width:760px;margin:90px auto;padding:60px;border:1px solid var(--line);border-radius:16px;text-align:center;box-shadow:0 25px 60px rgba(19,28,52,.1)}.success-icon{width:66px;height:66px;margin:0 auto 24px;border-radius:50%;display:grid;place-items:center;background:#dff5e9;color:var(--green)}.success-panel h1{margin:10px auto 14px;max-width:600px;font-size:44px}.success-panel>p{max-width:600px;margin:0 auto;color:var(--muted);line-height:1.65}.success-stats{margin:35px 0;display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid var(--line)}.success-stats div{padding:20px;border-right:1px solid var(--line)}.success-stats div:last-child{border:0}.success-stats strong,.success-stats span{display:block}.success-stats strong{font-size:25px}.success-stats span{margin-top:4px;color:var(--muted);font-size:9px}.success-actions{display:flex;justify-content:center;gap:8px}

/* Suppliers */
.suppliers-hero{min-height:440px;padding-top:75px;padding-bottom:75px;display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:100px}.suppliers-hero h1{margin:12px 0 20px;font-size:54px;line-height:1.03}.suppliers-hero p{max-width:680px;color:var(--muted);font-size:16px;line-height:1.6}.supplier-search{height:54px;margin-top:27px;padding:6px 6px 6px 16px;border:1px solid var(--line);border-radius:9px;display:flex;align-items:center;gap:10px;box-shadow:0 10px 28px rgba(20,28,50,.08)}.supplier-search svg{color:#9298a7}.supplier-search input{flex:1;min-width:0;border:0;outline:0}.supplier-search button{height:40px;padding:0 16px;border:0;border-radius:6px;background:var(--blue);color:white;font-size:11px;font-weight:700}.network-card{height:275px;border-radius:14px;display:grid;place-content:center;text-align:center;background:#111827;color:#fff;position:relative;overflow:hidden}.network-card::before{content:"";width:310px;height:310px;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);border:1px dashed #44516a;border-radius:50%;box-shadow:0 0 0 55px rgba(255,255,255,.025),0 0 0 110px rgba(255,255,255,.02)}.network-card>svg,.network-card>strong,.network-card>span,.network-card>div{z-index:1}.network-card>svg{margin:auto;color:var(--lime)}.network-card>strong{font-size:50px}.network-card>span{color:#aab4c6;font-size:10px;text-transform:uppercase;letter-spacing:.08em}.network-card>div{margin-top:23px;display:flex;gap:24px}.network-card small{color:#9ea9bb}.network-card b{color:white}
.supplier-content{padding-bottom:100px}.supplier-toolbar{height:61px;border-block:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.supplier-toolbar>div{height:100%;display:flex;gap:25px}.supplier-toolbar>div button{height:100%;padding:0;border:0;background:none;color:#737b8c;font-size:11px;position:relative}.supplier-toolbar>div button.active{color:var(--ink);font-weight:700}.supplier-toolbar>div button.active::after{content:"";height:2px;position:absolute;inset:auto 0 -1px;background:var(--blue)}.supplier-layout{padding-top:30px;display:grid;grid-template-columns:210px 1fr;gap:30px}.supplier-filters{align-self:start;padding:17px;border:1px solid var(--line);border-radius:9px;position:sticky;top:90px}.supplier-filters>strong{display:block;padding-bottom:14px;border-bottom:1px solid var(--line);font-size:11px}.supplier-filters>label{padding:17px 0;border-bottom:1px solid var(--line);display:grid;gap:9px}.supplier-filters>label>span{font-size:9px;font-weight:700;text-transform:uppercase}.supplier-filters>label>div{display:flex;gap:7px;color:#687083;font-size:9px}.supplier-filters select{height:34px;border:1px solid var(--line);border-radius:6px;font-size:9px}.result-summary{margin-bottom:10px;display:flex;justify-content:space-between;color:var(--muted);font-size:9px}.supplier-card{margin-bottom:10px;padding:20px;border:1px solid var(--line);border-radius:10px;display:grid;grid-template-columns:62px 1fr 130px;gap:15px;background:#fff}.supplier-logo.large{width:58px;height:58px}.supplier-card-title{display:flex;justify-content:space-between;gap:20px}.supplier-card h2{margin:0 0 5px;font-size:18px}.supplier-card-title>div>span{display:flex;align-items:center;gap:5px;color:var(--muted);font-size:9px}.supplier-card-main>p{margin:14px 0 10px;color:#5c6475;font-size:11px}.supplier-tags{display:flex;gap:5px}.supplier-tags span{padding:4px 6px;border-radius:4px;background:#f0f2f5;color:#666e7e;font-size:8px}.supplier-metrics{margin-top:15px;padding-top:12px;border-top:1px solid #eceef2;display:flex;gap:25px;color:#7f8695;font-size:8px}.supplier-metrics span{display:flex;align-items:center;gap:5px}.supplier-metrics svg{width:13px;color:var(--blue)}.supplier-metrics span:first-child svg{color:#e2a528}.supplier-card-actions{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px}.supplier-card-actions .button{width:100%}.supplier-join{padding:75px 0;background:#111827;color:white}.supplier-join>.shell{display:flex;align-items:center;justify-content:space-between;gap:40px}.supplier-join h2{margin:10px 0;font-size:38px}.supplier-join p{margin:0;color:#aab4c6}.supplier-join>div>div:first-child>svg{color:var(--lime)}.supplier-join>div>div:last-child{display:flex;align-items:center;flex-direction:column;gap:9px}.supplier-join small{color:#7f899d;font-size:8px}

/* Workspace */
.workspace-page{padding-top:35px;padding-bottom:110px;display:grid;grid-template-columns:215px 1fr;gap:35px}.workspace-sidebar{align-self:start;padding:18px 0;border:1px solid var(--line);border-radius:10px;position:sticky;top:90px}.workspace-sidebar>div{padding:0 17px 17px;border-bottom:1px solid var(--line)}.workspace-sidebar>div span,.workspace-sidebar>div strong{display:block}.workspace-sidebar>div span,.workspace-sidebar nav>span{color:#979daa;font-size:7px;letter-spacing:.07em}.workspace-sidebar>div strong{margin-top:5px}.workspace-sidebar nav{padding:10px 9px;display:grid;gap:3px}.workspace-sidebar nav+nav{border-top:1px solid var(--line)}.workspace-sidebar nav>span{padding:7px 8px}.workspace-sidebar nav button{height:37px;padding:0 10px;border:0;border-radius:6px;display:grid;grid-template-columns:21px 1fr auto;align-items:center;background:none;color:#626a7c;text-align:left;font-size:10px}.workspace-sidebar nav button svg{width:15px}.workspace-sidebar nav button span{min-width:20px;padding:2px 5px;border-radius:10px;background:#e9ecf2;text-align:center;font-size:8px}.workspace-sidebar nav button.active{background:#edf1ff;color:var(--blue);font-weight:700}.workspace-header{display:flex;justify-content:space-between;gap:30px}.workspace-header>div:first-child>span{color:#9298a7;font-size:9px}.workspace-header h1{margin:6px 0;font-size:36px}.workspace-header p{color:var(--muted)}.workspace-header>div:last-child{display:flex;gap:7px}.workspace-header .icon-button svg{width:17px}.avatar-button{width:38px;height:38px;border:0;border-radius:9px;background:var(--blue);color:white;font-size:10px;font-weight:800}.workspace-stats{margin:29px 0 13px;display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.workspace-stats>div{padding:17px;border:1px solid var(--line);border-radius:9px;display:grid;grid-template-columns:34px 1fr}.workspace-stats>div>span{width:32px;height:32px;grid-row:1/3;border-radius:7px;display:grid;place-items:center;background:#edf1ff;color:var(--blue)}.workspace-stats svg{width:16px}.workspace-stats small,.workspace-stats strong,.workspace-stats em{grid-column:2;display:block}.workspace-stats small{color:var(--muted);font-size:8px}.workspace-stats strong{font-size:23px}.workspace-stats em{margin-top:5px;color:var(--green);font-size:7px;font-style:normal}.workspace-grid{display:grid;grid-template-columns:1.5fr .7fr;gap:10px}.workspace-panel{border:1px solid var(--line);border-radius:10px;background:white}.panel-heading{padding:17px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.panel-heading h2{margin:4px 0 0;font-size:17px}.panel-heading button{border:0;background:none}.activity-list>div{padding:15px 17px;border-bottom:1px solid #eceef2;display:grid;grid-template-columns:35px 1fr auto;align-items:center;gap:10px}.activity-icon{width:33px;height:33px;border-radius:7px;display:grid;place-items:center}.activity-icon svg{width:15px}.activity-icon.violet{background:#eee9ff;color:#7752cd}.activity-icon.green{background:#e2f6ec;color:var(--green)}.activity-icon.blue{background:#e8eeff;color:var(--blue)}.activity-icon.orange{background:#fff0dc;color:#be6718}.activity-list strong{font-size:10px}.activity-list p{margin:3px 0 0;color:var(--muted);font-size:8px}.activity-list>div>small{color:#9ca2af;font-size:7px}.quick-panel>a{padding:15px 17px;border-bottom:1px solid #eceef2;display:grid;grid-template-columns:30px 1fr 16px;align-items:center;gap:9px}.quick-panel>a>svg:first-child{color:var(--blue)}.quick-panel>a>svg:last-child{width:13px;color:#999fab}.quick-panel strong,.quick-panel small{display:block}.quick-panel strong{font-size:10px}.quick-panel small{margin-top:3px;color:var(--muted);font-size:8px}.saved-panel{margin-top:10px}.saved-panel .panel-heading .text-link svg{width:13px}.saved-table>div{padding:12px 17px;display:grid;grid-template-columns:1.5fr .7fr .7fr .8fr 20px;align-items:center;gap:10px;border-bottom:1px solid #eceef2;font-size:9px}.saved-table .saved-head{background:#f7f8fa;color:#868d9c;font-size:7px;text-transform:uppercase}.saved-table>div>span:first-child{display:flex;align-items:center;gap:9px}.saved-table>div>span:first-child>i{width:31px;height:31px;border-radius:6px;display:grid;place-items:center}.saved-table>div>span:first-child>i svg{width:14px}.saved-table b small{display:block;margin-top:3px;color:var(--muted);font-size:7px;font-weight:400}.saved-table>div>a svg{width:13px}.saved-table .availability-value{font-size:8px}.saved-table .status-dot{width:6px;height:6px}

@media (max-width: 1050px){
  .desktop-nav{gap:18px}.category-grid,.product-grid{grid-template-columns:repeat(2,1fr)}.catalog-grid{grid-template-columns:repeat(2,1fr)}.home-hero{gap:36px}.compatibility-board{grid-template-columns:1fr 70px 1fr}.compat-node:last-child,.compat-line:nth-last-child(2){display:none}.builder-layout{grid-template-columns:200px 1fr}.bom-panel{grid-column:1/-1;position:static}.rfq-layout{gap:45px}.supplier-card{grid-template-columns:55px 1fr}.supplier-card-actions{grid-column:2;align-items:flex-start}.workspace-page{grid-template-columns:185px 1fr}.workspace-stats{grid-template-columns:repeat(2,1fr)}
}

@media (max-width: 760px){
  .shell{width:min(100% - 28px,1240px)}.notice-bar{justify-content:space-between;padding-inline:14px}.notice-bar>span svg{display:none}.site-header{height:62px;padding:0 14px}.desktop-nav,.region-button,.header-actions>.icon-button,.header-actions>.button{display:none}.mobile-menu{display:grid;place-items:center}.mobile-nav{padding:12px 14px;position:fixed;z-index:49;inset:94px 0 auto;display:grid;background:#fff;border-bottom:1px solid var(--line);box-shadow:0 15px 30px rgba(0,0,0,.09)}.mobile-nav a{padding:12px}.home-hero{padding-top:55px;grid-template-columns:1fr}.hero-copy h1{font-size:49px}.hero-copy>p{font-size:15px}.hero-market-panel{display:none}.hero-search{height:auto;flex-wrap:wrap}.hero-search input{height:38px}.hero-search button{width:100%;justify-content:center}.trust-strip-inner{overflow:auto;justify-content:flex-start}.trust-strip-inner strong{white-space:nowrap}.section{padding-block:72px}.section-heading{align-items:flex-start;flex-direction:column}.category-grid,.product-grid,.product-grid.three-col{grid-template-columns:1fr}.sourcing-section,.product-detail-hero,.detail-two-col,.resources-section,.suppliers-hero,.rfq-layout{grid-template-columns:1fr;gap:36px}.sourcing-copy h2{font-size:38px}.compatibility-board{padding:20px;grid-template-columns:1fr}.compat-line{width:1px;height:38px;margin:auto}.dark-benefits{align-items:flex-start;flex-direction:column;gap:10px}.supplier-mini-grid{grid-template-columns:1fr}.rfq-banner{padding:36px 25px;align-items:flex-start;flex-direction:column}.footer-main{grid-template-columns:1fr 1fr;gap:35px}.footer-main>div:first-child{grid-column:1/-1}.catalog-hero{align-items:flex-start;flex-direction:column}.catalog-stat{text-align:left}.catalog-shell{grid-template-columns:1fr}.filter-panel{position:static}.filter-panel .filter-group,.filter-panel .switch-row{display:none}.filter-title{border:0;padding:0}.catalog-grid{grid-template-columns:1fr}.catalog-toolbar{align-items:stretch;flex-wrap:wrap}.catalog-toolbar .search-field{flex-basis:100%}.compare-dock{align-items:stretch;flex-direction:column}.compare-products{display:none}.product-visual-large{height:370px}.product-summary h1{font-size:38px}.quick-spec-grid{grid-template-columns:repeat(2,1fr)}.detail-tabs{overflow:auto;gap:22px}.feature-list,.spec-table{grid-template-columns:1fr}.seller-table{overflow:auto}.seller-table-head,.seller-row{min-width:800px}.compare-heading{align-items:flex-start;flex-direction:column}.compare-table{grid-template-columns:130px repeat(var(--compare-count),190px) 1px}.compare-note{align-items:flex-start;flex-wrap:wrap}.builder-header{align-items:flex-start;flex-direction:column}.builder-header-actions{flex-wrap:wrap}.builder-layout{grid-template-columns:1fr}.builder-steps{display:none}.system-map{height:600px}.system-node{width:135px}.node-actuator{left:2%}.node-vision{right:2%}.node-compute{left:2%}.node-effector{right:2%}.rfq-page{padding-top:28px}.rfq-layout{margin-top:25px}.rfq-intro h1,.suppliers-hero h1{font-size:41px}.rfq-form{padding:20px}.type-grid,.field-grid{grid-template-columns:1fr}.suppliers-hero{padding-block:55px}.network-card{height:230px}.supplier-toolbar{overflow:auto}.supplier-toolbar>div button{white-space:nowrap}.supplier-layout{grid-template-columns:1fr}.supplier-filters{display:none}.supplier-card{grid-template-columns:50px 1fr}.supplier-card-title{flex-direction:column}.supplier-metrics{flex-wrap:wrap}.supplier-join>.shell{align-items:flex-start;flex-direction:column}.workspace-page{grid-template-columns:1fr}.workspace-sidebar{display:none}.workspace-header{flex-direction:column}.workspace-stats,.workspace-grid{grid-template-columns:1fr}.saved-table{overflow:auto}.saved-table>div{min-width:700px}.success-panel{padding:34px 20px}.success-panel h1{font-size:34px}.success-actions{flex-direction:column}
}

.supplier-profile-page{padding-top:36px;padding-bottom:100px}.supplier-profile-hero{margin-top:30px;padding:34px;border:1px solid var(--line);border-radius:14px;display:grid;grid-template-columns:92px 1fr 190px;align-items:center;gap:28px;background:linear-gradient(135deg,#fff,#f5f7fb)}.supplier-logo.profile{width:88px;height:88px;font-size:22px}.supplier-profile-hero h1{margin:8px 0 10px;font-size:42px}.supplier-profile-hero p{max-width:680px;margin:0;color:var(--muted);line-height:1.6}.profile-meta{margin-top:17px;display:flex;flex-wrap:wrap;gap:16px;color:#667083;font-size:10px}.profile-meta span{display:flex;align-items:center;gap:5px}.profile-meta svg{width:14px}.profile-cta{display:grid;gap:9px}.profile-cta .authorized{justify-content:center}.profile-stats{margin-top:12px;display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:10px}.profile-stats>div{padding:20px;border-right:1px solid var(--line)}.profile-stats>div:last-child{border:0}.profile-stats strong,.profile-stats span{display:block}.profile-stats strong{font-size:25px}.profile-stats span{margin-top:5px;color:var(--muted);font-size:9px}.profile-about{display:grid;grid-template-columns:1fr 320px;gap:80px}.profile-service-card{padding:24px;border-radius:10px;background:#111827;color:#fff}.profile-service-card>svg{color:var(--lime)}.profile-service-card h3{margin:12px 0}.profile-service-card span{padding:8px 0;border-top:1px solid #30394c;display:flex;align-items:center;gap:7px;color:#b8c1d0;font-size:10px}.profile-service-card span svg{width:14px;color:var(--lime)}

.workspace-search{width:230px;height:38px;padding:0 10px;border:1px solid var(--line);border-radius:8px;display:flex;align-items:center;gap:7px}.workspace-search svg{width:15px}.workspace-search input{width:100%;border:0;outline:0}.workspace-toast{top:112px}.saved-table img{width:100%;height:100%;object-fit:cover}.saved-actions{display:flex;gap:5px}.saved-actions a,.saved-actions button{width:26px;height:26px;border:0;border-radius:5px;display:grid;place-items:center;background:#f1f3f7;color:#70788a}.saved-actions svg{width:12px}.workspace-detail-panel,.settings-panel{margin-top:29px}.workspace-card-list>a,.workspace-card-list>div{padding:17px;border-bottom:1px solid var(--line);display:grid;grid-template-columns:34px 1fr 22px;align-items:center;gap:11px}.workspace-card-list>a>svg:first-child,.workspace-card-list>div>svg{color:var(--blue)}.workspace-card-list strong,.workspace-card-list span{display:block}.workspace-card-list span{margin-top:4px;color:var(--muted);font-size:9px}.workspace-card-list>div>a{width:26px;height:26px;display:grid;place-items:center}.workspace-empty{padding:70px 25px;text-align:center}.workspace-empty>svg{width:35px;height:35px;color:var(--blue)}.workspace-empty h2,.workspace-empty h3{margin:10px 0}.workspace-empty p{margin:0 auto 22px;color:var(--muted)}.member-list>div{padding:16px;border-bottom:1px solid var(--line);display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:11px}.member-list>div>span{width:36px;height:36px;border-radius:8px;display:grid;place-items:center;background:#edf1ff;color:var(--blue);font-size:9px;font-weight:800}.member-list strong,.member-list small{display:block}.member-list small,.member-list em{margin-top:3px;color:var(--muted);font-size:8px;font-style:normal}.settings-panel>label{padding:20px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between}.settings-panel>label strong,.settings-panel>label small{display:block}.settings-panel>label small{margin-top:5px;color:var(--muted)}.settings-panel>button{margin:20px}.workspace-compact .activity-list>div,.workspace-compact .saved-table>div{padding-block:7px}

.info-page{padding-bottom:110px}.info-hero{padding:95px 0 75px}.info-hero.compact{padding-bottom:48px}.info-hero h1{max-width:900px;margin:14px 0 20px;font-size:58px;line-height:1.03}.info-hero p{max-width:740px;color:var(--muted);font-size:17px;line-height:1.7}.info-hero>div{margin-top:27px;display:flex;gap:9px}.info-card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.info-card-grid article{padding:28px;border:1px solid var(--line);border-radius:11px}.info-card-grid svg{color:var(--blue)}.info-card-grid h2{font-size:20px}.info-card-grid p{color:var(--muted);line-height:1.6}.info-split{margin-top:70px;padding:60px 0;border-block:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:80px}.info-split h2{font-size:36px}.info-split p{color:var(--muted);line-height:1.7}.info-split p:last-child{display:flex;align-items:center;gap:8px;color:var(--green);font-weight:650}.method-table{border:1px solid var(--line);border-radius:12px;display:grid;grid-template-columns:repeat(3,1fr)}.method-table>div{padding:27px;border-right:1px solid var(--line);display:flex;align-items:center;gap:15px}.method-table>div:last-child{border:0}.method-table>div>strong{font-size:36px;color:var(--blue)}.method-table b,.method-table small{display:block}.method-table small{margin-top:5px;color:var(--muted);line-height:1.45}.method-steps{margin:70px 0;display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.method-steps article{position:relative}.method-steps article>svg{color:var(--blue)}.method-steps article>span{position:absolute;right:0;color:#dbe0e8;font:700 38px var(--font-geist-mono)}.method-steps p{color:var(--muted);line-height:1.7}.info-callout{padding:30px;border-radius:12px;display:flex;align-items:center;gap:16px;background:#edf1ff}.info-callout>svg{color:var(--blue)}.info-callout>div{flex:1}.info-callout h2,.info-callout p{margin:0}.info-callout p{margin-top:5px;color:var(--muted)}.contact-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px}.contact-layout>div:first-child{padding-top:25px}.contact-layout>div:first-child h2{font-size:34px}.contact-layout>div:first-child p{color:var(--muted);line-height:1.7}.contact-layout dl{margin-top:35px}.contact-layout dl div{padding:13px 0;border-top:1px solid var(--line);display:flex;justify-content:space-between;font-size:10px}.contact-layout dt{color:var(--muted)}.contact-layout dd{margin:0;font-weight:650}.contact-form,.contact-success{padding:30px;border:1px solid var(--line);border-radius:12px;box-shadow:0 15px 40px rgba(20,27,46,.07)}.contact-form>button{width:100%}.contact-form>small{display:block;margin-top:10px;color:var(--muted);text-align:center}.contact-success{min-height:420px;display:grid;place-items:center;align-content:center;text-align:center}.contact-success>span{width:60px;height:60px;border-radius:50%;display:grid;place-items:center;background:#e5f7ee;color:var(--green)}.legal-copy{max-width:900px}.legal-copy article{padding:28px 0;border-top:1px solid var(--line);display:grid;grid-template-columns:70px 1fr}.legal-copy article>span{color:var(--blue);font:700 12px var(--font-geist-mono)}.legal-copy h2{margin:0 0 10px}.legal-copy p{margin:0;color:var(--muted);line-height:1.75}.legal-copy+.info-callout{margin-top:60px}

@media(max-width:760px){.supplier-profile-hero{grid-template-columns:1fr}.profile-stats{grid-template-columns:repeat(2,1fr)}.profile-about,.info-card-grid,.info-split,.method-table,.method-steps,.contact-layout{grid-template-columns:1fr}.info-hero h1{font-size:42px}.method-table>div{border-right:0;border-bottom:1px solid var(--line)}.info-callout{align-items:flex-start;flex-direction:column}.workspace-search{width:160px}.workspace-header>div:last-child{flex-wrap:wrap}.legal-copy article{grid-template-columns:42px 1fr}}

/* Service expansion: account, editorial, seller marketplace and long-form commerce */
.account-link{height:38px;padding:0 11px;border:1px solid var(--line);border-radius:9px;display:flex;align-items:center;gap:7px;background:#fff;color:#4d566a;font-size:11px;font-weight:700}.account-link:hover{border-color:#c9cfda;background:var(--soft)}

/* Long-form product story */
.product-title-row{display:flex;align-items:start;justify-content:space-between;gap:16px}.product-title-row h1{flex:1}.product-title-row .button{margin-top:7px;flex:0 0 auto}.product-story{padding:76px 0;border-bottom:1px solid var(--line)}.story-cover{height:600px;position:relative;overflow:hidden;border-radius:16px;background:#07101c;color:#fff}.story-cover::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,10,20,.88),rgba(4,10,20,.18) 62%,rgba(4,10,20,.05))}.story-cover img{width:100%;height:100%;object-fit:cover}.story-cover>div{max-width:620px;position:absolute;z-index:2;left:58px;bottom:58px}.story-cover span{color:var(--lime);font:700 10px var(--font-geist-mono);letter-spacing:.13em}.story-cover h2{margin:14px 0 17px;font-size:48px;line-height:1.03}.story-cover p{max-width:560px;margin:0;color:#c0ccdc;font-size:15px;line-height:1.65}.story-intro{padding:90px 7%;display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:start}.story-intro h2{margin:12px 0 0;font-size:41px;line-height:1.08}.story-intro>p{margin:0;color:var(--muted);font-size:16px;line-height:1.9}.story-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-radius:14px;overflow:hidden}.story-feature-grid article{min-height:320px;padding:34px;border-right:1px solid var(--line);background:#fafbfc}.story-feature-grid article:last-child{border:0}.story-feature-grid article>span{width:49px;height:49px;margin-bottom:40px;border-radius:11px;display:grid;place-items:center;background:#e9efff;color:var(--blue)}.story-feature-grid small{color:#929aab;font:700 9px var(--font-geist-mono);letter-spacing:.08em}.story-feature-grid h3{margin:12px 0;font-size:25px}.story-feature-grid p{margin:0;color:var(--muted);font-size:13px;line-height:1.7}.story-application{margin-top:80px;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:80px}.story-application-visual{height:580px;position:relative;overflow:hidden;border-radius:14px;background:#eef1f5}.story-application-visual img{width:100%;height:100%;object-fit:cover}.story-application-visual span{position:absolute;left:18px;bottom:18px;padding:7px 9px;border-radius:5px;background:rgba(255,255,255,.9);color:#6b7384;font:700 8px var(--font-geist-mono);letter-spacing:.08em}.story-application>div:last-child h2{margin:12px 0 20px;font-size:40px;line-height:1.1}.story-application>div:last-child>p{color:var(--muted);line-height:1.8}.story-application dl{margin-top:28px;border-top:1px solid var(--line)}.story-application dl div{padding:15px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:20px}.story-application dt{color:var(--muted);font-size:11px}.story-application dd{margin:0;text-align:right;font-size:12px;font-weight:700}.product-video-section .section-heading p{max-width:620px;margin:10px 0 0;color:var(--muted);line-height:1.6}.product-video{height:640px;position:relative;overflow:hidden;border-radius:16px;background:#070b13;color:#fff}.product-video>img{width:100%;height:100%;object-fit:cover;filter:saturate(.8)}.video-scrim{position:absolute;inset:0;background:linear-gradient(180deg,rgba(3,6,12,.2),rgba(3,6,12,.12) 45%,rgba(3,6,12,.88))}.video-source{position:absolute;top:24px;left:25px;padding:7px 9px;border:1px solid rgba(255,255,255,.25);border-radius:5px;background:rgba(0,0,0,.25);font:700 9px var(--font-geist-mono);letter-spacing:.08em}.video-play{width:82px;height:82px;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);border:1px solid rgba(255,255,255,.6);border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.93);color:var(--blue);box-shadow:0 14px 40px rgba(0,0,0,.25)}.video-play:hover{transform:translate(-50%,-50%) scale(1.05)}.video-play svg{width:29px;height:29px}.video-caption{position:absolute;left:28px;bottom:65px}.video-caption span,.video-caption strong,.video-caption small{display:block}.video-caption span{margin-bottom:6px;color:var(--lime);font-size:9px;font-weight:700;letter-spacing:.08em}.video-caption strong{font-size:21px}.video-caption small{margin-top:6px;color:#9ca8ba;font-size:10px}.video-progress{height:42px;position:absolute;left:28px;right:28px;bottom:12px;display:grid;grid-template-columns:36px 1fr 36px;align-items:center;gap:10px;color:#b5bdca;font:600 9px var(--font-geist-mono)}.video-progress input{width:100%;accent-color:var(--blue)}.all-offers-cta,.company-directory-link,.profile-rfq{margin-top:18px;padding:18px 20px;border-radius:10px;display:flex;align-items:center;justify-content:space-between;gap:20px;background:#f1f4ff;border:1px solid #dbe3ff}.all-offers-cta>div,.company-directory-link>div,.profile-rfq>div{display:flex;align-items:center;gap:13px}.all-offers-cta svg,.company-directory-link svg{color:var(--blue)}.all-offers-cta span strong,.all-offers-cta span small,.company-directory-link span strong,.company-directory-link span small,.profile-rfq span strong,.profile-rfq span small{display:block}.all-offers-cta span small,.company-directory-link span small,.profile-rfq span small{margin-top:4px;color:var(--muted);font-size:10px}.manufacturer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.manufacturer-grid>a{min-height:170px;padding:22px;border:1px solid var(--line);border-radius:11px;display:grid;grid-template-columns:48px 1fr 18px;gap:13px;background:#fff}.manufacturer-grid>a>svg{width:16px;color:#969dac}.manufacturer-grid small{color:#9299a8;font-size:8px;letter-spacing:.08em}.manufacturer-grid strong{display:block;margin-top:5px}.manufacturer-grid p{margin:9px 0;color:var(--muted);font-size:11px;line-height:1.5}.manufacturer-grid em{display:flex;align-items:center;gap:5px;color:#6c7485;font-size:9px;font-style:normal}.manufacturer-grid em svg{width:13px}.product-article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.product-article-grid>a{overflow:hidden;border:1px solid var(--line);border-radius:12px;background:#fff}.product-article-grid img{width:100%;height:180px;object-fit:cover}.product-article-grid>a>div{padding:19px}.product-article-grid span{color:var(--blue);font-size:9px;font-weight:700;text-transform:uppercase}.product-article-grid h3{margin:10px 0;font-size:20px;line-height:1.23}.product-article-grid p{height:57px;overflow:hidden;color:var(--muted);font-size:11px;line-height:1.65}.product-article-grid strong{display:flex;align-items:center;gap:6px;color:var(--blue);font-size:10px}.product-article-grid strong svg{width:14px}.editorial-note{margin-top:14px;padding:14px 16px;border:1px dashed #cfd4df;border-radius:9px;display:flex;align-items:center;gap:11px;color:var(--muted);font-size:10px}.editorial-note svg{color:var(--blue)}.editorial-note strong{display:block;margin-bottom:3px;color:var(--ink)}

/* Offer marketplace */
.offers-page{padding-top:28px;padding-bottom:110px}.offers-hero{padding:22px 0 30px;display:flex;align-items:center;justify-content:space-between;gap:24px}.offer-product{display:flex;align-items:center;gap:19px}.offer-product img{width:104px;height:84px;border-radius:10px;object-fit:cover;background:#edf0f4}.offer-product h1{margin:7px 0 5px;font-size:39px}.offer-product p{margin:0;color:var(--muted)}.offers-hero-actions{display:flex;gap:8px}.offer-explainer{margin-bottom:18px;padding:14px 17px;border:1px solid #d4dcfa;border-radius:9px;display:flex;gap:11px;background:#f3f6ff;color:#566176}.offer-explainer svg{flex:0 0 auto;color:var(--blue)}.offer-explainer strong,.offer-explainer span{display:block}.offer-explainer strong{margin-bottom:3px;color:#27324a;font-size:11px}.offer-explainer span{font-size:10px;line-height:1.5}.offers-controls{padding:18px;border:1px solid var(--line);border-radius:11px;display:grid;grid-template-columns:100px 1fr 1.25fr 1fr;align-items:end;gap:18px;background:#fafbfc}.offers-controls>label{display:grid;gap:7px;color:#757d8e;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.offers-controls input[type=number]{height:40px;width:100%;padding:0 10px;border:1px solid var(--line);border-radius:7px;background:#fff}.offers-controls label>span{height:40px;padding:0 9px;border:1px solid var(--line);border-radius:7px;display:flex;align-items:center;gap:7px;background:#fff}.offers-controls label>span svg{width:14px;color:#7d8596}.offers-controls label>span svg:last-child{margin-left:auto}.offers-controls select{width:100%;border:0;outline:0;background:#fff;color:#394255;font-size:11px;text-transform:none;letter-spacing:0}.offer-switches{height:40px;padding:0 13px;border:1px solid var(--line);border-radius:7px;display:flex;align-items:center;gap:20px;background:#fff}.offer-switches label{display:flex;align-items:center;gap:6px;color:#525b6e;font-size:10px}.offer-switches input{accent-color:var(--blue)}.offer-summary{padding:17px 2px 10px;display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:10px}.offer-summary span{display:flex;align-items:center;gap:5px}.offer-list{border:1px solid var(--line);border-radius:11px;overflow:hidden}.offer-head,.offer-list article{display:grid;grid-template-columns:44px 1.5fr 1fr 1fr 1.2fr 118px;gap:14px;align-items:center}.offer-head{padding:12px 16px;background:#f3f5f8;color:#818899;font-size:8px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.offer-list article{min-height:137px;padding:18px 16px;position:relative;border-top:1px solid var(--line);background:#fff}.offer-list article.selected{background:#f7f9ff;box-shadow:inset 3px 0 var(--blue)}.offer-check input{position:absolute;opacity:0}.offer-check>span{width:20px;height:20px;border:1px solid #cfd4dd;border-radius:5px;display:grid;place-items:center}.offer-check svg{width:13px;opacity:0}.offer-check input:checked+span{border-color:var(--blue);background:var(--blue);color:#fff}.offer-check input:checked+span svg{opacity:1}.offer-seller{display:flex;align-items:center;gap:11px;min-width:0}.seller-logo{width:40px;height:40px;flex:0 0 auto;border-radius:8px;display:grid;place-items:center;background:#edf1ff;color:var(--blue);font-size:10px;font-weight:800}.offer-seller a{font-size:12px;font-weight:750}.offer-seller small,.offer-seller em{margin-top:5px;display:flex;align-items:center;gap:4px;color:var(--muted);font-size:8px;font-style:normal}.offer-seller em{color:var(--green)}.offer-seller svg{width:11px}.offer-availability strong,.offer-availability span,.offer-availability small,.offer-terms strong,.offer-terms span,.offer-terms small,.offer-total strong,.offer-total span,.offer-total small{display:block}.offer-availability strong{margin-bottom:8px;font-size:10px}.offer-availability strong.available{color:var(--green)}.offer-availability strong.build{color:#a56b19}.offer-availability span{display:flex;align-items:center;gap:5px;color:#465064;font-size:9px}.offer-availability span svg{width:13px}.offer-availability small,.offer-terms small,.offer-total small{margin-top:5px;color:#9298a5;font-size:8px}.offer-terms strong,.offer-total strong{font-size:14px}.offer-terms strong small{display:inline}.offer-terms span,.offer-total span{margin-top:6px;color:#5e6677;font-size:9px}.offer-total strong{font-size:17px}.offer-list article>.button{padding:0 11px}.offer-list article>.button svg{width:13px}.best-offer{position:absolute;top:0;right:12px;padding:4px 7px;border-radius:0 0 5px 5px;display:flex;align-items:center;gap:4px;background:var(--lime);font-size:7px;font-weight:800}.best-offer svg{width:11px}.offer-compare-dock{width:min(850px,calc(100% - 40px));min-height:66px;padding:10px 12px 10px 18px;position:fixed;z-index:45;left:50%;bottom:20px;transform:translateX(-50%);border-radius:11px;display:flex;align-items:center;gap:16px;background:#111827;color:#fff;box-shadow:0 16px 48px rgba(0,0,0,.28)}.offer-compare-dock>div{flex:1;display:flex;align-items:center;gap:9px}.offer-compare-dock>div>span{color:#8e9aae;font-size:9px}.offer-compare-dock>button:last-child{width:34px;height:34px;border:0;background:transparent;color:#8f99aa}.offer-help{margin-top:20px;padding:24px;border-radius:12px;display:flex;align-items:center;justify-content:space-between;gap:20px;background:#f4f6f9}.offer-help>div{display:flex;align-items:center;gap:13px}.offer-help>div>svg{color:var(--blue)}.offer-help strong,.offer-help small{display:block}.offer-help small{margin-top:5px;color:var(--muted);font-size:10px}.offer-modal{position:fixed;z-index:100;inset:0;display:flex;justify-content:flex-end}.modal-backdrop{position:absolute;inset:0;border:0;background:rgba(7,11,18,.58)}.offer-modal>section{width:min(520px,100%);height:100%;padding:30px;position:relative;overflow:auto;background:#fff;box-shadow:-20px 0 60px rgba(0,0,0,.2)}.offer-modal header{padding-bottom:23px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:15px}.offer-modal header h2{margin:8px 0 5px;font-size:30px}.offer-modal header p{margin:0;color:var(--muted)}.offer-modal header>button{width:36px;height:36px;border:1px solid var(--line);border-radius:8px;background:#fff}.modal-status{margin:20px 0;padding:15px;border-radius:9px;display:flex;gap:11px;background:#ecf8f2;color:var(--green)}.modal-status strong,.modal-status span{display:block}.modal-status span{font-size:10px;line-height:1.5}.modal-breakdown{border:1px solid var(--line);border-radius:9px;overflow:hidden}.modal-breakdown div{padding:14px 16px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;color:#60697a;font-size:11px}.modal-breakdown div:last-child{border:0;background:#f5f7fb;color:var(--ink);font-size:14px}.modal-includes{margin:24px 0;display:grid;gap:10px}.modal-includes h3{margin-bottom:4px}.modal-includes span{display:flex;align-items:center;gap:7px;color:#566073;font-size:11px}.modal-includes svg{width:15px;color:var(--green)}.offer-modal>section>.button{width:100%;margin-top:8px}.offer-modal>section>small{display:block;margin-top:12px;color:#969ca8;text-align:center;font-size:8px}

/* Editorial */
.articles-hero{padding:90px 0;background:#0e1627;color:#fff}.articles-hero>.shell{display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:100px}.articles-hero .kicker{color:var(--lime)}.articles-hero .kicker svg{width:14px}.articles-hero h1{margin:18px 0 22px;font-size:64px;line-height:.98}.articles-hero p{max-width:660px;margin:0;color:#9ca9be;font-size:16px;line-height:1.7}.article-ticker{padding:22px;border:1px solid #2b3750;border-radius:12px;background:#151f34}.article-ticker>span{display:block;margin-bottom:12px;color:#74819a;font:700 8px var(--font-geist-mono);letter-spacing:.1em}.article-ticker>div{padding:13px 0;border-top:1px solid #2b3750;display:grid;grid-template-columns:26px 1fr auto;align-items:center}.article-ticker i{color:#5e6b83;font:normal 9px var(--font-geist-mono)}.article-ticker strong{font-size:11px}.article-ticker em{color:var(--lime);font:700 8px var(--font-geist-mono);font-style:normal}.articles-featured{padding:90px 0;display:grid;grid-template-columns:1.12fr .88fr;align-items:center;gap:70px}.featured-image{height:440px;position:relative;overflow:hidden;border-radius:14px}.featured-image img{width:100%;height:100%;object-fit:cover}.featured-image span{position:absolute;left:16px;bottom:16px;padding:7px 9px;border-radius:5px;background:var(--lime);font:800 8px var(--font-geist-mono)}.articles-featured h2{margin:13px 0 16px;font-size:43px;line-height:1.06}.articles-featured p{color:var(--muted);font-size:15px;line-height:1.75}.article-byline{margin:25px 0;display:flex;gap:22px;color:#727b8c;font-size:10px}.article-byline span{display:flex;align-items:center;gap:5px}.article-byline svg{width:13px}.article-feed{padding-bottom:110px}.article-feed-heading{margin-bottom:22px;display:flex;align-items:end;justify-content:space-between;gap:30px}.article-feed-heading h2{margin:9px 0 0;font-size:40px}.article-feed-heading .search-field{width:360px}.article-tabs{margin-bottom:28px;border-bottom:1px solid var(--line);display:flex;gap:30px}.article-tabs button{height:46px;border:0;border-bottom:2px solid transparent;background:transparent;color:#737b8c;font-size:11px}.article-tabs button.active{border-color:var(--blue);color:var(--ink);font-weight:750}.article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.article-grid article{overflow:hidden;border:1px solid var(--line);border-radius:12px;background:#fff;transition:.2s}.article-grid article:hover{transform:translateY(-3px);box-shadow:0 16px 35px rgba(15,22,38,.08)}.article-grid img{width:100%;height:220px;object-fit:cover}.article-grid article>div{padding:22px}.article-category{color:var(--blue);font-size:9px;font-weight:750;text-transform:uppercase;letter-spacing:.07em}.article-grid h3{margin:11px 0;font-size:23px;line-height:1.18}.article-grid p{height:58px;overflow:hidden;color:var(--muted);font-size:11px;line-height:1.65}.article-grid footer{margin-top:18px;padding-top:14px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;color:#8a91a0;font-size:9px}.article-grid footer a{width:30px;height:30px;border:1px solid var(--line);border-radius:6px;display:grid;place-items:center;color:var(--blue)}.article-grid footer svg{width:14px}.article-load{margin:28px auto 0;display:flex}.article-empty{padding:70px;text-align:center;color:var(--muted)}.article-empty h3{margin:12px 0;color:var(--ink)}.article-empty button{border:0;background:transparent;color:var(--blue);font-weight:700}.article-newsletter{padding:60px 0;background:var(--blue);color:#fff}.article-newsletter>.shell{display:flex;align-items:center;gap:22px}.article-newsletter>.shell>svg{width:42px;height:42px}.article-newsletter .kicker{color:var(--lime)}.article-newsletter h2{margin:8px 0 5px;font-size:34px}.article-newsletter p{margin:0;color:#d4ddff}.article-newsletter .button{margin-left:auto}.article-detail-header{max-width:900px;padding-top:70px;padding-bottom:55px}.article-detail-header .back-link{margin-bottom:55px}.article-detail-meta{display:flex;gap:16px;color:#6f7889;font-size:10px}.article-detail-meta span{display:flex;align-items:center;gap:5px}.article-detail-meta span:first-child{color:var(--blue);font-weight:750}.article-detail-meta svg{width:13px}.article-detail-header h1{margin:20px 0;font-size:58px;line-height:1.02}.article-detail-header>p{max-width:790px;color:var(--muted);font-size:19px;line-height:1.55}.article-author{margin-top:32px;display:flex;align-items:center;gap:12px}.article-author>span{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:#172034;color:#fff;font-size:10px;font-weight:800}.article-author>div{flex:1}.article-author strong,.article-author small{display:block}.article-author small{margin-top:4px;color:var(--muted);font-size:9px}.article-author .button svg{width:14px}.article-detail-cover{width:min(1440px,calc(100% - 48px));height:650px;margin:0 auto;position:relative;overflow:hidden;border-radius:15px}.article-detail-cover img{width:100%;height:100%;object-fit:cover}.article-detail-cover>span{position:absolute;left:20px;bottom:20px;padding:8px 10px;border-radius:5px;background:rgba(255,255,255,.9);font:700 8px var(--font-geist-mono);letter-spacing:.08em}.article-body{max-width:1000px;padding:90px 0 110px;display:grid;grid-template-columns:220px 1fr;gap:80px}.article-body>aside{align-self:start;position:sticky;top:145px;display:grid}.article-body>aside>span{padding-bottom:12px;border-bottom:1px solid var(--line);color:#9299a8;font:700 8px var(--font-geist-mono);letter-spacing:.08em}.article-body>aside>a{padding:12px 0;border-bottom:1px solid var(--line);color:#626b7d;font-size:9px;line-height:1.5}.article-body>aside>div{margin-top:22px;padding:16px;border-radius:9px;background:#f1f4ff}.article-body>aside>div svg{color:var(--blue)}.article-body>aside>div strong{display:block;margin:9px 0 5px;font-size:10px}.article-body>aside>div p{margin:0;color:var(--muted);font-size:9px;line-height:1.55}.article-copy>p,.article-copy section>p{font-size:17px;line-height:1.95;color:#3f4859}.article-dropcap:first-letter{padding-right:5px;float:left;color:var(--ink);font-size:66px;font-weight:800;line-height:.78}.article-copy section{scroll-margin-top:150px;margin-top:60px}.article-copy section h2{font-size:33px}.article-takeaways{padding:28px!important;border-radius:11px;background:#101827;color:#fff}.article-takeaways>span{color:var(--lime);font:700 8px var(--font-geist-mono);letter-spacing:.09em}.article-takeaways div{margin-top:14px;display:flex;align-items:start;gap:10px}.article-takeaways svg{width:17px;flex:0 0 auto;color:var(--lime)}.article-takeaways p{margin:0!important;color:#d4dbe7!important;font-size:12px!important;line-height:1.6!important}.article-copy blockquote{margin:44px 0;padding:30px;border-left:3px solid var(--blue);background:#f5f7fb;color:#263149;font-size:20px;line-height:1.55}.article-copy blockquote span{display:block;margin-top:12px;color:#7c8493;font-size:9px}.article-products{padding-bottom:100px}.article-related{padding:80px 0;background:#111827;color:#fff}.article-related>.shell>div:last-child{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.article-related>.shell>div:last-child>a{min-height:180px;padding:22px;border:1px solid #303a4d;border-radius:10px;display:grid;background:#182134}.article-related a span{color:var(--lime);font-size:8px;font-weight:700;text-transform:uppercase}.article-related a strong{font-size:18px;line-height:1.25}.article-related a small{align-self:end;color:#8894a8;font-size:8px}.article-related a>svg{justify-self:end;color:var(--lime)}

/* Home editorial */
.home-articles{background:#111827;color:#fff}.home-articles .kicker{color:var(--lime)}.home-article-grid{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:14px}.home-article-grid>a{min-height:400px;overflow:hidden;border:1px solid #303a4d;border-radius:12px;background:#192235}.home-article-grid>a>img{width:100%;height:160px;object-fit:cover}.home-article-grid>a>div{padding:20px}.home-article-grid>a span{color:var(--lime);font-size:8px;font-weight:700}.home-article-grid h3{margin:12px 0;font-size:21px;line-height:1.18}.home-article-grid p{color:#9aa6b9;font-size:10px;line-height:1.6}.home-article-grid strong{margin-top:18px;display:flex;align-items:center;gap:6px;color:#d8deea;font-size:9px}.home-article-grid strong svg{width:14px}.home-article-grid strong svg:last-child{margin-left:auto}.home-article-grid>a.featured{display:grid;grid-template-rows:220px 1fr}.home-article-grid>a.featured>img{height:100%}.home-article-grid>a.featured h3{font-size:29px}.home-editorial-note{margin:18px 0 0;color:#727e92;font-size:9px}

/* Companies and supplier depth */
.companies-hero{padding:82px 0;background:#f2f5fb}.companies-hero>.shell{display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:85px}.companies-hero h1{margin:15px 0 19px;font-size:58px;line-height:1.02}.companies-hero p{max-width:610px;color:var(--muted);font-size:16px;line-height:1.7}.companies-hero label{max-width:560px;height:54px;padding:0 15px;border:1px solid #d5dbe6;border-radius:9px;display:flex;align-items:center;gap:10px;background:#fff;box-shadow:0 12px 30px rgba(26,37,65,.08)}.companies-hero label svg{color:#8a92a2}.companies-hero input{width:100%;border:0;outline:0}.company-map{height:390px;position:relative;overflow:hidden;border:1px solid #d5dce8;border-radius:18px;background:#0f1728}.map-grid{position:absolute;inset:0;opacity:.17;background-image:linear-gradient(#6f7d98 1px,transparent 1px),linear-gradient(90deg,#6f7d98 1px,transparent 1px);background-size:32px 32px}.map-core{width:72px;height:72px;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);border-radius:50%;display:grid;place-items:center;background:var(--blue);color:#fff;box-shadow:0 0 0 20px rgba(49,93,244,.12),0 0 0 60px rgba(49,93,244,.06)}.map-point{position:absolute;color:#aab5c8;font-size:8px}.map-point i{width:7px;height:7px;margin-right:5px;border-radius:50%;display:inline-block;background:var(--lime);box-shadow:0 0 0 4px rgba(218,250,72,.1)}.point-1{top:18%;left:15%}.point-2{top:23%;right:13%}.point-3{bottom:17%;right:15%}.point-4{bottom:20%;left:12%}.point-5{top:48%;left:7%}.point-6{top:45%;right:7%}.point-7{top:8%;left:48%}.point-8{bottom:8%;left:45%}.point-9{top:69%;left:61%}.company-role-cards{margin-top:-30px;position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.company-role-cards button{min-height:130px;padding:22px;border:1px solid var(--line);border-radius:12px;display:grid;grid-template-columns:45px 1fr auto;align-items:center;gap:14px;background:#fff;text-align:left;box-shadow:0 12px 28px rgba(25,35,60,.07)}.company-role-cards button>svg{width:45px;height:45px;padding:11px;border-radius:9px;background:#edf1ff;color:var(--blue)}.company-role-cards strong,.company-role-cards small{display:block}.company-role-cards small{margin-top:6px;color:var(--muted);font-size:9px;line-height:1.5}.company-role-cards em{color:var(--blue);font-size:22px;font-weight:800;font-style:normal}.company-role-cards button.active{border-color:var(--blue);box-shadow:0 12px 30px rgba(49,93,244,.13)}.companies-directory{padding:85px 0 110px}.company-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.company-grid article{padding:23px;border:1px solid var(--line);border-radius:12px;background:#fff}.company-grid article header{display:flex;justify-content:space-between}.company-role{display:block;margin-top:22px;color:var(--blue);font-size:9px;font-weight:750;text-transform:uppercase;letter-spacing:.08em}.company-grid h3{margin:7px 0 9px;font-size:24px}.company-grid article>p{height:50px;color:var(--muted);font-size:10px;line-height:1.55}.company-grid dl{margin:18px 0;border-top:1px solid var(--line)}.company-grid dl div{padding:9px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;font-size:9px}.company-grid dt{color:var(--muted)}.company-grid dd{margin:0;font-weight:700}.company-capabilities{min-height:77px;display:flex;align-content:start;flex-wrap:wrap;gap:5px}.company-capabilities span,.company-capabilities em,.company-capability-tags span{padding:5px 7px;border-radius:5px;background:#f1f3f6;color:#5f6879;font-size:8px;font-style:normal}.company-grid footer{margin-top:20px;display:flex;align-items:center;justify-content:space-between}.profile-topline{display:flex;align-items:center;justify-content:space-between}.profile-topline .back-link{margin-bottom:0}.profile-tabs{margin-top:30px}.production-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.production-grid>div{min-height:230px;padding:23px;border:1px solid var(--line);border-radius:11px;background:#fafbfc}.production-grid svg{margin-bottom:35px;color:var(--blue)}.production-grid span,.production-grid strong{display:block}.production-grid span{color:#8991a1;font-size:9px;text-transform:uppercase;letter-spacing:.07em}.production-grid strong{margin:8px 0;font-size:18px}.production-grid p{color:var(--muted);font-size:10px;line-height:1.6}.quality-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px}.quality-section>div:first-child p{color:var(--muted);line-height:1.7}.quality-section>div:last-child{border-top:1px solid var(--line)}.quality-section article{padding:15px 0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:28px 22px 1fr auto;align-items:center;gap:9px}.quality-section article>span{color:#9aa1af;font:600 9px var(--font-geist-mono)}.quality-section article>svg{width:16px;color:var(--green)}.quality-section article small{color:#8b92a1;font-size:8px}.profile-rfq{margin:70px 0 0;border:0;background:var(--blue);color:#fff}.profile-rfq>div>svg{color:var(--lime)}.profile-rfq span small{color:#d5ddff}

/* Demo authentication and My Page */
.auth-page{min-height:760px;display:grid;grid-template-columns:.9fr 1.1fr}.auth-story{padding:52px max(48px,calc((100vw - 1240px)/2));padding-right:70px;display:flex;flex-direction:column;justify-content:space-between;background:#111827;color:#fff}.auth-story .brand{align-self:start}.auth-story>div{max-width:470px}.auth-story .kicker{color:var(--lime)}.auth-story h1{margin:17px 0;font-size:51px;line-height:1.03}.auth-story p{color:#a4b0c2;line-height:1.7}.auth-points{margin-top:30px;display:grid;gap:12px}.auth-points span{display:flex;align-items:center;gap:8px;color:#d1d8e4;font-size:11px}.auth-points svg{width:16px;color:var(--lime)}.auth-story>small{color:#68758b;font-size:9px}.auth-panel{padding:60px 7%;display:grid;place-items:center;background:#f6f7f9}.auth-card{width:min(480px,100%);padding:38px;border:1px solid var(--line);border-radius:15px;background:#fff;box-shadow:0 22px 60px rgba(20,28,46,.09)}.auth-card-wide{width:min(680px,100%)}.auth-icon{width:48px;height:48px;border-radius:11px;display:grid;place-items:center;background:#edf1ff;color:var(--blue)}.auth-card h2{margin:20px 0 8px;font-size:32px}.auth-card>p{color:var(--muted);font-size:11px;line-height:1.6}.demo-disclaimer{margin:19px 0;padding:13px;border-radius:8px;display:flex;gap:10px;background:#f0f4ff;color:#5f6a80}.demo-disclaimer>svg{flex:0 0 auto;color:var(--blue)}.demo-disclaimer strong,.demo-disclaimer span{display:block}.demo-disclaimer strong{margin-bottom:3px;color:#27334a;font-size:10px}.demo-disclaimer span{font-size:9px;line-height:1.5}.form-error{margin:12px 0;padding:10px;border-radius:7px;background:#fff0ed;color:#b54532;font-size:10px}.auth-form{display:grid;gap:16px}.auth-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.auth-form>label,.auth-grid>label{display:grid;gap:7px;color:#525b6c;font-size:10px;font-weight:700}.auth-form label>span,.auth-grid label>span{height:42px;padding:0 11px;border:1px solid var(--line);border-radius:7px;display:flex;align-items:center;gap:8px}.auth-form label>span svg,.auth-grid label>span svg{width:15px;color:#9299a8}.auth-form input:not([type=checkbox]),.auth-grid input,.auth-form select{width:100%;height:40px;border:1px solid var(--line);border-radius:7px;outline:0;padding:0 11px;background:#fff}.auth-form label>span input,.auth-grid label>span input{height:auto;padding:0;border:0}.auth-form label>small{color:#9ba1ad;font-size:8px;font-weight:500}.auth-form-row{display:flex;justify-content:space-between;align-items:center}.check-label{display:flex!important;grid-template-columns:auto 1fr!important;align-items:center;justify-content:start;gap:7px!important;color:#697183!important;font-size:9px!important;font-weight:500!important}.check-label input{width:auto!important;height:auto!important;accent-color:var(--blue)}.auth-form-row button{border:0;background:transparent;color:var(--blue);font-size:9px}.auth-submit{width:100%;margin-top:4px}.auth-switch{margin:20px 0 0!important;text-align:center}.auth-switch a{color:var(--blue);font-weight:700}.account-guest{min-height:600px;padding:100px 0;text-align:center}.account-guest>svg{width:50px;height:50px;margin-bottom:20px;color:var(--blue)}.account-guest .kicker{display:flex;justify-content:center}.account-guest h1{margin:13px 0;font-size:46px}.account-guest p{max-width:590px;margin:0 auto 25px;color:var(--muted);line-height:1.7}.account-guest>div{display:flex;justify-content:center;gap:8px}.account-page{padding:50px 0 110px;display:grid;grid-template-columns:220px 1fr;gap:45px}.account-sidebar{align-self:start;position:sticky;top:120px}.account-identity{padding:20px;border:1px solid var(--line);border-radius:10px;background:#fafbfc}.account-identity>span{width:45px;height:45px;margin-bottom:12px;border-radius:10px;display:grid;place-items:center;background:var(--blue);color:#fff;font-weight:800}.account-identity strong,.account-identity small{display:block}.account-identity small{margin-top:4px;color:var(--muted);font-size:9px}.account-sidebar nav{margin-top:14px;display:grid;gap:4px}.account-sidebar nav button,.account-signout{height:40px;padding:0 11px;border:0;border-radius:7px;display:flex;align-items:center;gap:9px;background:transparent;color:#626b7c;text-align:left;font-size:10px}.account-sidebar nav button.active{background:#edf1ff;color:var(--blue);font-weight:750}.account-signout{width:100%;margin-top:18px;border-top:1px solid var(--line);border-radius:0;color:#9b5148}.account-content>header{min-height:130px;display:flex;align-items:start;justify-content:space-between;gap:30px}.account-content>header h1{margin:9px 0 7px;font-size:42px}.account-content>header p{color:var(--muted)}.account-stats{margin:10px 0 18px;display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.account-stats>div{padding:19px;border:1px solid var(--line);border-radius:9px;display:grid;grid-template-columns:35px 1fr;background:#fff}.account-stats svg{grid-row:1/3;width:35px;height:35px;padding:8px;border-radius:8px;background:#edf1ff;color:var(--blue)}.account-stats strong{font-size:24px}.account-stats span{color:var(--muted);font-size:9px}.account-panel{padding:26px;border:1px solid var(--line);border-radius:11px;background:#fff}.account-panel .panel-heading h2{margin-top:7px}.account-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.account-actions>a{min-height:140px;padding:18px;border:1px solid var(--line);border-radius:9px;display:grid;grid-template-columns:32px 1fr 16px;gap:9px}.account-actions>a>svg:first-child{color:var(--blue)}.account-actions>a>svg:last-child{width:15px;color:#9aa1af}.account-actions strong,.account-actions small{display:block}.account-actions small{margin-top:7px;color:var(--muted);font-size:9px;line-height:1.5}.account-list{display:grid}.account-list>div{min-height:74px;padding:11px 0;border-top:1px solid var(--line);display:grid;grid-template-columns:52px 1fr 32px 32px;align-items:center;gap:12px}.account-list img{width:52px;height:52px;border-radius:8px;object-fit:cover;background:#edf0f4}.account-list .list-icon{width:42px;height:42px;border-radius:8px;display:grid;place-items:center;background:#edf1ff;color:var(--blue)}.account-list strong,.account-list small{display:block}.account-list small{margin-top:5px;color:var(--muted);font-size:9px}.account-list a,.account-list button{width:30px;height:30px;border:1px solid var(--line);border-radius:6px;display:grid;place-items:center;background:#fff;color:#7c8495}.account-list svg{width:14px}.account-empty{grid-template-columns:1fr!important;padding:60px!important;text-align:center;color:var(--muted)}.account-empty>svg{width:32px;height:32px;margin:auto}.account-empty>a{width:auto;height:auto;margin:auto;border:0}.profile-fields{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.profile-fields>div{padding:15px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.profile-fields span,.profile-fields strong{display:block}.profile-fields span{margin-bottom:5px;color:var(--muted);font-size:9px}.profile-fields strong{font-size:11px}.danger-button{color:#a94235;border-color:#e4c5c1}

@media(max-width:1000px){
  .account-link span{display:none}.story-intro{gap:45px}.story-feature-grid article{padding:24px}.story-application{gap:40px}.product-video{height:520px}.offer-head,.offer-list article{grid-template-columns:36px 1.4fr .9fr 1fr 1fr 100px;gap:9px}.articles-hero>.shell,.companies-hero>.shell{gap:40px}.articles-hero h1,.companies-hero h1{font-size:50px}.home-article-grid{grid-template-columns:1fr 1fr}.home-article-grid>a.featured{display:block}.home-article-grid>a.featured>img{height:160px}.company-grid{grid-template-columns:repeat(2,1fr)}.production-grid{grid-template-columns:repeat(2,1fr)}.account-page{grid-template-columns:180px 1fr;gap:25px}.account-actions{grid-template-columns:1fr}.account-stats{grid-template-columns:1fr 1fr}
}

@media(max-width:760px){
  .account-link{display:none}.product-title-row{display:block}.product-title-row .button{margin-bottom:14px}.product-story{padding-top:52px}.story-cover{height:520px;border-radius:11px}.story-cover>div{left:24px;right:24px;bottom:28px}.story-cover h2{font-size:35px}.story-intro{padding:60px 0;grid-template-columns:1fr;gap:24px}.story-intro h2{font-size:32px}.story-feature-grid{grid-template-columns:1fr}.story-feature-grid article{min-height:250px;border-right:0;border-bottom:1px solid var(--line)}.story-feature-grid article>span{margin-bottom:28px}.story-application{margin-top:55px;grid-template-columns:1fr;gap:35px}.story-application-visual{height:420px}.story-application>div:last-child h2{font-size:32px}.product-video{height:420px}.video-source{top:14px;left:14px}.video-play{width:66px;height:66px}.video-caption{left:18px;bottom:57px}.video-caption strong{font-size:15px}.video-progress{left:18px;right:18px}.all-offers-cta,.company-directory-link,.profile-rfq,.offer-help{align-items:flex-start;flex-direction:column}.manufacturer-grid,.product-article-grid{grid-template-columns:1fr}.offers-hero{align-items:flex-start;flex-direction:column}.offer-product img{width:82px;height:72px}.offer-product h1{font-size:31px}.offers-controls{grid-template-columns:1fr 1fr}.offer-switches{grid-column:1/-1}.offer-summary{align-items:flex-start;flex-direction:column;gap:7px}.offer-list{overflow:auto}.offer-head,.offer-list article{min-width:940px}.offer-compare-dock>div>span{display:none}.articles-hero{padding:60px 0}.articles-hero>.shell,.articles-featured,.companies-hero>.shell{grid-template-columns:1fr;gap:38px}.articles-hero h1,.companies-hero h1{font-size:43px}.articles-featured{padding:60px 0}.featured-image{height:330px}.articles-featured h2{font-size:34px}.article-feed-heading{align-items:flex-start;flex-direction:column}.article-feed-heading .search-field{width:100%}.article-tabs{overflow:auto}.article-tabs button{white-space:nowrap}.article-grid,.company-grid{grid-template-columns:1fr}.article-grid img{height:250px}.article-newsletter>.shell{align-items:flex-start;flex-direction:column}.article-newsletter .button{margin-left:0}.article-detail-header{padding-top:45px}.article-detail-header .back-link{margin-bottom:35px}.article-detail-header h1{font-size:40px}.article-detail-header>p{font-size:16px}.article-author{flex-wrap:wrap}.article-author>div{min-width:calc(100% - 60px)}.article-detail-cover{width:calc(100% - 28px);height:430px}.article-body{padding:60px 0;grid-template-columns:1fr;gap:40px}.article-body>aside{position:static}.article-copy>p,.article-copy section>p{font-size:15px}.article-related>.shell>div:last-child{grid-template-columns:1fr}.home-article-grid{grid-template-columns:1fr}.companies-hero{padding:55px 0 80px}.company-map{height:310px}.company-role-cards{grid-template-columns:1fr}.production-grid{grid-template-columns:1fr}.quality-section{grid-template-columns:1fr;gap:35px}.quality-section article{grid-template-columns:28px 22px 1fr}.quality-section article small{grid-column:3}.auth-page{grid-template-columns:1fr}.auth-story{min-height:520px;padding:40px 24px}.auth-story h1{font-size:42px}.auth-panel{padding:35px 14px}.auth-card{padding:25px}.auth-grid{grid-template-columns:1fr}.account-page{padding-top:25px;grid-template-columns:1fr}.account-sidebar{position:static}.account-sidebar nav{display:flex;overflow:auto}.account-sidebar nav button{white-space:nowrap}.account-signout{border:0}.account-content>header{align-items:flex-start;flex-direction:column}.account-stats{grid-template-columns:1fr 1fr}.profile-fields{grid-template-columns:1fr}
}

@media(max-width:470px){.offers-controls{grid-template-columns:1fr}.offer-switches{grid-column:auto;align-items:flex-start;flex-direction:column;height:auto;padding:13px}.story-cover{height:470px}.story-cover h2{font-size:30px}.product-video{height:360px}.video-caption p{display:none}.account-stats{grid-template-columns:1fr}.article-grid img{height:210px}.article-detail-cover{height:350px}.article-detail-header h1{font-size:34px}}

/* Cyreb authentication, policy, and launch readiness */
.footer-legal{display:flex;gap:14px}.footer-legal a:hover{color:#fff}.google-auth-control{margin:22px 0}.google-auth-button{width:100%;height:48px;border:1px solid #ccd2dd;border-radius:8px;display:flex;align-items:center;justify-content:center;gap:9px;background:#fff;color:#273044;font-size:12px;font-weight:700;box-shadow:0 4px 12px rgba(18,27,47,.06)}.google-auth-button:hover{background:#f8f9fb}.google-auth-button:disabled{opacity:.65}.google-g{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(from -35deg,#4285f4 0 25%,#34a853 0 50%,#fbbc05 0 75%,#ea4335 0);color:#fff;font-weight:850}.google-auth-control>p{margin:9px 0 0;color:#b24537;font-size:9px;line-height:1.5}.google-auth-control>small{display:block;margin-top:8px;color:#8a92a1;font-size:8px;text-align:center}.auth-divider{margin:20px 0;border-top:1px solid var(--line);position:relative;text-align:center}.auth-divider span{padding:0 9px;position:relative;top:-7px;background:#fff;color:#9299a8;font-size:8px;text-transform:uppercase;letter-spacing:.06em}.spin{animation:cyreb-spin 1s linear infinite}@keyframes cyreb-spin{to{transform:rotate(360deg)}}.auth-callback{min-height:650px;padding:100px 0;display:grid;place-items:center}.auth-callback>section{width:min(560px,100%);padding:45px;border:1px solid var(--line);border-radius:15px;background:#fff;text-align:center;box-shadow:0 18px 55px rgba(20,29,49,.09)}.auth-callback>section>svg{width:48px;height:48px;margin-bottom:20px;color:var(--blue)}.auth-callback h1{margin:11px 0;font-size:37px}.auth-callback>section>p{color:var(--muted)}.auth-callback>section>div:last-child{display:flex;justify-content:center;gap:8px}.account-identity>img{width:45px;height:45px;margin-bottom:12px;border-radius:10px;object-fit:cover}.account-identity>em{display:inline-block;margin-top:10px;padding:4px 6px;border-radius:5px;background:#edf1ff;color:var(--blue);font-size:7px;font-style:normal;font-weight:750;text-transform:uppercase}.account-loader{width:42px;height:42px;margin:0 auto 20px;border:3px solid #dbe1ec;border-top-color:var(--blue);border-radius:50%;display:block;animation:cyreb-spin 1s linear infinite}
.policy-page{padding:70px 0 110px}.policy-page>header{max-width:850px;padding-bottom:55px}.policy-page>header h1{margin:13px 0 12px;font-size:58px}.policy-page>header p{color:var(--muted)}.policy-layout{display:grid;grid-template-columns:260px 1fr;gap:80px}.policy-layout>aside{align-self:start;padding:22px;position:sticky;top:125px;border:1px solid var(--line);border-radius:11px;background:#f7f9fc}.policy-layout>aside>svg{color:var(--blue)}.policy-layout>aside strong{display:block;margin:14px 0 8px}.policy-layout>aside p{color:var(--muted);font-size:10px;line-height:1.6}.policy-layout>aside a{display:flex;align-items:center;gap:5px;color:var(--blue);font-size:9px;font-weight:700}.policy-layout>aside a svg{width:13px}.policy-layout>article{border-top:1px solid var(--line)}.policy-layout>article section{padding:32px 0;border-bottom:1px solid var(--line)}.policy-layout>article h2{margin-bottom:14px;font-size:25px}.policy-layout>article p,.policy-layout>article li{color:#555e70;font-size:13px;line-height:1.85}.policy-layout>article a{color:var(--blue);text-decoration:underline}.policy-layout>article code{padding:2px 5px;border-radius:4px;background:#f0f2f5;font-size:11px}.policy-page>footer{margin-top:55px;padding:22px;border-radius:11px;display:flex;align-items:center;gap:14px;background:#f1f4ff}.policy-page>footer>svg{color:var(--blue)}.policy-page>footer span{flex:1}.policy-page>footer strong{display:block;margin-bottom:4px}.policy-page>footer span{color:var(--muted);font-size:10px}.deletion-steps{border-top:1px solid var(--line)}.deletion-steps article{padding:28px 0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:50px 1fr 26px;gap:18px;align-items:start}.deletion-steps article>span{color:#9aa1af;font:600 11px var(--font-geist-mono)}.deletion-steps h2{margin-bottom:8px;font-size:25px}.deletion-steps p{color:var(--muted);line-height:1.7}.deletion-steps svg{color:var(--green)}.deletion-help{margin-top:55px;padding:28px;border-radius:12px;display:grid;grid-template-columns:38px 1fr auto;gap:18px;align-items:center;background:#111827;color:#fff}.deletion-help>svg{color:var(--lime)}.deletion-help h2{margin-bottom:7px}.deletion-help p{margin:0;color:#9faabd;font-size:11px;line-height:1.6}.deletion-help a:not(.button){color:var(--lime)}.legal-document-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:13px;margin-bottom:70px}.legal-document-grid>a{min-height:160px;padding:24px;border:1px solid var(--line);border-radius:11px;display:grid;grid-template-columns:42px 1fr 20px;gap:14px;align-items:start}.legal-document-grid>a>svg:first-child{width:42px;height:42px;padding:10px;border-radius:9px;background:#edf1ff;color:var(--blue)}.legal-document-grid strong{font-size:18px}.legal-document-grid p{margin:8px 0 0;color:var(--muted);font-size:10px;line-height:1.6}.legal-document-grid>a>svg:last-child{width:16px;color:#8b93a2}
@media(max-width:760px){.footer-legal{flex-wrap:wrap}.policy-layout{grid-template-columns:1fr;gap:28px}.policy-layout>aside{position:static}.policy-page>header h1{font-size:42px}.legal-document-grid{grid-template-columns:1fr}.deletion-help{grid-template-columns:35px 1fr}.deletion-help .button{grid-column:1/-1}.policy-page>footer{align-items:flex-start;flex-direction:column}.auth-callback{padding:55px 0}.auth-callback>section{padding:28px}}

/* Ownership marketplaces: accessories, secondhand and product community */
.desktop-nav{gap:20px}.market-expansion .section-heading>p{max-width:430px;margin:0;color:var(--muted);line-height:1.6}.market-expansion-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.market-expansion-card{min-height:390px;padding:40px;position:relative;display:flex;overflow:hidden;border:1px solid var(--line);border-radius:16px;background:#f4f6fa}.market-expansion-card>div{width:61%;position:relative;z-index:2}.market-expansion-card h3{margin:16px 0;font-size:35px;line-height:1.04}.market-expansion-card p{color:#60697a;line-height:1.65}.market-expansion-card>div>strong{margin-top:28px;display:flex;align-items:center;gap:7px;color:var(--blue);font-size:13px}.market-expansion-card img{width:48%;height:85%;position:absolute;right:-2%;bottom:-2%;object-fit:contain;transition:.25s ease}.market-expansion-card:hover img{transform:scale(1.04) rotate(-2deg)}.market-expansion-card.secondhand{background:#121a29;color:#fff;border-color:#121a29}.market-expansion-card.secondhand p{color:#aeb7c7}.market-expansion-card.secondhand .kicker,.market-expansion-card.secondhand>div>strong{color:var(--lime)}

.accessory-hero,.secondhand-hero{overflow:hidden;background:#0e1626;color:#fff}.accessory-hero>.shell,.secondhand-hero>.shell{min-height:570px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:70px}.accessory-hero h1,.secondhand-hero h1{margin:17px 0 21px;font-size:clamp(50px,5.3vw,74px);line-height:.97}.accessory-hero h1 em,.secondhand-hero h1 em{color:var(--lime);font-style:normal}.accessory-hero p,.secondhand-hero p{max-width:580px;color:#aeb7c9;font-size:17px;line-height:1.7}.accessory-hero .kicker,.secondhand-hero .kicker{color:var(--lime)}.accessory-hero .kicker svg,.secondhand-hero .kicker svg{width:15px}.accessory-hero-actions,.secondhand-hero>.shell>div:first-child>div{margin-top:31px;display:flex;gap:10px}.accessory-hero-stack{height:470px;position:relative}.accessory-hero-stack article{width:230px;height:300px;padding:18px;position:absolute;overflow:hidden;border:1px solid rgba(255,255,255,.13);border-radius:15px;background:linear-gradient(155deg,#273149,#111827);box-shadow:0 28px 70px rgba(0,0,0,.35);transform:rotate(-7deg)}.accessory-hero-stack article:nth-child(2){left:155px;top:70px;z-index:2;transform:rotate(4deg)}.accessory-hero-stack article:nth-child(3){right:-20px;top:135px;transform:rotate(10deg)}.accessory-hero-stack img{width:100%;height:205px;object-fit:contain}.accessory-hero-stack span,.reuse-card>div>span{display:block;color:var(--lime);font-size:9px;font-weight:750;letter-spacing:.1em}.accessory-hero-stack strong{display:block;margin-top:7px;font-size:14px}.accessory-benefits,.reuse-trust{min-height:92px;display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-top:0}.accessory-benefits>div,.reuse-trust>div{padding:22px 25px;display:flex;align-items:center;gap:14px;border-right:1px solid var(--line)}.accessory-benefits>div:last-child,.reuse-trust>div:last-child{border:0}.accessory-benefits svg,.reuse-trust svg{color:var(--blue)}.accessory-benefits strong,.accessory-benefits small,.reuse-trust strong,.reuse-trust small{display:block}.accessory-benefits small,.reuse-trust small{margin-top:4px;color:var(--muted);font-size:10px}.market-catalog,.used-market{padding-top:82px;padding-bottom:100px;display:grid;grid-template-columns:235px 1fr;gap:38px}.market-filter{align-self:start;position:sticky;top:145px}.market-filter>div:first-child{margin-bottom:17px;display:flex;justify-content:space-between}.market-filter>div:first-child button{border:0;background:transparent;color:var(--blue);font-size:11px}.market-search{height:44px;padding:0 12px;display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:8px}.market-search svg{width:16px;color:#8790a1}.market-search input{min-width:0;width:100%;border:0;outline:0}.market-filter fieldset{margin:24px 0;padding:0;border:0}.market-filter legend,.market-select-label{margin-bottom:10px;color:#737b8c;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.07em}.market-filter fieldset>button{width:100%;padding:8px 0;display:flex;justify-content:space-between;border:0;background:transparent;color:#5b6374;font-size:12px;text-align:left}.market-filter fieldset>button.active{color:var(--blue);font-weight:700}.market-filter fieldset>button small{color:#9ba1ad}.market-select-label{display:block}.market-select-label select{width:100%;height:42px;margin-top:8px;padding:0 9px;border:1px solid var(--line);border-radius:7px;background:#fff;color:var(--ink);text-transform:none;letter-spacing:0}.market-results>header{min-height:67px;margin-bottom:22px;display:flex;align-items:flex-start;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line)}.market-results>header h2{margin:7px 0 20px;font-size:28px}.market-results>header>label,.used-toolbar>label{display:flex;align-items:center;gap:8px;color:#7a8292;font-size:10px}.market-results>header select,.used-toolbar select{height:38px;padding:0 28px 0 10px;border:1px solid var(--line);border-radius:7px;background:#fff;color:var(--ink)}.accessory-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.accessory-card,.used-card{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:12px;background:#fff;transition:.2s ease}.accessory-card:hover,.used-card:hover{transform:translateY(-2px);box-shadow:0 18px 35px rgba(22,31,54,.1)}.accessory-card-image{height:230px;position:relative;display:block;background:#f3f5f8}.accessory-card-image img,.used-card-image img{width:100%;height:100%;object-fit:contain}.accessory-card-image>span,.condition-pill{padding:5px 8px;position:absolute;left:12px;top:12px;border-radius:5px;background:#fff4dc;color:#9b6400;font-size:9px;font-style:normal;font-weight:700}.accessory-card-image>span.available{background:#e9f8ef;color:var(--green)}.accessory-card>button,.used-card>button{width:36px;height:36px;position:absolute;right:11px;top:11px;z-index:3;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;background:#fff;color:#70798b}.accessory-card>button svg,.used-card>button svg{width:16px}.accessory-card>button.saved,.used-card>button.saved{color:var(--blue);border-color:#bfd0ff}.accessory-card>div{padding:18px}.accessory-category{color:#7c8494;font-size:9px;text-transform:uppercase;letter-spacing:.07em}.accessory-card h3{margin:7px 0 9px;font-size:17px;line-height:1.2}.accessory-card p{height:47px;overflow:hidden;color:var(--muted);font-size:11px;line-height:1.45}.accessory-fit{display:flex;align-items:center;gap:5px;color:#3b6070;font-size:9px}.accessory-fit svg{width:13px;color:var(--green)}.accessory-rating{margin:12px 0 16px;display:flex;align-items:center;gap:4px;font-size:10px;font-weight:700}.accessory-rating svg{width:13px;color:#e7aa24}.accessory-rating span{color:#9299a6;font-weight:400}.accessory-card footer{padding-top:14px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line)}.accessory-card footer strong,.accessory-card footer small{display:block}.accessory-card footer strong{font-size:17px}.accessory-card footer small{margin-top:3px;color:var(--muted);font-size:8px}.accessory-card footer>a,.used-card footer>a{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:var(--ink);color:#fff}.accessory-card footer svg,.used-card footer svg{width:15px}.market-load{margin:30px auto 0;display:flex}.market-empty{padding:80px 20px;text-align:center;border:1px dashed #cdd3de;border-radius:12px}.market-empty>svg{color:#9ba3b2}.market-empty h3{margin:12px 0 6px}.market-empty p{color:var(--muted)}.market-empty button{border:0;background:transparent;color:var(--blue);font-weight:700}.accessory-future{padding:100px 0;background:#111928;color:#fff;text-align:center}.accessory-future h2{margin:15px 0;font-size:46px}.accessory-future p{max-width:680px;margin:0 auto;color:#aab4c5;line-height:1.7}.accessory-future>div>div{margin-top:30px;display:flex;justify-content:center;gap:12px}.accessory-future>div>div span{padding:10px 14px;display:flex;align-items:center;gap:6px;border:1px solid #354158;border-radius:7px;font-size:11px}.accessory-future svg{width:14px;color:var(--lime)}

.secondhand-hero{background:linear-gradient(115deg,#171b21,#0d1522)}.secondhand-hero .button-light{background:transparent;color:#fff;border-color:#445066}.reuse-card{height:430px;position:relative;overflow:hidden;border:1px solid #354158;border-radius:18px;background:linear-gradient(150deg,#202a3c,#111723);box-shadow:0 30px 80px rgba(0,0,0,.32)}.reuse-card>img{width:100%;height:295px;object-fit:contain}.reuse-card>div{padding:18px 22px;position:absolute;inset:auto 0 0;background:rgba(14,21,34,.94)}.reuse-card>div>strong,.reuse-card>div>small,.reuse-card>div>em{display:block}.reuse-card>div>strong{margin:5px 0;font-size:17px}.reuse-card>div>small{color:#9eabba}.reuse-card>div>em{position:absolute;right:22px;bottom:27px;color:var(--lime);font-size:20px;font-style:normal;font-weight:750}.reuse-card>div>em s{margin-left:5px;color:#7e8897;font-size:10px;font-weight:400}.reuse-score{width:83px;height:83px;position:absolute;right:19px;top:18px;display:flex;align-items:center;justify-content:center;gap:5px;border:1px solid rgba(255,255,255,.17);border-radius:50%;background:#dafa48;color:#111827}.reuse-score strong{font-size:27px}.reuse-score small{font-size:7px;line-height:1.25}.used-check{padding:8px 0;display:grid;grid-template-columns:20px 1fr auto;align-items:center;color:#596172;font-size:12px}.used-check small{color:#9da3af}.inspection-key{margin-top:25px;padding:15px;display:flex!important;justify-content:flex-start!important;gap:10px;border-radius:9px;background:#eff4ff}.inspection-key svg{width:20px;color:var(--blue)}.inspection-key strong,.inspection-key small{display:block}.inspection-key small{margin-top:4px;color:#737c8e;font-size:8px;line-height:1.55}.used-toolbar{display:flex;align-items:center;gap:10px}.used-toolbar>span{display:flex;border:1px solid var(--line);border-radius:7px;overflow:hidden}.used-toolbar>span button{width:37px;height:37px;display:grid;place-items:center;border:0;background:#fff;color:#8a92a2}.used-toolbar>span button.active{background:var(--ink);color:#fff}.used-toolbar svg{width:15px}.used-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.used-card-image{height:225px;position:relative;display:block;background:#f2f4f7}.used-card-image>em{padding:5px 7px;position:absolute;left:12px;bottom:10px;display:flex;align-items:center;gap:4px;border-radius:5px;background:rgba(17,24,39,.9);color:#fff;font-size:8px;font-style:normal}.used-card-image>em svg{width:12px;color:var(--lime)}.used-card-body{padding:17px}.used-card-body>span{color:#7c8494;font-size:9px;text-transform:uppercase}.used-card h3{margin:6px 0 13px;font-size:18px}.used-meta{display:flex;gap:13px;color:#60697a;font-size:9px}.used-meta span{display:flex;align-items:center;gap:4px}.used-meta svg{width:13px}.used-seller{margin:14px 0;padding:12px;display:flex;align-items:center;gap:9px;border-radius:7px;background:#f6f7f9}.used-seller>svg{width:18px;color:var(--blue)}.used-seller strong,.used-seller small{display:block}.used-seller strong{font-size:10px}.used-seller small{margin-top:3px;color:#7d8594;font-size:8px}.used-card footer{padding-top:13px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line)}.used-card footer strong,.used-card footer small{display:block}.used-card footer strong{font-size:19px}.used-card footer small{margin-top:3px;color:var(--green);font-size:8px}.used-grid.used-list{grid-template-columns:1fr}.used-list .used-card{display:grid;grid-template-columns:260px 1fr}.used-list .used-card-image{height:100%;min-height:250px}.used-list .used-card>button{left:210px;right:auto}.reuse-process{padding:95px 0;background:#f3f5f8}.reuse-process h2{margin:10px 0 32px;font-size:38px}.reuse-process>.shell>div{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:12px;background:#fff}.reuse-process article{padding:26px;position:relative;border-right:1px solid var(--line)}.reuse-process article:last-child{border:0}.reuse-process article>span{color:var(--blue);font:700 11px var(--font-geist-mono)}.reuse-process article strong{display:block;margin:30px 0 7px}.reuse-process article p{margin:0;color:var(--muted);font-size:10px}.reuse-process article svg{width:17px;position:absolute;right:20px;top:20px;color:var(--green)}

.market-detail-page{padding-top:28px;padding-bottom:110px}.market-detail-page .breadcrumbs svg{width:14px}.market-detail-hero{display:grid;grid-template-columns:1.03fr .97fr;gap:60px}.market-detail-gallery>div:first-child{height:520px;position:relative;overflow:hidden;border-radius:15px;background:#f1f3f7}.market-detail-gallery>div:first-child>img{width:100%;height:100%;object-fit:contain}.market-detail-gallery>div:first-child>span{position:absolute;left:16px;top:16px;color:#7e8797;font:700 8px var(--font-geist-mono)}.market-detail-gallery>div:nth-child(2){margin-top:11px;display:flex;flex-wrap:wrap;gap:8px}.market-detail-gallery>div:nth-child(2)>span{padding:8px 10px;display:flex;align-items:center;gap:5px;border:1px solid var(--line);border-radius:7px;color:#5f6879;font-size:9px}.market-detail-gallery>div:nth-child(2) svg{width:12px;color:var(--green)}.market-detail-summary{padding-top:5px}.market-detail-summary h1{margin:30px 0 10px;font-size:46px;line-height:1.03}.market-detail-summary>p{margin:17px 0;color:var(--muted);font-size:15px;line-height:1.7}.market-detail-rating{display:flex;align-items:center;gap:5px;color:#667083;font-size:10px}.market-detail-rating svg{width:15px;color:#e3a825}.market-detail-rating strong{color:var(--ink)}.market-detail-rating em{font-style:normal;color:#b0b5bf}.market-fit-callout{margin:21px 0;padding:14px;display:flex;gap:12px;border:1px solid #cdd9f9;border-radius:9px;background:#f2f6ff}.market-fit-callout>svg{color:var(--blue)}.market-fit-callout small,.market-fit-callout strong{display:block}.market-fit-callout small{color:#72809a;font-size:8px}.market-fit-callout strong{margin:4px 0}.market-fit-callout p{margin:0;color:#7a8393;font-size:9px}.market-detail-buy{margin-top:20px;padding:19px;border:1px solid var(--line);border-radius:10px;background:#fafbfc}.market-detail-buy>div:first-child>span,.market-detail-buy>div:first-child>strong,.market-detail-buy>div:first-child>small{display:block}.market-detail-buy>div:first-child>span{color:var(--muted);font-size:9px}.market-detail-buy>div:first-child>strong{margin:5px 0;font-size:29px}.market-detail-buy>div:first-child>small{color:#697284;font-size:9px}.market-item-actions{margin-top:16px;display:grid;grid-template-columns:1.3fr 1fr;gap:8px}.market-item-actions svg{width:16px}.market-detail-summary>.button-outline{margin-top:14px}.accessory-detail-overview{display:grid;grid-template-columns:1fr 1fr;gap:70px}.accessory-detail-overview p{color:var(--muted);line-height:1.7}.accessory-detail-overview>div:last-child{display:grid;grid-template-columns:1fr 1fr;gap:10px}.accessory-detail-overview>div:last-child span{padding:15px;display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:8px;font-size:11px}.accessory-detail-overview svg{width:15px;color:var(--green)}.fit-check-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:65px}.fit-check-section>div:first-child p{color:var(--muted);line-height:1.7}.fit-check-card{padding:22px;display:grid;grid-template-columns:50px 1fr auto;align-items:center;gap:15px;border:1px solid #cbd7f6;border-radius:11px;background:#f2f6ff}.fit-check-card>span{width:50px;height:50px;display:grid;place-items:center;border-radius:11px;background:var(--blue);color:#fff}.fit-check-card small,.fit-check-card strong{display:block}.fit-check-card small{color:#79859a;font-size:8px}.fit-check-card p{margin:5px 0 0;color:#667185;font-size:9px}.fit-check-card>em{padding:7px 9px;display:flex;align-items:center;gap:4px;border-radius:6px;background:#e0f6e9;color:var(--green);font-size:9px;font-style:normal}.fit-check-card>em svg{width:13px}.related-market-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.related-market-grid>a{padding:14px;position:relative;border:1px solid var(--line);border-radius:10px}.related-market-grid img{width:100%;height:150px;object-fit:contain;background:#f3f5f8;border-radius:7px}.related-market-grid span,.related-market-grid strong,.related-market-grid small{display:block}.related-market-grid span{margin-top:12px;color:var(--blue);font-size:8px}.related-market-grid strong{margin:5px 0;font-size:12px}.related-market-grid small{color:var(--muted);font-size:9px}.related-market-grid>a>svg{position:absolute;right:14px;bottom:15px;width:15px}

.used-detail-gallery>div:first-child>em{width:88px;height:88px;position:absolute;right:18px;top:18px;display:flex;align-items:center;justify-content:center;gap:3px;border-radius:50%;background:var(--lime);color:#111827;font-size:10px;font-style:normal}.used-detail-gallery>div:first-child>em svg{width:14px}.used-detail-gallery>div:first-child>em strong{font-size:25px}.used-detail-meta{margin:17px 0;display:flex;gap:16px;color:#5e6778;font-size:10px}.used-detail-meta span{display:flex;align-items:center;gap:5px}.used-detail-meta svg{width:14px}.used-price-block{padding:17px;border:1px solid var(--line);border-radius:9px;background:#fafbfc}.used-price-block span,.used-price-block strong,.used-price-block small{display:block}.used-price-block span{color:var(--muted);font-size:9px}.used-price-block strong{margin:5px 0;font-size:32px}.used-price-block small{color:var(--green);font-size:9px}.used-seller-panel{margin:13px 0;padding:13px;display:grid;grid-template-columns:32px 1fr auto;align-items:center;gap:10px;border:1px solid var(--line);border-radius:8px}.used-seller-panel>svg{color:var(--blue)}.used-seller-panel small,.used-seller-panel strong{display:block}.used-seller-panel small{color:#8790a0;font-size:8px}.used-seller-panel p{margin:3px 0 0;color:var(--muted);font-size:9px}.used-seller-panel>a{color:var(--blue);font-size:9px;font-weight:700}.inspection-section{display:grid;grid-template-columns:.36fr .64fr;gap:75px}.inspection-score-card{padding:27px;border-radius:13px;background:#121a29;color:#fff}.inspection-score-card>span{color:#9da8b8;font-size:8px}.inspection-score-card>strong{display:block;margin:20px 0 0;color:var(--lime);font-size:76px;line-height:1}.inspection-score-card>small{color:#929dac}.inspection-score-card>div{height:7px;margin:20px 0;border-radius:8px;background:#2c3546}.inspection-score-card>div i{height:100%;display:block;border-radius:8px;background:var(--lime)}.inspection-score-card>p{margin:0;color:#b2bbca;font-size:10px}.inspection-section>div:last-child>p{color:var(--muted);line-height:1.7}.inspection-grid{margin-top:25px;display:grid;grid-template-columns:1fr 1fr;gap:10px}.inspection-grid>div{padding:14px;display:flex;gap:10px;border:1px solid var(--line);border-radius:8px}.inspection-grid>div>svg{width:18px;color:var(--blue)}.inspection-grid span{flex:1}.inspection-grid small,.inspection-grid strong{display:block}.inspection-grid small{color:var(--muted);font-size:8px}.inspection-grid strong{margin:4px 0;font-size:11px}.inspection-grid i{height:4px;display:block;border-radius:5px;background:#e8eaf0}.inspection-grid i em{height:100%;display:block;border-radius:5px;background:var(--green)}.used-history-section{display:grid;grid-template-columns:.35fr .65fr;gap:75px}.history-timeline{position:relative}.history-timeline::before{content:"";width:1px;position:absolute;left:18px;top:10px;bottom:10px;background:#d9dde5}.history-timeline article{padding-bottom:26px;position:relative;display:grid;grid-template-columns:38px 1fr;gap:15px}.history-timeline article>span{width:37px;height:37px;z-index:2;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;background:#fff;color:var(--green)}.history-timeline article svg{width:14px}.history-timeline small,.history-timeline strong{display:block}.history-timeline small{color:var(--blue);font-size:8px}.history-timeline strong{margin:4px 0}.history-timeline p{margin:0;color:var(--muted);font-size:10px}.included-section{display:grid;grid-template-columns:.32fr .48fr .2fr;align-items:start;gap:50px}.included-section>div:nth-child(2){display:grid;grid-template-columns:1fr 1fr;gap:10px}.included-section>div:nth-child(2) span{display:flex;align-items:center;gap:7px;color:#525b6d;font-size:10px}.included-section>div:nth-child(2) svg{width:14px;color:var(--green)}.related-used-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.related-used-grid>a{display:grid;grid-template-columns:120px 1fr 20px;align-items:center;gap:14px;border:1px solid var(--line);border-radius:10px;overflow:hidden}.related-used-grid img{width:120px;height:130px;object-fit:contain;background:#f3f5f8}.related-used-grid span,.related-used-grid strong,.related-used-grid small,.related-used-grid em{display:block}.related-used-grid span{color:var(--blue);font-size:8px}.related-used-grid strong{margin:5px 0}.related-used-grid small{display:flex;align-items:center;gap:3px;color:var(--muted);font-size:8px}.related-used-grid small svg{width:11px}.related-used-grid em{margin-top:10px;font-style:normal;font-weight:750}

.community-section{scroll-margin-top:120px}.community-heading{display:flex;align-items:end;justify-content:space-between;gap:30px}.community-heading>div:first-child>p{margin:0;color:var(--muted)}.community-heading-actions{display:flex;gap:8px}.community-heading-actions svg{width:16px}.community-tabs{height:54px;margin-top:32px;display:flex;gap:28px;border-bottom:1px solid var(--line)}.community-tabs button{height:100%;padding:0;position:relative;border:0;background:transparent;color:#737b8c;font-weight:650}.community-tabs button.active{color:var(--ink)}.community-tabs button.active::after{content:"";height:2px;position:absolute;inset:auto 0 -1px;background:var(--blue)}.community-tabs button span{margin-left:5px;padding:3px 6px;border-radius:10px;background:#eef1f6;font-size:9px}.reviews-layout{padding-top:30px;display:grid;grid-template-columns:285px 1fr;gap:60px}.rating-summary{align-self:start;padding:24px;position:sticky;top:150px;border:1px solid var(--line);border-radius:11px}.rating-summary>strong{font-size:52px}.star-row{display:flex;color:#e3a825}.star-row svg{width:15px}.rating-summary>span{display:block;margin:7px 0 22px;color:var(--muted);font-size:9px}.rating-bar{margin:9px 0;display:grid;grid-template-columns:40px 1fr 25px;align-items:center;gap:8px}.rating-bar small,.rating-bar em{color:#818897;font-size:8px;font-style:normal}.rating-bar i{height:5px;border-radius:5px;background:#e9ebef}.rating-bar i span{height:100%;display:block;border-radius:5px;background:#e3a825}.rating-highlights{margin-top:20px;padding-top:15px;display:grid;gap:8px;border-top:1px solid var(--line)}.rating-highlights span{display:flex;align-items:center;gap:6px;color:#566071;font-size:9px}.rating-highlights svg{width:13px;color:var(--green)}.community-toolbar{min-height:50px;display:flex;align-items:flex-start;justify-content:space-between;border-bottom:1px solid var(--line)}.community-toolbar>label{display:flex;align-items:center;gap:5px;color:var(--muted);font-size:9px}.community-toolbar select{padding:6px 25px 6px 7px;border:1px solid var(--line);border-radius:6px;background:#fff}.community-toolbar svg{width:12px;margin-left:-22px;pointer-events:none}.review-card{padding:25px 0;border-bottom:1px solid var(--line)}.review-card>header{display:flex;align-items:center;gap:10px}.review-avatar{width:36px;height:36px;display:grid;place-items:center;border-radius:50%;background:#eef1f7;color:#667083}.review-avatar svg{width:17px}.review-card header>div:nth-child(2){flex:1}.review-card header strong,.review-card header small{display:block}.review-card header small{margin-top:3px;display:flex;align-items:center;gap:4px;color:#778090;font-size:8px}.review-card header small svg{width:11px;color:var(--green)}.review-card h3{margin:15px 0 8px;font-size:16px}.review-card>p{color:#555f70;font-size:11px;line-height:1.7}.review-card>img{width:125px;height:100px;object-fit:contain;border-radius:7px;background:#f1f3f7}.review-card>footer{margin-top:15px;display:flex;align-items:center;gap:8px;color:#89909d;font-size:9px}.review-card>footer button,.question-list footer button{padding:6px 8px;display:flex;align-items:center;gap:4px;border:1px solid var(--line);border-radius:6px;background:#fff;color:#626b7b;font-size:8px}.review-card>footer button.active,.question-list footer button.active{color:var(--blue);border-color:#b9c9fa}.review-card>footer svg,.question-list footer svg{width:12px}.community-more{margin-top:20px}.question-panel{padding-top:28px}.question-toolbar{display:flex;justify-content:space-between;gap:20px}.question-toolbar>label{height:43px;max-width:600px;flex:1;padding:0 12px;display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:8px}.question-toolbar svg{width:16px;color:#8d95a3}.question-toolbar input{flex:1;border:0;outline:0}.question-list{margin-top:20px;border-top:1px solid var(--line)}.question-list>article{padding:25px 0;display:grid;grid-template-columns:35px 1fr;gap:14px;border-bottom:1px solid var(--line)}.qa-mark,.answer-row>span{width:30px;height:30px;display:grid;place-items:center;border-radius:7px;background:#eef3ff;color:var(--blue);font-weight:800}.question-list h3{margin:4px 0 5px;font-size:15px}.question-list article>div:nth-child(2)>small{color:#868e9c;font-size:8px}.answer-row{margin-top:16px;display:grid;grid-template-columns:30px 1fr;gap:12px}.answer-row>span{background:#e9f7ef;color:var(--green)}.answer-row p{margin:3px 0;color:#555f70;font-size:11px;line-height:1.7}.question-list footer{display:flex;gap:7px}.community-empty{padding:60px;text-align:center}.community-empty button{border:0;background:transparent;color:var(--blue)}

.market-modal-backdrop{position:fixed;inset:0;z-index:1000;padding:24px;display:grid;place-items:center;background:rgba(10,16,28,.66);backdrop-filter:blur(5px)}.market-modal{width:min(580px,100%);max-height:calc(100vh - 48px);padding:31px;position:relative;overflow:auto;border-radius:15px;background:#fff;box-shadow:0 30px 90px rgba(0,0,0,.3)}.modal-close{width:36px;height:36px;position:absolute;right:16px;top:16px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;background:#fff}.modal-close svg{width:17px}.market-modal h2{margin:10px 45px 22px 0;font-size:29px}.market-modal form>label{margin:12px 0;display:grid;gap:6px;color:#5d6676;font-size:10px;font-weight:650}.market-modal input,.market-modal textarea{width:100%;padding:11px;border:1px solid var(--line);border-radius:7px;outline:0;color:var(--ink);font-weight:400}.market-modal textarea{min-height:115px;resize:vertical}.market-modal input:focus,.market-modal textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(49,93,244,.1)}.market-modal form>small{display:block;margin:10px 0 16px;color:#8a92a1;font-size:9px}.market-modal form>.button{width:100%}.form-two{display:grid;grid-template-columns:1fr 1fr;gap:10px}.market-message-success{padding:30px 5px 10px;text-align:center}.market-message-success>svg{width:50px;height:50px;color:var(--green)}.market-message-success h2{margin-right:0}.market-message-success p{color:var(--muted);line-height:1.6}.review-star-input{display:flex;gap:3px}.review-star-input button{padding:0;border:0;background:transparent;color:#e3a825}.review-star-input svg{width:27px;height:27px}

@media(max-width:1180px){.desktop-nav{gap:14px}.desktop-nav a{font-size:12px}.header-actions .account-link span,.header-actions>.button{display:none}.accessory-grid,.used-grid{grid-template-columns:repeat(2,1fr)}.market-expansion-card{padding:30px}.market-expansion-card h3{font-size:30px}.accessory-hero>.shell,.secondhand-hero>.shell{gap:35px}.market-detail-hero{gap:35px}.detail-tabs{overflow-x:auto;gap:22px}.detail-tabs a{flex:0 0 auto}}
@media(max-width:900px){.market-expansion-grid,.accessory-hero>.shell,.secondhand-hero>.shell,.market-detail-hero,.inspection-section,.used-history-section,.fit-check-section{grid-template-columns:1fr}.accessory-hero>.shell,.secondhand-hero>.shell{padding-top:70px;padding-bottom:70px}.accessory-hero-stack{width:min(520px,100%);margin:auto}.reuse-card{width:min(520px,100%);margin:auto}.market-catalog,.used-market{grid-template-columns:1fr}.market-filter{position:static}.market-filter fieldset{display:flex;flex-wrap:wrap;gap:7px}.market-filter fieldset>button{width:auto;padding:8px 10px;border:1px solid var(--line);border-radius:6px}.accessory-grid,.used-grid{grid-template-columns:repeat(2,1fr)}.market-detail-gallery>div:first-child{height:450px}.reviews-layout{grid-template-columns:1fr}.rating-summary{position:static}.accessory-detail-overview,.included-section{grid-template-columns:1fr}.related-market-grid{grid-template-columns:repeat(2,1fr)}.reuse-process>.shell>div{grid-template-columns:repeat(2,1fr)}.reuse-process article:nth-child(2){border-right:0}.reuse-process article:nth-child(-n+2){border-bottom:1px solid var(--line)}.related-used-grid{grid-template-columns:1fr}}
@media(max-width:680px){.market-expansion-grid,.accessory-grid,.used-grid,.accessory-benefits,.reuse-trust,.accessory-detail-overview>div:last-child,.inspection-grid,.included-section>div:nth-child(2),.related-market-grid{grid-template-columns:1fr}.market-expansion-card{min-height:440px}.market-expansion-card>div{width:78%}.market-expansion-card img{width:54%;height:52%}.accessory-hero h1,.secondhand-hero h1{font-size:45px}.accessory-hero-stack{height:370px}.accessory-hero-stack article{width:175px;height:245px}.accessory-hero-stack article:nth-child(2){left:105px}.accessory-hero-stack article:nth-child(3){right:-35px}.accessory-hero-stack img{height:160px}.accessory-benefits>div,.reuse-trust>div{border-right:0;border-bottom:1px solid var(--line)}.market-results>header,.community-heading,.question-toolbar{align-items:flex-start;flex-direction:column}.used-toolbar{width:100%;justify-content:space-between}.accessory-future>div>div{flex-wrap:wrap}.accessory-future h2{font-size:36px}.used-grid.used-list .used-card{display:block}.used-list .used-card>button{left:auto;right:11px}.reuse-process>.shell>div{grid-template-columns:1fr}.reuse-process article{border-right:0;border-bottom:1px solid var(--line)!important}.market-detail-gallery>div:first-child{height:360px}.market-detail-summary h1{font-size:38px}.market-item-actions{grid-template-columns:1fr}.summary-assurances{flex-wrap:wrap;gap:7px}.fit-check-card{grid-template-columns:45px 1fr}.fit-check-card>em{grid-column:1/-1;justify-self:start}.community-heading-actions{width:100%;display:grid;grid-template-columns:1fr 1fr}.reviews-layout{gap:25px}.review-card>header{align-items:flex-start;flex-wrap:wrap}.review-card header .star-row{width:100%;margin-left:46px}.question-list>article{grid-template-columns:28px 1fr}.form-two{grid-template-columns:1fr}.related-used-grid>a{grid-template-columns:100px 1fr 18px}.related-used-grid img{width:100px}.used-detail-meta{flex-direction:column;gap:7px}.inspection-score-card>strong{font-size:62px}}
@media(max-width:430px){.accessory-hero-stack article:nth-child(2){left:75px}.accessory-hero-stack article:nth-child(3){display:none}.reuse-card>div>em{position:static;margin-top:8px}.market-expansion-card>div{width:100%}.market-expansion-card p{max-width:78%}.community-heading-actions{grid-template-columns:1fr}.community-tabs{gap:15px}.community-tabs button{font-size:11px}.market-modal{padding:24px 19px}.related-market-grid{grid-template-columns:1fr}}

/*
 * CYREB / CONCEPT 02
 * A restrained modern-industrial skin. The original application structure,
 * content and interactions remain untouched so both directions are comparable.
 */

:root {
  --ink: #14222a;
  --muted: #65747c;
  --line: #dce4e5;
  --soft: #f0f5f5;
  --blue: #4b7b8d;
  --blue-dark: #345f70;
  --lime: #c4d88d;
  --green: #3e8068;
  --navy: #1b2b33;
  --white: #ffffff;
  --paper: #f8faf9;
  --paper-deep: #eff4f3;
  --rust: #51879a;
  --charcoal: #1d2d34;
}

html { background: var(--paper); }

body {
  background: var(--paper);
  color: var(--ink);
  font-size: 15px;
  text-rendering: optimizeLegibility;
}

::selection { background: #ccd8d5; color: #18201d; }

h1,
.section-heading h2,
.sourcing-copy h2,
.accessory-future h2,
.reuse-process h2,
.community-heading h2 {
  font-family: var(--font-geist-sans), Arial, sans-serif;
  font-weight: 735;
  letter-spacing: -.055em;
}

.shell { width: min(1280px, calc(100% - 64px)); }

.notice-bar {
  min-height: 30px;
  background: #1d2c33;
  color: #d3dcdf;
  letter-spacing: .055em;
}

.notice-bar a { color: #c8dda2; }

.site-header {
  height: 66px;
  border-color: #dce3e4;
  background: rgba(250, 252, 251, .95);
  box-shadow: none;
  backdrop-filter: blur(18px) saturate(.7);
}

.brand { gap: 11px; letter-spacing: -.03em; }

.brand::after {
  content: "CONCEPT 02";
  margin-left: 3px;
  padding: 4px 6px 3px;
  border: 1px solid #c9cbc4;
  color: #858981;
  font: 650 7px var(--font-geist-mono);
  letter-spacing: .12em;
}

.brand-mark {
  border-radius: 2px;
  background: #3f7081;
  box-shadow: none;
}

.brand > span:last-child > span { color: #4d8092; }

.desktop-nav { gap: 26px; }
.desktop-nav a { color: #666c67; font-size: 13px; }
.desktop-nav a.active::after { height: 1px; background: var(--rust); }

.icon-button,
.region-button,
.button,
.round-arrow,
.compare-button {
  border-radius: 3px;
}

.icon-button { background: #fff; }

.button {
  font-size: 12px;
  letter-spacing: .025em;
  box-shadow: none;
}

.button:hover { transform: none; box-shadow: none; }
.button-primary { background: #3f7183; }
.button-primary:hover { background: #315f70; }
.button-dark { background: var(--charcoal); }
.button-outline,
.button-light { background: #fff; }

.text-link,
.kicker { color: var(--rust); }

.kicker {
  font-family: var(--font-geist-mono);
  font-size: 9px;
  letter-spacing: .15em;
}

.live-dot,
.status-dot {
  background: #6f8977;
  box-shadow: 0 0 0 3px rgba(111, 137, 119, .13);
}

.home-hero {
  min-height: 650px;
  grid-template-columns: 1.08fr .92fr;
  gap: 92px;
  padding-top: 88px;
  padding-bottom: 96px;
}

.hero-copy h1 {
  max-width: 820px;
  margin-top: 23px;
  font-size: clamp(54px, 5.7vw, 82px);
  font-weight: 735;
  line-height: .96;
}

.hero-copy h1 em { color: #4d8194; }

.hero-copy > p {
  max-width: 610px;
  color: #667780;
  font-size: 16px;
  line-height: 1.8;
}

.hero-search {
  height: 58px;
  border-color: #d5dfe1;
  border-radius: 2px;
  background: #fff;
  box-shadow: 0 10px 30px rgba(34, 66, 77, .07);
}

.hero-search button {
  border-radius: 1px;
  background: #3f7183;
  letter-spacing: .03em;
}

.popular-searches a { border-color: #bbbdb7; }

.hero-market-panel {
  border-color: #d5e0e2;
  border-radius: 2px;
  background: #edf4f4;
  box-shadow: 18px 22px 0 #e3edef;
}

.market-panel-top { background: #fff; }
.market-panel-top span:first-child { color: var(--rust); }

.market-orbit {
  background: radial-gradient(circle at center, #ffffff 0, #eef6f6 43%, #e1ecee 100%);
}

.market-orbit::before {
  opacity: .26;
  background-image: linear-gradient(#b9c9cc 1px, transparent 1px), linear-gradient(90deg, #b9c9cc 1px, transparent 1px);
}

.orbit-ring { border-color: #adc0c3; }

.market-core {
  border-radius: 50%;
  background: #47798a;
  box-shadow: 0 12px 28px rgba(41, 63, 65, .2);
}

.signal-node {
  border-radius: 1px;
  border-color: #cfdddf;
  background: rgba(255, 255, 255, .95);
  color: var(--rust);
  box-shadow: 0 6px 14px rgba(39, 47, 43, .06);
}

.market-metrics,
.trust-strip,
.market-metrics div { background: #fbfdfc; }

.trust-strip { border-color: #d5d6d0; }
.trust-strip-inner { color: #92968f; }

.section { padding-top: 118px; padding-bottom: 118px; }
.section-tinted { background: var(--paper-deep); }

.section-heading { margin-bottom: 44px; }
.section-heading h2 { font-size: clamp(35px, 3.2vw, 51px); }

.category-grid,
.product-grid { gap: 12px; }

.category-card,
.product-card,
.decision-card,
.supplier-card,
.article-card {
  border-color: #dce3e4;
  border-radius: 2px;
  background: #fff;
  box-shadow: none;
}

.category-card:hover,
.product-card:hover,
.decision-card:hover {
  transform: none;
  border-color: #929a94;
  box-shadow: none;
}

.category-card-primary {
  border-color: #467587;
  background: #467587;
}

.category-icon,
.tag-row span,
.review-avatar {
  border-radius: 2px;
  background: #edf4f4;
  color: var(--blue-dark);
}

.product-visual,
.related-market-grid img,
.related-used-grid img,
.review-card > img {
  background: #eef3f3;
}

.product-image,
.market-detail-gallery img,
.used-card-image img,
.accessory-card img {
  filter: saturate(.9) contrast(.99);
}

.product-card:hover .product-image { transform: scale(1.015); }

.fictional-chip,
.stock-pill,
.visual-code {
  border-radius: 1px;
  background: rgba(255, 255, 255, .9);
}

.eyebrow-row svg,
.decision-card svg { color: var(--rust); }

.sourcing-section { gap: 120px; }
.decision-card.active { border-color: #788d88; box-shadow: none; }

.section-dark {
  background: #203138;
  color: #f2f1eb;
}

.section-heading.light .kicker,
.compat-node > span,
.compat-node > svg,
.section-heading.light .button { color: #b8c9ac; }

.section-heading.light .button {
  border-color: #b8c9ac;
  background: #b8c9ac;
  color: #202725;
}

.compatibility-board {
  border-color: #405860;
  border-radius: 2px;
  background: #293d44;
}

.compat-node {
  border-radius: 1px;
  border-color: #4c666e;
  background: #334a52;
}

.compat-node.selected { border-color: #83a9b4; background: #36535d; }

.market-expansion-card,
.accessory-card,
.used-card,
.market-filter,
.market-detail-gallery > div:first-child,
.market-detail-buy,
.used-price-block,
.rating-summary,
.market-modal,
.related-market-grid > a,
.related-used-grid > a,
.reuse-process > .shell > div {
  border-radius: 2px;
  border-color: #dce3e4;
  box-shadow: none;
  background-color: #fff;
}

.accessory-hero,
.secondhand-hero {
  background: #edf4f3;
}

.accessory-hero::before,
.secondhand-hero::before { opacity: .22; }

.accessory-hero h1,
.secondhand-hero h1,
.market-detail-summary h1 { font-weight: 735; }

.market-filter fieldset > button.active,
.community-tabs button.active::after { background: var(--rust); }

.market-filter fieldset > button.active { color: white; }

.market-fit-callout,
.fit-check-card {
  border-color: #cfddda;
  border-radius: 2px;
  background: #f0f6f3;
}

.fit-check-card > span { border-radius: 1px; background: var(--blue-dark); }

.used-detail-gallery > div:first-child > em {
  background: #aebf9d;
  color: #202725;
}

.inspection-score-card {
  border-radius: 2px;
  background: #28312e;
}

.inspection-score-card > strong { color: #b7c9aa; }
.inspection-score-card > div i { background: #9fb292; }

.reuse-process { background: #eff4f3; }

.community-tabs button span,
.qa-mark { border-radius: 2px; }

.market-modal-backdrop {
  background: rgba(25, 31, 29, .72);
  backdrop-filter: blur(3px);
}

.market-modal input:focus,
.market-modal textarea:focus {
  border-color: #78908a;
  box-shadow: 0 0 0 3px rgba(82, 109, 114, .1);
}

.site-footer { background: #1c2b31; }

/* Concept 02 home interface: index-first instead of a marketing hero. */
.site-header .desktop-nav {
  height: 42px;
  padding: 4px;
  gap: 2px;
  border: 1px solid #dce5e6;
  border-radius: 5px;
  background: #f0f5f5;
}

.site-header .desktop-nav a {
  height: 32px;
  padding: 0 10px;
  border-radius: 3px;
}

.site-header .desktop-nav a.active {
  background: #fff;
  box-shadow: 0 1px 4px rgba(33, 65, 76, .08);
}

.site-header .desktop-nav a.active::after { display: none; }

.index-hero {
  padding: 74px 0 38px;
  border-bottom: 1px solid var(--line);
  background: linear-gradient(180deg, #fbfdfc 0%, #f4f8f7 100%);
}

.index-masthead {
  padding-bottom: 56px;
  display: grid;
  grid-template-columns: 1.13fr .87fr;
  align-items: end;
  gap: 90px;
}

.index-edition {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #6d7e84;
  font: 700 9px var(--font-geist-mono);
  letter-spacing: .13em;
}

.index-masthead h1 {
  margin: 22px 0 0;
  font-size: clamp(62px, 7vw, 96px);
  line-height: .86;
  letter-spacing: -.075em;
}

.index-masthead h1 em { color: #4c8092; font-style: normal; }

.index-intro > p {
  max-width: 570px;
  margin-bottom: 24px;
  color: #62747c;
  font-size: 15px;
  line-height: 1.72;
}

.index-search {
  height: 54px;
  padding: 0 6px 0 16px;
  display: flex;
  align-items: center;
  gap: 11px;
  border: 1px solid #cad9dc;
  border-radius: 4px;
  background: #fff;
  box-shadow: 0 8px 24px rgba(33, 65, 76, .07);
}

.index-search > svg { color: #75878e; }
.index-search input { min-width: 0; flex: 1; border: 0; outline: 0; background: transparent; }
.index-search button { width: 42px; height: 42px; display: grid; place-items: center; border: 0; border-radius: 3px; background: #3f7183; color: #fff; }

.index-intro > div {
  margin-top: 13px;
  display: flex;
  flex-wrap: wrap;
  gap: 7px 18px;
  color: #718087;
  font: 600 9px var(--font-geist-mono);
  text-transform: uppercase;
  letter-spacing: .055em;
}

.index-overview {
  display: grid;
  grid-template-columns: 224px minmax(0, 1fr) 265px;
  border: 1px solid #d7e1e2;
  background: #fff;
  box-shadow: 0 18px 50px rgba(30, 61, 71, .055);
}

.index-rail {
  display: flex;
  flex-direction: column;
  border-right: 1px solid #dce4e5;
  background: #f7faf9;
}

.index-rail > header,
.index-featured > header,
.index-snapshot > header {
  min-height: 50px;
  padding: 0 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #dfe7e7;
  color: #65777e;
  font: 700 9px var(--font-geist-mono);
  letter-spacing: .08em;
  text-transform: uppercase;
}

.index-rail > header small,
.index-featured > header small,
.index-snapshot > header small { color: #9aa6aa; font-size: 8px; }

.index-rail > a {
  min-height: 67px;
  padding: 12px 14px;
  display: grid;
  grid-template-columns: 31px 1fr 14px;
  align-items: center;
  gap: 10px;
  border-bottom: 1px solid #e3e9e9;
  transition: background .16s ease;
}

.index-rail > a:hover { background: #fff; }
.index-rail > a > svg:first-child { width: 18px; color: #527f8d; }
.index-rail > a > svg:last-child { width: 13px; color: #9aa7ab; }
.index-rail strong,
.index-rail small { display: block; }
.index-rail strong { font-size: 11px; }
.index-rail small { margin-top: 4px; color: #849197; font-size: 8px; }

.index-featured { min-width: 0; border-right: 1px solid #dce4e5; }
.index-featured > header a { display: flex; align-items: center; gap: 5px; color: #4f7e8e; }
.index-featured > header svg { width: 12px; }

.index-featured-main {
  min-height: 370px;
  display: grid;
  grid-template-columns: 1.08fr .92fr;
  border-bottom: 1px solid #dfe7e7;
}

.index-featured-image {
  min-width: 0;
  position: relative;
  overflow: hidden;
  display: grid;
  place-items: center;
  background: linear-gradient(145deg, #eef4f4, #dfe9ea);
}

.index-featured-image::before {
  content: "";
  position: absolute;
  inset: 0;
  opacity: .32;
  background-image: linear-gradient(#aec1c5 1px, transparent 1px), linear-gradient(90deg, #aec1c5 1px, transparent 1px);
  background-size: 36px 36px;
}

.index-featured-image img { width: 100%; height: 100%; z-index: 1; object-fit: contain; filter: saturate(.92); transition: transform .3s ease; }
.index-featured-main:hover .index-featured-image img { transform: scale(1.025); }
.index-featured-image span { position: absolute; left: 14px; top: 14px; z-index: 2; color: #5d7d86; font: 700 8px var(--font-geist-mono); letter-spacing: .08em; }

.index-featured-copy {
  padding: 35px 30px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.index-featured-copy > span { color: #4f8191; font: 700 9px var(--font-geist-mono); letter-spacing: .08em; text-transform: uppercase; }
.index-featured-copy h2 { margin: 12px 0 13px; font-size: 31px; line-height: 1.05; }
.index-featured-copy p { color: #687980; font-size: 11px; line-height: 1.65; }
.index-featured-copy dl { width: 100%; margin: auto 0 20px; }
.index-featured-copy dl > div { padding: 8px 0; display: flex; justify-content: space-between; border-bottom: 1px solid #e4e9e9; }
.index-featured-copy dt { color: #869399; font-size: 8px; }
.index-featured-copy dd { margin: 0; font-size: 9px; font-weight: 700; }
.index-featured-copy > strong { display: flex; align-items: center; gap: 8px; font-size: 13px; }
.index-featured-copy > strong svg { width: 14px; color: #4f8191; }

.index-compact-products { display: grid; grid-template-columns: 1fr 1fr; }
.index-compact-products > a { min-width: 0; min-height: 104px; padding: 12px; display: grid; grid-template-columns: 18px 78px 1fr 14px; align-items: center; gap: 9px; }
.index-compact-products > a:first-child { border-right: 1px solid #dfe7e7; }
.index-compact-products > a > span { align-self: start; color: #9aa6aa; font: 700 8px var(--font-geist-mono); }
.index-compact-products img { width: 78px; height: 76px; object-fit: contain; background: #eef3f3; }
.index-compact-products small,
.index-compact-products strong,
.index-compact-products em { display: block; }
.index-compact-products small { color: #65828a; font-size: 7px; text-transform: uppercase; }
.index-compact-products strong { margin: 5px 0; overflow: hidden; font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }
.index-compact-products em { color: #78868b; font-size: 8px; font-style: normal; }
.index-compact-products > a > svg { width: 13px; color: #87969b; }

.index-snapshot { background: #f8fbfa; }
.snapshot-metric { padding: 24px 18px 20px; border-bottom: 1px solid #e0e7e7; }
.snapshot-metric span,
.snapshot-metric small { display: block; color: #7a898e; font-size: 8px; text-transform: uppercase; letter-spacing: .07em; }
.snapshot-metric strong { display: block; margin: 8px 0 3px; color: #315e6d; font-size: 46px; line-height: 1; }
.snapshot-bars { padding: 18px; border-bottom: 1px solid #e0e7e7; }
.snapshot-bars > div { margin: 10px 0; display: grid; grid-template-columns: 57px 1fr 18px; align-items: center; gap: 7px; }
.snapshot-bars span,
.snapshot-bars small { color: #718087; font-size: 8px; }
.snapshot-bars i { height: 4px; overflow: hidden; background: #dde6e6; }
.snapshot-bars i em { height: 100%; display: block; background: #5a8796; }
.snapshot-brief { margin: 16px; padding: 14px 0; display: grid; grid-template-columns: 24px 1fr 14px; align-items: center; gap: 9px; border-block: 1px solid #dfe6e6; }
.snapshot-brief > svg { width: 16px; color: #527f8e; }
.snapshot-brief small,
.snapshot-brief strong { display: block; }
.snapshot-brief small { color: #869399; font-size: 7px; text-transform: uppercase; }
.snapshot-brief strong { margin-top: 5px; display: -webkit-box; overflow: hidden; font-size: 9px; line-height: 1.4; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.index-snapshot > p { margin: 18px; color: #909da1; font-size: 8px; line-height: 1.5; }

.index-actions {
  padding-top: 16px;
  padding-bottom: 22px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
}

.index-actions > a {
  min-height: 78px;
  padding: 15px 17px;
  display: grid;
  grid-template-columns: 33px 1fr 15px;
  align-items: center;
  gap: 11px;
  border: 1px solid #dce4e5;
  background: #fff;
}

.index-actions > a:hover { border-color: #9db3b9; }
.index-actions > a > svg:first-child { width: 19px; color: #4f7d8d; }
.index-actions > a > svg:last-child { width: 14px; color: #8b999e; }
.index-actions strong,
.index-actions small { display: block; }
.index-actions strong { font-size: 11px; }
.index-actions small { margin-top: 4px; color: #819096; font-size: 8px; }

/* Marketplace discovery layer — inspired by familiar collection marketplaces,
   but built around Cyreb's product, supplier and compatibility data. */
.site-header {
  height: 72px;
  display: grid;
  grid-template-columns: auto minmax(250px, 1fr) auto auto;
  justify-content: initial;
  gap: 12px;
  border-bottom-color: #e4e9ea;
  box-shadow: 0 2px 12px rgba(35, 65, 75, .035);
}

.site-header .brand::after { display: none; }
.site-header .brand-mark { width: 38px; height: 38px; border-radius: 11px; }

.header-global-search {
  height: 42px;
  min-width: 220px;
  padding: 0 10px 0 13px;
  display: flex;
  align-items: center;
  gap: 9px;
  border: 1px solid #dce5e8;
  border-radius: 12px;
  background: #f3f6f7;
  transition: border-color .16s ease, background .16s ease, box-shadow .16s ease;
}

.header-global-search:focus-within {
  border-color: #a9c3cb;
  background: #fff;
  box-shadow: 0 0 0 3px rgba(75, 123, 141, .09);
}

.header-global-search > svg { flex: 0 0 auto; color: #71838b; }
.header-global-search input { min-width: 0; flex: 1; border: 0; outline: 0; background: transparent; color: var(--ink); font-size: 12px; }
.header-global-search input::placeholder { color: #8a989e; }
.header-global-search kbd { min-width: 22px; height: 22px; display: grid; place-items: center; border: 1px solid #d4dfe1; border-radius: 5px; background: #fff; color: #87969b; font: 600 10px var(--font-geist-mono); box-shadow: 0 1px 2px rgba(30, 55, 65, .06); }

.site-header .desktop-nav { height: auto; padding: 0; gap: 2px; border: 0; background: transparent; }
.site-header .desktop-nav > a,
.header-explore-wrap > button { height: 40px; padding: 0 10px; display: flex; align-items: center; gap: 6px; border: 0; border-radius: 10px; background: transparent; color: #5c6d74; box-shadow: none; font-size: 11px; font-weight: 680; white-space: nowrap; }
.site-header .desktop-nav > a > svg,
.header-explore-wrap > button > svg:first-child { width: 16px; height: 16px; color: #617c86; }
.header-explore-wrap > button > svg:last-child { width: 12px; height: 12px; color: #8a999e; }
.site-header .desktop-nav > a:hover,
.header-explore-wrap > button:hover { background: #f0f4f5; }
.site-header .desktop-nav > a.active,
.header-explore-wrap > button.active { background: #eaf1f3; color: #254a57; box-shadow: none; }

.header-explore-wrap { position: relative; }
.header-explore-menu { width: 286px; padding: 7px; position: absolute; z-index: 80; top: calc(100% + 11px); right: 0; display: grid; border: 1px solid #dce5e7; border-radius: 15px; background: #fff; box-shadow: 0 20px 50px rgba(28, 57, 67, .16); }
.header-explore-menu > a { min-height: 62px; padding: 9px 10px; display: grid; grid-template-columns: 34px 1fr 14px; align-items: center; gap: 10px; border-radius: 10px; }
.header-explore-menu > a:hover { background: #f2f6f6; }
.header-explore-menu > a > svg:first-child { width: 17px; color: #4d7b8a; }
.header-explore-menu > a > svg:last-child { width: 13px; color: #9aa6aa; }
.header-explore-menu strong,
.header-explore-menu small { display: block; }
.header-explore-menu strong { font-size: 11px; }
.header-explore-menu small { margin-top: 4px; color: #89969b; font-size: 8px; }

.site-header .header-actions { height: 46px; padding: 4px; gap: 2px; border: 1px solid #e0e7e8; border-radius: 13px; background: #f5f8f8; }
.site-header .region-button { height: 36px; padding: 0 9px; gap: 5px; border-radius: 9px; color: #596e76; font-size: 9px; font-weight: 700; }
.site-header .region-button:hover,
.site-header .icon-button:hover,
.site-header .account-link:hover { background: #fff; }
.site-header .region-button > svg:first-child { width: 15px; }
.site-header .icon-button { width: 36px; height: 36px; border: 0; border-radius: 9px; background: transparent; }
.site-header .account-link { width: 36px; height: 36px; padding: 0; display: grid; place-items: center; border: 0; border-radius: 9px; background: transparent; color: #536870; }
.site-header .account-link span { display: none; }
.site-header .header-actions > .button { min-height: 36px; height: 36px; margin-left: 2px; padding: 0 12px; border-radius: 9px; font-size: 10px; }
.site-header .header-actions > .button svg { width: 14px; }

.index-hero { padding-top: 56px; background: #fff; }
.index-masthead { padding-bottom: 32px; gap: 65px; }
.index-masthead h1 { font-size: clamp(56px, 6.2vw, 84px); }
.index-intro > p { margin-bottom: 20px; }

.market-chips {
  margin-bottom: 18px;
  display: flex;
  gap: 8px;
  overflow-x: auto;
  scrollbar-width: none;
}

.market-chips::-webkit-scrollbar { display: none; }
.market-chips a { min-height: 38px; padding: 0 16px; display: inline-flex; align-items: center; gap: 7px; flex: 0 0 auto; border: 1px solid #e1e7e8; border-radius: 20px; background: #fff; color: #52646c; font-size: 11px; font-weight: 650; }
.market-chips a:hover { border-color: #b6cacf; background: #f8fbfb; }
.market-chips a.active { border-color: #20343d; background: #20343d; color: #fff; }
.market-chips svg { width: 14px; }

.marketplace-showcase {
  display: grid;
  grid-template-columns: minmax(0, 1.14fr) minmax(410px, .86fr);
  gap: 16px;
}

.marketplace-spotlight {
  height: 510px;
  position: relative;
  overflow: hidden;
  border-radius: 22px;
  background: radial-gradient(circle at 75% 35%, #d7ebf1, #aacbd5 55%, #759eaa 100%);
  box-shadow: 0 14px 40px rgba(40, 77, 90, .12);
}

.marketplace-spotlight > img { width: 76%; height: 100%; position: absolute; right: -1%; top: 0; object-fit: contain; object-position: right center; filter: saturate(.94) contrast(1.01); transition: transform .4s ease; }
.marketplace-spotlight:hover > img { transform: scale(1.025); }
.spotlight-shade { position: absolute; inset: 0; background: linear-gradient(90deg, rgba(16, 35, 43, .88) 0%, rgba(18, 42, 52, .66) 36%, rgba(18, 44, 54, .04) 72%); }
.spotlight-copy { width: min(390px, 60%); position: absolute; z-index: 2; left: 36px; bottom: 36px; color: #fff; }
.spotlight-copy > span { color: #d3e7ec; font: 700 9px var(--font-geist-mono); letter-spacing: .08em; text-transform: uppercase; }
.spotlight-copy h2 { margin: 14px 0 6px; font-size: clamp(31px, 3.5vw, 48px); line-height: .98; }
.spotlight-copy > p { margin-bottom: 26px; color: #d8e3e6; font-size: 12px; }
.spotlight-copy > div { margin-bottom: 18px; display: flex; align-items: center; gap: 12px; }
.spotlight-copy > div strong { font-size: 17px; }
.spotlight-copy > div em { color: #d0dee1; font-size: 9px; font-style: normal; }
.spotlight-button { width: fit-content; min-height: 42px; padding: 0 16px; display: inline-flex; align-items: center; gap: 8px; border-radius: 10px; background: #fff; color: #1d3038; font-size: 11px; font-weight: 750; }
.spotlight-button svg { width: 15px; }

.marketplace-trending {
  height: 510px;
  padding: 0 18px 12px;
  overflow: hidden;
  border: 1px solid #e0e7e9;
  border-radius: 22px;
  background: #fff;
  box-shadow: 0 10px 30px rgba(35, 67, 78, .055);
}

.marketplace-trending > header { min-height: 66px; display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.marketplace-trending > header > div { display: flex; align-items: center; gap: 7px; }
.marketplace-trending > header strong { font-size: 16px; }
.marketplace-trending > header > div:first-child span { padding: 3px 6px; border-radius: 7px; background: #edf4f5; color: #4f7987; font-size: 8px; font-weight: 750; }
.marketplace-trending > header button { min-width: 36px; height: 28px; padding: 0 8px; border: 0; border-radius: 8px; background: transparent; color: #75858b; font-size: 9px; }
.marketplace-trending > header button.active { background: #eaf1f3; color: #315e6d; font-weight: 750; }
.marketplace-trending > header a { margin-left: 2px; display: flex; align-items: center; gap: 3px; color: #60757d; font-size: 9px; font-weight: 700; }
.marketplace-trending > header a svg { width: 12px; }
.trending-labels { height: 28px; margin-left: 69px; padding-inline: 8px 4px; display: grid; grid-template-columns: minmax(0, 1fr) 76px 66px; align-items: center; border-bottom: 1px solid #edf1f2; color: #98a3a7; font-size: 7px; text-transform: uppercase; letter-spacing: .08em; }
.trending-row { min-height: 77px; padding: 7px 4px; display: grid; grid-template-columns: 18px 43px minmax(0, 1fr) 76px 66px; align-items: center; gap: 8px; border-bottom: 1px solid #edf1f2; }
.trending-row:last-child { border-bottom: 0; }
.trending-row:hover { background: #f8fbfb; }
.trending-row > em { color: #8c999e; font: 650 9px var(--font-geist-mono); font-style: normal; text-align: center; }
.trending-row > img { width: 43px; height: 43px; object-fit: contain; border-radius: 10px; background: #eef3f4; }
.trending-row > span { min-width: 0; }
.trending-row strong,
.trending-row small { display: block; }
.trending-row strong { overflow: hidden; font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }
.trending-row small { margin-top: 4px; overflow: hidden; color: #8a979c; font-size: 7px; text-overflow: ellipsis; white-space: nowrap; }
.trending-row small.up { color: #318369; }
.trending-row small.down { color: #b66666; }

.marketplace-cards { padding-top: 54px; }
.marketplace-cards > header { margin-bottom: 22px; display: flex; align-items: end; justify-content: space-between; gap: 24px; }
.marketplace-cards h2 { margin: 0 0 6px; font-size: 25px; }
.marketplace-cards p { margin: 0; color: #78878d; font-size: 10px; }
.marketplace-cards > header > a { display: flex; align-items: center; gap: 5px; color: #517989; font-size: 10px; font-weight: 700; }
.marketplace-cards > header svg { width: 14px; }
.marketplace-cards > div { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; }
.marketplace-cards > div > a { min-width: 0; padding-bottom: 18px; position: relative; overflow: hidden; border: 1px solid #e0e7e9; border-radius: 18px; background: #fff; box-shadow: 0 8px 24px rgba(35, 67, 78, .045); transition: transform .18s ease, box-shadow .18s ease; }
.marketplace-cards > div > a:hover { transform: translateY(-3px); box-shadow: 0 13px 30px rgba(35, 67, 78, .09); }
.marketplace-cards img { width: 100%; height: 185px; display: block; object-fit: contain; background: linear-gradient(145deg, #f1f5f5, #e4ecee); filter: saturate(.92); }
.marketplace-cards > div > a > span { width: 40px; height: 40px; margin: -20px 0 0 16px; position: relative; display: grid; place-items: center; border: 3px solid #fff; border-radius: 50%; background: #416f80; color: #fff; }
.marketplace-cards > div > a > span svg { width: 17px; }
.marketplace-cards > div > a > div { padding: 11px 16px 0; }
.marketplace-cards strong,
.marketplace-cards small { display: block; }
.marketplace-cards strong { font-size: 13px; }
.marketplace-cards small { margin-top: 5px; color: #849197; font-size: 8px; }

@media (max-width: 900px) {
  .shell { width: min(100% - 40px, 1280px); }
  .home-hero { gap: 55px; }
  .hero-market-panel { box-shadow: 10px 12px 0 #e3edef; }
  .index-masthead { grid-template-columns: 1fr; gap: 35px; }
  .index-overview { grid-template-columns: 1fr; }
  .index-rail { display: grid; grid-template-columns: 1fr 1fr; border-right: 0; border-bottom: 1px solid #dce4e5; }
  .index-rail > header { grid-column: 1 / -1; }
  .index-rail > a:nth-child(even) { border-right: 1px solid #e3e9e9; }
  .index-featured { border-right: 0; border-bottom: 1px solid #dce4e5; }
  .index-snapshot { display: grid; grid-template-columns: 1fr 1fr; }
  .index-snapshot > header { grid-column: 1 / -1; }
  .snapshot-metric { border-right: 1px solid #e0e7e7; }
  .snapshot-brief { grid-column: 1 / -1; }
  .index-snapshot > p { grid-column: 1 / -1; }
  .marketplace-showcase { grid-template-columns: 1fr; }
  .marketplace-spotlight { height: 470px; }
  .marketplace-cards > div { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 1180px) {
  .site-header { grid-template-columns: auto minmax(220px, 1fr) auto; }
  .site-header .desktop-nav { display: none; }
  .site-header .mobile-menu { display: grid; place-items: center; }
}

@media (max-width: 760px) {
  .header-global-search { display: none; }
  .site-header { display: flex; }
  .site-header .header-actions { height: auto; padding: 0; border: 0; background: transparent; }
  .mobile-nav { inset: 72px 0 auto; }
}

/* Everyday + professional catalog */
.everyday-spotlight {
  background: linear-gradient(135deg, #eaf5f7 0%, #f8efe9 52%, #f3e9f6 100%);
}
.everyday-spotlight .spotlight-shade {
  background: linear-gradient(90deg, rgba(24, 49, 57, .92) 0%, rgba(34, 61, 68, .62) 42%, rgba(34, 61, 68, 0) 72%);
}
.segment-filter { margin: 16px 0 2px; display: grid; grid-template-columns: 1fr; gap: 6px; }
.segment-filter button { min-height: 38px; padding: 0 10px; border: 1px solid #e1e8e9; border-radius: 9px; display: flex; align-items: center; gap: 8px; background: #fff; color: #68777d; font-size: 10px; font-weight: 720; text-align: left; }
.segment-filter button svg { width: 15px; color: #7c9299; }
.segment-filter button.active { border-color: #9db7be; background: #eaf2f4; color: #294f5d; box-shadow: inset 0 0 0 1px #9db7be; }
.segment-filter button.active svg { color: #d46e50; }

.life-at-home { display: grid; grid-template-columns: 1.12fr .88fr; gap: 54px; align-items: center; }
.life-at-home-visual { min-height: 520px; position: relative; overflow: hidden; border-radius: 24px; background: #edf4f4; }
.life-at-home-visual img { width: 100%; height: 100%; position: absolute; inset: 0; object-fit: cover; transition: transform .45s ease; }
.life-at-home-visual:hover img { transform: scale(1.018); }
.life-at-home-visual > span { padding: 8px 11px; position: absolute; left: 18px; bottom: 18px; border-radius: 20px; background: rgba(255,255,255,.88); color: #63777d; font: 700 8px var(--font-geist-mono); letter-spacing: .07em; backdrop-filter: blur(8px); }
.life-at-home-copy .kicker { display: flex; align-items: center; gap: 7px; color: #b6573d; }
.life-at-home-copy .kicker svg { width: 15px; }
.life-at-home-copy h2 { margin: 13px 0 16px; font-size: clamp(38px, 4.2vw, 62px); line-height: .98; letter-spacing: -.045em; }
.life-at-home-copy > p { margin: 0 0 25px; color: #65767c; font-size: 15px; line-height: 1.72; }
.life-topic-grid { margin-bottom: 26px; display: grid; gap: 8px; }
.life-topic-grid > a { min-height: 66px; padding: 11px 13px; border: 1px solid #e2e8e8; border-radius: 13px; display: grid; grid-template-columns: 36px 1fr 18px; align-items: center; gap: 10px; background: #fff; color: #314a53; transition: .2s ease; }
.life-topic-grid > a:hover { transform: translateX(4px); border-color: #b9cdd1; box-shadow: 0 10px 25px rgba(48, 73, 82, .08); }
.life-topic-grid > a > svg:first-child { width: 34px; height: 34px; padding: 8px; border-radius: 10px; background: #f5ece7; color: #c65f43; }
.life-topic-grid > a > svg:last-child { width: 15px; color: #91a0a5; }
.life-topic-grid strong, .life-topic-grid small { display: block; }
.life-topic-grid strong { font-size: 12px; }
.life-topic-grid small { margin-top: 4px; color: #859398; font-size: 9px; }

@media (max-width: 900px) {
  .life-at-home { grid-template-columns: 1fr; gap: 34px; }
  .life-at-home-visual { min-height: 420px; }
}

@media (max-width: 760px) {
  .segment-filter { grid-template-columns: repeat(3, 1fr); }
  .segment-filter button { justify-content: center; }
  .life-at-home-visual { min-height: 330px; border-radius: 18px; }
}

@media (max-width: 680px) {
  .shell { width: min(100% - 30px, 1280px); }
  .brand::after { display: none; }
  .home-hero { padding-top: 62px; padding-bottom: 72px; }
  .hero-copy h1 { font-size: clamp(47px, 14vw, 66px); }
  .section { padding-top: 86px; padding-bottom: 86px; }
  .index-hero { padding-top: 55px; }
  .index-masthead { padding-bottom: 40px; }
  .index-masthead h1 { font-size: clamp(58px, 19vw, 78px); }
  .index-featured-main { grid-template-columns: 1fr; }
  .index-featured-image { height: 300px; }
  .index-featured-copy { padding: 27px 21px; }
  .index-featured-copy dl { margin-top: 18px; }
  .index-compact-products { grid-template-columns: 1fr; }
  .index-compact-products > a:first-child { border-right: 0; border-bottom: 1px solid #dfe7e7; }
  .index-actions { grid-template-columns: 1fr; }
  .index-snapshot { display: block; }
  .snapshot-metric { border-right: 0; }
  .index-masthead { padding-bottom: 28px; }
  .index-intro .index-search { display: none; }
  .marketplace-spotlight { height: 430px; }
  .marketplace-spotlight > img { width: 100%; right: -18%; }
  .spotlight-shade { background: linear-gradient(0deg, rgba(16, 35, 43, .9) 0%, rgba(18, 42, 52, .52) 48%, rgba(18, 44, 54, .02) 78%); }
  .spotlight-copy { width: calc(100% - 48px); left: 24px; bottom: 25px; }
  .spotlight-copy > p { margin-bottom: 18px; }
  .marketplace-trending { height: auto; }
  .marketplace-trending > header { align-items: flex-start; flex-direction: column; justify-content: center; }
  .trending-labels { display: none; }
  .trending-row { grid-template-columns: 18px 43px minmax(0, 1fr) 70px; }
  .trending-row > span:last-child { display: none; }
  .marketplace-cards > div { grid-template-columns: 1fr; }
  .marketplace-cards img { height: 230px; }
  .marketplace-cards > header { align-items: flex-start; flex-direction: column; }
}

/* --------------------------------------------------------------------------
   CYREB marketplace system
   Carries the discovery-page language through every catalogue and service.
   -------------------------------------------------------------------------- */

:root {
  --radius-xs: 8px;
  --radius-sm: 11px;
  --radius-md: 16px;
  --radius-lg: 22px;
  --surface: #ffffff;
  --surface-soft: #f3f7f7;
  --surface-blue: #eaf2f4;
  --surface-warm: #f7f8f3;
  --shadow-sm: 0 7px 20px rgba(36, 67, 77, .05);
  --shadow-md: 0 16px 40px rgba(36, 67, 77, .09);
}

/* Shared controls */
.button,
.icon-button,
.region-button,
.round-arrow,
.compare-button,
.search-field,
.market-search,
.market-select-label select,
.market-results select,
.used-toolbar select,
.auth-form input,
.auth-form select,
.market-modal input,
.market-modal textarea {
  border-radius: var(--radius-sm);
}

.button { letter-spacing: 0; }
.button:hover { transform: translateY(-1px); box-shadow: var(--shadow-sm); }
.button-primary { background: #416f80; }
.button-primary:hover { background: #315d6d; }
.button-outline:hover,
.button-light:hover { border-color: #b9cccf; background: #f8fbfb; }

.search-field,
.market-search,
.auth-form input,
.auth-form select,
.market-modal input,
.market-modal textarea {
  border-color: #dce5e6;
  background: #fff;
  transition: border-color .18s ease, box-shadow .18s ease;
}

.search-field:focus-within,
.market-search:focus-within,
.auth-form input:focus,
.auth-form select:focus,
.market-modal input:focus,
.market-modal textarea:focus {
  border-color: #8eacb5;
  box-shadow: 0 0 0 4px rgba(75, 123, 141, .09);
}

/* Shared marketplace surfaces */
.category-card,
.product-card,
.decision-card,
.supplier-card,
.article-card,
.accessory-card,
.used-card,
.article-grid article,
.company-grid article,
.production-grid article,
.market-expansion-card,
.related-market-grid > a,
.related-used-grid > a {
  overflow: hidden;
  border-color: #e0e7e9;
  border-radius: var(--radius-md);
  background: var(--surface);
  box-shadow: var(--shadow-sm);
  transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}

.category-card:hover,
.product-card:hover,
.decision-card:hover,
.supplier-card:hover,
.article-card:hover,
.accessory-card:hover,
.used-card:hover,
.article-grid article:hover,
.company-grid article:hover,
.production-grid article:hover,
.market-expansion-card:hover,
.related-market-grid > a:hover,
.related-used-grid > a:hover {
  transform: translateY(-3px);
  border-color: #c6d6d9;
  box-shadow: var(--shadow-md);
}

.product-visual,
.accessory-card-image,
.used-card-image,
.related-market-grid img,
.related-used-grid img {
  background: linear-gradient(145deg, #f1f5f5, #e6edef);
}

.category-icon,
.tag-row span,
.review-avatar,
.fictional-chip,
.stock-pill,
.visual-code,
.community-tabs button span,
.qa-mark { border-radius: var(--radius-xs); }

/* Catalogue pages */
.catalog-hero,
.companies-hero {
  border-bottom: 1px solid #dfe7e8;
  background:
    radial-gradient(circle at 84% 20%, rgba(183, 211, 219, .36), transparent 30%),
    linear-gradient(180deg, #fbfdfd 0%, #f2f7f7 100%);
}

.catalog-hero h1,
.companies-hero h1,
.articles-hero h1,
.accessory-hero h1,
.secondhand-hero h1 {
  font-family: var(--font-geist-sans), Arial, sans-serif;
  font-weight: 750;
  letter-spacing: -.055em;
}

.catalog-stat,
.profile-stats > div,
.accessory-benefits,
.reuse-trust {
  border-color: #dee7e8;
  background: rgba(255, 255, 255, .78);
}

.catalog-shell { gap: 28px; }
.filter-panel,
.market-filter {
  padding: 18px;
  border: 1px solid #e0e7e9;
  border-radius: var(--radius-md);
  background: rgba(255, 255, 255, .94);
  box-shadow: var(--shadow-sm);
}

.catalog-toolbar,
.market-results > header {
  padding: 13px 14px;
  border: 1px solid #e1e8e9;
  border-radius: var(--radius-md);
  background: #fff;
}

.market-results > header { min-height: 67px; margin-bottom: 18px; align-items: center; }
.market-results > header h2 { margin-bottom: 7px; }
.filter-option,
.market-filter fieldset > button { border-radius: var(--radius-xs); }
.filter-option:hover,
.market-filter fieldset > button:hover { background: #f0f5f5; }
.market-filter fieldset > button.active { background: #416f80; color: #fff; }
.catalog-grid,
.product-grid,
.accessory-grid,
.used-grid { gap: 16px; }
.product-card .product-visual { border-radius: 0; }
.compare-dock { border-radius: var(--radius-md) var(--radius-md) 0 0; box-shadow: 0 -12px 36px rgba(30, 57, 66, .12); }

/* Accessories and verified second-hand */
.accessory-hero,
.secondhand-hero {
  border-bottom: 1px solid #dfe7e8;
  background:
    radial-gradient(circle at 80% 30%, rgba(166, 203, 213, .5), transparent 31%),
    linear-gradient(135deg, #f5f9f8 0%, #e8f1f2 100%);
  color: var(--ink);
}

.accessory-hero p,
.secondhand-hero p { color: #61747c; }
.accessory-hero .kicker,
.secondhand-hero .kicker,
.accessory-hero h1 em,
.secondhand-hero h1 em { color: #416f80; }
.secondhand-hero .button-light { border-color: #b9cccf; color: var(--ink); }
.accessory-hero-stack article,
.reuse-card {
  border-color: rgba(255, 255, 255, .58);
  border-radius: var(--radius-lg);
  background: linear-gradient(145deg, #486f7b, #263e47);
  box-shadow: 0 24px 55px rgba(39, 74, 85, .22);
}
.reuse-card > div { background: rgba(27, 46, 54, .94); }
.reuse-score { border: 3px solid rgba(255, 255, 255, .82); background: #c4d88d; }
.accessory-benefits,
.reuse-trust { margin-top: -1px; overflow: hidden; border-radius: 0 0 var(--radius-md) var(--radius-md); }
.accessory-card > button,
.used-card > button { border-color: transparent; box-shadow: 0 5px 15px rgba(30, 57, 66, .08); }
.accessory-card footer > a,
.used-card footer > a { background: #29434d; }
.used-seller,
.inspection-key { border-radius: var(--radius-sm); background: #f1f6f6; }
.reuse-process { background: #eef4f4; }
.reuse-process > .shell > div { overflow: hidden; border-radius: var(--radius-lg); box-shadow: var(--shadow-sm); }

/* Product and market detail */
.product-page,
.market-detail-page { padding-top: 34px; }
.product-detail-hero,
.market-detail-hero { gap: 48px; }
.product-visual-large,
.market-detail-gallery > div:first-child,
.used-detail-gallery > div:first-child {
  overflow: hidden;
  border: 1px solid #e1e8e9;
  border-radius: var(--radius-lg);
  background: linear-gradient(145deg, #f2f6f6, #e8eef0);
  box-shadow: var(--shadow-sm);
}
.gallery-thumbs button,
.market-detail-gallery > div:nth-child(2) > span { border-radius: var(--radius-sm); }
.product-summary,
.market-detail-summary { padding-top: 8px; }
.product-summary h1,
.market-detail-summary h1 { letter-spacing: -.052em; }
.quick-spec-grid,
.summary-meta,
.used-detail-meta {
  overflow: hidden;
  border: 1px solid #e0e8e9;
  border-radius: var(--radius-md);
  background: #f7faf9;
}
.buy-box,
.market-detail-buy,
.used-price-block {
  border-color: #dce5e6;
  border-radius: var(--radius-md);
  background: #fff;
  box-shadow: var(--shadow-sm);
}
.market-fit-callout,
.fit-check-card {
  border-color: #cedee1;
  border-radius: var(--radius-md);
  background: #eef5f5;
}
.fit-check-card > span { border-radius: var(--radius-sm); }
.detail-tabs {
  padding: 6px;
  border: 1px solid #dfe7e8;
  border-radius: 14px;
  background: rgba(244, 248, 248, .94);
}
.detail-tabs a,
.detail-tabs button { border-radius: 9px; }
.detail-tabs a:hover,
.detail-tabs a.active,
.detail-tabs button:hover,
.detail-tabs button.active { background: #fff; box-shadow: 0 2px 8px rgba(34, 67, 77, .07); }
.detail-section { scroll-margin-top: 140px; }
.data-card,
.confidence-score,
.compatibility-empty,
.inspection-score-card,
.inspection-grid > div,
.included-section > div:last-child {
  border-radius: var(--radius-md);
}
.spec-table { overflow: hidden; border: 1px solid #e1e8e9; border-radius: var(--radius-md); }
.related-market-grid > a,
.related-used-grid > a { padding: 14px; }

/* Community: reviews and Q&A */
.community-section {
  margin-top: 36px;
  padding: 38px;
  border: 1px solid #e0e7e9;
  border-radius: var(--radius-lg);
  background: #fff;
  box-shadow: var(--shadow-sm);
}
.community-tabs { gap: 6px; padding: 5px; border: 1px solid #e0e7e9; border-radius: 13px; background: #f3f7f7; }
.community-tabs button { min-height: 38px; padding: 0 13px; border-radius: 9px; }
.community-tabs button.active { background: #fff; box-shadow: 0 2px 8px rgba(34, 67, 77, .07); }
.community-tabs button.active::after { display: none; }
.rating-summary,
.review-card,
.question-panel,
.question-list > article {
  border-color: #e0e7e9;
  border-radius: var(--radius-md);
  background: #f9fbfb;
}
.market-modal { border-radius: var(--radius-lg); box-shadow: 0 28px 80px rgba(15, 33, 39, .24); }

/* Companies, supplier profiles and editorial */
.company-map,
.supplier-profile-hero,
.profile-cta,
.profile-rfq {
  border-color: #dfe7e8;
  border-radius: var(--radius-lg);
  background-color: #fff;
  box-shadow: var(--shadow-sm);
}
.articles-hero {
  border-bottom: 1px solid #d8e3e5;
  background:
    radial-gradient(circle at 78% 16%, rgba(168, 204, 214, .33), transparent 29%),
    linear-gradient(135deg, #233c46, #162930);
}
.articles-hero p { color: #c0ced2; }
.article-ticker { border-color: rgba(255, 255, 255, .12); border-radius: var(--radius-md); background: rgba(255, 255, 255, .06); backdrop-filter: blur(10px); }
.article-ticker > div { border-color: rgba(255, 255, 255, .1); }
.featured-image,
.article-detail-cover { border-radius: var(--radius-lg); box-shadow: var(--shadow-md); }
.article-tabs { gap: 7px; padding: 5px; border: 1px solid #e0e7e9; border-radius: 13px; background: #f2f6f6; }
.article-tabs button { height: 38px; padding: 0 14px; border: 0; border-radius: 9px; }
.article-tabs button.active { border: 0; background: #fff; box-shadow: 0 2px 8px rgba(34, 67, 77, .07); }
.article-takeaways,
.article-copy blockquote,
.article-body > aside > div { border-radius: var(--radius-md); }
.article-related { background: #1d3038; }
.article-related > .shell > div:last-child > a { border-color: #3b525b; border-radius: var(--radius-md); background: #263c45; }

/* Compare, builder, authentication and account */
.compare-table {
  border: 1px solid #dfe7e8;
  border-radius: var(--radius-lg);
  background: #fff;
  box-shadow: var(--shadow-sm);
}
.compare-corner { border-radius: var(--radius-lg) 0 0 0; background: #eef4f4; }
.compare-row-label { background: #f3f7f7; }
.compare-row-label.important,
.compare-cell.important { background: #eef5f5; }
.compare-cell.different { background: #fbfaec; box-shadow: inset 3px 0 0 #c4d88d; }
.compare-note { border-color: #cedee1; border-radius: var(--radius-md); background: #eef5f5; }
.builder-page { background: #f1f5f5; }
.builder-steps,
.builder-canvas,
.bom-panel,
.system-node,
.check-item,
.picker-list > button {
  border-color: #dfe7e8;
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-sm);
}
.builder-step:hover,
.builder-step.active { background: #edf4f5; }
.build-progress > div { background: #e3ebec; }
.build-progress > div span { background: #4b7b8d; }
.system-map { background-color: #f7fafa; background-image: radial-gradient(#c9d7d9 1px, transparent 1px); }
.system-node > span,
.picker-icon { border-radius: var(--radius-sm); background: #eaf2f3; }
.picker-drawer { border-radius: var(--radius-lg) 0 0 var(--radius-lg); }
.auth-page { background: linear-gradient(135deg, #edf4f4 0%, #f9fbfa 52%, #e8f1f2 100%); }
.auth-story { background: linear-gradient(145deg, #284651, #193039); }
.auth-card,
.account-sidebar,
.account-panel,
.account-list,
.deletion-help,
.legal-document-grid > a {
  border-color: #dfe7e8;
  border-radius: var(--radius-lg);
  background: #fff;
  box-shadow: var(--shadow-sm);
}
.auth-icon { border-radius: 14px; background: #e9f1f3; color: #416f80; }
.google-auth-button { border-radius: var(--radius-sm); }
.demo-disclaimer { border-radius: var(--radius-sm); background: #f2f6f6; }
.account-identity,
.account-stats { border-radius: var(--radius-md); background: #f2f6f6; }
.account-actions a,
.account-actions button { border-radius: var(--radius-sm); }
.policy-layout > aside { border-radius: var(--radius-md); }

@media (max-width: 900px) {
  .filter-panel,
  .market-filter { padding: 15px; }
  .catalog-toolbar,
  .market-results > header { align-items: flex-start; }
  .community-section { padding: 26px; }
  .product-detail-hero,
  .market-detail-hero { gap: 32px; }
}

@media (max-width: 680px) {
  .catalog-hero,
  .companies-hero,
  .articles-hero { text-align: left; }
  .filter-panel,
  .market-filter { border-radius: 14px; }
  .catalog-toolbar,
  .market-results > header { padding: 12px; }
  .community-section { margin-inline: -3px; padding: 18px; border-radius: 17px; }
  .community-tabs { width: 100%; overflow-x: auto; }
  .community-tabs button { flex: 0 0 auto; }
  .product-visual-large,
  .market-detail-gallery > div:first-child,
  .used-detail-gallery > div:first-child { border-radius: 17px; }
  .compare-table { border-radius: 15px; }
  .builder-steps,
  .builder-canvas,
  .bom-panel { border-radius: 14px; }
  .auth-card,
  .account-sidebar,
  .account-panel { border-radius: 17px; }
}

/* Language and currency control */
.site-header .market-menu {
  width: 330px;
  padding: 16px;
  top: 44px;
  display: block;
  border-color: #dce5e6;
  border-radius: 17px;
  color: var(--ink);
  box-shadow: 0 22px 60px rgba(25, 50, 59, .18);
}

.market-menu > header {
  margin-bottom: 15px;
  padding-bottom: 13px;
  display: flex;
  align-items: center;
  gap: 10px;
  border-bottom: 1px solid #e5ebec;
}

.market-menu > header > svg {
  width: 34px;
  height: 34px;
  padding: 8px;
  border-radius: 10px;
  background: #eaf2f3;
  color: #416f80;
}

.market-menu > header span,
.market-menu > header strong,
.market-menu > header small { display: block; }
.market-menu > header strong { font-size: 12px; }
.market-menu > header small { margin-top: 3px; color: #8b999e; font: 650 7px var(--font-geist-mono); letter-spacing: .08em; }
.market-menu fieldset { margin: 0 0 14px; padding: 0; border: 0; }
.market-menu legend { margin-bottom: 8px; color: #78878d; font-size: 8px; font-weight: 750; letter-spacing: .08em; text-transform: uppercase; }
.market-choice-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 6px; }
.market-choice-grid.currency { grid-template-columns: repeat(4, 1fr); }

.site-header .market-menu .market-choice-grid button {
  min-height: 52px;
  padding: 8px 9px;
  border: 1px solid #e1e8e9;
  border-radius: 10px;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
  gap: 4px;
  background: #fff;
  color: #4d626a;
}

.site-header .market-menu .market-choice-grid button:hover { border-color: #b8cdd2; background: #f8fbfb; }
.site-header .market-menu .market-choice-grid button.active { border-color: #5d8795; background: #eaf2f4; color: #294f5d; box-shadow: inset 0 0 0 1px #5d8795; }
.site-header .market-menu .market-choice-grid button span { font-size: 10px; font-weight: 750; }
.site-header .market-menu .market-choice-grid button small { color: #8c999e; font-size: 7px; font-weight: 650; }
.market-menu > p { margin: 3px 0 13px; color: #7c8b90; font-size: 8px; line-height: 1.55; }

.site-header .market-menu .market-done {
  width: 100%;
  min-height: 36px;
  padding: 0 12px;
  border: 0;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #29434d;
  color: #fff;
  font-size: 9px;
  font-weight: 750;
}

html[data-cyreb-language="ko"] body,
html[data-cyreb-language="ja"] body { word-break: keep-all; }

@media (max-width: 760px) {
  .site-header .market-menu-wrap,
  .site-header .region-button { display: flex; }
  .site-header .account-link { display: none; }
  .site-header .market-menu { width: min(330px, calc(100vw - 28px)); position: fixed; top: 66px; right: 14px; }
}

/* Cyreb 2026 service-robot renewal */
:root {
  --service-navy:#173640;
  --service-blue:#3d7590;
  --service-sky:#dceef2;
  --service-cream:#f7f5ef;
  --service-coral:#f19a7e;
  --service-lime:#c9db8b;
}

.site-header { max-width:none; padding-inline:clamp(18px,3vw,50px); }
.desktop-nav { gap:3px; }
.desktop-nav > a { padding:9px 10px; gap:6px; }
.desktop-nav > a svg { display:block; width:15px; height:15px; }
.header-global-search { max-width:390px; }

.service-home-hero { padding-bottom:46px; background:linear-gradient(180deg,#f5f8f7 0%,#e8f1f0 100%); }
.service-home-hero .index-masthead { padding-top:62px; }
.service-home-hero .index-masthead h1 { max-width:770px; letter-spacing:-.07em; }
.service-home-hero .index-masthead h1 em { color:#4f7f90; }
.service-home-hero .market-chips { scrollbar-width:none; }
.service-home-hero .market-chips a { white-space:nowrap; }
.service-home-hero .marketplace-showcase { margin-top:17px; }
.service-home-hero .everyday-spotlight { min-height:510px; }

.service-home-actions { margin-top:-1px; padding:24px 0 48px; display:grid; grid-template-columns:repeat(3,1fr); gap:12px; }
.service-home-actions > a { min-height:134px; padding:24px; border:1px solid #dce5e4; border-radius:20px; display:grid; grid-template-columns:auto 1fr auto; align-items:flex-start; gap:15px; background:#fff; box-shadow:0 8px 24px rgba(32,65,73,.04); transition:.2s ease; }
.service-home-actions > a:hover { transform:translateY(-3px); border-color:#b7cdce; box-shadow:0 14px 30px rgba(32,65,73,.08); }
.service-home-actions > a > span { width:42px; height:42px; border-radius:13px; display:grid; place-items:center; background:#e7f0f1; color:#3e7182; }
.service-home-actions > a:nth-child(2) > span { background:#f8eadf; color:#b45f45; }
.service-home-actions > a:nth-child(3) > span { background:#edf1d9; color:#647c27; }
.service-home-actions small { display:block; margin-bottom:7px; color:#829196; font:700 8px var(--font-geist-mono); letter-spacing:.08em; }
.service-home-actions strong { display:block; font-size:17px; }
.service-home-actions p { margin:6px 0 0; color:#6f7e83; font-size:11px; line-height:1.55; }
.service-home-actions > a > svg { width:17px; margin-top:4px; }

.home-place-section { padding-top:64px; }
.home-place-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; }
.home-place-grid > a { min-width:0; border:1px solid #dce5e4; border-radius:22px; overflow:hidden; background:#fff; box-shadow:0 7px 24px rgba(28,62,70,.05); transition:.2s ease; }
.home-place-grid > a:hover { transform:translateY(-4px); box-shadow:0 16px 34px rgba(28,62,70,.1); }
.home-place-grid > a > img { width:100%; height:190px; display:block; object-fit:cover; background:#e8efef; }
.home-place-grid > a > span { width:42px; height:42px; margin:-23px 18px 0; position:relative; border:4px solid #fff; border-radius:50%; display:grid; place-items:center; background:#dfeef1; color:#376879; }
.home-place-grid > a > span svg { width:17px; }
.home-place-grid > a > div { padding:16px 19px 21px; }
.home-place-grid small { color:#7b898e; font:700 8px var(--font-geist-mono); letter-spacing:.08em; }
.home-place-grid h3 { margin:8px 0 7px; font-size:18px; }
.home-place-grid p { min-height:54px; margin:0; color:#718086; font-size:10px; line-height:1.65; }
.home-place-grid strong { margin-top:14px; display:flex; align-items:center; gap:7px; color:#355f6d; font-size:10px; }
.home-place-grid strong svg { width:14px; }
.all-places-link { width:max-content; margin:22px auto 0; display:flex; align-items:center; gap:8px; color:#476b76; font-size:11px; font-weight:700; }
.all-places-link svg { width:15px; }

.decision-problem { margin-top:84px; padding:86px 0; background:#1e3841; color:#fff; }
.decision-problem > .shell { display:grid; grid-template-columns:.83fr 1.17fr; gap:84px; align-items:center; }
.decision-problem-copy h2 { margin:16px 0 18px; font-size:clamp(34px,4vw,57px); line-height:.98; letter-spacing:-.055em; }
.decision-problem-copy p { max-width:520px; margin:0 0 25px; color:#b9c9ce; font-size:13px; line-height:1.75; }
.decision-problem-grid { display:grid; grid-template-columns:repeat(3,1fr); border:1px solid rgba(255,255,255,.13); border-radius:24px; overflow:hidden; }
.decision-problem-grid article { min-height:330px; padding:24px 20px; border-right:1px solid rgba(255,255,255,.11); display:flex; flex-direction:column; }
.decision-problem-grid article:last-child { border:0; }
.decision-problem-grid article > span { color:#8ca4ad; font:700 9px var(--font-geist-mono); }
.decision-problem-grid article > svg { width:34px; height:34px; margin:auto 0 22px; padding:8px; border-radius:11px; background:rgba(255,255,255,.1); color:#d8e88f; }
.decision-problem-grid h3 { margin:0 0 9px; font-size:15px; }
.decision-problem-grid p { margin:0; color:#aebfc4; font-size:10px; line-height:1.7; }

.finder-preview { padding-block:88px; }
.finder-preview-card { padding:38px; border:1px solid #dce4e3; border-radius:28px; display:grid; grid-template-columns:.8fr 1.2fr; gap:60px; background:linear-gradient(135deg,#f0f5f4,#fff); box-shadow:0 18px 50px rgba(29,59,67,.08); }
.finder-preview-card > div:first-child { align-self:center; }
.finder-preview-card h2 { margin:15px 0; font-size:clamp(34px,4vw,55px); line-height:1; letter-spacing:-.055em; }
.finder-preview-card p { margin:0 0 22px; color:#687a80; font-size:12px; line-height:1.7; }
.finder-preview-ui { padding:18px; border:1px solid #d9e3e2; border-radius:20px; background:#fff; box-shadow:0 16px 40px rgba(31,62,70,.09); }
.finder-preview-ui > div { margin-bottom:14px; display:flex; gap:6px; flex-wrap:wrap; }
.finder-preview-ui > div span { padding:7px 9px; border-radius:9px; background:#f1f5f4; color:#65787d; display:flex; align-items:center; gap:5px; font-size:8px; font-weight:700; }
.finder-preview-ui > div span.active { background:#dfeff1; color:#315f6e; }
.finder-preview-ui > div span svg { width:12px; }
.finder-preview-ui > a { padding:10px 7px; border-top:1px solid #e8eeee; display:grid; grid-template-columns:25px 56px 1fr auto; align-items:center; gap:10px; }
.finder-preview-ui > a > b { color:#819096; font:700 8px var(--font-geist-mono); }
.finder-preview-ui img { width:56px; height:56px; object-fit:cover; border-radius:10px; background:#edf2f2; }
.finder-preview-ui a span small,.finder-preview-ui a span strong,.finder-preview-ui a span em { display:block; }
.finder-preview-ui a span small { color:#879398; font-size:7px; }
.finder-preview-ui a span strong { margin:3px 0; font-size:11px; }
.finder-preview-ui a span em { color:#4f7c52; font-size:8px; font-style:normal; font-weight:700; }
.finder-preview-ui > a > svg { width:15px; }

.deployment-graph-section { padding:86px 0; background:#eef3e2; }
.deployment-graph-section > .shell { display:grid; grid-template-columns:.74fr 1.26fr; gap:70px; align-items:center; }
.deployment-graph-section h2 { margin:15px 0; font-size:clamp(36px,4vw,56px); line-height:.98; letter-spacing:-.055em; }
.deployment-graph-section p { margin:0 0 23px; color:#667063; font-size:12px; line-height:1.7; }
.deployment-graph { padding:34px; border:1px solid #cdd9b3; border-radius:28px; display:grid; grid-template-columns:1fr 30px 1fr; align-items:center; gap:8px; background:#f9fbf3; box-shadow:0 18px 45px rgba(60,75,35,.09); }
.deployment-graph span,.deployment-graph strong { min-height:62px; border:1px solid #dce4c7; border-radius:14px; display:grid; place-items:center; background:#fff; color:#4a5e3c; font:750 9px var(--font-geist-mono); letter-spacing:.05em; }
.deployment-graph strong { grid-column:3; background:#1f3a42; color:#fff; border-color:#1f3a42; }
.deployment-graph i { height:1px; background:#b4c693; position:relative; }
.deployment-graph i::after { content:""; width:5px; height:5px; border-top:1px solid #819760; border-right:1px solid #819760; position:absolute; right:0; top:-2px; transform:rotate(45deg); }

.supplier-home-section { padding-block:86px; }
.ownership-compact { padding:40px; border:1px solid #dce5e4; border-radius:26px; display:grid; grid-template-columns:.8fr 1.2fr; gap:60px; background:#f7f9f8; }
.ownership-compact h2 { margin:14px 0; font-size:34px; line-height:1.03; letter-spacing:-.045em; }
.ownership-compact p { color:#6b7b80; font-size:11px; line-height:1.7; }
.ownership-compact > div:last-child { display:grid; gap:8px; }
.ownership-compact > div:last-child > a { padding:15px 17px; border:1px solid #dce5e4; border-radius:14px; display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:13px; background:#fff; }
.ownership-compact > div:last-child > a > svg:first-child { width:35px; height:35px; padding:8px; border-radius:10px; background:#e7f0f1; color:#406e7b; }
.ownership-compact a span strong,.ownership-compact a span small { display:block; }
.ownership-compact a span strong { font-size:11px; }
.ownership-compact a span small { margin-top:4px; color:#7b898e; font-size:8px; }
.ownership-compact > div:last-child > a > svg:last-child { width:15px; }
.home-final-cta { margin-top:86px; padding:58px 0; background:#f0b098; }
.home-final-cta > .shell { display:grid; grid-template-columns:auto 1fr auto; gap:22px; align-items:center; }
.home-final-cta > .shell > svg { width:54px; height:54px; padding:14px; border-radius:16px; background:#fff3eb; color:#8f4f3c; }
.home-final-cta span { font:750 8px var(--font-geist-mono); letter-spacing:.08em; color:#814c3e; }
.home-final-cta h2 { margin:7px 0 3px; font-size:28px; }
.home-final-cta p { margin:0; color:#7a5045; font-size:10px; }

/* Shared service pages */
.service-page { background:#fafbf9; }
.service-page-hero { padding:92px 0 56px; text-align:center; }
.service-page-hero h1 { margin:18px auto; font-size:clamp(48px,7vw,82px); line-height:.92; letter-spacing:-.07em; }
.service-page-hero p { max-width:680px; margin:0 auto; color:#6d7d82; font-size:13px; line-height:1.75; }
.service-hero-actions { margin-top:25px; display:flex; gap:9px; flex-wrap:wrap; }
.service-page-hero .service-hero-actions { justify-content:center; }
.service-hero-actions svg { width:16px; }
.place-directory { padding-bottom:90px; display:grid; grid-template-columns:repeat(2,1fr); gap:14px; }
.place-directory-card { min-height:300px; border:1px solid #dce5e4; border-radius:24px; display:grid; grid-template-columns:45% 55%; overflow:hidden; background:#fff; box-shadow:0 8px 25px rgba(28,61,69,.05); }
.place-directory-image { position:relative; overflow:hidden; }
.place-directory-image img { width:100%; height:100%; object-fit:cover; }
.place-directory-image > span { width:48px; height:48px; position:absolute; left:17px; bottom:17px; border:4px solid rgba(255,255,255,.88); border-radius:50%; display:grid; place-items:center; background:#dfeef0; color:#3c6d7d; }
.place-directory-card > div:last-child { padding:31px 28px; }
.place-directory-card small { color:#7f8f94; font:700 8px var(--font-geist-mono); letter-spacing:.08em; }
.place-directory-card h2 { margin:10px 0; font-size:25px; }
.place-directory-card p { color:#718086; font-size:10px; line-height:1.65; }
.place-task-row { margin:16px 0; display:flex; gap:5px; flex-wrap:wrap; }
.place-task-row span { padding:6px 7px; border-radius:7px; background:#f0f4f3; color:#5b6e73; font-size:7px; font-weight:700; }
.place-directory-card > div:last-child > strong { display:flex; align-items:center; gap:8px; color:#396776; font-size:10px; }
.place-directory-card strong svg { width:14px; }
.place-principle { padding:70px 0; background:#1e3841; color:#fff; }
.place-principle .shell > span { color:#cfe28d; font:700 9px var(--font-geist-mono); }
.place-principle h2 { margin:14px 0 32px; font-size:43px; letter-spacing:-.05em; }
.place-principle .shell > div { display:grid; grid-template-columns:repeat(6,1fr); border:1px solid rgba(255,255,255,.14); border-radius:16px; overflow:hidden; }
.place-principle .shell > div > div { min-height:100px; padding:17px; border-right:1px solid rgba(255,255,255,.12); display:flex; flex-direction:column; justify-content:space-between; }
.place-principle small { color:#829ca4; font:700 8px var(--font-geist-mono); }
.place-principle strong { font-size:10px; }

.place-detail-hero { padding:32px 0 54px; background:#e8f1f1; }
.place-detail-hero > .shell { display:grid; grid-template-columns:1fr 44%; gap:70px; align-items:center; }
.place-detail-hero .back-link { grid-column:1/-1; }
.place-detail-hero h1 { margin:15px 0; font-size:clamp(52px,7vw,82px); line-height:.92; letter-spacing:-.07em; }
.place-detail-hero p { max-width:610px; color:#5d7076; font-size:13px; line-height:1.7; }
.place-detail-hero > .shell > div > span { display:flex; align-items:center; gap:7px; color:#496d78; font-size:9px; font-weight:700; }
.place-detail-hero img { width:100%; aspect-ratio:1.25; border-radius:25px; object-fit:cover; box-shadow:0 20px 50px rgba(29,61,70,.14); }
.place-snapshot { margin-top:-22px; padding:24px 28px; border:1px solid #dce5e4; border-radius:17px; display:grid; grid-template-columns:repeat(3,1fr); background:#fff; box-shadow:0 12px 35px rgba(29,61,70,.08); position:relative; }
.place-snapshot > div { padding:0 20px; border-right:1px solid #e1e8e7; }
.place-snapshot > div:last-child { border:0; }
.place-snapshot small,.place-snapshot strong { display:block; }
.place-snapshot small { color:#849196; font:700 7px var(--font-geist-mono); letter-spacing:.07em; }
.place-snapshot strong { margin-top:7px; font-size:11px; }
.place-checklist { margin-bottom:88px; padding:42px; border-radius:25px; display:grid; grid-template-columns:.75fr 1.25fr; gap:65px; background:#1e3841; color:#fff; }
.place-checklist h2 { margin:14px 0; font-size:36px; line-height:1.02; }
.place-checklist p { color:#b5c5ca; font-size:11px; line-height:1.7; }
.place-checklist > div:last-child { display:grid; grid-template-columns:repeat(2,1fr); gap:8px; }
.place-checklist > div:last-child > span { padding:18px; border:1px solid rgba(255,255,255,.12); border-radius:13px; background:rgba(255,255,255,.05); }
.place-checklist span svg { width:19px; color:#cfe28d; }
.place-checklist span strong,.place-checklist span small { display:block; }
.place-checklist span strong { margin:17px 0 6px; font-size:10px; }
.place-checklist span small { color:#aebfc4; font-size:8px; line-height:1.55; }

/* Finder */
.finder-page { min-height:100vh; padding-bottom:90px; background:#f5f8f7; }
.finder-intro { padding:76px 0 42px; display:flex; justify-content:space-between; align-items:flex-end; gap:40px; }
.finder-intro h1 { margin:15px 0; font-size:clamp(50px,6vw,76px); line-height:.92; letter-spacing:-.07em; }
.finder-intro p { max-width:650px; color:#697a80; font-size:12px; line-height:1.7; }
.finder-progress { display:flex; align-items:center; gap:6px; }
.finder-progress > span { padding:8px 10px; border-radius:9px; display:flex; align-items:center; gap:6px; color:#8a969a; background:#e9eeee; font-size:8px; font-weight:700; }
.finder-progress > span.active { color:#315d6a; background:#d9ebee; }
.finder-progress b { width:18px; height:18px; border-radius:50%; display:grid; place-items:center; background:#fff; font-size:7px; }
.finder-progress > svg { width:12px; color:#a2afb2; }
.finder-shell { display:grid; grid-template-columns:minmax(0,1.03fr) minmax(360px,.97fr); gap:18px; align-items:start; }
.finder-form { padding:34px; border:1px solid #dce5e4; border-radius:24px; background:#fff; box-shadow:0 10px 34px rgba(28,60,68,.06); }
.finder-form fieldset { margin:0 0 34px; padding:0 0 33px; border:0; border-bottom:1px solid #e6eceb; }
.finder-form legend { width:100%; margin-bottom:17px; display:flex; gap:12px; }
.finder-form legend > b { width:30px; height:30px; border-radius:9px; display:grid; place-items:center; background:#1e3c46; color:#fff; font:700 8px var(--font-geist-mono); }
.finder-form legend strong,.finder-form legend small { display:block; }
.finder-form legend strong { font-size:13px; }
.finder-form legend small { margin-top:4px; color:#819095; font-size:8px; }
.finder-choice-grid { display:grid; gap:7px; }
.finder-choice-grid.places { grid-template-columns:repeat(4,1fr); }
.finder-choice-grid.tasks { grid-template-columns:repeat(3,1fr); }
.finder-choice-grid button,.finder-budget button { min-height:48px; padding:10px; border:1px solid #dce5e4; border-radius:11px; display:flex; align-items:center; justify-content:center; gap:7px; background:#fff; color:#66787e; font-size:8px; font-weight:700; }
.finder-choice-grid button.active,.finder-budget button.active { border-color:#6b96a2; background:#e5f0f2; color:#2f5e6c; box-shadow:inset 0 0 0 1px #6b96a2; }
.finder-choice-grid button svg { width:14px; }
.finder-choice-grid button svg:last-child { width:12px; }
.finder-budget { display:grid; gap:9px; }
.finder-budget > div { display:grid; grid-template-columns:repeat(4,1fr); gap:7px; }
.finder-budget > div:last-child { grid-template-columns:auto repeat(3,1fr); align-items:center; }
.finder-budget > div:last-child > svg { width:36px; height:36px; padding:9px; border-radius:10px; background:#edf2f1; color:#52727c; }
.finder-needs { display:flex; flex-wrap:wrap; gap:7px; }
.finder-needs label input { position:absolute; opacity:0; }
.finder-needs label span { padding:10px 12px; border:1px solid #dce5e4; border-radius:10px; display:block; color:#68797e; font-size:8px; font-weight:700; cursor:pointer; }
.finder-needs label input:checked + span { border-color:#6c97a3; background:#e3eff1; color:#315f6d; }
.finder-submit { width:100%; justify-content:center; }
.finder-results { min-height:560px; padding:26px; border-radius:24px; position:sticky; top:90px; background:#1e3942; color:#fff; box-shadow:0 18px 45px rgba(26,54,63,.18); }
.finder-empty { height:505px; display:flex; flex-direction:column; justify-content:center; align-items:center; text-align:center; }
.finder-empty > svg { width:55px; height:55px; padding:15px; border-radius:18px; background:rgba(255,255,255,.08); color:#d3e98b; }
.finder-empty h2 { margin:20px 0 8px; font-size:24px; }
.finder-empty p { max-width:340px; color:#aebfc4; font-size:10px; line-height:1.6; }
.finder-empty > div { width:100%; max-width:330px; margin-top:24px; padding:14px; border:1px solid rgba(255,255,255,.1); border-radius:12px; display:grid; grid-template-columns:auto 1fr; gap:8px 12px; text-align:left; }
.finder-empty > div span { color:#81999f; font-size:8px; }
.finder-empty > div strong { text-align:right; font-size:8px; }
.finder-results > header { margin-bottom:14px; display:flex; justify-content:space-between; }
.finder-results > header h2 { margin:8px 0 5px; font-size:22px; }
.finder-results > header p { margin:0; color:#9eb2b8; font-size:8px; }
.finder-results > header button { width:34px; height:34px; border:1px solid rgba(255,255,255,.12); border-radius:10px; display:grid; place-items:center; background:rgba(255,255,255,.06); color:#fff; }
.finder-result-list { display:grid; gap:8px; }
.finder-result-list article { padding:11px; border:1px solid rgba(255,255,255,.11); border-radius:14px; display:grid; grid-template-columns:25px 80px 1fr; gap:10px; background:rgba(255,255,255,.055); }
.result-rank { color:#79939b; font:700 8px var(--font-geist-mono); }
.finder-result-list img { width:80px; height:92px; border-radius:10px; object-fit:cover; background:#edf1f1; }
.finder-result-list small { color:#91a8ae; font-size:7px; }
.finder-result-list h3 { margin:3px 0 6px; font-size:12px; }
.fit-score { display:grid; grid-template-columns:1fr auto; align-items:center; gap:8px; }
.fit-score > span { height:4px; border-radius:3px; overflow:hidden; background:rgba(255,255,255,.1); }
.fit-score i { height:100%; display:block; border-radius:3px; background:#cfe389; }
.fit-score strong { color:#d3e894; font-size:7px; }
.finder-result-list p { margin:6px 0; color:#a5b8bd; font-size:7px; line-height:1.4; }
.finder-result-list article > div > div:last-child { display:flex; justify-content:space-between; align-items:center; }
.finder-result-list article > div > div:last-child span { color:#c3d0d3; font-size:7px; }
.finder-result-list article > div > div:last-child span b { color:#fff; }
.finder-result-list article a { display:flex; align-items:center; gap:4px; color:#d4e594; font-size:7px; font-weight:700; }
.finder-result-list article a svg { width:10px; }
.finder-result-actions { margin-top:14px; display:grid; grid-template-columns:1fr 1fr; gap:7px; }
.finder-result-actions .button { justify-content:center; }
.finder-disclaimer { margin:13px 0 0; color:#82999f; text-align:center; font-size:7px; }

/* Market data */
.market-data-page { background:#f7f9f7; }
.market-data-hero { padding:82px 0 72px; overflow:hidden; background:#1d3740; color:#fff; }
.market-data-hero > .shell { display:grid; grid-template-columns:1fr 460px; gap:70px; align-items:center; }
.market-data-hero h1 { margin:17px 0; font-size:clamp(48px,6vw,78px); line-height:.93; letter-spacing:-.07em; }
.market-data-hero p { max-width:680px; color:#b5c6ca; font-size:13px; line-height:1.7; }
.data-orbit { width:430px; height:430px; border:1px solid rgba(255,255,255,.14); border-radius:50%; position:relative; animation:serviceOrbit 40s linear infinite; }
.data-orbit::before,.data-orbit::after { content:""; position:absolute; inset:17%; border:1px solid rgba(255,255,255,.12); border-radius:50%; }
.data-orbit::after { inset:34%; background:rgba(255,255,255,.035); }
.data-orbit span { padding:8px 10px; border:1px solid rgba(255,255,255,.13); border-radius:9px; position:absolute; background:#254650; font:700 7px var(--font-geist-mono); }
.data-orbit span:nth-child(1){left:36%;top:-15px}.data-orbit span:nth-child(2){right:-10px;top:23%}.data-orbit span:nth-child(3){right:4%;bottom:16%}.data-orbit span:nth-child(4){left:35%;bottom:-12px}.data-orbit span:nth-child(5){left:-12px;bottom:23%}.data-orbit strong { position:absolute; inset:40%; border-radius:50%; display:grid; place-items:center; background:#cee38a; color:#29444c; font:800 10px var(--font-geist-mono); }
@keyframes serviceOrbit { to{transform:rotate(360deg)} }
.data-stat-strip { margin-top:-28px; border:1px solid #dce5e4; border-radius:18px; display:grid; grid-template-columns:repeat(4,1fr); background:#fff; position:relative; box-shadow:0 13px 35px rgba(27,58,66,.1); }
.data-stat-strip > div { padding:24px 28px; border-right:1px solid #e2e9e8; }
.data-stat-strip > div:last-child { border:0; }
.data-stat-strip strong,.data-stat-strip span { display:block; }
.data-stat-strip strong { font-size:25px; }
.data-stat-strip span { margin-top:4px; color:#7b898e; font-size:8px; }
.data-dashboard { padding:75px 0 88px; display:grid; grid-template-columns:1.3fr .7fr; gap:14px; }
.data-dashboard > article { padding:28px; border:1px solid #dce5e4; border-radius:21px; background:#fff; box-shadow:0 7px 22px rgba(29,60,68,.04); }
.data-dashboard article header { margin-bottom:25px; display:flex; align-items:flex-start; justify-content:space-between; }
.data-dashboard h2 { margin:7px 0 0; font-size:22px; }
.coverage-chart header svg { width:38px; height:38px; padding:10px; border-radius:12px; background:#e5f0f1; color:#3d6f7d; }
.coverage-chart > div { display:grid; gap:13px; }
.coverage-chart > div > div { display:grid; grid-template-columns:120px 1fr 24px; align-items:center; gap:11px; }
.coverage-chart > div span { color:#5e7076; font-size:8px; font-weight:700; }
.coverage-chart > div i { height:8px; border-radius:5px; overflow:hidden; background:#edf1f0; }
.coverage-chart > div b { height:100%; display:block; border-radius:5px; background:#6b98a5; }
.coverage-chart > div strong { text-align:right; font-size:9px; }
.model-card { text-align:center; }
.model-card header { text-align:left; }
.donut { width:150px; height:150px; margin:4px auto 22px; border-radius:50%; display:flex; flex-direction:column; align-items:center; justify-content:center; background:radial-gradient(circle,#fff 0 55%,transparent 56%),conic-gradient(#6f98a3 var(--lease-share),#e8eddb 0); }
.donut strong { font-size:31px; }
.donut span { color:#74848a; font-size:8px; }
.model-card > div:last-child { display:grid; gap:8px; text-align:left; }
.model-card > div:last-child span { display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:7px; color:#6b7b80; font-size:8px; }
.model-card > div:last-child i { width:9px; height:9px; border-radius:3px; background:#e8eddb; }
.model-card > div:last-child i.lease { background:#6f98a3; }
.update-ledger { grid-column:1/-1; }
.update-ledger header > span { color:#89969a; font:700 7px var(--font-geist-mono); }
.update-ledger > div > div { min-height:62px; padding:10px 5px; border-top:1px solid #e6eceb; display:grid; grid-template-columns:1.4fr 1fr 1fr 30px; align-items:center; gap:14px; }
.data-product { display:flex; align-items:center; gap:10px; }
.data-product i { width:34px; height:34px; border-radius:9px; display:grid; place-items:center; background:#e8f0f1; color:#406d79; font:700 7px var(--font-geist-mono); }
.data-product strong { font-size:10px; }
.update-ledger > div > div > span:nth-child(2) { color:#75858a; font-size:8px; }
.update-ledger > div > div > strong { font-size:9px; }
.update-ledger em { width:27px; height:27px; border-radius:8px; display:grid; place-items:center; background:#edf4dd; color:#657c31; }
.update-ledger em.down { background:#f5e8e2; color:#9e604c; }
.update-ledger em svg { width:13px; }
.data-why { margin-bottom:88px; padding:45px; border-radius:26px; display:grid; grid-template-columns:.8fr 1.2fr; gap:75px; background:#eaf0dc; }
.data-why h2 { margin:15px 0; font-size:38px; line-height:1; letter-spacing:-.05em; }
.data-why p { color:#697265; font-size:11px; line-height:1.7; }
.data-why > div:last-child { display:grid; grid-template-columns:repeat(2,1fr); }
.data-why > div:last-child span { padding:18px; border-bottom:1px solid #ced8b6; display:flex; align-items:center; gap:12px; color:#455445; font-size:9px; font-weight:700; }
.data-why > div:last-child b { color:#7d8f61; font:700 7px var(--font-geist-mono); }
.data-cta { padding:42px 0; background:#f0ac93; }
.data-cta > .shell { display:grid; grid-template-columns:auto 1fr auto; gap:18px; align-items:center; }
.data-cta > .shell > svg { width:45px; height:45px; padding:12px; border-radius:14px; background:#fff0e9; color:#87503e; }
.data-cta span { color:#87503e; font-size:8px; font-weight:700; }
.data-cta h2 { margin:5px 0 0; font-size:26px; }

/* Product deployment block */
.deployment-fit-section { padding:32px; border:1px solid #d7e3e3; border-radius:24px; background:#f2f7f6; }
.deployment-fit-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:8px; }
.deployment-fit-grid article { min-height:190px; padding:20px; border:1px solid #dce5e4; border-radius:15px; display:flex; flex-direction:column; background:#fff; }
.deployment-fit-grid article > svg { width:32px; height:32px; padding:8px; border-radius:10px; background:#e5f0f1; color:#416f7d; }
.deployment-fit-grid small { margin:auto 0 8px; color:#829095; font:700 7px var(--font-geist-mono); letter-spacing:.07em; }
.deployment-fit-grid strong { font-size:11px; line-height:1.45; }
.deployment-fit-grid p { margin:7px 0 0; color:#748389; font-size:8px; line-height:1.55; }

@media(max-width:1100px){
  .service-home-actions,.home-place-grid{grid-template-columns:repeat(2,1fr)}
  .decision-problem>.shell,.deployment-graph-section>.shell{grid-template-columns:1fr;gap:45px}
  .decision-problem-grid article{min-height:250px}
  .finder-shell{grid-template-columns:1fr}.finder-results{position:relative;top:0}
  .market-data-hero>.shell{grid-template-columns:1fr}.data-orbit{display:none}
  .place-detail-hero>.shell{gap:35px}
}

@media(max-width:760px){
  .desktop-nav{display:none}
  .service-home-hero .index-masthead{padding-top:38px}
  .service-home-hero .everyday-spotlight{min-height:430px}
  .service-home-actions,.home-place-grid,.place-directory,.data-dashboard,.deployment-fit-grid{grid-template-columns:1fr}
  .service-home-actions{padding-inline:14px}
  .decision-problem{padding:62px 0}.decision-problem-grid{grid-template-columns:1fr}.decision-problem-grid article{min-height:210px;border-right:0;border-bottom:1px solid rgba(255,255,255,.11)}
  .finder-preview-card,.ownership-compact,.place-checklist,.data-why{padding:24px;grid-template-columns:1fr;gap:30px}
  .deployment-graph{padding:18px}
  .home-final-cta>.shell,.data-cta>.shell{grid-template-columns:auto 1fr}.home-final-cta .button,.data-cta .button{grid-column:1/-1;justify-content:center}
  .place-directory-card{grid-template-columns:1fr}.place-directory-image{height:220px}
  .place-principle .shell>div{grid-template-columns:repeat(2,1fr)}
  .place-detail-hero>.shell{grid-template-columns:1fr}.place-detail-hero .back-link{grid-column:auto}.place-detail-hero img{order:-1}
  .place-snapshot,.data-stat-strip{grid-template-columns:1fr}.place-snapshot>div,.data-stat-strip>div{padding:14px 5px;border-right:0;border-bottom:1px solid #e2e9e8}
  .place-checklist>div:last-child{grid-template-columns:1fr}
  .finder-intro{align-items:flex-start;flex-direction:column}.finder-progress{width:100%;overflow:auto}
  .finder-form{padding:22px}.finder-choice-grid.places,.finder-choice-grid.tasks{grid-template-columns:repeat(2,1fr)}
  .finder-budget>div{grid-template-columns:repeat(2,1fr)}.finder-budget>div:last-child{grid-template-columns:repeat(3,1fr)}.finder-budget>div:last-child>svg{display:none}
  .finder-results{padding:18px}.finder-result-list article{grid-template-columns:20px 64px 1fr}.finder-result-list img{width:64px;height:82px}
  .data-dashboard{grid-template-columns:1fr}.update-ledger{grid-column:auto}.update-ledger>div>div{grid-template-columns:1.3fr 1fr}.update-ledger>div>div>strong,.update-ledger em{display:none}
  .data-why>div:last-child{grid-template-columns:1fr}
}

.partner-page{background:#fff}.partner-hero{min-height:650px;padding-block:90px;display:grid;grid-template-columns:1.3fr .7fr;align-items:center;gap:90px}.partner-hero h1{margin:16px 0 22px;font-size:62px;line-height:1.02;letter-spacing:-.045em}.partner-hero>div>p{max-width:730px;color:var(--muted);font-size:17px;line-height:1.72}.partner-hero-actions{margin:30px 0 20px;display:flex;gap:9px}.partner-promise{display:flex;flex-wrap:wrap;gap:18px;color:#667083;font-size:10px}.partner-promise span{display:flex;align-items:center;gap:5px}.partner-promise svg{width:14px;color:var(--green)}.partner-hero>aside{padding:25px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(150deg,#f7f9ff,#fff);box-shadow:0 22px 60px rgba(34,48,85,.1)}.partner-hero>aside>span{display:block;padding-bottom:14px;border-bottom:1px solid var(--line);color:var(--blue);font:700 9px var(--font-geist-mono);letter-spacing:.08em}.partner-hero>aside>div{padding:22px 0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:34px 1fr;column-gap:12px}.partner-hero>aside>div:last-child{border:0}.partner-hero>aside svg{grid-row:1/3;width:30px;height:30px;padding:7px;border-radius:8px;background:#eaf0ff;color:var(--blue)}.partner-hero>aside strong,.partner-hero>aside small{display:block}.partner-hero>aside small{margin-top:5px;color:var(--muted);font-size:9px;line-height:1.5}.partner-options{padding-block:90px}.partner-options header{max-width:720px}.partner-options h2,.partner-process h2,.partner-faq h2{margin:10px 0 35px;font-size:44px;line-height:1.08}.partner-options>div{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.partner-options>div>a{min-height:270px;padding:24px;border:1px solid var(--line);border-radius:12px;display:flex;flex-direction:column;justify-content:space-between;transition:.2s}.partner-options>div>a:hover{border-color:#aebfff;transform:translateY(-3px);box-shadow:0 16px 40px rgba(30,46,85,.08)}.partner-options>div>a>svg{width:38px;height:38px;padding:9px;border-radius:9px;background:#edf1ff;color:var(--blue)}.partner-options small{color:#8b93a2;font-size:8px;letter-spacing:.08em}.partner-options strong{display:block;margin-top:7px;font-size:18px}.partner-options p{color:var(--muted);font-size:11px;line-height:1.6}.partner-options em{display:flex;align-items:center;gap:5px;color:var(--blue);font-size:10px;font-style:normal;font-weight:700}.partner-process{padding-block:90px;background:#111827;color:#fff}.partner-process header{max-width:720px}.partner-process .kicker{color:var(--lime)}.partner-process .shell>div{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.partner-process article{padding:28px;border:1px solid #303a4e;border-radius:12px;background:#172033;position:relative}.partner-process article>span{position:absolute;right:22px;color:#48556c;font:700 28px var(--font-geist-mono)}.partner-process article svg{color:var(--lime)}.partner-process h3{margin:35px 0 10px}.partner-process p{color:#9faabd;font-size:11px;line-height:1.65}.partner-faq{padding-block:100px;display:grid;grid-template-columns:.75fr 1.25fr;gap:110px}.partner-faq>div>p{margin-bottom:28px;color:var(--muted);line-height:1.7}.partner-faq dl{margin:0;border-top:1px solid var(--line)}.partner-faq dl>div{padding:24px 0;border-bottom:1px solid var(--line)}.partner-faq dt{font-weight:750}.partner-faq dd{margin:9px 0 0;color:var(--muted);font-size:12px;line-height:1.7}.partner-trust{background:#eef2ff}.partner-trust>.shell{min-height:115px;display:flex;align-items:center;gap:15px}.partner-trust svg{color:var(--blue)}.partner-trust span{flex:1}.partner-trust strong,.partner-trust small{display:block}.partner-trust small{margin-top:5px;color:var(--muted)}.partner-trust a{display:flex;align-items:center;gap:5px;color:var(--blue);font-size:10px;font-weight:700}.partner-apply-page{padding-top:38px;padding-bottom:110px}.partner-apply-page>.back-link svg{width:14px}.partner-apply-page>section{margin-top:40px;display:grid;grid-template-columns:.72fr 1.28fr;gap:90px}.partner-apply-intro{padding-top:25px}.partner-apply-intro h1{margin:12px 0 19px;font-size:48px;line-height:1.05}.partner-apply-intro>p{color:var(--muted);font-size:14px;line-height:1.7}.partner-apply-intro>div{margin-top:35px;padding:22px;border-radius:11px;background:#f4f6fa;display:grid;gap:12px}.partner-apply-intro>div>strong{font-size:12px}.partner-apply-intro>div>span{display:flex;align-items:center;gap:9px;color:#667083;font-size:10px}.partner-apply-intro b{width:20px;height:20px;display:grid;place-items:center;border-radius:50%;background:#e4eaff;color:var(--blue);font-size:8px}.partner-apply-form,.partner-submit-success{padding:30px;border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:0 18px 50px rgba(25,38,70,.08)}.partner-type{margin:0 0 25px;padding:0;border:0}.partner-type legend{margin-bottom:10px;font-size:11px;font-weight:750}.partner-type{display:grid;grid-template-columns:repeat(2,1fr);gap:7px}.partner-type legend{grid-column:1/-1}.partner-type button{padding:13px;border:1px solid var(--line);border-radius:8px;background:white;text-align:left}.partner-type button.active{border-color:var(--blue);background:#f0f3ff}.partner-type strong,.partner-type small{display:block}.partner-type small{margin-top:4px;color:var(--muted);font-size:8px;line-height:1.4}.partner-submit-button{width:100%;justify-content:center}.form-privacy{display:block;margin-top:11px;color:var(--muted);text-align:center}.form-privacy a{text-decoration:underline}.form-error{padding:10px;border-radius:7px;background:#fff0ef;color:#a53d36;font-size:10px}.honeypot{position:absolute;left:-10000px}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.partner-submit-success{min-height:520px;display:grid;place-items:center;align-content:center;text-align:center}.partner-submit-success>span{width:60px;height:60px;border-radius:50%;display:grid;place-items:center;background:#e5f7ee;color:var(--green)}.partner-submit-success h2{margin:14px 0 7px}.partner-submit-success p{max-width:520px;color:var(--muted);line-height:1.6}.partner-submit-success>div{display:flex;gap:8px}.newsletter-form{min-width:min(100%,430px)}.newsletter-input-row{height:48px;padding:5px 5px 5px 14px;border:1px solid #394358;border-radius:9px;display:flex;align-items:center;gap:9px;background:#1a2335}.newsletter-form input[type=email]{min-width:0;flex:1;border:0;outline:0;background:transparent;color:#fff}.newsletter-consent{margin-top:8px;display:flex;align-items:flex-start;gap:7px;color:#929db0;font-size:8px;line-height:1.45}.newsletter-success{max-width:500px;padding:18px;border:1px solid #394358;border-radius:10px;display:flex;gap:12px;background:#1a2335}.newsletter-success svg{color:var(--lime)}.newsletter-success strong,.newsletter-success small{display:block}.newsletter-success small{margin-top:5px;color:#929db0;font-size:9px;line-height:1.5}.profile-correction-link{margin-top:9px;display:flex;justify-content:center;color:var(--blue);font-size:9px;font-weight:700}.profile-correction-link:hover{text-decoration:underline}.source-status-note{padding:16px;margin-top:18px;border:1px solid var(--line);border-radius:9px;display:flex;align-items:center;justify-content:space-between;gap:20px;color:var(--muted);font-size:10px}.source-status-note a{color:var(--blue);font-weight:700}.newsletter-form .form-error{margin:8px 0 0}.article-newsletter .shell{gap:28px}.article-newsletter .shell>div{flex:1}
@media(max-width:900px){.partner-hero{grid-template-columns:1fr;gap:35px}.partner-options>div{grid-template-columns:repeat(2,1fr)}.partner-faq,.partner-apply-page>section{grid-template-columns:1fr;gap:40px}.partner-process .shell>div{grid-template-columns:1fr}.partner-hero h1{font-size:50px}}
@media(max-width:620px){.partner-hero{padding-block:55px}.partner-hero h1{font-size:42px}.partner-options>div,.partner-type{grid-template-columns:1fr}.partner-options h2,.partner-process h2,.partner-faq h2{font-size:34px}.partner-promise,.partner-hero-actions,.partner-submit-success>div{align-items:stretch;flex-direction:column}.partner-apply-intro h1{font-size:38px}.source-status-note{align-items:flex-start;flex-direction:column}.article-newsletter .shell{align-items:flex-start;flex-direction:column}.newsletter-form{width:100%}}

:root{--font-geist-sans:Arial,sans-serif;--font-geist-mono:monospace;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--shadow-sm:0 8px 24px #193e4710}html{scroll-behavior:auto}body{overflow-x:hidden}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #3b7384;outline-offset:3px}.shell{width:calc(100% - 48px);max-width:1440px}.builder-page{padding:0 0 24px}.builder-header{padding-top:28px;padding-bottom:24px;gap:24px}.builder-header h1{font-size:34px}.builder-header p{font-size:13px;line-height:1.7;max-width:530px}.builder-header .kicker{font-size:9px}.builder-layout{grid-template-columns:175px minmax(340px,1fr) 250px;gap:12px}.builder-step div strong{font-size:11px}.builder-step div small{font-size:9px}.system-map{height:540px}.system-node{width:160px;min-height:116px}.system-node strong{font-size:11px}.system-node small{font-size:8px}.system-node button{font-size:11px}.canvas-toolbar{font-size:11px}.builder-step{padding:14px 10px;grid-template-columns:19px 18px minmax(0,1fr) 12px;gap:6px}.compatibility-results,.canvas-toolbar .compat-ok{display:none!important}.bom-panel{position:static}.bom-header strong{font-size:13px}.bom-item strong{font-size:11px}.bom-item small{font-size:9px}.bom-item div>span{font-size:10px}.bom-total>div span{font-size:11px}.bom-total>small{font-size:9px;line-height:1.6}.bom-total>div strong{font-size:19px}.picker-overlay{position:fixed;z-index:300}.picker-drawer{width:min(520px,100%);overflow:auto}.picker-list small{font-size:10px}.picker-list strong{font-size:13px}.picker-list div>span{font-size:11px}.picker-icon{width:52px;height:52px}.picker-list>button{grid-template-columns:52px minmax(0,1fr) 17px}.picker-list{max-height:calc(100vh - 155px)!important}.picker-drawer .search-field input{font-size:13px}.builder-toast{top:12px}.inline-toast{font-size:12px}.compare-page{padding-top:25px;padding-bottom:30px}.compare-heading{margin-top:24px}.compare-heading h1{font-size:34px}.compare-heading p{font-size:13px;line-height:1.7}.compare-note{display:none}.compare-table{grid-template-columns:150px repeat(var(--compare-count),minmax(180px,1fr)) minmax(0,1fr)}.compare-table.full{grid-template-columns:150px repeat(4,minmax(180px,1fr))}.compare-row-label{font-size:11px}.compare-cell strong{font-size:12px}.compare-cell small{font-size:10px}.compare-product-head>strong{font-size:15px}.fictional-chip{font-size:8px}.catalog-hero{padding-top:30px;padding-bottom:25px}.catalog-hero h1{font-size:34px}.catalog-hero p{font-size:13px;line-height:1.7}.catalog-hero .catalog-stat{display:none}.catalog-shell{padding-bottom:25px}.catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.catalog-toolbar .search-field input{font-size:13px}.compare-dock{position:sticky;bottom:0;left:auto;transform:none;width:calc(100% - 48px);margin:20px auto 0}.accessory-hero,.accessory-benefits,.accessory-future{display:none}.market-catalog{padding-top:25px;padding-bottom:25px}.market-results>header h2{font-size:27px}.accessory-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.accessory-card-image{height:205px}.accessory-card h3{font-size:15px}.accessory-card>div>p{font-size:11px}.market-filter fieldset{max-height:450px;overflow:auto}.market-catalog .market-results{min-width:0}.market-results>header{gap:15px}.market-results>header>label{flex-shrink:0}
@media(max-width:1120px){.builder-layout{grid-template-columns:165px minmax(330px,1fr)}.bom-panel{grid-column:1/-1}.bom-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 20px}.bom-total{display:grid;grid-template-columns:1fr auto;gap:8px 30px;align-items:center}.bom-total>small{grid-column:1}.bom-total>.button{grid-column:2;grid-row:1/3}.builder-header{align-items:start;flex-direction:column}.system-node{width:160px}.catalog-grid,.accessory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.shell{width:calc(100% - 28px)}.builder-header{padding-top:22px}.builder-header h1,.compare-heading h1{font-size:29px}.builder-header p{font-size:12px}.builder-header-actions{gap:6px}.builder-header-actions .button{font-size:10px;padding-inline:10px;min-height:35px}.builder-layout{grid-template-columns:1fr}.builder-steps{display:none}.builder-canvas{grid-row:1}.system-map{height:640px}.system-node{width:135px;min-height:120px;padding:10px}.system-node strong{font-size:10px}.system-node small{font-size:7px}.node-base{top:48%}.node-actuator{top:8%;left:3%}.node-vision{top:8%;right:3%}.node-compute{bottom:20%;left:3%}.node-effector{bottom:20%;right:3%}.node-power{bottom:1.8%}.bom-panel{grid-column:1}.bom-list{grid-template-columns:1fr 1fr;gap:0 14px}.bom-total{display:block}.bom-total>.button{margin-top:12px}.picker-drawer{padding:20px 16px}.picker-header h2{font-size:24px}.compare-heading-actions{justify-content:flex-start}.compare-table{grid-template-columns:110px repeat(var(--compare-count),170px) 110px}.compare-table.full{grid-template-columns:110px repeat(4,170px)}.compare-heading p{font-size:12px}.compare-row-label,.compare-cell{padding:13px 11px}.compare-cell strong{font-size:11px}.compare-row-label{font-size:10px}.catalog-shell{grid-template-columns:1fr}.filter-panel{padding:15px}.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.product-card-body{padding:12px}.product-card h3{font-size:14px}.product-card-visual .product-visual{height:160px}.price-row>div>strong{font-size:17px}.card-specs{font-size:9px;line-height:1.7}.catalog-hero h1{font-size:29px}.catalog-hero p{font-size:12px}.catalog-toolbar{gap:10px}.catalog-toolbar .search-field{flex-basis:100%}.market-catalog{grid-template-columns:1fr}.market-filter{padding:15px}.market-filter fieldset{display:flex;gap:7px;overflow:auto;max-height:none}.market-filter fieldset button{white-space:nowrap;flex-shrink:0;width:auto;padding:9px 11px}.market-filter fieldset button small{display:none}.market-select-label{margin-top:8px}.market-filter legend{padding-top:6px}.market-results>header{align-items:start;flex-direction:column}.market-results>header h2{font-size:24px}.accessory-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.accessory-card-image{height:160px}.accessory-card>div{padding:12px}.accessory-card h3{font-size:14px}.accessory-card>div>p{font-size:10px}.accessory-card footer strong{font-size:18px}.accessory-fit{font-size:9px}.compare-dock{width:calc(100% - 28px);font-size:11px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* Keep the original fixed picker usable inside an auto-height embedded document. */
.picker-drawer{top:8px;right:8px;height:auto;max-height:min(780px,calc(100vh - 16px));overflow:auto;border-radius:12px}
.picker-drawer .picker-list{max-height:570px!important}
@media(max-width:760px){.picker-drawer{right:5px;top:5px;width:calc(100% - 10px);max-height:680px}.picker-drawer .picker-list{max-height:470px!important}}

/* Fixed child overlays follow the visible portion of an auto-height parent frame. */
.picker-overlay .picker-drawer{top:calc(var(--embed-picker-top,0px) + 8px);max-height:min(780px,var(--embed-picker-height,780px))}
.picker-overlay .picker-drawer .picker-list{max-height:max(100px,min(570px,calc(var(--embed-picker-height,780px) - 160px)))!important}
@media(max-width:760px){.picker-overlay .picker-drawer{top:calc(var(--embed-picker-top,0px) + 8px);max-height:min(680px,var(--embed-picker-height,680px))}.picker-overlay .picker-drawer .picker-list{max-height:max(100px,min(470px,calc(var(--embed-picker-height,680px) - 160px)))!important}}

/* Additional original ecosystem modules: source catalog, public providers and used listings. */
.secondhand-hero,.reuse-trust,.reuse-process,.inspection-key,.used-card-image>em,.used-seller>svg{display:none!important}
.used-market{padding-top:25px;padding-bottom:25px;align-items:start;grid-template-columns:210px minmax(0,1fr)}
.used-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.used-card-image{height:190px}.used-card h3{font-size:16px}.used-card-body{padding:16px}.used-card-body>span{font-size:10px}.used-card footer strong{font-size:20px}.used-meta{font-size:10px}.used-seller strong{font-size:11px}.used-seller small{font-size:10px}.used-toolbar{gap:14px}.used-results>header h2{font-size:27px}.used-results>header{gap:15px;align-items:start}.used-filter .used-check{padding-block:8px}.used-filter fieldset{overflow:visible;max-height:none}
.companies-hero{padding:25px 0 0!important}.companies-hero>.shell{display:block!important}.companies-hero .kicker,.companies-hero h1,.companies-hero p,.company-map{display:none!important}.companies-hero label{max-width:none!important;margin:0!important}.company-role-cards{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding-top:20px;margin-bottom:0!important}.company-role-cards button{padding:18px}.company-role-cards strong{font-size:14px}.company-role-cards small{font-size:11px}.companies-directory{padding-top:28px;padding-bottom:25px}.companies-directory>.section-heading{margin-bottom:22px}.companies-directory .section-heading h2{font-size:27px}.company-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.company-grid article{padding:20px}.company-grid h3{font-size:18px}.company-grid p{font-size:11px;line-height:1.7;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.company-grid .authorized{display:none}.company-grid dt,.company-grid dd{font-size:10px}.company-grid .button{font-size:10px}.company-grid .company-capabilities{font-size:9px}.company-grid .supplier-logo.large{width:43px;height:43px;font-size:17px}
@media(max-width:1120px){.used-grid,.company-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.used-market{grid-template-columns:190px minmax(0,1fr)}.used-results>header{flex-direction:column}}
@media(max-width:760px){.used-market{grid-template-columns:1fr}.used-filter fieldset{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.used-filter .used-check{display:flex;align-items:center;gap:7px}.used-toolbar{justify-content:space-between;align-items:center;width:100%}.used-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.used-card-image{height:150px}.used-card-body{padding:12px}.used-card h3{font-size:14px}.used-meta{display:flex;flex-direction:column;gap:5px}.used-card footer{display:block}.used-card footer strong{font-size:18px}.used-card footer>a{display:none}.used-card footer small{font-size:8px}.used-list{grid-template-columns:1fr}.used-list .used-card{display:block}.used-list .used-card-image{height:190px}.company-role-cards{gap:10px}.company-role-cards button{padding:13px;display:block}.company-role-cards button>svg{display:none}.company-role-cards small{font-size:10px}.company-role-cards em{font-size:21px}.company-grid{grid-template-columns:1fr}.company-grid article{padding:18px}.companies-directory .section-heading{gap:16px;align-items:start}.companies-directory .section-heading h2{font-size:25px}}

/* Show entire product assets and keep identifying text readable. */
.product-image,.picker-icon img{object-fit:contain}
.product-card:hover .product-image{transform:none}
.system-node strong{white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere;line-height:1.4}
.builder-step div small{white-space:normal;overflow:visible;text-overflow:clip;line-height:1.5}
.builder-step div,.bom-item>div,.price-row>div,.used-seller>div{min-width:0}
.bom-item strong,.product-card h3,.accessory-card h3,.used-card h3,.company-grid h3,.picker-list strong{overflow-wrap:anywhere;line-height:1.4}
.accessory-card p{height:auto;min-height:47px;overflow:visible}
.company-grid p{display:block;overflow:visible;-webkit-line-clamp:unset}
.accessory-fit{flex-wrap:wrap;line-height:1.6}
.price-row{flex-wrap:wrap;gap:8px}
.price-row small,.used-seller strong,.used-seller small{overflow-wrap:anywhere;line-height:1.6}
@media(max-width:400px){
 .catalog-grid,.accessory-grid,.used-grid{grid-template-columns:minmax(0,1fr)}
 .product-card-visual .product-visual{height:230px}
 .accessory-card-image,.used-card-image{height:230px}
 .product-card h3,.accessory-card h3,.used-card h3{font-size:17px}
 .card-specs,.accessory-card>div>p,.used-meta{font-size:11px}
 .product-card-body,.accessory-card>div,.used-card-body{padding:16px}
 .system-node{width:124px;padding:9px}
 .system-node strong{font-size:10px}
 .canvas-toolbar{font-size:10px;gap:8px;flex-wrap:wrap}
 .used-toolbar{flex-wrap:wrap}
}
@media(max-width:760px){.node-compute,.node-effector{bottom:136px}.node-power{bottom:8px}}
@media(max-width:360px){.system-node{width:min(124px,calc(50% - 12px))}.system-node strong{font-size:9px}}

/* Product composition stays complete, including square artwork in wide cards. */
.product-image,.accessory-card-image img,.used-card-image img,.picker-icon img{object-fit:contain;object-position:center;padding:8px}
.accessory-card-image,.used-card-image{background:#e7e9eb}

.system-node>.node-media{position:absolute;right:9px;top:9px;width:42px;height:38px;background:#eef1f3;border-radius:4px;margin:0}
.node-media img{width:100%;height:100%;object-fit:contain;display:block}
.system-node small{padding-right:44px;min-height:39px;line-height:1.5}
@media(max-width:760px){.system-node>.node-media{width:38px;height:36px}.system-node small{padding-right:41px;min-height:37px}}

.market-more-filters{margin-top:12px}.market-more-filters summary{padding:12px 0;min-height:44px;cursor:pointer;font-size:11px;color:#425c66;border-top:1px solid #dbe2e4}.market-more-filters[open]>summary{margin-bottom:12px}.market-more-filters fieldset{margin-top:10px}