/* serenohealth.io brief P1/P2 chrome (2026-11-04): dropdown nav, Member Login button, catalog, form. */
.site-nav .nav-a{white-space:nowrap}
.site-nav .dd{position:relative}
.site-nav .dd-trig{background:none;border:0;font-family:inherit;cursor:pointer;display:inline-flex;align-items:center;gap:4px}
.site-nav .dd-trig .car{font-size:11px}
.site-nav .dd-panel{display:none;position:absolute;top:100%;left:0;min-width:230px;background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:0 12px 28px rgba(12,26,46,.12);padding:6px;z-index:60}
.site-nav .dd.open .dd-panel,.site-nav .dd:focus-within .dd-panel{display:block}
@media (hover:hover){.site-nav .dd:hover .dd-panel{display:block}}
.site-nav .dd-panel a{display:block;padding:10px 12px;border-radius:8px;color:var(--navy);font-weight:600;font-size:14.5px;text-decoration:none;white-space:nowrap}
.site-nav .dd-panel a:hover{background:var(--mist2,#F1F4F8)}
.site-nav .dd-panel a[aria-current]{box-shadow:inset 3px 0 0 var(--gold-dk)}
body.io-band .site-nav .dd-trig{color:#E8EDF4}
.head-r{flex-shrink:0}
@media (min-width:1280px){body.io .site-head .wrap{max-width:1360px;gap:14px}}
@media (min-width:1280px){body.io .site-head .wordmark{gap:8px}body.io .site-head .wordmark .w1{font-size:22px}body.io .site-head .wordmark .w2{font-size:15px}
 .site-nav{gap:2px}.site-nav .nav-a{padding-left:9px;padding-right:9px;font-size:14.5px}}
@media (min-width:1440px){body.io .site-head .wordmark .w1{font-size:26px}body.io .site-head .wordmark .w2{font-size:18px}.site-nav .nav-a{padding-left:11px;padding-right:11px}}
@media (max-width:1279px){
 .site-head .site-nav,.site-head .head-r{display:none}
 .site-head .menu-btn{display:block}
 body.io-band .site-head .menu-btn{color:#E8EDF4;border-color:rgba(232,237,244,.5)}
 .m-nav{display:none}
 .m-nav.open{display:block;border-top:1px solid var(--line);background:#fff;padding:8px 16px 18px;max-height:calc(100vh - 76px);overflow-y:auto}
 .m-nav a{display:block;padding:12px 6px;color:var(--navy);font-weight:600;text-decoration:none;border-bottom:1px solid var(--mist2,#EEF2F6)}
 .m-nav a.on{color:var(--blue)}
 .m-nav .m-group{padding:4px 0 6px;border-bottom:1px solid var(--mist2,#EEF2F6)}
 .m-nav .m-lbl{display:block;padding:12px 6px 4px;font-size:inherit;font-weight:600;letter-spacing:normal;text-transform:none;color:var(--navy)}
 .m-nav a.m-sub{padding-left:18px;border-bottom:none}
 .m-nav a.io-login{display:flex;justify-content:center;margin-top:14px;border:1.5px solid var(--navy);border-radius:10px;color:var(--navy)}
}
@media (min-width:1280px){.m-nav,.m-nav.open{display:none}.site-head .menu-btn{display:none}}
/* Nov 9: nav "Book a Discovery Call" = brand primary button (blue fill), sized to the Member Login button */
.head-r{gap:10px}
.site-head .head-r .btn.primary.nav-cta{font:700 14px/1 var(--f);padding:10px 16px;border-width:1.5px;border-radius:10px;white-space:nowrap;margin:0}
@media (min-width:1440px){body.io .site-head .wrap{max-width:1440px}}
@media (min-width:1280px) and (max-width:1365px){body.io .site-head .wrap{gap:10px}.site-nav .nav-a{padding-left:5px;padding-right:5px}.head-r{gap:8px}
 .site-head .head-r .btn.primary.nav-cta{padding-left:13px;padding-right:13px}.head-r .io-login{padding-left:13px;padding-right:13px}}
.m-nav a.btn.primary.nav-cta{display:flex;justify-content:center;margin-top:14px;padding:12px 6px;background:var(--blue);border:1.5px solid var(--blue);border-radius:10px;color:#fff;font-weight:700}
.m-nav a.btn.primary.nav-cta:hover{background:var(--blue-dk);border-color:var(--blue-dk)}
.m-nav a.btn.primary.nav-cta:focus-visible{outline:3px solid var(--navy);outline-offset:2px}
.site-foot .fh{color:#E8EDF4;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;margin:0 0 12px}
.site-foot .fh2{margin-top:22px}
.site-foot .tagline{color:#C6A15A;font-weight:600}
.site-foot .foot-disc{font-size:12.5px;line-height:1.55;color:rgba(232,237,244,.7);margin:28px 0 0;max-width:920px}
.nx-hero .hb-intro h1 .l1,.nx-hero .hb-intro h1 .l2{white-space:normal}
.nx-hero .hb-intro h1 .l1,.nx-hero .hb-intro h1 .l2{display:block;text-wrap:balance}
.nx-hero .hb-intro h1{text-wrap:balance}
@media (max-width:480px){.nx-hero .hb-intro h1{font-size:29px}}
@media (min-width:768px){.nx-hero .hb-intro h1{font-size:40px}}
@media (min-width:861px){.nx-hero .hb-intro{max-width:920px}.nx-hero .hb-intro h1{font-size:42px}.nx-hero .hb-intro p{max-width:640px}}
@media (min-width:1280px){.nx-hero .hb-intro h1{font-size:46px}.nx-hero .hb-intro h1 .l1,.nx-hero .hb-intro h1 .l2{white-space:nowrap}}
@media (min-width:1600px){.nx-hero .hb-intro h1{font-size:50px}}
.hb-ctas{display:flex;flex-wrap:wrap;gap:14px;align-items:center;margin-top:26px;position:relative;z-index:2}
/* Greg Nov 9: tighter homepage section rhythm */
body:has(.dp-hero) .sec{padding:52px 0}
body:has(.dp-hero) .sec-h{margin-bottom:26px}
body:has(.dp-hero) .dp-hero{padding-bottom:52px}
body:has(.dp-hero) .hb-band{padding-bottom:150px}
@media (max-width:720px){body:has(.dp-hero) .sec{padding:36px 0}body:has(.dp-hero) .dp-hero{padding-bottom:36px}body:has(.dp-hero) .hb-band{padding-bottom:112px}}
.io-login.on-band{border-color:rgba(232,237,244,.75);color:#fff}
.io-login.on-band:hover{background:#E8EDF4;color:#0C1A2E}
.hero.dark .txt{color:#E8EDF4}
.dp-member{margin:14px 0 0;font-size:14px;color:var(--slate)}
.dp-member a{font-weight:700;color:var(--blue)}
.nx-grid5{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:26px}
.nx-block{display:flex;flex-direction:column;background:#fff;border:1.5px solid var(--line);border-radius:14px;padding:22px;text-decoration:none;color:inherit}
.nx-block:hover{border-color:#9FB0C6}
.nx-block h3{font-size:18px;margin:0 0 8px;color:var(--navy)}
.nx-block p{flex:1;margin:0 0 14px;color:var(--slate);font-size:15px;line-height:1.55}
.nx-block .go,.io-card .go,.nx-rc-cat .go{font-weight:700;color:var(--blue);font-size:14.5px;text-decoration:none}
.nx-bar{display:block;height:3px;width:48px;background:var(--gold-dk);border-radius:2px;margin-bottom:16px}
.nx-list{margin:0 0 18px;padding-left:20px;color:var(--slate);font-size:15.5px;line-height:1.7}
.nx-list-lg{font-size:16.5px;max-width:860px}
.io-card .nx-list{flex:1}
.io-card:has(.nx-list) p{flex:0 0 auto}
.io-card .sched-note{margin:0 0 14px;font-size:14px}
.nx-beliefs{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:26px}
.nx-belief{border-left:3px solid var(--gold-dk);padding:4px 0 4px 18px}
.nx-belief .num{font-weight:800;color:var(--gold-dk);font-size:13px;letter-spacing:.08em}
.nx-belief h3{margin:4px 0 8px;font-size:19px;color:var(--navy)}
.nx-belief p{margin:0;color:var(--slate);line-height:1.6;font-size:15.5px}
.nx-serve{columns:2;column-gap:32px;margin:20px 0;padding-left:20px;color:var(--navy);font-size:16.5px;line-height:1.7}
.nx-serve li{break-inside:avoid;margin-bottom:6px}
.sec.dk .io-prose,.nx-on-dk,.nx-on-dk p{color:rgba(232,237,244,.9)}
.sec.dk .txt,.nx-on-dk .txt{color:#E8EDF4}
.close a.nx-on-gold{color:var(--navy);font-weight:600;text-decoration:none;border-bottom:1px solid rgba(12,26,46,.35)}
.nx-rc{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:22px}
.nx-rc-cat{background:#fff;border:1.5px solid var(--line);border-radius:14px;padding:22px;display:flex;flex-direction:column;scroll-margin-top:100px}
.nx-rc-cat h3{margin:0 0 8px;font-size:18px;color:var(--navy)}
.nx-rc-cat p{flex:1;margin:0 0 14px;color:var(--slate);font-size:15px;line-height:1.55}
.nx-contact{display:grid;grid-template-columns:1.5fr 1fr;gap:40px;align-items:start}
.nx-form{background:#fff;border:1.5px solid var(--line);border-radius:14px;padding:26px;position:relative}
.nx-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:14px}
.nx-form label{display:flex;flex-direction:column;gap:6px;font-weight:600;font-size:14px;color:var(--navy);min-width:0}
.nx-form .opt{font-weight:400;color:var(--slate)}
.nx-form input,.nx-form select{font:400 16px/1.3 var(--f);padding:11px 12px;border:1.5px solid var(--line);border-radius:8px;background:#fff;color:var(--navy);width:100%;box-sizing:border-box;min-width:0}
.nx-form input:focus,.nx-form select:focus{outline:2px solid var(--blue);outline-offset:1px}
.nx-form [aria-invalid="true"]{border-color:#B3261E}
.nx-note{margin:0 0 16px;color:var(--slate);font-size:14.5px}
.nx-status{margin:14px 0 0;font-weight:600;color:var(--navy)}
.nx-status.err{color:#B3261E}
.nx-hp{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.nx-aside h2{font-size:20px;margin:0 0 10px;color:var(--navy)}
.nx-aside h3{font-size:16px;margin:22px 0 8px;color:var(--navy)}
.nx-aside p{margin:0;color:var(--slate);line-height:1.6}
.prod-card .pc-buybox{margin-top:auto;padding-top:12px}
.prod-card .pc-docs{margin-top:0}
.pc-var{display:block;font-size:14px;color:var(--slate)}
.pc-msrp{display:block;margin-top:6px;font-size:18px;font-weight:700;color:var(--navy)}
.pc-msrp .k{font-size:12px;font-weight:600;color:var(--slate);letter-spacing:.04em;text-transform:uppercase;margin-right:4px}
.pc-msrp.pending{color:#8A5A00}
.pc-member{display:block;font-size:13.5px;color:var(--slate);margin-top:2px}
.prod-card .pc-buy{display:flex;justify-content:center;margin-top:12px;width:100%;box-sizing:border-box;padding-left:10px;padding-right:10px}
.nx-steps4{grid-template-columns:repeat(4,1fr)}
@media (max-width:1000px){.nx-grid5,.nx-rc{grid-template-columns:1fr 1fr}.nx-steps4{grid-template-columns:1fr 1fr}}
@media (max-width:720px){.nx-grid5,.nx-rc,.nx-beliefs,.nx-contact,.nx-row,.nx-steps4{grid-template-columns:1fr}.nx-serve{columns:1}.nx-form{padding:18px}}
.stage-banner{background:#8A5A00;color:#fff;font:600 12.5px/1.4 var(--f);text-align:center;padding:6px 12px}