/* Stemzo websites: the Bento Studio look (same tokens as the app, webapp/src/theme/bento.css; contract design/BENTO.md).
   Loaded last on every page, so these values replace the page's own :root variables. Light by default; dark follows the visitor's system. */
:root{
  --bg:#ECE8DD;--bg-2:#F6F4EE;
  --card:#FFFFFF;--card-2:#F6F4EE;
  --ink:#1B1730;--ink-2:#5C5671;--ink-3:#625C78;--ink-4:#6F6984;
  --line:rgba(27,23,48,.10);--line-soft:rgba(27,23,48,.06);
  --accent:#5B3FF0;--accent-d:#4A2FD6;--accent-w:rgba(91,63,240,.10);--on-accent:#FFFFFF;
  --ok:#157A4F;--ok-w:rgba(21,122,79,.10);
  --warn:#6B4F00;--warn-w:rgba(255,240,184,.7);
  --bad:#C0304F;--bad-w:rgba(192,48,79,.10);
  --hero:linear-gradient(150deg,#33258A 0%,#1D1445 70%);--hero-ink:#FFFFFF;
  --nav-bg:rgba(255,255,255,.82);
  --display:'Gabarito','Nunito','Avenir Next Rounded','Trebuchet MS',system-ui,sans-serif;
  --body:'Figtree','DM Sans','Segoe UI',system-ui,-apple-system,Roboto,sans-serif;
  --mono:var(--body);
  --r:28px;--r-row:24px;--r-field:20px;
  --sh:0 1px 2px rgba(40,30,90,.05),0 14px 30px -18px rgba(40,30,90,.28);
  --sh-lg:0 2px 4px rgba(40,30,90,.06),0 24px 50px -22px rgba(40,30,90,.4);
  color-scheme:light;
}
@media (prefers-color-scheme: dark){
  :root{
    --bg:#0B0912;--bg-2:#13101E;--card:#1E1A2D;--card-2:#13101E;
    --ink:#F2EFFB;--ink-2:#B9B3CC;--ink-3:#A29CB8;--ink-4:#938DA8;
    --line:rgba(255,255,255,.10);--line-soft:rgba(255,255,255,.06);
    --accent:#9A88FF;--accent-d:#B6A9FF;--accent-w:rgba(154,136,255,.16);--on-accent:#130C36;
    --ok:#6FDDA4;--ok-w:rgba(111,221,164,.14);--warn:#F4DE88;--warn-w:rgba(244,222,136,.14);--bad:#FF8FA9;--bad-w:rgba(255,143,169,.14);
    --hero:linear-gradient(150deg,#4A39C8 0%,#241A63 75%);
    --nav-bg:rgba(30,26,45,.82);
    --sh:0 1px 2px rgba(0,0,0,.3),0 14px 30px -18px rgba(0,0,0,.7);--sh-lg:0 24px 50px -22px rgba(0,0,0,.8);
    color-scheme:dark;
  }
}
body{font-family:var(--body);background:var(--bg);color:var(--ink);font-size:16px}
body{background-image:radial-gradient(900px 500px at 10% -10%,rgba(91,63,240,.10),transparent 60%),radial-gradient(800px 500px at 100% 0%,rgba(255,150,90,.10),transparent 60%);background-attachment:fixed}
h1,h2,h3,h4,.brand,.price b,.plan-name,.display{font-family:var(--display);letter-spacing:-.015em}
h1,h2,h3,h4{letter-spacing:-.01em!important}
h1,h2{font-weight:800}
::selection{background:rgba(91,63,240,.24)}
.pill{background:var(--nav-bg)}
.brand{font-weight:800}
.btn{min-height:44px;font-weight:700;font-family:var(--body)}
.btn-p{background:var(--accent);color:var(--on-accent);box-shadow:0 8px 20px -10px var(--accent)}
.btn-p:hover{background:var(--accent-d)}
.btn-g{background:var(--card);color:var(--ink);border-color:var(--line)}
.btn-g:hover{border-color:var(--accent);background:var(--accent-w)}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--accent);outline-offset:2px}
input,select,textarea{font-family:var(--body);min-height:54px;border-radius:var(--r-field);border:1.5px solid var(--line);background:var(--bg-2);color:var(--ink);padding:0 14px;font-size:16px}
textarea{min-height:96px;padding:12px 14px}
input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 20%,transparent);outline:none}
input[type=checkbox],input[type=radio]{min-height:0;width:22px;height:22px;accent-color:var(--accent)}
.plan,.pack,.cmp,.note,.card,.tile,.step,.faq-item,.q,.panel{border-radius:var(--r);background:var(--card);border-color:var(--line-soft)}
.note{border-left:3px solid var(--accent)}
.cta{background:var(--hero);color:var(--hero-ink);border-radius:var(--r)}
.cta h2{color:var(--hero-ink)}
.cta p{color:rgba(255,255,255,.8)}
.cta .btn-g{background:transparent;border-color:rgba(255,255,255,.35);color:var(--hero-ink)}
.cta .btn-g:hover{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.6)}
.cta .btn-p{background:#fff;color:#241A63}
.tag{background:var(--accent);color:var(--on-accent)}
.kicker,.eyebrow{font-family:var(--body);font-weight:700;letter-spacing:.12em}
.seats,.soon,.live,th{font-family:var(--body);font-weight:700}
@media (max-width:640px){body{font-size:16px}h1{overflow-wrap:break-word}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.toc{display:flex;flex-wrap:wrap;gap:4px 16px}
.toc a{margin-right:0;white-space:normal;display:inline-flex;align-items:center;min-height:32px}
h1{font-weight:800!important}
.wrap.top{padding-left:var(--pad);padding-right:var(--pad)}
/* Cookie banner (injected by js/analytics-consent.js, which is shared byte-for-byte with the other site): Bento skin. */
#szc#szc{background:var(--card);color:var(--ink);border:1px solid var(--line);border-radius:var(--r);padding:20px 22px;font-family:var(--body);box-shadow:var(--sh-lg)}
#szc#szc .szc-h{font-family:var(--display);font-weight:800;font-size:17px}
#szc#szc .szc-s{color:var(--ink-2);opacity:1}
#szc#szc button{background:var(--card);color:var(--ink);border:1.5px solid var(--ink);border-radius:999px;font-weight:700}
#szc#szc button:hover{background:var(--accent-w)}
#szc#szc button:focus-visible{outline:3px solid var(--accent)}