/* GLASS-SITE-1 (2026-09-30): the Liquid Glass skin for every page of levelupgrowth.io (Owner: "continue working on all
   other pages in accordance to my guidelines"). Loaded after site.css on every page; the whole page sits inside
   .lg.lg-site (layout.php) so lug-glass.css's tokens apply, and this file re-skins site.css's own classes: the aurora
   ground, a floating glass header, glass cards and panels, capsule buttons, Plus Jakarta Sans for reading text, Manrope
   for headlines (the brand hero face). Nothing here changes a page's structure, only its material. */

/* 0. ground: the page paints the gradient ground; the aurora is fixed behind everything */
html.lg-glass, html.lg-glass body { background: #F3F4F9; }
html.lg-glass[data-theme="dark"], html.lg-glass[data-theme="dark"] body { background: #0A0B16; }
html .lg-site { position: static; overflow: visible; isolation: auto; background: transparent; color: var(--ink); font-family: var(--font); font-size: 15px; line-height: 1.7; }
html .lg-site > .lg-aurora { position: fixed; inset: 0; z-index: -1; pointer-events: none; }
html .lg-site .lg-aurora i { animation: none !important; }
html .lg-site .lg.mk > .lg-aurora { display: none; }   /* the home brings its own; the page one serves it */
html .lg-site #mk-progress { position: fixed; left: 0; top: 0; height: 3px; width: 100%; background: var(--brand-grad); transform-origin: left; transform: scaleX(0); z-index: 70; pointer-events: none; }

/* 1. the site's tokens take glass values (site.css reads these everywhere) */
html .lg-site {
  --bg: var(--ground); --bg-2: transparent; --card: var(--glass); --card-2: var(--glass-thick);
  --border: var(--hairline); --border-2: var(--rim);
  --white: var(--ink); --text: var(--ink-2); --muted: var(--ink-3); --faint: var(--ink-3); --dim: var(--ink-3);
  --violet: var(--accent-text); --purple: var(--action); --grad: var(--brand-grad);
  --ff-b: var(--font); --r: 20px; --r-lg: 24px;
  --shadow: var(--shadow-2); --paper: var(--ground); --surface: var(--glass); --rule: var(--hairline); --rule-2: var(--hairline);
  --accent-ink: var(--accent-text); --accent-soft: var(--tint);
}
html .lg-site p, html .lg-site .lede, html .lg-site .prose { color: var(--ink-2); }
html .lg-site h1, html .lg-site h2, html .lg-site h3, html .lg-site h4 { color: var(--ink); }
html .lg-site .fine, html .lg-site .mono { color: var(--ink-3); }
html .lg-site .eyebrow { color: var(--accent-text); }
html .lg-site .eyebrow-badge { background: var(--tint); border-color: var(--tint-rim); color: var(--accent-text); }
/* plain links take the accent; :where() keeps this at link-level specificity so nav, brand, footer and buttons keep their own colours */
html .lg-site :where(a:not(.btn, .btn-glow, .lg-btn, .brand, .nav-primary a, .site-footer a, .mega-item, .nav-dd-item, .nav-mobile a)) { color: var(--accent-text); }
/* buttons keep their own text colour whatever the link colour is (Owner: the $49 and closing CTAs lost contrast) */
html .lg-site a.lg-btn, html .lg-site .lg-btn { color: var(--ink); }
html .lg-site a.lg-btn--primary, html .lg-site .lg-btn--primary, html .lg-site a.btn-primary, html .lg-site a.btn-glow { color: #fff; }
html .lg-site a.lg-btn--primary:hover, html .lg-site a.btn-primary:hover { color: #fff; }

/* 2. header: a floating glass bar (the same bar the home has); pages keep clear of it */
html .lg-site .site-header { position: fixed; left: 16px; right: 16px; top: 12px; z-index: 50; border-radius: 18px; border: 1px solid var(--rim);
  background: var(--glass-thick); -webkit-backdrop-filter: blur(var(--blur-3)) saturate(var(--glass-sat)); backdrop-filter: blur(var(--blur-3)) saturate(var(--glass-sat));
  box-shadow: inset 0 1px 0 var(--rim-top), 0 0 0 .5px var(--edge), var(--shadow-3); }
html .lg-site .site-header .nav-row { height: 60px; }
html:not(.mk-home) .lg-site main { padding-top: 96px; }
html .lg-site .brand { color: var(--ink); }
html .lg-site .nav-primary a, html .lg-site .nav-trigger { color: var(--ink-2); border-radius: 999px; font-family: var(--font); }
html .lg-site .nav-primary a:hover, html .lg-site .nav-primary a[aria-current="page"], html .lg-site .nav-trigger:hover, html .lg-site .nav-trigger[aria-expanded="true"] { color: var(--ink); background: var(--fill-hover); }
html .lg-site .nav-toggle { border-color: var(--rim); color: var(--ink); border-radius: 12px; background: var(--glass); }
html .lg-site .mega, html .lg-site .nav-dd { background: var(--glass-thick); -webkit-backdrop-filter: blur(var(--blur-3)) saturate(var(--glass-sat)); backdrop-filter: blur(var(--blur-3)) saturate(var(--glass-sat));
  border: 1px solid var(--rim); border-radius: 24px; box-shadow: inset 0 1px 0 var(--rim-top), 0 0 0 .5px var(--edge), var(--shadow-3); }
html .lg-site .mega-item:hover, html .lg-site .nav-dd-item:hover { background: var(--fill-hover); border-radius: 14px; }
html .lg-site .mega-col-title { color: var(--ink-3); }
html .lg-site .mega-name { color: var(--ink); } html .lg-site .mega-desc { color: var(--ink-3); }
html .lg-site .nav-mobile { background: var(--glass-thick); -webkit-backdrop-filter: blur(var(--blur-3)) saturate(var(--glass-sat)); backdrop-filter: blur(var(--blur-3)) saturate(var(--glass-sat)); border-color: var(--hairline); }
html .lg-site .nav-mobile a, html .lg-site .m-item, html .lg-site .m-link, html .lg-site .m-group summary { color: var(--ink); }
html .lg-site .nav-backdrop { background: var(--scrim); }
@media (max-width: 900px) {
  html .lg-site .site-header { position: sticky; left: auto; right: auto; top: 0; border-radius: 0; border: 0; border-bottom: 1px solid var(--hairline); box-shadow: none; }
  html .lg-site .site-header .nav-row { height: 64px; }
  html:not(.mk-home) .lg-site main { padding-top: 0; }
}

/* 3. buttons: capsules, lit from above */
html .lg-site .btn { border-radius: 999px; font-family: var(--font); font-weight: 600; transition: transform 200ms var(--ease-spring), box-shadow var(--d-base) var(--ease-out), background var(--d-fast); }
html .lg-site .btn:hover { transform: translateY(-1px); text-decoration: none; }
html .lg-site .btn-primary { background: var(--action-grad); color: #fff; border-color: transparent; box-shadow: inset 0 1px 0 rgba(255,255,255,.35), inset 0 -1px 0 rgba(30,8,80,.22), var(--glow); }
html .lg-site .btn-primary:hover { box-shadow: inset 0 1px 0 rgba(255,255,255,.45), 0 12px 28px -8px rgba(107,59,223,.62); color: #fff; }
html .lg-site .btn-secondary, html .lg-site .btn-ghost { background: var(--glass); border-color: var(--rim); color: var(--ink); -webkit-backdrop-filter: blur(var(--blur-1)); backdrop-filter: blur(var(--blur-1)); box-shadow: inset 0 1px 0 var(--rim-top), 0 0 0 .5px var(--edge), var(--shadow-1); }
html .lg-site .btn-secondary:hover, html .lg-site .btn-ghost:hover { background: var(--glass-thick); border-color: var(--rim); color: var(--ink); }
html .lg-site .btn-glow { font-family: var(--ff-h); }

/* 4. surfaces: cards, plans, frames, panels become glass (same size, same place) */
html .lg-site :is(.card, .plan, .price-card, .frame, .crop, .chip, .avail-item, .log, .door, .os-item, .toc, .form-success, .peek, .tpl-card, .gal-card, .team-fig, .roster-col, .rep-counts, .sim-result, .sim-brief, .matrix-wrap, .legend, .post-card.card) {
  background: var(--glass); border: 1px solid var(--rim); border-radius: var(--r-lg);
  -webkit-backdrop-filter: blur(var(--blur-2)) saturate(var(--glass-sat)); backdrop-filter: blur(var(--blur-2)) saturate(var(--glass-sat));
  box-shadow: inset 0 1px 0 var(--rim-top), 0 0 0 .5px var(--edge), var(--shadow-2); color: var(--ink); }
html .lg-site .chip { border-radius: 999px; padding: 6px 12px; color: var(--ink-2); box-shadow: none; }
html .lg-site .card:hover { transform: translateY(-4px); border-color: var(--rim); box-shadow: inset 0 1px 0 var(--rim-top), 0 0 0 .5px var(--edge), var(--shadow-3); }
html .lg-site .card > .icon, html .lg-site .products .product > .icon { background: var(--tint); color: var(--accent-text); border-radius: 12px; }
html .lg-site .plan { border-radius: var(--r-lg); }
html .lg-site .plan.featured { background: var(--glass-thick); border-color: var(--tint-rim); box-shadow: inset 0 0 0 1.5px var(--accent-text), 0 0 0 .5px var(--edge), var(--shadow-3); }
html .lg-site .frame, html .lg-site .frame-dark { background: var(--glass-thick); border-color: var(--rim); box-shadow: 0 0 0 .5px var(--edge), var(--shadow-3); }
html .lg-site .frame-bar { background: var(--glass-thick); border-color: var(--hairline); }
html .lg-site .frame-body { background: var(--fill-hover); }
html .lg-site .crop { background: var(--glass-thick); box-shadow: 0 0 0 .5px var(--edge), var(--shadow-3); }
html .lg-site .faq-item, html .lg-site .faq-item:last-child { border-color: var(--hairline); }
html .lg-site .faq-item summary { color: var(--ink); font-family: var(--font); }
html .lg-site .faq-item summary::after { color: var(--accent-text); font-family: var(--font); }
html .lg-site .faq-item p { color: var(--ink-2); }
html .lg-site .matrix th, html .lg-site .matrix td { border-color: var(--hairline); color: var(--ink-2); }
html .lg-site .matrix th { color: var(--ink); }
html .lg-site .feature-list li, html .lg-site .lead-list li { color: var(--ink-2); }
html .lg-site .feature-list .icon, html .lg-site .hero-facts .icon, html .lg-site .matrix td.mark .icon { color: var(--success); }

/* 5. bands and sections sit on the aurora; the dark "night" bands become thick glass slabs that read in both themes */
html .lg-site .section-alt, html .lg-site .section-dark, html .lg-site .hero-sarah, html .lg-site .page-head, html .lg-site .hero { background: transparent; border-color: var(--hairline); }
html .lg-site .night { background: var(--glass-thick); color: var(--ink); border-top: 1px solid var(--rim); border-bottom: 1px solid var(--rim);
  -webkit-backdrop-filter: blur(var(--blur-2)) saturate(var(--glass-sat)); backdrop-filter: blur(var(--blur-2)) saturate(var(--glass-sat)); }
html .lg-site .night h2, html .lg-site .night h3, html .lg-site .night .display { color: var(--ink); }
html .lg-site .night p, html .lg-site .night .say, html .lg-site .night .say-light { color: var(--ink-2); }
html .lg-site .night .eyebrow { color: var(--accent-text); }
html .lg-site .night .btn-ghost-light { background: var(--glass); border: 1px solid var(--rim); color: var(--ink); }
html .lg-site .hero::before, html .lg-site .hero::after, html .lg-site .page-head::before { display: none; }   /* the aurora is the glow now */

/* 6. forms and fields */
html .lg-site .form label { color: var(--ink); }
html .lg-site .form input[type=text], html .lg-site .form input[type=email], html .lg-site .form input[type=password], html .lg-site .form select, html .lg-site .form textarea,
html .lg-site input[type=text], html .lg-site input[type=email], html .lg-site input[type=password], html .lg-site select, html .lg-site textarea {
  background: var(--glass-thick); border: 1px solid var(--rim); color: var(--ink); border-radius: 14px; font-family: var(--font);
  box-shadow: inset 0 1px 0 var(--rim-top), 0 0 0 .5px var(--edge); }
html .lg-site .form input:focus, html .lg-site .form select:focus, html .lg-site .form textarea:focus, html .lg-site input:focus, html .lg-site textarea:focus { border-color: var(--action); box-shadow: var(--focus); outline: none; }
html .lg-site ::placeholder { color: var(--ink-3); }

/* 7. footer */
html .lg-site .site-footer { background: transparent; border-top: 1px solid var(--hairline); }
html .lg-site .site-footer a { color: var(--ink-2); } html .lg-site .site-footer a:hover { color: var(--ink); }
html .lg-site .footer-h { color: var(--ink); font-family: var(--font); }
html .lg-site .footer-brand p, html .lg-site .footer-fine, html .lg-site .footer-bottom { color: var(--ink-3); }
html .lg-site .footer-bottom { border-color: var(--hairline); }

/* 8. reveals: hidden by the script only, never by CSS (no-JS readers see everything) */
html .lg-site [data-lg-rv] { will-change: transform, opacity; }
@media (prefers-reduced-motion: reduce) { html .lg-site .lg-aurora { display: none; } }

/* 9. rhythm: lug-glass zeroes every margin for the app; the site's reading rhythm comes back here (the home and the live panels keep theirs) */
html .lg-site h1, html .lg-site h2, html .lg-site h3, html .lg-site h4 { margin: 0 0 .5em; }
html .lg-site p { margin: 0 0 1em; }
html .lg-site .lede { margin: 0 0 1.4em; }
html .lg-site .lg.mk :is(h1, h2, h3, h4, p), html .lg-site .lv :is(h1, h2, h3, h4, p) { margin: 0; }
html .lg-site .section { padding: 84px 0; }
html .lg-site .section-tight { padding: 56px 0; }
html .lg-site .page-head { padding-top: 48px; }
html .lg-site .matrix thead th { position: static; background: var(--glass-thick); }
html .lg-site .tbl, html .lg-site .matrix-wrap { border-radius: var(--r-lg); }
html .lg-site input[type=password] { padding-right: 68px; }
html .lg-site input::-ms-reveal, html .lg-site input::-webkit-credentials-auto-fill-button { display: none; }

/* 10. what is read over busy content is never see-through (Owner 09-30: mega menu text unreadable): menus are solid */
html .lg-site .mega, html .lg-site .nav-dd, html .lg-site .nav-mobile { background: #FCFCFE; -webkit-backdrop-filter: none; backdrop-filter: none; }
html[data-theme="dark"] .lg-site .mega, html[data-theme="dark"] .lg-site .nav-dd, html[data-theme="dark"] .lg-site .nav-mobile { background: #15172A; }
html .lg-site .mega-name, html .lg-site .nav-dd-item, html .lg-site .mega-col-title { color: var(--ink); }
html .lg-site .mega-desc { color: var(--ink-3); }
html .lg-site .mega-item:hover .mega-name, html .lg-site .nav-dd-item:hover { color: var(--ink); }

/* 11. Owner 09-30 'text on pricing has contrast issue': site.css paints feature spans a fixed dark-theme grey (#D3DAE5); in glass every span reads its list item's ink */
html .lg-site .feature-list span, html .lg-site .night .feature-list span, html .lg-site .feature-list-light span { color: inherit; }
html .lg-site .feature-list li.no { color: var(--ink-3); }

/* 12. domain search (Owner 09-30: field not recognisable, white text in light): the widget was dark-only in site.css; every part reads the glass tokens */
html .lg-site .dsearch { background: var(--glass); border: 1px solid var(--rim); box-shadow: inset 0 1px 0 var(--rim-top), 0 0 0 .5px var(--edge), var(--shadow-2); }
html .lg-site .dsearch-h { color: var(--ink); }
html .lg-site .dsearch-bar input, html .lg-site input[type=search] { background: var(--glass-thick); border: 1px solid var(--rim); color: var(--ink); border-radius: 14px; font-family: var(--font);
  box-shadow: inset 0 1px 0 var(--rim-top), 0 0 0 .5px var(--edge); -webkit-appearance: none; appearance: none; }
html[data-theme="light"] .lg-site .dsearch-bar input { background: #FFFFFF; border-color: rgba(13, 15, 28, .16); }
html .lg-site .dsearch-bar input:focus { border-color: var(--action); box-shadow: var(--focus); }
html .lg-site .dsearch-bar input::placeholder { color: var(--ink-3); }
html .lg-site .dsearch-bar input::-webkit-search-cancel-button, html .lg-site .dsearch-bar input::-webkit-search-decoration { -webkit-appearance: none; appearance: none; display: none; }
html .lg-site .dsearch-note, html .lg-site .dsearch-sub { color: var(--ink-3); }
html .lg-site .dsearch-msg { color: var(--danger, #D0335A); }
html .lg-site .dsearch-results li { background: var(--glass); border: 1px solid var(--hairline); }
html .lg-site .dsearch-name { color: var(--ink); }
html .lg-site .dsearch-price { color: var(--ink-2); }
html .lg-site .dsearch-tag.no { color: var(--ink-3); background: var(--tint); border: 1px solid var(--tint-rim); }
html .lg-site .dsearch-exact { background: var(--tint); border: 1px solid var(--tint-rim); }
html .lg-site .dsearch-exact.taken { background: var(--glass); border-color: var(--hairline); }
html .lg-site .dsearch-recs-h { color: var(--ink); }
html .lg-site [hidden] { display: none !important; }

/* 13. prose links (legal and help bodies) carried a fixed blue */
html .lg-site .prose a:not(.btn) { color: var(--accent-text); }

/* 14. Owner 09-30 'home page has no gradient background at all, only on hero and footer': the home's own .lg.mk wrapper painted an opaque ground over the fixed aurora; nested .lg scopes are see-through, the page paints the ground once */
html .lg-site .lg.mk, html .lg-site .lg .lg { background: transparent; }
/* phones: the light aurora widens like the dark one so the wash fills a narrow screen (Owner 09-30, phone showed no gradient) */
@media (max-width: 979px) {
  html .lg-site > .lg-aurora i { filter: blur(60px); }
  html .lg-site > .lg-aurora i:nth-child(1) { width: 130%; left: -50%; top: -18%; }
  html .lg-site > .lg-aurora i:nth-child(2) { width: 140%; right: -75%; top: 28%; }
  html .lg-site > .lg-aurora i:nth-child(3) { width: 150%; left: -35%; bottom: -36%; }
}

/* 15. phones (Owner 09-30 'getting glitches on fast scrolling', Android): a phone GPU cannot re-blur three viewport-size blobs and a backdrop blur on every card while it scrolls fast, and leaves tiles unpainted.
   On phones the aurora is one static gradient (no filter, no layers) and only the header, the menus and the hero frost keep a backdrop blur; cards use the thick glass so they still read as glass. */
@media (max-width: 979px) {
  html .lg-site > .lg-aurora { background:
      radial-gradient(90% 55% at 8% 4%, var(--blob-violet), transparent 70%),
      radial-gradient(90% 55% at 100% 42%, var(--blob-blue), transparent 70%),
      radial-gradient(100% 60% at 20% 100%, var(--blob-aqua), transparent 70%);
    will-change: auto; transform: none; }
  html .lg-site > .lg-aurora i { display: none; }
  html .lg-site > .lg-aurora::after { display: none; }
  html .lg-site * { -webkit-backdrop-filter: none !important; backdrop-filter: none !important; will-change: auto !important; }
  html .lg-site header, html .lg-site .site-header, html .lg-site .nav-mobile, html .lg-site .hx-frost { -webkit-backdrop-filter: blur(var(--blur-3)) saturate(var(--glass-sat)) !important; backdrop-filter: blur(var(--blur-3)) saturate(var(--glass-sat)) !important; }
  html .lg-site .lg-glass, html .lg-site .card, html .lg-site .plan, html .lg-site .post-card, html .lg-site .lv { background: var(--glass-thick); }
}

/* 16. Owner 09-30 phone shots: the mobile nav's Dashboard/Start button kept the link ink; buttons in the mobile nav read white. Remaining light contrast: legal "Other policies" links, the SEO report Pass tag. */
html .lg-site .nav-mobile a.btn, html .lg-site .nav-mobile .btn-primary, html .lg-site .nav-mobile .btn-glow { color: #FFFFFF; }
html .lg-site .legal a, html .lg-site .fine a, html .lg-site .notice a { color: var(--accent-text); }
html .lg-site .rep-pass .rep-tag { color: var(--success); }

/* 17. Owner 09-30 phone shots: blocks that became glass cards get their inner padding (.log, .toc); the blog card image bleeds to both edges again (lug-glass caps img at 100%); the comparison table's long cells get a floor width so a row is not six lines tall; the table of contents is static on phones, never sticky over the article */
html .lg-site .log { padding: 22px 24px; }
html .lg-site .log + .log { margin-top: 14px; }
html .lg-site .toc { padding: 18px 22px; }
html .lg-site .toc a { color: var(--accent-text); }
html .lg-site .post-card-img { max-width: none; }
html .lg-site .matrix td { min-width: 150px; }
html .lg-site .matrix tbody th { min-width: 150px; }
@media (max-width: 900px) {
  html .lg-site .toc { position: static; top: auto; }
  html .lg-site .post-grid { gap: 24px; }
}
html .lg-site .post-grid { padding-left: var(--gutter, 24px); padding-right: var(--gutter, 24px); }   /* .post-grid's own padding zeroed the container's sides; the article kept no gutter on phones */
html .lg-site .matrix td { min-width: 190px; }

/* 18. Owner 09-30 ('contrast issue on animation', /product/website-builder/): the replayed conversations (.sim, .sim2) were hard-coded dark blocks and the bridge's ink rules painted dark text inside them in light. They are glass cards on the tokens now, in both themes. On phones a message or the result takes no space before it arrives. */
html .lg-site .sim-chat, html .lg-site .sim2 { background: var(--glass); border: 1px solid var(--rim); box-shadow: inset 0 1px 0 var(--rim-top), 0 0 0 .5px var(--edge), var(--shadow-2); color: var(--ink); }
html .lg-site .sim-head, html .lg-site .sim2-head { color: var(--ink-3); border-bottom-color: var(--hairline); }
html .lg-site .sim-dot, html .lg-site .sim2-head .sim-dot { background: var(--success); box-shadow: 0 0 10px var(--success-soft); }
html .lg-site .sim-arthur { background: var(--glass-thick); border: 1px solid var(--hairline); color: var(--ink); }
html .lg-site .sim-arthur p, html .lg-site .sim-msg p { color: inherit; }
html .lg-site .sim-you, html .lg-site .sim-you p { color: #FFFFFF; }
html .lg-site .sim-who { color: var(--accent-text); }
html .lg-site .sim-priya .sim-who { color: var(--success); }
html .lg-site .sim-build, html .lg-site .sim2-out { background: var(--glass-thick); border: 1px solid var(--hairline); color: var(--ink-2); }
html .lg-site .sim-steps li { color: var(--ink-2); }
html .lg-site .sim-steps .icon { color: var(--success); }
html .lg-site .sim2-out h4 { color: var(--ink); }
html .lg-site .sim2-meta li { color: var(--ink-2); } html .lg-site .sim2-meta b { color: var(--ink-3); }
html .lg-site .sim-note, html .lg-site .sim2-note { color: var(--ink-3); }
/* phones (Owner 09-30: "section appears and disappears like it is gonna explode"): the replay never animates on a phone; every message, the build list and the result sit at rest, the section keeps one height */
@media (max-width: 979px) {
  html .lg-site .sim-armed .sim-msg, html .lg-site .sim-armed .sim-build, html .lg-site .sim-armed .sim-result, html .lg-site .sim-armed .sim-steps li { opacity: 1 !important; transform: none !important; transition: none !important; }
  html .lg-site .sim-play { display: none !important; }
}

/* 19. Owner 09-30 phone shot (a screen of empty ground between sections): the 84 px section rhythm overrode site.css's phone value; phones breathe 52/40 */
@media (max-width: 760px) { html .lg-site .section { padding: 52px 0; } html .lg-site .section-tight { padding: 40px 0; } html .lg-site .page-head { padding-top: 32px; } }

/* 20. a product card is a link: hovering it never underlines its whole text */
html .lg-site a.card:hover, html .lg-site a.card:hover * { text-decoration: none; }

/* 21. ARTHUR-ON-PAGE (Owner 09-30): the app's own wizard in #ax on /product/website-builder/. Its surface tokens follow the theme; the host is a glass card. */
html .lg-site #build-with-arthur .hero-panel { margin-top: 22px; }
html .lg-site #ax { background: var(--glass); border: 1px solid var(--rim); box-shadow: inset 0 1px 0 var(--rim-top), 0 0 0 .5px var(--edge), var(--shadow-2); }
html[data-theme="light"] .lg-site #ax { --s1: #FFFFFF; --s2: #F3F4F9; --bd: rgba(13, 15, 28, .10); --t1: #0D0F1C; --t2: #454A61; --t3: #62677F; }
html[data-theme="light"] .lg-site #ax #ax-signup-card ::placeholder { color: #8A90A6; }
html .lg-site #ax .ax-fallback a { color: var(--accent-text); }
/* the legacy legal bodies carry inline link colours; only !important reaches past an inline style */
html .lg-site .legal a:not(.btn) { color: var(--accent-text) !important; }
/* two password toggles overlapped (the site's own "Show" and the injected eye): when the eye is there, the text toggle goes */
html .lg-site .pw-wrap:has(.lu-eye) .pw-toggle { display: none; }
html .lg-site .lu-eye { color: var(--ink-3); }
/* the custom select (LUSelect, injected styles) was a fixed dark pill in light */
html .lg-site .lu-sel-btn { background: var(--glass-thick); color: var(--ink); border: 1px solid var(--rim); border-radius: 14px; box-shadow: inset 0 1px 0 var(--rim-top), 0 0 0 .5px var(--edge); font-family: var(--font); }
html[data-theme="light"] .lg-site .lu-sel-btn { background: #FFFFFF; border-color: rgba(13, 15, 28, .16); }
html .lg-site .lu-sel-list { background: #FCFCFE; color: var(--ink); border: 1px solid var(--rim); border-radius: 14px; box-shadow: var(--shadow-2); }
html[data-theme="dark"] .lg-site .lu-sel-list { background: #15172A; }
html .lg-site .lu-sel-list li { color: var(--ink); }
html .lg-site .lu-sel-list li:hover, html .lg-site .lu-sel-list li.is-active { background: var(--tint); color: var(--ink); }
html[data-theme="light"] .lg-site .rep-pass .rep-tag { color: #0E7A50; }   /* the SEO report's Pass tag: 4.1:1 was the last light-theme node under 4.5 */