/* GENERATED by scripts/site-shell.js from public/index.html. Do not edit.
   Every selector is scoped to .lws-shell so the header cannot restyle the page it sits
   on, and the page cannot restyle the header. Re-run the script after the header
   changes in public/index.html. */

.lws-shell .wrap{max-width:1120px;margin:0 auto;padding:0 26px}
.lws-shell /* header */
header{position:sticky;top:0;z-index:30;background:rgba(var(--bg-rgb, 245, 243, 236), 0.88);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.lws-shell .nav{display:flex;align-items:center;gap:18px;height:68px}
.lws-shell .logo{display:flex;align-items:center;gap:10px;font-family:var(--fh);font-size:18px;color:var(--forest);text-decoration:none}
.lws-shell .logo .mark{display:flex;align-items:center;justify-content:center;flex:none}
.lws-shell .logo .mark img{height:38px;width:auto;display:block}
.lws-shell .nav .links{display:flex;gap:16px;margin-left:10px}
.lws-shell .nav .links a{font-weight:600;font-size:14px;color:var(--slate);text-decoration:none}
.lws-shell .nav .links a:hover{color:var(--forest)}
.lws-shell .nav .right{margin-left:auto;display:flex;align-items:center;gap:12px}
.lws-shell .btn{font-family:var(--fp);font-weight:600;font-size:15px;padding:10px 20px;border-radius:var(--radius-pill);border:1px solid var(--forest);background:var(--forest);color:#fff;cursor:pointer;text-decoration:none;display:inline-block}
.lws-shell .btn:hover{opacity:.9}
.lws-shell .btn.ghost{background:transparent;color:var(--forest)}
.lws-shell .btn.sage{background:var(--sage);border-color:var(--sage);color:#10210a}
.lws-shell .btn.sm{padding:8px 16px;font-size:14px}
.lws-shell .signin{font-weight:600;font-size:14.5px;color:var(--forest);text-decoration:none}
@media(max-width:1120px){
  .lws-shell .nav .links{display:none}
}
.lws-shell /* footer */
footer{background:#10210a;color:#cfd6bf;padding:40px 0 30px;font-size:14px}
.lws-shell footer .cols{display:flex;gap:40px;flex-wrap:wrap;justify-content:space-between}
.lws-shell footer h5{font-family:var(--fp);font-weight:700;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:#9aa888;margin-bottom:10px}
.lws-shell footer a{display:block;color:#cfd6bf;text-decoration:none;margin-bottom:7px;font-family:var(--fb)}
.lws-shell footer a:hover{color:#fff}
.lws-shell footer .fine{border-top:1px solid rgba(255,255,255,0.1);margin-top:28px;padding-top:18px;color:#8a967a;font-family:var(--fb)}
.lws-shell .fine-bar{display:flex;flex-wrap:wrap;gap:10px 24px;align-items:baseline;justify-content:space-between}
.lws-shell .fine-links{display:flex;flex-wrap:wrap;gap:8px 18px}
.lws-shell .fine-links a{display:inline;margin:0;color:#cfd6bf}
.lws-shell .fine-links a:hover{color:#fff}
.lws-shell .fine-note{margin-top:14px;font-size:12.5px;line-height:1.65;color:#7d8a6f;max-width:780px}
.lws-shell .fine-note a{display:inline;margin:0;color:#9aa888;text-decoration:underline}
.lws-shell .soon-badge{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--slate);font-weight:700;background:var(--sage-l);padding:3px 9px;border-radius:var(--radius-pill);align-self:flex-start;margin-bottom:10px}
.lws-shell .navdd{position:relative;display:inline-block}
.lws-shell .ddmenu{position:absolute;top:100%;left:0;background:var(--white);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);padding:8px;min-width:208px;opacity:0;visibility:hidden;transform:translateY(6px);transition:all .16s;z-index:40;display:flex;flex-direction:column;gap:2px}
.lws-shell .navdd:hover .ddmenu{opacity:1;visibility:visible;transform:translateY(0)}
.lws-shell .navdd .ddmenu{left:auto;right:0;min-width:430px;padding:16px;display:grid;grid-template-columns:1fr 1fr;gap:6px 20px}
.lws-shell .navdd .ddmenu .grp{grid-column:1/-1;font-family:var(--fp);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--sage);font-weight:700;padding:0 8px 4px;border-bottom:1px solid var(--line);margin-bottom:2px}
.lws-shell .navdd .ddmenu .grp.g2{margin-top:8px}
.lws-shell .navdd .ddmenu a{display:block;padding:8px;border-radius:9px;white-space:normal}
.lws-shell .navdd .ddmenu a .t{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:var(--forest)}
.lws-shell .navdd .ddmenu a .d{font-family:var(--fb);font-size:11.5px;color:var(--slate);line-height:1.35;margin-top:1px}
.lws-shell .navdd .ddmenu a.dim .t{color:var(--slate)}
.lws-shell .navdd .ddmenu a:hover{background:var(--cream)}
.lws-shell .navdd .ddmenu .soon{font-family:var(--fb);font-size:10px;letter-spacing:.05em;text-transform:uppercase;background:var(--sage-l);color:var(--slate);padding:2px 7px;border-radius:999px}
.lws-shell .ddmenu a{padding:8px 12px;border-radius:8px;font-size:14px;color:var(--slate);font-weight:600;white-space:nowrap}
.lws-shell .ddmenu a:hover{background:var(--cream);color:var(--forest)}
.lws-shell .nav .links a.on{color:var(--forest);border-bottom:2px solid var(--sage);padding-bottom:3px}
.lws-shell .navdd>a .car{font-size:10px}
.lws-shell .navdd .ddmenu a.dim{pointer-events:none;cursor:default}
.lws-shell .nav .links a.ddtrigger, .lws-shell .nav .links a:not([href]){cursor:default}
.lws-shell .ddmenu a{display:flex;justify-content:space-between;align-items:center;gap:10px}
.lws-shell .ddmenu .soon{font-family:var(--fb);font-size:10px;letter-spacing:.05em;text-transform:uppercase;background:var(--sage-l);color:var(--slate);padding:2px 7px;border-radius:999px}
.lws-shell /* --- Mobile navigation ----------------------------------------------------- */
/* the panel repeats Sign In / Create Account; above the breakpoint the real ones in
   .right are showing, .lws-shell so the copies must be hidden or the bar renders them twice */
.nav .links .navacct{display:none}
.lws-shell .navtoggle{display:none;flex-direction:column;justify-content:center;gap:5px;width:42px;height:42px;
 margin-left:auto;padding:0 9px;background:none;border:0;border-radius:10px;cursor:pointer}
.lws-shell .navtoggle:hover{background:var(--cream)}
.lws-shell .navtoggle:focus-visible{outline:2px solid var(--sage);outline-offset:2px}
.lws-shell .navtoggle .nb{display:block;height:2px;border-radius:2px;background:var(--forest);
 transition:transform .22s ease,opacity .18s ease}
.lws-shell .navtoggle[aria-expanded="true"] .nb:nth-child(1){transform:translateY(7px) rotate(45deg)}
.lws-shell .navtoggle[aria-expanded="true"] .nb:nth-child(2){opacity:0}
.lws-shell .navtoggle[aria-expanded="true"] .nb:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
@media(max-width:1120px){
  .lws-shell .navtoggle{display:flex}
  .lws-shell .nav{position:relative;flex-wrap:wrap}
  .lws-shell .nav .right{display:none}
  .lws-shell /* the panel: laid out in flow under the header, .lws-shell not a floating 430px box */
  .nav .links{display:none;order:3;flex-basis:100%;flex-direction:column;align-items:stretch;
   gap:2px;margin:6px 0 10px;padding-top:8px;border-top:1px solid var(--line)}
  .lws-shell .nav .links.open{display:flex}
  .lws-shell .nav .links>a{padding:11px 4px;font-size:15px}
  .lws-shell .nav .links a.on{border-bottom:0;padding-bottom:11px}
  .lws-shell .navdd{display:block;position:static}
  .lws-shell .navdd .ddtrigger{display:flex;align-items:center;justify-content:space-between;
   width:100%;padding:11px 4px;font-size:15px;cursor:pointer}
  .lws-shell .navdd .car{transition:transform .2s ease}
  .lws-shell .navdd.open .car{transform:rotate(180deg)}
  .lws-shell /* hover must not open anything on touch, .lws-shell or a tap leaves a menu stuck open */
  .navdd:hover .ddmenu{opacity:0;visibility:hidden}
  .lws-shell .navdd .ddmenu{position:static;display:none;min-width:0;width:auto;margin:0 0 6px;padding:2px 0 6px 12px;
   grid-template-columns:1fr;box-shadow:none;border:0;border-left:2px solid var(--sage-l);
   border-radius:0;background:none;transform:none}
  .lws-shell .navdd.open .ddmenu{display:grid;opacity:1;visibility:visible}
  .lws-shell .navdd .ddmenu a{white-space:normal}
  .lws-shell /* the account actions are hidden from the bar, .lws-shell so repeat them at the foot of the panel */
  .nav .links .navacct{display:flex;gap:10px;margin-top:10px;padding-top:12px;border-top:1px solid var(--line)}
  .lws-shell .nav .links .navacct a{flex:1;text-align:center;padding:10px 12px;border-radius:10px;font-size:14px}
  .lws-shell .nav .links .navacct .signin{border:1px solid var(--sage-l);color:var(--slate)}
  .lws-shell .nav .links .navacct .btn{color:#fff}
}
@media(prefers-reduced-motion:reduce){
  .lws-shell .navtoggle .nb, .lws-shell .navdd .car{transition:none}
}