/* Shared top menu for the sub-pages (2026-10-06). The homepage carries the same rules inline.
   Desktop: Features dropdown + page links + Log in + green waitlist button.
   Phone (under 940px): a plain panel under the header, no floating card, no orange. */
.nav{display:flex;align-items:center;justify-content:space-between;gap:20px;}
.menu{display:flex;align-items:center;gap:26px;}
.menu > a,.menu summary{color:var(--ink-soft);font-weight:500;font-size:15px;cursor:pointer;}
.menu > a:hover,.menu summary:hover{color:var(--ink);text-decoration:none;}
.menu details{position:relative;}
.menu summary{list-style:none;display:flex;align-items:center;gap:5px;}
.menu summary::-webkit-details-marker{display:none;}
.menu summary::after{content:"";width:7px;height:7px;border-right:1.6px solid currentColor;border-bottom:1.6px solid currentColor;transform:rotate(45deg) translateY(-2px);}
.menu details[open] summary::after{transform:rotate(225deg) translateY(-1px);}
.dropdown{position:absolute;top:calc(100% + 14px);left:50%;transform:translateX(-50%);width:520px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:14px;box-shadow:0 24px 50px -24px rgba(58,46,42,.45);display:grid;grid-template-columns:1fr 1fr;gap:4px;z-index:60;}
.dropdown a{display:block;padding:10px 12px;border-radius:12px;color:var(--forest);font-weight:600;font-size:14.5px;}
.dropdown a span{display:block;font-weight:400;color:var(--ink-soft);font-size:13px;margin-top:2px;}
.dropdown a:hover{background:var(--cream);text-decoration:none;}
.nav-right{display:flex;align-items:center;gap:18px;}
.nav-right .login{color:var(--forest);font-weight:600;font-size:15px;}
.navcta{display:inline-block;background:var(--teal);color:#fff !important;font-weight:600;font-size:14.5px;padding:10px 20px;border-radius:999px;}
.navcta:hover{text-decoration:none;opacity:.92;}
.burger{display:none;}
.burger > summary{list-style:none;cursor:pointer;width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;border:1px solid var(--line);background:#fff;}
.burger > summary::-webkit-details-marker{display:none;}
.burger > summary span,.burger > summary span::before,.burger > summary span::after{display:block;width:18px;height:2px;background:var(--teal);border-radius:2px;position:relative;}
.burger > summary span::before,.burger > summary span::after{content:"";position:absolute;left:0;}
.burger > summary span::before{top:-6px;} .burger > summary span::after{top:6px;}
.burger .sheet{position:fixed;left:0;right:0;top:72px;background:var(--cream);border-bottom:1px solid var(--line);padding:4px 26px 18px;box-shadow:0 18px 30px -24px rgba(58,46,42,.35);max-height:calc(100vh - 72px);overflow-y:auto;z-index:60;}
.burger .sheet > a,.burger .sub summary{display:block;padding:13px 2px;border-bottom:1px solid var(--line);color:var(--forest);font-weight:600;font-size:16px;}
.burger .sheet > a:hover,.burger .sub summary:hover{text-decoration:none;color:var(--teal);}
.burger .sub summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;}
.burger .sub summary::-webkit-details-marker{display:none;}
.burger .sub summary::after{content:"";width:7px;height:7px;border-right:1.6px solid currentColor;border-bottom:1.6px solid currentColor;transform:rotate(45deg);margin-right:6px;}
.burger .sub[open] summary::after{transform:rotate(225deg);}
.burger .subgrid{display:grid;grid-template-columns:1fr 1fr;gap:0 16px;padding:6px 0 10px;border-bottom:1px solid var(--line);}
.burger .subgrid a{padding:8px 0;color:var(--ink-soft);font-size:14.5px;font-weight:500;}
.burger .subgrid a:hover{color:var(--forest);text-decoration:none;}
.burger .sheet > a.sheet-cta{display:block;text-align:center;border-bottom:0;margin-top:16px;padding:13px 16px;background:var(--teal);color:#fff;border-radius:999px;font-size:15px;}
@media (max-width:940px){.menu{display:none;}.burger{display:block;position:relative;}.navcta{display:none;}}
@media (max-width:420px){.brand{font-size:20px !important;}.brand img{width:34px;height:34px;}}
/* Same header width on every page, whatever the page's own column width. */
header .wrap.nav{max-width:1140px;}
.nav-right a,.menu > a,.menu summary{white-space:nowrap;}
@media (max-width:1100px) and (min-width:941px){.menu{gap:18px;}.nav-right{gap:14px;}}