/* MyRecordSite homepage promo section + popup — loaded ONLY when SL_MYRECORDSITE=1 (gated in build-dist.py).
   Non-modal corner card; never full-screen. Sits bottom-left on desktop so it clears the
   Guided Assistant launcher (bottom-right); above the launcher on narrow screens. */
.myr-promo{position:fixed;left:clamp(14px,3vw,28px);bottom:clamp(14px,3vw,28px);z-index:140;width:min(380px,calc(100vw - 28px));
  padding:20px 20px 18px;border-radius:var(--radius-sm,16px);color:var(--ink-1,#cbc6d4);
  background:#120a1c;border:1px solid var(--glass-brd-strong,rgba(255,255,255,.18));
  box-shadow:0 30px 70px -28px rgba(0,0,0,.8),0 0 40px -22px var(--glow-magenta,rgba(232,62,140,.4));
  opacity:0;transform:translateY(12px);visibility:hidden;transition:opacity .25s ease,transform .25s ease,visibility 0s linear .25s}
.myr-promo.is-shown{opacity:1;transform:none;visibility:visible;transition-delay:0s}
.myr-promo[hidden]{display:none}
.myr-promo__eyebrow{font-size:.66rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--pink,#ff5fae);margin:0 28px 6px 0}
.myr-promo__title{font-family:var(--font-display,"Sora",sans-serif);font-weight:600;font-size:1.15rem;line-height:1.25;color:var(--ink-0,#fff);margin:0 28px 8px 0}
.myr-promo__text{font-size:.88rem;line-height:1.55;margin:0 0 10px}
.myr-promo__fine{font-size:.72rem;line-height:1.45;color:var(--ink-2,#aaa4b3);margin:0 0 14px}
.myr-promo__actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px}
.myr-promo__later{background:none;border:0;padding:6px 2px;color:var(--ink-2,#aaa4b3);font:inherit;font-size:.84rem;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.myr-promo__later:hover{color:var(--ink-0,#fff)}
.myr-promo__close{position:absolute;top:8px;right:8px;width:32px;height:32px;display:grid;place-items:center;border:0;border-radius:9px;background:none;color:var(--ink-1,#cbc6d4);font-size:1.25rem;line-height:1;cursor:pointer}
.myr-promo__close:hover{background:rgba(255,255,255,.09);color:#fff}
.myr-promo a:focus-visible,.myr-promo button:focus-visible{outline:2px solid var(--pink,#ff5fae);outline-offset:3px;border-radius:8px}
@media (max-width:560px){
  /* above the assistant launcher (fixed bottom-right, ~46px tall) */
  .myr-promo{left:12px;right:12px;width:auto;bottom:74px;padding:16px 16px 14px}
}
@media (prefers-reduced-motion:reduce){.myr-promo{transition:none;transform:none}}

/* --- homepage MyRecordSite section: logo directly on the dark background, copy left, demo right --- */
.myr-home{padding-block:clamp(40px,6vw,76px)}
.myr-home__grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(28px,5vw,64px);align-items:center}
.myr-home__logo{display:block;width:clamp(190px,24vw,250px);height:auto;margin:-8px 0 -10px -9px}
.myr-home__copy h2{font-size:clamp(1.7rem,3.2vw,2.35rem);line-height:1.12;letter-spacing:-.02em;margin:.7rem 0 .5rem}
.myr-home__sub{font-family:var(--font-display,"Sora",sans-serif);font-weight:600;color:var(--pink,#ff5fae);font-size:1rem;line-height:1.4;margin:0 0 1.2rem}
.myr-home__lead{font-size:1.04rem;line-height:1.65;color:var(--ink-1,#d9d3e0);margin:0 0 1rem;max-width:56ch}
.myr-home__note{font-size:.95rem;line-height:1.55;color:var(--ink-0,#fff);margin:0;padding-left:14px;border-left:2px solid var(--pink,#ff5fae);max-width:56ch}
.myr-home__cta{margin:1.5rem 0 0}
.myr-home__fine{font-size:.8rem;line-height:1.5;color:var(--ink-2,#aaa4b3);margin:1rem 0 0;max-width:56ch}
.myr-home__video{grid-column:auto;margin:0;width:100%}
.myr-home__video video{display:block;width:100%;aspect-ratio:16/9;background:#000;border-radius:16px;border:1px solid rgba(255,255,255,.12)}
.myr-home__video figcaption{margin-top:.7rem;font-size:.8rem;color:var(--ink-2,#aaa4b3);text-align:center}
@media (max-width:860px){.myr-home__grid{grid-template-columns:1fr}}