/* The calls to action across 90n.ai (scripts/90n/cta.mjs): rail, floating rail, inline, band.
   90n's look: night glass, a gold edge, cream Inter headlines (no serif), a yellow button. */
.cta90{--c-star:#FFF3DC;--c-muted:#B5ABD6;--c-dim:#8E84B5;--c-joy:#FFD84A;--c-gold:#FFE7B0;--c-night:#110A2C;--c-line:rgba(255,243,220,.12);
  font-family:var(--n90-text,'Inter',system-ui,sans-serif);color:var(--c-muted);text-align:left}
.cta90 *{box-sizing:border-box}
.cta90-kicker{margin:0 0 10px;font:600 11.5px/1.4 var(--n90-text,'Inter',system-ui,sans-serif);letter-spacing:.18em;text-transform:uppercase;color:var(--c-joy)}
.cta90-head{margin:0;font:600 21px/1.25 var(--n90-text,'Inter',system-ui,sans-serif)!important;letter-spacing:-.01em;color:var(--c-star);font-variation-settings:normal!important;font-style:normal}
.cta90-body{margin:12px 0 0;font-size:15px;line-height:1.6;color:var(--c-muted)}
.cta90-offer{margin:12px 0 0;font-size:14px;font-weight:600;line-height:1.5;color:var(--c-gold)}
.cta90-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;margin-top:18px;min-height:46px;padding:12px 24px;border-radius:999px;
  background:var(--c-joy);color:var(--c-night)!important;font:600 15px/1.2 var(--n90-text,'Inter',system-ui,sans-serif);text-decoration:none;
  box-shadow:0 0 0 6px rgba(255,216,74,.12);transition:transform .15s,box-shadow .15s}
.cta90-btn:hover{transform:translateY(-1px);box-shadow:0 0 0 8px rgba(255,216,74,.18)}
.cta90-logos{display:flex;gap:8px;margin:0 0 16px;padding:0;list-style:none}
.cta90-logos li{width:28px;height:28px;border-radius:7px;overflow:hidden;box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)}
.cta90-logos img{display:block;width:100%;height:100%;object-fit:cover}

/* rail: the card beside the content */
.cta90-rail{padding:26px 24px 24px;border-radius:20px;background:linear-gradient(180deg,rgba(255,216,74,.12),rgba(28,18,72,.85) 60%);
  border:1px solid rgba(255,216,74,.32);box-shadow:0 40px 100px -50px rgba(255,190,70,.45)}
.cta90-rail .cta90-btn{width:100%}

/* float: the rail as a small card in the corner, for pages without a right column */
/* same gold-edged card as the rail, opaque because it sits over the text */
.cta90-float{position:fixed;right:24px;bottom:24px;z-index:45;width:320px;max-width:calc(100vw - 32px);padding:22px 20px 20px;
  background:linear-gradient(180deg,#2B2140 0%,#1A1240 60%);opacity:0;transform:translateY(12px);transition:opacity .3s,transform .3s}
.cta90-float.show{opacity:1;transform:none}
.cta90-float .cta90-head{font-size:18px}
.cta90-float .cta90-body{font-size:14px}
.cta90-x{position:absolute;top:8px;right:10px;width:32px;height:32px;border:0;border-radius:50%;background:transparent;color:var(--c-dim);font-size:22px;line-height:1;cursor:pointer}
.cta90-x:hover{color:var(--c-star);background:rgba(255,255,255,.06)}
@media (max-width:900px){.cta90-float{display:none!important}}

/* inline: a short block inside the text */
.cta90-inline{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px 24px;margin:36px 0;padding:22px 24px;border-radius:18px;
  background:rgba(255,255,255,.045);border:1px solid rgba(255,216,74,.3)}
.cta90-txt{flex:1 1 280px;min-width:0}
.cta90-txt b{display:block;font:600 17px/1.35 var(--n90-text,'Inter',system-ui,sans-serif);color:var(--c-star)}
.cta90-txt span{display:block;margin-top:6px;font-size:14px;line-height:1.5;color:var(--c-gold)}
.cta90-inline .cta90-btn{margin-top:0;flex:none}

/* band: a full-width block */
.cta90-band{padding:96px 24px;background:radial-gradient(50% 70% at 50% 0%,rgba(255,214,140,.12) 0%,transparent 70%),linear-gradient(180deg,#110A2C 0%,#1C1248 100%);
  border-top:1px solid var(--c-line);text-align:center}
.cta90-band-in{max-width:720px;margin:0 auto;text-align:center}
.cta90-band .cta90-kicker{margin-bottom:14px}
.cta90-band .cta90-head{font-size:clamp(28px,3.4vw,40px)!important;line-height:1.15}
.cta90-band .cta90-body{max-width:58ch;margin:16px auto 0;font-size:17px}
.cta90-band .cta90-btn{margin-top:26px;min-height:52px;padding:14px 28px;font-size:15.5px}