/* ============================================================
   ANGELIC CREATORS — Light Galactic theme (2026-10-25)
   Bright starfield, soft white, sky blue and gold, gentle glow.
   Loaded LAST on main pages. Color/shape layer only.
   ============================================================ */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@600;700&display=swap');
:root{
  --lg-white:#fbfcff; --lg-mist:#eef4fd; --lg-sky:#7cc4f2; --lg-sky-2:#3a8fd0;
  --lg-navy:#13233f; --lg-ink:#2c3c5a; --lg-muted:#4a5a78;
  --lg-gold:#d9b45a; --lg-gold-2:#f3dc9a; --lg-gold-text:#7f5d10;
  --lg-line:rgba(58,143,208,.28);
}
html{color-scheme:light !important;}
html body{
  background-color:var(--lg-white) !important;
  background-image:
    radial-gradient(1200px 560px at 50% -8%, rgba(243,220,154,.45), transparent 62%),
    radial-gradient(900px 520px at 8% 30%, rgba(124,196,242,.22), transparent 60%),
    radial-gradient(900px 520px at 92% 75%, rgba(124,196,242,.20), transparent 60%),
    radial-gradient(2px 2px at 12% 18%, rgba(217,180,90,.85), transparent 60%),
    radial-gradient(1.5px 1.5px at 28% 62%, rgba(58,143,208,.55), transparent 60%),
    radial-gradient(2px 2px at 46% 9%, rgba(58,143,208,.55), transparent 60%),
    radial-gradient(1.5px 1.5px at 64% 38%, rgba(217,180,90,.8), transparent 60%),
    radial-gradient(2px 2px at 82% 14%, rgba(217,180,90,.7), transparent 60%),
    radial-gradient(1.5px 1.5px at 90% 52%, rgba(58,143,208,.5), transparent 60%),
    radial-gradient(1.5px 1.5px at 72% 86%, rgba(217,180,90,.7), transparent 60%),
    radial-gradient(1.5px 1.5px at 18% 90%, rgba(58,143,208,.5), transparent 60%),
    linear-gradient(180deg,#fbfcff 0%,#f1f6fe 55%,#fbfcff 100%) !important;
  background-attachment:fixed !important;
  color:var(--lg-ink) !important;
  overflow-x:hidden;
}
html body h1,html body h2,html body h3{color:var(--lg-navy) !important;font-family:'Cormorant Garamond','Space Grotesk',Georgia,serif !important;letter-spacing:.01em;}
html body h1{font-weight:700 !important;}
html body h1 .hl,html body h2 .hl,html body h1 .gold,html body h2 .gold{
  background:linear-gradient(120deg,#2f7fc1,#9a7419) !important;
  -webkit-background-clip:text !important;background-clip:text !important;color:transparent !important;}
html body .eyebrow,html body .attrib,html body .step .snum,html body .steps .step .snum,html body .card .num,html body .kicker,html body .n,html body .door-tag{color:var(--lg-gold-text) !important;letter-spacing:.18em;}
html body .lede,html body p.body,html body .card p,html body .faq details p,html body .pillars-note,html body .hint p,
html body .legal p,html body .legal li,html body .step p,html body .trust .t,html body .count-note,html body .site-blurb,
html body details .a,html body .card figcaption span{color:var(--lg-ink) !important;}
html body .lede strong,html body p.body strong,html body .quote,html body .card h3,html body .faq summary,html body summary,
html body .trust .t b,html body .step h3,html body .legal h2,html body .legal p strong,html body .legal li strong,
html body .faq details p strong,html body .site-card strong,html body .card figcaption strong{color:var(--lg-navy) !important;}
html body .quote .qm,html body summary .pm,html body .faq summary::before,html body .step::after{color:var(--lg-gold-text) !important;}
html body a{color:#1f5f99;}
html body .legal a,html body .site-go,html body .t-link{color:#1f5f99 !important;border-bottom-color:rgba(217,180,90,.8) !important;}

/* nav */
html body nav.mainnav,html body nav.nav,html body .site-nav{
  background:rgba(251,252,255,.92) !important;backdrop-filter:blur(10px);
  border-bottom:1px solid rgba(217,180,90,.55) !important;border-image:none !important;
  box-shadow:0 6px 24px rgba(58,143,208,.10) !important;}
html body nav.mainnav a,html body nav.nav a{color:var(--lg-ink) !important;border-radius:999px;}
html body nav.mainnav a:hover,html body nav.mainnav a.active{color:var(--lg-navy) !important;background:rgba(124,196,242,.16) !important;}
html body nav.mainnav .brand{color:var(--lg-navy) !important;background:none !important;}
html body nav.mainnav a.cta-nav{background:linear-gradient(135deg,#f6e3a8,#d9b45a) !important;color:var(--lg-navy) !important;border-radius:999px !important;box-shadow:0 4px 16px rgba(217,180,90,.35) !important;}
html body .nav-toggle{border-color:rgba(217,180,90,.8) !important;color:var(--lg-navy) !important;border-radius:999px !important;background:#fff !important;}

/* buttons — pills */
html body .btn{border-radius:999px !important;}
html body .btn-green,html body .btn-gold{
  background:linear-gradient(135deg,#f8e7b2 0%,#e2c06c 55%,#cfa548 100%) !important;color:var(--lg-navy) !important;border:1px solid #c9a24a !important;
  box-shadow:0 8px 26px rgba(217,180,90,.40),0 0 0 4px rgba(243,220,154,.25) !important;}
html body .btn-green:hover,html body .btn-gold:hover{filter:brightness(1.05) !important;transform:translateY(-2px) !important;box-shadow:0 10px 32px rgba(217,180,90,.55),0 0 22px rgba(124,196,242,.35) !important;}
html body .btn-ghost,html body .btn-goldghost{background:rgba(255,255,255,.75) !important;border:1.5px solid var(--lg-sky-2) !important;color:#17497a !important;}
html body .btn-ghost:hover,html body .btn-goldghost:hover{background:rgba(124,196,242,.16) !important;}

/* hero */
html body .hero{background:
  radial-gradient(700px 340px at 50% 10%, rgba(255,255,255,.95), transparent 70%),
  radial-gradient(900px 420px at 50% 0%, rgba(243,220,154,.55), transparent 70%),
  radial-gradient(600px 260px at 50% 55%, rgba(124,196,242,.16), transparent 70%),
  transparent !important;color:var(--lg-navy) !important;text-align:center;}
html body .hero .lede{color:var(--lg-ink) !important;}
html body .hero .lede strong{color:var(--lg-navy) !important;}
html body .hero-badge{border:1px solid #c9a24a !important;color:var(--lg-gold-text) !important;background:rgba(255,255,255,.8) !important;border-radius:999px !important;}
html body .hero-note{color:var(--lg-muted) !important;}

/* cards & panels — rounded */
html body .card,html body .formbox,html body .faq details,html body form,html body .trust .t,html body details,
html body .step,html body .t-card,html body .site-card,html body .hint,html body .legal-wrap,html body .vc-card{
  background:rgba(255,255,255,.86) !important;border:1px solid var(--lg-line) !important;
  box-shadow:0 10px 30px rgba(58,143,208,.10),0 0 0 1px rgba(255,255,255,.6) inset !important;border-radius:26px !important;}
html body .t-card{border-color:rgba(217,180,90,.6) !important;box-shadow:0 10px 34px rgba(217,180,90,.16) !important;}
html body .card:hover,html body .faq details:hover,html body details:hover,html body .site-card:hover,html body details[open]{border-color:rgba(217,180,90,.85) !important;box-shadow:0 12px 34px rgba(217,180,90,.20) !important;}
html body .t-name{color:var(--lg-navy) !important;}
html body .t-quote{color:var(--lg-ink) !important;}
html body .t-story{color:var(--lg-muted) !important;}
html body .t-story span{color:var(--lg-gold-text) !important;}
html body .step .snum{display:inline-flex;align-items:center;justify-content:center;width:2.4rem;height:2.4rem;border-radius:50%;background:radial-gradient(circle,#fff,#f3dc9a) !important;border:1px solid #c9a24a;}
html body .card img{background:#eef4fd !important;}
html body .slide img{background:#eef4fd !important;}
html body .show-nav{background:rgba(255,255,255,.9) !important;color:var(--lg-navy) !important;border-color:rgba(217,180,90,.8) !important;}
html body .progress{background:rgba(58,143,208,.15) !important;}
html body .progress i{background:linear-gradient(90deg,#d9b45a,#7cc4f2) !important;}
html body .lb-x{color:#f3dc9a !important;}

/* forms */
html body .field label,html body label{color:var(--lg-navy) !important;}
html body .field input,html body .field select,html body .field textarea,html body input,html body textarea,html body select{
  background:#ffffff !important;color:var(--lg-navy) !important;border:1px solid rgba(58,143,208,.40) !important;border-radius:18px !important;}
html body input:focus,html body textarea:focus,html body select:focus{border-color:#c9a24a !important;box-shadow:0 0 0 4px rgba(243,220,154,.45) !important;outline:none !important;}
html body .field .hint,html body .lead-status{color:var(--lg-muted) !important;}
html body .form-note{background:rgba(243,220,154,.22) !important;border-color:rgba(217,180,90,.6) !important;border-radius:20px !important;color:var(--lg-ink) !important;}
html body .form-note strong{color:var(--lg-gold-text) !important;}
html body .req{color:#9a3d12 !important;}

/* divider */
html body .divider{border:0 !important;height:1px !important;max-width:520px;margin-left:auto !important;margin-right:auto !important;background:linear-gradient(90deg,transparent,rgba(217,180,90,.8),transparent) !important;}

/* founder portrait (home) */
html body .lg-portrait{display:block;width:180px;height:220px;margin:0 auto 1.4rem;border-radius:50%;object-fit:cover;object-position:50% 30%;
  border:3px solid #fff;box-shadow:0 0 0 2px #d9b45a,0 0 40px rgba(243,220,154,.9),0 12px 30px rgba(58,143,208,.25);}

/* diagnosis banner & float tab */
html body .diag-banner{text-align:center !important;background:linear-gradient(90deg,#e9f3fd,#fbf3dc,#e9f3fd) !important;color:var(--lg-navy) !important;border-bottom:1px solid rgba(217,180,90,.5);}
html body .diag-banner strong{color:var(--lg-navy) !important;}
html body .diag-banner a{color:#1f5f99 !important;}
html body .diag-float{background:linear-gradient(135deg,#f8e7b2,#d9b45a) !important;color:var(--lg-navy) !important;border-radius:999px 0 0 999px !important;box-shadow:0 4px 20px rgba(217,180,90,.5) !important;}

/* footer */
html body footer.fnew,html body footer.site,html body footer{
  background:linear-gradient(180deg,#f3f8ff,#e8f1fc) !important;border-top:1px solid rgba(217,180,90,.6) !important;border-image:none !important;}
html body .fcol h4,html body .ftag{color:var(--lg-gold-text) !important;}
html body .fbrand{color:var(--lg-navy) !important;}
html body .fcol p,html body .fcol a,html body .fsocial a,html body .fbottom p,html body .refstrip,html body .refstrip .refdisc{color:var(--lg-ink) !important;}
html body .fcol a:hover,html body .fsocial a:hover,html body .fbottom a,html body footer a,html body .refstrip .reflinks a{color:#1f5f99 !important;}
html body .fsocial,html body .fbottom{border-top-color:rgba(58,143,208,.22) !important;}

/* music player */
html body #angelic-player{background:rgba(255,255,255,.95) !important;border:1px solid #d9b45a !important;border-radius:999px !important;box-shadow:0 6px 24px rgba(58,143,208,.18) !important;}
html body #angelic-playbtn{background:linear-gradient(135deg,#f8e7b2,#d9b45a) !important;color:var(--lg-navy) !important;border-radius:50% !important;}
html body #angelic-prev,html body #angelic-next,html body #angelic-min{border-color:#3a8fd0 !important;color:#17497a !important;border-radius:999px !important;background:#fff !important;}
html body #angelic-track{color:var(--lg-navy) !important;}

/* centered layout */
html body section.block,html body .hero{text-align:center;}
html body .hero-ctas{justify-content:center;}
@media(max-width:640px){
  html body .btn{white-space:normal;max-width:100%;}
  html body .lg-portrait{width:150px;height:184px;}
}
@media(max-width:360px){html body .hero-badge{letter-spacing:.12em !important;font-size:.68rem !important;padding-left:.9rem !important;padding-right:.9rem !important;}}

/* ---- v20261025c: mobile tidy-up ---- */
@media(max-width:760px){
  html body nav.mainnav{display:flex !important;flex-wrap:wrap !important;align-items:center !important;justify-content:space-between !important;gap:.5rem !important;padding:.75rem 1.1rem !important;}
  html body nav.mainnav a.brand{display:block !important;width:auto !important;margin:0 !important;padding:0 !important;font-size:.8rem !important;letter-spacing:.12em;}
  html body nav.mainnav a:not(.brand){display:none !important;}
  html body nav.mainnav .nav-toggle{display:inline-flex !important;align-items:center;justify-content:center;width:2.6rem;height:2.6rem;margin:0 !important;padding:0 !important;font-size:1.15rem !important;border-radius:50% !important;border:1px solid #d9b45a !important;background:#fff !important;color:#13233f !important;box-shadow:0 4px 14px rgba(217,180,90,.3);cursor:pointer;}
  html body nav.mainnav.open{justify-content:space-between !important;}
  html body nav.mainnav.open a:not(.brand){display:block !important;order:5;width:100% !important;text-align:center !important;padding:.6rem 1rem !important;margin:0 !important;border-radius:999px !important;background:rgba(238,244,253,.9) !important;}
  html body nav.mainnav.open a.cta-nav{background:linear-gradient(135deg,#f6e3a8,#d9b45a) !important;}
  /* music player and side tab: inline, centered, never over content */
  html body #angelic-player{position:static !important;display:flex !important;width:fit-content !important;margin:1.4rem auto 1.6rem !important;right:auto !important;bottom:auto !important;transform:none !important;}
  html body .diag-float{position:static !important;display:block !important;width:fit-content !important;margin:1.2rem auto !important;padding:.75rem 1.4rem !important;border-radius:999px !important;writing-mode:horizontal-tb !important;transform:none !important;font-size:.8rem !important;}
}
@media(max-width:420px){
  html body .faq{margin-left:1rem !important;margin-right:1rem !important;}
}
@media(max-width:360px){
  html body .btn{white-space:nowrap !important;font-size:.8rem !important;padding:.85rem 1.25rem !important;letter-spacing:.02em !important;}
}