/* ═══════════════════════════════════════════
   SOUND MONEY ECONOMY — BRAND LAYER
   Heritage Navy + Antique/Pillar Gold on Cream, Cinzel display type,
   pillar motif. Loaded after the base stylesheets; overrides look only.
═══════════════════════════════════════════ */

body{font-family:var(--f-body);background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased}

/* Display type: Cinzel is wide, so it runs smaller and tighter than the old condensed face */
.sec-title,.page-title,.hero-title,.hcta-title,.lname,.hs-t,.ccat-name,.hstat-n,.cls-name,.cc-name,.p-name,.p-amt,
.det-sec-t,.sb-card-t,.mitem-name,.mp-name,.who-t,.step-title,.no-res-t,.sidebar-title-lg,.blog-content h3{font-weight:600;letter-spacing:.3px}
.sec-title{font-size:clamp(26px,3.6vw,42px);line-height:1.12}
.page-title{font-size:clamp(28px,4vw,46px);line-height:1.1;letter-spacing:.5px}
.lname{font-size:17px;line-height:1.25}
.cls-name{font-size:16px;line-height:1.25}
.ccat-name{font-size:16px;line-height:1.25}
.hs-t{font-size:19px}
.cc-name{font-size:18px}
.p-name{font-size:22px}
.p-amt{font-size:44px;letter-spacing:0}
.hstat-n{font-size:24px}
.det-sec-t{font-size:19px}
.sb-card-t,.mp-name,.who-t{font-size:16px}
.step-title{font-size:28px;line-height:1.15}
.hsn,.step-n{font-family:var(--f-display);font-weight:500}
.sec-sub,.hero-sub,.hcta-sub{font-family:var(--f-serif);font-size:19px;line-height:1.6}
.sec-tag,.hero-ey,.hcta-ey{font-family:var(--f-display);font-weight:600;letter-spacing:3px}
.sec-tag::before{width:26px}
.sec-tag::after{content:'';display:block;width:6px;height:6px;background:var(--gold);transform:rotate(45deg);margin-left:-4px;order:-1}

/* Buttons */
.btn-p,.btn-reg,.btn-cta-p{background:var(--gold);color:var(--white);border-radius:3px;letter-spacing:1.4px}
.btn-p:hover,.btn-reg:hover,.btn-cta-p:hover{background:var(--navy);color:var(--gold-pale);box-shadow:0 8px 24px rgba(13,34,64,.25)}
.btn-s{border-color:var(--navy);color:var(--navy);border-radius:3px;letter-spacing:1px}
.btn-s:hover{background:var(--navy);color:var(--gold-pale);border-color:var(--navy)}

/* Logo lockup */
.sm-logo{display:inline-flex;align-items:center;gap:12px;line-height:1}
.sm-logo-ic{width:52px;height:auto;flex-shrink:0}
.sm-logo-txt{display:flex;flex-direction:column;align-items:center;gap:5px}
.sm-logo-name{font-family:var(--f-display);font-weight:600;font-size:23px;letter-spacing:.4px;color:var(--navy);white-space:nowrap}
.sm-logo-sub{display:flex;align-items:center;gap:8px;font-family:var(--f-display);font-weight:500;font-size:9.5px;letter-spacing:5px;text-transform:uppercase;color:var(--gold-lt);padding-left:5px}
.sm-logo-sub::before,.sm-logo-sub::after{content:'';width:18px;height:1px;background:currentColor}
.sm-logo--dark .sm-logo-name{color:var(--bg)}
.sm-logo--dark .sm-logo-sub{color:var(--gold-bright)}

/* Diamond rule ornament */
.sm-divider{display:flex;align-items:center;gap:0;max-width:440px;margin:4px 0 22px;color:var(--gold-bright)}
.sm-divider::before,.sm-divider::after{content:'';flex:1;height:1px;background:linear-gradient(90deg,transparent,currentColor)}
.sm-divider::after{background:linear-gradient(90deg,currentColor,transparent)}
.sm-divider span{width:8px;height:8px;margin:0 10px;background:currentColor;transform:rotate(45deg)}

/* Nav */
.nav{background:rgba(251,247,241,.97);border-bottom:1px solid var(--gold-bd);box-shadow:0 1px 0 rgba(156,126,72,.08),var(--sh-sm)}
.nav-logo{gap:0}
.nav-links>li>a,.nav-links>li>span{font-weight:700;font-size:11px;letter-spacing:1.2px;color:var(--navy)}
.nav-links>li>a:hover,.nav-links>li:hover>span,.nav-links>li>a.active{color:var(--gold)}
.nav-dd{border-top-color:var(--gold);background:var(--bg)}
.btn-login{color:var(--navy);font-weight:700}
.hbg span{background:var(--navy)}

/* Ticker — navy band under the nav */
.ticker{background:var(--navy-3);border-bottom:1px solid rgba(217,188,130,.18)}
.ticker::before{background:linear-gradient(to right,var(--navy-3),transparent)}
.ticker::after{background:linear-gradient(to left,var(--navy-3),transparent)}
.ti .s{color:var(--gold-bright);font-family:var(--f-display);letter-spacing:1.2px}
.ti .v{color:rgba(251,247,241,.85)}
.ti .u{color:#7BD39A}.ti .d{color:#F19A8E}
.tsep{color:rgba(217,188,130,.35)}

/* Hero — navy with gold arcs and a pillar watermark (after the conference flyer) */
.hero{background:radial-gradient(ellipse at 78% 40%,#183A6B 0%,var(--navy) 55%,var(--navy-3) 100%);min-height:84vh}
.hero-grid{background:none;opacity:1;inset:auto;right:-260px;top:50%;width:980px;height:980px;transform:translateY(-50%);border-radius:50%;border:1px solid rgba(217,188,130,.22)}
.hero-grid::after{content:'';position:absolute;inset:46px;border-radius:50%;border:1.5px dotted rgba(217,188,130,.28)}
.hero-globe{right:-40px;width:720px;height:720px;background:none;border:1px solid rgba(217,188,130,.16);opacity:1}
.hero-globe::before{display:none}
.hero-overlay{background:linear-gradient(to right,rgba(9,24,48,.65) 0%,rgba(9,24,48,.2) 55%,transparent 100%)}
.hero-pillars{position:absolute;right:2%;bottom:-6%;width:min(640px,55vw);color:var(--gold-pale);opacity:.07;pointer-events:none}
.hero-pillars svg{width:100%;height:auto;display:block}
.hero-ey{color:var(--gold-bright)}
.hero-ey::before{background:var(--gold-bright)}
.hero-title{font-size:clamp(38px,5.6vw,70px);line-height:1.06;color:var(--bg);margin-bottom:14px;text-shadow:0 2px 24px rgba(0,0,0,.25)}
.hero-title span{background:var(--gold-grad);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:none}
.hero-sub{color:rgba(251,247,241,.78)}
.hero .btn-p{background:var(--gold-grad);color:var(--navy)}
.hero .btn-p:hover{background:var(--bg);color:var(--navy)}
.hero .btn-s{border-color:rgba(240,217,166,.55);color:var(--gold-pale)}
.hero .btn-s:hover{background:rgba(240,217,166,.12);border-color:var(--gold-pale);color:var(--bg)}
.sw{background:var(--bg);border:1px solid rgba(217,188,130,.5);border-top:3px solid var(--gold-lt);border-radius:6px;box-shadow:0 24px 60px rgba(0,0,0,.35)}
.sw-tabs{background:var(--bg-3)}
.sw-tab.active{color:var(--navy)}
.sinput,.sselect{background:var(--white)}
.btn-srch{background:var(--navy);color:var(--gold-pale);border-radius:3px;letter-spacing:1.4px}
.btn-srch:hover{background:var(--gold);color:var(--white)}
.hero-stats{background:rgba(13,34,64,.55);border:1px solid rgba(217,188,130,.25);border-radius:4px;backdrop-filter:blur(6px);box-shadow:none}
.hstat{border-right-color:rgba(217,188,130,.18)}
.hstat-ic{color:var(--gold-bright)}
.hstat-n{color:var(--gold-pale)}
.hstat-l{color:rgba(251,247,241,.6)}

/* Section surfaces */
.how-sec,.feat-sec{background:var(--bg-2)}
.cats-sec{background:var(--bg)}
.how-steps,.cats-grid{border-color:var(--gold-bd);border-radius:4px}
.how-step{background:var(--white)}
.how-step::before{content:'';position:absolute;left:0;top:0;width:100%;height:3px;background:var(--gold-grad);opacity:0;transition:opacity .25s}
.how-step:hover::before{opacity:1}
.hsic{border-radius:50%;border-color:var(--gold-bd);color:var(--gold)}
.ccat{background:var(--white)}
.ccat:hover{background:var(--gold-tint)}

/* Cards */
.lcard,.cc,.p-card,.cls-card,.sb-card{border-radius:4px}
.lcard:hover,.cls-card:hover,.cc:hover{border-color:var(--gold-bd)}

/* Inner page header */
.page-hero{background:linear-gradient(180deg,var(--bg-2),var(--bg));border-bottom:1px solid var(--gold-bd);position:relative;overflow:hidden}
.page-hero::after{content:'';position:absolute;right:48px;bottom:0;width:150px;height:122px;opacity:.08;pointer-events:none;
  background:no-repeat bottom right/contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 98' fill='%230D2240'%3E%3Crect x='9' y='44' width='26' height='8'/%3E%3Crect x='13' y='52' width='18' height='30'/%3E%3Crect x='10' y='82' width='24' height='4'/%3E%3Crect x='47' y='26' width='26' height='8'/%3E%3Crect x='51' y='34' width='18' height='48'/%3E%3Crect x='48' y='82' width='24' height='4'/%3E%3Crect x='85' y='6' width='26' height='8'/%3E%3Crect x='89' y='14' width='18' height='68'/%3E%3Crect x='86' y='82' width='24' height='4'/%3E%3Crect x='4' y='86' width='112' height='4.5'/%3E%3Crect x='0' y='90.5' width='120' height='5'/%3E%3C/svg%3E")}

/* Closing CTA */
.home-cta{background:radial-gradient(ellipse at 50% 0%,#183A6B 0%,var(--navy) 60%,var(--navy-3) 100%);border-top:3px solid var(--gold-lt)}
.hcta-pillars{position:absolute;left:50%;bottom:-8px;transform:translateX(-50%);width:min(520px,80vw);color:var(--gold-pale);opacity:.06;pointer-events:none}
.hcta-pillars svg{width:100%;height:auto;display:block}
.hcta-ey{color:var(--gold-bright)}
.hcta-ey::before,.hcta-ey::after{background:var(--gold-bright)}
.hcta-title{font-size:clamp(30px,4.6vw,52px);line-height:1.1;color:var(--bg)}
.hcta-title span{background:var(--gold-grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.hcta-sub{color:rgba(251,247,241,.7)}
.hcta-code{border-color:rgba(217,188,130,.45);color:var(--gold-pale)}
.home-cta .btn-cta-p{background:var(--gold-grad);color:var(--navy)}
.home-cta .btn-cta-p:hover{background:var(--bg)}
.btn-cta-s{border-color:rgba(240,217,166,.35);color:var(--gold-pale)}

/* Footer */
.footer{background:var(--navy-3);border-top:3px solid var(--gold-lt)}
.footer-top,.footer-btm{border-color:rgba(217,188,130,.16)}
.f-desc,.f-col ul li a{color:rgba(251,247,241,.55)}
.f-col ul li a:hover{color:var(--gold-pale)}
.f-col h4{font-family:var(--f-display);color:var(--gold-bright);letter-spacing:2.5px}
.fsoc{color:rgba(251,247,241,.6);border-color:rgba(217,188,130,.22)}
.fsoc:hover{color:var(--gold-pale);border-color:var(--gold-bright)}
.footer-btm,.footer-btm a{color:rgba(251,247,241,.4)}
.footer-btm a:hover{color:var(--gold-pale)}
.f-motto{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:14px 18px;padding:26px 0;border-bottom:1px solid rgba(217,188,130,.16);font-family:var(--f-display);font-size:13px;font-weight:600;letter-spacing:3px;text-transform:uppercase;color:var(--gold-bright)}
.f-motto i{width:6px;height:6px;background:currentColor;transform:rotate(45deg);opacity:.7}

@media(max-width:900px){
  .hero-pillars{width:90vw;right:-10%;bottom:-2%}
  .hero-grid,.hero-globe{display:none}
  .page-hero::after{right:16px;width:96px;height:78px}
}
@media(max-width:600px){
  .nav{padding:0 16px}
  .nav-right .btn-reg{display:none}
  .sm-logo{gap:9px}
  .sm-logo-ic{width:40px}
  .sm-logo-name{font-size:18px}
  .sm-logo-sub{font-size:8px;letter-spacing:4px}
  .sm-logo-sub::before,.sm-logo-sub::after{width:12px}
  .f-motto{font-size:11px;letter-spacing:2px;gap:10px 12px}
}

/* Form controls don't inherit fonts by default */
button,input,select,textarea{font-family:inherit}