.brandbar{min-height:72px;align-items:center;padding:8px 0 14px;gap:28px}
.header-account{margin-left:auto;display:flex;align-items:center;min-height:36px}
.guest-account,.signed-in-account{align-items:center;justify-content:flex-end;gap:17px;flex-wrap:nowrap}
.guest-account:not([hidden]),.signed-in-account:not([hidden]){display:flex}
.header-text-link,.account-menu-button{border:0;background:transparent;color:var(--ink);font:600 10px/1 "Lato",Arial,sans-serif;letter-spacing:.055em;text-transform:uppercase;cursor:pointer;padding:10px 2px}
.header-text-link:hover,.account-menu-button:hover{color:var(--sage-deep)}
.header-create-btn{min-height:36px;border:1px solid var(--ink);background:var(--ink);color:var(--paper);padding:9px 14px;font:700 9px/1 "Lato",Arial,sans-serif;letter-spacing:.075em;text-transform:uppercase;cursor:pointer;white-space:nowrap}
.header-create-btn:hover{background:#36362f}
.plan-status{cursor:default;white-space:nowrap}
.account-menu-wrap{position:relative}
.account-menu-button{display:flex;align-items:center;gap:7px;max-width:220px;text-transform:none;letter-spacing:.02em;font-size:11px}
.account-menu-button span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.account-chevron{font-size:15px;line-height:.7;transition:transform .15s ease}
.account-menu-button[aria-expanded="true"] .account-chevron{transform:rotate(180deg)}
.account-menu{position:absolute;right:0;top:calc(100% + 7px);z-index:100;width:150px;border:1px solid var(--line);background:var(--surface-strong);box-shadow:0 15px 38px rgba(45,43,37,.13);padding:5px}
.account-menu:not([hidden]){display:grid}
.account-menu button{min-height:36px;border:0;background:transparent;color:var(--ink);padding:8px 10px;text-align:left;font:600 10px/1 "Lato",Arial,sans-serif;letter-spacing:.045em;cursor:pointer}
.account-menu button:hover,.account-menu button:focus{background:var(--sage);outline:0}
.nav{display:flex;align-items:stretch;width:100%;margin:0 0 12px;overflow:visible;scrollbar-width:none}
.nav button{display:flex;flex:0 1 auto;align-items:center;justify-content:center;gap:6px;min-width:0;min-height:45px;padding:11px clamp(10px,1.5vw,18px);white-space:nowrap;border-left:0;font-size:8px;letter-spacing:.09em}
.nav button[data-screen="workbook"]{margin-left:auto;padding-left:18px;padding-right:18px}
.nav button.active:after{left:18%;right:18%}
.pro-nav-label{display:inline-flex;align-items:center;padding:2px 4px;border:1px solid #aeb6a5;background:#eef1ea;color:var(--good);font-size:6px;line-height:1;letter-spacing:.08em}
.mobile-nav-button{display:none;width:100%;min-height:44px;margin:0 0 10px;border:1px solid var(--line);background:var(--surface);color:var(--ink);padding:10px 13px;text-align:left;font:700 9px/1 "Lato",Arial,sans-serif;letter-spacing:.09em;text-transform:uppercase;cursor:pointer}
.mobile-nav-button span{float:right;font-size:15px}
.demo-banner{min-height:62px;margin:0 0 18px;border:1px solid #cfd5c8;background:#eef1e9;padding:10px 12px 10px 15px;align-items:center;justify-content:space-between;gap:22px}
.demo-banner:not([hidden]){display:flex}
.demo-banner-copy{display:flex;align-items:baseline;gap:14px;min-width:0}
.demo-banner-copy b{flex:0 0 auto;color:var(--good);font-size:8px;letter-spacing:.12em}
.demo-banner-copy span{color:#62655d;font-size:10px;line-height:1.45}
.demo-banner-button{flex:0 0 auto;min-height:36px;border:1px solid var(--ink);background:transparent;color:var(--ink);padding:9px 13px;font:700 8px/1 "Lato",Arial,sans-serif;letter-spacing:.075em;text-transform:uppercase;cursor:pointer;white-space:nowrap}
.demo-banner-button:hover{background:var(--ink);color:var(--paper)}
.dashboard-heading{margin-top:0;margin-bottom:18px;padding-bottom:16px}
.dashboard-heading .eyebrow{margin-bottom:8px}
@media(max-width:1100px){
  .mobile-nav-button{display:block}
  .nav{display:none;margin-bottom:10px;border-bottom:0;box-shadow:none}
  .nav.mobile-open{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line)}
  .nav button,.nav button[data-screen="workbook"]{justify-content:flex-start;width:100%;margin:0;padding:12px 14px;border-right:0;border-bottom:1px solid var(--line)}
  .nav button:nth-child(odd){border-right:1px solid var(--line)}
  .nav button:last-child{border-bottom:0}
}
@media(max-width:650px){
  .shell{padding-top:16px}
  .brandbar{min-height:0;align-items:center;padding-bottom:13px;gap:14px}
  .wordmark-monogram{width:36px;height:36px;font-size:22px}
  .wordmark-lockup{gap:10px}
  h1{font-size:22px;white-space:nowrap}
  h1 span{display:inline;margin:0}
  .sub{font-size:7px;margin-top:5px;letter-spacing:.12em}
  .guest-account{gap:9px}
  .guest-account .header-text-link:first-child{display:none}
  .header-text-link{font-size:8px}
  .header-create-btn{padding:8px 10px;font-size:7px}
  .signed-in-account{gap:8px}
  .plan-status{font-size:6px;padding:4px 5px}
  .account-menu-button{max-width:120px;font-size:9px}
  .demo-banner:not([hidden]){align-items:flex-start;flex-direction:column;gap:10px;padding:13px 14px}
  .demo-banner-copy{display:block}
  .demo-banner-copy b{display:block;margin-bottom:5px}
  .demo-banner-button{width:100%}
}
.contact-layout{display:grid;grid-template-columns:.82fr 1.18fr;gap:0;border:1px solid var(--line);background:var(--surface);box-shadow:0 14px 45px rgba(48,45,38,.05)}
.contact-intro{padding:48px 44px;background:var(--sage)}
.contact-intro h2{margin:5px 0 16px;font-family:"EB Garamond",Georgia,serif;font-size:37px;line-height:1.04;font-weight:500}
.contact-intro p{margin:0 0 25px;color:var(--muted);font-size:12px;line-height:1.65}
.contact-note{margin-top:34px;padding-top:16px;border-top:1px solid rgba(89,99,82,.25);color:var(--muted);font-size:9px;line-height:1.55}
.contact-form{padding:43px 44px}
.contact-field-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}
.contact-field{margin-bottom:17px}
.contact-field label{display:block;margin-bottom:7px;color:var(--muted);font-size:8px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
.contact-field input,.contact-field select,.contact-field textarea{width:100%;border:1px solid var(--line);background:var(--surface-strong);color:var(--ink);padding:11px 12px;font:12px/1.45 "Lato",Arial,sans-serif}
.contact-field input,.contact-field select{min-height:43px}
.contact-field textarea{min-height:155px;resize:vertical}
.contact-field input:focus,.contact-field select:focus,.contact-field textarea:focus{outline:1px solid var(--sage-deep);outline-offset:1px}
.contact-submit{width:auto;min-width:180px}
.contact-form-help{margin:10px 0 0;color:var(--muted);font-size:9px;line-height:1.5}
.contact-honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.contact-success{margin-bottom:18px;border:1px solid #cbd4c5;background:var(--sage);color:var(--good);padding:12px 14px;font-size:11px;line-height:1.5}
@media(max-width:780px){.contact-layout{grid-template-columns:1fr}.contact-intro,.contact-form{padding:31px 26px}.contact-intro h2{font-size:32px}}
@media(max-width:480px){.contact-field-row{grid-template-columns:1fr}.contact-intro,.contact-form{padding:26px 20px}.contact-submit{width:100%}}
@media(max-width:430px){
  .brandbar{align-items:center;flex-direction:row;gap:8px}
  .wordmark-monogram{width:31px;height:31px;font-size:19px}
  .wordmark-lockup{gap:7px}
  h1{font-size:18px}
  h1 span{display:block;margin-top:1px}
  .sub{font-size:6px;letter-spacing:.08em}
  .header-account{width:auto;margin-left:auto}
  .guest-account,.signed-in-account{width:auto;justify-content:flex-end;gap:5px}
  .guest-account .header-text-link:first-child{display:block}
  .header-text-link{font-size:7px;padding-left:0;padding-right:0}
  .header-create-btn{padding:7px 6px;font-size:6px}
  .account-menu-button{max-width:115px}
  .nav.mobile-open{grid-template-columns:1fr}
  .nav button:nth-child(odd){border-right:0}
  .nav button:last-child{border-bottom:0}
}