/* Aether Connect inner-page theme.
   Scoped to main.aether-inner so the approved shared header/footer stay unchanged. */

.aether-inner {
  --inner-navy: #0e2338;
  --inner-navy-deep: #071524;
  --inner-coral: #e06d53;
  --inner-coral-dark: #c8563d;
  --inner-coral-soft: #fff4f0;
  --inner-sage: #edf4ef;
  --inner-green: #10b981;
  --inner-paper: #f8fafc;
  --inner-text: #4b5563;
  --inner-muted: #6b7280;
  --inner-line: #e5e7eb;
  --inner-shadow: 0 18px 44px rgba(14, 35, 56, .08);
  overflow: hidden;
  color: var(--inner-text);
  background: #fff;
  font-family: 'Plus Jakarta Sans', 'Outfit', Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  line-height: 1.55;
}

.aether-inner,
.aether-inner *,
.aether-inner *::before,
.aether-inner *::after {
  box-sizing: border-box;
}

.aether-inner > *,
.aether-inner [style*="display:grid"] > *,
.aether-inner [style*="display:flex"] > * {
  min-width: 0;
}

.aether-inner .wrap {
  width: min(1200px, calc(100% - 48px));
}

.aether-inner h1,
.aether-inner h2,
.aether-inner h3,
.aether-inner h4 {
  color: var(--inner-navy) !important;
  font-family: 'Outfit', 'Plus Jakarta Sans', Inter, ui-sans-serif, system-ui, sans-serif;
  letter-spacing: -.025em !important;
}

.aether-inner h1 {
  max-width: 900px;
  font-size: clamp(2.5rem, 5vw, 4.5rem) !important;
  line-height: 1.03 !important;
  font-weight: 800 !important;
}

.aether-inner h2 {
  font-size: clamp(2rem, 3.6vw, 3rem) !important;
  line-height: 1.08 !important;
  font-weight: 800 !important;
}

.aether-inner h3 { font-weight: 750 !important; }
.aether-inner p { color: var(--inner-text); }
.aether-inner .blue { color: var(--inner-coral) !important; }

/* Editorial hero treatment shared by service, legal and catalogue pages. */
.aether-inner > section:first-child,
.aether-inner > div:first-child {
  position: relative;
  background-color: var(--inner-paper) !important;
  background-image:
    radial-gradient(circle at 86% 16%, rgba(224, 109, 83, .12), transparent 26%),
    linear-gradient(180deg, #fff 0%, #f8fafc 100%) !important;
}

.aether-inner > section:first-child {
  padding-top: clamp(4rem, 7vw, 7rem) !important;
  padding-bottom: clamp(3.5rem, 6vw, 6rem) !important;
  border-bottom: 1px solid var(--inner-line) !important;
}

.aether-inner > section:first-child .wrap {
  max-width: 1200px !important;
  text-align: left !important;
}

.aether-inner > section:first-child .lead,
.aether-inner > section:first-child p {
  max-width: 720px !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  color: var(--inner-text) !important;
  font-size: 1.05rem !important;
}

.aether-inner .eyebrow,
.aether-inner [style*="text-transform:uppercase"][style*="letter-spacing"] {
  color: var(--inner-coral) !important;
}

.aether-inner .eyebrow {
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  font-size: .7rem !important;
  letter-spacing: .12em !important;
}

/* Home-matched buttons: coral primary, navy secondary, square corners. */
.aether-inner .pill,
.aether-inner button[type="submit"],
.aether-inner input[type="submit"] {
  min-height: 48px !important;
  border-radius: 0 !important;
  font-weight: 700 !important;
  box-shadow: none !important;
  transition: background-color .2s ease, border-color .2s ease, transform .2s ease !important;
}

.aether-inner .pill.primary,
.aether-inner button[type="submit"],
.aether-inner input[type="submit"] {
  border-color: var(--inner-coral) !important;
  background: var(--inner-coral) !important;
  color: #fff !important;
}

.aether-inner .pill.primary:hover,
.aether-inner button[type="submit"]:hover,
.aether-inner input[type="submit"]:hover {
  border-color: var(--inner-coral-dark) !important;
  background: var(--inner-coral-dark) !important;
  transform: translateY(-1px);
}

.aether-inner .pill.outline {
  border-color: var(--inner-navy) !important;
  background: transparent !important;
  color: var(--inner-navy) !important;
}

/* Cards and content surfaces use the homepage's clean editorial geometry. */
.aether-inner .service-card,
.aether-inner .canada-shell,
.aether-inner .market-shell,
.aether-inner .market-card,
.aether-inner .combo-card,
.aether-inner .benefit,
.aether-inner form .form-control,
.aether-inner textarea,
.aether-inner select,
.aether-inner input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]) {
  border-radius: 0 !important;
}

.aether-inner .service-card,
.aether-inner .market-card,
.aether-inner .combo-card,
.aether-inner .benefit {
  border: 1px solid var(--inner-line) !important;
  background: #fff !important;
  box-shadow: none !important;
}

.aether-inner .service-card:hover,
.aether-inner .market-card:hover,
.aether-inner .benefit:hover {
  border-color: rgba(224, 109, 83, .55) !important;
  box-shadow: var(--inner-shadow) !important;
}

.aether-inner .canada-shell,
.aether-inner .market-shell {
  border-color: var(--inner-line) !important;
  background: var(--inner-paper) !important;
  box-shadow: none !important;
}

.aether-inner .service-card .label,
.aether-inner .market-card .label,
.aether-inner .recommended {
  color: var(--inner-coral) !important;
}

.aether-inner .service-card li::before,
.aether-inner .market-card li::before {
  background: var(--inner-green) !important;
}

.aether-inner section:nth-child(even) {
  background-color: var(--inner-paper);
}

.aether-inner section:nth-child(3n) {
  background-color: var(--inner-sage);
}

/* Re-theme legacy inline cards without changing any content or behaviour. */
.aether-inner [style*="background:#0f172a"],
.aether-inner [style*="background:linear-gradient(135deg, #0f172a"],
.aether-inner [style*="background:linear-gradient(135deg, #0079c1"] {
  background: var(--inner-navy) !important;
}

.aether-inner [style*="background:#2563eb"],
.aether-inner [style*="background:#145AE3"],
.aether-inner [style*="background:#27348f"],
.aether-inner [style*="background:#0079c1"] {
  background: var(--inner-coral) !important;
  border-color: var(--inner-coral) !important;
}

.aether-inner [style*="color:#2563eb"],
.aether-inner [style*="color:#145AE3"],
.aether-inner [style*="color:#1358e8"],
.aether-inner [style*="color:#0079c1"] {
  color: var(--inner-coral) !important;
}

.aether-inner [style*="border-radius:24px"][style*="background:#ffffff"],
.aether-inner [style*="border-radius:24px"][style*="background:#fff"],
.aether-inner [style*="border-radius:20px"][style*="background:#ffffff"],
.aether-inner [style*="border-radius:20px"][style*="background:#fff"] {
  border-radius: 0 !important;
  border-color: var(--inner-line) !important;
  box-shadow: var(--inner-shadow) !important;
}

.aether-inner label {
  color: var(--inner-navy) !important;
  font-weight: 700 !important;
}

.aether-inner input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
.aether-inner select,
.aether-inner textarea,
.aether-inner .form-control {
  max-width: 100% !important;
  border: 1px solid #d7dde3 !important;
  background: #fff !important;
  color: var(--inner-navy) !important;
}

.aether-inner input:focus,
.aether-inner select:focus,
.aether-inner textarea:focus,
.aether-inner .form-control:focus {
  border-color: var(--inner-coral) !important;
  box-shadow: 0 0 0 3px rgba(224, 109, 83, .13) !important;
  outline: none !important;
}

.aether-inner input[type="checkbox"],
.aether-inner input[type="radio"] {
  accent-color: var(--inner-coral) !important;
}

@media (max-width: 900px) {
  .aether-inner .wrap { width: min(100% - 32px, 760px); }

  .aether-inner [style*="grid-template-columns: 1fr 420px"],
  .aether-inner [style*="grid-template-columns:1fr 420px"],
  .aether-inner [style*="grid-template-columns: 1fr 1.1fr"],
  .aether-inner [style*="grid-template-columns:1fr 1.1fr"],
  .aether-inner [style*="grid-template-columns:1.2fr 0.8fr"] {
    grid-template-columns: 1fr !important;
  }

  .aether-inner [style*="grid-template-columns:repeat(4, 1fr)"],
  .aether-inner [style*="grid-template-columns:repeat(3, 1fr)"] {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 640px) {
  .aether-inner .wrap { width: min(100% - 24px, 560px); }
  .aether-inner > div:first-child { width: 100% !important; padding-left: 12px !important; padding-right: 12px !important; }
  .aether-inner > div:first-child > div,
  .aether-inner > div:first-child > div > div,
  .aether-inner form,
  .aether-inner form > div {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }
  .aether-inner > section:first-child { padding: 3.5rem 0 !important; }
  .aether-inner h1 { font-size: clamp(2.15rem, 11vw, 3.25rem) !important; }
  .aether-inner h2 { font-size: clamp(1.8rem, 8vw, 2.4rem) !important; }

  .aether-inner [style*="grid-template-columns"] {
    grid-template-columns: 1fr !important;
  }

  .aether-inner [style*="padding:48px 44px"],
  .aether-inner [style*="padding:48px 48px 44px"],
  .aether-inner [style*="padding:44px"],
  .aether-inner [style*="padding:40px"],
  .aether-inner [style*="padding:36px"] {
    padding: 28px 22px !important;
  }

  .aether-inner [style*="display:flex"][style*="justify-content:space-between"] {
    align-items: flex-start !important;
  }

  .aether-inner input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
  .aether-inner select,
  .aether-inner textarea,
  .aether-inner .form-control {
    width: 100% !important;
    min-width: 0 !important;
  }

  .aether-inner .pill,
  .aether-inner button,
  .aether-inner a {
    max-width: 100%;
    overflow-wrap: anywhere;
  }
}