/* THE WEBSITE'S LOOK (SITE2, 2026-10-14) — live on every marketing page, loaded
   after the page's own <style>. The banner and its nav offset apply only in the
   password-gated preview (html.site2-preview).
   The pages share their token names (--navy, --blue …), so re-pointing the tokens
   restyles every section without touching the page's markup or copy. */
:root{
  --navy:#22113d !important;--navy-dk:#170a2c !important;--navy-lt:#3d2266 !important;
  --blue:#7c3aed !important;--blue-dk:#6d28d9 !important;--blue-lt:#f1eafe !important;
  --site2-plum:#22113d;--site2-lilac:#c4b5fd;--site2-ink:#1c1330;--site2-ink3:#6f6687;
  --site2-line:#e7e0f2;--site2-ease:cubic-bezier(.2,.8,.2,1);
}

/* preview banner */
.site2-banner{position:sticky;top:0;z-index:950;background:#fff3c4;color:#5a4300;font:500 12.5px/1.4 'DM Sans',system-ui,sans-serif;
  text-align:center;padding:7px 16px;border-bottom:1px solid #f0d88a;}
.site2-banner b{font-weight:700;}
html.site2 .lp-nav{background:var(--site2-plum);gap:8px;}
html.site2-preview .lp-nav{top:33px;}
.site2-guard-toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);z-index:10000;max-width:min(560px,calc(100vw - 32px));
  background:#22113d;color:#fff;border-radius:12px;padding:12px 16px;font:500 13.5px/1.45 'DM Sans',system-ui,sans-serif;box-shadow:0 12px 30px rgba(34,17,61,.35);}

/* the unified header */
.site2-menus{display:flex;align-items:center;gap:2px;margin-left:18px;flex:1;min-width:0;}
.site2-item{position:relative;}
.site2-top{display:inline-flex;align-items:center;gap:6px;height:40px;padding:0 12px;border:0;background:transparent;border-radius:8px;cursor:pointer;
  color:#ddd3ef;font:500 14px 'DM Sans',system-ui,sans-serif;text-decoration:none;white-space:nowrap;}
.site2-top:hover,.site2-item.open > .site2-top{color:#fff;background:rgba(255,255,255,.08);}
.site2-top.on{color:#fff;box-shadow:inset 0 -2px 0 var(--site2-lilac);}
.site2-top:focus-visible{outline:2px solid var(--site2-lilac);outline-offset:1px;}
.site2-chev{width:7px;height:7px;border-right:1.6px solid currentColor;border-bottom:1.6px solid currentColor;transform:translateY(-2px) rotate(45deg);
  transition:transform .22s var(--site2-ease);opacity:.75;}
.site2-item.open .site2-chev{transform:translateY(1px) rotate(225deg);}

/* the expanding panel: always laid out, animated in from the trigger */
.site2-panel{position:absolute;top:calc(100% + 10px);left:50%;translate:-50% 0;z-index:960;
  visibility:hidden;opacity:0;pointer-events:none;transform:translateY(-8px) scale(.98);transform-origin:top center;
  clip-path:inset(0 0 100% 0 round 14px);
  transition:opacity .16s ease,transform .24s var(--site2-ease),clip-path .26s var(--site2-ease),visibility 0s linear .26s;}
.site2-panel::before{content:"";position:absolute;left:0;right:0;top:-12px;height:12px;}  /* bridge: the pointer can cross the gap */
.site2-item.open > .site2-panel{visibility:visible;opacity:1;pointer-events:auto;transform:none;clip-path:inset(-30px -30px -60px -30px round 14px);
  transition:opacity .16s ease,transform .24s var(--site2-ease),clip-path .28s var(--site2-ease),visibility 0s;}
.site2-panel-in{background:#fff;border-radius:14px;box-shadow:0 22px 50px rgba(34,17,61,.25),0 2px 8px rgba(34,17,61,.08);
  border-top:3px solid #7c3aed;padding:14px;display:grid;gap:6px 18px;grid-auto-flow:column;min-width:300px;}
.site2-panel[data-cols="2"] .site2-panel-in{min-width:600px;}
.site2-gt{font:600 10.5px/1 'DM Mono',ui-monospace,monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--site2-ink3);padding:6px 10px 8px;}
.site2-link{display:grid;gap:1px;padding:8px 10px;border-radius:9px;text-decoration:none;color:var(--site2-ink);}
.site2-link b{font:600 14px 'DM Sans',system-ui,sans-serif;}
.site2-link small{font:400 12.5px/1.35 'DM Sans',system-ui,sans-serif;color:var(--site2-ink3);}
.site2-link:hover,.site2-link:focus-visible{background:#f1eafe;outline:0;}
.site2-link:hover b,.site2-link:focus-visible b{color:#6d28d9;}
.site2-link.on b{color:#6d28d9;}
.site2-acts{display:flex;align-items:center;gap:8px;margin-left:auto;}
html.site2 .lp-btn-primary{background:#7c3aed !important;border-color:#7c3aed !important;}
html.site2 .lp-btn-primary:hover{background:#6d28d9 !important;}
.site2-burger{display:none;flex-direction:column;justify-content:center;align-items:center;width:40px;height:40px;border-radius:9px;
  border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.07);cursor:pointer;margin-left:8px;}
.site2-burger i{display:block;width:17px;height:2px;background:#fff;border-radius:2px;margin:2px 0;}
.site2-burger:focus-visible{outline:2px solid #fff;outline-offset:2px;}

/* phone and small tablet: the burger opens every group as a list */
.lp-nav.site2-mobile{flex-wrap:wrap;height:auto !important;min-height:56px;}
.lp-nav.site2-mobile .site2-burger{display:flex;}
.lp-nav.site2-mobile .site2-menus{display:none;order:5;flex-basis:100%;flex-direction:column;align-items:stretch;margin:8px 0 4px;gap:0;
  max-height:calc(100vh - 120px);overflow-y:auto;background:var(--site2-plum);border-radius:10px;padding:4px;}
.lp-nav.site2-mobile.site2-open .site2-menus{display:flex;}
.lp-nav.site2-mobile .site2-acts{margin-left:auto;}
.lp-nav.site2-mobile .site2-top{width:100%;justify-content:space-between;height:46px;}
.lp-nav.site2-mobile .site2-panel{position:static;translate:none;display:none;visibility:visible;opacity:1;pointer-events:auto;transform:none;clip-path:none;transition:none;}
.lp-nav.site2-mobile .site2-item.open > .site2-panel{display:block;}
.lp-nav.site2-mobile .site2-panel-in{grid-auto-flow:row;min-width:0 !important;box-shadow:none;border-top:0;background:#2f1952;}
.lp-nav.site2-mobile .site2-link b{color:#fff;}
.lp-nav.site2-mobile .site2-link small,.lp-nav.site2-mobile .site2-gt{color:#c9bfe0;}
.lp-nav.site2-mobile .site2-link:hover{background:rgba(255,255,255,.08);}
@media (max-width:600px){ .site2-acts .lp-btn-ghost{display:none;} .site2-banner{font-size:11.5px;} html.site2-preview .lp-nav{top:46px;} }
@media (prefers-reduced-motion:reduce){
  .site2-panel,.site2-item.open > .site2-panel,.site2-chev{transition:none;transform:none;clip-path:none;}
}

/* pricing: the Founder's Pricing graphic beside the headline (site2.js, pricingHero) */
header.pr-head.site2-hero{padding-top:44px;padding-bottom:40px;}
.site2-hero-row{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.9fr);gap:40px;align-items:center;max-width:1120px;margin:0 auto;}
.site2-hero-text{text-align:left;}
.site2-hero-text h1,.site2-hero-text p{margin-left:0;margin-right:0;text-align:left;}
.site2-hero-text .pr-sub{text-align:left;}
header.pr-head.site2-hero .pr-promo{max-width:360px;margin:0 0 0 auto;}
header.pr-head.site2-hero .pr-promo img{border-radius:14px;box-shadow:0 18px 40px rgba(0,0,0,.35);}
header.pr-head.site2-hero .pr-promo p{color:#c9bfe0;margin-top:10px;}
@media (max-width:860px){
  .site2-hero-row{grid-template-columns:minmax(0,1fr);gap:24px;}
  .site2-hero-text,.site2-hero-text h1,.site2-hero-text p,.site2-hero-text .pr-sub{text-align:center;}
  header.pr-head.site2-hero .pr-promo{margin:0 auto;max-width:300px;}
}