/* Public product entry; no dashboard or owner-control styles. */
#alAquariumsIntro, #alAquariumsIntro * { box-sizing: border-box; }
#alAquariumsIntro.al-aquariumsIntro {
  --al-accent: var(--al-button-primary);
  --al-surface: var(--al-surface-elevated);
  --al-surface-2: var(--al-surface-subtle);
  --al-border: var(--al-surface-border);
  --al-text: var(--al-surface-ink);
  --al-muted: var(--al-surface-ink-muted);
  --al-r1: 14px;
  --al-r2: 18px;
  box-sizing: border-box;
  font-family: var(--al-font-family-body, "Poppins", system-ui, sans-serif);
  max-width: 1100px;
  width: 100%;
  margin: 24px auto 48px;
  padding: 32px;
  background: var(--al-surface);
  border: 1px solid var(--al-border);
  border-radius: var(--al-r2);
  color: var(--al-text);
}
#alAquariumsIntro.al-aquariumsIntro .al-aquariumsIntro__layout {
  display: grid;
  grid-template-columns: minmax(0, 1.85fr) minmax(250px, 1fr);
  grid-template-areas: "intro intro" "preview start";
  gap: 24px 32px;
}
#alAquariumsIntro.al-aquariumsIntro .al-aquariumsIntro__intro { grid-area: intro; max-width: 700px; }
#alAquariumsIntro.al-aquariumsIntro .al-aquariumsIntro__eyebrow { color: var(--al-accent); font-size: 14px; font-weight: 700; margin: 0 0 8px; }
#alAquariumsIntro.al-aquariumsIntro h1 { font-size: clamp(28px, 3vw, 38px); line-height: 1.2; margin: 0 0 12px; }
#alAquariumsIntro.al-aquariumsIntro p { line-height: 1.6; margin: 0; }
#alAquariumsIntro.al-aquariumsIntro .al-aquariumsIntro__intro > p:not(.al-aquariumsIntro__eyebrow) { color: var(--al-muted); max-width: 60ch; }
#alAquariumsIntro.al-aquariumsIntro .al-aquariumsIntro__intro > p + p { margin-top: 12px; }
#alAquariumsIntro.al-aquariumsIntro .al-aquariumsIntro__start { grid-area: start; }
#alAquariumsIntro.al-aquariumsIntro .al-aquariumsIntro__start .al-authpill { width: 100%; min-height: 46px; }
#alAquariumsIntro.al-aquariumsIntro .al-aquariumsIntro__start p { font-size: 13px; margin: 10px 0; color: var(--al-muted); }
#alAquariumsIntro.al-aquariumsIntro .al-aquariumsIntro__start > a:last-child { display: inline-flex; align-items: center; min-height: 44px; font-size: 14px; }
#alAquariumsIntro.al-aquariumsIntro .al-aquariumsIntro__planner { margin-top: 28px; padding-top: 20px; border-top: 1px solid var(--al-border); font-size: 14px; color: var(--al-muted); }
#alAquariumsIntro.al-aquariumsIntro a:not(.al-authpill) { color: var(--al-accent); text-underline-offset: 4px; }
#alAquariumsIntro.al-aquariumsIntro a:not(.al-authpill):hover { text-decoration: underline; }
#alAquariumsIntro.al-aquariumsIntro a:focus-visible { outline: 2px solid var(--al-button-focus); outline-offset: 4px; }

@media (max-width: 899px) {
  #alAquariumsIntro.al-aquariumsIntro { padding: 24px; }
  #alAquariumsIntro.al-aquariumsIntro .al-aquariumsIntro__layout { grid-template-columns: minmax(0, 1fr); grid-template-areas: "intro" "preview" "start"; gap: 24px; }
  #alAquariumsIntro .al-aquariumsIntro__start { max-width: 440px; width: 100%; justify-self: center; text-align: center; }
}
@media (max-width: 699px) {
  #alAquariumsIntro.al-aquariumsIntro { margin: 16px auto 32px; padding: 20px; }
  #alAquariumsIntro.al-aquariumsIntro .al-aquariumsIntro__layout { gap: 20px; }
}