*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{
  --navy:#0d1b2e;--navy-mid:#142236;--navy-light:#1a2d47;
  --gold:#c9a84c;--gold-light:#e2c27a;--gold-pale:#f0daa0;
  --white:#ffffff;--w70:rgba(255,255,255,0.7);--w40:rgba(255,255,255,0.4);
  --w15:rgba(255,255,255,0.15);--w08:rgba(255,255,255,0.08);
}
html{scroll-behavior:smooth}
body{font-family:'Inter',sans-serif;background:var(--navy);color:var(--white);line-height:1.6;overflow-x:hidden}

nav{position:fixed;top:0;left:0;right:0;z-index:100;padding:20px 60px;display:flex;align-items:center;justify-content:space-between;background:rgba(13,27,46,0.93);backdrop-filter:blur(12px);border-bottom:1px solid rgba(201,168,76,0.15)}
.nav-logo{display:flex;align-items:center;gap:14px;text-decoration:none}
.nav-logo img{height:40px;width:40px;object-fit:contain}
.nav-logo-text{display:flex;flex-direction:column;line-height:1.1}
.nav-logo-text .nl1{font-family:'Cormorant Garamond',serif;font-size:15px;font-weight:600;letter-spacing:0.14em;text-transform:uppercase;color:var(--gold-light)}
.nav-logo-text .nl2{font-size:10px;font-weight:400;letter-spacing:0.22em;text-transform:uppercase;color:var(--w40)}
.nav-cta{display:inline-block;padding:10px 28px;border:1px solid var(--gold);color:var(--gold);font-size:12px;font-weight:500;letter-spacing:0.14em;text-transform:uppercase;text-decoration:none;transition:all 0.25s}
.nav-cta:hover{background:var(--gold);color:var(--navy)}

.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;padding:120px 60px 80px;text-align:center;overflow:hidden}
.hero-bg{position:absolute;inset:0;background:radial-gradient(ellipse 80% 60% at 50% 40%,rgba(201,168,76,0.07) 0%,transparent 70%),linear-gradient(180deg,#0d1b2e 0%,#0a1520 100%)}
.hero-content{position:relative;z-index:2}
.hero-logo{width:140px;height:140px;object-fit:contain;margin:0 auto 16px;display:block}
.hero-eyebrow{font-size:14px;font-weight:600;letter-spacing:0.28em;text-transform:uppercase;color:var(--gold-light);margin-bottom:28px;margin-top:4px}
.hero-headline{font-family:'Cormorant Garamond',serif;font-size:clamp(42px,7vw,84px);font-weight:300;line-height:1.05;color:var(--white);max-width:860px;margin:0 auto 0}
.hero-headline em{font-style:italic;color:var(--gold-light)}
.hero-sub{font-size:17px;font-weight:300;color:var(--w70);max-width:560px;margin:24px auto 44px;line-height:1.7}
.hero-actions{display:flex;align-items:center;justify-content:center;gap:20px;flex-wrap:wrap}
.btn-primary{display:inline-block;padding:16px 40px;background:linear-gradient(135deg,var(--gold) 0%,var(--gold-light) 100%);color:var(--navy);font-size:12px;font-weight:600;letter-spacing:0.16em;text-transform:uppercase;text-decoration:none;transition:opacity 0.2s}
.btn-primary:hover{opacity:0.85}
.btn-ghost{display:inline-block;padding:15px 40px;border:1px solid var(--w40);color:var(--w70);font-size:12px;font-weight:400;letter-spacing:0.16em;text-transform:uppercase;text-decoration:none;transition:all 0.2s}
.btn-ghost:hover{border-color:var(--gold);color:var(--gold)}

section{padding:96px 60px;max-width:1200px;margin:0 auto}
.sec-eyebrow{font-size:11px;font-weight:500;letter-spacing:0.28em;text-transform:uppercase;color:var(--gold);margin-bottom:14px}
.sec-headline{font-family:'Cormorant Garamond',serif;font-size:clamp(30px,4vw,50px);font-weight:400;line-height:1.15;color:var(--white);margin-bottom:0}
.sec-headline em{font-style:italic;color:var(--gold-light)}
.gold-rule{width:48px;height:1px;background:var(--gold);margin:28px 0}

.story{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start}
.story-text p{font-size:15px;font-weight:300;color:var(--w70);line-height:1.85;margin-bottom:18px}
.story-text p:last-child{margin-bottom:0}
.story-text strong{color:var(--white);font-weight:500}
.story-stat{padding:32px 36px;background:var(--w08);border-left:3px solid var(--gold);margin-bottom:3px}
.story-stat-num{font-family:'Cormorant Garamond',serif;font-size:44px;font-weight:300;color:var(--gold-light);line-height:1;margin-bottom:10px}
.story-stat-label{font-size:12px;font-weight:400;letter-spacing:0.1em;text-transform:uppercase;color:var(--w70)}

.pillars-wrap{background:var(--navy-mid);border-top:1px solid var(--w08);border-bottom:1px solid var(--w08)}
.pillars-inner{max-width:1200px;margin:0 auto;padding:96px 60px}
.pillars-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;margin-top:52px}
.pillar{padding:44px 32px;background:var(--w08);transition:background 0.2s}
.pillar:hover{background:rgba(201,168,76,0.06)}
.pillar-icon{width:32px;height:32px;margin-bottom:20px;opacity:0.75}
.pillar-title{font-family:'Cormorant Garamond',serif;font-size:21px;font-weight:500;color:var(--gold-light);margin-bottom:10px;line-height:1.2}
.pillar-text{font-size:14px;font-weight:300;color:var(--w70);line-height:1.75}

.audience-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2px;margin-top:52px}
.aud-item{padding:36px 40px;background:var(--w08);border-top:2px solid transparent;transition:border-color 0.2s,background 0.2s}
.aud-item:hover{border-top-color:var(--gold);background:rgba(201,168,76,0.05)}
.aud-item h3{font-family:'Cormorant Garamond',serif;font-size:20px;font-weight:500;color:var(--white);margin-bottom:10px}
.aud-item p{font-size:14px;font-weight:300;color:var(--w70);line-height:1.7}

.form-wrap{background:linear-gradient(135deg,var(--navy-light) 0%,var(--navy-mid) 100%);border-top:1px solid rgba(201,168,76,0.2);border-bottom:1px solid rgba(201,168,76,0.2)}
.form-inner{max-width:1200px;margin:0 auto;padding:96px 60px}
.form-layout{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start}
.form-left p{font-size:15px;font-weight:300;color:var(--w70);line-height:1.8;margin-bottom:16px}
.form-note{font-size:13px;color:var(--w40);font-style:italic;margin-top:8px}
.connect-form{display:flex;flex-direction:column;gap:14px}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.form-group{display:flex;flex-direction:column;gap:6px}
.form-group label{font-size:11px;font-weight:500;letter-spacing:0.14em;text-transform:uppercase;color:var(--gold)}
.form-group input,.form-group select,.form-group textarea{background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.12);color:var(--white);padding:13px 15px;font-family:'Inter',sans-serif;font-size:14px;font-weight:300;outline:none;transition:border-color 0.2s;width:100%;-webkit-appearance:none;border-radius:0}
.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--gold)}
.form-group input::placeholder,.form-group textarea::placeholder{color:rgba(255,255,255,0.22)}
.form-group select option{background:var(--navy);color:var(--white)}
.form-group textarea{resize:vertical;min-height:96px}
.form-submit{padding:15px 40px;background:linear-gradient(135deg,var(--gold) 0%,var(--gold-light) 100%);color:var(--navy);font-family:'Inter',sans-serif;font-size:12px;font-weight:600;letter-spacing:0.16em;text-transform:uppercase;border:none;cursor:pointer;transition:opacity 0.2s;align-self:flex-start;margin-top:6px}
.form-submit:hover{opacity:0.85}

footer{padding:40px 60px;border-top:1px solid var(--w08);display:flex;align-items:center;justify-content:space-between}
.foot-logo{display:flex;align-items:center;gap:12px}
.foot-logo img{height:32px;width:32px;object-fit:contain;opacity:0.6}
.foot-logo span{font-family:'Cormorant Garamond',serif;font-size:13px;letter-spacing:0.14em;text-transform:uppercase;color:var(--w40)}
.foot-text{font-size:12px;color:var(--w40);letter-spacing:0.05em}

@media(max-width:900px){
  nav{padding:16px 20px}
  section{padding:64px 20px}
  .pillars-inner,.form-inner{padding:64px 20px}
  .hero{padding:100px 20px 64px}
  .story{grid-template-columns:1fr;gap:40px}
  .pillars-grid{grid-template-columns:1fr}
  .audience-grid{grid-template-columns:1fr}
  .form-layout{grid-template-columns:1fr;gap:40px}
  .form-row{grid-template-columns:1fr}
  footer{flex-direction:column;gap:12px;text-align:center;padding:32px 20px}
}
</style>
<style>
  #hubspot-form-wrapper .hs-form {
    display: flex !important;
    flex-direction: column !important;
    gap: 14px !important;
  }
  #hubspot-form-wrapper .hs-form-field {
    display: flex !important;
    flex-direction: column !important;
    gap: 6px !important;
  }
  #hubspot-form-wrapper .hs-form-field label {
    font-family: 'Inter', sans-serif !important;
    font-size: 11px !important;
    font-weight: 500 !important;
    letter-spacing: 0.14em !important;
    text-transform: uppercase !important;
    color: #c9a84c !important;
  }
  #hubspot-form-wrapper .hs-form-field input,
  #hubspot-form-wrapper .hs-form-field select,
  #hubspot-form-wrapper .hs-form-field textarea {
    background: rgba(255,255,255,0.06) !important;
    border: 1px solid rgba(255,255,255,0.12) !important;
    color: #ffffff !important;
    padding: 13px 15px !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 14px !important;
    font-weight: 300 !important;
    outline: none !important;
    width: 100% !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    -webkit-appearance: none !important;
  }
  #hubspot-form-wrapper .hs-form-field input:focus,
  #hubspot-form-wrapper .hs-form-field select:focus,
  #hubspot-form-wrapper .hs-form-field textarea:focus {
    border-color: #c9a84c !important;
  }
  #hubspot-form-wrapper .hs-form-field input::placeholder,
  #hubspot-form-wrapper .hs-form-field textarea::placeholder {
    color: rgba(255,255,255,0.22) !important;
  }
  #hubspot-form-wrapper .hs-form-field select option {
    background: #0d1b2e !important;
    color: #ffffff !important;
  }
  #hubspot-form-wrapper .hs-form-field textarea {
    min-height: 96px !important;
    resize: vertical !important;
  }
  #hubspot-form-wrapper .hs-button {
    padding: 15px 40px !important;
    background: linear-gradient(135deg, #c9a84c 0%, #e2c27a 100%) !important;
    color: #0d1b2e !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    letter-spacing: 0.16em !important;
    text-transform: uppercase !important;
    border: none !important;
    cursor: pointer !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    margin-top: 6px !important;
  }
  #hubspot-form-wrapper .hs-button:hover {
    opacity: 0.85 !important;
  }
  #hubspot-form-wrapper .hs-error-msgs {
    list-style: none !important;
    padding: 0 !important;
  }
  #hubspot-form-wrapper .hs-error-msgs label {
    color: #ff6b6b !important;
    font-size: 11px !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
  }
  #hubspot-form-wrapper .submitted-message {
    color: #c9a84c !important;
    font-family: 'Cormorant Garamond', serif !important;
    font-size: 22px !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
    padding: 20px 0 !important;
  }
  #hubspot-form-wrapper .hs-richtext {
    display: none !important;
  }
  #hubspot-form-wrapper fieldset {
    border: none !important;
    padding: 0 !important;
    max-width: 100% !important;
  }
  #hubspot-form-wrapper .form-columns-2 {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 14px !important;
  }
  #hubspot-form-wrapper .form-columns-2 .hs-form-field {
    width: 100% !important;
    float: none !important;
  }
  #hubspot-form-wrapper ul.inputs-list {
    list-style: none !important;
    padding: 0 !important;
  }

/* ===== Multi-page additions ===== */
.nav-links{display:flex;align-items:center;gap:40px}
.nav-link{font-size:12px;font-weight:500;letter-spacing:0.12em;text-transform:uppercase;color:var(--w70);text-decoration:none;padding-bottom:4px;border-bottom:1px solid transparent;transition:color 0.2s,border-color 0.2s}
.nav-link:hover{color:var(--white)}
.nav-link.active{color:var(--gold-light);border-bottom-color:var(--gold)}
.nav-right{display:flex;align-items:center;gap:32px}

.page-hero{min-height:52vh;display:flex;align-items:center;justify-content:center;position:relative;padding:150px 60px 70px;text-align:center;overflow:hidden}
.page-hero .hero-bg{position:absolute;inset:0;background:radial-gradient(ellipse 80% 60% at 50% 40%,rgba(201,168,76,0.07) 0%,transparent 70%),linear-gradient(180deg,#0d1b2e 0%,#0a1520 100%)}
.page-hero-content{position:relative;z-index:2;max-width:820px}
.page-hero h1{font-family:'Cormorant Garamond',serif;font-size:clamp(36px,5.5vw,64px);font-weight:300;line-height:1.1;color:var(--white)}
.page-hero h1 em{font-style:italic;color:var(--gold-light)}
.page-hero p{font-size:16px;font-weight:300;color:var(--w70);max-width:560px;margin:20px auto 0;line-height:1.7}

.teaser-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;margin-top:52px}
.teaser{display:block;padding:40px 32px;background:var(--w08);text-decoration:none;transition:background 0.2s,transform 0.2s;border-top:2px solid transparent}
.teaser:hover{background:rgba(201,168,76,0.06);border-top-color:var(--gold)}
.teaser-title{font-family:'Cormorant Garamond',serif;font-size:22px;font-weight:500;color:var(--gold-light);margin-bottom:10px}
.teaser-text{font-size:14px;font-weight:300;color:var(--w70);line-height:1.75}
.teaser-link{display:inline-block;margin-top:16px;font-size:11px;font-weight:600;letter-spacing:0.14em;text-transform:uppercase;color:var(--white)}

.team-card{display:grid;grid-template-columns:220px 1fr;gap:48px;align-items:start;background:var(--w08);padding:48px;border-left:3px solid var(--gold)}
.team-photo{width:100%;aspect-ratio:1;background:linear-gradient(135deg,var(--navy-light) 0%,var(--navy-mid) 100%);border:1px solid rgba(201,168,76,0.25);display:flex;align-items:center;justify-content:center}
.team-photo img{width:60%;opacity:0.85}
.team-name{font-family:'Cormorant Garamond',serif;font-size:30px;font-weight:500;color:var(--white)}
.team-role{font-size:12px;font-weight:600;letter-spacing:0.14em;text-transform:uppercase;color:var(--gold);margin:8px 0 20px}
.team-bio p{font-size:15px;font-weight:300;color:var(--w70);line-height:1.85;margin-bottom:14px}
.team-note{margin-top:40px;padding:28px 32px;background:rgba(201,168,76,0.06);border:1px dashed rgba(201,168,76,0.3);font-size:14px;font-weight:300;color:var(--w70);line-height:1.7;font-style:italic}

.nav-toggle{display:none;flex-direction:column;justify-content:center;gap:5px;width:32px;height:32px;background:none;border:none;cursor:pointer;padding:0;z-index:201}
.nav-toggle span{display:block;width:100%;height:1px;background:var(--gold-light);transition:transform 0.25s,opacity 0.25s}
.nav-toggle.open span:nth-child(1){transform:translateY(6px) rotate(45deg)}
.nav-toggle.open span:nth-child(2){opacity:0}
.nav-toggle.open span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}

.mobile-menu{display:none;position:fixed;inset:0;z-index:200;background:rgba(10,21,32,0.98);backdrop-filter:blur(10px);opacity:0;visibility:hidden;transition:opacity 0.25s}
.mobile-menu.open{opacity:1;visibility:visible}
.mobile-menu-inner{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:28px;min-height:100vh;padding:40px 24px}
.mobile-link{font-family:'Cormorant Garamond',serif;font-size:28px;font-weight:500;color:var(--white);text-decoration:none}
.mobile-link.active{color:var(--gold-light)}
.mobile-cta{margin-top:16px;padding:14px 36px;border:1px solid var(--gold);color:var(--gold);font-size:13px;font-weight:500;letter-spacing:0.14em;text-transform:uppercase;text-decoration:none}
body.menu-open{overflow:hidden}

@media(max-width:900px){
  .nav-links{display:none}
  .nav-toggle{display:flex}
  .mobile-menu{display:block}
  .team-card{grid-template-columns:1fr}
  .team-photo{max-width:200px}
  .teaser-grid{grid-template-columns:1fr}
  .teaser-grid[style]{grid-template-columns:1fr!important}
  .page-hero{padding:120px 20px 50px}
  .faq-item summary{font-size:17px}
}

@media(max-width:480px){
  .nav-logo-text .nl2{display:none}
  .nav-cta{padding:8px 14px;font-size:10px}
  .nav-logo img{height:32px;width:32px}
}
.faq-group{margin-bottom:56px}
.faq-group:last-child{margin-bottom:0}
.faq-group-title{font-size:12px;font-weight:600;letter-spacing:0.16em;text-transform:uppercase;color:var(--gold);margin-bottom:22px;display:flex;align-items:center;gap:14px}
.faq-group-title::after{content:'';flex:1;height:1px;background:rgba(255,255,255,0.12)}
.faq-item{border-bottom:1px solid rgba(255,255,255,0.1)}
.faq-item summary{list-style:none;cursor:pointer;padding:22px 4px;display:flex;align-items:center;justify-content:space-between;gap:20px;font-family:'Cormorant Garamond',serif;font-size:19px;font-weight:500;color:var(--white);transition:color 0.2s}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary:hover{color:var(--gold-light)}
.faq-item summary .faq-icon{flex:none;width:22px;height:22px;border:1px solid var(--gold);border-radius:50%;position:relative}
.faq-item summary .faq-icon::before,.faq-item summary .faq-icon::after{content:'';position:absolute;background:var(--gold);top:50%;left:50%;transform:translate(-50%,-50%)}
.faq-item summary .faq-icon::before{width:8px;height:1px}
.faq-item summary .faq-icon::after{width:1px;height:8px;transition:opacity 0.2s}
.faq-item[open] summary .faq-icon::after{opacity:0}
.faq-item[open] summary{color:var(--gold-light)}
.faq-answer{padding:0 4px 24px;font-size:15px;font-weight:300;color:var(--w70);line-height:1.85;max-width:760px}
.faq-answer p{margin-bottom:12px}
.faq-answer p:last-child{margin-bottom:0}

/* ===== Insights / Blog ===== */
.insights-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;margin-top:52px}
.insight-card{display:flex;flex-direction:column;padding:36px 30px;background:var(--w08);text-decoration:none;border-top:2px solid transparent;transition:background 0.2s,border-color 0.2s}
.insight-card:hover{background:rgba(201,168,76,0.06);border-top-color:var(--gold)}
.insight-tag{font-size:11px;font-weight:600;letter-spacing:0.14em;text-transform:uppercase;color:var(--gold);margin-bottom:14px}
.insight-title{font-family:'Cormorant Garamond',serif;font-size:24px;font-weight:500;color:var(--white);line-height:1.25;margin-bottom:12px}
.insight-excerpt{font-size:14px;font-weight:300;color:var(--w70);line-height:1.75;flex:1}
.insight-link{display:inline-block;margin-top:18px;font-size:11px;font-weight:600;letter-spacing:0.14em;text-transform:uppercase;color:var(--gold-light)}

.article{max-width:740px;margin:0 auto;padding:0 20px}
.article-meta{font-size:12px;font-weight:600;letter-spacing:0.14em;text-transform:uppercase;color:var(--gold);margin-bottom:16px}
.article h2{font-family:'Cormorant Garamond',serif;font-size:30px;font-weight:500;color:var(--white);margin:44px 0 16px;line-height:1.25}
.article h2:first-of-type{margin-top:8px}
.article p{font-size:16px;font-weight:300;color:var(--w70);line-height:1.85;margin-bottom:20px}
.article ul{margin:0 0 20px;padding-left:22px}
.article li{font-size:16px;font-weight:300;color:var(--w70);line-height:1.85;margin-bottom:10px}
.article strong{color:var(--white);font-weight:500}
.article-cta{margin-top:48px;padding:36px 40px;background:var(--w08);border-left:3px solid var(--gold);text-align:left}
.article-cta p{margin-bottom:16px;color:var(--w70)}

@media(max-width:1100px){
  .teaser-grid[style*="repeat(5"]{grid-template-columns:repeat(3,1fr)!important}
}
@media(max-width:900px){
  .insights-grid{grid-template-columns:1fr}
  .article h2{font-size:24px}
}