:root {
  --customs-ink: #17382f;
  --customs-muted: #6c8179;
  --customs-green: #198b69;
  --customs-green-dark: #116d53;
  --customs-mint: #74d7b6;
  --customs-pale: #eef8f3;
  --customs-line: #dbe9e2;
  --customs-white: #ffffff;
  --customs-shadow: 0 24px 70px rgba(24, 76, 58, 0.1);
}

.customs-page {
  overflow-x: clip;
  color: var(--customs-ink);
  background: #f7fbf8;
}

.customs-page::before {
  z-index: 0;
  opacity: 0.5;
  background-image:
    linear-gradient(rgba(31, 116, 87, 0.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(31, 116, 87, 0.045) 1px, transparent 1px);
  background-size: 44px 44px;
}

.customs-page .topbar {
  position: sticky;
  border-bottom-color: rgba(214, 229, 222, 0.86);
  background: rgba(255, 255, 255, 0.9);
  backdrop-filter: blur(18px);
}

.customs-page .nav-link.is-current {
  color: var(--customs-green-dark);
}

.customs-page .nav-link.is-current::after {
  width: 100%;
  opacity: 1;
}

.customs-page main,
.customs-page .footer {
  position: relative;
  z-index: 1;
}

.customs-shell {
  width: min(1220px, calc(100% - 48px));
  margin: 0 auto;
}

.customs-hero {
  position: relative;
  min-height: 690px;
  display: flex;
  align-items: center;
  overflow: hidden;
  padding: 82px 0 72px;
  background:
    radial-gradient(circle at 82% 18%, rgba(105, 217, 179, 0.2), transparent 31%),
    radial-gradient(circle at 18% 72%, rgba(220, 242, 230, 0.78), transparent 35%),
    linear-gradient(135deg, #f8fcf9 0%, #f2f9f5 55%, #fbfdfc 100%);
}

.customs-hero::before,
.customs-hero::after {
  position: absolute;
  pointer-events: none;
  content: "";
}

.customs-hero::before {
  inset: 0;
  opacity: 0.55;
  background-image:
    linear-gradient(rgba(32, 124, 93, 0.055) 1px, transparent 1px),
    linear-gradient(90deg, rgba(32, 124, 93, 0.055) 1px, transparent 1px);
  background-size: 52px 52px;
  mask-image: linear-gradient(to right, #000, transparent 82%);
}

.customs-hero::after {
  width: 560px;
  height: 560px;
  right: -220px;
  top: -230px;
  border: 1px solid rgba(25, 139, 105, 0.13);
  border-radius: 50%;
  box-shadow: 0 0 0 70px rgba(25, 139, 105, 0.025), 0 0 0 145px rgba(25, 139, 105, 0.018);
}

.customs-hero-grid {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(440px, 0.84fr);
  align-items: center;
  gap: 64px;
}

.customs-hero-copy {
  min-width: 0;
  max-width: 660px;
}

.customs-kicker {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  color: var(--customs-green-dark);
  font-size: 11px;
  font-weight: 850;
  letter-spacing: 0.14em;
}

.customs-kicker > span {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--customs-mint);
  box-shadow: 0 0 0 6px rgba(116, 215, 182, 0.16);
}

.customs-hero-copy h1 {
  max-width: 650px;
  margin: 24px 0 22px;
  color: var(--customs-ink);
  font-family: var(--font-display);
  font-size: clamp(52px, 4.55vw, 68px);
  font-weight: 820;
  line-height: 1.12;
  letter-spacing: -0.045em;
}

.customs-hero-copy h1 span {
  color: var(--customs-green-dark);
}

.customs-hero-copy > p {
  max-width: 600px;
  margin: 0;
  color: var(--customs-muted);
  font-size: 16px;
  line-height: 1.85;
}

.customs-hero-actions {
  display: flex;
  align-items: center;
  gap: 24px;
  margin-top: 30px;
}

.customs-page .btn-primary {
  border-color: var(--customs-green);
  background: linear-gradient(135deg, var(--customs-green-dark), var(--customs-green));
  box-shadow: 0 12px 30px rgba(25, 139, 105, 0.2);
}

.customs-page .btn-primary:hover {
  border-color: #0f624b;
  background: linear-gradient(135deg, #0f624b, #15936d);
  transform: translateY(-2px);
}

.customs-text-link {
  position: relative;
  color: var(--customs-ink);
  font-size: 14px;
  font-weight: 750;
}

.customs-text-link::after {
  position: absolute;
  right: 0;
  bottom: -5px;
  left: 0;
  height: 1px;
  content: "";
  background: currentColor;
  transform-origin: right;
  transition: transform 0.22s ease;
}

.customs-text-link:hover::after {
  transform: scaleX(0.35);
}

.customs-trust-row {
  display: flex;
  flex-wrap: wrap;
  gap: 12px 26px;
  margin-top: 34px;
  color: #647a72;
  font-size: 12px;
  font-weight: 700;
}

.customs-trust-row span {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.customs-trust-row i {
  color: var(--customs-green);
  font-style: normal;
  font-variant-numeric: tabular-nums;
}

.customs-hero-visual {
  position: relative;
  min-height: 490px;
  display: grid;
  place-items: center;
}

.customs-preview-card {
  position: relative;
  z-index: 2;
  width: min(100%, 520px);
  padding: 26px;
  border: 1px solid rgba(198, 224, 212, 0.86);
  border-radius: 28px;
  background: rgba(255, 255, 255, 0.82);
  box-shadow: 0 40px 90px rgba(30, 92, 68, 0.14);
  backdrop-filter: blur(16px);
  transform: perspective(1000px) rotateY(-4deg) rotateX(2deg);
  transition: transform 0.45s cubic-bezier(0.2, 0.8, 0.2, 1);
}

.customs-preview-card:hover {
  transform: perspective(1000px) rotateY(0) rotateX(0) translateY(-6px);
}

.customs-preview-head,
.customs-preview-metrics,
.customs-preview-route {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
}

.customs-preview-head small,
.customs-preview-metrics small,
.customs-float-note small {
  display: block;
  margin-bottom: 5px;
  color: #8ca098;
  font-size: 9px;
  font-weight: 850;
  letter-spacing: 0.16em;
}

.customs-preview-head strong {
  font-size: 23px;
}

.customs-preview-head > span {
  color: var(--customs-green-dark);
  font-size: 9px;
  font-weight: 850;
  letter-spacing: 0.12em;
}

.customs-preview-head > span i {
  width: 7px;
  height: 7px;
  display: inline-block;
  margin-right: 5px;
  border-radius: 50%;
  background: #4bd09e;
  box-shadow: 0 0 0 5px rgba(75, 208, 158, 0.14);
  animation: customs-pulse 2s ease-in-out infinite;
}

.customs-preview-metrics {
  margin-top: 26px;
  padding: 20px;
  border-radius: 18px;
  background: #f2f9f5;
}

.customs-preview-metrics > div {
  flex: 1;
}

.customs-preview-metrics > div + div {
  padding-left: 20px;
  border-left: 1px solid var(--customs-line);
}

.customs-preview-metrics strong {
  font-size: 15px;
  letter-spacing: 0.03em;
}

.customs-preview-chart {
  height: 180px;
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  align-items: end;
  gap: 14px;
  margin-top: 28px;
  padding: 20px 12px 0;
  border-bottom: 1px solid var(--customs-line);
  background-image: linear-gradient(rgba(25, 139, 105, 0.07) 1px, transparent 1px);
  background-size: 100% 40px;
}

.customs-preview-chart span {
  height: var(--h);
  display: block;
  border-radius: 8px 8px 2px 2px;
  background: linear-gradient(180deg, #76d9b7, #198b69);
  box-shadow: 0 10px 24px rgba(25, 139, 105, 0.12);
  transform-origin: bottom;
  animation: customs-rise 1.15s cubic-bezier(0.2, 0.8, 0.2, 1) both;
}

.customs-preview-chart span:nth-child(2) { animation-delay: 0.08s; }
.customs-preview-chart span:nth-child(3) { animation-delay: 0.16s; }
.customs-preview-chart span:nth-child(4) { animation-delay: 0.24s; }
.customs-preview-chart span:nth-child(5) { animation-delay: 0.32s; }
.customs-preview-chart span:nth-child(6) { animation-delay: 0.4s; }
.customs-preview-chart .is-partial { opacity: 0.5; background: repeating-linear-gradient(135deg, #73d4b4 0 6px, #dff3eb 6px 12px); }

.customs-preview-axis {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 14px;
  padding: 9px 12px 0;
  color: #8b9d96;
  font-size: 8px;
  text-align: center;
}

.customs-preview-route {
  margin-top: 25px;
  color: var(--customs-muted);
  font-size: 10px;
  letter-spacing: 0.06em;
}

.customs-preview-route i {
  position: relative;
  height: 1px;
  flex: 1;
  overflow: hidden;
  background: var(--customs-line);
}

.customs-preview-route i::after {
  position: absolute;
  width: 35%;
  height: 100%;
  content: "";
  background: linear-gradient(90deg, transparent, var(--customs-green), transparent);
  animation: customs-scan 2.2s linear infinite;
}

.customs-preview-route b {
  color: var(--customs-green-dark);
  font-weight: 800;
}

.customs-orbit {
  position: absolute;
  border: 1px solid rgba(25, 139, 105, 0.14);
  border-radius: 50%;
}

.customs-orbit-a { width: 440px; height: 440px; animation: customs-spin 28s linear infinite; }
.customs-orbit-b { width: 580px; height: 260px; transform: rotate(-18deg); }

.customs-orbit-a::before,
.customs-orbit-b::before {
  position: absolute;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  content: "";
  background: var(--customs-green);
  box-shadow: 0 0 0 7px rgba(25, 139, 105, 0.1), 0 0 26px rgba(25, 139, 105, 0.5);
}

.customs-orbit-a::before { top: 13%; left: 13%; }
.customs-orbit-b::before { right: 8%; bottom: 22%; }

.customs-float-note {
  position: absolute;
  z-index: 3;
  min-width: 138px;
  padding: 14px 16px;
  border: 1px solid rgba(205, 226, 217, 0.9);
  border-radius: 15px;
  background: rgba(255, 255, 255, 0.92);
  box-shadow: 0 18px 40px rgba(30, 92, 68, 0.1);
  animation: customs-float 5s ease-in-out infinite;
}

.customs-float-note strong { font-size: 13px; }
.customs-note-top { top: 34px; right: -16px; }
.customs-note-bottom { bottom: 40px; left: -16px; animation-delay: -2.4s; }

.customs-builder-section {
  padding: 118px 0 130px;
  background: #fff;
}

.customs-section-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(320px, 0.7fr);
  align-items: end;
  gap: 70px;
  margin-bottom: 48px;
}

.customs-section-head h2 {
  margin: 20px 0 0;
  color: var(--customs-ink);
  font-family: var(--font-display);
  font-size: clamp(38px, 4.2vw, 58px);
  line-height: 1.18;
  letter-spacing: -0.045em;
}

.customs-section-head > p {
  margin: 0;
  color: var(--customs-muted);
  font-size: 15px;
  line-height: 1.9;
}

.customs-builder-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 350px;
  align-items: start;
  gap: 30px;
}

.customs-form {
  min-width: 0;
}

.customs-form-progress {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1px;
  margin-bottom: 18px;
  overflow: hidden;
  border: 1px solid var(--customs-line);
  border-radius: 18px;
  background: var(--customs-line);
}

.customs-form-progress span {
  padding: 14px 18px;
  color: #71877e;
  background: #f8fbf9;
  font-size: 12px;
  font-weight: 750;
}

.customs-form-progress i {
  margin-right: 8px;
  color: #9aaba4;
  font-style: normal;
}

.customs-form-progress .is-active {
  color: var(--customs-green-dark);
  background: #edf8f3;
}

.customs-form-progress .is-active i { color: var(--customs-green); }

.customs-form-card {
  margin: 0 0 18px;
  padding: 30px;
  border: 1px solid var(--customs-line);
  border-radius: 24px;
  background: #fff;
  box-shadow: 0 18px 50px rgba(30, 83, 63, 0.055);
  transition: border-color 0.22s ease, box-shadow 0.22s ease, transform 0.22s ease;
}

.customs-form-card:focus-within {
  border-color: rgba(25, 139, 105, 0.45);
  box-shadow: 0 22px 60px rgba(30, 83, 63, 0.09);
  transform: translateY(-2px);
}

.customs-form-card legend {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 0 0 24px;
}

.customs-form-card legend > span {
  width: 42px;
  height: 42px;
  display: grid;
  flex: 0 0 auto;
  place-items: center;
  border-radius: 13px;
  color: var(--customs-green-dark);
  background: var(--customs-pale);
  font-size: 11px;
  font-weight: 850;
}

.customs-form-card legend strong,
.customs-form-card legend small {
  display: block;
}

.customs-form-card legend strong { font-size: 17px; }
.customs-form-card legend small { margin-top: 5px; color: #8a9b94; font-size: 11px; }

.customs-field-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
}

.customs-field {
  display: block;
  min-width: 0;
  margin-bottom: 20px;
}

.customs-field > span,
.customs-field > small {
  display: block;
}

.customs-field > span {
  margin-bottom: 9px;
  color: #37574b;
  font-size: 12px;
  font-weight: 800;
}

.customs-field em {
  color: #de6a56;
  font-style: normal;
}

.customs-field > small {
  margin-top: 7px;
  color: #90a098;
  font-size: 10px;
}

.customs-field input,
.customs-field select,
.customs-field textarea {
  width: 100%;
  min-height: 50px;
  padding: 12px 14px;
  border: 1px solid #d7e5de;
  border-radius: 13px;
  outline: none;
  color: var(--customs-ink);
  background: #fbfdfc;
  transition: border-color 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
}

.customs-field textarea {
  min-height: 104px;
  resize: vertical;
}

.customs-field input::placeholder,
.customs-field textarea::placeholder { color: #a8b5af; }

.customs-field input:focus,
.customs-field select:focus,
.customs-field textarea:focus {
  border-color: var(--customs-green);
  background: #fff;
  box-shadow: 0 0 0 4px rgba(25, 139, 105, 0.1);
}

.customs-field input[aria-invalid="true"] {
  border-color: #dc6b57;
  box-shadow: 0 0 0 4px rgba(220, 107, 87, 0.1);
}

.customs-upload {
  min-height: 116px;
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 18px;
  border: 1px dashed #bad6c9;
  border-radius: 18px;
  cursor: pointer;
  background: linear-gradient(135deg, #f8fcfa, #f2f9f5);
  transition: border-color 0.2s ease, background 0.2s ease, transform 0.2s ease;
}

.customs-upload:hover,
.customs-upload.is-dragover {
  border-color: var(--customs-green);
  background: #edf8f3;
  transform: translateY(-1px);
}

.customs-upload > input { position: absolute; width: 1px; height: 1px; opacity: 0; pointer-events: none; }

.customs-upload-icon {
  width: 48px;
  height: 48px;
  display: grid;
  flex: 0 0 auto;
  place-items: center;
  border-radius: 15px;
  color: var(--customs-green-dark);
  background: #dff3e9;
  font-size: 23px;
}

.customs-upload-copy strong,
.customs-upload-copy small { display: block; }
.customs-upload-copy strong { font-size: 13px; }
.customs-upload-copy small { margin-top: 6px; color: #8a9b94; font-size: 10px; }

.customs-upload-preview {
  position: relative;
  width: 82px;
  height: 82px;
  margin-left: auto;
  overflow: hidden;
  border: 1px solid var(--customs-line);
  border-radius: 14px;
  background: #fff;
}

.customs-upload-preview img { width: 100%; height: 100%; display: block; object-fit: cover; }
.customs-upload-preview button {
  position: absolute;
  top: 5px;
  right: 5px;
  width: 24px;
  height: 24px;
  border: 0;
  border-radius: 50%;
  cursor: pointer;
  color: #fff;
  background: rgba(12, 39, 30, 0.76);
}

.customs-choice-row {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin-bottom: 20px;
}

.customs-choice-row label,
.customs-chip-grid label { cursor: pointer; }

.customs-choice-row input,
.customs-chip-grid input { position: absolute; opacity: 0; pointer-events: none; }
.customs-field .customs-chip-grid input { width: 1px; height: 1px; min-height: 0; padding: 0; border: 0; }

.customs-choice-row label > span {
  min-height: 76px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 14px 16px;
  border: 1px solid var(--customs-line);
  border-radius: 15px;
  background: #fbfdfc;
  transition: border-color 0.2s ease, background 0.2s ease, transform 0.2s ease;
}

.customs-choice-row label > span:hover { transform: translateY(-2px); }
.customs-choice-row strong,
.customs-choice-row small { display: block; }
.customs-choice-row strong { font-size: 13px; }
.customs-choice-row small { margin-top: 5px; color: #879990; font-size: 10px; }
.customs-choice-row input:checked + span { border-color: var(--customs-green); background: #edf8f3; box-shadow: inset 0 0 0 1px rgba(25, 139, 105, 0.2); }
.customs-choice-row input:focus-visible + span,
.customs-chip-grid input:focus-visible + span { outline: 3px solid rgba(25, 139, 105, 0.2); outline-offset: 2px; }

.customs-chip-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
}

.customs-chip-grid label > span {
  min-height: 38px;
  display: inline-flex;
  align-items: center;
  padding: 8px 13px;
  border: 1px solid var(--customs-line);
  border-radius: 999px;
  color: #60776e;
  background: #fff;
  font-size: 11px;
  font-weight: 750;
  transition: color 0.2s ease, border-color 0.2s ease, background 0.2s ease;
}

.customs-chip-grid input:checked + span { color: var(--customs-green-dark); border-color: #9dd4bf; background: #eaf7f1; }

.customs-form-submit {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  padding: 24px 28px;
  border-radius: 22px;
  color: #fff;
  background: linear-gradient(135deg, #153b30, #1c5a47);
  box-shadow: 0 20px 50px rgba(17, 63, 48, 0.18);
}

.customs-form-submit strong,
.customs-form-submit small { display: block; }
.customs-form-submit strong { font-size: 13px; }
.customs-form-submit small { max-width: 440px; margin-top: 6px; color: rgba(255, 255, 255, 0.62); font-size: 10px; line-height: 1.7; }
.customs-submit { min-width: 200px; justify-content: space-between; }

.customs-form-message {
  min-height: 26px;
  padding: 12px 4px 0;
  color: #c95846;
  font-size: 12px;
  line-height: 1.6;
}

.customs-method-card {
  position: relative;
}

.customs-method-sticky {
  position: sticky;
  top: 100px;
  padding: 30px;
  border: 1px solid var(--customs-line);
  border-radius: 25px;
  background: linear-gradient(160deg, #f5fbf7, #edf7f2);
  box-shadow: var(--customs-shadow);
}

.customs-method-sticky h3 {
  margin: 22px 0 28px;
  font-size: 28px;
  line-height: 1.25;
  letter-spacing: -0.035em;
}

.customs-method-sticky ol { margin: 0; padding: 0; list-style: none; }
.customs-method-sticky li { display: grid; grid-template-columns: 32px 1fr; gap: 12px; padding: 16px 0; border-top: 1px solid #d6e7df; }
.customs-method-sticky li > span { color: var(--customs-green); font-size: 10px; font-weight: 850; }
.customs-method-sticky li strong { font-size: 12px; }
.customs-method-sticky li p { margin: 5px 0 0; color: #7d9188; font-size: 10px; line-height: 1.7; }

.customs-method-source { margin-top: 24px; padding-top: 22px; border-top: 1px solid #cfe2d8; }
.customs-method-source > span { display: block; margin-bottom: 10px; color: var(--customs-green-dark); font-size: 9px; font-weight: 850; letter-spacing: 0.13em; }
.customs-method-source > span i { width: 7px; height: 7px; display: inline-block; margin-right: 5px; border-radius: 50%; background: #4acb99; }
.customs-method-source a { display: block; padding: 7px 0; color: #60756c; font-size: 10px; font-weight: 700; }
.customs-method-source a:hover { color: var(--customs-green-dark); }

.customs-report-section {
  padding: 96px 0 130px;
  background: #eef6f2;
}

.customs-report-section[hidden],
.customs-loading[hidden] { display: none !important; }

.customs-report-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: 20px;
  padding: 18px 20px;
  border: 1px solid var(--customs-line);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.86);
}

.customs-report-toolbar > div:first-child span,
.customs-report-toolbar > div:first-child strong { display: block; }
.customs-report-toolbar > div:first-child span { color: var(--customs-green); font-size: 9px; font-weight: 850; letter-spacing: 0.15em; }
.customs-report-toolbar > div:first-child strong { margin-top: 5px; color: #678078; font-size: 11px; }
.customs-report-actions { display: flex; flex-wrap: wrap; gap: 10px; }
.customs-report-actions .btn { min-height: 42px; font-size: 11px; }

.customs-report {
  overflow: hidden;
  border: 1px solid var(--customs-line);
  border-radius: 30px;
  background: #fff;
  box-shadow: 0 34px 90px rgba(21, 71, 52, 0.12);
}

.customs-report-cover {
  position: relative;
  min-height: 500px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 56px;
  color: #fff;
  background:
    radial-gradient(circle at 78% 18%, rgba(99, 224, 180, 0.3), transparent 28%),
    linear-gradient(135deg, #102d25, #174d3b 62%, #1f775a);
}

.customs-report-cover > div:first-child {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}

.customs-report-brand { font-size: 24px; font-weight: 900; letter-spacing: -0.045em; }
.customs-report-cover > div:first-child small { color: rgba(255,255,255,.55); font-size: 9px; font-weight: 800; letter-spacing: .14em; }
.customs-report-title span { display: block; margin-bottom: 16px; color: #8de3c3; font-size: 11px; font-weight: 800; letter-spacing: .12em; }
.customs-report-title h2 { max-width: none; margin: 0; font-size: clamp(42px, 4.4vw, 66px); line-height: 1.08; letter-spacing: -.055em; white-space: nowrap; }
.customs-report-title p { margin: 18px 0 0; color: rgba(255,255,255,.68); font-size: 12px; }
.customs-report-product-image { position: absolute; right: 56px; bottom: 56px; width: 150px; height: 150px; overflow: hidden; border: 1px solid rgba(255,255,255,.28); border-radius: 24px; background: rgba(255,255,255,.08); box-shadow: 0 20px 50px rgba(0,0,0,.16); }
.customs-report-product-image[hidden] { display: none; }
.customs-report-product-image img { width: 100%; height: 100%; display: block; object-fit: cover; }
.customs-report-product-image span { position: absolute; right: 8px; bottom: 8px; left: 8px; padding: 6px; border-radius: 8px; color: rgba(255,255,255,.82); background: rgba(9,38,29,.66); font-size: 7px; font-weight: 800; letter-spacing: .08em; text-align: center; }
.customs-report-cover-bottom { display: flex; align-items: center; justify-content: space-between; gap: 20px; color: rgba(255,255,255,.62); font-size: 9px; letter-spacing: .1em; }
.customs-report-cover-bottom span { width: 7px; height: 7px; display: inline-block; margin-right: 7px; border-radius: 50%; background: #6ee0b7; }

.customs-report-summary,
.customs-report-block,
.customs-report-sources { padding: 50px 56px; border-top: 1px solid var(--customs-line); }

.customs-report-section-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; margin-bottom: 28px; }
.customs-report-section-head small,
.customs-report-sources small { color: var(--customs-green); font-size: 9px; font-weight: 850; letter-spacing: .14em; }
.customs-report-section-head h3,
.customs-report-sources h3 { margin: 8px 0 0; font-size: 26px; letter-spacing: -.035em; }
.customs-report-section-head > span { color: #7c9188; font-size: 10px; }
.customs-data-badge { padding: 9px 12px; border: 1px solid #c8e5d8; border-radius: 999px; color: var(--customs-green-dark) !important; background: #eff9f4; font-weight: 800; }
.customs-data-badge i { width: 6px; height: 6px; display: inline-block; margin-right: 6px; border-radius: 50%; background: #3ac78f; }

.customs-metric-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
.customs-metric-grid article { position: relative; min-height: 150px; padding: 22px; overflow: hidden; border: 1px solid var(--customs-line); border-radius: 20px; background: linear-gradient(145deg,#fbfdfc,#f4faf7); transition: .22s cubic-bezier(.2,.8,.2,1); }
.customs-metric-grid article::after { position: absolute; right: -22px; bottom: -35px; width: 92px; height: 92px; border: 1px solid rgba(25,139,105,.08); border-radius: 50%; content: ""; box-shadow: 0 0 0 18px rgba(25,139,105,.025); }
.customs-metric-grid article:hover { border-color: #a9d7c3; box-shadow: 0 16px 34px rgba(20,72,52,.07); transform: translateY(-3px); }
.customs-metric-grid small,
.customs-metric-grid strong,
.customs-metric-grid span { display: block; }
.customs-metric-grid small { color: #7c9088; font-size: 10px; }
.customs-metric-grid strong { margin: 23px 0 7px; font-size: clamp(22px, 2.4vw, 32px); letter-spacing: -.04em; font-variant-numeric: tabular-nums; }
.customs-metric-grid span { color: #94a39d; font-size: 9px; }
.customs-quality-note { margin-top: 18px; padding: 16px 18px; border-left: 3px solid #e1ad62; border-radius: 0 13px 13px 0; color: #745b38; background: #fff8ed; font-size: 11px; line-height: 1.7; }

.customs-chart-switch { display: inline-flex; padding: 4px; align-items: center; gap: 3px; border: 1px solid var(--customs-line); border-radius: 12px; background: #f5faf7; }
.customs-chart-switch button { min-height: 30px; padding: 0 11px; border: 0; border-radius: 8px; color: #789087; background: transparent; font: inherit; font-size: 8px; font-weight: 800; cursor: pointer; transition: .18s ease; }
.customs-chart-switch button:hover { color: var(--customs-green-dark); background: #fff; }
.customs-chart-switch button.is-active { color: #fff; background: linear-gradient(135deg,#157c5d,#40af87); box-shadow: 0 6px 16px rgba(25,139,105,.17); }
.customs-market-head-meta { display: flex; align-items: center; gap: 12px; }
.customs-market-head-meta > span { color: #7c9188; font-size: 9px; }

.customs-chart-wrap { padding: 26px 22px 18px; border: 1px solid var(--customs-line); border-radius: 22px; background: #fbfdfc; }
.customs-bar-chart { min-height: 290px; display: grid; grid-template-columns: repeat(var(--bars, 6), minmax(44px, 1fr)); align-items: end; gap: 18px; padding: 30px 8px 0; border-bottom: 1px solid #dce8e2; background-image: linear-gradient(rgba(25,139,105,.07) 1px, transparent 1px); background-size: 100% 58px; overflow-x: auto; }
.customs-bar-item { min-width: 44px; height: 260px; display: flex; flex-direction: column; justify-content: flex-end; align-items: center; gap: 8px; }
.customs-bar-item strong { color: #577068; font-size: 9px; font-variant-numeric: tabular-nums; }
.customs-bar-item i { width: min(52px, 70%); min-height: 3px; display: block; border-radius: 8px 8px 2px 2px; background: linear-gradient(180deg,#75d8b6,#198b69); transform-origin: bottom; animation: customs-rise .8s cubic-bezier(.2,.8,.2,1) both; }
.customs-bar-item.is-partial i { opacity: .62; background: repeating-linear-gradient(135deg,#72d3b2 0 7px,#d9f0e7 7px 14px); }
.customs-bar-item.is-empty i { height: 3px !important; background: #dfe8e4; }
.customs-bar-item span { min-height: 26px; color: #7d9188; font-size: 9px; text-align: center; }
.customs-chart-legend { display: flex; flex-wrap: wrap; gap: 16px; margin-top: 16px; color: #7c8e87; font-size: 9px; }
.customs-chart-legend span { display: inline-flex; align-items: center; gap: 6px; }
.customs-chart-legend i { width: 10px; height: 10px; border-radius: 3px; background: #249b74; }
.customs-chart-legend i.is-partial { background: repeating-linear-gradient(135deg,#72d3b2 0 3px,#d9f0e7 3px 6px); }
.customs-chart-legend i.is-empty { background: #dfe8e4; }

.customs-table-wrap { margin-top: 18px; overflow-x: auto; border: 1px solid var(--customs-line); border-radius: 18px; }
.customs-table-wrap table { width: 100%; border-collapse: collapse; font-size: 11px; }
.customs-table-wrap th,
.customs-table-wrap td { padding: 15px 18px; border-bottom: 1px solid #edf2ef; text-align: left; font-variant-numeric: tabular-nums; white-space: nowrap; }
.customs-table-wrap th { color: #80938b; background: #f8fbf9; font-size: 9px; letter-spacing: .08em; }
.customs-table-wrap tr:last-child td { border-bottom: 0; }
.customs-status-pill { display: inline-flex; align-items: center; gap: 5px; padding: 5px 8px; border-radius: 999px; color: #23765b; background: #eaf7f1; font-size: 9px; }
.customs-status-pill.is-partial { color: #8d6230; background: #fff5e7; }
.customs-status-pill.is-empty { color: #7d8884; background: #f0f3f2; }
.customs-change { display: inline-flex; padding: 4px 7px; border-radius: 999px; color: #198b69; background: #eaf7f1; font-size: 9px; font-weight: 800; }
.customs-change.is-down { color: #a75d51; background: #fff0ed; }

.customs-month-chart { min-height: 210px; display: grid; grid-template-columns: repeat(var(--months, 6), minmax(56px, 1fr)); align-items: end; gap: 14px; padding: 24px 20px 0; overflow-x: auto; border: 1px solid var(--customs-line); border-radius: 20px; background: #f8fbf9; }
.customs-month-item { min-width: 52px; height: 174px; display: flex; flex-direction: column; align-items: center; justify-content: flex-end; gap: 7px; }
.customs-month-item strong { font-size: 8px; color: #688078; font-variant-numeric: tabular-nums; }
.customs-month-item i { width: min(38px, 68%); display: block; border-radius: 6px 6px 1px 1px; background: linear-gradient(180deg,#8ce2c4,#3eb58a); transform-origin: bottom; animation: customs-rise .75s ease both; }
.customs-month-item span { min-height: 24px; color: #82958e; font-size: 8px; }
.customs-empty-state { padding: 44px 28px; border: 1px dashed #cbded5; border-radius: 20px; text-align: center; background: #f8fbf9; }
.customs-empty-state span { display: block; color: #c8d8d1; font-size: 44px; font-weight: 900; }
.customs-empty-state strong { display: block; margin-top: 8px; font-size: 15px; }
.customs-empty-state p { margin: 8px 0 0; color: #82948c; font-size: 10px; }

.customs-market-grid { display: grid; grid-template-columns: 300px 1fr; gap: 30px; align-items: center; }
.customs-donut-panel { padding: 28px; border: 1px solid var(--customs-line); border-radius: 22px; text-align: center; background: #f8fbf9; }
.customs-donut { width: 190px; height: 190px; display: grid; place-items: center; margin: 0 auto; border-radius: 50%; background: conic-gradient(#188b68 0 var(--top-one, 0%), #56c39e var(--top-one, 0%) var(--top-two, 0%), #a6dfca var(--top-two, 0%) var(--top-three, 0%), #e4eee9 var(--top-three, 0%) 100%); }
.customs-donut::before { grid-area: 1/1; width: 116px; height: 116px; border-radius: 50%; content: ""; background: #fff; box-shadow: inset 0 0 0 1px var(--customs-line); }
.customs-donut > span { z-index: 1; grid-area: 1/1; }
.customs-donut small,
.customs-donut strong { display: block; }
.customs-donut small { color: #81938c; font-size: 8px; letter-spacing: .12em; }
.customs-donut strong { margin-top: 5px; font-size: 24px; }
.customs-donut-panel p { margin: 16px 0 0; color: #80938b; font-size: 9px; }
.customs-market-list { border: 1px solid var(--customs-line); border-radius: 22px; overflow: hidden; }
.customs-market-row { display: grid; grid-template-columns: 38px minmax(120px, 1.15fr) minmax(100px, 1fr) 98px 64px; align-items: center; gap: 14px; padding: 14px 18px; border-bottom: 1px solid #edf2ef; transition: background .18s ease; }
.customs-market-row:hover { background: #f7fbf9; }
.customs-market-row:last-child { border-bottom: 0; }
.customs-market-row > span:first-child { color: #99aaa3; font-size: 9px; font-weight: 800; }
.customs-market-row strong { display: grid; gap: 3px; font-size: 11px; }
.customs-market-row strong small { color: #82978e; font-size: 8px; font-weight: 600; }
.customs-market-row .market-bar { height: 6px; overflow: hidden; border-radius: 999px; background: #edf3f0; }
.customs-market-row .market-bar i { height: 100%; display: block; border-radius: inherit; background: linear-gradient(90deg,#88dcbf,#1c936e); }
.customs-market-row em { color: #5c736a; font-size: 10px; font-style: normal; font-variant-numeric: tabular-nums; text-align: right; }
.customs-market-weight { color: #799087; font-size: 8px; font-variant-numeric: tabular-nums; text-align: right; }

.customs-structure-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; }
.customs-structure-grid article { min-height: 132px; padding: 20px; border: 1px solid var(--customs-line); border-radius: 18px; background: linear-gradient(145deg,#fff,#f7fbf9); animation: customs-structure-in .5s cubic-bezier(.2,.8,.2,1) both; animation-delay: var(--delay,0ms); }
.customs-structure-grid small,.customs-structure-grid strong,.customs-structure-grid span { display: block; }
.customs-structure-grid small { color: #7a9188; font-size: 8px; font-weight: 800; letter-spacing: .08em; }
.customs-structure-grid strong { margin-top: 20px; color: var(--customs-ink); font-size: 22px; letter-spacing: -.035em; font-variant-numeric: tabular-nums; }
.customs-structure-grid span { margin-top: 6px; color: #91a099; font-size: 8px; }
.customs-concentration-panel { display: grid; margin-top: 14px; padding: 24px; grid-template-columns: 280px 1fr; align-items: center; gap: 32px; border: 1px solid var(--customs-line); border-radius: 20px; background: #f8fbf9; }
.customs-concentration-panel small { color: var(--customs-green); font-size: 8px; font-weight: 850; letter-spacing: .13em; }
.customs-concentration-panel h4 { margin: 8px 0 0; font-size: 17px; }
.customs-concentration-panel p { margin: 7px 0 0; color: #81958d; font-size: 9px; line-height: 1.65; }
.customs-concentration-bars { display: grid; gap: 13px; }
.customs-concentration-bars > div { display: grid; grid-template-columns: 48px 1fr 54px; align-items: center; gap: 12px; }
.customs-concentration-bars span,.customs-concentration-bars strong { font-size: 9px; font-variant-numeric: tabular-nums; }
.customs-concentration-bars span { color: #759087; font-weight: 850; }
.customs-concentration-bars strong { color: #496b5e; text-align: right; }
.customs-concentration-bars i { height: 9px; overflow: hidden; border-radius: 999px; background: #e5efea; }
.customs-concentration-bars b { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg,#80dab9,#178a67); animation: customs-width-in .75s cubic-bezier(.2,.8,.2,1) both; }

.customs-insight-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px; }
.customs-insight-card { min-height: 150px; padding: 22px; border: 1px solid var(--customs-line); border-radius: 20px; background: #f8fbf9; }
.customs-insight-card > span { display: inline-block; margin-bottom: 20px; color: var(--customs-green); font-size: 9px; font-weight: 850; letter-spacing: .12em; }
.customs-insight-card h4 { margin: 0; font-size: 16px; }
.customs-insight-card p { margin: 9px 0 0; color: #70857c; font-size: 10px; line-height: 1.75; }
.customs-insight-card.is-watch { border-color: #ead8b9; background: #fffbf3; }
.customs-insight-card.is-partial { border-color: #cbded6; background: #f3f8f6; }

.customs-buyer-boundary { display: grid; grid-template-columns: 54px 1fr auto; align-items: center; gap: 22px; color: #fff; background: linear-gradient(135deg,#15372d,#1d5744); }
.customs-boundary-icon { width: 54px; height: 54px; display: grid; place-items: center; border: 1px solid rgba(255,255,255,.16); border-radius: 17px; color: #8be1c1; font-size: 23px; }
.customs-buyer-boundary small { color: #85d9ba; font-size: 9px; font-weight: 850; letter-spacing: .12em; }
.customs-buyer-boundary h3 { margin: 8px 0 0; font-size: 20px; }
.customs-buyer-boundary p { max-width: 750px; margin: 8px 0 0; color: rgba(255,255,255,.64); font-size: 10px; line-height: 1.75; }
.customs-buyer-boundary .btn-outline { color: #fff; border-color: rgba(255,255,255,.3); }
.customs-buyer-boundary .btn-outline:hover { color: #15372d; background: #fff; }

.customs-report-sources { background: #f8fbf9; }
.customs-source-list { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; margin: 26px 0 18px; }
.customs-source-list a { min-height: 88px; display: flex; flex-direction: column; justify-content: space-between; padding: 16px; border: 1px solid var(--customs-line); border-radius: 15px; background: #fff; font-size: 11px; font-weight: 750; }
.customs-source-list a span { color: var(--customs-green); font-size: 9px; }
.customs-source-list a:hover { border-color: #9ccfba; transform: translateY(-2px); }
.customs-report-sources > p { margin: 0; color: #7b8f87; font-size: 10px; line-height: 1.8; }

.customs-loading {
  position: fixed;
  inset: 0;
  z-index: 120;
  display: grid;
  place-items: center;
  padding: 20px;
  background: rgba(235, 246, 240, 0.86);
  backdrop-filter: blur(12px);
}

.customs-loading-panel {
  width: min(460px, 100%);
  padding: 38px;
  border: 1px solid #cfe2d8;
  border-radius: 28px;
  text-align: center;
  background: #fff;
  box-shadow: 0 34px 90px rgba(20, 72, 52, 0.18);
}

.customs-loading-orbit { position: relative; width: 92px; height: 92px; display: grid; place-items: center; margin: 0 auto 24px; border: 1px solid #d4e7dd; border-radius: 50%; }
.customs-loading-orbit::before,
.customs-loading-orbit::after { position: absolute; inset: 10px; border: 1px solid rgba(25,139,105,.22); border-radius: 50%; content: ""; animation: customs-spin 2.8s linear infinite; }
.customs-loading-orbit::after { inset: -8px; border-style: dashed; animation-duration: 5s; animation-direction: reverse; }
.customs-loading-orbit b { width: 46px; height: 46px; display: grid; place-items: center; border-radius: 15px; color: #fff; background: var(--customs-green); font-size: 12px; }
.customs-loading-orbit span,
.customs-loading-orbit i { position: absolute; width: 8px; height: 8px; border-radius: 50%; background: var(--customs-mint); box-shadow: 0 0 14px var(--customs-mint); }
.customs-loading-orbit span { top: 4px; left: 22px; }
.customs-loading-orbit i { right: 4px; bottom: 20px; }
.customs-loading-panel > small { color: var(--customs-green); font-size: 9px; font-weight: 850; letter-spacing: .13em; }
.customs-loading-panel > strong { display: block; margin-top: 12px; font-size: 20px; }
.customs-loading-panel > p { margin: 10px 0 0; color: #7b8e86; font-size: 11px; line-height: 1.7; }
.customs-loading-line { height: 3px; margin-top: 26px; overflow: hidden; border-radius: 999px; background: #e8f1ed; }
.customs-loading-line span { width: 36%; height: 100%; display: block; background: linear-gradient(90deg,transparent,#2db087,transparent); animation: customs-scan 1.4s ease-in-out infinite; }

.customs-ai-connection {
  max-width: 610px;
  display: grid;
  grid-template-columns: 46px minmax(0, 1fr) auto;
  align-items: center;
  gap: 14px;
  margin-top: 25px;
  padding: 14px 16px;
  border: 1px solid rgba(25, 139, 105, 0.16);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.72);
  box-shadow: 0 16px 40px rgba(30, 92, 68, 0.08);
  backdrop-filter: blur(12px);
}

.customs-ai-orb {
  width: 46px;
  height: 46px;
  display: grid;
  place-items: center;
  border-radius: 15px;
  color: #fff;
  background: linear-gradient(145deg, #173d30, #198b69);
  box-shadow: 0 10px 24px rgba(25, 139, 105, 0.2);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .06em;
}

.customs-ai-connection small,
.customs-ai-connection strong,
.customs-ai-connection p { display: block; }
.customs-ai-connection small { color: #9a7a43; font-size: 8px; font-weight: 900; letter-spacing: .14em; }
.customs-ai-connection strong { margin-top: 4px; color: #17382f; font-size: 14px; }
.customs-ai-connection p { margin: 4px 0 0; color: #71867d; font-size: 10px; line-height: 1.55; }
.customs-ai-connection > em { color: #8aa097; font-size: 8px; font-style: normal; font-weight: 900; letter-spacing: .12em; }
.customs-ai-connection[data-state="connected"] > em { color: #137857; }
.customs-ai-connection[data-state="connected"] .customs-ai-orb { animation: customs-ai-live 2.4s ease-in-out infinite; }
.customs-ai-connection[data-state="unavailable"] { border-color: rgba(174, 122, 50, .22); background: rgba(255, 251, 243, .82); }
.customs-ai-connection[data-state="unavailable"] > em { color: #ae7a32; }

.customs-deepseek-report {
  background:
    radial-gradient(circle at 92% 8%, rgba(116, 215, 182, .14), transparent 34%),
    linear-gradient(145deg, #f8fcfa, #f2f8f5);
}

.customs-ai-report-badge {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 8px 11px;
  border: 1px solid rgba(25, 139, 105, .17);
  border-radius: 999px;
  background: rgba(255,255,255,.78);
}

.customs-ai-report-badge i { width: 7px; height: 7px; border-radius: 50%; background: #35bd8d; box-shadow: 0 0 0 5px rgba(53,189,141,.1); }
.customs-deepseek-report[data-state="temporarily-unavailable"] .customs-ai-report-badge i,
.customs-deepseek-report[data-state="not-configured"] .customs-ai-report-badge i { background: #c49448; box-shadow: 0 0 0 5px rgba(196,148,72,.1); }

.customs-ai-summary {
  padding: 22px 24px;
  border: 1px solid rgba(25,139,105,.12);
  border-radius: 20px;
  background: rgba(255,255,255,.78);
}
.customs-ai-summary small,
.customs-ai-market-block small { color: #9b7843; font-size: 8px; font-weight: 900; letter-spacing: .15em; }
.customs-ai-summary p { margin: 10px 0 0; color: #526f63; font-size: 13px; line-height: 1.85; }

.customs-ai-insight-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px; margin-top: 16px; }
.customs-ai-insight-card { min-height: 168px; padding: 21px; border: 1px solid rgba(25,139,105,.13); border-radius: 19px; background: rgba(255,255,255,.74); }
.customs-ai-insight-card > span { color: #198b69; font-size: 8px; font-weight: 900; letter-spacing: .13em; }
.customs-ai-insight-card h4 { margin: 16px 0 0; color: #17382f; font-size: 15px; }
.customs-ai-insight-card p { margin: 8px 0 0; color: #6d8379; font-size: 10px; line-height: 1.75; }
.customs-ai-insight-card small { display: block; margin-top: 13px; color: #8ca098; font-size: 8px; line-height: 1.55; }
.customs-ai-insight-card.is-watch { border-color: #ead8b9; background: #fffbf3; }
.customs-ai-insight-card.is-partial { border-style: dashed; }

.customs-ai-market-block { margin-top: 24px; padding-top: 22px; border-top: 1px solid rgba(25,139,105,.12); }
.customs-ai-market-block h4 { margin: 7px 0 0; font-size: 18px; }
.customs-ai-market-list { display: grid; gap: 10px; margin-top: 16px; }
.customs-ai-market-list article { display: grid; grid-template-columns: 34px minmax(0,1fr); gap: 13px; padding: 15px 17px; border: 1px solid rgba(25,139,105,.11); border-radius: 16px; background: rgba(255,255,255,.7); }
.customs-ai-market-list article > span { color: #198b69; font-size: 10px; font-weight: 900; }
.customs-ai-market-list strong { font-size: 13px; }
.customs-ai-market-list p { margin: 5px 0 0; color: #6b8177; font-size: 10px; line-height: 1.65; }
.customs-ai-market-list small { display: block; margin-top: 7px; color: #91a39b; font-size: 8px; letter-spacing: 0; }
.customs-ai-risk-list { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 18px; }
.customs-ai-risk-list span { padding: 8px 11px; border: 1px solid #ead8b9; border-radius: 999px; color: #8c672d; background: #fffbf3; font-size: 9px; }
.customs-ai-boundary { margin: 18px 0 0; color: #81958c; font-size: 9px; line-height: 1.7; }
.customs-ai-empty { padding: 18px; border: 1px dashed rgba(25,139,105,.18); border-radius: 15px; color: #7b8f87; background: rgba(255,255,255,.56); font-size: 10px; line-height: 1.7; }

.customs-web-research { background: linear-gradient(180deg, #fff, #f8fbf9); }
.customs-web-research-note { max-width: 780px; margin: -8px 0 22px; color: #71867d; font-size: 11px; line-height: 1.75; }
.customs-web-research-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 13px; }
.customs-web-research-card { min-height: 176px; display: flex; flex-direction: column; padding: 20px; border: 1px solid var(--customs-line); border-radius: 19px; background: rgba(255,255,255,.86); box-shadow: 0 14px 30px rgba(22,74,55,.04); transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease; }
.customs-web-research-card:hover { border-color: #9ccfba; box-shadow: 0 18px 38px rgba(22,74,55,.08); transform: translateY(-2px); }
.customs-web-research-card > span { display: flex; align-items: center; gap: 8px; color: #82958d; font-size: 9px; }
.customs-web-research-card > span i { padding: 4px 7px; border-radius: 999px; color: #176d52; background: #e9f7f1; font-style: normal; font-weight: 800; }
.customs-web-research-card strong { margin-top: 16px; color: #18392f; font-size: 14px; line-height: 1.45; }
.customs-web-research-card p { margin: 8px 0 16px; color: #6e837a; font-size: 10px; line-height: 1.7; }
.customs-web-research-card small { margin-top: auto; color: #9a7a43; font-size: 8px; font-weight: 800; letter-spacing: .06em; }
.customs-web-research-empty { grid-column: 1/-1; padding: 26px; border: 1px dashed #cbded5; border-radius: 18px; background: #f8fbf9; }
.customs-web-research-empty strong { display: block; font-size: 14px; }
.customs-web-research-empty p { margin: 7px 0 0; color: #7c9088; font-size: 10px; line-height: 1.7; }

@keyframes customs-ai-live { 0%,100% { box-shadow: 0 10px 24px rgba(25,139,105,.2); } 50% { box-shadow: 0 10px 30px rgba(25,139,105,.36), 0 0 0 6px rgba(53,189,141,.08); } }

@keyframes customs-rise { from { transform: scaleY(.05); opacity: .15; } to { transform: scaleY(1); opacity: 1; } }
@keyframes customs-width-in { from { width: 0; opacity: .2; } to { opacity: 1; } }
@keyframes customs-structure-in { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: none; } }
@keyframes customs-scan { from { transform: translateX(-120%); } to { transform: translateX(360%); } }
@keyframes customs-spin { to { transform: rotate(360deg); } }
@keyframes customs-float { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-9px); } }
@keyframes customs-pulse { 0%,100% { opacity: .65; } 50% { opacity: 1; box-shadow: 0 0 0 8px rgba(75,208,158,.08); } }

@media (max-width: 1080px) {
  .customs-hero-grid { grid-template-columns: minmax(0,1fr) 420px; gap: 40px; }
  .customs-hero-copy h1 { font-size: clamp(48px, 5.4vw, 60px); }
  .customs-builder-grid { grid-template-columns: minmax(0,1fr) 310px; }
  .customs-metric-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
}

@media (max-width: 900px) {
  .customs-shell { width: min(100% - 32px, 760px); }
  .customs-hero { min-height: auto; padding: 90px 0 70px; }
  .customs-hero-grid,
  .customs-section-head,
  .customs-builder-grid { grid-template-columns: 1fr; }
  .customs-hero-visual { min-height: 440px; margin-top: 12px; }
  .customs-section-head { gap: 20px; }
  .customs-method-sticky { position: static; }
  .customs-method-sticky ol { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 0 20px; }
  .customs-report-cover { min-height: 430px; padding: 42px; }
  .customs-report-summary,
  .customs-report-block,
  .customs-report-sources { padding: 40px 34px; }
  .customs-market-grid { grid-template-columns: 240px 1fr; }
  .customs-structure-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .customs-concentration-panel { grid-template-columns: 220px 1fr; }
  .customs-donut { width: 160px; height: 160px; }
  .customs-donut::before { width: 98px; height: 98px; }
}

@media (max-width: 680px) {
  .customs-shell { width: min(100% - 24px, 560px); }
  .customs-page .topbar { backdrop-filter: none; background: #fff; }
  .customs-hero { padding: 66px 0 56px; }
  .customs-hero::after { display: none; }
  .customs-kicker { font-size: 10px; letter-spacing: .1em; }
  .customs-hero-copy h1 { margin-top: 20px; font-size: clamp(38px, 11vw, 52px); line-height: 1.12; letter-spacing: -.04em; }
  .customs-hero-copy > p { font-size: 14px; line-height: 1.85; }
  .customs-hero-actions { align-items: stretch; flex-direction: column; gap: 16px; }
  .customs-hero-actions .btn { justify-content: space-between; }
  .customs-text-link { align-self: flex-start; }
  .customs-trust-row { gap: 10px 16px; margin-top: 30px; }
  .customs-ai-connection { grid-template-columns: 42px minmax(0,1fr); padding: 13px 14px; backdrop-filter: none; }
  .customs-ai-orb { width: 42px; height: 42px; }
  .customs-ai-connection > em { grid-column: 2; }
  .customs-hero-visual { min-height: 360px; }
  .customs-preview-card { padding: 19px; border-radius: 22px; transform: none; backdrop-filter: none; }
  .customs-preview-card:hover { transform: none; }
  .customs-preview-head strong { font-size: 18px; }
  .customs-preview-chart { height: 136px; gap: 8px; }
  .customs-orbit-a { width: 320px; height: 320px; }
  .customs-orbit-b { display: none; }
  .customs-float-note { display: none; }
  .customs-builder-section,
  .customs-report-section { padding: 72px 0 84px; }
  .customs-section-head { margin-bottom: 30px; }
  .customs-section-head h2 { font-size: 38px; }
  .customs-section-head > p { font-size: 13px; }
  .customs-form-progress { grid-template-columns: 1fr; }
  .customs-form-progress span { display: none; }
  .customs-form-progress .is-active { display: block; }
  .customs-form-card { padding: 22px 18px; border-radius: 20px; box-shadow: none; }
  .customs-field-grid,
  .customs-choice-row,
  .customs-method-sticky ol { grid-template-columns: 1fr; }
  .customs-year-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .customs-upload { align-items: flex-start; }
  .customs-upload-preview { width: 68px; height: 68px; }
  .customs-form-submit { align-items: stretch; flex-direction: column; padding: 22px; }
  .customs-submit { width: 100%; min-height: 50px; }
  .customs-method-sticky { padding: 24px 20px; box-shadow: none; }
  .customs-report-toolbar { align-items: stretch; flex-direction: column; }
  .customs-report-actions { display: grid; grid-template-columns: 1fr 1fr; }
  .customs-report-actions .btn:last-child { grid-column: 1/-1; }
  .customs-report { border-radius: 22px; box-shadow: none; }
  .customs-report-cover { min-height: 520px; padding: 30px 22px; }
  .customs-report-product-image { right: 22px; bottom: 72px; width: 96px; height: 96px; border-radius: 17px; }
  .customs-report-cover > div:first-child,
  .customs-report-cover-bottom { align-items: flex-start; flex-direction: column; }
  .customs-report-title h2 { font-size: clamp(30px, 9vw, 42px); line-height: 1.12; white-space: normal; }
  .customs-report-summary,
  .customs-report-block,
  .customs-report-sources { padding: 34px 20px; }
  .customs-report-section-head { align-items: flex-start; flex-direction: column; gap: 10px; }
  .customs-metric-grid { grid-template-columns: 1fr 1fr; }
  .customs-metric-grid article { min-height: 132px; padding: 17px; }
  .customs-bar-chart { gap: 10px; padding-inline: 0; }
  .customs-market-grid { grid-template-columns: 1fr; }
  .customs-market-row { grid-template-columns: 26px minmax(90px,1fr) 55px; gap: 9px; padding: 13px 12px; }
  .customs-market-row .market-bar { display: none; }
  .customs-market-weight { display: none; }
  .customs-chart-switch { width: 100%; }
  .customs-chart-switch button { flex: 1; }
  .customs-market-head-meta { width: 100%; align-items: stretch; flex-direction: column; }
  .customs-structure-grid { grid-template-columns: 1fr 1fr; }
  .customs-concentration-panel { grid-template-columns: 1fr; gap: 22px; }
  .customs-insight-grid,
  .customs-ai-insight-grid,
  .customs-web-research-grid,
  .customs-source-list { grid-template-columns: 1fr; }
  .customs-ai-summary { padding: 18px; }
  .customs-buyer-boundary { grid-template-columns: 44px 1fr; }
  .customs-buyer-boundary .btn { grid-column: 1/-1; }
  .customs-loading { backdrop-filter: none; }
  .customs-loading-panel { padding: 30px 22px; }
}

@media (prefers-reduced-motion: reduce) {
  .customs-page *,
  .customs-page *::before,
  .customs-page *::after {
    scroll-behavior: auto !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
  }
}

@media print {
  @page { size: A4; margin: 10mm; }
  body.customs-page { background: #fff !important; -webkit-print-color-adjust: exact; print-color-adjust: exact; }
  .customs-page::before,
  .customs-page .topbar,
  .customs-page .customs-hero,
  .customs-page .customs-builder-section,
  .customs-page .customs-report-toolbar,
  .customs-page .footer,
  .customs-page .scroll-progress { display: none !important; }
  .customs-report-section { display: block !important; padding: 0 !important; background: #fff !important; }
  .customs-report-section .customs-shell { width: 100% !important; }
  .customs-report { overflow: visible; border: 0; border-radius: 0; box-shadow: none; }
  .customs-report-cover { min-height: 260mm; page-break-after: always; }
  .customs-report-summary,
  .customs-report-block,
  .customs-report-sources { break-inside: avoid; padding: 10mm 8mm; }
  .customs-bar-item i,
  .customs-month-item i { animation: none !important; }
  .customs-chart-switch { display: none !important; }
  .customs-buyer-boundary { color: #fff !important; }
}