/* RoboLan Atlas homepage theme. Loaded after the shared storefront styles. */

html[data-page="atlas"][data-theme="retail-light"] {
  color-scheme: light;

  --canvas: #f5f7fb;
  --canvas-raised: #f9fbff;
  --surface: #ffffff;
  --surface-subtle: #edf3fc;
  --surface-strong: #dde8f7;

  --ink: #111827;
  --ink-secondary: #475569;
  --ink-tertiary: #607087;
  --ink-on-accent: #ffffff;

  --line: rgba(51, 65, 85, 0.12);
  --line-strong: rgba(51, 65, 85, 0.2);

  --accent: #2f6fe4;
  --accent-hover: #245fc8;
  --accent-pressed: #1f4fa9;
  --accent-soft: #e7eefc;
  --accent-softer: #f1f5fd;

  --focus: #2f6fe4;
  --scrim: rgba(15, 23, 42, 0.42);
  --shadow-sm: none;
  --shadow-md: 0 8px 24px rgba(15, 23, 42, 0.12);

  background: var(--canvas);
}

html[data-page="atlas"][data-theme="retail-light"] body.atlas-home {
  background: var(--canvas);
  color: var(--ink);
}

.atlas-home ::selection {
  background: #e7eefc;
  color: #1f4fa9;
}

.atlas-home :focus-visible {
  outline-color: #2f6fe4;
}

.atlas-home .marketing-main {
  isolation: isolate;
  background: #f5f7fb;
}

.atlas-home .marketing-section {
  color: #111827;
}

.atlas-home .section-head p,
.atlas-home .product-family-copy p,
.atlas-home .scope-copy p,
.atlas-home .faq-list p {
  color: #475569;
}

.atlas-home .button-primary {
  border-color: #2f6fe4;
  background: #2f6fe4;
  color: #ffffff;
  box-shadow: none;
}

.atlas-home .button-primary:hover {
  border-color: #245fc8;
  background: #245fc8;
  color: #ffffff;
}

.atlas-home .button-primary:active {
  border-color: #1f4fa9;
  background: #1f4fa9;
}

.atlas-home .button-secondary {
  border-color: rgba(51, 65, 85, 0.2);
  background: #ffffff;
  color: #111827;
  box-shadow: none;
}

.atlas-home .button-secondary:hover {
  border-color: #2f6fe4;
  background: #f1f5fd;
  color: #1f4fa9;
}

.atlas-home .button[disabled],
.atlas-home .button.is-disabled {
  border-color: rgba(51, 65, 85, 0.12);
  background: #dde8f7;
  color: #607087;
}

.atlas-home .text-link {
  color: #1f4fa9;
  text-decoration-color: rgba(47, 111, 228, 0.36);
}

/* Platform support band */

.atlas-home .service-marquee {
  border-color: rgba(51, 65, 85, 0.12);
  background: #ffffff;
  color: #111827;
}

.atlas-home .service-marquee-viewport::before {
  background: linear-gradient(90deg, #ffffff 12%, rgba(255, 255, 255, 0));
}

.atlas-home .service-marquee-viewport::after {
  background: linear-gradient(270deg, #ffffff 12%, rgba(255, 255, 255, 0));
}

.atlas-home .service-marquee-group li {
  color: #475569;
  transition: color var(--duration-fast) ease;
}

.atlas-home .service-marquee-group li:hover {
  color: #111827;
}

.atlas-home .service-marquee-group img {
  opacity: 0.9;
}

.atlas-home .service-marquee-group li:hover img {
  opacity: 1;
}

/* Product families */

.atlas-home #products {
  background: #f5f7fb;
}

.atlas-home .product-families {
  border-top-color: rgba(51, 65, 85, 0.2);
}

.atlas-home .product-family-row {
  border-bottom-color: rgba(51, 65, 85, 0.12);
}

.atlas-home .product-family-copy h2,
.atlas-home .section-head h2,
.atlas-home .scope-copy h2 {
  color: #111827;
}

.atlas-home .family-art-route,
.atlas-home .home-frame,
.atlas-home .proxy-lane {
  stroke: rgba(47, 111, 228, 0.44);
}

.atlas-home .home-frame.is-inner,
.atlas-home .proxy-lane.is-strong {
  stroke: #2f6fe4;
}

.atlas-home .proxy-gate {
  fill: #f1f5fd;
  stroke: rgba(47, 111, 228, 0.6);
}

.atlas-home .family-art-node {
  fill: #2f6fe4;
  opacity: 0.8;
}

.atlas-home .family-art-core {
  fill: #1557d2;
  stroke: #e7eefc;
}

/* Plans remain an editorial comparison surface rather than a card grid. */

.atlas-home .plans-preview {
  background: #f9fbff;
}

.atlas-home .family-tabs {
  border: 1px solid rgba(51, 65, 85, 0.12);
  background: #edf3fc;
}

.atlas-home .family-tab {
  color: #475569;
}

.atlas-home .family-tab:hover {
  color: #111827;
}

.atlas-home .family-tab[aria-selected="true"] {
  background: #ffffff;
  color: #1f4fa9;
  box-shadow: 0 1px 4px rgba(15, 23, 42, 0.08);
}

.atlas-home .family-tab:focus-visible {
  outline-width: 2px;
  outline-offset: 2px;
}

.atlas-home .plan-list {
  border-block-color: rgba(51, 65, 85, 0.2);
}

.atlas-home .plan-link {
  border-right-color: rgba(51, 65, 85, 0.12);
  background: transparent;
}

.atlas-home .plan-link:hover,
.atlas-home .plan-link:focus-visible {
  background: #f1f5fd;
}

.atlas-home .plan-link:focus-visible {
  z-index: 1;
  outline-width: 2px;
  outline-offset: -2px;
}

.atlas-home .plan-link-name,
.atlas-home .plan-link-price {
  color: #111827;
}

.atlas-home .plan-link-state,
.atlas-home .plan-link-period,
.atlas-home .plan-link-spec {
  color: #475569;
}

.atlas-home .plan-link-action {
  color: #1f4fa9;
}

/* Activation and account scope */

.atlas-home .activation-section {
  border-block: 1px solid rgba(51, 65, 85, 0.12);
  background: #edf3fc;
  color: #111827;
}

.atlas-home .activation-section .section-head p,
.atlas-home .activation-step p {
  color: #475569;
}

.atlas-home .activation-steps::before {
  background: rgba(47, 111, 228, 0.2);
}

.atlas-home .activation-step span {
  border-color: rgba(47, 111, 228, 0.28);
  background: #ffffff;
  color: #1f4fa9;
}

.atlas-home .activation-step h3 {
  color: #111827;
}

.atlas-home .activation-section .button-secondary {
  border-color: rgba(51, 65, 85, 0.2);
  background: #ffffff;
  color: #111827;
}

.atlas-home .activation-section .button-secondary:hover {
  border-color: #2f6fe4;
  background: #f1f5fd;
}

.atlas-home .scope-strip {
  padding-block: clamp(2.75rem, 5vw, 4.5rem);
  border-block: 1px solid rgba(51, 65, 85, 0.12);
}

.atlas-home .scope-data {
  border-top-color: rgba(51, 65, 85, 0.2);
}

.atlas-home .scope-data div {
  border-bottom-color: rgba(51, 65, 85, 0.12);
}

.atlas-home .scope-data dt {
  color: #475569;
}

.atlas-home .scope-data dd {
  color: #111827;
}

/* FAQ */

.atlas-home #faq {
  border-top: 1px solid rgba(51, 65, 85, 0.1);
}

.atlas-home .faq-list {
  border-top-color: rgba(51, 65, 85, 0.2);
}

.atlas-home .faq-list details {
  border-bottom-color: rgba(51, 65, 85, 0.12);
}

.atlas-home .faq-list summary {
  color: #111827;
  transition: color var(--duration-fast) ease;
}

.atlas-home .faq-list summary:hover,
.atlas-home .faq-list details[open] summary {
  color: #1f4fa9;
}

.atlas-home .faq-list summary::after {
  color: #2f6fe4;
}

.atlas-home .faq-list summary:focus-visible {
  border-radius: 0.25rem;
  outline-width: 2px;
  outline-offset: 0.25rem;
}

/* Footer */

.atlas-home .site-footer {
  border-top-color: rgba(51, 65, 85, 0.12);
  background: #f5f7fb;
  color: #111827;
}

.atlas-home .site-footer .footer-brand p {
  color: #607087;
}

.atlas-home .site-footer .footer-nav {
  color: #475569;
}

.atlas-home .site-footer .footer-nav a:hover {
  color: #1f4fa9;
}

@media (max-width: 48rem) {
  .atlas-home .marketing-section {
    padding-block: clamp(4.25rem, 16vw, 6rem);
  }

  .atlas-home .section-head h2,
  .atlas-home .product-family-copy h2,
  .atlas-home .scope-copy h2 {
    font-size: clamp(2.25rem, 10vw, 3.25rem);
  }

  .atlas-home .service-marquee-viewport::before,
  .atlas-home .service-marquee-viewport::after {
    width: 2.25rem;
  }

  .atlas-home .product-family-row {
    padding-block: clamp(3.5rem, 14vw, 5rem);
  }

  .atlas-home .plan-link {
    border-right-color: rgba(51, 65, 85, 0.12);
  }

  .atlas-home .scope-strip {
    gap: var(--space-7);
  }
}

@media (prefers-contrast: more) {
  html[data-page="atlas"][data-theme="retail-light"] {
    --ink-secondary: #334155;
    --ink-tertiary: #475569;
    --line: rgba(17, 24, 39, 0.25);
    --line-strong: rgba(17, 24, 39, 0.45);
  }
}

@media (prefers-reduced-motion: reduce) {
  .atlas-home .button:hover,
  .atlas-home .plan-link:active {
    transform: none;
  }

  .atlas-home .service-marquee-group li,
  .atlas-home .faq-list summary {
    transition: none;
  }
}