/* Generated by scripts/build_dark.py — dark mode for yegly.com. Edit the manual section at the bottom, not the generated rules. */
:root[data-theme="dark"]{--cloud:#0F0C20;--white:#1A1633;--ink:#EDEBFA;--ink-2:#C9C6E0;--muted:#9A97B5;--line:rgba(255,255,255,.10);
  --shadow:0 1px 2px rgba(0,0,0,.35),0 12px 32px rgba(0,0,0,.35);color-scheme:dark}
:root[data-theme="dark"] body{background:#0F0C20;color:#EDEBFA}
:root[data-theme="dark"] .bill{background:#1A1633 !important}
:root[data-theme="dark"] .bill .save{background:rgba(185,243,228,.12) !important}
:root[data-theme="dark"] .launch-note{background:rgba(185,243,228,.12) !important}
:root[data-theme="dark"] .plan{background:#1A1633 !important}
:root[data-theme="dark"] .addon{background:#1A1633 !important}
:root[data-theme="dark"] .compare{background:#1A1633 !important}
:root[data-theme="dark"] .picker{background:#1A1633 !important}
:root[data-theme="dark"] .picker-btns button{background:#221D40 !important}
:root[data-theme="dark"] .picker-btns button:hover{background:#2A2550 !important}
:root[data-theme="dark"] .seats{background:#2A2550 !important}
:root[data-theme="dark"] .float{background:#1A1633 !important}
:root[data-theme="dark"] .join-row{background:#1A1633 !important}
:root[data-theme="dark"] .done{background:#1A1633 !important}
:root[data-theme="dark"] .tabs{background:#1A1633 !important}
:root[data-theme="dark"] .tour-text li::before{background:rgba(185,243,228,.12) !important}
:root[data-theme="dark"] .shot{background:#1A1633 !important}
:root[data-theme="dark"] .shot .browser-bar span{background:#1A1633 !important}
:root[data-theme="dark"] .step{background:#1A1633 !important}
:root[data-theme="dark"] .fit-tab:hover{background:#1A1633 !important}
:root[data-theme="dark"] .fit-tab[aria-selected="true"]{background:#1A1633 !important}
:root[data-theme="dark"] .fit-ic{background:#2A2550 !important}
:root[data-theme="dark"] .fit-card{background:#1A1633 !important}
:root[data-theme="dark"] .fit-card li{border-top:1px solid rgba(255,255,255,.08) !important}
:root[data-theme="dark"] .who-ic{background:#2A2550 !important}
:root[data-theme="dark"] .card{background:#1A1633 !important}
:root[data-theme="dark"] .tag{background:rgba(185,243,228,.12) !important;background:#2A2550 !important}
:root[data-theme="dark"] .founder{background:#1A1633 !important}
:root[data-theme="dark"] details{background:#1A1633 !important}
:root[data-theme="dark"] .fcard{background:#1A1633 !important}
:root[data-theme="dark"] .fcard input:focus,:root[data-theme="dark"] .fcard select:focus,:root[data-theme="dark"] .fcard textarea:focus{background:#1A1633 !important}
:root[data-theme="dark"] .done .ok{background:rgba(185,243,228,.12) !important}
:root[data-theme="dark"] .bill button[aria-pressed="true"]{background:#1A1633 !important;color:#EDEBFA !important}
:root[data-theme="dark"] .plan .per{background:rgba(185,243,228,.12) !important}
:root[data-theme="dark"] .path-tabs button{background:#1A1633 !important}
:root[data-theme="dark"] .path{background:#1A1633 !important}
:root[data-theme="dark"] .steps li::before{background:#2A2550 !important}
:root[data-theme="dark"] .steps li::after{background:#2A2550 !important}
:root[data-theme="dark"] .steps i{background:rgba(185,243,228,.12) !important}
:root[data-theme="dark"] .ledger table{background:#1A1633 !important}
:root[data-theme="dark"] .ledger th{background:#221D40 !important}
:root[data-theme="dark"] .matrix-scroll{background:#1A1633 !important}
:root[data-theme="dark"] .matrix thead th{background:#1A1633 !important}
:root[data-theme="dark"] .matrix tr.grp td{background:#221D40 !important}
:root[data-theme="dark"] .pfaq details{background:#1A1633 !important}
:root[data-theme="dark"] .a-answer{background:#1A1633 !important}
:root[data-theme="dark"] .post table{background:#1A1633 !important}
:root[data-theme="dark"] .math{background:#1A1633 !important}
:root[data-theme="dark"] .feat{background:#1A1633 !important}
:root[data-theme="dark"] .tag.soon{background:rgba(185,243,228,.12) !important}
:root[data-theme="dark"] .chips button{background:#1A1633 !important}
:root[data-theme="dark"] .pc{background:#1A1633 !important;background:#221D40 !important}
:root[data-theme="dark"] .write{background:#1A1633 !important}
:root[data-theme="dark"] .write .ic{background:#2A2550 !important}
:root[data-theme="dark"] .author-box{background:#1A1633 !important}
:root[data-theme="dark"] .search{background:#1A1633 !important}
:root[data-theme="dark"] .pill{background:#1A1633 !important}
:root[data-theme="dark"] .pc h3{color:#EDEBFA !important}
:root[data-theme="dark"] .more{color:#EDEBFA !important}
:root[data-theme="dark"] .more.soon{background:rgba(185,243,228,.12) !important}
:root[data-theme="dark"] .pc.soon{background:#1A1633 !important;background:#221D40 !important}
:root[data-theme="dark"] .sub .sub-more select option{color:#EDEBFA !important}
:root[data-theme="dark"] .pg{background:#1A1633 !important;color:#EDEBFA !important}
:root[data-theme="dark"] .a-head h1{color:#EDEBFA !important}
:root[data-theme="dark"] .a-tag{background:#1A1633 !important}
:root[data-theme="dark"] .a-toc a:hover{color:#EDEBFA !important}
:root[data-theme="dark"] .a-share button,:root[data-theme="dark"] .a-share a{background:#1A1633 !important;color:#EDEBFA !important}
:root[data-theme="dark"] .calc-inline .calc-h{color:#EDEBFA !important}
:root[data-theme="dark"] .post .calc-inline .calc-in label{color:#C9C6E0 !important}
:root[data-theme="dark"] .post .calc-inline .calc-in>p{color:#C9C6E0 !important}
:root[data-theme="dark"] .ph-screen{background:#221D40 !important}
:root[data-theme="dark"] .ph-status{color:#EDEBFA !important}
:root[data-theme="dark"] .a-hero .pill{background:#1A1633 !important;color:#EDEBFA !important}
:root[data-theme="dark"] .a-hero .pill .ic{background:rgba(185,243,228,.12) !important}
:root[data-theme="dark"] .rg-form input[type=text],:root[data-theme="dark"] .rg-form input[type=email],:root[data-theme="dark"] .rg-form select{background:#1A1633 !important}
:root[data-theme="dark"] .rg-form select{background:#1A1633 !important}
:root[data-theme="dark"] .rg-done{background:#1A1633 !important}
:root[data-theme="dark"] .rl-card{background:#1A1633 !important}
:root[data-theme="dark"] .rp-feat{background:#1A1633 !important}
:root[data-theme="dark"] .calc{background:#1A1633 !important}
:root[data-theme="dark"] .calc-in h2{color:#EDEBFA !important}
:root[data-theme="dark"] .calc-in>p{color:#C9C6E0 !important}
:root[data-theme="dark"] .calc label{color:#C9C6E0 !important}
:root[data-theme="dark"] .calc input,:root[data-theme="dark"] .calc select{color:#EDEBFA !important}
:root[data-theme="dark"] .calc input:focus,:root[data-theme="dark"] .calc select:focus{background:#1A1633 !important}
/* ---- hand-tuned dark mode ---- */
:root[data-theme="dark"] input,:root[data-theme="dark"] select,:root[data-theme="dark"] textarea{background-color:#221D40;color:#EDEBFA;border-color:rgba(255,255,255,.14)}
:root[data-theme="dark"] input::placeholder,:root[data-theme="dark"] textarea::placeholder{color:#8F8BB0}
:root[data-theme="dark"] .join-row input{background:transparent}
:root[data-theme="dark"] img.shot-img,:root[data-theme="dark"] .shot img{filter:brightness(.92)}

/* contrast fixes */
:root[data-theme="dark"]{--mint-deep:#7FE6CB;--violet-deep:#A99CFF}
:root[data-theme="dark"] .btn-dark,:root[data-theme="dark"] .join-row .btn{background:#B9F3E4 !important;color:#1F1B3A !important}
:root[data-theme="dark"] .btn-dark:hover{background:#fff !important}
:root[data-theme="dark"] .tour-text li::before{background-color:rgba(185,243,228,.16) !important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23B9F3E4' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12l4 4 8-9'/%3E%3C/svg%3E") !important}
:root[data-theme="dark"] .step .viz span[style*="background:#fff"]{background:#2A2550 !important;border-color:rgba(255,255,255,.14) !important;color:#EDEBFA}
:root[data-theme="dark"] .step .viz circle[stroke="#ECEBF3"]{stroke:#3A3466}
:root[data-theme="dark"] .step .viz circle[stroke="#1F1B3A"]{stroke:#B9F3E4}
:root[data-theme="dark"] .step .viz text[fill="#1F1B3A"]{fill:#EDEBFA}
:root[data-theme="dark"] .step .viz text[fill="#77748F"]{fill:#9A97B5}
:root[data-theme="dark"] .bill{border-color:rgba(255,255,255,.14) !important}
:root[data-theme="dark"] .bill button[aria-pressed="true"]{background:#B9F3E4 !important;color:#1F1B3A !important}
:root[data-theme="dark"] .bill button[aria-pressed="true"] .save{background:#1F1B3A !important;color:#B9F3E4 !important}
:root[data-theme="dark"] .bill .save,:root[data-theme="dark"] .launch-note{color:#B9F3E4 !important}
:root[data-theme="dark"] .seats,:root[data-theme="dark"] .fit-ic{background:rgba(169,156,255,.16) !important}
/* coral cards keep their light form fields */
:root[data-theme="dark"] .final .join-row{background:#fff !important}
:root[data-theme="dark"] .final .join-row input{color:#1F1B3A !important}
:root[data-theme="dark"] .final select{background-color:#fff !important;color:#1F1B3A !important;border-color:rgba(43,15,8,.2) !important}
:root[data-theme="dark"] .final,:root[data-theme="dark"] .hooray{color:#2B0F08}
:root[data-theme="dark"] .final .join-row .btn{background:#1F1B3A !important;color:#fff !important}
:root[data-theme="dark"] .a-head{background:radial-gradient(900px 420px at 85% 0%,rgba(124,108,242,.22),transparent 65%),radial-gradient(700px 360px at 0% 10%,rgba(185,243,228,.08),transparent 60%),linear-gradient(#1A1633,#120F26) !important}
/* Theme switch (footer) */
.theme-pick{display:inline-flex;gap:2px;padding:3px;border-radius:999px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12)}
.theme-pick button{display:inline-flex;align-items:center;gap:6px;border:none;background:transparent;color:#C9C6E0;font:600 12.5px Inter,sans-serif;padding:6px 11px;border-radius:999px;cursor:pointer}
.theme-pick button svg{width:14px;height:14px}
.theme-pick button[aria-pressed="true"]{background:#B9F3E4;color:#1F1B3A}
.theme-pick button:focus-visible{outline:2px solid #B9F3E4;outline-offset:2px}
.foot-legal{align-items:center;flex-wrap:wrap;gap:12px}
:root:not([data-theme="dark"]) .mini-foot .theme-pick{background:#fff;border-color:#E6E4F0}
:root:not([data-theme="dark"]) .mini-foot .theme-pick button{color:#4A4766}
:root:not([data-theme="dark"]) .mini-foot .theme-pick button[aria-pressed="true"]{background:#1F1B3A;color:#fff}

/* email fields stay a clear white pill in dark mode too */
:root[data-theme="dark"] .join-row{background:#fff !important;box-shadow:0 14px 34px rgba(0,0,0,.35)}
:root[data-theme="dark"] .join-row input{color:#1F1B3A !important;background:transparent !important}
:root[data-theme="dark"] .join-row input::placeholder{color:#6B6886}
:root[data-theme="dark"] .join-row .btn{background:#1F1B3A !important;color:#fff !important}
:root[data-theme="dark"] .join-row .btn:hover{background:#6A5AE0 !important}

/* ---------- phone & tablet menu ---------- */
.nav-burger{display:none}
@media (max-width:960px){
  .nav .wrap{position:relative;z-index:61}
  .nav-burger{display:inline-flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:44px;height:44px;margin-left:2px;border-radius:12px;
    border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.06);cursor:pointer;flex:none;transition:background .15s}
  .nav-burger:hover{background:rgba(255,255,255,.12)}
  .nav-burger:focus-visible{outline:3px solid #B9F3E4;outline-offset:2px}
  .nav-burger span{display:block;width:18px;height:2px;border-radius:2px;background:#fff;transition:transform .22s ease,opacity .15s}
  .nav-burger[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
  .nav-burger[aria-expanded="true"] span:nth-child(2){opacity:0}
  .nav-burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
  .nav{z-index:61}
  html.ymenu-open,html.ymenu-open body{overflow:hidden}
  html.ymenu-open .nav{background:#120F26}
}
@media (max-width:420px){ .nav-links .btn{padding:9px 14px;font-size:13.5px} .nav-links{gap:8px} }
.ymenu{position:fixed;inset:0;z-index:60;display:flex;flex-direction:column;padding:calc(var(--nav-h,68px) + 18px) 20px max(24px,env(safe-area-inset-bottom));
  background:radial-gradient(700px 420px at 100% 0%,rgba(124,108,242,.35),transparent 60%),radial-gradient(500px 360px at 0% 100%,rgba(185,243,228,.10),transparent 60%),#120F26;
  color:#fff;opacity:0;transform:translateY(-8px);transition:opacity .2s ease,transform .2s ease;overflow-y:auto}
.ymenu.on{opacity:1;transform:none}
.ymenu[hidden]{display:none}
.ymenu-links{display:flex;flex-direction:column;border-top:1px solid rgba(255,255,255,.08)}
.ymenu-links a{display:flex;align-items:center;justify-content:space-between;padding:18px 4px;border-bottom:1px solid rgba(255,255,255,.08);
  font:600 28px/1.1 Sora,Inter,sans-serif;letter-spacing:-.02em;color:#fff;text-decoration:none}
.ymenu-links a svg{width:22px;height:22px;color:#8F8BB0;transition:transform .15s,color .15s}
.ymenu-links a:hover svg,.ymenu-links a:focus-visible svg{color:#B9F3E4;transform:translateX(3px)}
.ymenu-links a[aria-current="page"]{color:#B9F3E4}
.ymenu-links a:focus-visible,.ymenu-cta a:focus-visible{outline:3px solid #B9F3E4;outline-offset:3px;border-radius:10px}
.ymenu-theme{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:22px 4px 0;font-size:14px;color:#C9C6E0}
.ymenu-cta{margin-top:auto;padding-top:28px;display:grid;gap:12px}
.ymenu-cta a{display:flex;align-items:center;justify-content:center;height:56px;border-radius:999px;font:600 17px Inter,sans-serif;text-decoration:none}
.ymenu-login{border:1.5px solid rgba(255,255,255,.28);color:#fff}
.ymenu-login:hover{background:rgba(255,255,255,.06)}
.ymenu-join{background:#B9F3E4;color:#1F1B3A}
.ymenu-join:hover{background:#fff}
@media (prefers-reduced-motion:reduce){.ymenu,.nav-burger span{transition:none}}

/* ---------- menu follows Light / Dark (light first, dark below) ---------- */
:root:not([data-theme="dark"]) .ymenu{color:#1F1B3A;
  background:radial-gradient(700px 420px at 100% 0%,rgba(124,108,242,.16),transparent 60%),radial-gradient(500px 360px at 0% 100%,rgba(185,243,228,.45),transparent 60%),#F7F6FC}
:root:not([data-theme="dark"]) .ymenu-links{border-top-color:rgba(31,27,58,.10)}
:root:not([data-theme="dark"]) .ymenu-links a{color:#1F1B3A;border-bottom-color:rgba(31,27,58,.10)}
:root:not([data-theme="dark"]) .ymenu-links a svg{color:#6B6886}
:root:not([data-theme="dark"]) .ymenu-links a:hover svg,:root:not([data-theme="dark"]) .ymenu-links a:focus-visible svg{color:#5B4BE0}
:root:not([data-theme="dark"]) .ymenu-links a[aria-current="page"]{color:#5B4BE0}
:root:not([data-theme="dark"]) .ymenu-links a:focus-visible,:root:not([data-theme="dark"]) .ymenu-cta a:focus-visible{outline-color:#5B4BE0}
:root:not([data-theme="dark"]) .ymenu-theme{color:#4A4766}
:root:not([data-theme="dark"]) .ymenu .theme-pick{background:#fff;border-color:#E1DFEE}
:root:not([data-theme="dark"]) .ymenu .theme-pick button{color:#4A4766}
:root:not([data-theme="dark"]) .ymenu .theme-pick button[aria-pressed="true"]{background:#1F1B3A;color:#fff}
:root:not([data-theme="dark"]) .ymenu-login{border-color:rgba(31,27,58,.28);color:#1F1B3A}
:root:not([data-theme="dark"]) .ymenu-login:hover{background:rgba(31,27,58,.05)}
:root:not([data-theme="dark"]) .ymenu-join{background:#1F1B3A;color:#fff}
:root:not([data-theme="dark"]) .ymenu-join:hover{background:#5B4BE0}
/* the header matches the open menu */
@media (max-width:960px){
  :root:not([data-theme="dark"]).ymenu-open .nav{background:#F7F6FC;border-bottom-color:rgba(31,27,58,.08);backdrop-filter:none;-webkit-backdrop-filter:none}
  :root:not([data-theme="dark"]).ymenu-open .nav .logo{color:#1F1B3A}
  :root:not([data-theme="dark"]).ymenu-open .nav-burger{background:#fff;border-color:rgba(31,27,58,.16)}
  :root:not([data-theme="dark"]).ymenu-open .nav-burger span{background:#1F1B3A}
  :root:not([data-theme="dark"]).ymenu-open .nav-burger:focus-visible{outline-color:#5B4BE0}
  :root:not([data-theme="dark"]).ymenu-open .nav-links .btn{background:#1F1B3A;color:#fff}
}
.ymenu,.ymenu-links a,.ymenu-cta a,.nav{transition:background-color .2s,color .2s,border-color .2s,opacity .2s ease,transform .2s ease}

/* header copy of the theme switch: icons only, right after the logo (header is navy in both themes) */
.nav .wrap > .theme-pick.in-nav{margin-left:18px;margin-right:auto;padding:3px;gap:2px}
.theme-pick.in-nav button{padding:6px 8px}
.theme-pick.in-nav button svg{width:15px;height:15px}
/* phones: the header has no room next to the waitlist button; the ☰ menu has the same switch */
@media(max-width:560px){.nav .wrap > .theme-pick.in-nav{display:none}}
/* Insights dropdown (desktop) */
.nav-dd{position:relative}
.nav-dd-btn{display:inline-flex;align-items:center;gap:6px;background:none;border:0;padding:6px 0;font:inherit;color:var(--on-dark,#C9C6E0);cursor:pointer}
.nav-dd-btn:hover,.nav-dd-btn[aria-expanded="true"],.nav-dd-btn[data-on]{color:#fff}
.nav-dd-btn svg{width:14px;height:14px;transition:transform .18s}
.nav-dd-btn[aria-expanded="true"] svg{transform:rotate(180deg)}
.nav-dd-btn:focus-visible{outline:3px solid #B9F3E4;outline-offset:4px;border-radius:6px}
.nav-dd-panel{position:absolute;top:calc(100% + 14px);left:50%;width:560px;display:grid;grid-template-columns:1fr 196px;gap:8px;padding:10px;border-radius:22px;background:#fff;border:1px solid rgba(31,27,58,.08);box-shadow:0 30px 70px rgba(18,15,38,.28);opacity:0;transform:translate(-50%,-6px);transition:opacity .16s,transform .16s;z-index:70}
.nav-dd-panel::before{content:"";position:absolute;left:0;right:0;top:-16px;height:16px}
.nav-dd.open .nav-dd-panel{opacity:1;transform:translate(-50%,0)}
.nav-dd-panel[hidden]{display:none}
.nav-dd-links{display:flex;flex-direction:column}
.nav-dd-links a{display:flex;gap:14px;align-items:flex-start;padding:14px;border-radius:14px;text-decoration:none!important;color:#1F1B3A!important}
.nav-dd-links a:hover,.nav-dd-links a:focus-visible{background:#F4F2FB;outline:none}
.nav-dd-links a[aria-current="page"] b{color:#5B4BD6}
.nav-dd-ic{flex:none;width:40px;height:40px;border-radius:12px;background:#EEEBFF;color:#5B4BD6;display:flex;align-items:center;justify-content:center}
.nav-dd-ic svg{width:21px;height:21px}
.nav-dd-links b{display:block;font:600 16px Sora,sans-serif;letter-spacing:-.01em}
.nav-dd-links small{display:block;font:400 13.5px/1.45 Inter,sans-serif;color:#6E6A8A;margin-top:3px}
.nav-dd-feat{display:flex;flex-direction:column;gap:10px;padding:14px;border-radius:16px;background:#1F1B3A;color:#fff!important;text-decoration:none!important}
.nav-dd-feat img{width:66px;height:auto;border-radius:3px 6px 6px 3px;box-shadow:0 10px 20px rgba(0,0,0,.35)}
.nav-dd-feat em{display:block;font:600 11px Inter,sans-serif;font-style:normal;letter-spacing:.12em;text-transform:uppercase;color:#B9F3E4}
.nav-dd-feat b{display:block;font:600 15px/1.25 Sora,sans-serif;margin-top:4px}
.nav-dd-feat small{display:block;font:500 13px Inter,sans-serif;color:#C9C6E0;margin-top:6px}
.nav-dd-feat:hover{background:#2A2550}
:root[data-theme="dark"] .nav-dd-panel{background:#1A1633;border-color:rgba(255,255,255,.08)}
:root[data-theme="dark"] .nav-dd-links a{color:#F1EFFA!important}
:root[data-theme="dark"] .nav-dd-links a:hover,:root[data-theme="dark"] .nav-dd-links a:focus-visible{background:#241F45}
:root[data-theme="dark"] .nav-dd-ic{background:#2A2550;color:#B9F3E4}
:root[data-theme="dark"] .nav-dd-links small{color:#A9A5C8}
:root[data-theme="dark"] .nav-dd-links a[aria-current="page"] b{color:#B9F3E4}
:root[data-theme="dark"] .nav-dd-feat{background:#2A2550}
@media (max-width:960px){.nav-dd{display:none}}
/* phone menu group label */
.ymenu-group{display:block;padding:18px 4px 4px;font:600 12px Inter,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#8F8BB0}
.ymenu-links a.ymenu-sub{padding-left:16px}
/* Insights tabs on /blog/ and /reports/ */
.ins-tabs{display:flex;width:max-content;gap:4px;padding:4px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);margin-bottom:22px}
.ins-tabs a{padding:8px 18px;border-radius:999px;font:600 14px Inter,sans-serif;color:#C9C6E0;text-decoration:none}
.ins-tabs a:hover{color:#fff}
.ins-tabs a[aria-current="page"]{background:#B9F3E4;color:#1F1B3A}