:root {
  color-scheme: light;
  --bg: #f7f8fb;
  --surface: rgba(255,255,255,.86);
  --surface-strong: #ffffff;
  --ink: #0f172a;
  --muted: #667085;
  --subtle: #98a2b3;
  --line: rgba(15,23,42,.09);
  --line-strong: rgba(15,23,42,.14);
  --brand: #2563eb;
  --brand-2: #06b6d4;
  --green: #059669;
  --amber: #d97706;
  --red: #dc2626;
  --violet: #7c3aed;
  --shadow: 0 22px 60px rgba(15,23,42,.10);
  --shadow-soft: 0 12px 32px rgba(15,23,42,.08);
  --radius: 18px;
  font-family: "Liberation Sans", Arial, "DejaVu Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  min-height: 100vh;
  background:
    radial-gradient(circle at 12% -10%, rgba(37,99,235,.12), transparent 32rem),
    radial-gradient(circle at 88% 4%, rgba(6,182,212,.12), transparent 30rem),
    linear-gradient(180deg, #fff 0%, var(--bg) 42%, #eef3f8 100%);
  color: var(--ink);
}
body::before {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  background-image: linear-gradient(rgba(15,23,42,.035) 1px, transparent 1px), linear-gradient(90deg, rgba(15,23,42,.035) 1px, transparent 1px);
  background-size: 42px 42px;
  mask-image: linear-gradient(to bottom, rgba(0,0,0,.75), transparent 72%);
}
a { color: inherit; text-decoration: none; }
.shell { min-height: 100vh; position: relative; }
.topbar {
  position: sticky;
  top: 0;
  z-index: 20;
  border-bottom: 1px solid rgba(15,23,42,.08);
  background: rgba(255,255,255,.78);
  backdrop-filter: blur(18px);
}
.nav {
  max-width: 1200px;
  margin: 0 auto;
  padding: 14px 20px;
  display: flex;
  align-items: center;
  gap: 18px;
}
.brand { display: inline-flex; align-items: center; gap: 10px; font-weight: 800; letter-spacing: -.02em; }
.brand-mark {
  width: 34px;
  height: 34px;
  border-radius: 11px;
  display: grid;
  place-items: center;
  color: #fff;
  background: linear-gradient(135deg, #111827, #2563eb 55%, #06b6d4);
  box-shadow: 0 10px 24px rgba(37,99,235,.25);
}
.brand-mark svg { width: 18px; height: 18px; }
.nav-links { display: flex; align-items: center; gap: 4px; flex: 1; flex-wrap: wrap; }
.nav-links a {
  font-size: 14px;
  font-weight: 650;
  color: #475467;
  padding: 9px 10px;
  border-radius: 10px;
  transition: background .18s ease, color .18s ease, transform .18s ease;
}
.nav-links a:hover { background: rgba(37,99,235,.08); color: #174ea6; transform: translateY(-1px); }
.nav-actions { display: flex; align-items: center; gap: 10px; }
.page { max-width: 1200px; margin: 0 auto; padding: 34px 20px 76px; }
.hero { display: grid; grid-template-columns: minmax(0, 1.02fr) minmax(360px, .98fr); gap: 36px; align-items: center; padding: 58px 0 42px; }
.eyebrow, .badge {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  width: fit-content;
  border: 1px solid rgba(37,99,235,.14);
  background: rgba(255,255,255,.7);
  color: #2557b8;
  border-radius: 999px;
  padding: 7px 10px;
  font-weight: 750;
  font-size: 12px;
  letter-spacing: .01em;
  box-shadow: 0 8px 22px rgba(15,23,42,.04);
}
.hero h1, .page-title {
  margin: 16px 0 14px;
  font-size: clamp(42px, 7vw, 78px);
  line-height: .92;
  letter-spacing: -.06em;
  max-width: 780px;
}
.page-title { font-size: clamp(36px, 5vw, 56px); line-height: 1; }
.lead {
  color: #475467;
  font-size: 18px;
  line-height: 1.65;
  max-width: 680px;
  margin: 0 0 22px;
}
.actions { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; }
.button, button {
  border: 0;
  min-height: 42px;
  border-radius: 12px;
  padding: 0 16px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  font: inherit;
  font-weight: 760;
  cursor: pointer;
  color: #fff;
  background: linear-gradient(135deg, #111827, #2563eb);
  box-shadow: 0 12px 28px rgba(37,99,235,.22);
  transition: transform .18s ease, box-shadow .18s ease, background .18s ease, border-color .18s ease;
}
.button:hover, button:hover { transform: translateY(-1px); box-shadow: 0 18px 36px rgba(37,99,235,.28); }
.button.secondary, button.secondary {
  color: #101828;
  background: rgba(255,255,255,.82);
  border: 1px solid var(--line-strong);
  box-shadow: 0 10px 24px rgba(15,23,42,.06);
}
.button.ghost { background: transparent; color: #344054; box-shadow: none; border: 1px solid transparent; }
button.danger { background: linear-gradient(135deg, #991b1b, #dc2626); }
.icon { width: 17px; height: 17px; flex: 0 0 auto; }
.icon-lg { width: 22px; height: 22px; }
.card, .metric, .band, .pricing-card, .panel {
  background: var(--surface);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  box-shadow: var(--shadow-soft);
  backdrop-filter: blur(18px);
}
.card, .band, .panel { padding: 20px; }
.card, .grid > *, .category-grid > *, .pricing-grid > *, .workflow > * { min-width: 0; }
.grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); gap: 16px; }
.grid.two { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.metric { padding: 18px; min-height: 124px; position: relative; overflow: hidden; }
.metric .label { color: var(--muted); font-size: 13px; font-weight: 750; display: flex; align-items: center; gap: 8px; }
.metric strong { display: block; font-size: 30px; letter-spacing: -.035em; margin-top: 12px; }
.metric small { color: var(--muted); display: block; margin-top: 6px; }
.section { margin: 58px 0 0; }
.section { scroll-margin-top: 96px; }
.section-head { display: flex; justify-content: space-between; align-items: end; gap: 18px; margin-bottom: 18px; }
.section-head h2, h2 { margin: 0; font-size: 28px; letter-spacing: -.035em; }
h3 { margin: 0 0 8px; letter-spacing: -.02em; overflow-wrap: anywhere; }
p { line-height: 1.62; }
.muted { color: var(--muted); }
.terminal-card {
  border-radius: 24px;
  background: linear-gradient(145deg, rgba(15,23,42,.96), rgba(17,24,39,.92));
  color: #e5eefc;
  border: 1px solid rgba(255,255,255,.12);
  box-shadow: 0 34px 88px rgba(15,23,42,.34);
  overflow: hidden;
  position: relative;
}
.terminal-top { display: flex; align-items: center; gap: 8px; padding: 14px 16px; border-bottom: 1px solid rgba(255,255,255,.10); color: #aab7ca; font-size: 13px; }
.lights { display: flex; gap: 7px; }
.lights span { width: 10px; height: 10px; border-radius: 50%; display: block; }
.lights span:nth-child(1) { background: #ff5f56; }
.lights span:nth-child(2) { background: #ffbd2e; }
.lights span:nth-child(3) { background: #27c93f; }
.terminal-body { padding: 22px; font-family: "SFMono-Regular", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: 12px; line-height: 1.5; }
.prompt { color: #22d3ee; }
.typing { display: inline-block; max-width: 0; white-space: nowrap; overflow: hidden; border-right: 2px solid #67e8f9; animation: typing 4.4s steps(73, end) .35s forwards, blink .85s step-end infinite; vertical-align: bottom; }
@keyframes typing { to { max-width: 100%; } }
@keyframes blink { 50% { border-color: transparent; } }
.output-pills { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin-top: 22px; }
.output-pills span {
  opacity: 0;
  transform: translateY(8px);
  animation: rise .55s ease forwards;
  border: 1px solid rgba(255,255,255,.14);
  background: rgba(255,255,255,.08);
  border-radius: 12px;
  padding: 10px;
  text-align: center;
  color: #dbeafe;
  font-weight: 800;
  font-size: 13px;
}
.output-pills span:nth-child(2) { animation-delay: .2s; }
.output-pills span:nth-child(3) { animation-delay: .35s; }
.output-pills span:nth-child(4) { animation-delay: .5s; }
.output-pills span:nth-child(5) { animation-delay: .65s; }
.output-pills span:nth-child(6) { animation-delay: .8s; }
@keyframes rise { to { opacity: 1; transform: translateY(0); } }
.flow { margin-top: 18px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; }
.flow-step { border: 1px solid rgba(255,255,255,.12); background: rgba(255,255,255,.07); border-radius: 14px; padding: 12px; }
.flow-step b { display: block; margin-bottom: 4px; }
.download-row { display: flex; gap: 8px; margin-top: 18px; flex-wrap: wrap; }
.mini-button { border-radius: 10px; padding: 8px 10px; color: #dbeafe; border: 1px solid rgba(255,255,255,.16); background: rgba(255,255,255,.08); font-weight: 750; font-size: 13px; }
.feature-card { padding: 18px; transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease; }
.feature-card:hover, .pricing-card:hover { transform: translateY(-3px); border-color: rgba(37,99,235,.22); box-shadow: var(--shadow); }
.feature-icon {
  width: 38px; height: 38px; border-radius: 12px; display: grid; place-items: center;
  background: linear-gradient(135deg, rgba(37,99,235,.10), rgba(6,182,212,.12)); color: #1d4ed8; margin-bottom: 12px;
}
.tool-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
.tool-card {
  min-height: 112px;
  padding: 16px;
  border-radius: 16px;
  background: rgba(255,255,255,.82);
  border: 1px solid var(--line);
  box-shadow: 0 10px 26px rgba(15,23,42,.045);
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.tool-card:hover { transform: translateY(-2px); border-color: rgba(37,99,235,.22); box-shadow: 0 18px 42px rgba(15,23,42,.08); }
.tool-card b { display: block; margin: 10px 0 6px; }
.trust-strip { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1px; background: var(--line); border: 1px solid var(--line); border-radius: 20px; overflow: hidden; box-shadow: var(--shadow-soft); }
.trust-strip div { background: rgba(255,255,255,.84); padding: 18px; text-align: center; }
.trust-strip strong { display: block; font-size: 26px; letter-spacing: -.035em; margin-bottom: 4px; }
.category-tabs { display: flex; gap: 10px; flex-wrap: wrap; margin-bottom: 16px; }
.category-tab {
  color: #344054;
  background: rgba(255,255,255,.82);
  border: 1px solid var(--line);
  box-shadow: none;
}
.category-tab.active { color: #fff; background: linear-gradient(135deg, #111827, #2563eb); box-shadow: 0 12px 26px rgba(37,99,235,.18); }
.category-grid { display: grid; grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr); gap: 18px; align-items: stretch; }
.category-panel { display: none; }
.category-panel.active { display: grid; gap: 14px; }
.diagram {
  display: grid;
  gap: 12px;
  padding: 20px;
  border-radius: 22px;
  background: linear-gradient(145deg, #0f172a, #172554);
  color: #e5eefc;
  box-shadow: 0 28px 76px rgba(15,23,42,.22);
}
.diagram-row { display: grid; grid-template-columns: 1fr auto 1fr; gap: 10px; align-items: center; }
.diagram-node { border: 1px solid rgba(255,255,255,.13); background: rgba(255,255,255,.08); border-radius: 14px; padding: 12px; }
.step-list { display: grid; gap: 12px; }
.step-item { display: grid; grid-template-columns: 38px 1fr; gap: 12px; align-items: start; }
.step-num { width: 38px; height: 38px; border-radius: 50%; display: grid; place-items: center; background: #e0f2fe; color: #075985; font-weight: 850; }
.faq-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.faq-item {
  padding: 0;
  overflow: hidden;
}
.faq-item summary {
  list-style: none;
  cursor: pointer;
  padding: 18px 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  font-weight: 780;
}
.faq-item summary::-webkit-details-marker { display: none; }
.faq-item summary::after {
  content: "+";
  width: 28px;
  height: 28px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  background: rgba(67,169,134,.14);
  color: #1f6e57;
  flex: 0 0 auto;
  transition: transform .18s ease, background .18s ease;
}
.faq-item[open] summary::after {
  content: "-";
  transform: rotate(180deg);
  background: rgba(67,169,134,.24);
}
.faq-answer {
  padding: 0 20px 20px;
  margin: 0;
}
.footer-band {
  margin-top: 70px;
  border-radius: 26px;
  background: #0b1020;
  color: #e5eefc;
  padding: 34px;
  box-shadow: 0 28px 80px rgba(15,23,42,.25);
}
.pricing-grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 14px; align-items: stretch; }
.pricing-card { padding: 20px; position: relative; transition: transform .18s ease, box-shadow .18s ease; }
.pricing-card.recommended { border-color: rgba(37,99,235,.38); box-shadow: 0 24px 70px rgba(37,99,235,.16); background: linear-gradient(180deg, rgba(255,255,255,.96), rgba(239,246,255,.86)); }
.price { font-size: 32px; font-weight: 850; letter-spacing: -.04em; margin: 12px 0 4px; }
.check-list { list-style: none; padding: 0; margin: 16px 0; display: grid; gap: 10px; color: #475467; font-size: 14px; }
.check-list li { display: flex; gap: 8px; align-items: flex-start; }
.check-list svg { color: var(--green); margin-top: 2px; }
label { display: block; font-weight: 740; color: #344054; margin: 0 0 7px; }
input, select, textarea {
  width: 100%;
  border: 1px solid rgba(15,23,42,.13);
  background: rgba(255,255,255,.9);
  border-radius: 12px;
  padding: 11px 12px;
  min-height: 44px;
  font: inherit;
  color: var(--ink);
  outline: none;
  transition: border-color .18s ease, box-shadow .18s ease, background .18s ease;
}
input:focus, select:focus, textarea:focus { border-color: rgba(37,99,235,.55); box-shadow: 0 0 0 4px rgba(37,99,235,.10); background: #fff; }
input[type="checkbox"] { width: auto; min-height: auto; }
textarea { min-height: 140px; resize: vertical; }
.form-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.form-row { margin-bottom: 16px; }
.workflow { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(280px, .65fr); gap: 18px; align-items: start; }
.estimate-card { position: sticky; top: 88px; padding: 22px; background: linear-gradient(145deg, #111827, #1d4ed8); color: #eff6ff; border-radius: 22px; box-shadow: 0 24px 70px rgba(37,99,235,.25); }
.estimate-value { font-size: 42px; line-height: 1; font-weight: 860; letter-spacing: -.05em; margin: 12px 0; }
.progress { height: 9px; border-radius: 999px; background: rgba(15,23,42,.08); overflow: hidden; margin-top: 12px; }
.progress span { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg, #2563eb, #06b6d4); min-width: 4%; }
.live-panel { padding: 18px; margin: 16px 0; border-radius: 18px; border: 1px solid rgba(37,99,235,.16); background: rgba(239,246,255,.72); box-shadow: var(--shadow-soft); }
.live-static { background: rgba(211,237,226,.58); border-color: rgba(67,169,134,.30); }
.live-static .live-pulse { animation: none; box-shadow: none; background: var(--green); }
.live-head { display: flex; justify-content: space-between; align-items: center; gap: 12px; flex-wrap: wrap; }
.live-title { display: flex; align-items: center; gap: 9px; font-weight: 820; color: #174ea6; }
.live-pulse { width: 10px; height: 10px; border-radius: 50%; background: #06b6d4; box-shadow: 0 0 0 0 rgba(6,182,212,.55); animation: live-pulse 1.25s infinite; }
.live-bar { height: 12px; margin-top: 14px; border-radius: 999px; background: rgba(15,23,42,.10); overflow: hidden; }
.live-bar span { display: block; height: 100%; min-width: 3%; border-radius: inherit; background: linear-gradient(90deg, #2563eb, #06b6d4, #10b981); position: relative; transition: width .35s ease; }
.live-bar span::after { content: ""; position: absolute; inset: 0; background-image: linear-gradient(45deg, rgba(255,255,255,.28) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.28) 50%, rgba(255,255,255,.28) 75%, transparent 75%, transparent); background-size: 28px 28px; animation: live-stripes .9s linear infinite; }
.live-stats { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 10px; margin-top: 14px; }
.live-stat { padding: 12px; border: 1px solid rgba(37,99,235,.12); border-radius: 14px; background: rgba(255,255,255,.70); }
.live-stat small { display: block; color: var(--muted); font-weight: 700; margin-bottom: 4px; }
.live-stat strong { font-size: 21px; }
@keyframes live-pulse { 70% { box-shadow: 0 0 0 10px rgba(6,182,212,0); } 100% { box-shadow: 0 0 0 0 rgba(6,182,212,0); } }
@keyframes live-stripes { to { background-position: 28px 0; } }
.table-wrap { overflow: auto; border: 1px solid var(--line); border-radius: 18px; background: rgba(255,255,255,.8); box-shadow: var(--shadow-soft); }
table { width: 100%; border-collapse: collapse; }
th, td { padding: 14px 16px; text-align: left; border-bottom: 1px solid rgba(15,23,42,.07); font-size: 14px; vertical-align: middle; }
th { color: #667085; font-size: 12px; text-transform: uppercase; letter-spacing: .06em; background: rgba(248,250,252,.75); }
tr:last-child td { border-bottom: 0; }
.stacked-actions { display: grid; gap: 8px; min-width: 240px; margin: 0 0 10px; }
.stacked-actions textarea { min-height: 76px; }
code, pre { font-family: "SFMono-Regular", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; }
code { background: rgba(37,99,235,.08); color: #1644a4; padding: 3px 6px; border-radius: 7px; }
pre { margin: 0; overflow: auto; max-width: 100%; background: #0b1020; color: #e5eefc; border-radius: 16px; padding: 16px; line-height: 1.55; white-space: pre-wrap; word-break: break-word; }
.code-card { background: #0b1020; color: #e5eefc; border-radius: 20px; overflow: hidden; box-shadow: 0 24px 70px rgba(15,23,42,.18); min-width: 0; }
.code-head { display: flex; justify-content: space-between; align-items: center; padding: 12px 14px; border-bottom: 1px solid rgba(255,255,255,.10); color: #aab7ca; font-size: 13px; }
.copy-btn { min-height: 30px; padding: 0 10px; border-radius: 9px; background: rgba(255,255,255,.08); box-shadow: none; color: #dbeafe; border: 1px solid rgba(255,255,255,.12); }
.code-card pre { white-space: pre-wrap; word-break: break-word; }
.badge { box-shadow: none; }
.dot { width: 7px; height: 7px; border-radius: 50%; background: currentColor; display: inline-block; }
.status-queued { color: #7c3aed; background: #f5f3ff; border-color: #ddd6fe; }
.status-running { color: #0369a1; background: #e0f2fe; border-color: #bae6fd; }
.status-succeeded { color: #047857; background: #ecfdf5; border-color: #a7f3d0; }
.status-failed { color: #b91c1c; background: #fef2f2; border-color: #fecaca; }
.status-canceled { color: #475467; background: #f2f4f7; border-color: #e4e7ec; }
.timeline { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; }
.timeline-step { padding: 14px; border-radius: 16px; border: 1px solid var(--line); background: rgba(255,255,255,.72); }
.timeline-step.active { border-color: rgba(37,99,235,.34); background: rgba(239,246,255,.86); color: #174ea6; }
.preview-table td { max-width: 260px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.preview-note { margin: 8px 0 0; max-width: 720px; }
.preview-tools {
  display: grid;
  grid-template-columns: minmax(220px, 1fr) minmax(96px, auto) auto;
  gap: 10px;
  align-items: center;
  margin: 14px 0;
}
.preview-tools label {
  display: flex;
  gap: 8px;
  align-items: center;
  margin: 0;
  padding: 0 10px;
  min-height: 42px;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: rgba(255,255,255,.72);
}
.preview-tools input,
.preview-tools select {
  border: 0;
  background: transparent;
  box-shadow: none;
  min-height: 38px;
  padding: 0;
}
.pagination { display: flex; gap: 8px; align-items: center; justify-content: flex-end; white-space: nowrap; }
.pagination button { min-height: 38px; padding: 0 12px; }
.pagination button:disabled { opacity: .45; cursor: not-allowed; }
.auth-page { min-height: calc(100vh - 72px); display: grid; place-items: center; padding: 40px 0; }
.auth-card { width: min(440px, 100%); padding: 26px; }
.auth-email-form { display: grid; gap: 12px; margin: 18px 0 14px; }
.auth-email-form .form-row { margin: 0; }
.auth-hp { position: absolute; left: -10000px; top: auto; width: 1px; height: 1px; overflow: hidden; }
.auth-divider { display: flex; align-items: center; gap: 12px; margin: 14px 0; color: var(--muted); font-size: 13px; font-weight: 740; }
.auth-divider::before, .auth-divider::after { content: ""; height: 1px; flex: 1; background: var(--line); }
.google-auth-button {
  width: 100%;
  justify-content: center;
  background: linear-gradient(180deg, #ffffff, #f8fafc);
  color: var(--ink);
  border-color: rgba(36,33,31,.18);
  box-shadow: var(--shadow-soft);
}
.button.google-auth-button,
.button.google-auth-button:visited,
.google-auth-button:visited {
  color: var(--ink);
}
.google-auth-button:hover,
.google-auth-button:focus-visible,
.button.google-auth-button:hover,
.button.google-auth-button:focus-visible {
  background: linear-gradient(180deg, #f4fbf8, #eaf7f1);
  color: #1f2a37;
  border-color: rgba(67,169,134,.58);
  box-shadow: 0 0 0 4px rgba(67,169,134,.14), var(--shadow-soft);
}
.google-auth-button:active,
.button.google-auth-button:active {
  background: #dff2ea;
  color: #12382d;
  border-color: rgba(31,110,87,.62);
  box-shadow: inset 0 1px 2px rgba(15,23,42,.10);
  transform: translateY(1px);
}
.google-auth-button:disabled {
  background: #f2f4f7;
  color: #667085;
  border-color: rgba(15,23,42,.10);
  box-shadow: none;
}
.google-auth-icon { width: 22px; height: 22px; display: inline-block; }
.auth-note { margin-top: 14px; padding: 12px 14px; border-radius: 14px; background: rgba(67,169,134,.08); color: #1f6e57; border: 1px solid rgba(67,169,134,.22); }
.auth-error { background: rgba(220,38,38,.08); color: #991b1b; border-color: rgba(220,38,38,.22); }
.secret-box { background: #ecfdf5; border: 1px solid #a7f3d0; color: #065f46; border-radius: 16px; padding: 14px; margin-bottom: 16px; }
.empty { text-align: center; padding: 42px 18px; color: var(--muted); }
.skeleton { position: relative; overflow: hidden; background: rgba(15,23,42,.07); border-radius: 10px; height: 14px; }
.skeleton::after { content: ""; position: absolute; inset: 0; transform: translateX(-100%); background: linear-gradient(90deg, transparent, rgba(255,255,255,.65), transparent); animation: shimmer 1.4s infinite; }
@keyframes shimmer { to { transform: translateX(100%); } }
.toast { border: 1px solid rgba(37,99,235,.16); background: rgba(239,246,255,.88); color: #174ea6; border-radius: 14px; padding: 12px 14px; display: flex; gap: 9px; align-items: flex-start; }
.masked-key { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; letter-spacing: .08em; }
.tabs { display: flex; gap: 8px; flex-wrap: wrap; margin-bottom: 12px; }
.tab { color: #344054; background: rgba(255,255,255,.8); border: 1px solid var(--line); box-shadow: none; min-height: 34px; border-radius: 10px; }
.tab-panel { display: none; }
.tab-panel.active { display: block; }
@media (max-width: 980px) {
  .hero, .workflow, .grid.two { grid-template-columns: 1fr; }
  .pricing-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .tool-grid, .trust-strip, .category-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .category-grid { grid-template-columns: 1fr; }
  .estimate-card { position: static; }
}
@media (max-width: 680px) {
  .nav { align-items: flex-start; }
  .nav-actions { width: 100%; }
  .page { padding: 24px 14px 56px; }
  .hero { padding-top: 30px; }
  .hero h1, .page-title { letter-spacing: -.045em; }
  .pricing-grid, .form-grid, .timeline, .tool-grid, .trust-strip, .faq-grid { grid-template-columns: 1fr; }
  .preview-tools { grid-template-columns: 1fr; }
  .pagination { justify-content: space-between; }
  .output-pills, .flow { grid-template-columns: 1fr 1fr; }
  .coming-soon-wrap::after { display: none; }
}

/* Warm editorial skin inspired by the reference direction. */
:root {
  --bg: #f4f1ec;
  --surface: rgba(251,250,247,.82);
  --surface-strong: #fffdfa;
  --ink: #24211f;
  --muted: #6f6962;
  --subtle: #9c948c;
  --line: rgba(36,33,31,.11);
  --line-strong: rgba(36,33,31,.18);
  --brand: #24211f;
  --brand-2: #43a986;
  --green: #43a986;
  --shadow: 0 16px 42px rgba(36,33,31,.07);
  --shadow-soft: 0 8px 22px rgba(36,33,31,.055);
  --radius: 12px;
}
body {
  background:
    radial-gradient(circle at 50% 12%, rgba(255,255,255,.72), transparent 33rem),
    linear-gradient(180deg, #f7f4ef 0%, #f4f1ec 42%, #ebe6de 100%);
  color: var(--ink);
}
body::before {
  background: linear-gradient(90deg, rgba(36,33,31,.028) 1px, transparent 1px);
  background-size: 96px 96px;
  mask-image: linear-gradient(to bottom, rgba(0,0,0,.24), transparent 55%);
}
.topbar {
  background: rgba(250,248,244,.88);
  border-bottom: 1px solid rgba(36,33,31,.08);
  backdrop-filter: blur(16px);
}
.nav { max-width: min(1480px, calc(100% - 96px)); min-height: 68px; }
.nav-toggle {
  display: none;
  width: 44px;
  height: 44px;
  padding: 0;
  border: 1px solid rgba(36,33,31,.12);
  border-radius: 10px;
  background: rgba(255,253,249,.82);
  color: var(--ink);
  box-shadow: none;
}
.nav-toggle span,
.nav-toggle::before,
.nav-toggle::after {
  content: "";
  width: 18px;
  height: 2px;
  border-radius: 999px;
  background: currentColor;
  display: block;
  transition: transform .2s ease, opacity .2s ease;
}
.nav-toggle {
  flex-direction: column;
  gap: 4px;
  align-items: center;
  justify-content: center;
}
.nav.nav-open .nav-toggle::before { transform: translateY(6px) rotate(45deg); }
.nav.nav-open .nav-toggle span { opacity: 0; }
.nav.nav-open .nav-toggle::after { transform: translateY(-6px) rotate(-45deg); }
.brand {
  font-family: Georgia, "Times New Roman", serif;
  font-size: 27px;
  font-style: italic;
  font-weight: 500;
  letter-spacing: -.04em;
}
.brand-mark {
  display: grid;
  width: 48px;
  height: 36px;
  color: #24211f;
  background: transparent;
  box-shadow: none;
  border-radius: 0;
  flex: 0 0 auto;
}
.brand-mark svg { width: 48px; height: 36px; display: block; }
.brand:hover .brand-grain { transform: translateY(2px); }
.brand-grain { transform-origin: center; transition: transform .25s ease; }
.nav-links { justify-content: center; }
.nav-links a {
  color: #4f4944;
  font-size: 15px;
  font-weight: 640;
  border-radius: 999px;
}
.nav-links a:hover { background: rgba(36,33,31,.055); color: var(--ink); transform: none; }
.page { max-width: 1180px; padding-top: 26px; }
.page:has(.amazon-landing) { max-width: min(1480px, calc(100% - 48px)); }
.hero {
  display: block;
  text-align: center;
  padding: 86px 0 96px;
}
.hero h1, .page-title {
  font-family: Georgia, "Times New Roman", serif;
  font-weight: 400;
  font-style: italic;
  letter-spacing: -.055em;
  color: #25211f;
}
.hero h1 {
  max-width: 980px;
  margin: 18px auto 18px;
  font-size: 92px;
  line-height: .9;
  letter-spacing: 0;
}
.page-title {
  max-width: 920px;
  font-size: clamp(54px, 7vw, 92px);
  line-height: .9;
}
.lead {
  margin-left: auto;
  margin-right: auto;
  color: #5f5953;
  font-size: 20px;
  line-height: 1.58;
}
.actions { justify-content: center; }
.button, button {
  border-radius: 8px;
  min-height: 44px;
  padding: 0 18px;
  color: #fffaf4;
  background: #24211f;
  box-shadow: 0 10px 22px rgba(36,33,31,.13);
}
.button:hover, button:hover { box-shadow: 0 14px 28px rgba(36,33,31,.16); transform: translateY(-1px); }
.button.secondary, button.secondary {
  color: #24211f;
  background: rgba(255,253,249,.78);
  border-color: rgba(36,33,31,.16);
  box-shadow: none;
}
.button.ghost { color: #4f4944; border-color: transparent; }
.button.green, button.green {
  background: var(--green);
  color: #fff;
  box-shadow: 0 12px 24px rgba(67,169,134,.18);
}
.button.google-auth-button,
.button.google-auth-button:visited,
button.google-auth-button {
  width: 100%;
  justify-content: center;
  background: linear-gradient(180deg, #ffffff, #f8fafc);
  color: #25211f;
  border-color: rgba(36,33,31,.18);
  box-shadow: var(--shadow-soft);
}
.button.google-auth-button:hover,
.button.google-auth-button:focus-visible,
button.google-auth-button:hover,
button.google-auth-button:focus-visible {
  background: linear-gradient(180deg, #f4fbf8, #eaf7f1);
  color: #1f2a37;
  border-color: rgba(67,169,134,.58);
  box-shadow: 0 0 0 4px rgba(67,169,134,.14), var(--shadow-soft);
}
.button.google-auth-button:active,
button.google-auth-button:active {
  background: #dff2ea;
  color: #12382d;
  border-color: rgba(31,110,87,.62);
  box-shadow: inset 0 1px 2px rgba(15,23,42,.10);
  transform: translateY(1px);
}
button.google-auth-button:disabled {
  background: #f2f4f7;
  color: #667085;
  border-color: rgba(15,23,42,.10);
  box-shadow: none;
}
.queue-job-button {
  position: relative;
  width: 100%;
  min-height: 58px;
  margin-top: 18px;
  overflow: hidden;
  border-color: rgba(167,243,208,.55);
  color: #ffffff;
  background: linear-gradient(135deg, #43a986, #0f8b68 55%, #087356);
  box-shadow: 0 22px 46px rgba(67,169,134,.36), 0 0 0 0 rgba(67,169,134,.36);
  animation: queue-glow 1.8s ease-in-out infinite;
}
.queue-job-button::before {
  content: "";
  position: absolute;
  inset: -2px;
  background: linear-gradient(110deg, transparent 0 32%, rgba(255,255,255,.38) 45%, transparent 58% 100%);
  transform: translateX(-115%);
  animation: queue-sheen 2.4s ease-in-out infinite;
}
.queue-job-button .icon, .queue-job-button svg {
  position: relative;
  z-index: 1;
}
.queue-job-button span {
  position: relative;
  z-index: 1;
}
.queue-job-button:hover {
  background: linear-gradient(135deg, #55bd98, #0f8b68 60%, #06694f);
  box-shadow: 0 26px 54px rgba(67,169,134,.44);
}
@keyframes queue-glow {
  0%, 100% { box-shadow: 0 22px 46px rgba(67,169,134,.36), 0 0 0 0 rgba(67,169,134,.30); }
  50% { box-shadow: 0 28px 64px rgba(67,169,134,.48), 0 0 0 8px rgba(67,169,134,.10); }
}
@keyframes queue-sheen {
  0%, 35% { transform: translateX(-115%); }
  70%, 100% { transform: translateX(115%); }
}
.eyebrow, .badge {
  background: rgba(211,237,226,.78);
  border-color: rgba(67,169,134,.42);
  color: #1f6e57;
  box-shadow: none;
  text-transform: none;
}
.card, .metric, .band, .pricing-card, .panel {
  background: rgba(255,253,249,.72);
  border-color: rgba(36,33,31,.12);
  border-radius: 8px;
  box-shadow: var(--shadow-soft);
  backdrop-filter: blur(12px);
}
.section { margin-top: 74px; }
.section-head { justify-content: center; text-align: center; }
.section-head h2, h2 {
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(38px, 5vw, 62px);
  font-weight: 400;
  font-style: italic;
  letter-spacing: -.045em;
  line-height: .95;
}
h3 { letter-spacing: -.01em; }
.feature-icon {
  background: transparent;
  color: #5b554f;
  width: 32px;
  height: 32px;
  margin-bottom: 8px;
}
.feature-card:hover, .pricing-card:hover, .tool-card:hover {
  border-color: rgba(36,33,31,.22);
  box-shadow: 0 14px 30px rgba(36,33,31,.08);
}
.trust-strip {
  max-width: 740px;
  margin: 0 auto;
  border-radius: 999px;
  background: rgba(255,253,249,.76);
  box-shadow: none;
}
.trust-strip div { background: transparent; }
.trust-strip strong {
  font-family: Georgia, "Times New Roman", serif;
  font-style: italic;
  font-weight: 400;
  font-size: 33px;
}
.tool-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}
.tool-card {
  min-height: 132px;
  border-radius: 8px;
  background: rgba(255,253,249,.72);
  box-shadow: var(--shadow-soft);
}
.tool-card b { font-size: 17px; margin: 10px 0 8px; }
.category-tabs, .api-tabs {
  display: flex;
  gap: 8px;
  justify-content: center;
  flex-wrap: wrap;
  padding: 10px;
  margin: 0 auto 18px;
  border: 1px solid rgba(36,33,31,.08);
  border-radius: 999px;
  background: rgba(255,253,249,.58);
  width: fit-content;
}
.category-tab, .api-tab {
  border-radius: 999px;
  color: #4f4944;
  background: rgba(255,253,249,.82);
  border: 1px solid rgba(36,33,31,.13);
  box-shadow: none;
}
.category-tab.active, .api-tab.active {
  background: var(--green);
  color: #fff;
  border-color: var(--green);
  box-shadow: none;
}
.category-tab.disabled {
  opacity: .48;
  cursor: not-allowed;
  background: rgba(255,253,249,.54);
}
.coming-soon-wrap { position: relative; display: inline-flex; }
.coming-soon-wrap::after {
  content: attr(data-tooltip);
  position: absolute;
  left: 50%;
  bottom: calc(100% + 8px);
  transform: translateX(-50%) translateY(4px);
  width: max-content;
  max-width: 230px;
  padding: 8px 10px;
  border-radius: 8px;
  background: #24211f;
  color: #fffaf4;
  font-size: 12px;
  font-weight: 720;
  opacity: 0;
  pointer-events: none;
  transition: opacity .16s ease, transform .16s ease;
  z-index: 4;
}
.coming-soon-wrap:hover::after, .coming-soon-wrap:focus-within::after {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}
.category-grid { grid-template-columns: 1fr; max-width: 980px; margin: 0 auto; }
.diagram {
  display: none;
}
.api-demo {
  display: grid;
  grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr);
  gap: 14px;
  padding: 12px;
  border: 1px solid rgba(36,33,31,.08);
  border-radius: 14px;
  background: rgba(255,253,249,.48);
}
.api-panel { display: none; }
.api-panel.active { display: block; }
.inline-demo-form {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  margin: 16px 0 0;
  align-items: end;
}
.inline-demo-form label { margin-bottom: 6px; }
.inline-demo-form button, .demo-form button { white-space: nowrap; }
.compact-field { margin: 0; }
.demo-depth-field { display: none; }
.api-panel[data-api-panel="search_url"] .demo-depth-field,
.api-panel[data-api-panel="category_url"] .demo-depth-field { display: flex; }
.demo-auth-note {
  align-self: center;
  color: var(--muted);
  font-weight: 700;
  line-height: 1.35;
}
.demo-auth-card {
  margin-top: 18px;
  padding: 18px;
  border: 1px solid var(--border);
  border-radius: 14px;
  background: linear-gradient(135deg, rgba(68, 171, 134, .13), rgba(255, 253, 249, .95));
}
.demo-auth-card .actions { margin-top: 14px; }
.sample-launcher {
  display: grid;
  gap: 12px;
  margin: 22px 0 18px;
  padding: 16px;
  border: 1px solid rgba(36,33,31,.11);
  border-radius: 16px;
  background: rgba(255,253,249,.86);
  box-shadow: 0 16px 42px rgba(36,31,28,.08);
}
.sample-launcher label {
  display: grid;
  gap: 7px;
  color: #4f4841;
  font-size: 13px;
  font-weight: 850;
}
.sample-launcher textarea,
.sample-launcher select,
.sample-launcher input {
  width: 100%;
  min-height: 44px;
  border: 1px solid rgba(36,33,31,.13);
  border-radius: 10px;
  background: rgba(255,255,255,.90);
  color: #241f1c;
  font: inherit;
  font-size: 14px;
  font-weight: 700;
}
.sample-launcher textarea {
  min-height: 92px;
  resize: vertical;
  padding: 11px 12px;
  line-height: 1.4;
}
.sample-launcher select,
.sample-launcher input {
  padding: 0 11px;
}
.sample-launcher-controls {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(84px, .38fr);
  gap: 10px;
}
.sample-launcher-actions {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}
.sample-launcher-note {
  color: #665f58;
  font-size: 12px;
  font-weight: 740;
  line-height: 1.35;
}
.product-proof-grid {
  display: grid;
  grid-template-columns: minmax(320px, .58fr) minmax(0, 1.42fr);
  gap: 18px;
  align-items: stretch;
}
.product-proof-intro {
  padding: 24px;
  border: 1px solid rgba(36,33,31,.10);
  border-radius: 18px;
  background: rgba(255,253,249,.76);
  box-shadow: var(--shadow-soft);
}
.product-proof-intro .lead {
  margin-left: 0;
}
.proof-run-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  align-items: stretch;
}
.proof-run-card:last-child {
  grid-column: 1 / -1;
}
.proof-run-card {
  display: grid;
  align-content: space-between;
  gap: 14px;
  min-height: 210px;
  padding: 18px;
  border: 1px solid rgba(36,33,31,.10);
  border-radius: 18px;
  background:
    radial-gradient(circle at 88% 10%, rgba(67,169,134,.13), transparent 7rem),
    rgba(255,253,249,.78);
  box-shadow: var(--shadow-soft);
}
.proof-run-card > span {
  color: var(--green);
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .06em;
  text-transform: uppercase;
}
.proof-run-card h3 {
  margin: 0;
  font-size: 28px;
  line-height: 1.03;
}
.proof-run-card p {
  margin: 0;
  color: #665f58;
  line-height: 1.42;
}
.proof-run-stats {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}
.proof-run-stats div {
  padding: 10px;
  border: 1px solid rgba(36,33,31,.08);
  border-radius: 12px;
  background: rgba(255,255,255,.56);
}
.proof-run-stats dt {
  margin: 0 0 4px;
  color: #746b63;
  font-size: 11px;
  font-weight: 850;
  text-transform: uppercase;
}
.proof-run-stats dd {
  margin: 0;
  color: #2d2925;
  font-size: 16px;
  font-weight: 900;
}
.browser-frame {
  overflow: hidden;
  min-height: 470px;
  border-radius: 12px;
  border: 1px solid rgba(36,33,31,.12);
  background: #fffdfa;
  box-shadow: var(--shadow-soft);
}
.browser-top {
  display: flex;
  gap: 7px;
  padding: 14px 16px;
  border-bottom: 1px solid rgba(36,33,31,.09);
}
.browser-top span {
  width: 11px;
  height: 11px;
  border-radius: 50%;
}
.browser-top span:nth-child(1) { background: #f5534d; }
.browser-top span:nth-child(2) { background: #f5be31; }
.browser-top span:nth-child(3) { background: #39c66d; }
.product-mock {
  display: grid;
  grid-template-columns: .74fr 1fr;
  gap: 22px;
  padding: 26px;
}
.product-art {
  min-height: 320px;
  border-radius: 8px;
  background:
    radial-gradient(ellipse at center, rgba(36,33,31,.18), transparent 48%),
    linear-gradient(140deg, #25211f, #4b4642);
  position: relative;
}
.product-art::after {
  content: "";
  position: absolute;
  left: 24%;
  top: 15%;
  width: 48%;
  height: 70%;
  border: 16px solid rgba(255,253,249,.9);
  border-bottom-width: 30px;
  border-radius: 34px 34px 24px 24px;
  opacity: .48;
}
.listing-mock {
  display: grid;
  gap: 10px;
  padding: 16px;
}
.listing-row {
  display: grid;
  grid-template-columns: 58px minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
  padding: 12px;
  border: 1px solid rgba(36,33,31,.09);
  border-radius: 8px;
  background: rgba(255,253,249,.84);
}
.listing-thumb {
  width: 58px;
  height: 58px;
  border-radius: 8px;
  object-fit: contain;
  background: #fff;
  border: 1px solid rgba(36,33,31,.08);
}
.listing-thumb.placeholder {
  background:
    radial-gradient(circle at 45% 45%, rgba(36,33,31,.28), transparent 35%),
    linear-gradient(145deg, rgba(67,169,134,.16), rgba(36,33,31,.08));
}
.listing-mock > b {
  display: flex;
  justify-content: space-between;
  gap: 14px;
  align-items: center;
}
.listing-mock > b span {
  color: var(--green);
  font-size: 12px;
  font-family: Inter, Arial, sans-serif;
  font-style: normal;
  letter-spacing: 0;
}
.listing-row b, .listing-row span { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.listing-row small { color: var(--muted); }
.export-mock {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  padding: 24px;
}
.export-file {
  min-height: 130px;
  padding: 18px;
  border-radius: 10px;
  border: 1px solid rgba(36,33,31,.10);
  background:
    linear-gradient(135deg, rgba(255,253,249,.96), rgba(211,237,226,.42));
  display: grid;
  align-content: center;
  justify-items: center;
  gap: 8px;
  font-weight: 820;
  position: relative;
  overflow: hidden;
}
.export-file::after {
  content: "";
  position: absolute;
  inset: 0;
  transform: translateX(-120%);
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.72), transparent);
  animation: export-sheen 2.8s ease-in-out infinite;
}
.export-file .icon { width: 28px; height: 28px; color: var(--green); }
@keyframes export-sheen {
  55% { transform: translateX(-120%); }
  100% { transform: translateX(120%); }
}
.landing-split {
  display: grid;
  grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
  gap: 18px;
  align-items: stretch;
}
.copy-panel {
  padding: 26px;
  display: grid;
  align-content: center;
}
.proof-list {
  list-style: none;
  margin: 18px 0 0;
  padding: 0;
  display: grid;
  gap: 10px;
}
.proof-list li {
  display: flex;
  gap: 9px;
  align-items: flex-start;
  color: #5f5953;
}
.proof-list svg { color: var(--green); margin-top: 3px; }
.cli-showcase {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 18px;
  align-items: stretch;
}
.cli-card {
  background: #101827;
  color: #f7f1e9;
  border: 1px solid rgba(255,255,255,.10);
  border-radius: 12px;
  box-shadow: 0 22px 52px rgba(16,24,39,.18);
  overflow: hidden;
  min-width: 0;
}
.cli-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 12px 14px;
  border-bottom: 1px solid rgba(255,255,255,.10);
  color: #c9d4e2;
  font-size: 13px;
}
.cli-body { padding: 18px; }
.cli-body pre {
  background: transparent;
  padding: 0;
  border-radius: 0;
  min-height: 0;
  color: #f7f1e9;
  font-size: 13px;
  white-space: nowrap;
  overflow-x: auto;
}
.cli-line { color: #43a986; font-weight: 800; }
.worker-gallery {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 22px;
  align-items: start;
  max-width: 1120px;
  margin: 0 auto;
}
.worker-shot {
  overflow: hidden;
  padding: 0;
  position: relative;
}
.worker-shot img {
  width: 100%;
  display: block;
  aspect-ratio: 16 / 8;
  object-fit: cover;
  object-position: top center;
  background: #fffdfa;
  border-bottom: 1px solid rgba(36,33,31,.10);
}
.worker-shot div { padding: 16px 18px 18px; }
.worker-flow {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin-bottom: 16px;
}
.worker-flow span {
  position: relative;
  padding: 12px 14px;
  border: 1px solid rgba(67,169,134,.22);
  border-radius: 10px;
  background: rgba(211,237,226,.38);
  font-weight: 830;
  overflow: hidden;
}
.worker-flow span::after {
  content: "";
  position: absolute;
  inset: 0;
  transform: translateX(-120%);
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.72), transparent);
  animation: export-sheen 2.4s ease-in-out infinite;
}
.worker-flow span:nth-child(2)::after { animation-delay: .35s; }
.worker-flow span:nth-child(3)::after { animation-delay: .7s; }
.export-stage {
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(36,33,31,.10);
  border-radius: 12px;
  background:
    linear-gradient(180deg, rgba(255,253,249,.90), rgba(255,253,249,.66)),
    radial-gradient(circle at 12% 8%, rgba(67,169,134,.18), transparent 24rem);
  padding: 18px;
  min-height: 270px;
}
.export-source {
  position: absolute;
  z-index: 4;
  left: 18px;
  top: 18px;
  width: 132px;
  border-radius: 12px;
  padding: 12px;
  color: #f7f1e9;
  background: #24211f;
  box-shadow: 0 16px 34px rgba(36,33,31,.16);
}
.export-source b { display: block; font-size: 13px; }
.export-source small { display: block; margin-top: 4px; color: rgba(247,241,233,.72); }
.export-path {
  position: absolute;
  z-index: 1;
  left: 160px;
  right: 26px;
  top: 58px;
  height: 2px;
  background: linear-gradient(90deg, rgba(67,169,134,.22), rgba(67,169,134,.72));
}
.export-path::before,
.export-path::after {
  content: "";
  position: absolute;
  top: -5px;
  width: 12px;
  height: 12px;
  border-top: 2px solid rgba(67,169,134,.72);
  border-right: 2px solid rgba(67,169,134,.72);
  transform: rotate(45deg);
}
.export-path::before { left: 32%; }
.export-path::after { right: 0; }
.drop-lane {
  position: absolute;
  z-index: 1;
  top: 58px;
  height: 86px;
  width: 1px;
  background: linear-gradient(180deg, rgba(67,169,134,.56), rgba(67,169,134,.10));
}
.drop-lane::after {
  content: "";
  position: absolute;
  left: -4px;
  bottom: -1px;
  width: 8px;
  height: 8px;
  border-right: 2px solid rgba(67,169,134,.62);
  border-bottom: 2px solid rgba(67,169,134,.62);
  transform: rotate(45deg);
}
.drop-lane:nth-of-type(1) { left: calc(12.5% + 3px); }
.drop-lane:nth-of-type(2) { left: calc(37.5% + 3px); }
.drop-lane:nth-of-type(3) { left: calc(62.5% + 3px); }
.drop-lane:nth-of-type(4) { left: calc(87.5% + 3px); }
.data-token {
  position: absolute;
  z-index: 5;
  left: 92px;
  top: 43px;
  padding: 7px 10px;
  min-width: 48px;
  text-align: center;
  border-radius: 999px;
  color: #1f6e57;
  background: #d3ede2;
  border: 1px solid rgba(67,169,134,.38);
  box-shadow: 0 12px 24px rgba(67,169,134,.16);
  font-size: 12px;
  font-weight: 900;
  opacity: 0;
  pointer-events: none;
}
.token-jsonl { animation: fly-jsonl 4.8s cubic-bezier(.2,.8,.2,1) infinite; }
.token-csv { animation: fly-csv 4.8s cubic-bezier(.2,.8,.2,1) .7s infinite; }
.token-xlsx { animation: fly-xlsx 4.8s cubic-bezier(.2,.8,.2,1) 1.4s infinite; }
.token-md { animation: fly-md 4.8s cubic-bezier(.2,.8,.2,1) 2.1s infinite; }
.format-grid.in-stage {
  position: relative;
  z-index: 3;
  margin-top: 104px;
}
.format-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}
.format-card {
  padding: 16px;
  border: 1px solid rgba(36,33,31,.10);
  border-radius: 10px;
  background: rgba(255,253,249,.74);
  display: grid;
  gap: 10px;
  min-height: 112px;
  position: relative;
  overflow: hidden;
  animation: format-lift 4.8s ease-in-out infinite;
}
.format-card:nth-child(2) { animation-delay: .7s; }
.format-card:nth-child(3) { animation-delay: 1.4s; }
.format-card:nth-child(4) { animation-delay: 2.1s; }
.format-card:hover { transform: translateY(-3px); }
.format-card::before {
  content: "";
  position: absolute;
  inset: -45%;
  background: radial-gradient(circle at 28% 22%, rgba(67,169,134,.16), transparent 34%);
  opacity: .65;
  animation: card-glow 4.8s ease-in-out infinite;
}
.format-card:nth-child(2)::before { animation-delay: .7s; }
.format-card:nth-child(3)::before { animation-delay: 1.4s; }
.format-card:nth-child(4)::before { animation-delay: 2.1s; }
.format-card .format-pulse {
  position: absolute;
  right: 14px;
  top: 14px;
  width: 9px;
  height: 9px;
  border-radius: 999px;
  background: var(--green);
  box-shadow: 0 0 0 0 rgba(67,169,134,.45);
  animation: live-pulse 1.2s infinite;
}
.format-icon {
  width: 42px;
  height: 42px;
  border-radius: 8px;
  display: grid;
  place-items: center;
  background: rgba(67,169,134,.14);
  color: #1f6e57;
  font-weight: 900;
  position: relative;
  animation: format-pop 4.8s ease-in-out infinite;
}
.format-icon::after {
  content: "";
  position: absolute;
  inset: -7px;
  border-radius: 12px;
  border: 1px solid rgba(67,169,134,.42);
  opacity: 0;
  animation: receive-ring 4.8s ease-in-out infinite;
}
.format-card:nth-child(2) .format-icon,
.format-card:nth-child(2) .format-icon::after { animation-delay: .7s; }
.format-card:nth-child(3) .format-icon,
.format-card:nth-child(3) .format-icon::after { animation-delay: 1.4s; }
.format-card:nth-child(4) .format-icon,
.format-card:nth-child(4) .format-icon::after { animation-delay: 2.1s; }
.format-card b { font-size: 18px; }
.format-card span { color: var(--muted); font-size: 13px; }
.format-card .format-icon {
  color: #1f6e57;
  font-size: 13px;
}
@keyframes fly-jsonl {
  0% { left: 92px; top: 43px; opacity: 0; transform: scale(.74); }
  9% { opacity: 1; }
  42% { left: calc(12.5% - 18px); top: 43px; transform: scale(1); }
  68% { left: calc(12.5% - 18px); top: 134px; opacity: 1; transform: scale(.82); }
  86%, 100% { left: calc(12.5% - 18px); top: 134px; opacity: 0; transform: scale(.45); }
}
@keyframes fly-csv {
  0% { left: 92px; top: 43px; opacity: 0; transform: scale(.74); }
  9% { opacity: 1; }
  42% { left: calc(37.5% - 18px); top: 43px; transform: scale(1); }
  68% { left: calc(37.5% - 18px); top: 134px; opacity: 1; transform: scale(.82); }
  86%, 100% { left: calc(37.5% - 18px); top: 134px; opacity: 0; transform: scale(.45); }
}
@keyframes fly-xlsx {
  0% { left: 92px; top: 43px; opacity: 0; transform: scale(.74); }
  9% { opacity: 1; }
  42% { left: calc(62.5% - 18px); top: 43px; transform: scale(1); }
  68% { left: calc(62.5% - 18px); top: 134px; opacity: 1; transform: scale(.82); }
  86%, 100% { left: calc(62.5% - 18px); top: 134px; opacity: 0; transform: scale(.45); }
}
@keyframes fly-md {
  0% { left: 92px; top: 43px; opacity: 0; transform: scale(.74); }
  9% { opacity: 1; }
  42% { left: calc(87.5% - 18px); top: 43px; transform: scale(1); }
  68% { left: calc(87.5% - 18px); top: 134px; opacity: 1; transform: scale(.82); }
  86%, 100% { left: calc(87.5% - 18px); top: 134px; opacity: 0; transform: scale(.45); }
}
@keyframes format-pop {
  0%, 100% { transform: scale(1); }
  67% { transform: scale(1); }
  73% { transform: scale(1.16); }
  82% { transform: scale(1); }
}
@keyframes format-lift {
  0%, 100% { box-shadow: var(--shadow-soft); }
  70% { transform: translateY(0); box-shadow: var(--shadow-soft); }
  76% { transform: translateY(-4px); box-shadow: 0 20px 42px rgba(67,169,134,.18); }
  88% { transform: translateY(0); box-shadow: var(--shadow-soft); }
}
@keyframes receive-ring {
  0%, 66% { opacity: 0; transform: scale(.72); }
  73% { opacity: 1; transform: scale(1.08); }
  88%, 100% { opacity: 0; transform: scale(1.42); }
}
@keyframes card-glow {
  0%, 64%, 100% { opacity: .25; }
  75% { opacity: .95; }
}
.command-section {
  position: relative;
  overflow: hidden;
  padding-top: 84px;
  padding-bottom: 88px;
}
.command-section::before {
  content: "";
  position: absolute;
  inset: 130px -10% 10px;
  z-index: -1;
  background:
    radial-gradient(circle at 18% 52%, rgba(67,169,134,.16), transparent 23rem),
    radial-gradient(circle at 82% 48%, rgba(16,24,39,.10), transparent 24rem);
  pointer-events: none;
}
.export-flow {
  position: relative;
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
}
.export-flow h3 {
  margin-left: 8px;
  margin-bottom: 12px;
}
.export-flow .export-stage {
  min-height: 420px;
  padding: 285px 8px 16px;
  border: 0;
  border-radius: 0;
  background: transparent;
  overflow: visible;
}
.export-flow .export-source {
  left: 50%;
  top: 22px;
  transform: translateX(-50%);
  width: 220px;
  display: flex;
  align-items: center;
  gap: 12px;
  border-radius: 16px;
  background: #24211f;
}
.export-source .source-copy b { font-size: 14px; }
.export-source .source-copy small { font-size: 12px; }
.export-brand-mark {
  display: block;
  width: 78px;
  height: 48px;
  flex: 0 0 auto;
}
.amazon-mark .amazon-bg { fill: currentColor; }
.amazon-mark .amazon-word {
  fill: #fffdfa;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 800;
  letter-spacing: -.02em;
}
.amazon-mark .smile { stroke: #ff9900; }
.export-source .amazon-mark .amazon-bg { fill: #fffdfa; }
.export-source .amazon-mark .amazon-word { fill: #24211f; }
.export-lines {
  position: absolute;
  z-index: 1;
  inset: 0 0 70px;
  width: 100%;
  height: 330px;
  overflow: visible;
  pointer-events: none;
}
.export-lines path {
  fill: none;
  stroke: rgba(67,169,134,.46);
  stroke-width: 2.6;
  stroke-linecap: round;
  stroke-dasharray: 10 10;
  filter: drop-shadow(0 0 10px rgba(67,169,134,.26));
  animation: line-flow 1.8s linear infinite;
}
.export-lines .line-primary {
  stroke: rgba(67,169,134,.82);
  stroke-width: 3.2;
}
.data-token {
  width: 72px;
  height: 48px;
  min-width: 0;
  padding: 0;
  display: grid;
  place-items: center;
  border-radius: 16px;
  color: #24211f;
  background: #fffdfa;
  border: 1px solid rgba(67,169,134,.32);
  box-shadow: 0 24px 52px rgba(67,169,134,.28), 0 0 0 10px rgba(211,237,226,.28);
}
.data-token::after {
  content: "";
  position: absolute;
  inset: -10px;
  z-index: -1;
  border-radius: 24px;
  background: radial-gradient(circle, rgba(67,169,134,.24), transparent 64%);
  animation: token-glow 1.15s ease-in-out infinite alternate;
}
.data-token .export-brand-mark {
  width: 58px;
  height: 36px;
}
.data-token .amazon-mark .amazon-word { fill: #fffdfa; }
.token-jsonl { animation: fly-jsonl 5.8s cubic-bezier(.18,.85,.2,1) -1.3s infinite; }
.token-csv { animation: fly-csv 5.8s cubic-bezier(.18,.85,.2,1) -2.7s infinite; }
.token-xlsx { animation: fly-xlsx 5.8s cubic-bezier(.18,.85,.2,1) -4.1s infinite; }
.token-md { animation: fly-md 5.8s cubic-bezier(.18,.85,.2,1) -5.2s infinite; }
.format-grid.in-stage {
  margin-top: 0;
  gap: 16px;
}
.format-card {
  min-height: 128px;
  padding: 18px;
  border-radius: 16px;
  background: rgba(255,253,249,.62);
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  box-shadow: 0 24px 56px rgba(36,33,31,.10);
}
.format-card::before {
  background:
    radial-gradient(circle at 22% 20%, rgba(67,169,134,.18), transparent 30%),
    linear-gradient(120deg, transparent 25%, rgba(255,255,255,.58), transparent 62%);
}
.format-icon {
  width: 56px;
  height: 56px;
  border-radius: 14px;
  color: #1f6e57;
}
.format-svg {
  width: 34px;
  height: 34px;
  display: block;
}
.format-card b {
  font-size: 20px;
  letter-spacing: 0;
}
.format-card .format-pulse {
  right: 18px;
  top: 18px;
}
@keyframes line-flow {
  to { stroke-dashoffset: -36; }
}
@keyframes token-glow {
  from { opacity: .45; transform: scale(.86); }
  to { opacity: 1; transform: scale(1.08); }
}
@keyframes fly-jsonl {
  0% { left: calc(50% - 36px); top: 86px; opacity: 0; transform: translate3d(0,0,0) scale(.62) rotate(-10deg); }
  10% { opacity: 1; }
  36% { left: calc(50% - 36px); top: 150px; transform: scale(1) rotate(5deg); }
  70% { left: calc(12.5% - 36px); top: 238px; opacity: 1; transform: scale(.88) rotate(0); }
  90%, 100% { left: calc(12.5% - 36px); top: 300px; opacity: 0; transform: scale(.44) rotate(0); }
}
@keyframes fly-csv {
  0% { left: calc(50% - 36px); top: 86px; opacity: 0; transform: translate3d(0,0,0) scale(.62) rotate(-8deg); }
  10% { opacity: 1; }
  36% { left: calc(50% - 36px); top: 150px; transform: scale(1) rotate(5deg); }
  70% { left: calc(37.5% - 36px); top: 238px; opacity: 1; transform: scale(.88) rotate(0); }
  90%, 100% { left: calc(37.5% - 36px); top: 300px; opacity: 0; transform: scale(.44) rotate(0); }
}
@keyframes fly-xlsx {
  0% { left: calc(50% - 36px); top: 86px; opacity: 0; transform: translate3d(0,0,0) scale(.62) rotate(-6deg); }
  10% { opacity: 1; }
  36% { left: calc(50% - 36px); top: 150px; transform: scale(1) rotate(-5deg); }
  70% { left: calc(62.5% - 36px); top: 238px; opacity: 1; transform: scale(.88) rotate(0); }
  90%, 100% { left: calc(62.5% - 36px); top: 300px; opacity: 0; transform: scale(.44) rotate(0); }
}
@keyframes fly-md {
  0% { left: calc(50% - 36px); top: 86px; opacity: 0; transform: translate3d(0,0,0) scale(.62) rotate(-4deg); }
  10% { opacity: 1; }
  36% { left: calc(50% - 36px); top: 150px; transform: scale(1) rotate(6deg); }
  70% { left: calc(87.5% - 36px); top: 238px; opacity: 1; transform: scale(.88) rotate(0); }
  90%, 100% { left: calc(87.5% - 36px); top: 300px; opacity: 0; transform: scale(.44) rotate(0); }
}
.mock-lines { display: grid; gap: 12px; align-content: start; }
.mock-line { height: 13px; border-radius: 999px; background: rgba(36,33,31,.11); }
.mock-line.long { width: 100%; }
.mock-line.mid { width: 72%; }
.mock-price {
  margin-top: 8px;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 44px;
  font-style: italic;
}
.json-panel {
  border-radius: 12px;
  overflow: hidden;
  background: #101827;
  color: #f5f0e8;
  box-shadow: 0 18px 46px rgba(16,24,39,.18);
}
.json-panel pre {
  height: 470px;
  max-height: 470px;
  min-height: 0;
  background: #101827;
  color: #f5f0e8;
  border-radius: 0;
  overflow: auto;
  font-size: 12px;
  line-height: 1.62;
  tab-size: 2;
}
.syntax-json,
.syntax-shell {
  color: #dff7ef;
}
.tok-key { color: #7dd3fc; }
.tok-string { color: #a7f3d0; }
.tok-number { color: #fbbf24; }
.tok-literal { color: #c4b5fd; }
.tok-command { color: #f5f0e8; font-weight: 900; }
.tok-flag { color: #93c5fd; }
.tok-url { color: #a7f3d0; }
.tok-var { color: #fbbf24; }
.syntax-json::-webkit-scrollbar,
.syntax-shell::-webkit-scrollbar,
.hero-code-card pre::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
.syntax-json::-webkit-scrollbar-thumb,
.syntax-shell::-webkit-scrollbar-thumb,
.hero-code-card pre::-webkit-scrollbar-thumb {
  background: rgba(211,237,226,.30);
  border: 2px solid rgba(16,24,39,.88);
  border-radius: 999px;
}
.prompt { color: #43a986; }
.mini-button {
  color: #4f4944;
  border-color: rgba(36,33,31,.14);
  background: rgba(255,253,249,.74);
}
.footer-band {
  background: #24211f;
  color: #f6f1ea;
  border-radius: 12px;
  box-shadow: 0 22px 52px rgba(36,33,31,.18);
}
.footer-band .muted { color: #cfc6bc; }
.pricing-grid { grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 14px; }
.pricing-card {
  min-height: 360px;
  padding: 22px;
}
.pricing-card.recommended {
  background: #24211f;
  color: #f7f1e9;
  border-color: #24211f;
  box-shadow: 0 20px 48px rgba(36,33,31,.18);
}
.pricing-card.recommended .muted, .pricing-card.recommended .check-list { color: #cfc6bc; }
.pricing-card.recommended .button, .pricing-card.recommended button {
  color: #24211f;
  background: #fffaf4;
}
.price {
  font-family: Georgia, "Times New Roman", serif;
  font-weight: 400;
  font-style: italic;
  font-size: 54px;
}
.check-list { color: #5f5953; }
label { color: #4f4944; }
input, select, textarea {
  border-radius: 8px;
  border-color: rgba(36,33,31,.14);
  background: rgba(255,253,249,.82);
}
input:focus, select:focus, textarea:focus {
  border-color: rgba(67,169,134,.68);
  box-shadow: 0 0 0 4px rgba(67,169,134,.13);
}
.estimate-card {
  border-radius: 12px;
  background: #24211f;
  color: #fffaf4;
  box-shadow: 0 18px 40px rgba(36,33,31,.15);
}
.progress span { background: var(--green); }
.table-wrap, .timeline-step { background: rgba(255,253,249,.7); border-radius: 8px; }
th { background: rgba(244,241,236,.72); color: #6f6962; }
.sort-head {
  width: 100%;
  min-height: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  color: inherit;
  justify-content: flex-start;
  text-transform: inherit;
  letter-spacing: inherit;
  font: inherit;
}
.sort-head:hover,
.sort-head.active {
  color: #1f6e57;
  background: transparent;
  box-shadow: none;
}
.sort-head span {
  display: inline-block;
  min-width: 14px;
  margin-left: 6px;
  color: #43a986;
  font-size: 11px;
  line-height: 1;
}
code { background: rgba(67,169,134,.12); color: #1f6e57; }
.code-card, pre { background: #101827; }
.timeline-step.active {
  border-color: rgba(67,169,134,.38);
  background: rgba(211,237,226,.7);
  color: #1f6e57;
}
.product-photo {
  width: 74px;
  height: 74px;
  object-fit: contain;
  border-radius: 8px;
  background: #fff;
  border: 1px solid rgba(36,33,31,.10);
}
.item-link { font-weight: 760; text-decoration: underline; text-underline-offset: 3px; }
.live-preview-section {
  scroll-margin-top: 110px;
}
.live-preview-table tbody tr {
  transition: background .35s ease, transform .35s ease;
}
.live-row-new {
  animation: live-row-drop .72s cubic-bezier(.2,.9,.2,1) both;
  background: rgba(211,237,226,.38);
}
.live-row-new .product-photo {
  box-shadow: 0 0 0 4px rgba(67,169,134,.10), 0 16px 32px rgba(67,169,134,.16);
}
.preview-live-empty {
  min-height: 150px;
}
.preview-live-empty .skeleton {
  max-width: 900px;
}
@keyframes live-row-drop {
  0% { opacity: 0; transform: translateY(-12px) scale(.985); }
  60% { opacity: 1; transform: translateY(4px) scale(1.004); }
  100% { opacity: 1; transform: translateY(0) scale(1); }
}
.item-detail-grid { display: grid; grid-template-columns: minmax(280px, .75fr) minmax(0, 1.25fr); gap: 18px; align-items: start; }
.item-gallery { display: grid; gap: 12px; }
.item-main-image {
  width: 100%;
  aspect-ratio: 1 / 1;
  object-fit: contain;
  background: #fff;
  border: 1px solid rgba(36,33,31,.10);
  border-radius: 8px;
  cursor: zoom-in;
}
.thumb-row { display: flex; gap: 8px; overflow: auto; padding-bottom: 4px; }
.thumb-button { width: 66px; height: 66px; min-height: 66px; padding: 3px; border-radius: 9px; border: 1px solid rgba(36,33,31,.10); background: #fff; box-shadow: none; flex: 0 0 auto; }
.thumb-button.active { border-color: rgba(67,169,134,.70); box-shadow: 0 0 0 3px rgba(67,169,134,.14); }
.thumb-button img { width: 100%; height: 100%; object-fit: contain; border-radius: 6px; }
.image-lightbox {
  position: fixed;
  inset: 0;
  z-index: 1000;
  display: grid;
  place-items: center;
  padding: 42px;
  background: rgba(16,24,39,.88);
  backdrop-filter: blur(8px);
}
.image-lightbox[hidden] { display: none; }
.lightbox-image {
  max-width: min(1180px, 92vw);
  max-height: 86vh;
  object-fit: contain;
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 30px 90px rgba(0,0,0,.32);
}
.lightbox-close,
.lightbox-nav {
  position: fixed;
  z-index: 1001;
  border-color: rgba(255,255,255,.22);
  background: rgba(255,255,255,.12);
  color: #fff;
  box-shadow: none;
}
.lightbox-close { top: 22px; right: 22px; }
.lightbox-nav { top: 50%; transform: translateY(-50%); min-width: 48px; }
.lightbox-prev { left: 22px; }
.lightbox-next { right: 22px; }
.lightbox-prev svg { transform: rotate(180deg); }
.item-output-tabs { margin-top: 0; }
.json-view pre { max-height: 720px; }
.hero-product-shot {
  width: 100%;
  min-height: 470px;
  object-fit: cover;
  object-position: left top;
  display: block;
}
.demo-form {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  align-items: end;
}
.demo-progress {
  display: none;
  grid-column: 1 / -1;
  border: 1px solid rgba(67,169,134,.28);
  background: rgba(211,237,226,.48);
  border-radius: 8px;
  padding: 10px 12px;
  color: #1f6e57;
  font-weight: 720;
}
.is-submitting .demo-progress { display: block; }
.progress-track {
  height: 8px;
  overflow: hidden;
  border-radius: 999px;
  background: rgba(36,33,31,.10);
  margin-top: 8px;
}
.progress-track span {
  display: block;
  width: 42%;
  height: 100%;
  border-radius: inherit;
  background: var(--green);
  animation: demo-progress 1.1s ease-in-out infinite;
}
@keyframes demo-progress {
  0% { transform: translateX(-110%); }
  100% { transform: translateX(250%); }
}
.demo-shot {
  width: 100%;
  border-radius: 8px;
  border: 1px solid rgba(36,33,31,.10);
  background: #fff;
}
.toast {
  background: rgba(211,237,226,.75);
  border-color: rgba(67,169,134,.36);
  color: #1f6e57;
}
.auth-card { border-radius: 8px; }
.amazon-landing {
  --glass: rgba(255,253,249,.74);
  --glass-strong: rgba(255,253,249,.90);
  --dark: #101827;
  --green-dark: #067a5b;
  --hero-panel: rgba(255,255,255,.86);
  --hero-border: rgba(18,26,38,.10);
}
.amazon-landing .section {
  scroll-margin-top: 98px;
}
.reveal {
  opacity: 0;
  transform: translateY(26px);
  transition: opacity .62s ease, transform .62s ease;
  transition-delay: var(--reveal-delay, 0ms);
}
.reveal.is-visible {
  opacity: 1;
  transform: translateY(0);
}
.amazon-landing .hero {
  display: grid;
  grid-template-columns: minmax(0, 1.02fr) minmax(360px, .72fr);
  gap: clamp(28px, 5vw, 72px);
  align-items: center;
  text-align: left;
  padding: 76px 0 34px;
}
.amazon-landing .hero-copy {
  max-width: 720px;
}
.amazon-landing .hero h1 {
  margin-left: 0;
  margin-right: 0;
  max-width: 700px;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: clamp(50px, 5vw, 74px);
  font-style: normal;
  font-weight: 780;
  letter-spacing: -.045em;
  line-height: .98;
}
.accent-text {
  color: var(--green);
}
.amazon-landing .hero .lead {
  margin-left: 0;
  margin-right: 0;
  max-width: 560px;
  font-size: 19px;
  line-height: 1.52;
}
.amazon-landing .hero-copy .actions {
  justify-content: flex-start;
  margin-top: 28px;
}
.hero-subnav {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  margin-top: 26px;
}
.hero-subnav a {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: var(--green-dark);
  font-size: 14px;
  font-weight: 850;
}
.hero-proof-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  max-width: 620px;
  margin: 26px 0 0;
}
.hero-chip {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 38px;
  padding: 0 12px;
  border: 1px solid rgba(36,33,31,.10);
  border-radius: 999px;
  background: rgba(255,255,255,.74);
  color: #4f4944;
  font-size: 13px;
  font-weight: 820;
  box-shadow: 0 10px 24px rgba(36,33,31,.05);
}
.hero-chip svg {
  color: var(--green-dark);
}
.hero-metrics {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  max-width: 540px;
  margin: 26px 0 22px;
}
.mini-stat {
  display: flex;
  align-items: center;
  gap: 12px;
  min-height: 70px;
  padding: 14px 16px;
  border: 1px solid rgba(36,33,31,.10);
  border-radius: 14px;
  background: rgba(255,253,249,.70);
  box-shadow: 0 18px 44px rgba(36,33,31,.07);
}
.mini-stat .feature-icon {
  width: 38px;
  height: 38px;
  margin: 0;
  border-radius: 999px;
  background: rgba(211,237,226,.75);
  color: var(--green-dark);
}
.mini-stat b {
  display: block;
  font-size: 20px;
  letter-spacing: 0;
}
.mini-stat small {
  display: block;
  color: var(--muted);
  margin-top: 2px;
}
.brand-row {
  margin-top: 34px;
  color: #908a83;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .03em;
  text-transform: uppercase;
}
.brand-row div {
  display: flex;
  flex-wrap: wrap;
  gap: 22px;
  margin-top: 12px;
  color: #a39d96;
  font-size: 17px;
  font-weight: 850;
  letter-spacing: 0;
  text-transform: none;
}
.hero-sample-card {
  min-width: 0;
  padding: 18px;
  border: 1px solid var(--hero-border);
  border-radius: 16px;
  background: var(--hero-panel);
  box-shadow: 0 28px 72px rgba(18,26,38,.14);
  backdrop-filter: blur(18px);
}
.hero-card-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 14px;
}
.hero-card-head span,
.hero-card-head strong {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 34px;
  padding: 0 10px;
  border-radius: 999px;
  font-size: 13px;
  font-weight: 850;
}
.hero-card-head span {
  color: var(--green-dark);
  background: rgba(211,237,226,.72);
}
.hero-card-head strong {
  color: #4f4944;
  background: #f5f2ed;
}
.hero-sample-form {
  display: grid;
  gap: 12px;
}
.hero-sample-form label {
  display: grid;
  gap: 7px;
  color: #45413d;
  font-size: 13px;
  font-weight: 850;
}
.hero-sample-form input,
.hero-sample-form textarea {
  width: 100%;
  border: 1px solid rgba(36,33,31,.13);
  border-radius: 10px;
  background: #fff;
  color: #241f1c;
  font: inherit;
  font-size: 15px;
  font-weight: 720;
}
.hero-sample-form input {
  min-height: 48px;
  padding: 0 13px;
}
.hero-sample-form textarea {
  min-height: 116px;
  resize: vertical;
  padding: 12px 13px;
  line-height: 1.4;
}
.hero-sample-form .checkbox-line {
  display: flex;
  align-items: center;
  gap: 9px;
  margin-top: -2px;
  color: #5f5953;
  font-size: 12px;
  font-weight: 760;
}
.hero-sample-form .checkbox-line input {
  width: 17px;
  height: 17px;
  min-height: 17px;
  padding: 0;
  flex: 0 0 auto;
}
.hero-sample-form button {
  width: 100%;
  min-height: 50px;
  justify-content: center;
}
.hero-card-foot {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 13px;
}
.hero-card-foot span {
  padding: 7px 9px;
  border-radius: 999px;
  background: #f4f6f3;
  color: #5f5953;
  font-size: 12px;
  font-weight: 820;
}
.hero-proof-strip {
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) minmax(280px, .75fr);
  gap: 16px;
  align-items: start;
  margin: 10px 0 24px;
}
.hero-output-card,
.paid-mini-card {
  min-width: 0;
  border: 1px solid rgba(36,33,31,.10);
  border-radius: 16px;
  background: rgba(255,255,255,.74);
  box-shadow: 0 20px 58px rgba(36,33,31,.08);
}
.hero-output-card {
  padding: 14px;
}
.hero-output-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 14px;
  margin-bottom: 12px;
  padding: 0 2px;
}
.hero-output-head b {
  display: block;
  font-size: 16px;
}
.hero-output-head small {
  display: block;
  margin-top: 3px;
  color: var(--muted);
  font-size: 12px;
  font-weight: 730;
}
.hero-output-head a {
  white-space: nowrap;
  color: var(--green-dark);
  font-size: 13px;
  font-weight: 850;
}
.paid-mini-card {
  display: grid;
  align-content: center;
  gap: 12px;
  padding: 22px;
}
.paid-mini-card h2 {
  display: flex;
  align-items: center;
  gap: 9px;
  font-size: 22px;
  letter-spacing: -.03em;
}
.paid-mini-card p {
  margin: 0;
  color: #5f5953;
}
.paid-mini-card .actions {
  justify-content: flex-start;
}
.api-workbench-section {
  padding-top: 48px;
}
.api-workbench-section .section-head {
  justify-content: space-between;
  text-align: left;
  max-width: 1120px;
  margin-left: auto;
  margin-right: auto;
}
.api-workbench-section .section-head h2 {
  max-width: 520px;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: clamp(30px, 3vw, 42px);
  font-style: normal;
  font-weight: 760;
  line-height: 1.06;
  letter-spacing: -.035em;
}
.template-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
}
.template-card {
  min-height: 176px;
  padding: 20px;
  border: 1px solid rgba(36,33,31,.10);
  border-radius: 18px;
  background: rgba(255,253,249,.76);
  box-shadow: var(--shadow-soft);
}
.template-card .feature-icon {
  width: 46px;
  height: 46px;
  margin-bottom: 14px;
  border-radius: 999px;
  background: rgba(211,237,226,.70);
  color: var(--green-dark);
}
.template-card b {
  display: block;
  margin-bottom: 8px;
  font-size: 17px;
}
.job-template-button {
  color: var(--ink);
  text-align: left;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  gap: 8px;
  box-shadow: var(--shadow-soft);
}
.job-template-button:hover {
  transform: translateY(-2px);
}
.first-job-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(280px, 360px);
  gap: 18px;
  align-items: start;
}
.first-job-panel {
  padding: 24px;
  border: 1px solid rgba(36,33,31,.10);
  border-radius: 18px;
  background: rgba(255,253,249,.82);
  box-shadow: var(--shadow-soft);
}
.first-job-panel textarea {
  min-height: 180px;
  font-size: 16px;
}
.first-job-actions {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  margin-top: 18px;
}
.first-job-advanced {
  margin-top: 18px;
  border-top: 1px solid rgba(36,33,31,.10);
  padding-top: 16px;
}
.first-job-advanced summary {
  cursor: pointer;
  color: var(--green-dark);
  font-weight: 850;
}
.first-job-advanced[open] summary {
  margin-bottom: 16px;
}
.pricing-examples {
  margin-top: 16px;
}
.unit-example-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  margin-top: 14px;
}
.unit-example {
  padding: 16px;
  border: 1px solid rgba(36,33,31,.10);
  border-radius: 14px;
  background: rgba(255,253,249,.72);
}
.unit-example b {
  display: block;
  font-size: 22px;
}
.sample-status {
  display: none;
  grid-column: 1 / -1;
  padding: 10px 12px;
  border-radius: 10px;
  border: 1px solid rgba(67,169,134,.30);
  background: rgba(211,237,226,.50);
  color: var(--green-dark);
  font-weight: 760;
}
.sample-status.active {
  display: block;
}
.hero-demo-card {
  position: relative;
  min-width: 0;
  border: 1px solid rgba(36,33,31,.10);
  border-radius: 20px;
  background:
    linear-gradient(180deg, rgba(255,253,249,.94), rgba(255,253,249,.70)),
    radial-gradient(circle at 12% 0%, rgba(67,169,134,.13), transparent 22rem);
  box-shadow: 0 34px 90px rgba(36,33,31,.13);
  padding: 14px;
  overflow: hidden;
}
.hero-demo-card::after {
  content: "";
  position: absolute;
  inset: auto 18px 18px;
  height: 74px;
  border-radius: 999px;
  background: rgba(67,169,134,.10);
  filter: blur(34px);
  pointer-events: none;
}
.hero-demo-card .api-tabs {
  justify-content: flex-start;
  width: auto;
  margin: 0 0 12px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
}
.hero-demo-card .api-tab {
  min-height: 40px;
  padding: 0 12px;
}
.hero-demo-card .inline-demo-form {
  position: relative;
  z-index: 1;
  margin: 0 0 12px;
  padding: 10px;
  grid-template-columns: minmax(0, 1fr) max-content;
  border-radius: 14px;
  box-shadow: none;
  background: #fffdfa;
}
.hero-demo-card .inline-demo-form label {
  margin: 0 0 6px;
  font-size: 13px;
}
.hero-demo-card .api-demo {
  position: relative;
  z-index: 1;
  padding: 0;
  border: 0;
  background: transparent;
}
.hero-demo-card .browser-frame {
  min-height: 372px;
}
.hero-demo-card .json-panel pre {
  height: 372px;
  max-height: 372px;
}
.hero-api-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  padding: 0 0 12px;
  overflow: visible;
}
.hero-api-tabs span {
  white-space: nowrap;
  padding: 9px 11px;
  border-radius: 10px;
  color: #6f6962;
  font-weight: 830;
  font-size: 14px;
}
.hero-api-tabs span:first-child {
  color: var(--green-dark);
  background: #fffdfa;
  box-shadow: 0 10px 24px rgba(36,33,31,.07);
}
.hero-search-bar {
  display: grid;
  grid-template-columns: minmax(0, 1fr) max-content;
  gap: 10px;
  padding: 10px;
  border-radius: 14px;
  background: #fffdfa;
  border: 1px solid rgba(36,33,31,.08);
}
.hero-search-bar .button {
  white-space: nowrap;
}
.hero-search-bar code {
  min-height: 40px;
  display: flex;
  align-items: center;
  padding: 0 14px;
  border-radius: 10px;
  overflow: hidden;
  white-space: nowrap;
}
.hero-demo-grid {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
  gap: 12px;
  margin-top: 12px;
}
.hero-list-card, .hero-code-card {
  min-width: 0;
  border: 1px solid rgba(36,33,31,.10);
  border-radius: 16px;
  background: rgba(255,253,249,.86);
  overflow: hidden;
}
.hero-list-card {
  padding: 14px;
}
.hero-list-card > b {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: center;
  margin-bottom: 12px;
}
.hero-list-card > b span {
  color: var(--green-dark);
  font-size: 12px;
}
.hero-row {
  display: grid;
  grid-template-columns: 68px minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
  min-height: 72px;
  padding: 9px;
  border: 1px solid rgba(36,33,31,.08);
  border-radius: 12px;
  background: rgba(255,255,255,.62);
}
.hero-row + .hero-row { margin-top: 8px; }
.hero-row img {
  width: 68px;
  height: 54px;
  object-fit: contain;
  border-radius: 10px;
  background: #fff;
  border: 1px solid rgba(36,33,31,.08);
}
.hero-row b, .hero-row small {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.hero-row b {
  white-space: normal;
  line-height: 1.16;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.hero-row small { color: var(--muted); margin-top: 4px; }
.hero-row strong { white-space: nowrap; }
.view-all-row {
  margin-top: 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: var(--green-dark);
  background: rgba(211,237,226,.48);
  border-radius: 12px;
  padding: 13px 14px;
  font-weight: 830;
}
.hero-code-card {
  background: linear-gradient(145deg, #101827, #0d1727);
  color: #e9f3f0;
  box-shadow: 0 24px 62px rgba(16,24,39,.22);
}
.hero-code-card pre {
  height: 360px;
  max-height: 360px;
  background: transparent;
  color: #dff7ef;
  padding: 20px;
  font-size: 12px;
  overflow: auto;
}
.floating-benefits {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin: 12px 6px 0;
  padding: 9px;
  border: 1px solid rgba(36,33,31,.08);
  border-radius: 16px;
  background: rgba(255,253,249,.74);
  box-shadow: 0 18px 44px rgba(36,33,31,.07);
}
.floating-benefits div {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #5f5953;
  font-weight: 760;
  font-size: 12px;
}
.floating-benefits svg { color: var(--green-dark); }
.amazon-landing .tool-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  max-width: 940px;
  margin: 0 auto;
}
.amazon-landing .tool-card {
  display: grid;
  grid-template-columns: 64px 1fr;
  gap: 16px;
  align-items: center;
  min-height: 150px;
  padding: 26px;
  border-radius: 18px;
}
.amazon-landing .tool-card .feature-icon {
  width: 58px;
  height: 58px;
  margin: 0;
  border-radius: 999px;
  background: rgba(211,237,226,.70);
  color: var(--green-dark);
}
.amazon-landing .tool-card b {
  margin: 0 0 6px;
  font-size: 19px;
}
.feature-rail {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1px;
  max-width: 940px;
  margin: 22px auto 0;
  border: 1px solid rgba(36,33,31,.09);
  border-radius: 18px;
  overflow: hidden;
  background: rgba(36,33,31,.08);
}
.feature-rail div {
  display: flex;
  gap: 10px;
  align-items: center;
  min-height: 70px;
  padding: 16px 20px;
  background: rgba(255,253,249,.82);
  color: #5f5953;
  font-weight: 760;
}
.feature-rail svg { color: var(--green-dark); }
.control-grid {
  display: grid;
  grid-template-columns: minmax(0, .72fr) minmax(0, 1.28fr);
  gap: 28px;
  align-items: center;
}
.control-list {
  padding: 26px;
  border: 1px solid rgba(36,33,31,.10);
  border-radius: 18px;
  background: rgba(255,253,249,.72);
  box-shadow: var(--shadow-soft);
}
.control-list h3 { font-size: 23px; }
.control-list dl { margin: 18px 0 0; display: grid; gap: 0; }
.control-list div {
  display: grid;
  grid-template-columns: 170px 1fr;
  gap: 14px;
  padding: 13px 0;
  border-bottom: 1px solid rgba(36,33,31,.08);
}
.control-list div:last-child { border-bottom: 0; }
.control-list dt {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #6f6962;
  font-weight: 760;
}
.control-list dd { margin: 0; font-weight: 780; }
.control-panel-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}
.control-card {
  min-height: 180px;
  padding: 24px;
  border-radius: 18px;
  border: 1px solid rgba(36,33,31,.10);
  background: rgba(255,253,249,.74);
  box-shadow: var(--shadow-soft);
}
.control-card .feature-icon {
  width: 50px;
  height: 50px;
  border-radius: 999px;
  background: rgba(211,237,226,.70);
  color: var(--green-dark);
}
.mini-web-panel {
  display: grid;
  gap: 9px;
  margin-top: 14px;
}
.mini-web-row {
  display: grid;
  grid-template-columns: 52px 1fr auto;
  gap: 10px;
  align-items: center;
  padding: 8px;
  border-radius: 11px;
  background: rgba(255,255,255,.60);
  border: 1px solid rgba(36,33,31,.08);
}
.mini-web-row img { width: 52px; height: 44px; object-fit: contain; border-radius: 8px; background: #fff; }
.api-mini-terminal {
  margin-top: 18px;
  padding: 18px;
  border-radius: 14px;
  background: #101827;
  color: #dff7ef;
  font-family: "SFMono-Regular", ui-monospace, Menlo, Consolas, monospace;
  font-size: 12px;
  overflow: auto;
}
.worker-showcase {
  display: grid;
  grid-template-columns: minmax(0, .72fr) minmax(620px, 1.28fr);
  gap: 34px;
  align-items: center;
}
.worker-steps {
  display: grid;
  gap: 18px;
  margin-top: 28px;
}
.worker-step {
  display: grid;
  grid-template-columns: 54px 1fr;
  gap: 14px;
  align-items: center;
}
.worker-step-number {
  width: 46px;
  height: 46px;
  display: grid;
  place-items: center;
  border-radius: 999px;
  background: rgba(211,237,226,.78);
  border: 1px solid rgba(67,169,134,.36);
  color: var(--green-dark);
  font-weight: 900;
}
.worker-screen {
  position: relative;
  padding: 16px;
  border: 1px solid rgba(36,33,31,.10);
  border-radius: 20px;
  background: rgba(255,253,249,.74);
  box-shadow: 0 34px 90px rgba(36,33,31,.12);
}
.worker-screen > img {
  width: 100%;
  display: block;
  border-radius: 12px;
  border: 1px solid rgba(36,33,31,.08);
  background: #fffdfa;
}
.dashboard-carousel-section {
  padding-top: 18px;
  position: relative;
  isolation: isolate;
  overflow: hidden;
}
.dashboard-carousel-section::before {
  content: "";
  position: absolute;
  inset: -70px -8vw -90px;
  z-index: -1;
  pointer-events: none;
  background:
    radial-gradient(circle at 72% 22%, rgba(67,169,134,.16), transparent 24rem),
    radial-gradient(circle at 52% 70%, rgba(16,185,129,.08), transparent 20rem),
    linear-gradient(90deg, rgba(255,253,249,0), rgba(255,253,249,.62) 44%, rgba(255,253,249,.10));
}
.dashboard-carousel {
  display: grid;
  grid-template-columns: minmax(280px, .52fr) minmax(0, 1.48fr);
  gap: 28px;
  align-items: center;
}
.dashboard-copy h2 {
  margin-bottom: 10px;
}
.dashboard-copy .lead {
  margin-left: 0;
  max-width: 520px;
}
.dashboard-pills {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin-top: 22px;
  max-width: 520px;
}
.dashboard-pills div {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 58px;
  padding: 12px;
  border: 1px solid rgba(36,33,31,.10);
  border-radius: 14px;
  background: rgba(255,253,249,.70);
  font-weight: 820;
}
.dashboard-shot-carousel {
  --shot-shell-y: 0px;
  --shot-pan: 0px;
  --shot-glow: .42;
  position: relative;
  border: 1px solid rgba(36,33,31,.10);
  border-radius: 20px;
  background:
    linear-gradient(180deg, rgba(255,253,249,.86), rgba(250,247,241,.58)),
    radial-gradient(circle at 50% 6%, rgba(67,169,134,.12), transparent 36rem);
  box-shadow:
    0 48px 110px rgba(36,33,31,.13),
    0 1px 0 rgba(255,255,255,.76) inset;
  overflow: hidden;
  user-select: none;
  -webkit-user-select: none;
  -webkit-touch-callout: none;
  transform: translate3d(0, var(--shot-shell-y), 0);
  transition: transform .16s linear, box-shadow .35s ease;
}
.dashboard-shot-carousel::before,
.dashboard-shot-carousel::after {
  content: "";
  position: absolute;
  pointer-events: none;
  z-index: 1;
}
.dashboard-shot-carousel::before {
  inset: -28% -18% auto;
  height: 58%;
  background: radial-gradient(circle, rgba(67,169,134,calc(var(--shot-glow) * .28)), transparent 66%);
  filter: blur(18px);
  opacity: .92;
}
.dashboard-shot-carousel::after {
  inset: 0;
  border-radius: inherit;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.52),
    inset 0 -72px 120px rgba(250,247,241,.62);
}
.shot-tabs {
  position: relative;
  z-index: 2;
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  align-items: center;
  padding: 14px;
  border-bottom: 1px solid rgba(36,33,31,.08);
}
.shot-tabs button {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 8px 11px;
  border-radius: 999px;
  border: 1px solid rgba(67,169,134,.26);
  background: rgba(211,237,226,.46);
  color: var(--green-dark);
  font-size: 12px;
  font-weight: 900;
  text-decoration: none;
  cursor: pointer;
  box-shadow: none;
}
.shot-tabs button.active {
  color: #fffaf4;
  background: var(--green);
  border-color: var(--green);
}
.shot-track {
  position: relative;
  overflow: hidden;
  z-index: 2;
  perspective: 1200px;
}
.shot-slide {
  position: absolute;
  inset: 0;
  opacity: 0;
  transform: translate3d(34px, 10px, 0) scale(.982);
  filter: saturate(.94) contrast(.98);
  transition: opacity .72s cubic-bezier(.2,.8,.2,1), transform .72s cubic-bezier(.2,.8,.2,1), filter .72s ease;
  pointer-events: none;
  margin: 0;
  padding: 18px;
}
.shot-slide.active {
  position: relative;
  opacity: 1;
  transform: translate3d(0, 0, 0) scale(1);
  filter: saturate(1) contrast(1);
}
.shot-image {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9;
  background-image: var(--shot);
  background-size: cover;
  background-position: center calc(0% + var(--shot-pan));
  background-repeat: no-repeat;
  border-radius: 14px;
  border: 1px solid rgba(36,33,31,.10);
  background-color: #fffdfa;
  box-shadow:
    0 34px 90px rgba(36,33,31,.13),
    0 1px 0 rgba(255,255,255,.74) inset;
  overflow: hidden;
  transform: translateZ(0) scale(1.012);
  transition: background-position .16s linear, transform .72s cubic-bezier(.2,.8,.2,1);
  -webkit-mask-image:
    linear-gradient(90deg, transparent 0, #000 3.5%, #000 96.5%, transparent 100%),
    linear-gradient(180deg, transparent 0, #000 3%, #000 91%, transparent 100%);
  -webkit-mask-composite: source-in;
  mask-image:
    linear-gradient(90deg, transparent 0, #000 3.5%, #000 96.5%, transparent 100%),
    linear-gradient(180deg, transparent 0, #000 3%, #000 91%, transparent 100%);
  mask-composite: intersect;
}
.shot-slide.active .shot-image {
  animation: shotFloat 8s ease-in-out infinite;
}
.shot-image::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  border-radius: inherit;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.42),
    inset 0 46px 100px rgba(255,253,249,.12),
    inset 0 -62px 120px rgba(250,247,241,.28);
  background:
    linear-gradient(180deg, rgba(255,253,249,.02), rgba(255,253,249,.06)),
    radial-gradient(circle at 50% 8%, rgba(255,255,255,.32), transparent 28rem);
}
.shot-slide figcaption {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-top: 12px;
  color: #6f6962;
  font-size: 13px;
  font-weight: 760;
}
.shot-slide figcaption b {
  color: #24211f;
  font-size: 15px;
}
.shot-dots {
  position: relative;
  z-index: 2;
  display: flex;
  justify-content: center;
  gap: 8px;
  padding: 0 18px 16px;
}
.shot-dots span {
  width: 7px;
  height: 7px;
  border-radius: 999px;
  background: rgba(36,33,31,.18);
  transition: width .25s ease, background .25s ease;
}
.shot-dots span.active {
  width: 28px;
  background: var(--green);
}
@keyframes shotFloat {
  0%, 100% { transform: translate3d(0, 0, 0) scale(1.012); }
  50% { transform: translate3d(0, -6px, 0) scale(1.018); }
}
.job-workspace {
  max-width: 1180px;
  margin: 0 auto;
}
.job-flowbar {
  display: grid;
  grid-template-columns: 1fr auto 1fr auto 1fr;
  gap: 14px;
  align-items: center;
  padding: 18px;
  margin-bottom: 28px;
  border: 1px solid rgba(36,33,31,.10);
  border-radius: 14px;
  background: rgba(255,253,249,.72);
}
.job-flowbar .step {
  display: flex;
  align-items: center;
  gap: 10px;
  font-weight: 850;
}
.job-flowbar .step span {
  width: 28px;
  height: 28px;
  display: grid;
  place-items: center;
  border-radius: 999px;
  color: var(--green-dark);
  background: rgba(211,237,226,.82);
  border: 1px solid rgba(67,169,134,.30);
}
.job-flowbar .arrow {
  color: rgba(36,33,31,.42);
  font-size: 22px;
}
.job-hero {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 18px;
  flex-wrap: wrap;
  margin: 18px 0 22px;
  text-align: center;
}
.job-hero .page-title {
  margin: 0;
}
.job-live-card {
  padding: 20px;
  margin: 0 0 12px;
  border: 1px solid rgba(67,169,134,.30);
  border-radius: 14px;
  background:
    linear-gradient(180deg, rgba(211,237,226,.58), rgba(211,237,226,.34)),
    rgba(255,253,249,.76);
  box-shadow: 0 22px 58px rgba(36,33,31,.08);
}
.job-live-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 14px;
  margin-bottom: 14px;
  font-weight: 880;
  color: var(--green-dark);
}
.job-live-title {
  display: flex;
  align-items: center;
  gap: 10px;
}
.live-pulse {
  width: 9px;
  height: 9px;
  display: inline-block;
  border-radius: 999px;
  background: var(--green);
  box-shadow: 0 0 0 0 rgba(67,169,134,.42);
  animation: live-pulse 1.35s infinite;
}
.job-live-bar {
  height: 13px;
  border-radius: 999px;
  overflow: hidden;
  background: rgba(36,33,31,.10);
}
.job-live-bar span {
  display: block;
  height: 100%;
  min-width: 3%;
  border-radius: inherit;
  background: linear-gradient(90deg, #2563eb, #06b6d4, #10b981);
  position: relative;
  transition: width .35s ease;
}
.job-live-bar span::after {
  content: "";
  position: absolute;
  inset: 0;
  background-image: linear-gradient(45deg, rgba(255,255,255,.32) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.32) 50%, rgba(255,255,255,.32) 75%, transparent 75%, transparent);
  background-size: 30px 30px;
  animation: live-stripes .9s linear infinite;
}
.job-kpi-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(112px, 1fr));
  gap: 12px;
  margin-top: 18px;
}
.job-kpi {
  min-height: 78px;
  padding: 14px;
  border: 1px solid rgba(36,33,31,.08);
  border-radius: 12px;
  background: rgba(255,253,249,.76);
}
.job-kpi small {
  display: block;
  color: #6f6962;
  font-weight: 760;
}
.job-kpi strong {
  display: block;
  margin-top: 8px;
  font-size: 23px;
  letter-spacing: -.03em;
}
.job-card-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(300px, .95fr) minmax(280px, .85fr);
  gap: 12px;
  margin-top: 12px;
}
.job-card {
  padding: 18px;
  border: 1px solid rgba(36,33,31,.10);
  border-radius: 14px;
  background: rgba(255,253,249,.76);
  box-shadow: 0 18px 42px rgba(36,33,31,.06);
}
.job-card h3 {
  margin: 0 0 12px;
  font-size: 16px;
}
.mini-line-chart {
  width: 100%;
  height: 150px;
  display: block;
}
.speed-chart-wrap {
  position: relative;
  cursor: crosshair;
  outline: none;
}
.speed-chart-wrap:focus-visible {
  box-shadow: 0 0 0 3px rgba(67,169,134,.18);
  border-radius: 10px;
}
.mini-line-chart .grid-line {
  stroke: rgba(36,33,31,.10);
  stroke-width: 1;
}
.mini-line-chart .speed-line {
  fill: none;
  stroke: var(--green);
  stroke-width: 4;
  stroke-linecap: round;
  stroke-linejoin: round;
  filter: drop-shadow(0 7px 12px rgba(67,169,134,.18));
  transition: d .35s ease;
}
.mini-line-chart .speed-area {
  fill: rgba(67,169,134,.10);
  transition: d .35s ease;
}
.mini-line-chart .speed-hover-dot {
  fill: #fffdfa;
  stroke: var(--green);
  stroke-width: 4;
  filter: drop-shadow(0 8px 14px rgba(67,169,134,.25));
}
.speed-tooltip {
  position: absolute;
  transform: translate(-50%, -100%);
  padding: 6px 9px;
  border-radius: 999px;
  background: #24211f;
  color: #fffdfa;
  font-weight: 800;
  font-size: 12px;
  box-shadow: 0 14px 28px rgba(36,33,31,.20);
  pointer-events: none;
  white-space: nowrap;
}
.mini-line-chart.live-active .speed-line {
  stroke-dasharray: 10 13;
  animation: live-line-flow 1.2s linear infinite;
}
@keyframes live-line-flow {
  to { stroke-dashoffset: -46; }
}
.donut-wrap {
  display: grid;
  grid-template-columns: 130px minmax(0, 1fr);
  gap: 18px;
  align-items: center;
  position: relative;
}
.donut {
  width: 128px;
  height: 128px;
  border-radius: 50%;
  background: conic-gradient(var(--green) 0 var(--ok), #f87171 var(--ok) calc(var(--ok) + var(--fail)), rgba(36,33,31,.12) 0 100%);
  display: grid;
  place-items: center;
  box-shadow: inset 0 0 0 1px rgba(36,33,31,.06);
  cursor: pointer;
  outline: none;
  transition: filter .18s ease, transform .18s ease;
}
.donut:hover,
.donut:focus-visible {
  filter: drop-shadow(0 16px 24px rgba(36,33,31,.14));
  transform: translateY(-1px);
}
.donut::after {
  content: "";
  width: 72px;
  height: 72px;
  border-radius: 50%;
  background: #fffdfa;
  box-shadow: 0 0 0 1px rgba(36,33,31,.08);
}
.donut-tooltip {
  position: absolute;
  z-index: 4;
  transform: translate(-50%, -110%);
  padding: 7px 10px;
  border-radius: 999px;
  background: #24211f;
  color: #fffdfa;
  font-weight: 800;
  font-size: 12px;
  box-shadow: 0 14px 28px rgba(36,33,31,.20);
  pointer-events: none;
  white-space: nowrap;
}
.legend-list li {
  border-radius: 8px;
  transition: background .16s ease, transform .16s ease;
}
.legend-list li[data-delivery-segment] {
  cursor: pointer;
}
.legend-list li[data-delivery-segment]:hover {
  background: rgba(67,169,134,.08);
  transform: translateX(2px);
}
.legend-list,
.summary-list,
.event-list,
.next-list {
  display: grid;
  gap: 10px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.legend-list li,
.event-list li,
.next-list li {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  color: #5f5953;
}
.legend-dot {
  width: 9px;
  height: 9px;
  display: inline-block;
  margin-right: 8px;
  border-radius: 999px;
  background: var(--green);
}
.legend-dot.fail { background: #f87171; }
.legend-dot.rest { background: rgba(36,33,31,.18); }
.summary-list div {
  display: grid;
  grid-template-columns: 112px minmax(0, 1fr);
  gap: 12px;
  padding-bottom: 9px;
  border-bottom: 1px solid rgba(36,33,31,.08);
}
.summary-list dt {
  color: #6f6962;
  font-weight: 760;
}
.summary-list dd {
  margin: 0;
}
.job-request-card {
  margin-top: 12px;
}
.job-request-card code {
  word-break: break-all;
}
.result-showcase {
  display: grid;
  grid-template-columns: minmax(0, .7fr) minmax(0, 1.3fr);
  gap: 30px;
  align-items: start;
}
.result-card {
  padding: 16px;
  border: 1px solid rgba(36,33,31,.10);
  border-radius: 20px;
  background: rgba(255,253,249,.74);
  box-shadow: 0 28px 70px rgba(36,33,31,.10);
}
.result-card img {
  width: 100%;
  display: block;
  border-radius: 12px;
  border: 1px solid rgba(36,33,31,.08);
}
.faq-section {
  display: grid;
  grid-template-columns: minmax(0, .72fr) minmax(0, 1.28fr);
  gap: 36px;
  align-items: start;
}
.amazon-landing .faq-grid {
  grid-template-columns: 1fr;
}
.amazon-landing .faq-item {
  border-radius: 14px;
}
.resource-section {
  padding-top: 12px;
}
.resource-section .lead {
  max-width: 720px;
}
.resource-feature-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
  align-items: stretch;
}
.resource-feature-card {
  display: grid;
  align-content: space-between;
  min-height: 220px;
  padding: 20px;
  border: 1px solid rgba(36,33,31,.10);
  border-radius: 20px;
  background:
    radial-gradient(circle at 86% 12%, rgba(67,169,134,.14), transparent 8rem),
    rgba(255,253,249,.82);
  box-shadow: 0 24px 64px rgba(36,33,31,.08);
  color: #2d2925;
  text-decoration: none;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.resource-feature-card:hover {
  transform: translateY(-4px);
  border-color: rgba(67,169,134,.34);
  box-shadow: 0 30px 78px rgba(36,33,31,.12);
}
.resource-feature-card .feature-icon {
  width: 42px;
  height: 42px;
  border-radius: 14px;
  color: var(--green);
  background: rgba(67,169,134,.10);
  border: 1px solid rgba(67,169,134,.22);
}
.resource-feature-card h3 {
  margin: 18px 0 8px;
  font-size: 25px;
  line-height: 1.05;
}
.resource-feature-card p {
  margin: 0;
  color: #665f58;
  line-height: 1.45;
}
.resource-feature-card span:last-child {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-top: 18px;
  color: var(--green);
  font-weight: 900;
}
.resource-index-drawer {
  margin-top: 16px;
  border: 1px solid rgba(36,33,31,.10);
  border-radius: 20px;
  background: rgba(255,253,249,.70);
  box-shadow: 0 20px 56px rgba(36,33,31,.07);
  overflow: hidden;
}
.resource-index-drawer summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  min-height: 70px;
  padding: 0 20px;
  cursor: pointer;
  list-style: none;
  font-weight: 900;
}
.resource-index-drawer summary::-webkit-details-marker {
  display: none;
}
.resource-index-drawer summary::after {
  content: "+";
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  flex: 0 0 34px;
  border-radius: 999px;
  color: var(--green);
  background: rgba(67,169,134,.10);
  border: 1px solid rgba(67,169,134,.22);
  font-size: 24px;
  line-height: 1;
}
.resource-index-drawer[open] summary::after {
  content: "-";
}
.resource-index-drawer summary span {
  display: block;
  color: #746b63;
  font-size: 13px;
  font-weight: 720;
  margin-top: 4px;
}
.resource-index-drawer .seo-link-grid {
  padding: 0 18px 18px;
}
.seo-link-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
  align-items: stretch;
}
.seo-link-group {
  padding: 18px;
  border: 1px solid rgba(36,33,31,.10);
  border-radius: 18px;
  background: rgba(255,253,249,.78);
  box-shadow: 0 20px 56px rgba(36,33,31,.08);
}
.seo-link-group h3 {
  margin: 0 0 12px;
  font-size: 17px;
}
.seo-link-group a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  min-height: 36px;
  padding: 7px 0;
  border-top: 1px solid rgba(36,33,31,.07);
  color: #2d2925;
  font-weight: 760;
  text-decoration: none;
}
.seo-link-group a:first-of-type {
  border-top: 0;
}
.seo-link-group a::after {
  content: "->";
  color: var(--green);
  font-weight: 900;
}
.seo-link-group a:hover {
  color: var(--green);
}
.faq-cta {
  margin-top: 34px;
  min-height: 330px;
  border-radius: 20px;
  padding: 44px;
  color: #fffaf4;
  background:
    radial-gradient(circle at 76% 28%, rgba(67,169,134,.28), transparent 20rem),
    linear-gradient(135deg, #171513, #111827);
  box-shadow: 0 34px 90px rgba(16,24,39,.18);
}
.faq-cta .lead { color: #d8d1c8; margin-left: 0; }
.faq-cta .button.secondary {
  color: #fffaf4;
  background: transparent;
  border-color: rgba(255,255,255,.28);
}
@media (max-width: 1100px) {
  .hero h1 { font-size: 76px; }
  .tool-grid, .pricing-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .resource-feature-grid,
  .seo-link-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .api-demo, .landing-split, .cli-showcase, .worker-gallery { grid-template-columns: 1fr; }
  .amazon-landing .hero,
  .hero-proof-strip,
  .hero-demo-grid,
  .dashboard-carousel,
  .control-grid,
  .worker-showcase,
  .result-showcase,
  .faq-section,
  .product-proof-grid,
  .first-job-grid,
  .template-grid {
    grid-template-columns: 1fr;
  }
  .amazon-landing .hero { text-align: center; }
  .amazon-landing .hero h1,
  .amazon-landing .hero .lead,
  .hero-proof-chips,
  .hero-metrics { margin-left: auto; margin-right: auto; }
  .hero-proof-chips { justify-content: center; }
  .hero-sample-card { max-width: 560px; margin: 0 auto; }
  .worker-showcase { gap: 22px; }
  .worker-screen { order: -1; }
  .job-flowbar,
  .job-card-grid,
  .job-kpi-grid {
    grid-template-columns: 1fr;
  }
  .job-flowbar .arrow { display: none; }
  .format-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .export-stage { min-height: auto; }
  .export-flow .export-stage { padding-top: 0; }
  .export-source {
    position: static;
    width: auto;
    margin-bottom: 14px;
  }
  .export-flow .export-source {
    transform: none;
    width: auto;
  }
  .export-path,
  .export-lines,
  .data-token,
  .drop-lane {
    display: none;
  }
  .format-grid.in-stage { margin-top: 0; }
}
@media (max-width: 680px) {
  html {
    scroll-padding-top: 86px;
  }
  .page:has(.amazon-landing) {
    max-width: calc(100% - 24px);
  }
  .amazon-landing .section {
    padding: 42px 0;
    scroll-margin-top: 88px;
  }
  .seo-link-grid {
    grid-template-columns: 1fr;
  }
  .resource-feature-grid {
    grid-template-columns: 1fr;
  }
  .proof-run-grid,
  .proof-run-stats {
    grid-template-columns: 1fr;
  }
  .proof-run-card {
    min-height: auto;
  }
  .resource-feature-card {
    min-height: auto;
  }
  .resource-index-drawer summary {
    align-items: start;
    padding: 16px;
  }
  .seo-link-group {
    padding: 16px;
  }
  .amazon-landing .reveal {
    opacity: 1;
    transform: none;
    transition: none;
  }
  .nav {
    max-width: 100%;
    min-height: 64px;
    padding: 10px 14px;
    flex-wrap: wrap;
  }
  .nav-toggle { display: inline-flex; margin-left: auto; }
  .nav-links,
  .nav-actions {
    display: none;
    width: 100%;
    flex: 0 0 100%;
    order: 3;
    align-items: stretch;
    justify-content: flex-start;
    gap: 8px;
    padding: 8px 0 4px;
  }
  .nav.nav-open .nav-links,
  .nav.nav-open .nav-actions { display: flex; }
  .nav-links a,
  .nav-actions .button {
    width: 100%;
    justify-content: center;
  }
  .hero { padding: 46px 0 58px; }
  .hero h1 { font-size: 54px; }
  .amazon-landing .hero h1,
  .dashboard-copy h2,
  .section-head h2,
  .faq-section h2,
  .faq-cta h2 {
    font-size: clamp(38px, 11vw, 50px);
    line-height: 1;
  }
  .amazon-landing .hero {
    gap: 22px;
    padding-top: 36px;
    padding-bottom: 20px;
  }
  .amazon-landing .hero .lead {
    font-size: 15px;
    line-height: 1.48;
  }
  .amazon-landing .actions {
    display: grid;
    grid-template-columns: 1fr;
    gap: 10px;
  }
  .amazon-landing .hero-copy .actions .button.secondary {
    display: none;
  }
  .amazon-landing .button {
    width: 100%;
    justify-content: center;
  }
  .brand-row {
    display: none;
  }
  .hero-proof-chips {
    gap: 8px;
    margin-top: 18px;
  }
  .hero-chip {
    min-height: 34px;
    padding: 0 10px;
    font-size: 12px;
  }
  .hero-chip.optional {
    display: none;
  }
  .hero-subnav {
    justify-content: center;
    gap: 12px;
    margin-top: 20px;
  }
  .hero-sample-card {
    padding: 14px;
    border-radius: 14px;
  }
  .hero-card-head {
    margin-bottom: 12px;
  }
  .hero-card-head span,
  .hero-card-head strong {
    min-height: 32px;
    padding: 0 9px;
    font-size: 12px;
  }
  .hero-sample-form input {
    min-height: 46px;
  }
  .hero-sample-form textarea {
    min-height: 104px;
  }
  .hero-card-foot {
    justify-content: center;
  }
  .hero-proof-strip {
    margin-top: 6px;
  }
  .hero-output-head {
    display: grid;
    gap: 8px;
    text-align: left;
  }
  .paid-mini-card {
    padding: 18px;
  }
  .paid-mini-card .actions {
    display: grid;
  }
  .api-workbench-section .section-head {
    justify-content: center;
    text-align: center;
  }
  .api-workbench-section .section-head > .button {
    display: none;
  }
  .lead { font-size: 17px; }
  .trust-strip, .category-tabs, .api-tabs { border-radius: 12px; }
  .tool-grid, .pricing-grid, .product-mock, .format-grid { grid-template-columns: 1fr; }
  .amazon-landing .tool-grid,
  .hero-metrics,
  .feature-rail,
  .control-panel-grid,
  .unit-example-grid { grid-template-columns: 1fr; }
  .floating-benefits {
    display: none;
  }
  .hero-metrics {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
    margin: 18px 0 16px;
  }
  .hero-search-bar,
  .hero-row,
  .mini-web-row,
  .control-list div { grid-template-columns: 1fr; }
  .mini-stat {
    display: grid;
    place-items: center;
    min-height: 82px;
    padding: 10px 6px;
    text-align: center;
    gap: 6px;
  }
  .mini-stat .feature-icon {
    width: 32px;
    height: 32px;
  }
  .mini-stat b {
    font-size: 16px;
  }
  .mini-stat small {
    font-size: 11px;
  }
  .hero-demo-card {
    padding: 12px;
    border-radius: 16px;
  }
  .hero-demo-card .api-tabs {
    display: flex;
    flex-wrap: nowrap;
    gap: 6px;
    overflow-x: auto;
    padding: 6px;
    scrollbar-width: none;
  }
  .hero-demo-card .api-tabs::-webkit-scrollbar {
    display: none;
  }
  .hero-demo-card .api-tabs button {
    flex: 0 0 auto;
    width: auto;
    min-height: 38px;
    padding: 0 13px;
    border-radius: 999px;
    font-size: 13px;
    white-space: nowrap;
  }
  .hero-demo-card .inline-demo-form { grid-template-columns: 1fr; }
  .hero-demo-card .api-demo,
  .api-demo { grid-template-columns: 1fr; }
  .hero-demo-card .browser-frame { min-height: 260px; }
  .hero-demo-card .json-panel pre,
  .hero-code-card pre {
    height: 260px;
    max-height: 260px;
    font-size: 11px;
  }
  .listing-row {
    grid-template-columns: 44px minmax(0, 1fr) auto;
    gap: 8px;
  }
  .listing-thumb {
    width: 44px;
    height: 44px;
  }
  .dashboard-copy {
    text-align: center;
  }
  .dashboard-copy .lead {
    margin-left: auto;
    margin-right: auto;
  }
  .dashboard-pills {
    display: none;
  }
  .dashboard-shot-carousel {
    margin-inline: -2px;
    border-radius: 16px;
    transform: none !important;
  }
  .dashboard-shot-carousel::before {
    opacity: .55;
  }
  .shot-tabs {
    display: none;
  }
  .shot-slide {
    padding: 8px;
    transform: translate3d(16px, 4px, 0) scale(.99);
  }
  .shot-image {
    aspect-ratio: 4 / 5;
    border-radius: 12px;
    background-size: cover;
    background-position: 50% 0 !important;
    -webkit-mask-image: none;
    mask-image: none;
    animation: none !important;
    transform: none !important;
  }
  #shot-progress .shot-image {
    background-position: 50% 0 !important;
  }
  #shot-preview .shot-image {
    background-position: 52% 0 !important;
  }
  #shot-item .shot-image {
    background-position: 50% 0 !important;
  }
  .shot-slide figcaption {
    display: grid;
    gap: 4px;
    font-size: 12px;
    line-height: 1.35;
  }
  .shot-dots {
    padding-bottom: 12px;
  }
  .command-section .section-head,
  .pricing-section .section-head {
    text-align: center;
  }
  .pricing-section .section-head > .button {
    display: none;
  }
  .cli-card pre {
    padding: 12px;
    font-size: 11px;
  }
  .export-stage {
    min-height: 560px;
    padding: 16px 10px 12px;
    border-radius: 16px;
    overflow: hidden;
  }
  .export-flow .export-source {
    position: relative;
    left: auto;
    top: auto;
    transform: none;
    width: 100%;
    justify-content: center;
    margin: 0 auto 116px;
    padding: 12px 14px;
    border-radius: 18px;
  }
  .export-flow .export-source::after {
    content: "";
    position: absolute;
    left: 50%;
    top: calc(100% + 8px);
    width: 2px;
    height: 88px;
    transform: translateX(-50%);
    background: linear-gradient(180deg, rgba(67,169,134,.74), rgba(67,169,134,.08));
  }
  .export-lines {
    display: none;
  }
  .data-token {
    display: grid;
    width: 52px;
    height: 38px;
    border-radius: 14px;
    z-index: 6;
  }
  .data-token .export-brand-mark {
    width: 42px;
    height: 28px;
  }
  .token-jsonl { animation: mobile-fly-jsonl 5.6s cubic-bezier(.18,.85,.2,1) -1.1s infinite; }
  .token-csv { animation: mobile-fly-csv 5.6s cubic-bezier(.18,.85,.2,1) -2.5s infinite; }
  .token-xlsx { animation: mobile-fly-xlsx 5.6s cubic-bezier(.18,.85,.2,1) -3.9s infinite; }
  .token-md { animation: mobile-fly-md 5.6s cubic-bezier(.18,.85,.2,1) -5.0s infinite; }
  .drop-lane {
    display: block;
    top: 126px;
    height: 94px;
    background: linear-gradient(180deg, rgba(67,169,134,.45), rgba(67,169,134,.08));
  }
  .drop-lane:nth-of-type(1) { left: 25%; }
  .drop-lane:nth-of-type(2) { left: 75%; }
  .drop-lane:nth-of-type(3) { left: 25%; top: 306px; }
  .drop-lane:nth-of-type(4) { left: 75%; top: 306px; }
  .format-grid.in-stage {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
  }
  .format-card {
    min-height: 128px;
    padding: 14px;
  }
  .format-card b { font-size: 18px; }
  .format-icon {
    width: 48px;
    height: 48px;
  }
  .resource-section .section-head {
    text-align: center;
  }
  .faq-section {
    gap: 18px;
  }
  .faq-cta {
    min-height: auto;
    padding: 26px;
  }
  .item-detail-grid, .demo-form, .inline-demo-form { grid-template-columns: 1fr; }
  .table-wrap {
    border-radius: 14px;
  }
  th, td {
    padding: 11px 12px;
    font-size: 13px;
  }
  .job-kpi-grid,
  .job-card-grid,
  .job-flowbar,
  .result-showcase {
    grid-template-columns: 1fr;
  }
  .donut-wrap {
    grid-template-columns: 1fr;
  }
  .summary-list div {
    grid-template-columns: 1fr;
    gap: 4px;
  }
}
@keyframes mobile-fly-jsonl {
  0% { left: calc(50% - 26px); top: 78px; opacity: 0; transform: scale(.72); }
  10% { opacity: 1; }
  48% { left: calc(25% - 26px); top: 178px; transform: scale(1); }
  74% { left: calc(25% - 26px); top: 218px; opacity: 1; transform: scale(.82); }
  90%, 100% { left: calc(25% - 26px); top: 218px; opacity: 0; transform: scale(.48); }
}
@keyframes mobile-fly-csv {
  0% { left: calc(50% - 26px); top: 78px; opacity: 0; transform: scale(.72); }
  10% { opacity: 1; }
  48% { left: calc(75% - 26px); top: 178px; transform: scale(1); }
  74% { left: calc(75% - 26px); top: 218px; opacity: 1; transform: scale(.82); }
  90%, 100% { left: calc(75% - 26px); top: 218px; opacity: 0; transform: scale(.48); }
}
@keyframes mobile-fly-xlsx {
  0% { left: calc(50% - 26px); top: 78px; opacity: 0; transform: scale(.72); }
  10% { opacity: 1; }
  48% { left: calc(25% - 26px); top: 358px; transform: scale(1); }
  74% { left: calc(25% - 26px); top: 398px; opacity: 1; transform: scale(.82); }
  90%, 100% { left: calc(25% - 26px); top: 398px; opacity: 0; transform: scale(.48); }
}
@keyframes mobile-fly-md {
  0% { left: calc(50% - 26px); top: 78px; opacity: 0; transform: scale(.72); }
  10% { opacity: 1; }
  48% { left: calc(75% - 26px); top: 358px; transform: scale(1); }
  74% { left: calc(75% - 26px); top: 398px; opacity: 1; transform: scale(.82); }
  90%, 100% { left: calc(75% - 26px); top: 398px; opacity: 0; transform: scale(.48); }
}
@media (max-width: 430px) {
  .amazon-landing .hero h1,
  .dashboard-copy h2,
  .section-head h2,
  .faq-section h2,
  .faq-cta h2 {
    font-size: clamp(38px, 12vw, 50px);
  }
  .hero-demo-card .browser-frame {
    min-height: 230px;
  }
  .hero-demo-card .json-panel pre,
  .hero-code-card pre {
    height: 230px;
    max-height: 230px;
  }
  .shot-image {
    aspect-ratio: 3 / 4;
    background-size: cover;
  }
  .shot-tabs button {
    padding: 8px 9px;
    font-size: 11px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .reveal,
  .job-live-bar span::after,
  .live-bar span::after,
  .data-token,
  .shot-slide.active .shot-image {
    animation: none !important;
    transition: none !important;
  }
}

/* Focused public Amazon landing. Keep the product UI styles above intact. */
body:has(.amazon-landing) {
  background: #f4f7f6;
  color: #14201d;
  font-family: Inter, "Liberation Sans", Arial, sans-serif;
}
body:has(.amazon-landing)::before { display: none; }
body:has(.amazon-landing) * { letter-spacing: 0 !important; }
body:has(.amazon-landing) .topbar {
  background: rgba(250,252,251,.94);
  border-color: #dfe7e4;
  backdrop-filter: blur(12px);
}
body:has(.amazon-landing) .nav {
  max-width: 1240px;
  min-height: 66px;
  padding: 10px 20px;
}
body:has(.amazon-landing) .brand {
  font-family: Inter, "Liberation Sans", Arial, sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 800;
}
body:has(.amazon-landing) .brand-mark {
  width: 42px;
  height: 30px;
  color: #14201d;
}
body:has(.amazon-landing) .brand-mark svg { width: 42px; height: 30px; }
body:has(.amazon-landing) .nav-links a {
  border-radius: 6px;
  color: #4d5d58;
  font-size: 14px;
  font-weight: 650;
}
body:has(.amazon-landing) .nav-links a:hover { background: #e8efec; color: #14201d; }
body:has(.amazon-landing) .nav-actions .button,
body:has(.amazon-landing) .button,
body:has(.amazon-landing) button {
  min-height: 42px;
  border-radius: 6px;
  background: #087e64;
  box-shadow: none;
  color: #fff;
}
body:has(.amazon-landing) .button:hover,
body:has(.amazon-landing) button:hover { background: #066d57; box-shadow: none; transform: none; }
body:has(.amazon-landing) .button.secondary {
  border-color: #ccd8d4;
  background: #fff;
  color: #14201d;
}
body:has(.amazon-landing) .page {
  width: min(1240px, calc(100% - 40px));
  max-width: none;
  padding: 0 0 48px;
}
.amazon-landing { color: #14201d; }
.amazon-landing h1,
.amazon-landing h2,
.amazon-landing h3,
.amazon-landing p { margin-top: 0; }
.amazon-landing a { color: inherit; }
.ps-hero {
  padding: 72px 0 24px;
}
.ps-hero-copy { max-width: 880px; }
.ps-kicker {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  color: #087e64;
  font-size: 13px;
  font-weight: 780;
  text-transform: uppercase;
}
.ps-kicker > span {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #ffb34c;
}
.ps-hero h1 {
  max-width: 920px;
  margin: 18px 0 20px;
  color: #101a17;
  font-family: Inter, "Liberation Sans", Arial, sans-serif;
  font-size: 72px;
  font-style: normal;
  font-weight: 780;
  line-height: 1.02;
}
.ps-hero-copy > p {
  max-width: 760px;
  margin-bottom: 30px;
  color: #53635e;
  font-size: 19px;
  line-height: 1.6;
}
.ps-sample-rail {
  display: grid;
  grid-template-columns: 230px minmax(280px, 1fr) 190px;
  gap: 0;
  padding: 8px;
  border: 1px solid #cfdad6;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 18px 48px rgba(20,32,29,.08);
}
.ps-sample-rail > label:not(.ps-consent) {
  display: grid;
  gap: 4px;
  min-width: 0;
  padding: 6px 14px;
}
.ps-sample-rail > label + label:not(.ps-consent) { border-left: 1px solid #e0e7e4; }
.ps-sample-rail label > span {
  color: #667570;
  font-size: 11px;
  font-weight: 760;
  text-transform: uppercase;
}
.ps-sample-rail input[type="email"],
.ps-sample-rail input[name="sample_input"] {
  width: 100%;
  min-width: 0;
  min-height: 28px;
  padding: 0;
  border: 0;
  outline: 0;
  background: transparent;
  color: #14201d;
  font: inherit;
  font-size: 15px;
}
.ps-sample-rail input::placeholder { color: #9aa7a3; }
.ps-sample-rail > button { min-height: 52px; align-self: center; }
.ps-sample-rail > button svg { width: 16px; height: 16px; flex: 0 0 auto; }
.ps-consent {
  grid-column: 1 / -1;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 6px 1px;
  color: #6a7874;
  font-size: 12px;
}
.ps-consent input { width: 15px; height: 15px; margin: 0; accent-color: #087e64; }
.ps-hero-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
  margin: 16px 0 28px;
  color: #596863;
  font-size: 13px;
  font-weight: 650;
}
.ps-hero-meta span { display: inline-flex; align-items: center; gap: 7px; }
.ps-hero-meta svg { width: 15px; height: 15px; color: #087e64; }
.ps-output {
  overflow: hidden;
  border: 1px solid #d6e0dc;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 24px 64px rgba(20,32,29,.08);
}
.ps-output-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  min-height: 64px;
  padding: 12px 18px;
  border-bottom: 1px solid #e5ebe8;
  background: #fafcfb;
}
.ps-output-bar > div:first-child { display: grid; grid-template-columns: auto auto; align-items: center; column-gap: 8px; }
.ps-output-bar small { grid-column: 2; color: #73807c; font-size: 12px; }
.ps-live-dot { width: 8px; height: 8px; border-radius: 50%; background: #12a47f; box-shadow: 0 0 0 4px rgba(18,164,127,.12); }
.ps-format-list { display: flex; gap: 7px; }
.ps-format-list span {
  padding: 5px 8px;
  border: 1px solid #d8e2de;
  border-radius: 4px;
  color: #53635e;
  font-size: 11px;
  font-weight: 800;
}
.ps-output-labels {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 210px 90px;
  gap: 16px;
  padding: 11px 18px;
  border-bottom: 1px solid #e5ebe8;
  color: #84918d;
  font-size: 10px;
  font-weight: 800;
  text-transform: uppercase;
}
.ps-output-labels span:nth-child(2), .ps-output-labels span:nth-child(3) { text-align: right; }
.ps-output .hero-row {
  display: grid;
  grid-template-columns: 50px minmax(0, 1fr) 90px;
  gap: 12px;
  min-height: 66px;
  margin: 0;
  padding: 8px 18px;
  border: 0;
  border-bottom: 1px solid #edf1ef;
  border-radius: 0;
  background: #fff;
}
.ps-output .hero-row img {
  width: 50px;
  height: 50px;
  border: 1px solid #edf1ef;
  border-radius: 5px;
  object-fit: contain;
}
.ps-output .hero-row b { color: #1b2925; font-size: 14px; }
.ps-output .hero-row small { margin-top: 4px; color: #75827e; font-size: 12px; }
.ps-output .hero-row strong { color: #14201d; font-size: 14px; text-align: right; }
.ps-output-foot {
  display: flex;
  justify-content: space-between;
  gap: 18px;
  padding: 14px 18px;
  color: #6e7c78;
  font-size: 12px;
}
.ps-output-foot a { display: inline-flex; align-items: center; gap: 6px; color: #087e64; font-weight: 780; white-space: nowrap; }
.ps-output-foot svg { width: 14px; height: 14px; }
.ps-section {
  margin-top: 112px;
  scroll-margin-top: 92px;
}
.ps-section-head {
  display: grid;
  grid-template-columns: 54px minmax(0, 1fr);
  gap: 20px;
  max-width: 820px;
  margin-bottom: 40px;
}
.ps-section-head > span,
.ps-faq-intro > span {
  color: #087e64;
  font-size: 13px;
  font-weight: 800;
}
.ps-section h2,
.ps-final h2 {
  margin-bottom: 12px;
  color: #14201d;
  font-family: Inter, "Liberation Sans", Arial, sans-serif;
  font-size: 42px;
  font-style: normal;
  font-weight: 760;
  line-height: 1.12;
}
.ps-section-head p,
.ps-faq-intro p { margin: 0; color: #61706b; font-size: 16px; }
.ps-workflow-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 34px; }
.ps-workflow-grid article { padding-top: 22px; border-top: 2px solid #cad6d2; }
.ps-workflow-icon {
  display: grid;
  width: 42px;
  height: 42px;
  margin-bottom: 28px;
  place-items: center;
  border-radius: 6px;
  background: #d9eee7;
  color: #087e64;
}
.ps-workflow-icon.amber { background: #fff0d6; color: #a85c00; }
.ps-workflow-icon.dark { background: #1c2925; color: #fff; }
.ps-workflow-icon svg { width: 19px; height: 19px; }
.ps-workflow-grid h3 { margin-bottom: 10px; font-size: 21px; }
.ps-workflow-grid p { min-height: 78px; margin-bottom: 20px; color: #61706b; font-size: 15px; }
.ps-workflow-grid a { display: inline-flex; align-items: center; gap: 6px; color: #087e64; font-size: 14px; font-weight: 780; }
.ps-workflow-grid a svg { width: 14px; height: 14px; }
.ps-dashboard {
  display: grid;
  grid-template-columns: minmax(300px, .72fr) minmax(520px, 1.28fr);
  gap: 56px;
  align-items: center;
  padding: 64px;
  border-radius: 8px;
  background: #14201d;
  color: #eef5f2;
}
.ps-dashboard .ps-kicker { color: #86d6bf; }
.ps-dashboard h2 { color: #fff; }
.ps-dashboard-copy > p { color: #b8c7c2; font-size: 16px; }
.ps-dashboard ul { display: grid; gap: 10px; margin: 24px 0 28px; padding: 0; list-style: none; }
.ps-dashboard li { display: flex; align-items: center; gap: 9px; color: #d9e5e1; font-size: 14px; }
.ps-dashboard li svg { width: 15px; height: 15px; color: #72d0b5; }
.ps-dashboard .button.secondary { border-color: #41534d; background: transparent; color: #fff; }
.ps-dashboard-shot { min-width: 0; margin: 0; }
.ps-dashboard-shot img { display: block; width: 100%; border: 1px solid #3b4d47; border-radius: 6px; background: #fff; }
.ps-dashboard-shot figcaption { display: flex; justify-content: space-between; gap: 14px; margin-top: 12px; color: #b8c7c2; font-size: 12px; }
.ps-dashboard-shot figcaption span { color: #ffbf67; font-weight: 800; text-transform: uppercase; }
.ps-dashboard-shot figcaption b { color: #dfe9e5; font-weight: 650; }
.ps-pricing { padding-top: 6px; }
.ps-price-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border: 1px solid #d4dfdb; border-radius: 8px; overflow: hidden; background: #fff; }
.ps-price-grid article { min-height: 310px; padding: 30px; }
.ps-price-grid article + article { border-left: 1px solid #dfe7e4; }
.ps-price-grid article.featured { background: #fff8ec; }
.ps-price-grid small { display: block; min-height: 24px; color: #6b7975; font-size: 12px; font-weight: 750; text-transform: uppercase; }
.ps-price-grid strong { display: block; margin: 12px 0 24px; font-size: 42px; line-height: 1; }
.ps-price-grid strong em { color: #6b7975; font-size: 15px; font-style: normal; font-weight: 650; }
.ps-price-grid h3 { font-size: 20px; }
.ps-price-grid p { min-height: 78px; color: #61706b; font-size: 14px; }
.ps-price-grid a { display: inline-flex; align-items: center; gap: 6px; color: #087e64; font-size: 14px; font-weight: 800; }
.ps-price-grid a svg { width: 14px; height: 14px; }
.ps-unit-note { margin: 14px 0 0; color: #6d7a76; font-size: 12px; }
.ps-pricing-page .ps-hero { padding-bottom: 0; }
.ps-pricing-page .ps-hero .actions { justify-content: flex-start; }
.ps-plan-table {
  overflow: hidden;
  border: 1px solid #d4dfdb;
  border-radius: 8px;
  background: #fff;
}
.ps-plan-row {
  display: grid;
  grid-template-columns: 1.2fr 1fr 1fr 1fr 1fr;
  gap: 16px;
  align-items: center;
  min-height: 68px;
  padding: 14px 20px;
  border-bottom: 1px solid #e3e9e7;
  color: #53635e;
  font-size: 14px;
}
.ps-plan-row:last-child { border-bottom: 0; }
.ps-plan-row b, .ps-plan-row strong { color: #14201d; }
.ps-plan-row strong { text-align: right; }
.ps-plan-row small { display: none; }
.ps-plan-head { min-height: 46px; background: #f8faf9; color: #7a8783; font-size: 11px; font-weight: 800; text-transform: uppercase; }
.ps-plan-head span:last-child { text-align: right; }
.ps-plan-row.is-featured { background: #fff8ec; }
.ps-faq { display: grid; grid-template-columns: minmax(240px, .65fr) minmax(0, 1.35fr); gap: 72px; }
.ps-faq-intro { display: grid; align-content: start; grid-template-columns: 54px minmax(0, 1fr); }
.ps-faq-intro h2, .ps-faq-intro p { grid-column: 2; }
.ps-faq-list { border-top: 1px solid #ccd7d3; }
.ps-faq-list details { border-bottom: 1px solid #ccd7d3; }
.ps-faq-list summary { padding: 22px 4px; cursor: pointer; color: #1b2925; font-size: 16px; font-weight: 760; }
.ps-faq-list p { max-width: 720px; margin: -6px 0 20px; color: #61706b; font-size: 14px; }
.ps-final {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 36px;
  margin-top: 112px;
  padding: 48px;
  border-radius: 8px;
  background: #dcefe9;
}
.ps-final span { color: #087e64; font-size: 13px; font-weight: 800; text-transform: uppercase; }
.ps-final h2 { max-width: 700px; margin: 10px 0 0; font-size: 36px; }
.ps-resource-links { display: flex; flex-wrap: wrap; gap: 18px; margin-top: 26px; padding: 18px 0; border-top: 1px solid #d5dfdc; color: #65736f; font-size: 12px; }
.ps-resource-links a:hover { color: #087e64; }
@media (max-width: 980px) {
  body:has(.amazon-landing) .page { width: min(100% - 32px, 1240px); }
  .ps-hero { padding-top: 54px; }
  .ps-hero h1 { font-size: 56px; }
  .ps-sample-rail { grid-template-columns: 1fr 1.45fr; }
  .ps-sample-rail > button { grid-column: 1 / -1; margin-top: 8px; }
  .ps-dashboard { grid-template-columns: 1fr; padding: 48px; }
  .ps-dashboard-shot { order: -1; }
  .ps-faq { gap: 42px; }
}
@media (max-width: 720px) {
  body:has(.amazon-landing) .page { width: min(100% - 24px, 1240px); padding-bottom: 28px; }
  body:has(.amazon-landing) .nav { padding-left: 12px; padding-right: 12px; }
  body:has(.amazon-landing) .brand { font-size: 18px; }
  body:has(.amazon-landing) .nav-actions { width: auto; }
  body:has(.amazon-landing) .nav-actions .button.secondary { display: none; }
  .ps-hero { padding: 38px 0 16px; }
  .ps-hero h1 { font-size: 40px; line-height: 1.06; }
  .ps-hero-copy > p { font-size: 16px; line-height: 1.55; }
  .ps-sample-rail { grid-template-columns: 1fr; padding: 7px; }
  .ps-sample-rail > label:not(.ps-consent) { padding: 9px 10px; }
  .ps-sample-rail > label + label:not(.ps-consent) { border-top: 1px solid #e0e7e4; border-left: 0; }
  .ps-sample-rail > button { grid-column: auto; }
  .ps-consent { grid-column: auto; align-items: flex-start; }
  .ps-hero-meta { gap: 10px 16px; }
  .ps-output-labels { display: none; }
  .ps-output-bar { align-items: flex-start; }
  .ps-format-list span:last-child { display: none; }
  .ps-output .hero-row { grid-template-columns: 44px minmax(0, 1fr) auto; padding: 8px 10px; }
  .ps-output .hero-row:nth-of-type(n+5) { display: none; }
  .ps-output .hero-row img { width: 44px; height: 44px; }
  .ps-output .hero-row b { font-size: 12px; }
  .ps-output .hero-row small { font-size: 10px; }
  .ps-output-foot { display: grid; }
  .ps-output-foot > span { display: none; }
  .ps-section { margin-top: 78px; }
  .ps-section-head { grid-template-columns: 34px minmax(0, 1fr); gap: 10px; margin-bottom: 28px; }
  .ps-section h2, .ps-final h2 { font-size: 30px; }
  .ps-workflow-grid, .ps-price-grid { grid-template-columns: 1fr; }
  .ps-workflow-grid { gap: 30px; }
  .ps-workflow-grid p { min-height: 0; }
  .ps-dashboard { gap: 28px; padding: 24px 18px; }
  .ps-dashboard-shot figcaption { display: grid; }
  .ps-price-grid article { min-height: 0; padding: 24px; }
  .ps-price-grid article + article { border-top: 1px solid #dfe7e4; border-left: 0; }
  .ps-price-grid p { min-height: 0; }
  .ps-plan-head { display: none; }
  .ps-plan-row {
    grid-template-columns: 1fr 1fr;
    gap: 14px;
    padding: 20px;
  }
  .ps-plan-row b { grid-column: 1 / -1; font-size: 20px; }
  .ps-plan-row span, .ps-plan-row strong { display: grid; gap: 4px; text-align: left; }
  .ps-plan-row small { display: block; color: #899590; font-size: 9px; font-weight: 800; text-transform: uppercase; }
  .ps-faq { grid-template-columns: 1fr; gap: 26px; }
  .ps-faq-intro { grid-template-columns: 34px minmax(0, 1fr); }
  .ps-final { display: grid; margin-top: 78px; padding: 28px 20px; }
  .ps-final .button { width: 100%; }
}


html { overflow-x: hidden; }
.seo-body {
  width: 100%;
  overflow-x: hidden;
  overflow-x: clip;
}
.seo-body .shell {
  max-width: 100%;
  overflow-x: hidden;
  overflow-x: clip;
}
.seo-page .reveal { opacity: 1; transform: none; }
.seo-body .page {
  width: min(1180px, calc(100% - 48px));
  max-width: none;
  padding-left: 0;
  padding-right: 0;
}
.seo-body .nav-actions .green { display: none; }
.seo-page .hero { grid-template-columns: minmax(0, .94fr) minmax(320px, .86fr); }
.seo-page .terminal-card { min-height: 250px; align-self: stretch; }
.seo-page .terminal-body { font-size: 14px; white-space: normal; overflow-wrap: anywhere; }
.seo-card-icon {
  width: 46px;
  height: 46px;
  display: inline-grid;
  place-items: center;
  border-radius: 14px;
  color: var(--green);
  background: linear-gradient(135deg, rgba(67,169,134,.16), rgba(67,169,134,.05));
  border: 1px solid rgba(67,169,134,.18);
}
.seo-card-icon svg { width: 24px; height: 24px; }
.term-cloud { display: flex; flex-wrap: wrap; gap: 10px; }
.term-cloud span {
  display: inline-flex;
  align-items: center;
  min-height: 34px;
  border: 1px solid rgba(16,163,127,.22);
  border-radius: 999px;
  padding: 0 13px;
  background: rgba(224,250,243,.72);
  color: #087f64;
  font-weight: 760;
  font-size: 14px;
}
.compare-page .hero {
  display: block;
  min-height: auto;
  padding: 112px 0 60px;
  text-align: center;
}
.compare-page .hero-copy {
  max-width: 1040px;
  margin: 0 auto 28px;
}
.compare-page .hero h1 {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  font-size: clamp(52px, 5.8vw, 82px);
  line-height: .94;
  overflow-wrap: normal;
}
.compare-hero-card {
  position: relative;
  display: grid;
  gap: 18px;
  width: min(1040px, 100%);
  margin: 0 auto;
  padding: 22px;
  border: 1px solid rgba(36,33,31,.10);
  border-radius: 26px;
  background: radial-gradient(circle at 50% 0%, rgba(67,169,134,.12), transparent 28rem), rgba(255,253,249,.82);
  box-shadow: 0 34px 90px rgba(36,33,31,.12);
}
.compare-stack {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
  gap: 12px;
  align-items: stretch;
}
.compare-brand {
  min-width: 0;
  min-height: 210px;
  padding: 20px;
  border-radius: 22px;
  border: 1px solid rgba(36,33,31,.10);
  background: rgba(255,255,255,.72);
}
.compare-brand.primary {
  border-color: rgba(67,169,134,.28);
  background: linear-gradient(180deg, rgba(233,250,243,.78), rgba(255,255,255,.78));
}
.compare-brand .brand-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 14px;
}
.compare-brand h3 { margin: 0; font-size: 24px; }
.compare-list {
  display: grid;
  gap: 10px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.compare-list li {
  display: flex;
  align-items: start;
  gap: 8px;
  color: #5f5953;
  font-size: 14px;
  line-height: 1.35;
}
.compare-list li::before {
  content: "";
  width: 8px;
  height: 8px;
  flex: 0 0 8px;
  margin-top: 5px;
  border-radius: 999px;
  background: var(--green);
}
.compare-brand.secondary .compare-list li::before { background: rgba(36,33,31,.28); }
.vs-badge {
  align-self: center;
  display: inline-grid;
  place-items: center;
  width: 54px;
  height: 54px;
  border-radius: 999px;
  color: #fffaf4;
  background: #241f1c;
  font-weight: 900;
  box-shadow: 0 18px 44px rgba(36,31,28,.18);
}
.compare-score-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}
.score-card {
  padding: 14px;
  border: 1px solid rgba(36,33,31,.08);
  border-radius: 16px;
  background: rgba(255,255,255,.68);
}
.score-card b { display: block; font-size: 20px; }
.score-card span { color: #706962; font-size: 13px; }
.decision-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}
.decision-card {
  padding: 22px;
  border: 1px solid rgba(36,33,31,.10);
  border-radius: 20px;
  background: rgba(255,253,249,.78);
}
.decision-card.primary {
  border-color: rgba(67,169,134,.24);
  background: linear-gradient(135deg, rgba(236,252,245,.82), rgba(255,253,249,.78));
}
.decision-card h3 { margin: 0 0 12px; font-size: 24px; }
.compare-matrix td:first-child { font-weight: 820; color: #2d2925; }
.compare-matrix td:nth-child(2) { background: rgba(236,252,245,.5); }
.related-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}
.related-card {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 62px;
  padding: 14px 16px;
  border: 1px solid rgba(36,33,31,.10);
  border-radius: 16px;
  background: rgba(255,253,249,.78);
  color: #2d2925;
  text-decoration: none;
  font-weight: 820;
}
.related-card::after {
  content: "->";
  color: var(--green);
}
.related-card:hover { color: var(--green); transform: translateY(-2px); }
.related-card span { min-width: 0; }
.related-card b { display: block; }
.related-card small {
  display: block;
  margin-top: 4px;
  color: #706962;
  font-size: 12px;
  line-height: 1.35;
  font-weight: 650;
}
.seo-code-grid {
  display: grid;
  grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
  gap: 18px;
  align-items: stretch;
}
.seo-code-card {
  min-width: 0;
  border-radius: 18px;
  overflow: hidden;
  background: #101827;
  color: #e7edf8;
  box-shadow: 0 24px 70px rgba(15,23,42,.18);
}
.seo-code-card header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  min-height: 48px;
  padding: 0 16px;
  border-bottom: 1px solid rgba(255,255,255,.09);
  color: #b9c6d8;
  font-weight: 850;
}
.seo-code-card pre {
  margin: 0;
  padding: 18px;
  white-space: pre-wrap;
  word-break: break-word;
  overflow-wrap: anywhere;
  font-size: 13px;
  line-height: 1.55;
}
.seo-copy-panel {
  display: grid;
  gap: 14px;
  align-content: start;
}
.seo-copy-panel p { margin: 0; }
.workflow-list {
  display: grid;
  gap: 12px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.workflow-list li {
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr);
  gap: 12px;
  align-items: start;
  padding: 16px;
  border: 1px solid rgba(36,33,31,.10);
  border-radius: 16px;
  background: rgba(255,253,249,.78);
}
.workflow-list b { display: block; margin-bottom: 4px; }
.workflow-step {
  display: grid;
  place-items: center;
  width: 38px;
  height: 38px;
  border-radius: 999px;
  background: #241f1c;
  color: #fffaf4;
  font-weight: 900;
}
.marketplace-home .marketplace-hero {
  min-height: calc(100vh - 108px);
  align-items: center;
  padding-bottom: 68px;
}
.marketplace-home .hero h1 {
  max-width: 920px;
  font-size: clamp(64px, 7vw, 116px);
  line-height: .9;
}
.market-hero-panel {
  display: grid;
  gap: 14px;
  min-width: 0;
  padding: 18px;
  border: 1px solid rgba(36,33,31,.10);
  border-radius: 26px;
  background:
    linear-gradient(145deg, rgba(255,253,249,.92), rgba(247,242,233,.86)),
    radial-gradient(circle at 18% 10%, rgba(67,169,134,.16), transparent 24rem);
  box-shadow: 0 34px 90px rgba(36,31,28,.14);
}
.market-status-row,
.market-job-card,
.market-coming-row {
  border: 1px solid rgba(36,33,31,.10);
  border-radius: 18px;
  background: rgba(255,255,255,.72);
}
.market-status-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  min-height: 62px;
  padding: 0 18px;
}
.market-status-row span,
.market-card-top span,
.proof-card span,
.case-card span,
.roadmap-band span {
  color: #706962;
  font-size: 13px;
  font-weight: 850;
  text-transform: uppercase;
  letter-spacing: 0;
}
.market-status-row b {
  display: inline-flex;
  align-items: center;
  min-height: 36px;
  padding: 0 14px;
  border-radius: 999px;
  background: rgba(224,250,243,.9);
  color: #0b7f65;
}
.market-source-map,
.market-export-row,
.market-coming-row {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}
.market-source-map span,
.market-export-row span,
.market-coming-row span {
  min-height: 46px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(36,33,31,.09);
  border-radius: 14px;
  background: rgba(255,253,249,.78);
  color: #2d2925;
  font-weight: 850;
  text-align: center;
}
.market-job-card {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 18px;
  background: linear-gradient(135deg, rgba(34,31,29,.95), rgba(52,47,43,.90));
  color: #fffaf4;
}
.market-job-card div {
  display: grid;
  gap: 5px;
}
.market-job-card span {
  color: rgba(255,250,244,.68);
  font-size: 13px;
  font-weight: 800;
}
.market-job-card b {
  font-size: 24px;
  line-height: 1;
}
.market-job-card strong {
  color: #a7efd6;
  font-size: 13px;
  text-align: right;
}
.market-export-row {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}
.market-export-row span {
  border-color: rgba(67,169,134,.20);
  background: rgba(237,251,246,.82);
  color: #0b7f65;
}
.market-coming-row {
  grid-template-columns: 1fr auto 1fr auto;
  align-items: center;
  padding: 12px;
}
.market-coming-row span {
  min-height: 34px;
  border-radius: 999px;
  font-size: 12px;
}
.market-coming-row span:nth-child(2),
.market-coming-row span:nth-child(4) {
  padding: 0 12px;
  color: #7c6754;
  background: rgba(246,232,210,.72);
  border-color: rgba(156,116,68,.18);
}
.market-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}
.market-card {
  display: grid;
  gap: 14px;
  grid-template-rows: auto auto auto 1fr auto;
  align-content: stretch;
  min-height: 326px;
  padding: 22px;
  border: 1px solid rgba(36,33,31,.10);
  border-radius: 22px;
  background: rgba(255,253,249,.78);
  box-shadow: 0 20px 58px rgba(36,31,28,.08);
}
.market-card.is-live {
  border-color: rgba(67,169,134,.30);
  background: linear-gradient(135deg, rgba(237,251,246,.92), rgba(255,253,249,.84));
}
.market-card-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.market-card-top strong {
  display: inline-flex;
  align-items: center;
  min-height: 30px;
  padding: 0 11px;
  border-radius: 999px;
  background: #241f1c;
  color: #fffaf4;
  font-size: 12px;
}
.market-card.is-live .market-card-top strong {
  background: #0b7f65;
}
.market-card h3,
.case-card h3,
.resource-split h3 {
  margin: 0;
  font-size: 24px;
  line-height: 1.05;
}
.market-card p,
.case-card p,
.proof-card small,
.proof-detail p,
.roadmap-band small {
  margin: 0;
  color: #665f58;
  line-height: 1.45;
}
.market-card-action,
.waitlist-form button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  padding: 0 15px;
  border-radius: 10px;
  border: 1px solid rgba(67,169,134,.30);
  background: rgba(237,251,246,.86);
  color: #0b7f65;
  font-weight: 900;
  text-decoration: none;
  box-shadow: 0 10px 24px rgba(33,115,89,.08);
}
.market-card-action:hover,
.waitlist-form button:hover {
  transform: translateY(-1px);
  background: #0b7f65;
  color: #fffaf4;
}
.waitlist-form {
  display: grid;
  gap: 8px;
  align-self: end;
}
.waitlist-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 8px;
}
.waitlist-form input {
  width: 100%;
  min-height: 42px;
  padding: 0 12px;
  border: 1px solid rgba(36,33,31,.12);
  border-radius: 10px;
  background: rgba(255,255,255,.82);
  color: #2d2925;
  font: inherit;
  font-size: 13px;
  font-weight: 720;
}
.waitlist-form input:focus {
  outline: 2px solid rgba(67,169,134,.20);
  border-color: rgba(67,169,134,.42);
}
.waitlist-form button {
  min-width: 104px;
  cursor: pointer;
}
.waitlist-form button:disabled {
  cursor: wait;
  opacity: .78;
}
.waitlist-form.is-sent button {
  background: #0b7f65;
  color: #fffaf4;
}
.waitlist-status {
  min-height: 16px;
  color: #746b63;
  font-size: 12px;
  font-weight: 720;
  line-height: 1.3;
}
.waitlist-status.ok { color: #0b7f65; }
.waitlist-status.error { color: #9f2d20; }
.proof-layout {
  display: grid;
  gap: 14px;
}
.proof-grid,
.case-grid {
  display: grid;
  gap: 12px;
}
.proof-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.proof-card,
.case-card,
.product-shot {
  border: 1px solid rgba(36,33,31,.10);
  border-radius: 20px;
  background: rgba(255,253,249,.78);
  box-shadow: 0 20px 58px rgba(36,31,28,.07);
}
.proof-card {
  display: grid;
  gap: 8px;
  padding: 18px;
  min-height: 174px;
}
.proof-card b {
  font-size: clamp(26px, 2.1vw, 32px);
  line-height: 1;
}
.proof-card small {
  display: block;
  border: 0;
  padding: 0;
}
.proof-showcase {
  display: grid;
  grid-template-columns: minmax(0, 1.55fr) minmax(280px, .65fr);
  gap: 12px;
  align-items: stretch;
}
.case-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.case-card {
  display: grid;
  gap: 10px;
  padding: 18px;
  min-height: 190px;
}
.case-card span {
  color: #0b7f65;
}
.product-shot {
  display: flex;
  flex-direction: column;
  gap: 0;
  margin: 0;
  overflow: hidden;
  background: rgba(255,253,249,.88);
}
.product-shot img {
  display: block;
  width: 100%;
  height: clamp(330px, 31vw, 430px);
  object-fit: cover;
  object-position: top center;
  background: #f6f0e8;
}
.product-shot figcaption {
  padding: 14px 16px 16px;
  color: #665f58;
  font-size: 13px;
  line-height: 1.4;
  font-weight: 700;
}
.proof-detail-stack {
  display: grid;
  grid-template-rows: repeat(2, minmax(0, 1fr));
  gap: 12px;
}
.proof-detail {
  display: grid;
  gap: 10px;
  min-height: 0;
  padding: 18px;
  border: 1px solid rgba(36,33,31,.10);
  border-radius: 20px;
  background: rgba(255,253,249,.78);
  box-shadow: 0 20px 58px rgba(36,31,28,.07);
}
.proof-detail span {
  color: #0b7f65;
  font-weight: 900;
}
.proof-detail b {
  font-size: 24px;
  line-height: 1.05;
}
.resource-split {
  display: grid;
  grid-template-columns: minmax(0, .82fr) minmax(0, 1.18fr);
  gap: 18px;
  align-items: start;
}
.resource-split > div {
  display: flex;
  flex-direction: column;
  gap: 12px;
  min-width: 0;
}
.related-grid.compact {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-content: start;
}
.roadmap-band {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}
.roadmap-band div {
  display: grid;
  gap: 9px;
  min-height: 160px;
  padding: 20px;
  border: 1px solid rgba(36,33,31,.10);
  border-radius: 20px;
  background: rgba(255,253,249,.78);
}
.roadmap-band b {
  font-size: 28px;
  line-height: 1;
}
.roadmap-band div:first-child {
  border-color: rgba(67,169,134,.28);
  background: linear-gradient(135deg, rgba(237,251,246,.9), rgba(255,253,249,.84));
}
.marketplace-home {
  position: relative;
  isolation: isolate;
  background:
    linear-gradient(180deg, rgba(255,253,249,0) 0%, rgba(239,249,243,.52) 44%, rgba(255,253,249,0) 74%),
    repeating-linear-gradient(112deg, rgba(43,125,94,.055) 0 1px, transparent 1px 128px),
    repeating-linear-gradient(68deg, rgba(168,126,74,.045) 0 1px, transparent 1px 150px);
  border-radius: 28px;
}
.marketplace-home::before,
.marketplace-home::after {
  display: none;
}
.marketplace-home .marketplace-hero {
  display: grid;
  grid-template-columns: minmax(0, .86fr) minmax(440px, .96fr);
  gap: clamp(34px, 4vw, 76px);
  min-height: auto;
  padding: 72px 0 84px;
  text-align: left;
}
.marketplace-home .hero-copy {
  align-self: center;
}
.marketplace-home .marketplace-hero .eyebrow,
.marketplace-home .marketplace-hero .actions {
  justify-content: flex-start;
  margin-left: 0;
  margin-right: 0;
}
.marketplace-home .hero h1 {
  max-width: 760px;
  font-size: clamp(58px, 5.8vw, 96px);
  line-height: .90;
}
.marketplace-home .hero .lead {
  max-width: 650px;
}
.marketplace-home .actions {
  gap: 12px;
}
.workspace-card {
  position: relative;
  display: grid;
  gap: 18px;
  align-self: center;
  min-width: 0;
  padding: clamp(18px, 2vw, 28px);
  border: 1px solid rgba(36,33,31,.12);
  border-radius: 18px;
  background:
    linear-gradient(180deg, rgba(255,255,255,.92), rgba(255,253,249,.88)),
    linear-gradient(135deg, rgba(67,169,134,.08), rgba(243,227,198,.14));
  box-shadow: 0 34px 96px rgba(36,31,28,.16);
}
.workspace-card::before {
  content: "";
  position: absolute;
  inset: 1px;
  border-radius: 17px;
  border: 1px solid rgba(255,255,255,.72);
  pointer-events: none;
}
.workspace-card-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  color: #2d2925;
  font-size: 15px;
  font-weight: 900;
}
.market-logo {
  position: relative;
  display: inline-grid;
  place-items: center;
  width: 56px;
  height: 56px;
  flex: 0 0 auto;
  border-radius: 999px;
  border: 1px solid rgba(36,33,31,.12);
  background: rgba(255,255,255,.86);
  box-shadow: 0 16px 40px rgba(36,31,28,.12);
  overflow: hidden;
}
.amazon-logo {
  color: #23201d;
}
.amazon-logo b {
  transform: translateY(-2px);
  font-family: Georgia, serif;
  font-size: 32px;
  line-height: 1;
}
.amazon-logo i {
  position: absolute;
  width: 30px;
  height: 14px;
  left: 15px;
  bottom: 13px;
  border-bottom: 4px solid #e09a28;
  border-radius: 0 0 999px 999px;
  transform: rotate(-8deg);
}
.amazon-logo i::after {
  content: "";
  position: absolute;
  right: -5px;
  bottom: -4px;
  border: 5px solid transparent;
  border-left-color: #e09a28;
  transform: rotate(18deg);
}
.ozon-logo b {
  color: #2057e9;
  font-size: 13px;
  font-weight: 950;
}
.ebay-logo b {
  display: flex;
  align-items: center;
  font-size: 19px;
  font-weight: 950;
  line-height: 1;
}
.ebay-logo i {
  font-style: normal;
  margin-left: -1px;
}
.ebay-logo i:nth-child(1) { color: #e53238; }
.ebay-logo i:nth-child(2) { color: #0064d2; }
.ebay-logo i:nth-child(3) { color: #f5af02; }
.ebay-logo i:nth-child(4) { color: #86b817; }
.workspace-tabs {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  border: 1px solid rgba(36,33,31,.12);
  border-radius: 12px;
  overflow: hidden;
  background: rgba(255,255,255,.70);
}
.workspace-tabs span {
  display: grid;
  place-items: center;
  min-height: 54px;
  padding: 0 10px;
  border-right: 1px solid rgba(36,33,31,.10);
  color: #3d3833;
  font-size: 13px;
  font-weight: 850;
  text-align: center;
}
.workspace-tabs span:last-child {
  border-right: 0;
}
.workspace-tabs .active {
  color: #0b7f65;
  background: rgba(231,250,244,.78);
  box-shadow: inset 0 -2px 0 #43a986;
}
.workspace-input-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
}
.workspace-input-row span {
  min-height: 50px;
  display: flex;
  align-items: center;
  padding: 0 16px;
  border: 1px solid rgba(36,33,31,.12);
  border-radius: 10px;
  background: rgba(255,255,255,.78);
  color: #9a9289;
  font-size: 13px;
  font-weight: 720;
}
.workspace-input-row a {
  min-height: 50px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 0 18px;
  border-radius: 10px;
  background: #2d8f70;
  color: #fff;
  text-decoration: none;
  font-weight: 900;
  box-shadow: 0 14px 28px rgba(45,143,112,.24);
}
.workspace-input-row svg {
  width: 17px;
  height: 17px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
}
.workspace-job {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto 74px;
  align-items: center;
  gap: 14px;
  min-height: 72px;
  padding: 14px 16px;
  border: 1px solid rgba(67,169,134,.24);
  border-radius: 12px;
  background: linear-gradient(135deg, rgba(237,251,246,.92), rgba(255,255,255,.72));
}
.workspace-job div {
  display: grid;
  gap: 4px;
}
.workspace-job span,
.workspace-job strong {
  color: #0b7f65;
  font-size: 12px;
  font-weight: 850;
}
.workspace-job b {
  color: #23201d;
  font-size: 22px;
}
.workspace-job svg {
  width: 74px;
  height: 36px;
}
.workspace-job svg path {
  fill: none;
  stroke: #43a986;
  stroke-width: 4;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.workspace-export-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 10px;
}
.workspace-export-grid span {
  min-width: 0;
  min-height: 74px;
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr);
  grid-template-rows: auto auto;
  column-gap: 8px;
  align-content: center;
  padding: 10px;
  border: 1px solid rgba(36,33,31,.10);
  border-radius: 10px;
  background: rgba(255,255,255,.74);
}
.workspace-export-grid i {
  grid-row: 1 / span 2;
  display: grid;
  place-items: center;
  width: 28px;
  height: 28px;
  color: #2d8f70;
  background: rgba(231,250,244,.86);
  border-radius: 8px;
}
.workspace-export-grid svg {
  width: 17px;
  height: 17px;
}
.workspace-export-grid b {
  color: #26221f;
  font-size: 13px;
  line-height: 1.1;
}
.workspace-export-grid small {
  color: #706962;
  font-size: 11px;
  font-weight: 700;
}
.workspace-marketplaces {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}
.workspace-marketplaces > span {
  display: grid;
  grid-template-columns: 32px minmax(0, 1fr) auto;
  align-items: center;
  gap: 8px;
  min-height: 54px;
  padding: 8px 10px;
  border: 1px solid rgba(36,33,31,.10);
  border-radius: 10px;
  background: rgba(255,255,255,.68);
}
.workspace-marketplaces .market-logo {
  width: 32px;
  height: 32px;
  box-shadow: none;
}
.workspace-marketplaces .amazon-logo b { font-size: 20px; }
.workspace-marketplaces .amazon-logo i {
  width: 17px;
  height: 8px;
  left: 9px;
  bottom: 7px;
  border-bottom-width: 3px;
}
.workspace-marketplaces .amazon-logo i::after {
  right: -5px;
  bottom: -4px;
  border-width: 4px;
}
.workspace-marketplaces .ozon-logo b { font-size: 9px; }
.workspace-marketplaces .ebay-logo b { font-size: 12px; }
.workspace-marketplaces > span > b {
  color: #2d2925;
  font-size: 13px;
}
.workspace-marketplaces > span > small {
  display: inline-flex;
  justify-content: center;
  min-width: 84px;
  padding: 5px 8px;
  border-radius: 999px;
  background: rgba(241,235,226,.72);
  color: #6c635b;
  font-size: 10px;
  font-weight: 850;
}
.workspace-marketplaces > span:first-child small {
  background: rgba(231,250,244,.88);
  color: #0b7f65;
}
.market-orbit {
  position: static;
  width: 76px;
  height: 76px;
  margin-bottom: 4px;
}
.market-card {
  position: relative;
  overflow: hidden;
  padding-top: 22px;
}
.market-card .market-logo {
  width: 72px;
  height: 72px;
}
.market-card .amazon-logo {
  background: linear-gradient(160deg, #17855f, #58b894);
  color: #fff;
  border-color: rgba(255,255,255,.7);
}
.market-card .amazon-logo i,
.market-card .amazon-logo i::after {
  border-left-color: #f3b34e;
}
.market-card .amazon-logo i {
  border-bottom-color: #f3b34e;
}
.home-feature-card {
  display: grid;
  gap: 14px;
  min-height: 214px;
  padding: 22px;
  border: 1px solid rgba(36,33,31,.10);
  border-radius: 18px;
  background: rgba(255,253,249,.82);
  box-shadow: 0 20px 58px rgba(36,31,28,.07);
}
.home-feature-card h3,
.home-feature-card p {
  margin: 0;
}
.home-feature-card p {
  color: #665f58;
  line-height: 1.45;
}
.feature-illustration {
  position: relative;
  min-height: 96px;
  border-radius: 14px;
  background: linear-gradient(135deg, rgba(237,251,246,.82), rgba(255,250,242,.82));
  overflow: hidden;
}
.browser-illustration span {
  position: absolute;
  top: 14px;
  width: 7px;
  height: 7px;
  border-radius: 999px;
  background: #e66b5b;
}
.browser-illustration span:nth-child(1) { left: 15px; }
.browser-illustration span:nth-child(2) { left: 27px; background: #f1bf4d; }
.browser-illustration span:nth-child(3) { left: 39px; background: #45a77e; }
.browser-illustration b {
  position: absolute;
  left: 16px;
  right: 58px;
  bottom: 22px;
  height: 28px;
  border-radius: 999px;
  border: 1px solid rgba(36,33,31,.12);
  background: #fff;
}
.browser-illustration b::before {
  content: "";
  position: absolute;
  left: 14px;
  top: 8px;
  width: 12px;
  height: 12px;
  border: 2px solid #2d8f70;
  border-radius: 999px;
}
.browser-illustration i {
  position: absolute;
  right: 16px;
  bottom: 22px;
  color: #2d8f70;
  font-style: normal;
  font-weight: 900;
}
.globe-illustration span {
  position: absolute;
  left: 50%;
  top: 16px;
  width: 70px;
  height: 70px;
  transform: translateX(-50%);
  border: 2px solid rgba(67,169,134,.45);
  border-radius: 999px;
}
.globe-illustration span::before,
.globe-illustration span::after {
  content: "";
  position: absolute;
  inset: 10px 22px;
  border-left: 2px solid rgba(67,169,134,.35);
  border-right: 2px solid rgba(67,169,134,.35);
  border-radius: 999px;
}
.globe-illustration span::after {
  inset: 34px 7px auto;
  height: 0;
  border: 0;
  border-top: 2px solid rgba(67,169,134,.35);
}
.globe-illustration b {
  position: absolute;
  right: 48px;
  bottom: 22px;
  width: 28px;
  height: 28px;
  border: 3px solid #2d8f70;
  border-radius: 999px;
}
.globe-illustration i {
  position: absolute;
  right: 38px;
  bottom: 18px;
  width: 18px;
  height: 3px;
  border-radius: 999px;
  background: #2d8f70;
  transform: rotate(42deg);
}
.files-illustration {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
}
.files-illustration span {
  display: grid;
  place-items: center;
  width: 46px;
  height: 54px;
  border-radius: 8px;
  border: 1px solid rgba(36,33,31,.10);
  background: rgba(255,255,255,.82);
  color: #6f655c;
  font-size: 9px;
  font-weight: 950;
}
.chart-illustration {
  display: grid;
  place-items: center;
}
.chart-illustration svg {
  width: 92%;
  height: 86%;
}
.chart-illustration path {
  fill: none;
  stroke: #2d8f70;
  stroke-width: 4;
  stroke-linecap: round;
}
.chart-illustration path + path {
  stroke: rgba(45,143,112,.42);
}
@keyframes workspaceFloat {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-8px); }
}
@keyframes logoFloat {
  0%, 100% { transform: translateY(0) rotate(0deg); }
  50% { transform: translateY(-5px) rotate(-2deg); }
}
@keyframes pathPulse {
  0%, 100% { opacity: .55; }
  50% { opacity: 1; }
}
@media (prefers-reduced-motion: no-preference) {
  .workspace-card { animation: workspaceFloat 7s ease-in-out infinite; }
  .market-card .market-logo { animation: logoFloat 6s ease-in-out infinite; }
  .market-card:nth-child(2) .market-logo { animation-delay: .7s; }
  .market-card:nth-child(3) .market-logo { animation-delay: 1.1s; }
  .workspace-job svg path,
  .chart-illustration path { animation: pathPulse 2.8s ease-in-out infinite; }
  .related-card,
  .market-card,
  .home-feature-card,
  .proof-card,
  .case-card {
    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
  }
  .market-card:hover,
  .home-feature-card:hover,
  .proof-card:hover,
  .case-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 26px 70px rgba(36,31,28,.12);
  }
}
.seo-tool-panel {
  display: grid;
  grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
  gap: 18px;
  align-items: start;
  border: 1px solid rgba(36,33,31,.10);
  border-radius: 22px;
  padding: 20px;
  background: rgba(255,253,249,.78);
  box-shadow: 0 24px 70px rgba(36,31,28,.10);
}
.seo-tool-panel textarea,
.seo-tool-panel input,
.seo-tool-panel select {
  width: 100%;
  min-height: 46px;
  border: 1px solid rgba(36,33,31,.14);
  border-radius: 12px;
  padding: 11px 12px;
  background: #fff;
  color: #2d2925;
  font: inherit;
}
.seo-tool-panel textarea {
  min-height: 150px;
  resize: vertical;
}
.seo-tool-panel label {
  display: grid;
  gap: 7px;
  color: #5f5953;
  font-size: 13px;
  font-weight: 820;
}
.tool-result {
  min-height: 230px;
  margin: 0;
  border-radius: 16px;
  padding: 16px;
  background: #101827;
  color: #e7edf8;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  font-size: 13px;
  line-height: 1.5;
}
.resource-page .hero { padding-bottom: 46px; }
.resource-page .hero h1 { max-width: 980px; }
.resource-content {
  display: grid;
  grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
  gap: 18px;
  align-items: start;
}
.resource-article {
  display: grid;
  gap: 16px;
  min-width: 0;
}
.resource-article article {
  padding: 22px;
  border: 1px solid rgba(36,33,31,.10);
  border-radius: 18px;
  background: rgba(255,253,249,.78);
}
.resource-article h3 { margin: 0 0 10px; font-size: 24px; }
.resource-article p { margin: 0 0 12px; }
.resource-article p:last-child { margin-bottom: 0; }
.resource-checklist {
  display: grid;
  gap: 10px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.resource-checklist li {
  display: flex;
  align-items: start;
  gap: 10px;
  padding: 12px 14px;
  border: 1px solid rgba(36,33,31,.08);
  border-radius: 14px;
  background: rgba(255,255,255,.64);
  color: #5f5953;
}
.resource-checklist li::before {
  content: "";
  width: 9px;
  height: 9px;
  flex: 0 0 9px;
  margin-top: 7px;
  border-radius: 999px;
  background: var(--green);
}
.download-row {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 14px;
}
.download-row .button { min-height: 42px; padding: 0 14px; }
@media (max-width: 1500px) {
  .seo-body .nav-actions { display: none; }
  .seo-body .nav { max-width: min(1180px, calc(100% - 48px)); }
}
@media (max-width: 980px) {
  .marketplace-home .marketplace-hero {
    grid-template-columns: 1fr;
  }
  .market-grid,
  .proof-layout,
  .resource-split,
  .roadmap-band {
    grid-template-columns: 1fr;
  }
  .proof-showcase {
    grid-template-columns: 1fr;
  }
  .proof-detail-stack {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-rows: auto;
  }
  .case-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (max-width: 760px) {
  .seo-body .nav {
    max-width: 100%;
    width: 100%;
    padding: 10px 14px;
  }
  .seo-body .brand {
    min-width: 0;
    font-size: 26px;
  }
  .seo-body .brand-mark {
    width: 40px;
    height: 30px;
  }
  .seo-body .brand-mark svg {
    width: 40px;
    height: 30px;
  }
  .seo-body .page {
    width: min(100% - 28px, 1180px);
    padding-top: 18px;
  }
  .seo-page .hero, .compare-page .hero { grid-template-columns: 1fr; text-align: center; }
  .seo-page .hero .actions, .seo-page .eyebrow { justify-content: center; margin-left: auto; margin-right: auto; }
  .seo-page .terminal-card { display: none; }
  .seo-page .hero {
    padding: 52px 0 42px;
  }
  .compare-page .hero h1,
  .seo-page .hero h1 {
    font-size: clamp(42px, 15vw, 64px);
    line-height: .92;
  }
  .marketplace-home .hero h1 {
    font-size: clamp(46px, 14vw, 62px);
    line-height: .93;
  }
  .marketplace-home .section-head {
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 12px;
  }
  .marketplace-home .section-head > p {
    max-width: 100%;
  }
  .seo-page .hero-copy .actions {
    display: grid;
    grid-template-columns: 1fr;
    gap: 10px;
  }
  .seo-page .hero-copy .actions .button {
    width: 100%;
  }
  .compare-hero-card {
    padding: 14px;
    border-radius: 20px;
  }
  .workspace-card {
    padding: 14px;
    border-radius: 16px;
  }
  .workspace-tabs,
  .workspace-input-row,
  .workspace-job,
  .workspace-export-grid,
  .workspace-marketplaces {
    grid-template-columns: 1fr;
  }
  .workspace-tabs span {
    min-height: 44px;
    border-right: 0;
    border-bottom: 1px solid rgba(36,33,31,.10);
  }
  .workspace-tabs span:last-child {
    border-bottom: 0;
  }
  .workspace-job strong {
    text-align: left;
  }
  .workspace-job svg {
    width: 100%;
  }
  .case-grid,
  .related-grid.compact,
  .proof-grid,
  .proof-detail-stack {
    grid-template-columns: 1fr;
  }
  .waitlist-row {
    grid-template-columns: 1fr;
  }
  .waitlist-form button {
    width: 100%;
  }
  .workspace-marketplaces > span {
    grid-template-columns: 32px minmax(0, 1fr) auto;
  }
  .market-card,
  .case-card,
  .roadmap-band div {
    min-height: auto;
  }
  .proof-card b {
    font-size: 26px;
  }
  .product-shot img {
    height: auto;
    aspect-ratio: 4 / 3;
  }
  .compare-stack, .decision-grid, .related-grid, .compare-score-grid, .seo-code-grid, .seo-tool-panel, .resource-content { grid-template-columns: 1fr; }
  .vs-badge { margin: -2px auto; }
}