.dim10-home,
  .dim10-home * {
    box-sizing: border-box;
  }

  .dim10-home {
    --d10-bg: #07111f;
    --d10-bg-deep: #040a13;
    --d10-surface: rgba(14, 29, 50, 0.82);
    --d10-surface-strong: #0d1b2f;
    --d10-surface-soft: rgba(17, 39, 67, 0.64);
    --d10-line: rgba(148, 163, 184, 0.17);
    --d10-line-strong: rgba(96, 165, 250, 0.35);
    --d10-text: #f8fafc;
    --d10-muted: #9aa9bd;
    --d10-subtle: #64748b;
    --d10-primary: #3b82f6;
    --d10-primary-strong: #2563eb;
    --d10-cyan: #38bdf8;
    --d10-green: #34d399;
    position: relative;
    min-height: 100vh;
    overflow: hidden;
    color: var(--d10-text);
    background:
      radial-gradient(circle at 76% 8%, rgba(37, 99, 235, 0.22), transparent 26rem),
      radial-gradient(circle at 18% 34%, rgba(14, 165, 233, 0.09), transparent 24rem),
      linear-gradient(180deg, #0a1729 0%, var(--d10-bg) 38%, var(--d10-bg-deep) 100%);
    font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;
    line-height: 1.6;
  }

  .dim10-home::before {
    position: absolute;
    inset: 0;
    z-index: 0;
    content: "";
    pointer-events: none;
    opacity: 0.28;
    background-image:
      linear-gradient(rgba(148, 163, 184, 0.055) 1px, transparent 1px),
      linear-gradient(90deg, rgba(148, 163, 184, 0.055) 1px, transparent 1px);
    background-size: 48px 48px;
    mask-image: linear-gradient(to bottom, black 0%, transparent 78%);
  }

  .dim10-home a {
    color: inherit;
    text-decoration: none;
  }

  .dim10-home svg {
    display: block;
  }

  .dim10-home .d10-shell {
    width: min(1180px, calc(100% - 48px));
    margin: 0 auto;
  }

  .dim10-home .d10-topbar {
    position: sticky;
    top: 0;
    z-index: 50;
    border-bottom: 1px solid var(--d10-line);
    background: rgba(6, 16, 29, 0.82);
    box-shadow: 0 10px 32px rgba(2, 6, 23, 0.18);
    backdrop-filter: blur(18px);
  }

  .dim10-home .d10-nav {
    display: flex;
    min-height: 68px;
    align-items: center;
    gap: 30px;
  }

  .dim10-home .d10-brand {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    gap: 11px;
    font-size: 19px;
    font-weight: 760;
    letter-spacing: -0.02em;
  }

  .dim10-home .d10-brand-mark {
    display: grid;
    width: 34px;
    height: 34px;
    place-items: center;
    border: 1px solid rgba(125, 211, 252, 0.42);
    border-radius: 10px;
    color: #e0f2fe;
    background:
      linear-gradient(145deg, rgba(56, 189, 248, 0.3), rgba(37, 99, 235, 0.08)),
      #0d1c31;
    box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 8px 24px rgba(14, 165, 233, 0.16);
    font-size: 13px;
    font-weight: 800;
  }

  .dim10-home .d10-nav-links {
    display: flex;
    align-items: center;
    gap: 26px;
    color: var(--d10-muted);
    font-size: 14px;
  }

  .dim10-home .d10-nav-links a,
  .dim10-home .d10-footer-links a {
    transition: color 160ms ease;
  }

  .dim10-home .d10-nav-links a:hover,
  .dim10-home .d10-footer-links a:hover {
    color: #ffffff;
  }

  .dim10-home .d10-nav-action {
    display: inline-flex;
    min-height: 40px;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin-left: auto;
    padding: 0 18px;
    border: 1px solid rgba(96, 165, 250, 0.42);
    border-radius: 10px;
    color: #ffffff;
    background: linear-gradient(135deg, #2563eb, #3b82f6 58%, #0ea5e9);
    box-shadow: 0 10px 28px rgba(37, 99, 235, 0.25), inset 0 1px rgba(255, 255, 255, 0.18);
    font-size: 14px;
    font-weight: 700;
    transition: transform 160ms ease, box-shadow 160ms ease;
  }

  .dim10-home .d10-nav-action:hover,
  .dim10-home .d10-btn-primary:hover {
    transform: translateY(-1px);
    box-shadow: 0 14px 34px rgba(37, 99, 235, 0.34), inset 0 1px rgba(255, 255, 255, 0.2);
  }

  .dim10-home .d10-main {
    position: relative;
    z-index: 1;
  }

  .dim10-home .d10-hero {
    display: grid;
    min-height: 585px;
    grid-template-columns: minmax(0, 1.08fr) minmax(390px, 0.92fr);
    align-items: center;
    gap: 56px;
    padding-top: 72px;
    padding-bottom: 56px;
  }

  .dim10-home .d10-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    padding: 6px 12px;
    border: 1px solid rgba(56, 189, 248, 0.25);
    border-radius: 999px;
    color: #bae6fd;
    background: rgba(14, 165, 233, 0.08);
    font-size: 13px;
    font-weight: 650;
  }

  .dim10-home .d10-eyebrow-dot {
    width: 7px;
    height: 7px;
    border-radius: 999px;
    background: var(--d10-green);
    box-shadow: 0 0 0 4px rgba(52, 211, 153, 0.12), 0 0 18px rgba(52, 211, 153, 0.6);
  }

  .dim10-home .d10-hero h1 {
    max-width: 680px;
    margin: 24px 0 20px;
    font-size: clamp(46px, 5.1vw, 68px);
    font-weight: 780;
    letter-spacing: -0.055em;
    line-height: 1.08;
  }

  .dim10-home .d10-gradient-text {
    color: transparent;
    background: linear-gradient(100deg, #f8fafc 5%, #7dd3fc 48%, #60a5fa 78%, #a78bfa 100%);
    -webkit-background-clip: text;
    background-clip: text;
  }

  .dim10-home .d10-hero-copy {
    max-width: 650px;
    margin: 0;
    color: var(--d10-muted);
    font-size: 18px;
    line-height: 1.8;
  }

  .dim10-home .d10-hero-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 13px;
    margin-top: 34px;
  }

  .dim10-home .d10-btn {
    display: inline-flex;
    min-height: 48px;
    align-items: center;
    justify-content: center;
    gap: 9px;
    padding: 0 24px;
    border-radius: 11px;
    font-size: 15px;
    font-weight: 720;
    transition: transform 160ms ease, border-color 160ms ease, background 160ms ease;
  }

  .dim10-home .d10-btn-primary {
    border: 1px solid rgba(96, 165, 250, 0.48);
    color: #ffffff;
    background: linear-gradient(135deg, #2563eb, #3b82f6 62%, #0ea5e9);
    box-shadow: 0 12px 30px rgba(37, 99, 235, 0.27), inset 0 1px rgba(255, 255, 255, 0.18);
  }

  .dim10-home .d10-btn-secondary {
    border: 1px solid var(--d10-line);
    color: #dbeafe;
    background: rgba(15, 30, 52, 0.68);
  }

  .dim10-home .d10-btn-secondary:hover {
    border-color: rgba(125, 211, 252, 0.34);
    background: rgba(21, 42, 72, 0.82);
    transform: translateY(-1px);
  }

  .dim10-home .d10-hero-note {
    display: flex;
    flex-wrap: wrap;
    gap: 18px;
    margin-top: 25px;
    color: var(--d10-subtle);
    font-size: 13px;
  }

  .dim10-home .d10-hero-note span {
    display: inline-flex;
    align-items: center;
    gap: 7px;
  }

  .dim10-home .d10-check {
    color: var(--d10-green);
    font-weight: 800;
  }

  .dim10-home .d10-visual {
    position: relative;
    min-height: 430px;
  }

  .dim10-home .d10-orbit {
    position: absolute;
    top: 8px;
    right: -26px;
    width: 390px;
    height: 390px;
    border: 1px solid rgba(96, 165, 250, 0.25);
    border-radius: 50%;
    background:
      radial-gradient(circle at 38% 34%, rgba(255, 255, 255, 0.96), rgba(191, 219, 254, 0.78) 26%, rgba(59, 130, 246, 0.16) 57%, rgba(2, 6, 23, 0) 70%),
      repeating-radial-gradient(circle at 50% 50%, rgba(125, 211, 252, 0.15) 0 1px, transparent 1px 13px);
    box-shadow: 0 0 100px rgba(37, 99, 235, 0.2);
  }

  .dim10-home .d10-orbit::before,
  .dim10-home .d10-orbit::after {
    position: absolute;
    inset: 44px -28px;
    content: "";
    border: 1px solid rgba(167, 139, 250, 0.44);
    border-radius: 50%;
    transform: rotate(-20deg);
  }

  .dim10-home .d10-orbit::after {
    inset: 86px -45px;
    border-color: rgba(56, 189, 248, 0.26);
    transform: rotate(22deg);
  }

  .dim10-home .d10-orbit-core {
    position: absolute;
    inset: 54px;
    border-radius: 50%;
    opacity: 0.56;
    background:
      linear-gradient(28deg, transparent 45%, rgba(7, 17, 31, 0.5) 46% 49%, transparent 50%),
      linear-gradient(108deg, transparent 46%, rgba(7, 17, 31, 0.45) 47% 50%, transparent 51%),
      radial-gradient(ellipse at 58% 38%, rgba(7, 17, 31, 0.3) 0 6%, transparent 7%),
      radial-gradient(ellipse at 38% 58%, rgba(7, 17, 31, 0.34) 0 10%, transparent 11%);
  }

  .dim10-home .d10-api-card {
    position: absolute;
    right: 2px;
    bottom: 6px;
    width: min(420px, 100%);
    overflow: hidden;
    border: 1px solid rgba(125, 211, 252, 0.22);
    border-radius: 16px;
    background: rgba(7, 18, 33, 0.88);
    box-shadow: 0 24px 70px rgba(2, 6, 23, 0.58), inset 0 1px rgba(255, 255, 255, 0.05);
    backdrop-filter: blur(16px);
  }

  .dim10-home .d10-api-head {
    display: flex;
    min-height: 48px;
    align-items: center;
    gap: 7px;
    padding: 0 17px;
    border-bottom: 1px solid var(--d10-line);
    color: var(--d10-muted);
    font-size: 12px;
  }

  .dim10-home .d10-window-dot {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #334155;
  }

  .dim10-home .d10-api-status {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-left: auto;
    color: #86efac;
  }

  .dim10-home .d10-api-status::before {
    width: 6px;
    height: 6px;
    content: "";
    border-radius: 50%;
    background: #22c55e;
    box-shadow: 0 0 10px rgba(34, 197, 94, 0.8);
  }

  .dim10-home .d10-code {
    margin: 0;
    padding: 19px 20px 20px;
    overflow-x: auto;
    color: #cbd5e1;
    font: 12.5px/1.75 ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
    white-space: pre;
  }

  .dim10-home .d10-code .c-key { color: #7dd3fc; }
  .dim10-home .d10-code .c-string { color: #86efac; }
  .dim10-home .d10-code .c-dim { color: #64748b; }

  .dim10-home .d10-trust-strip {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    overflow: hidden;
    border: 1px solid var(--d10-line);
    border-radius: 14px;
    background: linear-gradient(180deg, rgba(19, 39, 66, 0.78), rgba(10, 24, 42, 0.84));
    box-shadow: inset 0 1px rgba(255, 255, 255, 0.04);
  }

  .dim10-home .d10-trust-item {
    display: flex;
    min-width: 0;
    min-height: 92px;
    align-items: center;
    gap: 13px;
    padding: 18px 16px;
    border-right: 1px solid var(--d10-line);
  }

  .dim10-home .d10-trust-item:last-child {
    border-right: 0;
  }

  .dim10-home .d10-icon {
    display: grid;
    width: 34px;
    height: 34px;
    flex: 0 0 auto;
    place-items: center;
    border-radius: 10px;
    color: #7dd3fc;
    background: rgba(59, 130, 246, 0.1);
  }

  .dim10-home .d10-icon svg {
    width: 20px;
    height: 20px;
  }

  .dim10-home .d10-trust-copy strong {
    display: block;
    font-size: 14px;
    font-weight: 720;
  }

  .dim10-home .d10-trust-copy {
    min-width: 0;
  }

  .dim10-home .d10-trust-copy span {
    display: block;
    margin-top: 2px;
    color: var(--d10-subtle);
    font-size: 12px;
    white-space: normal;
    overflow-wrap: anywhere;
  }

  .dim10-home .d10-section {
    padding-top: 96px;
    scroll-margin-top: 80px;
  }

  .dim10-home .d10-section-head {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 28px;
    margin-bottom: 28px;
  }

  .dim10-home .d10-section-kicker {
    margin-bottom: 7px;
    color: #60a5fa;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0.16em;
    text-transform: uppercase;
  }

  .dim10-home .d10-section h2 {
    margin: 0;
    font-size: clamp(30px, 3vw, 42px);
    font-weight: 760;
    letter-spacing: -0.035em;
    line-height: 1.2;
  }

  .dim10-home .d10-section-desc {
    max-width: 590px;
    margin: 10px 0 0;
    color: var(--d10-muted);
    font-size: 15px;
  }

  .dim10-home .d10-inline-link {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    gap: 7px;
    color: #93c5fd;
    font-size: 14px;
    font-weight: 700;
  }

  .dim10-home .d10-price-table,
  .dim10-home .d10-plaza-panel,
  .dim10-home .d10-quickstart-grid,
  .dim10-home .d10-cta {
    border: 1px solid var(--d10-line);
    background: linear-gradient(180deg, rgba(17, 35, 60, 0.8), rgba(8, 21, 37, 0.9));
    box-shadow: inset 0 1px rgba(255, 255, 255, 0.04), 0 22px 60px rgba(2, 6, 23, 0.18);
  }

  .dim10-home .d10-price-table {
    overflow-x: auto;
    border-radius: 16px;
  }

  .dim10-home .d10-price-table table {
    width: 100%;
    min-width: 720px;
    border-collapse: collapse;
  }

  .dim10-home .d10-price-table th,
  .dim10-home .d10-price-table td {
    padding: 18px 22px;
    border-bottom: 1px solid var(--d10-line);
    text-align: left;
    font-size: 14px;
  }

  .dim10-home .d10-price-table th {
    color: var(--d10-muted);
    background: rgba(18, 39, 68, 0.52);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.04em;
  }

  .dim10-home .d10-price-table tr:last-child td {
    border-bottom: 0;
  }

  .dim10-home .d10-price-table .d10-highlight-col {
    color: #dbeafe;
    background: rgba(37, 99, 235, 0.075);
  }

  .dim10-home .d10-price-table .d10-value {
    font-size: 16px;
    font-weight: 760;
  }

  .dim10-home .d10-saving {
    display: inline-flex;
    padding: 3px 9px;
    border: 1px solid rgba(52, 211, 153, 0.25);
    border-radius: 999px;
    color: #6ee7b7;
    background: rgba(16, 185, 129, 0.08);
    font-size: 12px;
    font-weight: 750;
  }

  .dim10-home .d10-quickstart-grid {
    display: grid;
    grid-template-columns: 0.92fr 1.08fr;
    overflow: hidden;
    border-radius: 16px;
  }

  .dim10-home .d10-quickstart-copy {
    padding: 38px;
  }

  .dim10-home .d10-quickstart-copy h3 {
    margin: 0 0 12px;
    font-size: 23px;
  }

  .dim10-home .d10-quickstart-copy p {
    margin: 0;
    color: var(--d10-muted);
    font-size: 14px;
  }

  .dim10-home .d10-steps {
    display: grid;
    gap: 16px;
    margin-top: 26px;
  }

  .dim10-home .d10-step {
    display: grid;
    grid-template-columns: 28px 1fr;
    gap: 12px;
  }

  .dim10-home .d10-step-num {
    display: grid;
    width: 26px;
    height: 26px;
    place-items: center;
    border: 1px solid rgba(96, 165, 250, 0.32);
    border-radius: 8px;
    color: #bfdbfe;
    background: rgba(59, 130, 246, 0.12);
    font-size: 12px;
    font-weight: 800;
  }

  .dim10-home .d10-step strong {
    display: block;
    font-size: 14px;
  }

  .dim10-home .d10-step span {
    display: block;
    margin-top: 2px;
    color: var(--d10-subtle);
    font-size: 12px;
  }

  .dim10-home .d10-quick-code {
    display: flex;
    min-width: 0;
    align-items: center;
    border-left: 1px solid var(--d10-line);
    background: rgba(2, 8, 18, 0.52);
  }

  .dim10-home .d10-quick-code .d10-code {
    width: 100%;
    padding: 32px;
    font-size: 13px;
  }

  .dim10-home .d10-plaza-panel {
    overflow: hidden;
    border-radius: 16px;
  }

  .dim10-home .d10-filters {
    display: grid;
    gap: 13px;
    padding: 22px;
    border-bottom: 1px solid var(--d10-line);
    background: rgba(10, 25, 44, 0.6);
  }

  .dim10-home .d10-filter-row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
  }

  .dim10-home .d10-filter-label {
    width: 50px;
    color: var(--d10-subtle);
    font-size: 12px;
    font-weight: 700;
  }

  .dim10-home .d10-chip {
    display: inline-flex;
    min-height: 30px;
    align-items: center;
    padding: 0 11px;
    border: 1px solid var(--d10-line);
    border-radius: 8px;
    color: #aab8ca;
    background: rgba(15, 30, 52, 0.74);
    font-size: 12px;
  }

  .dim10-home .d10-chip-active {
    border-color: rgba(52, 211, 153, 0.34);
    color: #a7f3d0;
    background: rgba(16, 185, 129, 0.14);
  }

  .dim10-home .d10-model-groups {
    display: grid;
    grid-template-columns: 1.14fr 0.86fr;
  }

  .dim10-home .d10-model-card {
    min-width: 0;
    padding: 26px;
  }

  .dim10-home .d10-model-card + .d10-model-card {
    border-left: 1px solid var(--d10-line);
  }

  .dim10-home .d10-model-card-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 18px;
  }

  .dim10-home .d10-model-card-title {
    display: flex;
    align-items: center;
    gap: 9px;
    font-size: 15px;
    font-weight: 760;
  }

  .dim10-home .d10-platform-dot {
    display: grid;
    width: 24px;
    height: 24px;
    place-items: center;
    border-radius: 7px;
    color: #86efac;
    background: rgba(34, 197, 94, 0.12);
    font-size: 11px;
    font-weight: 800;
  }

  .dim10-home .d10-rate {
    display: inline-flex;
    padding: 3px 9px;
    border: 1px solid rgba(52, 211, 153, 0.26);
    border-radius: 999px;
    color: #86efac;
    background: rgba(16, 185, 129, 0.1);
    font-size: 11px;
    font-weight: 800;
  }

  .dim10-home .d10-model-table {
    width: 100%;
    border-collapse: collapse;
  }

  .dim10-home .d10-model-table th,
  .dim10-home .d10-model-table td {
    padding: 11px 10px;
    border-top: 1px solid var(--d10-line);
    text-align: left;
    font-size: 12px;
  }

  .dim10-home .d10-model-table th {
    color: var(--d10-subtle);
    font-weight: 650;
  }

  .dim10-home .d10-model-table td:first-child {
    color: #e5edf8;
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  }

  .dim10-home .d10-model-table td:last-child {
    color: #86efac;
    font-weight: 760;
  }

  .dim10-home .d10-model-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
  }

  .dim10-home .d10-model-tags span {
    padding: 6px 9px;
    border: 1px solid var(--d10-line);
    border-radius: 7px;
    color: #bdc9d8;
    background: rgba(15, 30, 52, 0.66);
    font: 11px/1.2 ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  }

  .dim10-home .d10-model-card-note {
    margin: 18px 0 0;
    color: var(--d10-subtle);
    font-size: 12px;
  }

  .dim10-home .d10-cta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 32px;
    margin-top: 96px;
    padding: 42px 44px;
    border-color: rgba(96, 165, 250, 0.28);
    border-radius: 18px;
    background:
      radial-gradient(circle at 85% 50%, rgba(59, 130, 246, 0.2), transparent 20rem),
      linear-gradient(135deg, rgba(17, 39, 67, 0.92), rgba(8, 21, 37, 0.96));
  }

  .dim10-home .d10-cta h2 {
    margin: 0 0 8px;
    font-size: clamp(26px, 3vw, 38px);
    letter-spacing: -0.035em;
  }

  .dim10-home .d10-cta p {
    margin: 0;
    color: var(--d10-muted);
    font-size: 14px;
  }

  .dim10-home .d10-footer {
    margin-top: 88px;
    border-top: 1px solid var(--d10-line);
    background: rgba(3, 9, 17, 0.42);
  }

  .dim10-home .d10-footer-inner {
    display: flex;
    min-height: 94px;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    color: var(--d10-subtle);
    font-size: 13px;
  }

  .dim10-home .d10-footer-links {
    display: flex;
    flex-wrap: wrap;
    gap: 22px;
    color: var(--d10-muted);
  }

  @media (max-width: 980px) {
    .dim10-home .d10-nav-links {
      display: none;
    }

    .dim10-home .d10-hero {
      min-height: auto;
      grid-template-columns: 1fr;
      gap: 34px;
      padding-top: 68px;
    }

    .dim10-home .d10-hero-copy {
      max-width: 760px;
    }

    .dim10-home .d10-visual {
      width: min(620px, 100%);
      min-height: 400px;
      margin: 0 auto;
    }

    .dim10-home .d10-orbit {
      right: 6%;
    }

    .dim10-home .d10-api-card {
      right: auto;
      left: 0;
    }

    .dim10-home .d10-trust-strip {
      grid-template-columns: repeat(2, 1fr);
    }

    .dim10-home .d10-trust-item {
      border-bottom: 1px solid var(--d10-line);
    }

    .dim10-home .d10-trust-item:nth-child(2n) {
      border-right: 0;
    }

    .dim10-home .d10-trust-item:last-child {
      grid-column: 1 / -1;
      border-bottom: 0;
    }

    .dim10-home .d10-quickstart-grid,
    .dim10-home .d10-model-groups {
      grid-template-columns: 1fr;
    }

    .dim10-home .d10-quick-code,
    .dim10-home .d10-model-card + .d10-model-card {
      border-top: 1px solid var(--d10-line);
      border-left: 0;
    }
  }

  @media (max-width: 680px) {
    .dim10-home .d10-shell {
      width: min(100% - 28px, 1180px);
    }

    .dim10-home .d10-nav {
      min-height: 62px;
    }

    .dim10-home .d10-nav-action {
      min-height: 38px;
      padding: 0 13px;
      font-size: 13px;
    }

    .dim10-home .d10-hero {
      padding-top: 52px;
      padding-bottom: 40px;
    }

    .dim10-home .d10-hero h1 {
      margin-top: 20px;
      font-size: clamp(40px, 13vw, 54px);
    }

    .dim10-home .d10-hero-copy {
      font-size: 16px;
    }

    .dim10-home .d10-btn {
      width: 100%;
    }

    .dim10-home .d10-hero-note {
      gap: 10px 16px;
    }

    .dim10-home .d10-visual {
      min-height: 340px;
    }

    .dim10-home .d10-orbit {
      right: -45px;
      width: 310px;
      height: 310px;
    }

    .dim10-home .d10-api-card {
      width: calc(100% - 24px);
    }

    .dim10-home .d10-trust-strip {
      grid-template-columns: 1fr;
    }

    .dim10-home .d10-trust-item,
    .dim10-home .d10-trust-item:nth-child(2n) {
      border-right: 0;
      border-bottom: 1px solid var(--d10-line);
    }

    .dim10-home .d10-trust-item:last-child {
      grid-column: auto;
    }

    .dim10-home .d10-section {
      padding-top: 76px;
    }

    .dim10-home .d10-section-head,
    .dim10-home .d10-cta,
    .dim10-home .d10-footer-inner {
      align-items: flex-start;
      flex-direction: column;
    }

    .dim10-home .d10-section-head {
      margin-bottom: 22px;
    }

    .dim10-home .d10-price-table th,
    .dim10-home .d10-price-table td {
      padding: 15px 16px;
    }

    .dim10-home .d10-quickstart-copy,
    .dim10-home .d10-quick-code .d10-code,
    .dim10-home .d10-model-card,
    .dim10-home .d10-cta {
      padding: 25px 20px;
    }

    .dim10-home .d10-filter-label {
      width: 100%;
    }

    .dim10-home .d10-footer-inner {
      min-height: 0;
      padding-top: 28px;
      padding-bottom: 28px;
    }
  }

  @media (prefers-reduced-motion: reduce) {
    .dim10-home *,
    .dim10-home *::before,
    .dim10-home *::after {
      scroll-behavior: auto !important;
      transition: none !important;
    }
  }

/* Landing dynamic controls */
html, body { margin: 0; min-height: 100%; background: #07111f; }
html:not(.dark), html:not(.dark) body { background: #f4f7fb; }
.d10-nav-controls { margin-left:auto; display:flex; align-items:center; gap:10px; position:relative; }
.d10-account-wrap { position:relative; }
.d10-api-label { margin-left:8px; }
.d10-icon-btn { width:40px; height:40px; display:grid; place-items:center; border:1px solid var(--d10-line); border-radius:11px; color:var(--d10-muted); background:rgba(15,30,52,.72); cursor:pointer; transition:.16s ease; }
.d10-icon-btn:hover,.d10-icon-btn[aria-expanded="true"] { color:#fff; border-color:rgba(96,165,250,.42); background:rgba(30,58,96,.9); }
.d10-icon-btn svg { width:20px; height:20px; }
.d10-account-trigger { min-height:44px; display:flex; align-items:center; gap:10px; padding:5px 12px 5px 6px; border:1px solid var(--d10-line); border-radius:999px; color:var(--d10-text); background:rgba(15,30,52,.72); cursor:pointer; }
.d10-account-trigger:hover,.d10-account-trigger[aria-expanded="true"] { border-color:rgba(96,165,250,.42); background:rgba(30,58,96,.9); }
.d10-avatar { width:32px; height:32px; display:grid; place-items:center; flex:0 0 auto; border-radius:50%; color:#fff; background:linear-gradient(135deg,#2563eb,#38bdf8); font-size:12px; font-weight:800; }
.d10-account-copy { min-width:0; max-width:190px; text-align:left; line-height:1.25; }
.d10-account-copy strong,.d10-account-copy span { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.d10-account-copy strong { font-size:13px; }
.d10-account-copy span { color:var(--d10-subtle); font-size:11px; margin-top:2px; }
.d10-popover { position:absolute; top:calc(100% + 10px); right:0; z-index:80; min-width:220px; padding:8px; border:1px solid var(--d10-line); border-radius:14px; background:rgba(7,18,33,.98); box-shadow:0 22px 60px rgba(2,6,23,.45); backdrop-filter:blur(18px); }
.d10-popover[hidden] { display:none; }
.d10-popover-title { padding:8px 10px 6px; color:var(--d10-subtle); font-size:11px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
.d10-menu-item { width:100%; min-height:40px; display:flex; align-items:center; gap:10px; padding:0 10px; border:0; border-radius:9px; color:var(--d10-muted); background:transparent; font:inherit; font-size:13px; text-align:left; cursor:pointer; }
a.d10-menu-item { text-decoration:none; }
.d10-menu-item:hover,.d10-menu-item:focus-visible,.d10-menu-item[aria-checked="true"] { color:#fff; background:rgba(59,130,246,.14); outline:none; }
.d10-menu-item[aria-checked="true"] { color:#93c5fd; }
.d10-menu-separator { height:1px; margin:7px 4px; background:var(--d10-line); }
.d10-auth-loading { color:var(--d10-subtle); font-size:12px; }
.d10-plaza-status { min-height:22px; margin:0 0 16px; color:var(--d10-muted); font-size:13px; }
.d10-plaza-status[data-kind="error"] { color:#fca5a5; }
.d10-plaza-status[data-kind="success"] { color:#86efac; }
.d10-filter-button { border:1px solid var(--d10-line); border-radius:8px; min-height:30px; padding:0 11px; color:#aab8ca; background:rgba(15,30,52,.74); font:inherit; font-size:12px; cursor:pointer; }
.d10-filter-button:hover { border-color:rgba(125,211,252,.34); color:#fff; }
.d10-filter-button.is-active { border-color:rgba(52,211,153,.34); color:#a7f3d0; background:rgba(16,185,129,.14); }
.d10-model-search { width:min(360px,100%); min-height:38px; padding:0 12px; border:1px solid var(--d10-line); border-radius:9px; color:var(--d10-text); background:rgba(15,30,52,.74); font:inherit; font-size:13px; outline:none; }
.d10-model-search:focus { border-color:rgba(96,165,250,.52); box-shadow:0 0 0 3px rgba(59,130,246,.12); }
.d10-dynamic-groups { display:grid; gap:22px; padding:22px; }
.d10-dynamic-group { overflow:hidden; border:1px solid rgba(52,211,153,.22); border-radius:16px; background:rgba(8,22,39,.72); box-shadow:0 16px 42px rgba(2,6,23,.14); }
.d10-dynamic-group-head { display:flex; min-height:92px; align-items:center; justify-content:space-between; gap:20px; padding:20px 24px; border-bottom:1px solid var(--d10-line); }
.d10-dynamic-group-head h3 { margin:0; color:var(--d10-text); font-size:17px; font-weight:760; letter-spacing:-.015em; }
.d10-dynamic-group-head p { margin:5px 0 0; color:var(--d10-subtle); font-size:12px; }
.d10-rate-badges { display:flex; flex-wrap:wrap; gap:7px; justify-content:flex-end; }
.d10-rate-badge { padding:5px 11px; border:1px solid rgba(52,211,153,.3); border-radius:999px; color:#6ee7b7; background:rgba(16,185,129,.1); font-size:11px; font-weight:800; white-space:nowrap; }
.d10-rate-badge.is-user { border-color:rgba(96,165,250,.3); color:#93c5fd; background:rgba(59,130,246,.12); }
.d10-dynamic-table-wrap { overflow-x:auto; scrollbar-color:rgba(100,116,139,.45) transparent; }
.d10-dynamic-table { width:100%; min-width:1120px; border-collapse:separate; border-spacing:0; table-layout:fixed; }
.d10-dynamic-table .d10-col-model { width:17%; }
.d10-dynamic-table .d10-col-price { width:10%; }
.d10-dynamic-table .d10-col-cache { width:18%; }
.d10-dynamic-table .d10-col-rate { width:7%; }
.d10-dynamic-table th,.d10-dynamic-table td { border-right:1px solid rgba(148,163,184,.11); border-bottom:1px solid var(--d10-line); text-align:left; vertical-align:middle; }
.d10-dynamic-table th:last-child,.d10-dynamic-table td:last-child { border-right:0; }
.d10-dynamic-table tbody tr:last-child td { border-bottom:0; }
.d10-dynamic-table tbody tr { transition:background-color .15s ease; }
.d10-dynamic-table tbody tr:hover { background:rgba(148,163,184,.035); }
.d10-dynamic-table th { height:42px; padding:0 14px; color:#94a3b8; background:rgba(15,30,52,.72); font-size:12px; font-weight:650; }
.d10-dynamic-table .d10-table-head-main th { height:50px; }
.d10-dynamic-table .d10-model-column { padding-left:24px; color:var(--d10-muted); }
.d10-dynamic-table .d10-rate-column { text-align:center; color:var(--d10-muted); }
.d10-price-zone-head { text-align:center!important; font-size:13px!important; font-weight:750!important; letter-spacing:.01em; }
.d10-price-zone-head span { margin-left:8px; color:#64748b; font-weight:500; }
.d10-dynamic-table th.d10-zone-paid { color:#6ee7b7; background:rgba(16,185,129,.085); }
.d10-dynamic-table th.d10-zone-official { color:#a8b3c4; background:rgba(15,30,52,.48); }
.d10-table-head-sub th { text-align:center; }
.d10-model-cell { padding:18px 18px 18px 24px; background:rgba(8,22,39,.2); }
.d10-model-name { display:block; color:#f1f5f9; font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif; font-size:13.5px; font-weight:720; line-height:1.35; letter-spacing:-.01em; }
.d10-model-platform { display:block; margin-top:4px; color:#64748b; font-size:10px; line-height:1.2; text-transform:lowercase; }
.d10-price-cell { padding:15px 12px; }
.d10-price-cell.d10-zone-paid,.d10-price-missing-cell.d10-zone-paid { background:rgba(16,185,129,.055); }
.d10-price-cell.d10-zone-official,.d10-price-missing-cell.d10-zone-official { background:rgba(15,30,52,.18); }
.d10-price-stack { display:grid; gap:5px; }
.d10-price-row { display:flex; min-height:20px; align-items:baseline; gap:6px; white-space:nowrap; font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace; font-size:11.5px; line-height:1.35; font-variant-numeric:tabular-nums; }
.d10-tier-label { min-width:47px; color:#7b8ca3; font-family:Inter,ui-sans-serif,system-ui,sans-serif; font-size:10.5px; }
.d10-price-value { color:#e8eef7; font-size:12px; font-weight:720; }
.d10-zone-official .d10-price-value { color:#94a3b8; font-weight:520; }
.d10-cache-key { color:#718096; font-family:Inter,ui-sans-serif,system-ui,sans-serif; font-size:10px; }
.d10-price-dash { color:#64748b; }
.d10-rate-cell { padding:16px 12px; color:#d7e0ec; text-align:center!important; font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace; font-size:12px; font-weight:700; font-variant-numeric:tabular-nums; }
.d10-price-missing-cell { padding:20px 14px; color:#fbbf24; text-align:center!important; font-size:12px; font-weight:700; }
.d10-empty-state { padding:42px 22px; text-align:center; color:var(--d10-muted); }
.d10-retry-btn { margin-top:14px; border:1px solid var(--d10-line); border-radius:9px; padding:8px 14px; color:var(--d10-text); background:rgba(15,30,52,.72); cursor:pointer; }
.d10-screen-reader { position:absolute!important; width:1px!important; height:1px!important; padding:0!important; margin:-1px!important; overflow:hidden!important; clip:rect(0,0,0,0)!important; white-space:nowrap!important; border:0!important; }
.d10-mobile-only { display:none; }

/* Light theme overrides */
html:not(.dark) .dim10-home { --d10-bg:#f4f7fb; --d10-bg-deep:#edf2f8; --d10-surface:rgba(255,255,255,.86); --d10-surface-strong:#fff; --d10-surface-soft:rgba(239,246,255,.9); --d10-line:rgba(15,23,42,.12); --d10-line-strong:rgba(37,99,235,.25); --d10-text:#0f172a; --d10-muted:#475569; --d10-subtle:#64748b; color:var(--d10-text); background:radial-gradient(circle at 76% 8%,rgba(59,130,246,.15),transparent 26rem),radial-gradient(circle at 18% 34%,rgba(14,165,233,.08),transparent 24rem),linear-gradient(180deg,#f8fbff 0%,#f4f7fb 42%,#edf2f8 100%); }
html:not(.dark) .dim10-home::before { opacity:.18; }
html:not(.dark) .dim10-home .d10-topbar { background:rgba(255,255,255,.84); box-shadow:0 10px 32px rgba(15,23,42,.07); }
html:not(.dark) .dim10-home .d10-brand-mark { color:#1d4ed8; background:linear-gradient(145deg,rgba(56,189,248,.2),rgba(37,99,235,.06)),#fff; }
html:not(.dark) .dim10-home .d10-icon-btn,
html:not(.dark) .dim10-home .d10-account-trigger,
html:not(.dark) .dim10-home .d10-btn-secondary,
html:not(.dark) .dim10-home .d10-filter-button,
html:not(.dark) .dim10-home .d10-model-search,
html:not(.dark) .dim10-home .d10-retry-btn { color:#334155; background:rgba(255,255,255,.86); }
html:not(.dark) .dim10-home .d10-icon-btn:hover,
html:not(.dark) .dim10-home .d10-account-trigger:hover,
html:not(.dark) .dim10-home .d10-account-trigger[aria-expanded="true"] { color:#0f172a; background:#fff; }
html:not(.dark) .dim10-home .d10-popover { background:rgba(255,255,255,.98); box-shadow:0 22px 60px rgba(15,23,42,.18); }
html:not(.dark) .dim10-home .d10-menu-item:hover,
html:not(.dark) .dim10-home .d10-menu-item:focus-visible,
html:not(.dark) .dim10-home .d10-menu-item[aria-checked="true"] { color:#1d4ed8; background:rgba(59,130,246,.1); }
html:not(.dark) .dim10-home .d10-gradient-text { background:linear-gradient(100deg,#0f172a 5%,#0284c7 48%,#2563eb 78%,#7c3aed 100%); -webkit-background-clip:text; background-clip:text; }
html:not(.dark) .dim10-home .d10-api-card { background:rgba(255,255,255,.9); box-shadow:0 24px 70px rgba(15,23,42,.18); }
html:not(.dark) .dim10-home .d10-code { color:#334155; }
html:not(.dark) .dim10-home .d10-trust-strip,
html:not(.dark) .dim10-home .d10-price-table,
html:not(.dark) .dim10-home .d10-plaza-panel,
html:not(.dark) .dim10-home .d10-quickstart-grid,
html:not(.dark) .dim10-home .d10-cta { background:linear-gradient(180deg,rgba(255,255,255,.9),rgba(248,250,252,.96)); box-shadow:inset 0 1px rgba(255,255,255,.8),0 22px 60px rgba(15,23,42,.07); }
html:not(.dark) .dim10-home .d10-quick-code { background:rgba(241,245,249,.75); }
html:not(.dark) .dim10-home .d10-filters { background:rgba(241,245,249,.72); }
html:not(.dark) .dim10-home .d10-dynamic-group { border-color:#bdebc9; background:#fff; box-shadow:0 18px 52px rgba(15,23,42,.065); }
html:not(.dark) .dim10-home .d10-dynamic-group-head { border-bottom-color:#edf0f3; background:#fff; }
html:not(.dark) .dim10-home .d10-dynamic-group-head h3 { color:#172033; }
html:not(.dark) .dim10-home .d10-rate-badge { border-color:#bcebd0; color:#20a75a; background:#eefbf3; }
html:not(.dark) .dim10-home .d10-rate-badge.is-user { border-color:#bfdbfe; color:#2563eb; background:#eff6ff; }
html:not(.dark) .dim10-home .d10-dynamic-table th,
html:not(.dark) .dim10-home .d10-dynamic-table td { border-right-color:#edf0f3; border-bottom-color:#e8ecef; }
html:not(.dark) .dim10-home .d10-dynamic-table th { color:#8993a3; background:#fff; }
html:not(.dark) .dim10-home .d10-dynamic-table th.d10-zone-paid { color:#24a65a; background:#f1faf3; }
html:not(.dark) .dim10-home .d10-dynamic-table th.d10-zone-official { color:#929baa; background:#fff; }
html:not(.dark) .dim10-home .d10-price-zone-head span { color:#8fcf9f; }
html:not(.dark) .dim10-home .d10-zone-official.d10-price-zone-head span { color:#a5adba; }
html:not(.dark) .dim10-home .d10-model-cell { background:#fff; }
html:not(.dark) .dim10-home .d10-model-name { color:#172033; }
html:not(.dark) .dim10-home .d10-model-platform { color:#98a2b3; }
html:not(.dark) .dim10-home .d10-price-cell.d10-zone-paid,
html:not(.dark) .dim10-home .d10-price-missing-cell.d10-zone-paid { background:#f4fbf5; }
html:not(.dark) .dim10-home .d10-price-cell.d10-zone-official,
html:not(.dark) .dim10-home .d10-price-missing-cell.d10-zone-official { background:#fff; }
html:not(.dark) .dim10-home .d10-price-value { color:#172033; }
html:not(.dark) .dim10-home .d10-zone-official .d10-price-value { color:#667085; }
html:not(.dark) .dim10-home .d10-tier-label,
html:not(.dark) .dim10-home .d10-cache-key { color:#98a2b3; }
html:not(.dark) .dim10-home .d10-price-dash { color:#a7afbc; }
html:not(.dark) .dim10-home .d10-rate-cell { color:#344054; }
html:not(.dark) .dim10-home .d10-dynamic-table tbody tr:hover { background:#fafdfb; }
html:not(.dark) .dim10-home .d10-footer { background:rgba(241,245,249,.7); }

@media (max-width: 760px) {
  .d10-account-copy { display:none; }
  .d10-account-trigger { padding-right:6px; }
  .d10-mobile-only { display:inline-flex; }
  .d10-dynamic-groups { padding:14px; }
  .d10-dynamic-group-head { min-height:78px; padding:16px; }
  .d10-dynamic-table { min-width:1040px; }
  .d10-model-platform { display:none; }
}


/* V1 active monitor availability; authenticated data only */
.d10-dynamic-table .d10-col-availability { width:10%; }
.d10-dynamic-table .d10-availability-column { text-align:center; color:var(--d10-muted); }
.d10-availability-cell { min-width:126px; padding:13px 10px; text-align:center!important; }
.d10-availability-cell > * { margin-inline:auto; }
.d10-availability-badge { display:inline-flex; min-height:24px; align-items:center; justify-content:center; gap:6px; border:1px solid rgba(148,163,184,.2); border-radius:999px; padding:3px 9px; color:#cbd5e1; background:rgba(148,163,184,.08); font-size:11px; font-weight:720; white-space:nowrap; }
.d10-availability-badge::before { width:6px; height:6px; border-radius:999px; background:currentColor; content:""; box-shadow:0 0 0 3px color-mix(in srgb,currentColor 15%,transparent); }
.d10-availability-badge.is-operational { border-color:rgba(52,211,153,.3); color:#6ee7b7; background:rgba(16,185,129,.1); }
.d10-availability-badge.is-degraded { border-color:rgba(251,191,36,.34); color:#fcd34d; background:rgba(245,158,11,.1); }
.d10-availability-badge.is-failed,
.d10-availability-badge.is-error { border-color:rgba(248,113,113,.34); color:#fca5a5; background:rgba(239,68,68,.1); }
.d10-availability-badge.is-pending { color:#94a3b8; }
.d10-availability-detail { display:block; margin-top:6px; color:#718096; font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace; font-size:9.5px; line-height:1.35; white-space:nowrap; }
.d10-availability-muted,
.d10-availability-login { display:inline-flex; min-height:24px; align-items:center; justify-content:center; color:#7b8ca3; font-size:11px; white-space:nowrap; }
.d10-availability-login { color:#60a5fa; text-decoration:none; }
.d10-availability-login:hover { color:#93c5fd; text-decoration:underline; }
html:not(.dark) .dim10-home .d10-availability-badge { color:#64748b; background:#f8fafc; }
html:not(.dark) .dim10-home .d10-availability-badge.is-operational { border-color:#bbf7d0; color:#15803d; background:#f0fdf4; }
html:not(.dark) .dim10-home .d10-availability-badge.is-degraded { border-color:#fde68a; color:#a16207; background:#fffbeb; }
html:not(.dark) .dim10-home .d10-availability-badge.is-failed,
html:not(.dark) .dim10-home .d10-availability-badge.is-error { border-color:#fecaca; color:#b91c1c; background:#fef2f2; }
html:not(.dark) .dim10-home .d10-availability-detail,
html:not(.dark) .dim10-home .d10-availability-muted { color:#94a3b8; }
html:not(.dark) .dim10-home .d10-availability-login { color:#2563eb; }
@media (max-width:760px) { .d10-dynamic-table { min-width:1160px; } }

/* Availability bar chart (2026-09-04). */
.d10-availability-bars {
  display:flex;
  align-items:center;
  gap:2px;
}
.d10-availability-bar {
  width:3px;
  height:12px;
  flex:0 0 auto;
  border-radius:1px;
  background:#34d399;
}
.d10-availability-bar.is-error { background:#fb923c; }
.d10-availability-pct {
  margin-left:6px;
  color:#dbe7f5;
  font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;
  font-size:11px;
  font-weight:700;
  font-variant-numeric:tabular-nums;
}
html:not(.dark) .dim10-home .d10-availability-bar { background:#10b981; }
html:not(.dark) .dim10-home .d10-availability-bar.is-error { background:#f59e0b; }
html:not(.dark) .dim10-home .d10-availability-pct { color:#334155; }

/* Monitor overview is independent from model-plaza pricing rows. */
.d10-monitor-overview { margin:0 0 18px; overflow:hidden; border:1px solid rgba(96,165,250,.2); border-radius:16px; background:linear-gradient(145deg,rgba(15,30,52,.82),rgba(8,22,39,.74)); box-shadow:0 16px 42px rgba(2,6,23,.12); }
.d10-monitor-overview-head { display:flex; min-height:76px; align-items:center; justify-content:space-between; gap:18px; padding:16px 20px; border-bottom:1px solid var(--d10-line); }
.d10-monitor-overview-head h3 { margin:3px 0 0; color:var(--d10-text); font-size:18px; }
.d10-monitor-overview-head > span { color:var(--d10-subtle); font-size:11px; }
.d10-monitor-cards { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:0; }
.d10-monitor-card { min-width:0; padding:17px 18px; border-right:1px solid var(--d10-line); }
.d10-monitor-card:last-child { border-right:0; }
.d10-monitor-card-head { display:flex; align-items:center; justify-content:space-between; gap:9px; }
.d10-monitor-card-head strong { overflow:hidden; color:var(--d10-text); font-size:12px; font-weight:760; text-overflow:ellipsis; white-space:nowrap; }
.d10-monitor-card .d10-availability-badge { flex:0 0 auto; min-height:22px; padding:2px 8px; font-size:10px; }
.d10-monitor-card-details { display:flex; min-height:38px; align-items:flex-end; gap:18px; margin-top:12px; color:var(--d10-subtle); font-size:11px; line-height:1.45; }
.d10-monitor-card-details span { display:grid; gap:2px; }
.d10-monitor-card-details small { color:#718096; font-size:9px; }
.d10-monitor-card-details b { color:#dbe7f5; font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace; font-size:11px; font-weight:700; }
.d10-monitor-unconfigured { flex:0 0 auto; border:1px solid rgba(148,163,184,.18); border-radius:999px; padding:3px 8px; color:#94a3b8; background:rgba(148,163,184,.07); font-size:10px; }
.d10-monitor-lock { grid-column:1/-1; display:flex; min-height:76px; align-items:center; justify-content:center; gap:16px; padding:18px; color:var(--d10-muted); text-align:center; font-size:12px; }
.d10-monitor-lock a { color:#60a5fa; font-weight:700; text-decoration:none; }
.d10-monitor-lock a:hover { text-decoration:underline; }
.d10-monitor-lock.is-error { color:#fca5a5; }
html:not(.dark) .dim10-home .d10-monitor-overview { border-color:#dbeafe; background:#fff; box-shadow:0 16px 42px rgba(15,23,42,.06); }
html:not(.dark) .dim10-home .d10-monitor-card-details b { color:#334155; }
html:not(.dark) .dim10-home .d10-monitor-unconfigured { color:#64748b; background:#f8fafc; }
@media (max-width:980px) { .d10-monitor-cards { grid-template-columns:repeat(2,minmax(0,1fr)); } .d10-monitor-card:nth-child(2) { border-right:0; } .d10-monitor-card:nth-child(-n+2) { border-bottom:1px solid var(--d10-line); } }
@media (max-width:620px) { .d10-monitor-overview-head { align-items:flex-start; flex-direction:column; gap:5px; } .d10-monitor-cards { grid-template-columns:1fr; } .d10-monitor-card { border-right:0; border-bottom:1px solid var(--d10-line); } .d10-monitor-card:last-child { border-bottom:0; } }

/* Competitor-aligned advantages + pricing section (2026-09-03). */
.dim10-home .d10-compare-zone {
  position:relative;
  margin-top:0;
  padding:48px 0 78px;
  color:#172033;
  background:
    radial-gradient(circle at 88% 4%,rgba(147,197,253,.18),transparent 28rem),
    radial-gradient(circle at 8% 100%,rgba(191,219,254,.2),transparent 30rem),
    linear-gradient(180deg,#eef4ff 0%,#f5f8ff 48%,#edf3ff 100%);
  font-family:"PingFang SC","Microsoft YaHei",Inter,ui-sans-serif,system-ui,sans-serif;
}
.dim10-home .d10-compare-zone::before {
  position:absolute;
  inset:0;
  content:"";
  pointer-events:none;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.36) 48%,transparent);
}
.dim10-home .d10-compare-zone > .d10-shell { position:relative; z-index:1; }
.dim10-home .d10-compare-zone .d10-trust-strip {
  overflow:hidden;
  border:1px solid #d8e0ec;
  border-radius:14px;
  background:rgba(255,255,255,.88);
  box-shadow:0 12px 28px rgba(71,85,105,.08),inset 0 1px rgba(255,255,255,.9);
}
.dim10-home .d10-compare-zone .d10-trust-item {
  min-height:112px;
  gap:12px;
  padding:22px 16px;
  border-right-color:#dce3ed;
}
.dim10-home .d10-compare-zone .d10-trust-item:first-child {
  padding-left:22px;
}
.dim10-home .d10-compare-zone .d10-trust-item:last-child {
  padding-right:22px;
}
.dim10-home .d10-compare-zone .d10-icon {
  width:54px;
  height:54px;
  border:0;
  border-radius:0;
  color:#2f6fff;
  background:transparent;
  box-shadow:none;
}
.dim10-home .d10-compare-zone .d10-icon svg {
  width:48px;
  height:48px;
  stroke:currentColor;
  stroke-width:2.6;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.dim10-home .d10-compare-zone .d10-trust-copy strong {
  color:#172033;
  font-size:17px;
  font-weight:760;
  line-height:1.3;
  letter-spacing:-.01em;
}
.dim10-home .d10-compare-zone .d10-trust-copy span {
  margin-top:5px;
  color:#7b879a;
  font-size:13px;
  line-height:1.4;
  white-space:normal;
  overflow-wrap:anywhere;
}
.dim10-home .d10-compare-section { padding-top:54px; padding-bottom:0; }
.dim10-home .d10-compare-title {
  display:flex;
  align-items:baseline;
  gap:28px;
  margin:0 0 24px;
}
.dim10-home .d10-compare-title h2 {
  margin:0;
  color:#111827;
  font-size:32px;
  font-weight:820;
  line-height:1.2;
  letter-spacing:-.035em;
}
.dim10-home .d10-compare-title span {
  color:#3271ff;
  font-size:15px;
  font-weight:720;
}
.dim10-home .d10-compare-zone .d10-price-table {
  overflow:hidden;
  border:1px solid #cfe0fb;
  border-radius:20px;
  background:rgba(255,255,255,.86);
  box-shadow:0 18px 42px rgba(59,130,246,.08),inset 0 1px rgba(255,255,255,.9);
}
.dim10-home .d10-compare-zone .d10-price-table table {
  width:100%;
  min-width:920px;
  border-collapse:separate;
  border-spacing:0;
  table-layout:fixed;
}
.dim10-home .d10-compare-zone .d10-price-table th,
.dim10-home .d10-compare-zone .d10-price-table td {
  height:82px;
  padding:16px 24px;
  border-right:1px solid #d8e5f7;
  border-bottom:1px solid #d8e5f7;
  color:#64748b;
  background:rgba(255,255,255,.72);
  text-align:center;
  font-size:16px;
  font-weight:600;
  line-height:1.5;
}
.dim10-home .d10-compare-zone .d10-price-table th {
  height:78px;
  color:#52647b;
  background:linear-gradient(180deg,#f2f7ff,#eaf2ff);
  font-size:16px;
  font-weight:760;
}
.dim10-home .d10-compare-zone .d10-price-table th:first-child,
.dim10-home .d10-compare-zone .d10-price-table td:first-child {
  width:21%;
  color:#26364c;
  font-weight:760;
}
.dim10-home .d10-compare-zone .d10-price-table th:nth-child(2),
.dim10-home .d10-compare-zone .d10-price-table td:nth-child(2) { width:25%; }
.dim10-home .d10-compare-zone .d10-price-table th:nth-child(3),
.dim10-home .d10-compare-zone .d10-price-table td:nth-child(3) { width:27%; }
.dim10-home .d10-compare-zone .d10-price-table th:nth-child(4),
.dim10-home .d10-compare-zone .d10-price-table td:nth-child(4) { width:27%; }
.dim10-home .d10-compare-zone .d10-price-table th:last-child,
.dim10-home .d10-compare-zone .d10-price-table td:last-child { border-right:0; }
.dim10-home .d10-compare-zone .d10-price-table .d10-highlight-col {
  border-right:2px solid #9fc0ff;
  border-left:2px solid #9fc0ff;
  color:#2f6fff;
  background:linear-gradient(180deg,rgba(239,245,255,.96),rgba(245,248,255,.9));
  font-weight:720;
}
.dim10-home .d10-compare-zone .d10-price-table thead .d10-highlight-col {
  border-top:2px solid #9fc0ff;
  color:#2f6fff;
  background:linear-gradient(180deg,#e9f1ff,#f2f6ff);
}
.dim10-home .d10-compare-zone .d10-price-table tbody tr:last-child .d10-highlight-col { border-bottom:2px solid #9fc0ff; }
.dim10-home .d10-compare-zone .d10-price-table .d10-value {
  color:#2f6fff;
  font-size:16px;
  font-weight:780;
}
.dim10-home .d10-compare-zone .d10-price-table .d10-saving {
  display:inline;
  padding:0;
  border:0;
  color:#2f6fff;
  background:transparent;
  font-size:16px;
  font-weight:780;
}
.dim10-home .d10-compare-zone .d10-price-table .d10-price-summary td {
  color:#334155;
  background:rgba(235,243,255,.92);
  font-weight:720;
}
.dim10-home .d10-compare-zone .d10-price-table .d10-price-summary .d10-highlight-col {
  color:#2f6fff;
  background:#e7f0ff;
}
@media (max-width:1100px) {
  .dim10-home .d10-compare-zone .d10-trust-item { gap:12px; padding:18px 15px; }
  .dim10-home .d10-compare-zone .d10-icon { width:44px; height:44px; }
  .dim10-home .d10-compare-zone .d10-icon svg { width:40px; height:40px; }
  .dim10-home .d10-compare-zone .d10-trust-copy strong { font-size:15px; }
  .dim10-home .d10-compare-zone .d10-trust-copy span { font-size:11px; white-space:normal; }
}
@media (max-width:820px) {
  .dim10-home .d10-compare-zone { padding:30px 0 52px; }
  .dim10-home .d10-compare-zone .d10-trust-strip { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .dim10-home .d10-compare-zone .d10-trust-item { min-height:98px; border-bottom:1px solid #dce3ed; }
  .dim10-home .d10-compare-zone .d10-trust-item:nth-child(2n) { border-right:0; }
  .dim10-home .d10-compare-zone .d10-trust-item:last-child { grid-column:1/-1; border-bottom:0; }
  .dim10-home .d10-compare-section { padding-top:42px; }
  .dim10-home .d10-compare-title { align-items:flex-start; flex-direction:column; gap:7px; }
  .dim10-home .d10-compare-title h2 { font-size:28px; }
  .dim10-home .d10-compare-zone .d10-price-table { overflow-x:auto; }
}
@media (max-width:520px) {
  .dim10-home .d10-compare-zone .d10-trust-strip { grid-template-columns:1fr; }
  .dim10-home .d10-compare-zone .d10-trust-item,
  .dim10-home .d10-compare-zone .d10-trust-item:nth-child(2n),
  .dim10-home .d10-compare-zone .d10-trust-item:last-child { grid-column:auto; border-right:0; border-bottom:1px solid #dce3ed; }
  .dim10-home .d10-compare-zone .d10-trust-item:last-child { border-bottom:0; }
}

/* Compare-zone dark-theme overrides (2026-09-04). */
html.dark .dim10-home .d10-compare-zone {
  color:#e2e8f0;
  background:
    radial-gradient(circle at 88% 4%,rgba(37,99,235,.14),transparent 28rem),
    radial-gradient(circle at 8% 100%,rgba(30,58,138,.18),transparent 30rem),
    linear-gradient(180deg,rgba(7,17,31,.96) 0%,rgba(8,20,36,.94) 48%,rgba(6,15,28,.97) 100%);
}
html.dark .dim10-home .d10-compare-zone::before {
  background:linear-gradient(90deg,transparent,rgba(148,163,184,.06) 48%,transparent);
}
html.dark .dim10-home .d10-compare-zone .d10-trust-strip {
  border-color:rgba(148,163,184,.18);
  background:rgba(12,28,48,.86);
  box-shadow:0 12px 28px rgba(2,6,23,.28),inset 0 1px rgba(255,255,255,.04);
}
html.dark .dim10-home .d10-compare-zone .d10-trust-item { border-right-color:rgba(148,163,184,.14); }
html.dark .dim10-home .d10-compare-zone .d10-icon { color:#60a5fa; background:transparent; }
html.dark .dim10-home .d10-compare-zone .d10-trust-copy strong { color:#f1f5f9; }
html.dark .dim10-home .d10-compare-zone .d10-trust-copy span { color:#94a3b8; }
html.dark .dim10-home .d10-compare-title h2 { color:#f1f5f9; }
html.dark .dim10-home .d10-compare-title span { color:#60a5fa; }
html.dark .dim10-home .d10-compare-zone .d10-price-table {
  border-color:rgba(96,165,250,.28);
  background:rgba(10,24,42,.88);
  box-shadow:0 18px 42px rgba(2,6,23,.28),inset 0 1px rgba(255,255,255,.03);
}
html.dark .dim10-home .d10-compare-zone .d10-price-table th,
html.dark .dim10-home .d10-compare-zone .d10-price-table td { border-bottom-color:rgba(148,163,184,.1); border-right-color:rgba(148,163,184,.08); color:#cbd5e1; }
html.dark .dim10-home .d10-compare-zone .d10-price-table th { background:rgba(15,30,52,.6); color:#94a3b8; }
html.dark .dim10-home .d10-compare-zone .d10-price-table tbody td { background:rgba(10,24,42,.92); }
html.dark .dim10-home .d10-compare-zone .d10-price-table tbody tr:nth-child(even) td { background:rgba(13,28,50,.88); }
html.dark .dim10-home .d10-compare-zone .d10-price-table .d10-highlight-col {
  border-color:#60a5fa;
  color:#93c5fd;
  background:linear-gradient(180deg,rgba(37,99,235,.16),rgba(30,64,175,.1));
}
html.dark .dim10-home .d10-compare-zone .d10-price-table thead .d10-highlight-col { border-color:#60a5fa; color:#93c5fd; background:linear-gradient(180deg,rgba(37,99,235,.22),rgba(30,64,175,.14)); }
html.dark .dim10-home .d10-compare-zone .d10-price-table tbody tr:last-child .d10-highlight-col { border-bottom:2px solid #60a5fa; }
html.dark .dim10-home .d10-compare-zone .d10-price-table .d10-value { color:#93c5fd; }
html.dark .dim10-home .d10-compare-zone .d10-price-table .d10-saving { color:#93c5fd; }
html.dark .dim10-home .d10-compare-zone .d10-price-table .d10-price-summary td { color:#cbd5e1; background:rgba(30,58,96,.4); }
html.dark .dim10-home .d10-compare-zone .d10-price-table .d10-price-summary .d10-highlight-col { color:#93c5fd; background:rgba(37,99,235,.22); }
@media (max-width:820px) {
  html.dark .dim10-home .d10-compare-zone .d10-trust-item { border-bottom-color:rgba(148,163,184,.14); }
}
@media (max-width:520px) {
  html.dark .dim10-home .d10-compare-zone .d10-trust-item,
  html.dark .dim10-home .d10-compare-zone .d10-trust-item:nth-child(2n),
  html.dark .dim10-home .d10-compare-zone .d10-trust-item:last-child { border-bottom-color:rgba(148,163,184,.14); }
}

/* Dynamic model-price table overflow fix (2026-09-03). */
.dim10-home .d10-dynamic-table {
  min-width:1340px;
}
.dim10-home .d10-dynamic-table .d10-col-model { width:13%; }
.dim10-home .d10-dynamic-table .d10-col-availability { width:7%; }
.dim10-home .d10-dynamic-table .d10-col-price { width:8%; }
.dim10-home .d10-dynamic-table .d10-col-cache { width:20%; }
.dim10-home .d10-dynamic-table .d10-col-rate { width:6%; }
.dim10-home .d10-price-cell { min-width:0; padding:14px 10px; overflow:hidden; }
.dim10-home .d10-price-stack { min-width:0; gap:4px; }
.dim10-home .d10-price-row {
  display:flex;
  min-width:0;
  min-height:18px;
  align-items:baseline;
  gap:5px;
  white-space:nowrap;
  font-size:11.5px;
  line-height:1.3;
}
.dim10-home .d10-cache-tier-row {
  min-height:0;
  margin-top:4px;
}
.dim10-home .d10-cache-tier-row .d10-tier-label {
  color:#64748b;
  font-size:10px;
  font-weight:600;
}
.dim10-home .d10-cache-inline {
  display:flex;
  align-items:baseline;
  gap:3px;
  white-space:nowrap;
  font-size:11px;
}
.dim10-home .d10-cache-inline .d10-cache-key {
  color:#718096;
  font-size:10px;
  flex-shrink:0;
}
.dim10-home .d10-cache-inline .d10-price-value {
  font-size:11px;
  font-weight:700;
}
.dim10-home .d10-tier-label {
  min-width:0;
  flex-shrink:0;
  color:#7b8ca3;
  font-size:10.5px;
}
.dim10-home .d10-price-value {
  white-space:nowrap;
  font-size:11.5px;
  font-weight:700;
}
.dim10-home .d10-rate-cell {
  min-width:60px;
  white-space:nowrap;
}
@media (max-width:760px) {
  .dim10-home .d10-dynamic-table { min-width:1340px; }
}

/* Confirmed homepage v2: three value cards, live availability, grouped pricing. */
.dim10-home .d10-advantages {
  padding-top: 52px;
  padding-bottom: 26px;
}

.dim10-home .d10-advantages .d10-trust-strip {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin: 8px 0 34px;
}

.dim10-home .d10-advantages .d10-icon {
  width: 40px;
  height: 40px;
  color: #7dd3fc;
  font-size: 19px;
}

.dim10-home .d10-feature-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}

.dim10-home .d10-feature-card {
  position: relative;
  overflow: hidden;
  padding: 24px;
  border: 1px solid rgba(148, 163, 184, .16);
  border-radius: 20px;
  background: linear-gradient(180deg, rgba(16, 32, 56, .92), rgba(7, 18, 31, .94));
  box-shadow: 0 24px 65px rgba(2, 6, 23, .28);
}

.dim10-home .d10-feature-blue {
  border-color: rgba(56, 189, 248, .20);
  background: linear-gradient(180deg, rgba(14, 45, 79, .92), rgba(7, 20, 34, .95));
}

.dim10-home .d10-feature-amber {
  border-color: rgba(251, 191, 36, .18);
  background: linear-gradient(180deg, rgba(52, 37, 14, .62), rgba(7, 20, 34, .95));
}

.dim10-home .d10-feature-kicker {
  color: #7dd3fc;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .12em;
}

.dim10-home .d10-kicker-amber { color: #fbbf24; }

.dim10-home .d10-feature-card h2 {
  margin: 13px 0 10px;
  color: var(--d10-text);
  font-size: 23px;
  font-weight: 780;
  line-height: 1.25;
  letter-spacing: -.03em;
}

.dim10-home .d10-feature-card > p {
  min-height: 76px;
  margin: 0;
  color: var(--d10-muted);
  font-size: 14px;
  line-height: 1.72;
}

.dim10-home .d10-badge-row {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 18px 0;
}

.dim10-home .d10-feature-badge {
  display: inline-flex;
  align-items: center;
  padding: 4px 9px;
  border-radius: 999px;
  color: #bae6fd;
  background: rgba(56, 189, 248, .10);
  font-size: 12px;
  font-weight: 700;
  white-space: nowrap;
}

.dim10-home .d10-badge-green {
  color: #a7f3d0;
  background: rgba(52, 211, 153, .10);
}

.dim10-home .d10-badge-amber {
  color: #fde68a;
  background: rgba(251, 191, 36, .10);
}

.dim10-home .d10-feature-panel {
  padding: 13px;
  border: 1px solid rgba(148, 163, 184, .12);
  border-radius: 14px;
  background: rgba(3, 12, 22, .62);
}

.dim10-home .d10-feature-panel-head {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 11px;
  color: var(--d10-subtle);
  font-size: 12px;
}

.dim10-home .d10-feature-panel .d10-steps {
  gap: 10px;
  margin-top: 0;
}

.dim10-home .d10-feature-panel .d10-step {
  align-items: center;
  padding: 9px 11px;
  border-radius: 10px;
  background: rgba(148, 163, 184, .06);
}

.dim10-home .d10-model-chip-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 9px;
}

.dim10-home .d10-model-chip-grid span {
  min-width: 0;
  padding: 11px 8px;
  overflow: hidden;
  border-radius: 10px;
  color: #e2e8f0;
  background: rgba(56, 189, 248, .06);
  text-align: center;
}

.dim10-home .d10-model-chip-grid b {
  display: block;
  overflow: hidden;
  color: #fff;
  font-size: 14px;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.dim10-home .d10-model-chip-grid small {
  display: block;
  margin-top: 3px;
  overflow: hidden;
  color: #94a3b8;
  font-size: 10px;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.dim10-home .d10-metric-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.dim10-home .d10-metric-grid span {
  padding: 10px 7px;
  border-radius: 10px;
  color: #e2e8f0;
  background: rgba(56, 189, 248, .06);
  text-align: center;
}

.dim10-home .d10-metric-grid b {
  display: block;
  color: #fff;
  font-size: 17px;
}

.dim10-home .d10-metric-grid small {
  color: #94a3b8;
  font-size: 10px;
}

.dim10-home .d10-data-section { padding-top: 0; }
.dim10-home .d10-data-section .d10-monitor-overview { margin-bottom: 0; }
.dim10-home .d10-monitor-cards { grid-template-columns: repeat(5, minmax(0, 1fr)); }
.dim10-home .d10-monitor-card-head { gap: 8px; }
.dim10-home .d10-monitor-card-head strong {
  overflow: hidden;
  color: #f1f5f9;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.dim10-home .d10-monitor-card .d10-availability-badge { flex: 0 0 auto; }

.dim10-home .d10-plaza-status { margin-bottom: 12px; }
.dim10-home .d10-rate-badges .d10-rate-badge.hot {
  border-color: rgba(52, 211, 153, .42);
  color: #6ee7b7;
  background: rgba(16, 185, 129, .12);
}

.dim10-home .d10-dynamic-table .d10-col-rate { width: 10%; }
.dim10-home .d10-rate-cell {
  width: 108px;
  color: #6ee7b7;
  background: linear-gradient(145deg, rgba(52, 211, 153, .16), rgba(37, 99, 235, .10));
  text-align: center;
}

.dim10-home .d10-rate-value {
  display: block;
  color: #6ee7b7;
  font-size: 19px;
  font-weight: 800;
  line-height: 1.25;
}

.dim10-home .d10-rate-tag {
  display: inline-block;
  margin-top: 5px;
  padding: 3px 7px;
  border-radius: 999px;
  color: #a7f3d0;
  background: rgba(52, 211, 153, .12);
  font-size: 9px;
  font-weight: 800;
}

html:not(.dark) .dim10-home .d10-advantages { padding-top: 38px; }
html:not(.dark) .dim10-home .d10-feature-card {
  border-color: #dbe3ee;
  background: #fff;
  box-shadow: 0 20px 48px rgba(15, 23, 42, .07);
}
html:not(.dark) .dim10-home .d10-feature-blue { border-color: #bfe6f8; background: linear-gradient(180deg,#fff,#f7fdff); }
html:not(.dark) .dim10-home .d10-feature-amber { border-color: #f3dfb5; background: linear-gradient(180deg,#fff,#fffdf5); }
html:not(.dark) .dim10-home .d10-feature-card h2 { color: #172033; }
html:not(.dark) .dim10-home .d10-feature-card > p { color: #526174; }
html:not(.dark) .dim10-home .d10-feature-badge { color: #0c6da2; background: #eaf7ff; }
html:not(.dark) .dim10-home .d10-badge-green { color: #157f4c; background: #ecfbf2; }
html:not(.dark) .dim10-home .d10-badge-amber { color: #946205; background: #fff7e2; }
html:not(.dark) .dim10-home .d10-feature-panel { border-color: #e6ebf2; background: #f8fafc; }
html:not(.dark) .dim10-home .d10-feature-panel .d10-step { background: #fff; }
html:not(.dark) .dim10-home .d10-model-chip-grid span,
html:not(.dark) .dim10-home .d10-metric-grid span { background: #eef6ff; }
html:not(.dark) .dim10-home .d10-model-chip-grid b,
html:not(.dark) .dim10-home .d10-metric-grid b { color: #172033; }
html:not(.dark) .dim10-home .d10-model-chip-grid small,
html:not(.dark) .dim10-home .d10-metric-grid small { color: #64748b; }
html:not(.dark) .dim10-home .d10-monitor-card-head strong { color: #172033; }
html:not(.dark) .dim10-home .d10-rate-cell {
  color: #157f4c;
  background: linear-gradient(145deg, rgba(16, 185, 129, .10), rgba(59, 130, 246, .07));
}
html:not(.dark) .dim10-home .d10-rate-value { color: #157f4c; }
html:not(.dark) .dim10-home .d10-rate-tag { color: #157f4c; background: #e6f8ef; }

@media (max-width: 1120px) {
  .dim10-home .d10-feature-grid { grid-template-columns: 1fr; }
  .dim10-home .d10-feature-card > p { min-height: 0; }
  .dim10-home .d10-advantages .d10-trust-strip { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .dim10-home .d10-monitor-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .dim10-home .d10-monitor-card:nth-child(2n) { border-right: 0; }
  .dim10-home .d10-monitor-card:nth-child(-n+2) { border-bottom: 1px solid var(--d10-line); }
}

@media (max-width: 760px) {
  .dim10-home .d10-advantages { padding-top: 28px; }
  .dim10-home .d10-advantages .d10-trust-strip { grid-template-columns: 1fr; }
  .dim10-home .d10-advantages .d10-trust-item { border-right: 0; border-bottom: 1px solid var(--d10-line); min-height: 78px; }
  .dim10-home .d10-advantages .d10-trust-item:last-child { border-bottom: 0; }
  .dim10-home .d10-monitor-cards { grid-template-columns: 1fr; }
  .dim10-home .d10-monitor-card { border-right: 0; border-bottom: 1px solid var(--d10-line); }
  .dim10-home .d10-monitor-card:last-child { border-bottom: 0; }
}

/* Confirmed v2 visual spacing calibration. */
.dim10-home .d10-hero {
  min-height: auto;
  padding-top: 68px;
  padding-bottom: 48px;
}
.dim10-home .d10-visual { min-height: 390px; }
.dim10-home .d10-orbit {
  top: -8px;
  right: -4px;
  width: 300px;
  height: 300px;
  opacity: .52;
}
.dim10-home .d10-api-card {
  right: 0;
  bottom: 18px;
  width: min(430px, 100%);
}
.dim10-home #model-availability { padding-top: 48px; }
.dim10-home #model-plaza { padding-top: 56px; }
.dim10-home .d10-cta { margin-top: 54px; }
.dim10-home .d10-footer { margin-top: 48px; }
@media (max-width: 980px) {
  .dim10-home .d10-hero { padding-top: 52px; }
  .dim10-home .d10-visual { min-height: 430px; }
}

/* Keep the confirmed discount column visible without horizontal scrolling on desktop. */
.dim10-home .d10-shell { width: min(1280px, calc(100% - 40px)); }
.dim10-home .d10-dynamic-table { min-width: 1210px; }
.dim10-home .d10-dynamic-table .d10-col-model { width: 12%; }
.dim10-home .d10-dynamic-table .d10-col-availability { width: 7%; }
.dim10-home .d10-dynamic-table .d10-col-price { width: 8%; }
.dim10-home .d10-dynamic-table .d10-col-cache { width: 19%; }
.dim10-home .d10-dynamic-table .d10-col-rate { width: 10%; }
@media (max-width:1320px) {
  .dim10-home .d10-shell { width: calc(100% - 32px); }
}

/* Documentation entry stays reachable when the primary navigation wraps. */
.dim10-home .d10-docs-nav-link[aria-current="page"] { color: var(--d10-primary); font-weight: 750; }
@media (max-width: 980px) {
  .dim10-home .d10-nav { flex-wrap: wrap; gap: 10px; padding-top: 10px; padding-bottom: 8px; }
  .dim10-home .d10-nav-links { display: flex; order: 3; flex: 0 0 100%; gap: 22px; overflow-x: auto; padding-bottom: 4px; font-size: 12px; white-space: nowrap; }
}