/* Shared spatial materials. The data surface stays quiet; controls sit above it. */
:root {
  color-scheme: light;
  --bg: #e9eae7;
  --text: #24292a;
  --muted: #64706e;
  --accent: #cf2631;
  --line: rgba(54, 65, 62, .1);
  --glass: rgba(255, 255, 255, .58);
  --glass-raised: rgba(255, 255, 255, .76);
  --edge: rgba(255, 255, 255, .88);
  --shadow: 0 24px 64px -32px rgba(35, 49, 44, .26), 0 5px 14px -9px rgba(35, 49, 44, .18), inset 0 1px 0 rgba(255, 255, 255, .95);
  --font: 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --display: var(--font);
  font-family: var(--font);
  color: var(--text);
  background: var(--bg);
  font-synthesis: none;
}
* { box-sizing: border-box; }
body { margin: 0; min-width: 320px; }
body::before {
  content: ''; position: fixed; inset: 0; z-index: -1; pointer-events: none;
  background: radial-gradient(ellipse at 98% 8%, rgba(205, 176, 145, .38), transparent 48%), radial-gradient(ellipse at 0% 51%, rgba(162, 185, 178, .37), transparent 51%), linear-gradient(128deg, #e9edeb 8%, #f3f0e9 54%, #e2e6e3);
}
button, input, select { font: inherit; }
button, a, input, summary { touch-action: manipulation; -webkit-tap-highlight-color: transparent; }
button { cursor: pointer; color: inherit; }
button:disabled { cursor: not-allowed; opacity: .48; }
button, a, input, summary { outline-offset: 4px; }
:focus-visible { outline: 2px solid var(--accent); }
a { color: inherit; text-decoration: none; }
input { color: inherit; min-width: 0; }
input[type=number] { appearance: textfield; -moz-appearance: textfield; }
input::-webkit-inner-spin-button { appearance: none; }
[hidden] { display: none !important; }
h1, h2, h3, p { margin: 0; }
button { transition: background .18s, box-shadow .18s, transform .18s; }
button:active:not(:disabled) { transform: scale(.98); }
.topbar { padding: 12px 12px 0; }
.topbar-inner {
  max-width: 1152px; min-height: 76px; margin: auto; padding: 10px 18px;
  display: flex; align-items: center; gap: 18px;
  background: var(--glass); border: 1px solid var(--edge); border-radius: 24px;
  backdrop-filter: blur(32px) saturate(1.25); -webkit-backdrop-filter: blur(32px) saturate(1.25);
  box-shadow: var(--shadow);
}
.brand { flex-shrink: 0; border-radius: 10px; background: white; }
.brand img { display: block; width: 131px; height: auto; border-radius: 10px; }
.header-caption { margin-left: auto; font-size: 11px; font-weight: 600; text-align: right; line-height: 1.5; }
.header-caption span { display: block; font-size: 10px; font-weight: 400; color: var(--muted); }
.topbar .small-button { font-size: 11px; }
.app-shell { width: min(100%, 1100px); margin: auto; padding: 0 12px; }
.page-heading { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 24px 5px 18px; }
.eyebrow { color: var(--muted); font-size: 10px; letter-spacing: .1em; font-weight: 600; line-height: 1.5; }
h1 { font-size: 27px; line-height: 1.2; font-weight: 550; letter-spacing: -.045em; margin-top: 5px; }
.product-label { display: none; align-items: center; gap: 9px; font-size: 11px; color: var(--muted); }
.product-label > span { font-size: 20px; color: #858d87; }
.workspace-heading { margin: 0 0 16px; }
.tabs { display: flex; padding: 5px; gap: 3px; width: 100%; border: 1px solid var(--edge); border-radius: 100px; background: rgba(255,255,255,.39); box-shadow: 0 8px 22px -14px #394a453d, inset 0 1px 0 #fff; backdrop-filter: blur(22px); -webkit-backdrop-filter: blur(22px); }
.tab { flex: 1; border: 1px solid transparent; background: transparent; border-radius: 100px; min-height: 44px; padding: 10px 16px; font-size: 13px; font-weight: 500; color: var(--muted); }
.tab.is-active { color: var(--text); background: rgba(255,255,255,.9); border-color: white; box-shadow: 0 3px 9px #43564c12, 0 1px 2px #43564c0d; }
.tab:hover:not(.is-active) { background: #ffffff59; }
.prices-panel, .input-panel, .output-panel, .reference-details {
  border: 1px solid var(--edge); background: var(--glass); border-radius: 26px; box-shadow: var(--shadow);
  backdrop-filter: blur(36px) saturate(1.18); -webkit-backdrop-filter: blur(36px) saturate(1.18);
}
.prices-panel { padding: 19px 14px 16px; }
.panel-heading { display: flex; flex-direction: column; align-items: flex-start; justify-content: space-between; gap: 12px; margin-bottom: 17px; padding: 0 5px; }
h2 { font-size: 17px; font-weight: 550; letter-spacing: -.025em; line-height: 1.3; }
.muted { color: var(--muted); font-size: 11px; line-height: 1.6; margin-top: 6px; }
.updated-at { color: var(--muted); font-size: 10px; line-height: 1.5; }
.updated-at::before { content: ''; display: inline-block; width: 5px; height: 5px; margin-right: 6px; border-radius: 50%; background: currentColor; vertical-align: 1px; }
.table-wrap { overflow: hidden; border-radius: 14px; border: 1px solid #ffffffc7; background: #ffffff30; }
table { width: 100%; border-collapse: collapse; font-variant-numeric: tabular-nums; }
th, td { text-align: right; padding: 13px 7px; font-size: 13px; border-bottom: 1px solid var(--line); }
thead { background: #ffffff63; }
thead th { color: var(--muted); font-size: 10px; font-weight: 500; white-space: nowrap; padding-top: 12px; padding-bottom: 12px; }
thead small { display: block; font-size: 9px; font-weight: 400; margin-top: 3px; }
th:first-child { text-align: left; padding-left: 13px; }
tbody th { font-weight: 600; font-size: 15px; }
tbody tr:last-child > * { border-bottom: 0; }
tbody tr[data-dm] { cursor: pointer; }
tbody tr:nth-child(even) { background: #ffffff27; }
tbody tr:hover { background: #ffffff9c; }
td strong { font-size: 15px; font-weight: 600; letter-spacing: -.025em; }
.payable-cell { color: var(--muted); font-size: 12px; white-space: nowrap; }
.payable-cell > span { margin-left: 2px; font-size: 10px; }
.price-usd { display: table-cell; }
.mobile-usd { display: block; color: var(--muted); font-size: 10px; font-weight: 400; margin-top: 4px; letter-spacing: 0; }
.row-action { padding: 4px 7px 4px 0; width: 48px; }
.row-calculate { min-width: 44px; min-height: 44px; border: 1px solid #ffffffba; background: #ffffff6e; border-radius: 50%; font-size: 18px; box-shadow: 0 2px 5px #45564c08; }
.row-calculate:hover { color: var(--accent); background: #fff; box-shadow: 0 3px 10px #43564c15; }
.table-state { height: 330px; text-align: center; color: var(--muted); font-size: 12px; }
.price-export-actions { display: flex; flex-wrap: wrap; gap: 8px; padding: 17px 5px 0; }
.formula-note { flex-basis: 100%; color: var(--muted); font-size: 10px; line-height: 1.7; margin-bottom: 6px; }
.primary-button, .secondary-button, .small-button { display: inline-flex; justify-content: center; align-items: center; gap: 13px; min-height: 44px; padding: 12px 17px; border-radius: 100px; font-weight: 500; font-size: 12px; border: 1px solid var(--edge); }
.primary-button { background: var(--accent); color: #fff; border-color: transparent; box-shadow: 0 7px 15px -8px #a91c3a60, inset 0 1px 0 #ffffff40; }
.primary-button:hover:not(:disabled) { background: #b81c28; }
.secondary-button { background: var(--glass-raised); box-shadow: 0 3px 8px #43564c09; }
.small-button { background: #ffffff4d; }
.secondary-button:hover:not(:disabled), .small-button:hover:not(:disabled) { background: white; }
.price-export-actions > button { flex: 1; font-size: 11px; }
.share-status { margin: 12px 5px 0; font-size: 11px; color: var(--muted); }
.share-status:empty { display: none; }
.reference-details { margin-top: 16px; border-radius: 22px; }
.reference-details > summary { cursor: pointer; display: flex; align-items: center; justify-content: space-between; gap: 12px; list-style: none; min-height: 60px; padding: 16px 20px; font-size: 12px; font-weight: 500; }
.reference-details > summary::-webkit-details-marker { display: none; }
.reference-details > summary > span { color: var(--muted); font-size: 10px; }
.reference-details > summary > span > span { display: inline-block; margin-left: 6px; font-size: 16px; vertical-align: -1px; }
.reference-details[open] > summary > span > span { transform: rotate(45deg); }
.market-strip { border-top: 1px solid var(--line); padding: 17px 18px; }
.market-title { display: flex; justify-content: space-between; gap: 12px; margin-bottom: 20px; }
.market-title > span:last-child { color: var(--muted); font-size: 10px; }
.quote-prices { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.quote-price { min-width: 0; padding: 0 9px; }
.quote-price:first-child { padding-left: 0; }
.quote-price + .quote-price { border-left: 1px solid var(--line); }
.quote-label { font-size: 10px; font-weight: 500; }
.quote-label > span { display: block; font-size: 7px; color: var(--muted); margin-top: 5px; font-weight: 400; }
.quote-number { margin: 8px 0 6px; }
.quote-number strong { font-size: 20px; font-weight: 500; letter-spacing: -.04em; }
.quote-number > span { color: var(--muted); font-size: 8px; margin-left: 3px; }
.quote-price small { display: block; font-size: 8px; line-height: 1.6; color: var(--muted); }
.quote-price small.is-stale { color: #8d5b20; }
.quote-warning { background: #fff6ddc4; color: #775313; border: 1px solid #dcb85660; border-radius: 16px; padding: 13px 17px; font-size: 12px; line-height: 1.6; margin: 0 0 14px; }
.calculator-layout { display: grid; gap: 16px; align-items: start; }
.input-panel { padding: 24px 18px; }
.input-panel .panel-heading { padding: 0; flex-direction: row; align-items: center; margin-bottom: 26px; }
.input-panel h2 { margin-top: 7px; font-size: 21px; }
.panel-icon { font-size: 23px; color: var(--muted); }
.seller-switch { padding: 0; margin: 0; border: 0; min-width: 0; }
.seller-switch legend, .form-step-title { font-size: 11px; font-weight: 400; color: var(--muted); margin-bottom: 12px; }
.seller-switch legend > span, .form-step-title > span { margin-left: 9px; font-size: 12px; font-weight: 500; color: var(--text); }
.seller-options { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.seller-options label { display: flex; align-items: center; justify-content: space-between; gap: 7px; position: relative; padding: 16px 12px; border: 1px solid #ffffffc9; border-radius: 17px; background: #ffffff4f; cursor: pointer; }
.seller-options label:has(input:checked) { background: #ffffffd9; border-color: #cf26314f; box-shadow: 0 3px 10px #43564c08; }
.seller-options label:has(input:focus-visible) { outline: 2px solid var(--accent); outline-offset: 3px; }
.seller-options input { position: absolute; opacity: 0; width: 1px; height: 1px; }
.seller-options b { display: block; font-size: 12px; font-weight: 500; }
.seller-options small { display: block; margin-top: 6px; font-size: 9px; color: var(--muted); }
.seller-options i { width: 14px; height: 14px; border: 1px solid #9fa8a1; border-radius: 50%; flex-shrink: 0; }
.seller-options input:checked ~ i { background: white; border: 4px solid var(--accent); }
.form-step-title { margin-top: 26px; }
.form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.field { display: flex; flex-direction: column; gap: 10px; min-width: 0; }
.field > span { font-size: 12px; font-weight: 500; }
.field small { font-size: 9px; line-height: 1.6; color: var(--muted); }
.input-with-unit { display: flex; align-items: center; border: 1px solid #fff; border-radius: 15px; background: #ffffff9c; box-shadow: inset 0 2px 4px #43564c04; overflow: hidden; }
.input-with-unit:focus-within { border-color: #cf263170; box-shadow: 0 0 0 3px #cf26310a; }
.input-with-unit > input { width: 100%; border: 0; background: none; outline: none; padding: 17px 13px; font-size: 25px; font-weight: 500; letter-spacing: -.03em; font-variant-numeric: tabular-nums; }
.input-with-unit > input::placeholder { color: #a4aba7; }
.input-with-unit > span { color: var(--muted); font-size: 11px; padding-right: 13px; }
.quick-loads { display: flex; align-items: center; gap: 6px; margin-top: 15px; }
.quick-loads > span { margin-right: auto; font-size: 10px; color: var(--muted); }
.quick-loads button { min-height: 44px; padding: 8px 11px; background: #ffffff6b; border: 1px solid #fff; border-radius: 100px; font-size: 10px; }
.quick-loads button.is-selected { color: var(--accent); border-color: #cf26314f; background: white; }
.conditions-box { display: flex; align-items: center; gap: 10px; padding: 12px; border: 1px solid #ffffff99; border-radius: 16px; background: #ffffff3d; margin: 22px 0; }
.conditions-icon { color: var(--muted); font-size: 16px; }
.conditions-box b { display: block; font-size: 10px; font-weight: 500; }
.conditions-box p { font-size: 9px; margin-top: 5px; color: var(--muted); line-height: 1.5; }
.conditions-box > button { margin-left: auto; min-height: 44px; min-width: 44px; border: 0; border-radius: 50%; background: #ffffff59; }
.input-panel .primary-button { width: 100%; min-height: 52px; justify-content: space-between; }
.primary-button > span:last-child { font-size: 19px; }
.form-footnote { font-size: 9px; color: var(--muted); margin-top: 13px; text-align: center; line-height: 1.6; }
.output-panel { overflow: hidden; }
.result-empty { padding: 24px 22px 38px; text-align: center; }
.result-empty-top { display: flex; justify-content: space-between; align-items: center; gap: 12px; }
.outline-badge { font-size: 8px; padding: 6px 8px; background: #ffffff70; border: 1px solid #ffffffc9; border-radius: 100px; color: var(--muted); letter-spacing: .04em; }
.empty-document { width: 76px; height: 90px; padding: 16px; border: 1px solid #ffffffda; border-radius: 19px; background: linear-gradient(130deg, #ffffffc4, #ffffff38); margin: 36px auto 25px; box-shadow: 0 9px 25px #43564c0b; transform: rotate(-5deg); }
.empty-document svg { width: 100%; height: 100%; stroke: #9da8a1; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }
.result-empty h3 { font-size: 18px; font-weight: 500; letter-spacing: -.02em; }
.result-empty > p { margin-top: 10px; color: var(--muted); font-size: 12px; line-height: 1.8; }
.result-hero { padding: 25px 22px; border-bottom: 1px solid var(--line); background: linear-gradient(130deg, #ffffff9c, #ffffff30); }
.result-hero > div { display: flex; justify-content: space-between; gap: 10px; align-items: center; }
.result-hero > strong { display: block; margin-top: 22px; font-size: clamp(30px, 4vw, 40px); font-weight: 550; letter-spacing: -.055em; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
.result-hero > b { display: block; color: var(--muted); font-size: 16px; font-weight: 400; margin-top: 6px; }
.result-hero > small { display: block; color: var(--muted); font-size: 10px; margin-top: 15px; line-height: 1.6; }
.result-lines { margin: 0; padding: 13px 22px 0; }
.result-line { display: flex; justify-content: space-between; gap: 14px; padding: 11px 0; font-size: 11px; border-bottom: 1px solid var(--line); line-height: 1.6; }
.result-line dt { color: var(--muted); }
.result-line dd { margin: 0; white-space: nowrap; font-variant-numeric: tabular-nums; font-size: 11px; }
.result-line.emphasis dt, .result-line.valuation dt { color: var(--text); font-weight: 500; }
.result-line.total { border-bottom: 0; }
.result-line.total dd { color: #a32932; }
.result-actions { display: flex; gap: 10px; padding: 21px 22px 0; }
.result-actions .secondary-button { flex: 1; justify-content: space-between; }
.result-actions .small-button { font-size: 10px; }
.result-disclaimer { font-size: 10px; color: var(--muted); padding: 15px 22px 24px; line-height: 1.7; }
.method { display: grid; gap: 20px; margin: 30px 5px 0; padding: 24px 0; border-top: 1px solid var(--line); }
.method h3 { font-size: 20px; font-weight: 500; letter-spacing: -.03em; margin-top: 6px; }
.method-item > span { color: var(--muted); font-size: 9px; letter-spacing: .06em; }
.method-item > p { margin-top: 8px; font-size: 12px; font-weight: 500; }
.method-item > small { display: block; color: var(--muted); font-size: 11px; line-height: 1.7; margin-top: 6px; max-width: 340px; }
.sources { display: flex; justify-content: space-between; gap: 16px; padding: 19px 5px; color: var(--muted); font-size: 9px; line-height: 1.7; }
.sources > div { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 13px; }
.sources a:hover { color: var(--text); }
footer { display: flex; justify-content: space-between; gap: 15px; padding: 20px 5px 30px; border-top: 1px solid var(--line); color: var(--muted); font-size: 9px; line-height: 1.7; }
footer > span:nth-child(2) { display: none; }
.form-error { border: 1px solid #cf263133; background: #fff0f0b3; color: #a11d28; padding: 13px; border-radius: 14px; font-size: 12px; line-height: 1.6; margin-bottom: 15px; }
.modal-open { overflow: hidden; }
.settlement-modal { position: fixed; inset: 0; z-index: 100; display: flex; align-items: center; justify-content: center; padding: 16px; }
.settlement-modal-backdrop { position: absolute; inset: 0; background: #33443c42; backdrop-filter: blur(15px); -webkit-backdrop-filter: blur(15px); }
.settlement-modal-card { position: relative; width: 100%; max-width: 560px; max-height: 90dvh; overflow-y: auto; padding: 30px 22px; background: #f8faf5ed; border: 1px solid #fff; border-radius: 30px; box-shadow: 0 25px 100px #293d3430; }
.settlement-modal-close { position: absolute; right: 15px; top: 12px; width: 44px; height: 44px; background: #fff8; border: 1px solid #fff; border-radius: 50%; font-size: 24px; color: var(--muted); }
.settlement-modal h3 { font-size: 23px; font-weight: 500; letter-spacing: -.03em; margin: 16px 30px 0 0; }
.settlement-form-grid { display: grid; gap: 16px; margin: 24px 0; }
.settlement-preview > div { display: flex; justify-content: space-between; gap: 15px; padding: 13px 0; border-bottom: 1px solid var(--line); font-size: 12px; color: var(--muted); }
.settlement-preview b { color: var(--text); font-variant-numeric: tabular-nums; }
.settlement-preview .settlement-preview-total { font-size: 16px; color: var(--text); padding: 20px 0; border-bottom: 0; }
.settlement-modal-actions { display: flex; justify-content: flex-end; gap: 12px; margin-top: 16px; }
.export-stage { position: fixed; left: -20000px; top: 0; pointer-events: none; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
@media (min-width: 600px) {
  .topbar { padding: 20px 24px 0; }
  .topbar-inner { padding: 13px 27px; border-radius: 28px; }
  .brand img { width: 153px; }
  .header-caption { font-size: 13px; }
  .header-caption span { font-size: 11px; margin-top: 3px; }
  .app-shell { padding: 0 24px; }
  .page-heading { padding: 32px 6px 22px; }
  h1 { font-size: 35px; }
  .product-label { display: flex; }
  .workspace-heading { margin-bottom: 22px; }
  .tabs { width: max-content; }
  .tab { min-width: 165px; }
  .prices-panel { padding: 26px 25px 23px; border-radius: 30px; }
  .panel-heading { flex-direction: row; align-items: center; gap: 20px; margin-bottom: 23px; }
  h2 { font-size: 20px; }
  .muted { font-size: 12px; }
  th, td { padding: 15px 16px; font-size: 14px; }
  th:first-child { padding-left: 22px; }
  thead th { font-size: 11px; }
  thead small { display: inline; margin-left: 4px; font-size: 10px; }
  tbody th { font-size: 16px; }
  td strong { font-size: 16px; }
  .payable-cell { font-size: 13px; }
  .price-usd { display: table-cell; }
  .mobile-usd { display: none; }
  .row-action { width: 62px; padding-right: 12px; }
  .formula-note { flex: 1; margin: 0; max-width: 420px; padding-right: 12px; }
  .price-export-actions { flex-wrap: nowrap; align-items: center; padding-top: 22px; }
  .price-export-actions > button { flex: none; }
  .reference-details { margin-top: 20px; }
  .reference-details > summary { padding: 18px 30px; }
  .market-strip { padding: 20px 30px 25px; }
  .quote-price { padding: 0 25px; }
  .quote-label { font-size: 12px; }
  .quote-label > span { font-size: 8px; }
  .quote-number strong { font-size: 28px; }
  .quote-number > span, .quote-price small { font-size: 10px; }
  .input-panel { padding: 30px; }
  .method { grid-template-columns: 1fr 1fr; gap: 28px; padding-top: 30px; }
  .settlement-form-grid { grid-template-columns: 1fr 1fr; }
  .settlement-modal-card { padding: 35px; }
  footer > span:nth-child(2) { display: inline; }
}
@media (min-width: 920px) {
  .topbar { padding-top: 26px; }
  .topbar-inner { min-height: 92px; padding: 15px 30px; }
  .page-heading { padding-top: 37px; padding-bottom: 25px; }
  h1 { font-size: 39px; }
  .calculator-layout { grid-template-columns: 1.05fr 1fr; gap: 24px; }
  .input-panel, .output-panel { border-radius: 30px; }
  .result-empty { min-height: 400px; padding: 30px; }
  .empty-document { margin-top: 65px; }
  .method { grid-template-columns: 1.2fr 1fr 1fr 1fr; gap: 30px; margin-top: 38px; }
}
@media (prefers-reduced-transparency: reduce) {
  :root { --glass: #f7f8f5; --glass-raised: #fff; }
  .tabs, .topbar-inner, .reference-details, .prices-panel, .input-panel, .output-panel { backdrop-filter: none; -webkit-backdrop-filter: none; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; transition: none !important; animation: none !important; }
}
/* Alchemy identity and compact trading references */
.brand{background:transparent}.brand img{border-radius:0;width:132px}.topbar-inner{min-height:75px}.header-caption{display:none}.header-tools{display:flex;align-items:center;gap:8px;margin-left:auto}.icon-button{width:44px;height:44px;border-radius:50%;background:#ffffff75;border:1px solid #fff;font-size:18px;color:#6a7770}.header-tools .small-button{font-size:11px;padding:10px 15px}.page-heading{position:relative;overflow:hidden;padding:20px 5px 15px;min-height:90px}.page-heading>div{position:relative;z-index:1}.brand-facet{position:absolute;width:164px;height:70px;object-fit:contain;right:-12px;top:10px;opacity:.13;pointer-events:none;transform:rotate(-4deg)}.page-heading .eyebrow{font-size:9px}.market-strip{border:1px solid #ffffffdc;border-radius:21px;background:#ffffff59;box-shadow:0 9px 24px -17px #35443c44,inset 0 1px 0 #fff;backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);padding:13px 12px;margin:0 0 14px}.market-title{margin:0 0 10px;align-items:center}.market-title .eyebrow{font-size:8px;letter-spacing:.07em}.market-title>span:last-child{font-size:8px}.quote-price{padding:0 10px}.quote-label{font-size:9px}.quote-label>span{display:none}.quote-number{margin:5px 0 4px;display:flex;align-items:baseline;gap:3px;flex-wrap:wrap}.quote-number strong{font-size:21px;font-variant-numeric:tabular-nums}.quote-number>span{font-size:7px;margin:0}.quote-price small{font-size:7px;line-height:1.5}.prices-panel .panel-heading .muted{font-size:10px}.workspace-heading{margin-bottom:12px}.price-usd{display:table-cell}.price-export-actions{gap:7px}.price-export-actions>button{font-size:10px;padding-left:12px;padding-right:12px}.payable-cell,.mobile-usd{display:none}.row-action{width:47px}.app-footer-tools{display:flex;justify-content:center;gap:22px;padding:0 0 30px}.text-button{background:none;border:0;padding:10px 0;color:var(--muted);font-size:11px;min-height:44px}.text-button:hover{color:var(--text)}.utility-modal{position:fixed;inset:0;z-index:170;display:flex;align-items:center;justify-content:center;padding:15px}.utility-backdrop{position:absolute;inset:0;background:#283a3247;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px)}.utility-sheet{position:relative;max-width:460px;width:100%;max-height:90dvh;overflow:auto;background:#f4f7f1ed;border:1px solid #fff;border-radius:30px;padding:33px 27px;box-shadow:0 25px 90px #203b2b30}.utility-close{height:44px;width:44px;border:1px solid #fff;border-radius:50%;font-size:25px;background:#ffffffa8;color:#758278;flex-shrink:0}.utility-sheet>.utility-close{position:absolute;right:14px;top:14px}.install-app-icon{height:68px;width:68px;border-radius:18px;margin-bottom:22px;box-shadow:0 5px 18px #3d5c4518}.utility-sheet h2{font-size:25px;letter-spacing:-.04em;margin-top:7px}.utility-description{font-size:13px;color:var(--muted);line-height:1.7;margin-top:13px}.install-platform{font-size:11px;font-weight:600;color:#667b6c;margin-top:24px}#install-instructions ol{margin:13px 0 22px;padding-left:21px;color:#607267;font-size:12px;line-height:1.8}#install-instructions li{padding:4px 0 4px 6px}.install-local-note{font-size:11px;color:#8a7c61;line-height:1.6;margin-bottom:20px}.utility-sheet>.primary-button{width:100%;margin-top:10px}.price-preview-sheet{position:relative;max-width:680px;width:100%;height:min(92dvh,950px);border:1px solid #fff;border-radius:28px;background:#f2f5eff5;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 25px 90px #203b2b30}.preview-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:10px 16px;border-bottom:1px solid var(--line)}.preview-toolbar h2{font-size:15px}.preview-scroll{overflow:auto;flex:1;min-height:0;padding:16px;background:#dce5da5c}#price-preview-content{position:relative;width:calc(900px * var(--preview-scale,.5));height:calc(1350px * var(--preview-scale,.5));margin:auto}#price-preview-content>.export-card{transform:scale(var(--preview-scale,.5));transform-origin:top left}.preview-actions{display:flex;gap:9px;padding:13px 16px;border-top:1px solid var(--line)}.preview-actions>button{flex:1;font-size:11px}.tour-layer{position:fixed;inset:0;z-index:220;pointer-events:auto;overflow:hidden}.tour-spotlight{position:absolute;border-radius:20px;border:2px solid #fff;box-shadow:0 0 0 9999px #223d2f80,0 0 35px #fff4;pointer-events:none}.tour-card{position:fixed;left:16px;right:16px;max-width:420px;max-height:45dvh;overflow:auto;margin-left:auto;border-radius:25px;padding:20px;background:#f4f8f0f5;border:1px solid #fff;box-shadow:0 18px 70px #1b352b30;backdrop-filter:blur(24px)}.tour-card-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:9px}.tour-card-top>span{font-size:9px;color:#8a9a8d;letter-spacing:.04em}.tour-card-top .text-button{font-size:10px;min-height:30px;padding:5px 0}.tour-card h2{font-size:21px;letter-spacing:-.03em}.tour-card>p{font-size:12px;color:#677c6c;line-height:1.75;margin-top:10px}.tour-controls{display:flex;align-items:center;justify-content:space-between;gap:13px;margin-top:20px}.tour-controls button{font-size:11px;padding:11px 16px}.tour-controls .small-button{background:#fff7}#tour-dots{display:flex;gap:4px}#tour-dots i{width:4px;height:4px;border-radius:50%;background:#acbcae}#tour-dots .is-active{background:#cf2631}.guide-invitation{position:fixed;z-index:100;bottom:max(14px,env(safe-area-inset-bottom));left:12px;right:12px;max-width:540px;margin-left:auto;border-radius:20px;display:flex;align-items:center;gap:10px;padding:10px 12px 10px 17px;background:#f2f7edee;border:1px solid #fff;box-shadow:0 10px 45px #29403125;backdrop-filter:blur(26px)}.guide-invitation>span{font-size:11px;color:#74866f;line-height:1.6;flex:1}.guide-invitation .text-button{font-size:11px;color:#53694d;white-space:nowrap}.guide-invitation .icon-button{font-size:20px;width:34px;height:34px;flex-shrink:0}.offline-indicator{position:fixed;left:12px;right:12px;top:10px;z-index:240;background:#fff5dd;border:1px solid #dfc67f;color:#776233;padding:12px 16px;font-size:12px;border-radius:16px;text-align:center}.prices-panel .panel-heading{gap:8px;margin-bottom:15px}
@media(min-width:600px){.header-caption{display:block;margin-left:auto}.header-tools{margin-left:18px}.brand img{width:157px}.page-heading{min-height:115px;padding-top:28px;padding-bottom:23px}.brand-facet{width:250px;height:100px;right:2px;top:3px}.market-strip{padding:14px 23px;margin-bottom:18px;display:flex;align-items:center;gap:25px}.market-title{display:block;margin:0;min-width:112px}.market-title .eyebrow{font-size:9px;display:block}.market-title>span:last-child{display:block;font-size:9px;margin-top:7px}.quote-prices{flex:1}.quote-number strong{font-size:25px}.quote-label{font-size:10px}.quote-number>span,.quote-price small{font-size:8px}.quote-price{padding:0 23px}.price-export-actions>button{font-size:11px}.guide-invitation{right:24px;bottom:24px}.tour-card{left:auto;width:400px;right:24px}.document-facet{width:255px;height:100px;top:20px;opacity:.16}.prices-panel .panel-heading{margin-bottom:20px}}
@media(max-width:440px){th,td{padding-left:5px;padding-right:5px}th:first-child{padding-left:10px}.prices-panel{padding-left:12px;padding-right:12px}.quote-price{padding-left:7px;padding-right:7px}.market-strip{padding-left:13px;padding-right:13px}.quote-number strong{font-size:20px}.page-heading h1{font-size:26px}.price-export-actions .formula-note{font-size:9px}.topbar-inner{padding:10px 15px;gap:12px}.brand img{width:122px}}
.preview-scroll{display:flex;align-items:flex-start;justify-content:center;overflow:hidden}.preview-scroll.is-zoomed{overflow:auto}#price-preview-content{flex-shrink:0;height:calc(1500px * var(--preview-scale,.5));margin:auto}.preview-toolbar h2{margin-right:auto}.preview-toolbar .text-button{font-size:11px;white-space:nowrap}.preview-toolbar{gap:12px}.preview-actions>button{min-height:44px}.document-facet{opacity:.16}
#price-preview-content>.price-canvas{display:block;width:900px;height:auto;transform:scale(var(--preview-scale,.5));transform-origin:top left;padding:0;border:0;background:none;max-width:none}#price-preview-content{min-width:0;max-width:none}
.page-loading .app-shell{visibility:hidden}.page-loader{position:fixed;inset:0;z-index:500;display:grid;place-items:center;padding:30px 22px;background:radial-gradient(ellipse at 70% 10%,#ede7dc,#eaf0e9 65%,#edf2ed);overflow:auto}.loader-content{width:min(100%,330px);text-align:center}.loading-symbol{display:block;width:208px;height:55px;margin:0 auto 27px;overflow:visible}.loader-facet{transform-box:fill-box;transform-origin:center;animation:alchemy-breathe 1.9s ease-in-out infinite}.facet-1{animation-delay:.16s}.facet-2{animation-delay:.32s}.facet-3{animation-delay:.48s}.loader-brand{font-size:10px;letter-spacing:.14em;color:#7c8d7e}.loader-content h2{font-size:23px;font-weight:500;letter-spacing:-.035em;margin-top:27px}.loader-content>p:not(.loader-brand){font-size:12px;line-height:1.75;color:#879684;margin-top:11px}.loader-sources{list-style:none;padding:0;margin:23px 0 0;text-align:left}.loader-sources li{display:flex;align-items:center;gap:10px;padding:13px 4px;border-bottom:1px solid #cdd8cb80;font-size:11px;color:#70876d}.loader-sources i{width:5px;height:5px;background:#bcc8b7;border-radius:50%;flex-shrink:0;animation:alchemy-dot 1.4s ease-in-out infinite}.loader-sources b{margin-left:auto;font-size:10px;font-weight:400;color:#a0ad96}.loader-sources [data-state=ready] i{background:#6c9c66;animation:none}.loader-sources [data-state=ready] b{color:#72946a}.loader-sources [data-state=error] i{background:#c7a56a;animation:none}.loader-sources [data-state=error] b{color:#ad925e}#retry-load{margin-top:25px;min-width:190px}.page-loader[hidden]{display:none}@keyframes alchemy-breathe{0%,100%{opacity:.35;transform:translateY(1.5px)}45%{opacity:1;transform:translateY(-1px)}}@keyframes alchemy-dot{0%,100%{opacity:.4}50%{opacity:1}}@media(prefers-reduced-motion:reduce){.loader-facet,.loader-sources i{animation:none;opacity:1}}
.tour-close-button{display:inline-grid;place-items:center;width:44px;height:44px;min-width:44px;min-height:44px;border:1px solid #fff;border-radius:50%;background:#ffffffad;font-size:25px;color:#668164}.tour-controls #tour-exit{font-size:11px;min-height:44px;padding:8px 5px;color:#788c70}.tour-controls{gap:9px}#tour-dots{gap:3px}
.tour-close-button{display:inline-grid;place-items:center;width:44px;height:44px;min-width:44px;border:1px solid #fff;border-radius:50%;background:#ffffffb3;font-size:25px;color:#526c68;cursor:pointer}.tour-card-top{margin-bottom:6px}.tour-controls{gap:9px}.tour-controls [data-tour-close]{font-size:11px;min-height:44px;padding:8px 5px;color:#657d73}.tour-card{max-height:calc(100dvh - 32px);overflow:auto}
@media(max-width:700px){.price-export-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}.price-export-actions .formula-note{grid-column:1/-1}.price-export-actions>button{min-width:0;width:100%;font-size:11px;padding:10px 9px}.preview-actions{flex-wrap:wrap}.preview-actions>button{flex:1 1 calc(50% - 5px)}.preview-actions>button:last-child{flex-basis:100%}}

.transport-condition{margin-top:18px;font-size:11px;color:#738077;line-height:1.7}

.method>.transport-condition{grid-column:1/-1;margin-top:0}

.topbar .brand img{width:112px}.topbar .topbar-inner{min-height:70px}.tour-remember{display:flex;align-items:center;gap:9px;min-height:38px;margin:15px 0 7px;font-size:11px;color:#50645b;cursor:pointer}.tour-remember input{width:17px;height:17px;margin:0;accent-color:#c7232f;cursor:pointer}.tour-remember input:focus-visible{outline:2px solid #9a555c;outline-offset:3px}@media(min-width:600px){.topbar .brand img{width:128px}.topbar .topbar-inner{min-height:78px}}@media(max-width:480px){.topbar .brand img{width:105px}}

footer > [data-document-contact]:nth-child(2){display:flex;flex-wrap:wrap;justify-content:center;gap:6px 16px;font-size:11px;line-height:1.7;max-width:650px;min-width:0}
footer > [data-document-contact][hidden]{display:none}
[data-document-contact] > *{min-width:0;overflow-wrap:anywhere}
[data-document-contact] [data-contact-field=address]{flex-basis:100%;text-align:center}
[data-document-contact] a{color:inherit}
footer{flex-wrap:wrap;row-gap:16px}
@media(max-width:600px){footer > [data-document-contact]:nth-child(2){order:3;flex-basis:100%;justify-content:flex-start}[data-document-contact] [data-contact-field=address]{text-align:left}}