/* Generated by tools/build-public-style-bundles.cjs. Do not hand edit. */
/* Source: al-design-system/assets/css/00-tokens.css */
/**
 * AquariumLesson Design System tokens.
 *
 * vNext is deliberately flat and border-first. This file owns values only:
 * components consume these tokens, but are never styled from here.
 */

:root {
  /* Core freshwater brand. */
  --al-color-deep-moss: #183f2d;
  --al-color-deep-moss-rgb: 24, 63, 45;
  --al-color-moss: #2c6b4a;
  --al-color-moss-rgb: 44, 107, 74;

  /* Water/data support — never the generic primary CTA. */
  --al-color-river-blue: #416a78;
  --al-color-river-blue-rgb: 65, 106, 120;
  --al-color-soft-aqua: #78b9a3;
  --al-color-soft-aqua-rgb: 120, 185, 163;

  /* Rare natural accent. Keep semantically distinct from warning. */
  --al-color-warm-sand: #c69a62;
  --al-color-warm-sand-rgb: 198, 154, 98;

  /*
   * Legacy compatibility only. Do not use these in new core rules.
   * Canopy and Reef Mist still have external consumers; removal is deferred.
   */
  --al-color-organic-highlight: #d7e8a7;
  --al-color-organic-highlight-rgb: 215, 232, 167;
  --al-color-canopy: #3f7f5b;
  --al-color-reef-mist: #e8f4ef;

  /* Text. text-soft meets AA on white and the page surface. */
  --al-color-text-ink: #14231c;
  --al-color-text-muted: #52645b;
  --al-color-text-soft: #65776f;
  --al-color-text-inverse: #ffffff;

  /* Light surfaces remain the dominant material. */
  --al-color-surface-page: #f6faf7;
  --al-color-surface-card: #ffffff;
  --al-color-surface-raised: #fbfdfb;
  --al-color-surface-subtle: #edf5f0;
  --al-color-surface-glass: rgba(255, 255, 255, 0.82);

  /* Structural borders may be quiet; controls need a distinct boundary. */
  --al-color-border-default: rgba(44, 107, 74, 0.18);
  --al-color-border-strong: rgba(24, 63, 45, 0.34);
  --al-color-border-soft: rgba(44, 107, 74, 0.10);
  --al-color-border-control: #7e9389;
  --al-color-border-focus: var(--al-color-river-blue);

  /* Semantic state fills and accessible text roles. */
  --al-color-success: #2f7d55;
  --al-color-success-soft: #e2f3e8;
  --al-color-success-text: #286b4b;
  --al-color-warning: #b57922;
  --al-color-warning-soft: #fff2d8;
  --al-color-warning-text: #7a5116;
  --al-color-danger: #b84a4a;
  --al-color-danger-soft: #fbe7e7;
  --al-color-danger-text: #963939;
  --al-color-info: #39758a;
  --al-color-info-soft: #e0f1f5;
  --al-color-info-text: var(--al-color-river-blue);

  /* Canonical geometry. */
  --al-radius-control: 6px;
  --al-radius-card: 10px;
  --al-radius-panel: 12px;
  --al-radius-modal: 14px;
  --al-radius-pill: 999px;
  --al-radius-full: var(--al-radius-pill); /* Deprecated compatibility alias. */

  /* Flat by default; subtle is reserved for a real floating layer. */
  --al-shadow-none: none;
  --al-shadow-subtle: 0 4px 12px rgba(0, 0, 0, 0.05);
  --al-shadow-raised: var(--al-shadow-subtle); /* Deprecated compatibility alias. */
  --al-shadow-overlay: var(--al-shadow-subtle); /* Deprecated compatibility alias. */
  --al-shadow-focus-ring: 0 0 0 3px rgba(var(--al-color-river-blue-rgb), 0.28);

  /* Inherited context contract. Light contexts are the safe default. */
  --al-color-focus-light: var(--al-color-river-blue);
  --al-color-focus-dark: var(--al-color-soft-aqua);
  --al-context-text: var(--al-color-text-ink);
  --al-context-muted: var(--al-color-text-muted);
  --al-context-soft: var(--al-color-text-soft);
  --al-context-accent: var(--al-color-moss);
  --al-context-focus: var(--al-color-focus-light);
  --al-context-outline-border: var(--al-color-border-strong);
  --al-context-outline-bg: transparent;

  /* One shared spacing scale. */
  --al-space-4: 4px;
  --al-space-8: 8px;
  --al-space-12: 12px;
  --al-space-16: 16px;
  --al-space-20: 20px;
  --al-space-24: 24px;
  --al-space-32: 32px;
  --al-space-40: 40px;
  --al-space-48: 48px;
  --al-space-64: 64px;

  --al-control-height-small: 36px;
  --al-control-height-default: 44px;
  --al-control-height-large: 52px;
  --al-control-icon-small: 16px;
  --al-control-icon-default: 20px;
  --al-control-icon-large: 24px;

  --al-font-family-sans: "Poppins", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --al-font-family-body: var(--al-font-family-sans);
  --al-font-family-heading: var(--al-font-family-sans);
  --al-font-size-xs: 0.75rem;
  --al-font-size-sm: 0.875rem;
  --al-font-size-md: 1rem;
  --al-font-size-lg: 1.125rem;
  --al-font-size-xl: 1.375rem;
  --al-font-size-2xl: 1.75rem;
  --al-font-size-3xl: 2.25rem;
  --al-line-height-tight: 1.18;
  --al-line-height-heading: 1.28;
  --al-line-height-body: 1.6;
  --al-font-weight-regular: 400;
  --al-font-weight-medium: 500;
  --al-font-weight-semibold: 600;
  --al-font-weight-bold: 700;

  --al-motion-fast: 140ms;
  --al-motion-normal: 220ms;
  --al-motion-slow: 360ms;
  --al-ease-standard: cubic-bezier(0.2, 0.8, 0.2, 1);
  --al-ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --al-ease-in: cubic-bezier(0.7, 0, 0.84, 0);

  --al-z-base: 1;
  --al-z-sticky: 100;
  --al-z-header: 1000;
  --al-z-drawer: 3000;
  --al-z-modal: 5000;
  --al-z-toast: 7000;
  --al-z-consent: 9000;

  --al-safe-area-bottom: env(safe-area-inset-bottom, 0px);
  --al-safe-area-top: env(safe-area-inset-top, 0px);
  --al-header-offset: 80px;
  --al-page-shell-max-width: 1180px;
  --al-section-spacing-small: 48px;
  --al-section-spacing-default: 72px;
  --al-section-spacing-large: 96px;
}


/* Source: al-design-system/assets/css/30-surfaces.css */
/** Surface contract: border-first, flat by default. */

.al-surface-base,
.al-surface-subtle,
.al-surface-raised,
.al-surface-floating,
.al-surface-inset,
.al-surface-glass,
.al-card {
  --al-context-text: var(--al-color-text-ink);
  --al-context-muted: var(--al-color-text-muted);
  --al-context-soft: var(--al-color-text-soft);
  --al-context-accent: var(--al-color-moss);
  --al-context-focus: var(--al-color-focus-light);
  --al-context-outline-border: var(--al-color-border-strong);
  --al-context-outline-bg: transparent;
}

.al-surface-base { background: var(--al-color-surface-page); color: var(--al-context-text); }
.al-surface-subtle { background: var(--al-color-surface-subtle); color: var(--al-context-text); border: 1px solid var(--al-color-border-soft); }
.al-surface-raised { background: var(--al-color-surface-card); color: var(--al-context-text); border: 1px solid var(--al-color-border-default); box-shadow: none; }
.al-surface-floating { background: var(--al-color-surface-raised); color: var(--al-context-text); border: 1px solid var(--al-color-border-default); box-shadow: var(--al-shadow-subtle); }
.al-surface-inset { background: rgba(var(--al-color-moss-rgb), .035); color: var(--al-context-text); border: 1px solid var(--al-color-border-soft); box-shadow: none; }

.al-surface-hero {
  --al-context-text: var(--al-color-text-inverse);
  --al-context-muted: rgba(255, 255, 255, .82);
  --al-context-soft: rgba(255, 255, 255, .74);
  --al-context-accent: var(--al-color-soft-aqua);
  --al-context-focus: var(--al-color-focus-dark);
  --al-context-outline-border: rgba(var(--al-color-soft-aqua-rgb), .42);
  --al-context-outline-bg: rgba(255, 255, 255, .025);
  background: radial-gradient(90% 100% at 100% 0%, rgba(var(--al-color-river-blue-rgb), .22), transparent 58%), linear-gradient(145deg, #102f22, var(--al-color-deep-moss));
  color: var(--al-context-text);
  border: 1px solid rgba(var(--al-color-soft-aqua-rgb), .28);
  box-shadow: none;
}

.al-surface-glass { background: var(--al-color-surface-glass); color: var(--al-context-text); border: 1px solid rgba(255, 255, 255, .42); box-shadow: none; backdrop-filter: blur(14px) saturate(120%); -webkit-backdrop-filter: blur(14px) saturate(120%); }

/* Compatibility utilities retain their names without recreating an elevation ladder. */
.al-elevation-0, .al-elevation-1, .al-elevation-2, .al-elevation-3 { box-shadow: none; }
.al-elevation-overlay { box-shadow: var(--al-shadow-subtle); }
.al-surface-border-soft { border: 1px solid var(--al-color-border-soft); }
.al-surface-border-default { border: 1px solid var(--al-color-border-default); }
.al-surface-border-strong { border: 1px solid var(--al-color-border-strong); }
.al-surface-border-inverse { border: 1px solid rgba(var(--al-color-soft-aqua-rgb), .36); }

.al-glass-soft, .al-glass-default, .al-glass-strong { border: 1px solid rgba(255, 255, 255, .42); box-shadow: none; backdrop-filter: blur(14px) saturate(120%); -webkit-backdrop-filter: blur(14px) saturate(120%); }
.al-glass-soft { background: rgba(255, 255, 255, .72); }
.al-glass-default { background: rgba(255, 255, 255, .82); }
.al-glass-strong { background: rgba(255, 255, 255, .90); }
.al-glass-inverse { background: rgba(var(--al-color-deep-moss-rgb), .58); border: 1px solid rgba(var(--al-color-soft-aqua-rgb), .28); color: var(--al-color-text-inverse); backdrop-filter: blur(16px) saturate(120%); -webkit-backdrop-filter: blur(16px) saturate(120%); }

.al-overlay-tint { background: rgba(var(--al-color-deep-moss-rgb), .46); }
.al-overlay-soft { background: radial-gradient(90% 70% at 50% 0%, rgba(var(--al-color-river-blue-rgb), .16), transparent 62%), rgba(var(--al-color-deep-moss-rgb), .38); }
.al-overlay-strong { background: rgba(13, 31, 23, .68); }

.al-shell-page { inline-size: min(100% - var(--al-space-32), var(--al-page-shell-max-width)); margin-inline: auto; }
.al-shell-wide { inline-size: min(100% - var(--al-space-32), 1380px); margin-inline: auto; }
.al-shell-narrow { inline-size: min(100% - var(--al-space-32), 860px); margin-inline: auto; }
.al-shell-section { padding-block: var(--al-section-spacing-default); }
.al-shell-section-compact { padding-block: var(--al-section-spacing-small); }
.al-shell-section-spacious { padding-block: var(--al-section-spacing-large); }

@media (max-width: 640px) {
  .al-shell-page, .al-shell-wide, .al-shell-narrow { inline-size: min(100% - var(--al-space-24), var(--al-page-shell-max-width)); }
  .al-shell-section { padding-block: var(--al-space-48); }
  .al-shell-section-compact { padding-block: var(--al-space-32); }
  .al-shell-section-spacious { padding-block: var(--al-space-64); }
}


/* Source: al-members/assets/css/pro-product.css */
/* Product presentation composes AL brand tokens without changing the shared system. */
/* Closing-card context only; canonical inverse buttons elsewhere stay outlined. */
.al-proFinal .al-btn.al-btn--inverse {
  --al-btn-bg: var(--al-button-surface);
  --al-btn-bg-hover: var(--al-button-subtle);
  --al-btn-bg-active: var(--al-button-subtle);
  --al-btn-color: var(--al-button-primary-hover);
  --al-btn-border: var(--al-button-surface);
  --al-btn-border-hover: var(--al-button-subtle);
}
.al-proPage,.al-proUpsell{font-family:var(--al-font-family-sans);color:var(--al-color-text-ink);line-height:1.6}
.al-proPage *,.al-proUpsell *{box-sizing:border-box}
.al-proPage [hidden],.al-proUpsell [hidden]{display:none!important}
.al-proPage__content{max-width:var(--al-page-shell-max-width,1180px);margin:auto;padding:20px clamp(12px,2.5vw,32px) calc(64px + env(safe-area-inset-bottom))}
.al-proPage :is(h1,h2,h3),.al-proUpsell h3{color:inherit;line-height:1.18;letter-spacing:-.035em;margin:0 0 16px;font-weight:600}
.al-proPage h1{font-size:clamp(38px,5vw,64px)}.al-proPage h2{font-size:clamp(28px,3vw,38px)}.al-proPage h3{font-size:20px}
.al-proPage p{margin:0 0 16px}.al-proPage a:not([data-pro-upgrade]){color:inherit}.al-proPage small{font-size:12px;line-height:1.6}
.al-proPage [id]{scroll-margin-top:calc(var(--al-header-offset,80px) + 24px)}
.al-proPage__breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:12px;font-size:12px;margin-bottom:8px;min-height:44px;color:var(--al-color-text-muted)}
.al-proPage__breadcrumb a{padding-block:12px}.al-proPage__membershipLink{margin-left:auto}
.al-proEyebrow{display:block;font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;line-height:1.5;margin-bottom:16px}
.al-proHero{position:relative;isolation:isolate;overflow:hidden;border-radius:var(--al-radius-panel);display:grid;align-items:center}
.al-proHero__image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.al-proHero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,33,23,.98),rgba(10,33,23,.88) 36%,rgba(10,33,23,.12) 82%),linear-gradient(0deg,rgba(10,33,23,.6),transparent 40%);z-index:-1}
.al-proHero__copy{padding:clamp(24px,3vw,40px);max-width:640px;min-width:0;overflow-wrap:anywhere}.al-proHero h1 em{font-style:normal;color:#b9dbcc}.al-proHero__copy>p{max-width:48ch;color:var(--al-context-muted);font-size:15px}
.al-proActions{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-block:24px 16px}.al-proActions>a:not(.al-proButton):not(.al-btn){font-size:13px;text-underline-offset:4px}
.al-proButton{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:48px;padding:12px 22px;
  border: 1px solid var(--al-btn-stroke);
  border-radius: var(--al-button-radius);
  background: var(--al-btn-surface);
  color: var(--al-btn-foreground);font:600 14px/1.4 var(--al-font-family-sans);text-decoration:none;cursor:pointer;
  box-shadow: none;}
.al-proButton:disabled{opacity:.55;cursor:wait}.al-proButton--light{
  background: var(--al-btn-surface);
  color: var(--al-btn-foreground);}.al-proButton--outline{
  background: var(--al-btn-surface);
  color: var(--al-btn-foreground);
  border-color: var(--al-btn-stroke);}
.al-proPricing{padding-block:28px 32px}.al-proSection__head{margin-bottom:20px}.al-proSection__head>p{font-size:14px;color:var(--al-color-text-muted)}
.al-proPage #alAccountPro{margin:0;min-width:0;padding:24px;border:1px solid var(--al-color-border-default);border-radius:var(--al-radius-panel);background:white;box-shadow:none}
.al-proPage #alAccountPro[data-membership="free"]{padding:0;border:0;background:transparent}
.al-proPage #alAccountPro[data-membership="free"]>.al-card-head{display:none}
.al-proPage #alAccountPro :is(.al-card-head,.al-card-body){padding:0;border:0}
.al-proPlanGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:start}
.al-proPlan{display:flex;flex-direction:column;min-width:0;padding:24px;border:1px solid var(--al-color-border-default);border-radius:var(--al-radius-panel);background:white;align-self:stretch}
.al-proPlan--free{grid-column:1;grid-row:1/3;align-self:start}.al-proPlan--monthly{grid-column:2}.al-proPlan--annual{grid-column:3}
.al-proPlan--annual{background:var(--al-color-deep-moss);border-color:var(--al-color-moss)}
.al-proPlan>p:not(.al-proPlan__price){font-size:14px;color:var(--al-color-text-muted)}.al-proPlan--annual>p:not(.al-proPlan__price){color:var(--al-context-muted)}
.al-proPlan__saving{align-self:flex-start;justify-self:start;font-size:12px;font-weight:600;line-height:1.5;padding:3px 10px;margin-bottom:12px;border:1px solid var(--al-context-outline-border);border-radius:var(--al-radius-pill)}
.al-proPlan--monthly{padding-top:64px}.al-proPlan>small{margin-bottom:16px}
.al-proPlan__price{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px;min-width:0;margin-block:8px 16px!important}.al-proPlan__price strong{max-width:100%;overflow-wrap:anywhere;font-size:clamp(34px,3.5vw,44px);font-weight:600;letter-spacing:-.055em;line-height:1.15}.al-proPlan__price span{font-size:12px}
.al-proPlan__features{list-style:none;padding:0;margin:4px 0 24px;display:grid;gap:8px;font-size:14px;line-height:1.5}.al-proPlan__features li{position:relative;padding-left:20px}.al-proPlan__features li:before{content:"✓";position:absolute;left:0;color:var(--al-color-moss);font-weight:600}.al-proPlan--annual li:before{color:var(--al-color-soft-aqua)}
.al-proPlan>.al-proButton{margin-top:auto;width:100%;padding-inline:12px}.al-proPlanNote{grid-column:2/4;font-size:13px;color:var(--al-color-text-muted);margin:0!important}
.al-proInclusions{grid-column:2/4;display:grid;grid-template-columns:1fr 1fr;gap:24px;padding:20px;border-radius:var(--al-radius-panel)}
.al-proInclusions p,.al-proAllowances small{font-size:13px;line-height:1.5}.al-proInclusions .al-proPlan__features{margin-bottom:0!important;gap:4px}.al-proAllowances{display:flex;flex-direction:column;gap:8px}.al-proAllowances>strong{font-size:15px;line-height:1.4}.al-proAllowances p{margin:0!important;color:var(--al-color-text-muted)}
.al-proAllowanceNotice{padding:8px;border-left:3px solid var(--al-color-warning);background:var(--al-color-warning-soft);color:var(--al-color-warning-text)!important}
.al-proBento{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px}
.al-proTilePreview{grid-column:span 2;min-width:0;border-radius:var(--al-radius-panel);overflow:hidden}.al-proTilePreview--ask,.al-proTilePreview--health{grid-column:span 3}
.al-proTilePreview__head{display:flex;gap:14px;padding:20px 20px 0}.al-proToolIcon{display:flex;flex:none;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid var(--al-color-border-strong);border-radius:10px;font-size:24px;line-height:1;color:var(--al-color-moss)}.al-proTilePreview--health .al-proToolIcon{border-color:var(--al-context-outline-border);color:var(--al-color-soft-aqua)}
.al-proProductName{display:block;color:var(--al-context-accent);font-size:13px;line-height:1.5;font-weight:600;margin-bottom:6px}
.al-proTilePreview p{font-size:13px;line-height:1.6;color:var(--al-color-text-muted)}.al-proTilePreview--health p{color:var(--al-context-muted)}
.al-proTilePreview__body{padding:20px}.al-proTilePreview__body h3{margin-bottom:8px}.al-proTilePreview--history{padding:20px}
.al-proTilePreview--history>.al-proToolIcon{margin-bottom:18px}
.al-proChat{margin:0 20px 20px;padding:14px;border:1px solid var(--al-color-border-default);background:white;border-radius:var(--al-radius-card)}
.al-proDemo__label{display:block;font-size:12px;line-height:1.5;color:var(--al-color-text-muted);margin-bottom:8px}
.al-proChat .al-proChat__question{background:var(--al-color-surface-subtle);padding:10px 14px;border-radius:12px 12px 2px 12px;margin-left:20px!important;font-size:13px;color:var(--al-color-text-ink)}
.al-proChat__answer{padding-top:0}.al-proChat__answer p{margin-top:8px!important;font-size:14px}
.al-proEvidence{display:block;font-size:12px;color:var(--al-color-text-muted)}
.al-proScan{position:relative;margin:0 20px 20px;aspect-ratio:2.4;border-radius:var(--al-radius-card);overflow:hidden;background:var(--al-color-deep-moss)}
.al-proScan>img{width:100%;height:100%;object-fit:cover}.al-proScan:after{content:"";position:absolute;inset:55% 0 0;background:linear-gradient(transparent,rgba(10,33,23,.9));pointer-events:none}
.al-proScan__line{position:absolute;inset:42% 8% auto;height:1px;background:var(--al-color-soft-aqua);pointer-events:none}
.al-proScan figcaption{position:absolute;bottom:35px;left:16px;right:16px;font-size:12px;z-index:1}.al-proScan__tag{position:absolute;bottom:14px;left:16px;font-size:10px;z-index:1;color:#dfebe5}
.al-proLibraryPreview{position:relative;height:128px;overflow:hidden;background:var(--al-color-surface-subtle)}.al-proLibraryPreview>img{width:100%;height:100%;object-fit:cover;object-position:center}.al-proLibraryPreview>span{position:absolute;bottom:8px;left:8px;right:8px;width:fit-content;background:rgba(10,33,23,.92);color:white;padding:4px 8px;border-radius:4px;font-size:12px;line-height:1.4}
.al-proFinding{padding:10px;border:1px solid var(--al-color-border-default);border-radius:var(--al-radius-control);margin:12px 0 0}.al-proFinding>*{display:block}.al-proFinding strong{font-size:14px;margin:0 0 4px;line-height:1.4}.al-proFinding span{font-size:13px;line-height:1.5;color:var(--al-color-text-muted)}
.al-proTextLink{font-size:12px;line-height:1.5;text-underline-offset:4px;display:inline-flex;align-items:center;padding-block:8px;min-height:44px}
.al-proHistoryPreview{margin:16px 0;display:grid;grid-template-columns:1fr 1fr;gap:10px 20px}.al-proHistoryPreview>.al-proDemo__label,.al-proHistoryPreview>strong{grid-column:1/-1;margin:0}.al-proHistoryPreview>strong{font-size:14px}.al-proPeriod>span{display:block;font-size:12px;color:var(--al-color-text-muted)}.al-proPeriod>strong{font-size:14px}
.al-proRhythm{position:relative;margin-top:10px;height:12px}.al-proRhythm:before{content:"";position:absolute;inset:50% 0 auto;border-top:1px solid var(--al-color-border-strong)}.al-proRhythm i{position:absolute;top:3px;width:7px;height:7px;border-radius:50%;background:var(--al-color-moss)}.al-proRhythm i:nth-child(1){left:0}.al-proRhythm i:nth-child(2){left:32%}.al-proRhythm i:nth-child(3){left:64%}.al-proRhythm i:nth-child(4){left:96%}.al-proRhythm--variable i:nth-child(2){left:12%}.al-proRhythm--variable i:nth-child(3){left:72%}
.al-proContext{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 24px;margin-block:24px;border-radius:var(--al-radius-panel)}.al-proContext p{font-size:15px;margin:0!important}.al-proContext strong{font-size:18px}.al-proContext small{display:block;margin-top:4px;max-width:36ch}
.al-proFaq{max-width:780px;margin:0 auto 24px}.al-proFaq details{border-bottom:1px solid var(--al-color-border-default)}.al-proFaq summary{cursor:pointer;min-height:48px;padding:12px 20px 12px 0;font-size:14px;font-weight:500}.al-proFaq details p{font-size:14px;color:var(--al-color-text-muted);padding-bottom:12px}
.al-proFinal{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px;border-radius:var(--al-surface-radius-panel);background:var(--al-surface-premium-gradient);border-color:var(--al-surface-premium);box-shadow:var(--al-surface-shadow-none)}.al-proFinal p{font-size:14px;color:var(--al-context-muted);margin-bottom:8px!important}.al-proFinal>:is(.al-proButton,[data-pro-upgrade]){flex:none}
.al-proWelcome{padding:32px;border-radius:var(--al-radius-panel)}.al-proWelcome p{color:var(--al-context-muted)}
.al-proBilling__badge{display:inline-block;padding:4px 10px;border-radius:var(--al-radius-pill);background:var(--al-color-surface-subtle);font-size:12px}
.al-proBilling__current{display:grid;gap:16px}.al-proBilling__meters{display:grid;grid-template-columns:1fr 1fr;gap:16px}.al-proBilling__meters small{display:block}.al-proBilling__meters progress{display:block;width:100%;accent-color:var(--al-color-moss)}
.al-proUpsell{padding:24px;border-radius:var(--al-radius-panel);margin-block:12px}.al-proUpsell p{font-size:14px}.al-proUpsell__workflow{display:flex;flex-wrap:wrap;gap:10px;padding-block:16px;margin-block:16px;border-block:1px solid var(--al-color-border-default);font-size:12px}.al-proUpsell .al-proActions{align-items:stretch}
/* Operational hub: conversational lead, visual tools, then the longer view. */
#alProLauncher{width:min(680px,calc(100% - 24px));border-radius:var(--al-radius-modal)}
#alProLauncher .al-proLauncher__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
#alProLauncher .al-proTile[data-pro-open="ask"]{grid-column:1/-1;min-height:130px;background:linear-gradient(130deg,var(--al-color-deep-moss),#254f40);color:white;display:grid;grid-template-columns:32px 1fr;gap:12px}
#alProLauncher .al-proTile[data-pro-open="ask"] .al-proTile__copy>span,#alProLauncher .al-proTile[data-pro-open="ask"] .al-proTile__state,#alProLauncher .al-proTile[data-pro-open="ask"] .al-proTile__icon{color:#d9e9e1}
#alProLauncher .al-proTile[data-pro-open="ask"] .al-proTile__state{grid-column:2}
#alProLauncher .al-proTile[data-pro-open="health_scan"]{grid-column:1/-1;display:grid;grid-template-columns:32px 1fr}.al-proTile[data-pro-open="health_scan"] .al-proTile__state{grid-column:2}
#alProLauncher .al-proTile--history{background:var(--al-color-surface-subtle);margin-top:12px;border-top:2px solid var(--al-color-border-strong)}
#alProLauncher .al-proTile__copy strong{font-size:16px}.al-proLauncher__usage{font-size:12px;color:var(--al-color-text-muted);margin-bottom:16px}
/* Dedicated photo workspace. The actual selected image stays the focus. */
.al-askDrawer[data-intelligence-tool]:not([data-intelligence-tool="ask"]) .al-askDrawer__panel{width:min(700px,100%)}
.al-proPhotoSource{display:flex;flex-wrap:wrap;gap:10px;padding:12px 0}.al-proPhotoSource button{min-height:44px}
.al-proResultPreview{margin-top:24px;padding-top:20px;border-top:1px solid var(--al-color-border-default)}
.al-proResultPreview p{font-size:13px;color:var(--al-color-text-muted)}.al-proResultPreview small{color:var(--al-color-text-muted)}
.al-proResultPreview__next{display:block;font-size:12px;margin-top:16px;color:var(--al-color-deep-moss)}
.al-proPreviewSelection{display:block;padding:8px 10px;background:var(--al-color-surface-subtle);border-radius:var(--al-radius-control);font-size:11px;margin-bottom:16px}
.al-proUpsell__photo{margin:20px 0}.al-proUpsell__photo img{display:block;width:100%;height:auto;border-radius:var(--al-radius-card)}.al-proUpsell__photo figcaption{font-size:11px;line-height:1.6;margin-top:8px;color:var(--al-color-text-muted)}
.al-proPhotoDemo:after{content:"";position:absolute;inset:42% 8% auto;height:2px;background:rgba(204,238,222,.9);box-shadow:0 0 14px rgba(112,190,157,.35);pointer-events:none}
.al-askDrawer[data-intelligence-tool]:not([data-intelligence-tool="ask"]) .al-askDrawer__head{order:0}
.al-askDrawer[data-intelligence-tool]:not([data-intelligence-tool="ask"]) .al-askDrawer__photoPreview{order:1}
.al-askDrawer[data-intelligence-tool]:not([data-intelligence-tool="ask"]) .al-askDrawer__photoControls{flex:none;width:100%;align-content:start;align-self:stretch}
.al-askDrawer[data-intelligence-tool]:not([data-intelligence-tool="ask"]) .al-askDrawer__photoControls select{height:44px;min-height:44px;width:100%}
.al-askDrawer[data-intelligence-tool]:not([data-intelligence-tool="ask"]) .al-askDrawer__photoControls button{min-height:44px}
.al-askDrawer[data-intelligence-tool]:not([data-intelligence-tool="ask"]) .al-askDrawer__body{order:2}
.al-askDrawer[data-intelligence-tool]:not([data-intelligence-tool="ask"]) .al-askDrawer__composer{order:3}
.al-askDrawer:has([data-scan-preview]:not([hidden])) .al-proPhotoSource,.al-askDrawer:has([data-scan-preview]:not([hidden])) .al-askDrawer__welcome{display:none}
.al-askDrawer[data-intelligence-tool]:not([data-intelligence-tool="ask"]) .al-askDrawer__photoPreview{position:relative;display:flex;flex-direction:column;flex:0 1 auto;min-height:0;max-height:52dvh;overflow:auto;padding:12px 20px;background:var(--al-color-surface-subtle)}
.al-askDrawer[data-intelligence-tool]:not([data-intelligence-tool="ask"]) [data-scan-preview-image]{width:100%;height:auto;max-height:36dvh;object-fit:contain;border-radius:var(--al-radius-card)}
.al-askDrawer.is-analyzing [data-scan-preview]:before{content:"";position:absolute;left:20px;right:20px;top:15%;height:2px;background:#b4ddcd;box-shadow:0 0 20px rgba(120,185,163,.45);animation:al-pro-inspect 2.8s ease-in-out infinite;z-index:1;pointer-events:none}
.al-askDrawer.is-analyzing [data-scan-preview]:after{content:"Inspecting visible details…";position:absolute;bottom:72px;left:28px;right:28px;background:rgba(15,38,27,.9);color:white;padding:8px 12px;border-radius:6px;font-size:12px;pointer-events:none}
@keyframes al-pro-inspect{0%,100%{top:15%;opacity:.4}50%{top:65%;opacity:1}}

/* Narrow adapters for legacy member element resets. No changes to other account pages. */
body.account-area #alMemberArea.al-member-main.al-proPage{font-family:var(--al-font-family-sans)!important;color:var(--al-color-text-ink)!important;background:var(--al-color-surface-page);line-height:1.6!important}
body.account-area #alMemberArea.al-member-main.al-proPage>.al-proPage__content{width:100%;max-width:var(--al-page-shell-max-width,1180px)!important;margin-inline:auto!important}
body.account-area #alMemberArea.al-member-main.al-proPage:not(.al-tanks) :is(h1,h2,h3){color:inherit!important;font-weight:600!important;letter-spacing:-.035em!important;line-height:1.18!important;margin:0 0 16px!important}
body.account-area #alMemberArea.al-member-main.al-proPage h1{font-size:clamp(38px,5vw,64px)!important}
body.account-area #alMemberArea.al-member-main.al-proPage:not(.al-tanks) h2{font-size:clamp(28px,3vw,38px)!important}
body.account-area #alMemberArea.al-member-main.al-proPage:not(.al-tanks) h3{font-size:20px!important}
body.account-area #alMemberArea.al-member-main.al-proPage .al-proFinal h2{font-size:24px!important}
body.account-area #alMemberArea.al-member-main.al-proPage .al-proInclusions h3{font-size:18px!important;margin-bottom:8px!important}
body.account-area #alMemberArea.al-member-main.al-proPage .al-proTilePreview h3{margin-bottom:8px!important}
body.account-area #alMemberArea.al-member-main.al-proPage p{margin:0 0 16px}
body.account-area #alMemberArea.al-member-main.al-proPage a:not([data-pro-upgrade]){color:inherit!important;opacity:1!important}
body.account-area #alMemberArea.al-member-main.al-proPage .al-proButton{min-height:48px!important;padding:12px 18px!important;
  border: 1px solid var(--al-btn-stroke);
  border-radius: var(--al-button-radius);
  background: var(--al-btn-surface);
  color: var(--al-btn-foreground);font:600 13px/1.4 var(--al-font-family-sans)!important;text-decoration:none!important;
  box-shadow: none;
  transform: none;white-space:normal!important}
body.account-area #alMemberArea.al-member-main.al-proPage .al-proButton--light{
  background: var(--al-btn-surface);
  color: var(--al-btn-foreground);}
body.account-area #alMemberArea.al-member-main.al-proPage .al-proButton--outline{
  background: var(--al-btn-surface);
  color: var(--al-btn-foreground);
  border-color: var(--al-btn-stroke);}
body.account-area #alMemberArea.al-member-main.al-proPage #alAccountPro{box-shadow:none!important}
body.account-area #alMemberArea.al-member-main.al-proPage #alAccountPro[data-membership="free"]{padding:0!important;border:0!important;background:transparent!important}
body.account-area #alMemberArea.al-member-main.al-proPage #alAccountPro :is(.al-card-head,.al-card-body){padding:0!important;border:0!important}
body.account-area #alMemberArea.al-member-main.al-proPage small{color:var(--al-context-muted,var(--al-color-text-muted))!important}
body.account-area #alMemberArea.al-member-main.al-proPage :focus-visible,.al-proUpsell :focus-visible{outline:3px solid var(--al-context-focus,var(--al-color-focus-light))!important;outline-offset:4px!important}
@media(hover:hover) and (pointer:fine){.al-proPlan:hover{border-color:var(--al-color-moss)}}
@media(max-width:1023px){.al-proBento{grid-template-columns:repeat(2,minmax(0,1fr))}.al-proTilePreview,.al-proTilePreview--ask,.al-proTilePreview--health{grid-column:span 1}.al-proTilePreview--history{grid-column:1/-1}.al-proPlan{padding:18px}.al-proPlan--monthly{padding-top:58px}.al-proInclusions{grid-template-columns:1fr;gap:16px}}
@media(max-width:767px){
 .al-proHero:after{background:linear-gradient(90deg,rgba(10,33,23,.94),rgba(10,33,23,.5)),linear-gradient(0deg,rgba(10,33,23,.6),transparent)}.al-proHero__copy{padding:24px 20px}.al-proHero .al-proEyebrow{margin-bottom:12px}.al-proActions{margin-block:16px 8px;gap:20px}.al-proActions>a:not(.al-proButton):not(.al-btn){display:inline-flex;align-items:center;min-height:44px}
 .al-proPricing{padding-block:24px}.al-proPlanGrid{grid-template-columns:1fr;gap:12px}.al-proPlanGrid>*{grid-column:1;grid-row:auto}.al-proInclusions{order:0;padding:16px;gap:12px}.al-proPlan--monthly{order:1}.al-proPlan--annual{order:2}.al-proPlanNote{order:3}.al-proPlan--free{order:4}
 .al-proPlan{padding:16px;display:grid;grid-template-columns:1fr auto;column-gap:12px;align-items:start}.al-proPlan h3{align-self:center}.al-proPlan__price{margin:0 0 12px!important;gap:4px;justify-content:flex-end}.al-proPlan__price strong{font-size:34px}.al-proPlan>p:not(.al-proPlan__price),.al-proPlan>small,.al-proPlan>.al-proButton{grid-column:1/-1}.al-proPlan>p:not(.al-proPlan__price){margin-bottom:12px}.al-proPlan__saving{grid-column:1/-1;margin-bottom:8px}.al-proPlan--free .al-proPlan__price strong{font-size:24px}.al-proPlan--free .al-proPlan__summary{font-size:13px}.al-proPlan--free>.al-proButton{width:auto;justify-self:start}
 .al-proPlan__features{grid-template-columns:repeat(auto-fit,minmax(min(100%,24ch),1fr));column-gap:16px;font-size:14px}.al-proAllowances{gap:6px}.al-proAllowances>strong{font-size:14px}.al-proPlanNote{text-align:left}
 .al-proBento{grid-template-columns:1fr;gap:12px}.al-proTilePreview{grid-column:1}.al-proTilePreview__head{padding:16px 16px 0}.al-proTilePreview__body,.al-proTilePreview--history{padding:16px}.al-proChat{margin:0 16px 16px;padding:12px}.al-proScan{margin:0 16px 16px;aspect-ratio:2.5}.al-proLibraryPreview{height:110px}.al-proFinding{margin-top:8px}.al-proTilePreview p{margin-bottom:12px!important}
 .al-proContext{flex-direction:column;align-items:flex-start;gap:8px;padding:16px}.al-proContext small{max-width:none}.al-proFinal{padding:20px;align-items:flex-start;flex-direction:column;gap:12px}.al-proFinal>:is(.al-proButton,[data-pro-upgrade]){width:100%}.al-proPage__breadcrumb{font-size:12px;gap:8px}.al-proUpsell{padding:18px}
}
@media(max-width:359px){.al-proHero__copy{padding-inline:16px}.al-proPlan__features{grid-template-columns:1fr}.al-proPlan{grid-template-columns:minmax(0,1fr)}.al-proPlan__price{justify-content:flex-start}.al-proBilling__meters{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.al-askDrawer.is-analyzing [data-scan-preview]:before{animation:none}.al-proPage *{scroll-behavior:auto!important;transition:none!important}}
body.account-area #alMemberArea.al-member-main.al-proPage [hidden],
body.account-area #alMemberArea.al-member-main.al-proPage #alAccountPro[data-membership="free"]>.al-card-head{display:none!important}
body.account-area #alMemberArea.al-member-main.al-proPage .al-proHero__image,
body.account-area #alMemberArea.al-member-main.al-proPage .al-proScan>img{width:100%;height:100%;object-fit:cover}
body.account-area #alMemberArea.al-member-main.al-proPage .al-proPlan__features{padding:0!important;list-style:none!important;margin:4px 0 0!important}
body.account-area #alMemberArea.al-member-main.al-proPage .al-proPlan__features li{margin:0!important}
.al-proDiscovery{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px 24px;margin:24px auto;max-width:1180px;border:1px solid var(--al-color-border-default,#ccdcd2);border-radius:var(--al-radius-panel,12px);background:var(--al-color-surface-subtle,#edf5f0);color:var(--al-color-text-ink,#14231c);font-family:var(--al-font-family-sans,Poppins,sans-serif)}
.al-proDiscovery>div{min-width:0}.al-proDiscovery h2{font-size:18px;line-height:1.3;margin:0 0 6px;color:inherit}.al-proDiscovery p{font-size:13px;line-height:1.6;margin:0;color:var(--al-color-text-muted,#52645b)}.al-proDiscovery .al-proEyebrow{margin-bottom:6px;font-size:10px}
.al-proDiscovery .al-proButton{flex:none;
  color: var(--al-btn-foreground);}.al-proDiscovery :focus-visible{outline:3px solid var(--al-color-focus-light,#416a78);outline-offset:4px}
@media(max-width:767px){.al-proDiscovery{margin:16px 12px;padding:20px;flex-direction:column;align-items:stretch;gap:14px}.al-proDiscovery .al-proButton{width:100%}}
.al-proScan>img{transform:scale(1.4);transform-origin:right center}
.al-proTilePreview__body>p,.al-proTilePreview__head p{font-size:14px}
/* This sales page has no floating purchase/scroll controls obscuring its cards. */
body:has(.al-proPage [data-pro-sales]:not([hidden])) :is(#ast-scroll-top,.ast-scroll-top){display:none!important}


/* Source: al-members/assets/css/pro-upgrade.css */
/* Global PRO offer: one product, two intervals, one existing checkout boundary.
 * Premium CTA paint/state is owned by product-buttons.css. */
.al-proUpgrade { box-sizing:border-box; width:min(620px,calc(100% - 40px)); max-width:none; max-height:calc(100dvh - 48px); padding:0; border:1px solid var(--al-overlay-border); border-radius:var(--al-overlay-dialog-radius); background:var(--al-overlay-surface); color:var(--al-overlay-ink); font:400 15px/1.5 var(--al-font-family-sans,system-ui); box-shadow:var(--al-overlay-shadow); overflow:hidden; overscroll-behavior:contain; }
.al-proUpgrade[open] { display:flex; flex-direction:column; }
.al-proUpgrade::backdrop { background:var(--al-overlay-backdrop); }
.al-proUpgrade *, .al-proUpgrade *::before { box-sizing:border-box; }
.al-proUpgrade [hidden] { display:none; }
.al-proUpgrade__head { display:flex; flex:none; align-items:flex-start; justify-content:space-between; gap:12px; padding:24px 28px; background:var(--al-surface-premium-gradient); color:#fff; }
.al-proUpgrade__head > div { min-width:0; }
.al-proUpgrade__head > .al-btn { --al-overlay-close-ink:#fff; --al-overlay-close-hover:#fff; flex:none; }
.al-proUpgrade p { margin:0; }
.al-proUpgrade .al-proUpgrade__brand { margin-bottom:10px; font-size:10px; font-weight:600; letter-spacing:.14em; color:rgb(255 255 255 / .76); }
.al-proUpgrade h2 { margin:0 0 10px; font:600 28px/1.2 var(--al-font-family-sans,system-ui); letter-spacing:-.025em; color:inherit; }
.al-proUpgrade h2:focus-visible { outline:2px solid var(--al-overlay-focus); outline-offset:3px; }
.al-proUpgrade__head p { font-size:14px; line-height:1.45; color:rgb(255 255 255 / .82); }
.al-proUpgrade h3 { margin:0; font-size:15px; font-weight:600; line-height:1.4; color:inherit; }
.al-proUpgrade small { font-size:12px; line-height:1.5; color:var(--al-surface-ink-muted); }
.al-proUpgrade__body { flex:1 1 auto; min-height:0; padding:24px 28px; overflow-y:auto; overscroll-behavior:contain; -webkit-overflow-scrolling:touch; }
.al-proUpgrade__body > [data-pro-state], .al-proUpgrade__body > [data-pro-badge] { display:none; }
.al-proUpgrade__body:not([data-membership="free"]):not([data-membership="guest"]) > [data-pro-state] { display:block; margin-bottom:16px; }
.al-proUpgrade__plans, .al-proUpgrade__pro { display:grid; gap:16px; min-width:0; }
.al-proUpgrade__periods { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:4px; min-width:0; margin:0; padding:4px; }
.al-proUpgrade__period { position:relative; min-width:0; cursor:pointer; }
.al-proUpgrade__period input { position:absolute; inset:0; width:100%; height:100%; margin:0; opacity:0; cursor:inherit; }
.al-proUpgrade__period > span { display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:4px; min-height:44px; padding:8px; border:1px solid transparent; color:var(--al-nav-text); font-size:13px; font-weight:600; line-height:1.3; transition:background-color .14s ease,border-color .14s ease,color .14s ease; pointer-events:none; }
.al-proUpgrade__period input:checked + span { background:var(--al-nav-surface); border-color:var(--al-nav-selected); color:var(--al-surface-premium); box-shadow:var(--al-surface-shadow-floating); }
.al-proUpgrade__period input:hover:not(:disabled) + span { color:var(--al-nav-hover-text); }
.al-proUpgrade__period input:focus-visible + span { outline:2px solid var(--al-nav-focus); outline-offset:2px; }
.al-proUpgrade__period input:disabled + span { opacity:.65; }
.al-proUpgrade__periodSaving { font-size:11px; white-space:nowrap; }
.al-proUpgrade__periodSaving::before { content:"· "; }
.al-proUpgrade__offer { min-width:0; }
.al-proUpgrade__price { display:flex; align-items:baseline; flex-wrap:wrap; gap:5px; min-height:64px; color:var(--al-surface-ink); font-size:48px; font-weight:600; line-height:1.15; letter-spacing:-.035em; }
.al-proUpgrade__price strong { font-weight:600; }
.al-proUpgrade__price [data-pro-interval] { color:var(--al-surface-ink-muted); font-size:14px; font-weight:400; letter-spacing:0; }
.al-proUpgrade__billingNote { min-height:38px; color:var(--al-surface-ink-muted); font-size:13px; line-height:1.45; }
.al-proUpgrade__included { display:grid; gap:10px; }
.al-proUpgrade__included ul { display:grid; gap:7px; margin:0; padding:0; list-style:none; }
.al-proUpgrade__included li { display:flex; align-items:baseline; gap:9px; font-size:14px; line-height:1.4; }
.al-proUpgrade__included li > :first-child { flex:none; color:var(--al-nav-selected); }
.al-proUpgrade .al-proUpgrade__checkout { --al-btn-min-height:48px; width:100%; max-width:100%; gap:8px; white-space:normal; padding-block:10px; }
.al-proUpgrade__checkout .al-feedback-spinner { display:none; flex:none; }
.al-proUpgrade [data-pro-busy="1"] .al-proUpgrade__checkout .al-feedback-spinner { display:inline-block; }
.al-proUpgrade__renewal, .al-proUpgrade__accessNote { display:block; text-align:center; color:var(--al-surface-ink-muted); font-size:12px; line-height:1.5; }
.al-proUpgrade__terms { display:grid; gap:2px; }
.al-proUpgrade__allowanceNote { display:block; }
.al-proUpgrade__featureDetails, .al-proUpgrade__free { border-top:1px solid var(--al-surface-border); padding-top:12px; min-width:0; }
.al-proUpgrade summary { padding-block:4px; color:var(--al-surface-ink); cursor:pointer; font-size:13px; font-weight:600; }
.al-proUpgrade summary:focus-visible { outline:2px solid var(--al-overlay-focus); outline-offset:3px; }
.al-proUpgrade__benefits { display:grid; gap:12px; margin:12px 0 0; padding:0; list-style:none; }
.al-proUpgrade__benefits li { display:grid; gap:2px; font-size:13px; }
.al-proUpgrade__benefits span, .al-proUpgrade__free p { color:var(--al-surface-ink-muted); font-size:13px; }
.al-proUpgrade__free p, .al-proUpgrade__free button { margin-top:12px; }
.al-proUpgrade__details { display:inline-block; padding-top:16px; color:var(--al-nav-selected); font-size:13px; text-underline-offset:3px; }
.al-proUpgrade [data-pro-usage] { display:none; }
.al-proUpgrade [data-pro-message]:not(:empty) { margin-top:14px; }
.al-proUpgrade [data-pro-management]:not([hidden]) { display:grid; gap:12px; justify-items:start; }
@media(max-width:767px) {
  .al-proUpgrade { width:100%; max-height:100dvh; height:100dvh; margin:0; border:0; border-radius:0; }
  .al-proUpgrade__head { padding:calc(18px + env(safe-area-inset-top,0px)) 16px 18px; gap:8px; }
  .al-proUpgrade h2 { font-size:24px; }
  .al-proUpgrade__body { padding:18px 16px calc(24px + env(safe-area-inset-bottom,0px)); touch-action:pan-y; }
  .al-proUpgrade__price { min-height:52px; font-size:40px; }
}
@media(prefers-reduced-motion:reduce) {
  .al-proUpgrade__period > span { transition:none !important; }
}
@media(forced-colors:active) {
  .al-proUpgrade__period input:checked + span { border-color:Highlight; outline:1px solid Highlight; }
}

/* End of delivery group. */