/* Site refresh: light Vitals style. Translucent surfaces, soft dividers, no dark containers, violet accent. Loaded after styles.css on every page. */
:root{--bg1:#F6F4FF;--bg2:#FBFBFD;--glow:#7A5EF0;--g1:#3B2A99;--g2:#6A55E8;--g3:#7A5EF0;--text:#1D1D1F;--soft:#4A4A55;--muted:#6E6E73;--card:rgba(255,255,255,.6);--line:rgba(0,0,0,.08);--chip:rgba(139,123,255,.12)}
body{color:var(--text);background:linear-gradient(160deg,#F1EDFF 0,#FBFBFD 520px,#F3F8FF 100%)}
a{color:#5B4BD6}a:hover{color:#3B2A99}
code{background:rgba(139,123,255,.12);color:#3B2A99}
.nav,.nav.is-scrolled{background:rgba(255,255,255,.66);backdrop-filter:saturate(160%) blur(18px);-webkit-backdrop-filter:saturate(160%) blur(18px);border-bottom:1px solid var(--line);box-shadow:none}
.nav nav a{color:var(--muted)}.nav nav a:hover,.brand{color:var(--text)}
.nav .nav-cta,.btn,.menu-cta{background:#8B7BFF;color:#fff;border:0;box-shadow:none}
.nav .nav-cta:hover,.btn:hover,.menu-cta:hover{background:#7A6AF0;color:#fff}
.btn.r-ghost{background:rgba(139,123,255,.12);color:#5B4BD6}
.menu-panel,.menu{background:rgba(251,251,253,.96);color:var(--text)}
.menu-row{color:var(--text);background:transparent;border-color:var(--line)}
.menu-row small,.menu-meta,.menu-label{color:var(--muted)}
.burger span{background:var(--text)}
.foot{background:transparent;border-top:1px solid var(--line);color:var(--muted)}
.foot a,.foot-h,.copy{color:var(--muted)}.foot a:hover{color:var(--text)}
.sub,.lede,.tagline{color:var(--soft)}
.kicker{color:#7A5EF0}
/* guide surfaces: drop dark cards */
.card,.tool,.promo,.fit,.page-cta,.float-cta,details,.toc,.steps li,table,th,td,.callout,.note,.takeaways{background:transparent!important;color:inherit;border-color:var(--line)!important;box-shadow:none!important}
.float-cta{background:rgba(255,255,255,.8)!important;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.chips li{background:rgba(139,123,255,.12);color:#3B2A99;border-color:transparent}
pre{background:rgba(0,0,0,.04)!important;color:var(--text)!important;border:1px solid var(--line)}
summary{color:var(--text)}details p{color:var(--soft)}
/* refresh components */
.r-hero{padding:80px 0 40px}.r-pagehead{padding:72px 0 24px}
.r h1{font-size:clamp(38px,6vw,60px);line-height:1.06;letter-spacing:-.02em;margin:0 0 16px}
.r-lead{color:var(--muted);font-size:18px;max-width:720px;margin:0}.r-big{font-size:20px}
.center .r-lead,.r-mid{margin-left:auto;margin-right:auto}
.r-btns{margin:26px 0 0;display:flex;gap:10px;justify-content:center;flex-wrap:wrap}
.r-pagehead .r-btns{justify-content:flex-start}.r-pagehead.center .r-btns,.center .r-btns{justify-content:center}
.r-heroshots{display:grid;grid-template-columns:380px 1fr;gap:32px;align-items:center;margin-top:52px}
.r-shot{border-radius:14px;box-shadow:0 30px 80px rgba(60,40,140,.16);width:100%;height:auto}
.r-pop{max-width:380px;margin:auto}
.r-sec{padding:72px 0;border-top:1px solid var(--line)}
.r-two{display:grid;grid-template-columns:1fr 1.2fr;gap:56px;align-items:center}
.r-flip>div{order:2}
.r-grid{display:grid;grid-template-columns:repeat(3,1fr);margin:28px 0}
.r-grid>div{padding:22px;border-left:1px solid var(--line)}.r-grid>div:first-child{border-left:0;padding-left:0}
.r-grid p{color:var(--muted);margin:0;font-size:16px}
.r-chips{list-style:none;padding:0;margin:20px 0 28px;display:flex;flex-wrap:wrap;gap:6px}
.r-chips li{padding:5px 14px;border-radius:999px;background:rgba(139,123,255,.12);color:#3B2A99;font-size:14px;font-weight:600}
.r-plans{grid-template-columns:1fr 1fr;align-items:stretch}
.r-plan{padding:30px;border:1px solid var(--line);border-radius:20px;background:rgba(255,255,255,.55);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.r-plan ul{color:var(--soft);padding-left:20px;margin:16px 0 22px}.r-pro{border-color:rgba(139,123,255,.55)}
.r-table{width:100%;border-collapse:collapse}.r-table th,.r-table td{padding:14px 12px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top;font-size:16px}
.r-table thead th{color:var(--muted);font-size:13px;text-transform:uppercase;letter-spacing:.06em;font-weight:500;font-family:"Geist Mono",ui-monospace,SFMono-Regular,"SF Mono",Menlo,Consolas,monospace}
.r-table td{color:var(--soft)}.r-scroll{overflow-x:auto}
.r-prose h2{font-size:24px;margin:32px 0 8px}.r-prose p{color:var(--soft)}
.r .faq details{border:0!important;border-bottom:1px solid var(--line)!important;border-radius:0;padding:16px 0}
.r-cta{text-align:center}
@media (max-width:820px){.r-heroshots,.r-two,.r-plans{grid-template-columns:1fr;gap:28px}.r-flip>div{order:0}.r-grid{grid-template-columns:1fr}.r-grid>div{border-left:0;border-top:1px solid var(--line);padding:18px 0}.r-hero{padding:48px 0 24px}.r-sec{padding:52px 0}
.r-cmp thead{display:none}.r-cmp tr{display:block;padding:12px 0;border-bottom:1px solid var(--line)}.r-cmp th,.r-cmp td{display:block;border:0;padding:4px 0}.r-cmp td::before{content:attr(data-label) ": ";font-weight:600;color:var(--text)}}
/* guide overrides for the light theme */
.lede,.intro{color:var(--soft)!important}
.quick,.step,.takeaways li,.criteria li,.tool,.tool.soon,.tbl-wrap,.rel-card,.pick-list article,.fit,.problem,.band,.steps li{background:rgba(255,255,255,.55)!important;border:1px solid var(--line)!important;box-shadow:none!important}
.fit{border-left:3px solid #8B7BFF!important}
.cmd code,.cmd{color:var(--text)!important}
.cmd{background:rgba(0,0,0,.04)!important}
.out pre{background:rgba(0,0,0,.03)!important;border:1px dashed var(--line)!important;color:var(--text)}
.tbl thead th,.tbl.stack tbody th{background:rgba(139,123,255,.08)!important;color:#5B4BD6}
.num,.step h3::before,.takeaways li::before,.criteria .cn,.tool .rank,.pick{background:#8B7BFF!important;color:#fff!important}
.copy-btn,kbd,.menu-btn{background:rgba(139,123,255,.12)!important;color:#3B2A99!important}
.promo p,.card blockquote,.sheet-lead{color:var(--text)!important}
.chips li{color:#3B2A99!important}
.page-cta .r-shot{margin:24px 0}

/* Geist type settings */
body{font-weight:400;letter-spacing:-.005em;font-feature-settings:"ss01" 0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
h1,h2,h3{font-weight:600;letter-spacing:-.03em;line-height:1.08}
h1,.r h1{letter-spacing:-.045em;line-height:1.02}
h3{letter-spacing:-.015em;line-height:1.2}
p,li{line-height:1.6}
.btn,.nav-links a,.menu a{font-weight:500;letter-spacing:-.005em}
.kicker{font-size:12px}
code,kbd,pre{font-family:"Geist Mono",ui-monospace,SFMono-Regular,"SF Mono",Menlo,Consolas,monospace;font-weight:500}
summary,details summary span{font-weight:600;letter-spacing:-.01em}
th{font-weight:600}
strong,b{font-weight:600}

/* FAQ design A */
.fx{--v:#7c3aed;--vs:rgba(124,58,237,.08);--glass:rgba(255,255,255,.62)}
.r .fx{padding:88px 0 96px}
.fx h1,.fx-top h2{font-size:clamp(34px,5vw,52px);letter-spacing:-.035em;line-height:1.02;margin:10px 0 14px}
.fx .kicker{color:var(--v)}
.fx-intro{color:var(--soft);font-size:18px;max-width:52ch;margin:0}
.fx-stuck,.fx-more{font-size:14px;color:var(--soft);margin:18px 0 0}.fx-stuck a,.fx-more a{color:var(--v);font-weight:600;text-decoration:none;border-bottom:1px solid rgba(124,58,237,.3)}
.fx-more{margin-top:22px}
.fx-top{display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:end;margin-bottom:40px}
.fx-chips{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}
.fx-chips a{display:inline-flex;gap:7px;align-items:center;font-size:13px;font-weight:500;color:var(--text);text-decoration:none;padding:8px 13px;border-radius:999px;background:var(--glass);border:1px solid rgba(124,58,237,.14);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);transition:border-color .2s,transform .2s}
.fx-chips a:hover{border-color:var(--v);transform:translateY(-1px)}
.fx .gi{color:var(--v);flex:none}
.fx-label{margin:0 0 14px}
.r .fx details.qa{border:0!important;border-radius:12px!important;margin:0;padding:0;background:transparent!important;transition:background .2s}
.r .fx details.qa summary{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:0;padding:16px 14px;font-size:16.5px;border-radius:12px;transition:color .2s}
.r .fx details.qa summary::after{content:"";position:static;transform:none;flex:none;width:18px;height:18px;background:#a1a1aa;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") center/18px no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") center/18px no-repeat;transition:transform .3s cubic-bezier(.2,.8,.2,1),background .2s}
.r .fx details.qa[open] summary::after{content:"";transform:rotate(180deg);background:var(--v)}
.r .fx details.qa summary:hover{color:var(--v)}
.r .fx details.qa summary:focus-visible{outline:2px solid var(--v);outline-offset:2px}
.r .fx details.qa[open]{background:var(--vs)!important}
.r .fx details.qa p{margin:0;padding:0 14px 18px;color:var(--soft);font-size:15.5px;line-height:1.62;max-width:64ch;animation:fx-open .35s ease}
@keyframes fx-open{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
.fx-feats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:0 0 56px;align-items:start}
.fx-home .fx-feats{margin:0}
.r .fx details.feat{position:relative;padding-top:18px;background:var(--glass)!important;border:1px solid rgba(124,58,237,.16)!important;border-radius:18px!important;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 1px 0 rgba(255,255,255,.8) inset,0 10px 30px -18px rgba(76,29,149,.35)!important;transition:transform .2s,box-shadow .2s}
.r .fx details.feat::before{content:attr(data-cat);position:absolute;top:18px;left:20px;font:600 11px "Geist Mono",ui-monospace,monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--v)}
.r .fx details.feat:hover{transform:translateY(-2px);box-shadow:0 1px 0 #fff inset,0 18px 40px -20px rgba(76,29,149,.45)!important}
.r .fx details.feat summary{align-items:flex-start;padding:22px 20px 20px;font-size:17px}
.r .fx details.feat p{padding:0 20px 20px}
.r .fx details.feat[open]{background:rgba(255,255,255,.85)!important}
.fx-grid{display:grid;grid-template-columns:1fr 1fr;gap:44px 56px}
.fx-grp{scroll-margin-top:90px}
.fx-gh{display:flex;align-items:center;gap:12px;padding:0 14px 12px;border-bottom:1px solid var(--line);margin-bottom:6px}
.fx-gib{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:var(--vs);border:1px solid rgba(124,58,237,.15)}
.fx-gh h2{margin:0;font-size:17px;letter-spacing:-.015em;flex:1}
.fx-ct{font:500 12px "Geist Mono",ui-monospace,monospace;color:#a1a1aa}
@media (max-width:860px){.r .fx{padding:56px 0 64px}.fx-top{grid-template-columns:1fr;gap:22px}.fx-chips{justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;margin:0 -20px;padding:2px 20px 6px;scrollbar-width:none}.fx-chips a{flex:none}.fx-feats{grid-template-columns:1fr;gap:10px;margin-bottom:40px}.fx-grid{grid-template-columns:1fr;gap:34px}.r .fx details.qa summary{padding:15px 12px;font-size:16px}.r .fx details.qa p{padding:0 12px 16px}.fx-intro{font-size:16.5px}}
@media (prefers-reduced-motion:reduce){.r .fx details.qa p{animation:none}.r .fx details.qa summary::after,.r .fx details.feat{transition:none}}
.r-wpair{display:grid;grid-template-columns:1fr 1fr;gap:16px}