/* Shared public-site header. Page themes provide the color tokens. */
h1,h2,h3,h4,p,blockquote,li{text-wrap:balance}
.qcard blockquote.long-quote,.story-right .pq{text-wrap:pretty}
.qf-steps li > span:last-child,.perk-text p{text-wrap:balance}
.qf-steps .keep-together{white-space:nowrap}
@media(max-width:350px){
  .book-sec .book-right h2{font-size:28px}
  .book-right p{font-size:15.5px}
  .easy p{font-size:16px}
  .perk-card{padding:28px 22px;gap:14px}
  .perk-text p{font-size:13.5px}
  .qcard{padding:22px}
  .qcard blockquote{font-size:15px}
}
@media(max-width:430px){.qf-steps li{gap:8px;font-size:13.5px}}
header.nav{position:fixed;top:0;left:0;right:0;z-index:100;height:74px;padding:0;display:block;background:transparent;border:0;transition:background .25s,border-color .25s}
header.nav.stuck{background:color-mix(in srgb,var(--bg) 90%,transparent);border-bottom:1px solid var(--line);backdrop-filter:blur(18px)}
header.nav .nav-in{height:74px;display:flex;align-items:center;gap:16px}
.legacy-nav-page{--bg:#0E1117;--text:#F1F5F9;--muted:#94A3B8;--line:rgba(255,255,255,.08);--line-2:rgba(255,255,255,.14);--ink:#34D399;--display:'Fraunces',Georgia,serif;--body:'DM Sans',system-ui,sans-serif}
.legacy-nav-page header.nav{background:rgba(14,17,23,.9);border-bottom:1px solid var(--line);backdrop-filter:blur(18px)}
.legacy-nav-page header.nav .wrap{width:100%;max-width:1240px;margin:0 auto;padding:0 28px}
header.nav .brand{display:inline-flex;align-items:center;gap:10px;flex:0 0 auto;font-family:var(--display);font-size:19px;font-weight:700;white-space:nowrap;color:var(--text);text-decoration:none}
header.nav .brand svg{width:29px;height:29px;flex:0 0 29px}
header.nav .links{display:flex;align-items:center;gap:2px;margin-left:auto}
header.nav .links a{padding:9px 12px;border-radius:8px;font-size:15px;font-weight:500;white-space:nowrap;color:var(--muted);text-decoration:none}
header.nav .links a:hover,header.nav .links a[aria-current="page"]{color:var(--text);background:color-mix(in srgb,var(--text) 8%,transparent)}
header.nav .acts{display:flex;align-items:center;gap:10px;flex:0 0 auto}
header.nav .tgl,header.nav .burger{width:42px;height:42px;flex:0 0 42px;border:1px solid var(--line-2,var(--line));border-radius:8px;background:transparent;color:var(--text);display:flex;align-items:center;justify-content:center;cursor:pointer}
header.nav .tgl svg{width:19px;height:19px}
header.nav .tgl .sun{display:none}
[data-theme="light"] header.nav .tgl .sun{display:block}
[data-theme="light"] header.nav .tgl .moon{display:none}
header.nav .login{padding:8px 3px;font-size:14px;font-weight:600;white-space:nowrap;color:var(--text);text-decoration:none}
header.nav .login:hover{text-decoration:underline;text-underline-offset:3px}
header.nav .btn{padding:9px 15px;border-radius:8px;background:#20b88c;color:#09251c;font-size:14px;font-weight:700;white-space:nowrap;text-decoration:none}
header.nav .btn:hover{background:#44d2a7}
header.nav .burger{display:none}
header.nav .burger span{display:block;position:relative;width:18px;height:2px;background:currentColor}
header.nav .burger span::before,header.nav .burger span::after{content:"";position:absolute;left:0;width:18px;height:2px;background:currentColor;transition:transform .2s}
header.nav .burger span::before{top:-6px}
header.nav .burger span::after{top:6px}
header.nav .burger[aria-expanded="true"] span{background:transparent}
header.nav .burger[aria-expanded="true"] span::before{transform:translateY(6px) rotate(45deg)}
header.nav .burger[aria-expanded="true"] span::after{transform:translateY(-6px) rotate(-45deg)}
.site-drawer{position:fixed;inset:74px 0 0;z-index:99;display:flex;flex-direction:column;gap:4px;padding:24px 28px 40px;background:var(--bg);overflow-y:auto;visibility:hidden;opacity:0;transform:translateY(-8px);transition:opacity .2s,transform .2s,visibility .2s}
.site-drawer.open{display:flex;visibility:visible;opacity:1;transform:none}
.site-drawer a{display:block;padding:12px 0;border-bottom:1px solid var(--line);font-family:var(--display);font-size:23px;font-weight:600;color:var(--text);text-decoration:none}
.site-drawer a[aria-current="page"]{color:var(--ink)}
.site-drawer .btn{margin-top:14px;width:100%;padding:12px 16px;border:0;border-radius:8px;background:#20b88c;color:#09251c;text-align:center;font-family:var(--body);font-size:16px}
.trial-page{padding-top:74px}
@media(max-width:1100px){header.nav .links,header.nav .acts>.btn{display:none}header.nav .burger{display:flex}}
@media(max-width:760px){header.nav .login{display:none}}
@media(max-width:430px){header.nav .nav-in{gap:8px;justify-content:space-between}header.nav .brand{font-size:16px;gap:7px}header.nav .brand svg{width:24px;height:24px;flex-basis:24px}header.nav .acts{gap:7px}header.nav .tgl,header.nav .burger{width:38px;height:38px;flex-basis:38px}}
@media(max-width:430px){.legacy-nav-page header.nav .wrap{padding:0 20px}}