.models .section-heading > p:last-child { margin: 22px 0 0; color: var(--muted); font-size: 17px; line-height: 1.95; }
.model-featured-label { margin: 38px 0 14px; color: var(--earth); font-size: 13px; font-weight: 800; }
.model-highlights { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 18px; }
.model-highlight { --model-accent: 95,215,255; position: relative; isolation: isolate; overflow: hidden; min-width: 0; min-height: 330px; padding: 32px; border: 1px solid rgba(var(--model-accent),.5); border-radius: 26px; background: #0a2339; box-shadow: 0 16px 44px #071f321a,0 0 30px rgba(var(--model-accent),.12); }
.model-sol { --model-accent: 255,210,112; background: #302719; }
.model-sunburst { --model-accent: 206,162,255; background: #251b3e; }
.model-highlight::before { content: ""; position: absolute; z-index: -1; inset: 0; background: radial-gradient(ellipse at 0 5%,rgba(var(--model-accent),.25),transparent 70%); }
.model-highlight::after { content: ""; position: absolute; inset: 0 30px auto; height: 1px; background: linear-gradient(90deg,transparent,rgb(var(--model-accent)),transparent); }
.model-highlight > img { position: relative; width: 70px; height: 70px; padding: 13px; border: 1px solid #ffffff40; border-radius: 20px; background: #000; object-fit: contain; box-shadow: 0 0 36px rgba(var(--model-accent),.2); }
.model-signature { position: absolute; top: 37px; left: 28px; color: rgb(var(--model-accent)); font: 11px/1.5 ui-monospace,Consolas,monospace; letter-spacing: .1em; }
.model-orbit { position: absolute; z-index: -1; width: 260px; height: 260px; left: -125px; top: 35px; border: 1px solid rgba(var(--model-accent),.27); border-radius: 50%; box-shadow: 0 0 0 26px rgba(var(--model-accent),.045),0 0 0 52px rgba(var(--model-accent),.035),inset 0 0 50px rgba(var(--model-accent),.08); }
.model-orbit::after { content: ""; position: absolute; top: 18px; left: 45px; width: 9px; height: 9px; border-radius: 50%; background: rgb(var(--model-accent)); box-shadow: 0 0 18px rgb(var(--model-accent)); }
.model-feature-eyebrow { position: relative; margin: 36px 0 10px; color: rgb(var(--model-accent)); font-size: 14px; font-weight: 650; }
.model-highlight h3 { position: relative; margin: 0 0 24px; color: #f5f8ff; font-size: clamp(20px,1.8vw,25px); line-height: 1.5; overflow-wrap: anywhere; }
.model-kind { display: inline-flex; align-items: center; gap: 6px; color: #426273; font-size: 12px; font-weight: 600; }
.model-highlight .model-kind { padding: 7px 12px; border: 1px solid #ffffff28; border-radius: 24px; color: #e0e9f5; background: #ffffff08; }
.model-kind svg { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
.model-live { display: inline-flex; align-items: center; gap: 8px; color: var(--earth); font-size: 12px; }
.model-live i { width: 6px; height: 6px; border-radius: 50%; background: var(--leaf); box-shadow: 0 0 0 4px #14784513; }
@media (prefers-reduced-motion: no-preference) {
 .model-orbit { animation: model-orbit-turn 24s linear infinite; }
 .model-sol .model-orbit { animation-direction: reverse; }
 .model-highlight { transition: transform .35s ease,box-shadow .35s ease; }
 .model-highlight:hover { transform: translateY(-6px); box-shadow: 0 24px 52px #071f3226,0 0 40px rgba(var(--model-accent),.22); }
}
@keyframes model-orbit-turn { to { transform: rotate(360deg); } }
.model-slider-heading { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-top: 30px; }
.model-slider-heading p { color: var(--muted); font-size: 13px; }
.model-slider-heading button { border: 1px solid var(--line); border-radius: 30px; background: #fff; color: var(--ink); padding: 8px 14px; font: inherit; font-size: 12px; cursor: pointer; }
.model-slider-heading button:focus-visible, .model-viewport:focus-visible { outline: 3px solid #75b9d2; outline-offset: 4px; }
.model-slider-controls { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.model-slider-heading .model-forward { display: inline-flex; align-items: center; justify-content: center; gap: 9px; min-height: 44px; padding: 10px 18px; border-color: #14788b; background: linear-gradient(135deg,#167f91,#10556d); color: #fff; font-weight: 700; box-shadow: 0 4px 12px #10556d20,inset 0 1px 0 #ffffff26; }
.model-forward svg { width: 19px; height: 19px; fill: currentColor; flex-shrink: 0; }
.model-slider-heading .model-forward:hover { background: linear-gradient(135deg,#198fa0,#126780); box-shadow: 0 6px 18px #10556d30; }
.model-slider-heading .model-forward:active { box-shadow: inset 0 2px 5px #062e4b40; }
@media (prefers-reduced-motion: no-preference) { .model-forward { transition: background .2s,box-shadow .2s; } }
.model-viewport { overflow: hidden; direction: ltr; padding: 18px 0; border-block: 1px solid var(--line); mask-image: linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent); }
.model-viewport.is-paused { overflow-x: auto; }
.model-track { display: flex; gap: 16px; width: max-content; margin: 0; padding: 0; list-style: none; will-change: transform; }
.model-chip { width: 260px; flex: 0 0 260px; display: grid; grid-template-columns: 48px minmax(0,1fr); align-content: center; align-items: center; gap: 8px 14px; min-height: 106px; padding: 18px; border: 1px solid var(--line); border-radius: 16px; background: #fff; box-shadow: 0 8px 24px rgba(16,39,53,.04); }
.model-chip img { grid-row: span 2; width: 48px; height: 48px; object-fit: contain; border-radius: 12px; }
.model-chip bdi { color: var(--ink); font-size: 14px; font-weight: 800; line-height: 1.5; }
.model-chip .model-kind { justify-self: start; }
.model-tariffs-link { display: flex; flex-wrap: wrap; gap: 12px; justify-content: flex-end; margin-top: 24px; }
@media (max-width: 760px) {
  .model-slider-heading { flex-wrap: wrap; gap: 8px; margin-bottom: 14px; }
  .model-slider-heading p { margin-bottom: 0; }
  .model-highlights { grid-template-columns: 1fr; gap: 12px; }
  .model-highlight { padding: 28px; min-height: 300px; }
  .model-feature-eyebrow { margin-top: 16px; }
  .model-highlight h3 { font-size: 23px; }
  .model-chip { width: 240px; flex-basis: 240px; }
}

@media (prefers-reduced-motion: reduce) { .model-track { will-change: auto; } }
