/* Consistent global navigation, footer, and review-site scaffolding */
.site-header{position:sticky;top:0;z-index:300;border-bottom:1px solid #ece9ea;background:#fff}
.site-header .header-content{max-width:1220px;height:79px;padding:0 22px;display:flex;gap:15px;align-items:center;margin:auto}
.site-header .brand{width:145px;flex:0 0 145px;display:flex;align-items:center}
.site-header .brand img{width:121px;max-height:55px;object-fit:contain}
.site-header .main-nav{display:flex;align-items:center;margin-left:auto;gap:19px}
.site-header .nav-link{color:#69636b;font-size:10px;font-weight:700;letter-spacing:.045em;white-space:nowrap;padding:14px 2px;transition:color .18s}
.site-header .nav-link:hover,.site-header .nav-link.active,.site-header .nav-link[aria-current="page"]{color:#6D5EF8}
.site-header .create-link{background:#6D5EF8;color:#fff;font-size:10px;font-weight:800;letter-spacing:.04em;padding:14px 16px;border-radius:4px;white-space:nowrap;text-align:center}
.site-header .create-link:hover,.site-header .create-link[aria-current="page"]{background:#5948DC;color:white}
.site-header .header-actions{display:flex;gap:8px;margin-left:7px;align-items:center}
.site-header .search-icon-btn{width:41px;height:41px;display:flex;align-items:center;justify-content:center;background:#f8f8f8;border:1px solid #e9e9e9;color:#888;border-radius:4px;cursor:pointer}
.site-header .search-icon-btn svg{width:19px;height:19px}
.site-header .menu-btn{display:none}
.global-footer{background:#0F1220;color:#f7f5f5;margin-top:0;padding:55px max(24px,calc((100vw - 1180px)/2)) 22px;font-family:Montserrat,Arial,sans-serif}
.global-footer-inner{display:grid;grid-template-columns:1.55fr repeat(3,minmax(0,1fr));gap:33px}
.global-footer-brand img{width:112px;max-height:45px;object-fit:contain;filter:brightness(0) invert(1)}
.global-footer-brand p{color:#bfb8be;font-size:11px;line-height:1.8;max-width:280px;margin:19px 0}
.footer-demo{font-size:10px;color:#CBB8FF;font-weight:800;letter-spacing:.1em}
.footer-link-column{display:flex;flex-direction:column;gap:14px}
.footer-link-column h3{margin:3px 0 9px;color:#fff;font-size:12px;font-weight:900;letter-spacing:.04em}
.footer-link-column a{color:#b8b0b8;font-size:11px;line-height:1.5;text-decoration:none}
.footer-link-column a:hover,.footer-link-column a[aria-current="page"]{color:#B5AAFF}
.global-footer-bottom{border-top:1px solid #35324C;margin-top:43px;padding-top:18px;display:flex;align-items:flex-start;justify-content:space-between;gap:25px;color:#999097;font-size:10px;line-height:1.65}
.global-footer-bottom a{color:#CBB8FF;text-decoration:underline}
:focus-visible{outline:3px solid #9B8CFF;outline-offset:3px}
@media(max-width:1150px) {
.site-header .header-content{padding:0 19px;gap:11px}
.site-header .main-nav{gap:12px}
.site-header .nav-link{font-size:9px}
.site-header .create-link{font-size:9px;padding:13px 11px}
.site-header .brand{flex-basis:132px;width:132px}
.site-header .brand img{width:115px}
}
@media(max-width:980px) {
.site-header .header-content{height:70px}
.site-header .brand{flex:0 0 135px;width:135px}
.site-header .header-actions{margin-left:auto}
.site-header .menu-btn{display:flex;width:41px;height:41px;align-items:center;justify-content:center;flex-direction:column;gap:5px;border:1px solid #e7e7e7;border-radius:4px;background:#fafafa;cursor:pointer}
.site-header .menu-btn span{display:block;width:19px;height:2px;background:#777}
.site-header .main-nav{display:none;position:absolute;top:70px;left:0;right:0;max-height:calc(100vh - 70px);overflow-y:auto;background:#fff;box-shadow:0 18px 25px #0002;border-bottom:1px solid #ddd;margin:0;padding:13px 22px 21px;flex-direction:column;align-items:stretch;gap:0}
.site-header .main-nav.open{display:flex}
.site-header .nav-link{display:block;padding:16px 10px;border-bottom:1px solid #f1f1f1;font-size:12px;letter-spacing:.07em}
.site-header .create-link{font-size:11px;margin-top:13px;padding:16px 15px}
.global-footer-inner{grid-template-columns:repeat(3,minmax(0,1fr))}
.global-footer-brand{grid-column:span 3}
.global-footer-brand p{max-width:550px}
}
@media(max-width:600px) {
.global-footer{padding:40px 23px 20px}
.global-footer-inner{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}
.global-footer-brand{grid-column:span 2}
.footer-link-column h3{font-size:11px}
.global-footer-bottom{display:block;margin-top:27px}
.global-footer-bottom span{display:block;margin-bottom:9px}
}
@media(max-width:370px){
.site-header .header-content{padding:0 12px}
.site-header .brand{flex-basis:125px}
.site-header .brand img{width:104px}
}

/* Lumonora temporary brand overrides */
:root{--lumonora-primary:#6D5EF8;--lumonora-secondary:#9B8CFF;--lumonora-lilac:#CBB8FF;--lumonora-dark:#0F1220;--lumonora-soft:#F7F7FC}
.site-header{border-bottom-color:#E8E6F4}
.site-header .brand{flex:0 0 176px;width:176px}
.site-header .brand img{width:170px;max-height:58px}
.site-header .main-nav{gap:15px}
.global-footer{background:#0F1220}
.global-footer-brand img{width:188px;max-height:53px;filter:none}
.site-header .create-link{background:#6D5EF8;color:#fff}
.site-header .create-link:hover,.site-header .create-link[aria-current="page"]{background:#5948DC;color:#fff}
@media(max-width:1150px){.site-header .brand{flex-basis:157px;width:157px}.site-header .brand img{width:151px}.site-header .main-nav{gap:10px}}
@media(max-width:980px){.site-header .brand{flex:0 0 168px;width:168px}.site-header .brand img{width:162px}}
@media(max-width:370px){.site-header .brand{flex-basis:140px;width:140px}.site-header .brand img{width:135px}}

/* Creator Network wordmark. Parent-brand Lumonora assets remain separate. */
.site-header .brand{flex:0 0 226px;width:226px}
.site-header .brand img{display:block;width:220px;max-width:100%;max-height:61px}
.global-footer-brand img{width:246px;max-height:69px;filter:none}
@media(max-width:1150px){
  .site-header .brand{flex:0 0 196px;width:196px}
  .site-header .brand img{width:192px;max-height:60px}
}
@media(max-width:980px){
  .site-header .brand{flex:0 0 212px;width:212px}
  .site-header .brand img{width:208px;max-height:60px}
}
@media(max-width:370px){
  .site-header .brand{flex:0 0 174px;width:174px}
  .site-header .brand img{width:170px;max-height:52px}
}

/* Clear entry points for creators, brands, and client projects.
   Parent Lumonora app is an external destination and opens separately. */
.site-header .header-content{max-width:1380px;gap:10px;padding:0 18px}
.site-header .main-nav{gap:10px}
.site-header .nav-link{font-size:9px;letter-spacing:0;font-weight:800}
.site-header .nav-signup{padding:12px 10px;border:1px solid #E1DAFF;border-radius:5px;background:#F7F5FF;color:#5D4CE4}
.site-header .nav-signup:hover,.site-header .nav-signup.active,.site-header .nav-signup[aria-current="page"]{background:#EDE9FF;color:#5948DC;border-color:#C4B9FF}
.site-header .nav-signup-brand{background:#F0ECFF}
.site-header .make-own-link{display:flex;align-items:center;justify-content:center;gap:6px;min-height:41px;padding:12px 11px;background:#6D5EF8;border:1px solid #6D5EF8;border-radius:5px;color:#fff;font-size:10px;font-weight:900;letter-spacing:.015em;text-align:center;white-space:nowrap}
.site-header .make-own-link:hover{background:#5847D8;color:#fff}
.site-header .header-actions{gap:7px;margin-left:1px}
@media(max-width:1290px){
 .site-header .header-content{height:71px}
 .site-header .menu-btn{display:flex;width:41px;height:41px;align-items:center;justify-content:center;flex-direction:column;gap:5px;border:1px solid #E4DEF2;border-radius:4px;background:#FAF9FF;cursor:pointer}
 .site-header .menu-btn span{display:block;width:19px;height:2px;background:#5E5A74}
 .site-header .main-nav{display:none;position:absolute;top:71px;left:0;right:0;max-height:calc(100vh - 71px);overflow-y:auto;background:#fff;box-shadow:0 18px 28px #160F2F25;border-bottom:1px solid #E5E0F2;margin:0;padding:15px 24px 22px;flex-direction:column;align-items:stretch;gap:6px}
 .site-header .main-nav.open{display:flex}
 .site-header .nav-link{display:block;padding:13px 11px;border-bottom:1px solid #F2F0F8;font-size:12px;letter-spacing:.025em}
 .site-header .nav-signup{border:1px solid #E1DAFF;text-align:center;font-size:12px}
 .site-header .header-actions{margin-left:auto}
 .site-header .make-own-link{padding:12px 13px}
}
@media(max-width:540px){
 .site-header .header-content{padding:0 12px;gap:7px}
 .site-header .brand{flex:0 0 174px;width:174px}
 .site-header .brand img{width:170px;max-height:51px}
 .site-header .header-actions{gap:6px}
 .site-header .make-own-link{font-size:10px;min-height:39px;padding:8px 10px}
 .site-header .search-icon-btn{display:none}
}
@media(max-width:390px){
 .site-header .brand{flex:0 0 146px;width:146px}
 .site-header .brand img{width:143px}
 .site-header .make-own-link{font-size:9px;padding:7px 7px}
 .site-header .menu-btn{width:35px;height:39px}
}
/* Compact phones: keep the parent-app CTA and creator-network symbol visible without clipping. */
@media(max-width:359px){
 .site-header .brand{flex:0 0 126px;width:126px}
 .site-header .brand img{width:124px;max-height:48px}
 .site-header .header-content{gap:5px;padding:0 9px}
 .site-header .header-actions{gap:4px}
 .site-header .make-own-link{font-size:8px;min-height:38px;padding:7px 6px}
 .site-header .menu-btn{width:34px;height:38px}
}
/* Keep creator and brand signup choices adjacent inside collapsed navigation. */
@media(max-width:1290px){
  .site-header .main-nav.open{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .site-header .main-nav .nav-signup{grid-column:span 1;display:flex;justify-content:center;align-items:center;white-space:normal;text-align:center;line-height:1.3;min-height:52px;padding:12px 8px}
  .site-header .main-nav .nav-link:not(.nav-signup){grid-column:1/-1}
}

/* Primary creator/brand/make grouping — always immediately after the logo. */
.site-header .header-content{gap:12px}
.site-header .primary-cta-group{display:flex;align-items:center;gap:7px;flex:0 0 auto;margin-left:0}
.site-header .primary-cta{
  display:flex;align-items:center;justify-content:center;min-height:42px;
  padding:10px 11px;border:1px solid #DBD3FF;border-radius:5px;
  background:#F5F2FF;color:#5746D7;text-align:center;
  font:800 10px/1.25 Montserrat,Arial,sans-serif;
  letter-spacing:0;text-decoration:none;white-space:nowrap;
}
.site-header .primary-cta-creator{background:#F1EDFF}
.site-header .primary-cta-brand{background:#EAE5FF}
.site-header .primary-cta-make{background:#6D5EF8;color:#FFF;border-color:#6D5EF8;gap:5px}
.site-header .primary-cta:hover,.site-header .primary-cta[aria-current="page"]{
  background:#E1DAFF;color:#4D3BD0;border-color:#AC9CFF
}
.site-header .primary-cta-make:hover{background:#5544D7;color:#FFF;border-color:#5544D7}
.site-header .primary-cta-group .primary-cta:focus-visible{outline:3px solid #CBB8FF;outline-offset:2px}
.site-header .main-nav{margin-left:auto;gap:11px}
.site-header .main-nav .nav-link{white-space:nowrap}
.site-header .header-actions{margin-left:0}
@media(max-width:1290px){
  .site-header .main-nav.open{display:flex;flex-direction:column;align-items:stretch}
  .site-header .main-nav .nav-link{grid-column:auto}
  .site-header .primary-cta-group{gap:6px}
  .site-header .primary-cta{min-height:41px;padding:10px 9px;font-size:10px}
  .site-header .header-actions{margin-left:auto}
}
@media(max-width:790px){
  .site-header .header-content{height:auto;min-height:70px;flex-wrap:wrap;row-gap:0;column-gap:8px;padding:0 15px}
  .site-header .brand{order:1}
  .site-header .header-actions{order:2;margin-left:auto}
  .site-header .primary-cta-group{order:3;flex:0 0 100%;width:100%;padding:0 0 11px;gap:7px}
  .site-header .primary-cta-group .primary-cta{
    min-width:0;flex:1 1 0;white-space:normal;min-height:46px;padding:8px 5px;font-size:10px
  }
  .site-header .main-nav{order:4;top:100%;left:0;right:0}
}
@media(max-width:390px){
  .site-header .primary-cta-group{gap:5px}
  .site-header .primary-cta-group .primary-cta{font-size:9px;min-height:48px;padding:7px 3px}
  .site-header .primary-cta-make span{font-size:9px}
}

/* The public Brands directory appears in the menu only once 3 brands are approved. */
.site-header .main-nav [hidden]{display:none!important}