/* ===== THEME (ink #11181d, Instrument Sans throughout) ===== */
  :root{
    --ink:#11181d; --slate2:#2a3640; --slate5:#5a656d; --slate6:#6b7780;
    --slate8:#8b959d; --slateA:#a7adb3; --lineE:#e9eef2; --bgF:#f4f6f8; --footer:#0d1216;
    --wf-dim:#c9d1d8; --wf-lit:#11181d;
  }
  * { box-sizing:border-box; }
  html,body { margin:0; padding:0; background:#ffffff; color:var(--ink); font-family:'Instrument Sans', sans-serif; -webkit-font-smoothing:antialiased; }
  body { overflow-x:hidden; }
  img { max-width:100%; display:block; }
  a { color:inherit; text-decoration:none; }
  .wrap { max-width:none; margin:0; padding:0 4vw; }
  .eyebrow { font-size:.78rem; letter-spacing:.22em; text-transform:uppercase; color:var(--slate6); font-weight:600; }
  .rv { opacity:0; transform:translateY(28px); }

  /* ===== SCROLL TEXT-FILL (signature) ===== */
  .wf { color:var(--wf-lit); }
  .wfw { display:inline; color:var(--wf-lit); will-change:color; }
  .wf-h { font-family:'Instrument Sans',sans-serif; font-weight:700; letter-spacing:-.025em;
    font-size:clamp(2rem,4.8vw,3.7rem); line-height:1.06; margin:.2em 0 .5em; }
  .wf-lede { font-family:'Instrument Sans',sans-serif; font-weight:700; letter-spacing:-.02em;
    font-size:clamp(1.5rem,3.2vw,2.7rem); line-height:1.28; margin:0; }
  .wf-body { font-size:clamp(1.02rem,1.3vw,1.18rem); line-height:1.8; margin:0 0 1.1em; font-weight:500; }

  /* ===== HERO (white, centered — like the reference) ===== */
  .about-hero { position:relative; background:#fff; padding:9.5rem 0 0; text-align:center; overflow:hidden; }
  .about-hero .eyebrow { color:var(--slate5); }
  .about-hero h1 { font-family:'Instrument Sans',sans-serif; font-weight:700; color:var(--ink);
    font-size:clamp(3.4rem,12vw,9.5rem); letter-spacing:-.035em; line-height:.9; margin:.18em 0 .35em; }
  .about-hero .subtitle { font-size:clamp(1rem,1.5vw,1.2rem); color:var(--slate5); margin:0 auto 3.4rem; max-width:44ch; }
  .hero-banner { position:relative; height:clamp(320px,52vw,620px); border-radius:14px; overflow:hidden;
    margin:0 4vw; box-shadow:0 40px 90px rgba(17,24,29,.18); }
  .hero-banner img { position:absolute; inset:0; width:100%; height:120%; object-fit:cover; }
  .hero-banner:after{ content:""; position:absolute; inset:0; z-index:2; background:linear-gradient(180deg,rgba(17,24,29,.18),rgba(17,24,29,.42)); }
  .hb-play { position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:88px; height:88px; border-radius:999px;
    border:none; background:rgba(255,255,255,.92); color:#11181d; display:flex; align-items:center; justify-content:center;
    cursor:pointer; z-index:3; transition:transform .25s ease, background .25s ease; box-shadow:0 14px 44px rgba(0,0,0,.35); }
  .hb-play:hover { transform:translate(-50%,-50%) scale(1.08); background:#fff; }
  .hb-play svg { margin-left:5px; }
  .hero-banner .lbl { z-index:3; }

  /* ===== STATEMENT (big scroll-fill paragraph) ===== */
  .statement { padding:7.5rem 0 6rem; }
  .statement .wf-lede { max-width:none; text-align:justify; text-justify:inter-word; -webkit-hyphens:auto; hyphens:auto; }

  /* ===== SECTIONS ===== */
  .sec { padding:7rem 0; }
  .sec-head { max-width:820px; }
  .sec-head h2 { font-family:'Instrument Sans',sans-serif; font-weight:700; letter-spacing:-.02em;
    font-size:clamp(2rem,4.6vw,3.6rem); line-height:1.05; margin:.3em 0 .45em; }
  .sec-head p { font-size:1.05rem; line-height:1.7; color:var(--slate5); }
  .ph { position:relative; border-radius:12px; overflow:hidden; }
  .ph > img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; z-index:0; }
  .ph .lbl { position:absolute; left:14px; bottom:12px; font-size:.64rem; letter-spacing:.16em; text-transform:uppercase; color:rgba(255,255,255,.9); z-index:2; text-shadow:0 1px 6px rgba(0,0,0,.5); }

  /* WHO WE ARE */
  .who { background:#fff; }
  .who-grid { display:grid; grid-template-columns:.92fr 1.08fr; gap:64px; align-items:center; margin-top:46px; }
  .who-imgs { position:relative; height:540px; }
  .who-imgs .a { position:absolute; width:74%; height:82%; top:0; right:0; border-radius:12px;
    background:linear-gradient(150deg,#2a3640,#11181d 70%); }
  .who-imgs .b { position:absolute; width:50%; height:50%; left:0; bottom:0; border-radius:12px;
    background:linear-gradient(150deg,#c2ccd3,#8b959d 70%,#5a656d); box-shadow:0 30px 70px rgba(17,24,29,.25); }
  .who-text .who-stats { display:flex; gap:46px; margin-top:34px; flex-wrap:wrap; }
  .stat .n { font-family:'Instrument Sans',sans-serif; font-weight:800; font-size:2.6rem; line-height:1; color:var(--ink); }
  .stat .l { font-size:.82rem; color:var(--slate6); margin-top:6px; letter-spacing:.04em; }
  @media(max-width:880px){ .who-grid{grid-template-columns:1fr;gap:44px} .who-imgs{height:420px;order:-1} }

  /* WHAT SETS APART — sticky heading + accordion */
  .apart { background:var(--bgF); }
  .apart-grid { display:grid; grid-template-columns:.82fr 1.18fr; gap:70px; align-items:start; }
  .apart-left { position:sticky; top:90px; }
  .acc { border-top:1px solid #d5dce1; }
  .acc-row { border-bottom:1px solid #d5dce1; }
  .acc-head { width:100%; background:none; border:none; cursor:pointer; display:flex; align-items:center; gap:24px;
    padding:30px 4px; text-align:left; font-family:'Instrument Sans',sans-serif; transition:padding-left .3s ease; }
  .acc-head:hover { padding-left:10px; }
  .acc-num { font-family:'Instrument Sans',sans-serif; font-weight:800; color:var(--slate8); font-size:.95rem; min-width:30px; }
  .acc-title { flex:1; font-weight:700; letter-spacing:-.01em; font-size:clamp(1.2rem,2vw,1.6rem); color:var(--ink); line-height:1.18; }
  .acc-icon { font-size:1.7rem; color:var(--slate5); line-height:1; width:24px; text-align:center; transition:transform .3s ease, color .3s ease; }
  .acc-row.open .acc-icon { color:var(--ink); transform:rotate(180deg); }
  .acc-body { max-height:0; overflow:hidden; transition:max-height .5s cubic-bezier(.4,0,.2,1); }
  .acc-row.open .acc-body { max-height:260px; }
  .acc-inner { padding:0 4px 30px 78px; }
  .acc-inner p { margin:0; color:var(--slate5); line-height:1.75; font-size:1.04rem; max-width:54ch; }
  @media(max-width:860px){ .apart-grid{grid-template-columns:1fr;gap:34px} .apart-left{position:static} .acc-inner{padding-left:54px} }

  /* TEAM — carousel + progress + banner + cta */
  .team { background:#fff; }
  .caro { margin:50px 0 0; }
  .caro-track { display:flex; gap:22px; overflow-x:auto; scroll-snap-type:x mandatory; padding-bottom:6px;
    scrollbar-width:none; -ms-overflow-style:none; }
  .caro-track::-webkit-scrollbar{ display:none; }
  .caro-card { flex:0 0 clamp(220px,24vw,290px); scroll-snap-align:start; }
  .caro-pic { aspect-ratio:3/4; border-radius:10px; overflow:hidden; position:relative;
    background:linear-gradient(160deg,#39454e,#11181d 85%); display:flex; align-items:center; justify-content:center; }
  .caro-pic img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; z-index:0; }
  .caro-pic:after { content:""; position:absolute; inset:0; background:linear-gradient(180deg,transparent 55%,rgba(0,0,0,.35)); }
  .caro-init { font-family:'Instrument Sans',sans-serif; font-weight:800; font-size:2.4rem; color:rgba(255,255,255,.18); letter-spacing:.04em; }
  .caro-card h4 { font-family:'Instrument Sans',sans-serif; font-weight:700; font-size:1.1rem; margin:.85em 0 .14em; color:var(--ink); }
  .caro-card .role { font-size:.86rem; color:var(--slate6); }
  .caro-bottom { display:flex; align-items:center; gap:26px; margin-top:34px; }
  .caro-bar { flex:1; height:3px; background:#e1e6ea; border-radius:3px; overflow:hidden; }
  .caro-bar-fill { height:100%; background:var(--ink); border-radius:3px; transition:width .15s linear; }
  .caro-arrows { display:flex; gap:10px; }
  .caro-arrows button { width:46px; height:46px; border-radius:999px; border:1px solid #cfd6db; background:#fff; cursor:pointer;
    font-size:1.1rem; color:var(--ink); display:flex; align-items:center; justify-content:center; transition:.2s; }
  .caro-arrows button:hover { background:var(--ink); color:#fff; border-color:var(--ink); }
  .team-banner { height:clamp(260px,34vw,420px); border-radius:14px; margin:64px 0 56px; position:relative;
    background:linear-gradient(120deg,#39454e,#11181d 80%); }
  .team-cta { display:grid; grid-template-columns:1.4fr 1fr; gap:50px; align-items:center; }
  .team-ctas { display:flex; gap:14px; flex-wrap:wrap; }
  .tbtn { padding:.95rem 1.9rem; border-radius:999px; font-weight:600; font-size:.94rem; transition:.2s;
    border:1px solid var(--ink); color:var(--ink); cursor:pointer; background:none; display:inline-flex; align-items:center; gap:.55rem; }
  .tbtn:hover { background:var(--lineE); transform:translateY(-2px); }
  .tbtn.solid { background:var(--ink); color:#fff; border-color:var(--ink); }
  .tbtn.solid:hover { background:var(--slate2); }
  @media(max-width:860px){ .team-cta{grid-template-columns:1fr;gap:28px} }

  /* CORE VALUES — expanding overlapping panels */
  .values { background:var(--bgF); }
  .vacc { display:flex; gap:12px; height:460px; margin-top:54px; }
  .vpanel { position:relative; flex:1; border-radius:12px; overflow:hidden; cursor:pointer; color:#fff;
    transition:flex .55s cubic-bezier(.4,0,.2,1); display:flex; flex-direction:column; justify-content:flex-end; padding:26px 24px; }
  .vpanel.active { flex:3.4; }
  .vpanel:nth-child(1){ background:linear-gradient(180deg,#2a3640,#11181d); }
  .vpanel:nth-child(2){ background:linear-gradient(180deg,#5a656d,#11181d); }
  .vpanel:nth-child(3){ background:linear-gradient(180deg,#8b959d,#2a3640); }
  .vpanel:nth-child(4){ background:linear-gradient(180deg,#3a4750,#11181d); }
  .vpanel:nth-child(5){ background:linear-gradient(180deg,#6b7780,#1b2228); }
  .vpanel:before { content:""; position:absolute; inset:0; z-index:1; background:linear-gradient(180deg,rgba(0,0,0,.15),rgba(0,0,0,.62)); }
  .vp-img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; z-index:0; }
  .vpanel-num,.vpanel-body { position:relative; z-index:2; }
  .vpanel-num { font-family:'Instrument Sans',sans-serif; font-weight:800; font-size:.85rem; opacity:.8; margin-bottom:auto; }
  .vpanel-body h3 { font-family:'Instrument Sans',sans-serif; font-weight:700; font-size:1.3rem; margin:0 0 .5em; line-height:1.12; }
  .vpanel-body p { font-size:.92rem; line-height:1.55; margin:0; opacity:0; max-height:0; overflow:hidden;
    transition:opacity .4s ease .12s, max-height .5s ease; }
  .vpanel.active .vpanel-body p { opacity:.95; max-height:140px; }
  @media(max-width:780px){
    .vacc{ flex-direction:column; height:auto; }
    .vpanel{ flex:none; min-height:130px; }
    .vpanel.active{ flex:none; }
    .vpanel-body p{ opacity:.95; max-height:140px; }
  }

  /* ===================== JOIN PAGE EXTRA STYLES ===================== */

  /* universal pill buttons */
  .pill { padding:.88rem 1.7rem; border-radius:999px; font-weight:600; font-size:.92rem; display:inline-flex; align-items:center;
    gap:.55rem; cursor:pointer; transition:transform .2s ease, background .2s ease, color .2s ease; border:1px solid transparent; font-family:'Instrument Sans',sans-serif; text-decoration:none; }
  .pill.dark { background:#11181d; color:#fff; border-color:#11181d; }
  .pill.dark:hover { background:#2a3640; transform:translateY(-2px); }
  .pill.ghost { background:transparent; color:#11181d; border-color:#11181d; }
  .pill.ghost:hover { background:#11181d; color:#fff; }
  .pill.light { background:#fff; color:#11181d; border-color:#fff; }
  .pill.light:hover { background:#e9eef2; transform:translateY(-2px); }
  .pill.ghost-light { background:transparent; color:#fff; border-color:rgba(255,255,255,.5); }
  .pill.ghost-light:hover { background:rgba(255,255,255,.12); }
  .btn-row { display:flex; gap:14px; flex-wrap:wrap; margin-top:30px; }

  /* HERO with chevron mosaic */
  .join-hero { position:relative; background:#0d1216; color:#fff; min-height:92vh; display:flex; align-items:center; justify-content:center; overflow:hidden; text-align:center; padding:8rem 0 4rem; }
  .join-hero .chevrons { position:absolute; inset:0; display:flex; gap:1.6%; align-items:center; justify-content:center; padding:0 3vw; z-index:0; }
  .chev { flex:1; max-width:15%; height:64%; position:relative; overflow:hidden;
    clip-path:polygon(0 0, 58% 0, 100% 50%, 58% 100%, 0 100%, 42% 50%); opacity:.85; }
  .chev:nth-child(even){ transform:scaleX(-1); }
  .chev img { width:100%; height:100%; object-fit:cover; }
  .join-hero:after { content:""; position:absolute; inset:0; z-index:1;
    background:radial-gradient(ellipse 70% 70% at center, rgba(13,18,22,.55) 0%, rgba(13,18,22,.9) 75%); }
  .join-hero .jh-inner { position:relative; z-index:2; padding:0 4vw; }
  .join-hero h1 { font-family:'Instrument Sans',sans-serif; font-weight:700; letter-spacing:-.04em;
    font-size:clamp(3rem,11vw,8.6rem); line-height:.9; margin:0 0 .5rem; }
  .join-hero .jh-sub { font-size:clamp(1.05rem,1.9vw,1.45rem); color:#c7ced3; max-width:30ch; margin:0 auto; line-height:1.4; }

  /* generic image fill helper for join */
  .imgfill { position:relative; overflow:hidden; border-radius:12px; }
  .imgfill img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }

  /* EMPOWERING */
  .emp-grid { display:grid; grid-template-columns:.86fr 1.14fr; gap:60px; align-items:center; margin-top:30px; }
  .emp-imgs { position:relative; height:560px; }
  .emp-imgs .big { position:absolute; right:0; top:7%; width:80%; height:74%; }
  .emp-imgs .small { position:absolute; left:0; bottom:0; width:44%; height:48%; box-shadow:0 30px 70px rgba(17,24,29,.28); }
  .emp-text .wf-body { font-weight:500; }
  @media(max-width:880px){ .emp-grid{grid-template-columns:1fr;gap:40px} .emp-imgs{height:430px;order:-1} }

  /* split: heading-left / content-right */
  .split { display:grid; grid-template-columns:.82fr 1.18fr; gap:70px; align-items:start; }
  .split-left { position:sticky; top:90px; }
  @media(max-width:880px){ .split{grid-template-columns:1fr;gap:32px} .split-left{position:static} }

  /* AGENT PARTNERSHIP */
  .partner-grid { display:grid; grid-template-columns:1fr 1.05fr; gap:64px; align-items:center; }
  .partner-grid .wf-body{ font-weight:500; }
  .partner-img { height:480px; }
  @media(max-width:880px){ .partner-grid{grid-template-columns:1fr;gap:36px} .partner-img{height:360px} }

  /* AMENITIES grid */
  .amen-grid { display:grid; grid-template-columns:repeat(4,1fr); margin-top:46px; border-top:1px solid #e1e6ea; border-left:1px solid #e1e6ea; }
  .amen { padding:30px 26px 36px; border-right:1px solid #e1e6ea; border-bottom:1px solid #e1e6ea; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; }
  .amen .ic { width:28px; height:28px; color:#11181d; margin:0 auto 18px; display:block; }
  .amen h4 { font-size:1.04rem; font-weight:700; margin:0 0 .5em; line-height:1.2; }
  .amen p { font-size:.9rem; color:#5a656d; line-height:1.6; margin:0; max-width:30ch; }
  .amen.amen-img { padding:0; aspect-ratio:1/1; display:block; }
  .amen.amen-img img { width:100%; height:100%; object-fit:cover; }
  @media(max-width:980px){ .amen-grid{grid-template-columns:repeat(2,1fr)} .amen.amen-img{display:none} }
  @media(max-width:520px){ .amen-grid{grid-template-columns:1fr} }

  /* checklists */
  .checks { display:grid; grid-template-columns:1fr 1fr; gap:0 64px; margin-top:30px; }
  .check { display:flex; gap:13px; align-items:flex-start; padding:15px 0; border-bottom:1px solid #e1e6ea; font-size:1rem; color:#2a3640; }
  .check svg { color:#11181d; flex:none; margin-top:3px; }
  .check b { font-weight:700; }
  @media(max-width:680px){ .checks{grid-template-columns:1fr;gap:0} }

  /* GROWING stats */
  .grow { position:relative; border-radius:16px; overflow:hidden; color:#fff; }
  .grow .gbg { position:absolute; inset:0; }
  .grow .gbg img { width:100%; height:100%; object-fit:cover; }
  .grow:after { content:""; position:absolute; inset:0; background:linear-gradient(180deg,rgba(13,18,22,.82),rgba(13,18,22,.9)); }
  .grow-inner { position:relative; z-index:1; padding:5.5rem 6vw; text-align:center; }
  .grow-inner h2 { font-size:clamp(2rem,4.6vw,3.4rem); font-weight:700; letter-spacing:-.02em; margin:0 0 1.6rem; }
  .grow .btn-row { justify-content:center; margin:0 0 3.5rem; }
  .stat-row { display:grid; grid-template-columns:repeat(3,1fr); gap:36px; max-width:1000px; margin:0 auto; }
  .bigstat .num { font-family:'Instrument Sans',sans-serif; font-weight:700; letter-spacing:-.03em; font-size:clamp(2.4rem,5vw,4rem); line-height:1; }
  .bigstat .lbl { color:#a7adb3; margin-top:10px; font-size:.95rem; letter-spacing:.05em; }
  @media(max-width:760px){ .stat-row{grid-template-columns:1fr;gap:30px} }

  /* OFFICE (single) */
  .office-card { max-width:560px; }
  .office-card .pic { aspect-ratio:16/10; }
  .office-card h4 { margin:1em 0 .25em; font-size:1.3rem; font-weight:700; }
  .office-card p { color:#5a656d; line-height:1.6; margin:0; }

  /* RECOGNITION press */
  .press { display:grid; grid-template-columns:repeat(6,1fr); border:1px solid #e1e6ea; border-radius:12px; overflow:hidden; margin-top:40px; }
  .press div { padding:38px 14px; text-align:center; border-right:1px solid #e1e6ea; color:#9aa6ad; font-size:.72rem; letter-spacing:.14em; text-transform:uppercase; font-weight:700; }
  .press div:last-child { border-right:none; }
  @media(max-width:760px){ .press{grid-template-columns:repeat(3,1fr)} .press div:nth-child(3n){border-right:none} }

  /* DATA PLEDGE */
  .pledge-banner { position:relative; height:clamp(300px,36vw,440px); display:flex; align-items:center; justify-content:center; text-align:center; color:#fff; margin-top:42px; }
  .pledge-banner img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
  .pledge-banner:after { content:""; position:absolute; inset:0; background:rgba(13,18,22,.55); }
  .pledge-banner .pb-inner { position:relative; z-index:1; padding:0 6vw; }
  .pledge-banner h3 { font-size:clamp(1.5rem,3vw,2.4rem); font-weight:700; margin:0 0 1.4rem; }

  /* MANAGEMENT hover list */
  .mteam { border-top:1px solid #e1e6ea; margin-top:48px; }
  .mgmt-sec .wf-h { font-size:clamp(2.4rem,5.6vw,4.4rem); }
  .mgmt-sec .sec-head { max-width:1000px; }
  .mteam-row { position:relative; display:grid; grid-template-columns:300px 1fr; align-items:center; gap:30px; padding:36px 8px; border-bottom:1px solid #e1e6ea; transition:background .3s ease, padding .3s ease; }
  .mteam-row:hover { background:#11181d; padding-left:24px; padding-right:24px; }
  .m-role { justify-self:start; font-size:.72rem; letter-spacing:.12em; text-transform:uppercase; border:1px solid #cfd6db; border-radius:999px; padding:.5rem 1.05rem; color:#5a656d; white-space:nowrap; transition:.3s; }
  .m-name { font-size:clamp(1.7rem,3.2vw,3rem); font-weight:700; letter-spacing:-.02em; color:#11181d; transition:.3s; }
  .mteam-row:hover .m-name { color:#fff; }
  .mteam-row:hover .m-role { color:#fff; border-color:rgba(255,255,255,.4); }
  .m-photo { position:absolute; right:5%; top:50%; transform:translateY(-50%) scale(.85) rotate(-4deg); width:clamp(120px,12vw,190px); aspect-ratio:3/4; border-radius:8px; overflow:hidden; opacity:0; pointer-events:none; transition:opacity .3s ease, transform .4s cubic-bezier(.2,.8,.2,1); z-index:3; box-shadow:0 24px 60px rgba(0,0,0,.45); }
  .m-photo img { width:100%; height:100%; object-fit:cover; }
  .mteam-row:hover .m-photo { opacity:1; transform:translateY(-50%) scale(1) rotate(-4deg); }
  @media(max-width:760px){ .m-photo{ display:none; } .mteam-row{ grid-template-columns:1fr; gap:.7rem; padding:26px 8px; } }

  /* CULTURE mosaic */
  .culture-mosaic { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; margin:42px 0 30px; }
  .culture-mosaic .cm { aspect-ratio:4/3.4; }
  .culture-mosaic .cm:nth-child(2){ transform:translateY(34px); }
  .culture-mosaic .cm:nth-child(3){ transform:translateY(-18px); }
  @media(max-width:680px){ .culture-mosaic{grid-template-columns:1fr 1fr} .culture-mosaic .cm:nth-child(n){transform:none} }

  /* GIVING BACK */
  .give-grid { display:grid; grid-template-columns:.78fr 1.22fr; gap:54px; align-items:start; }
  .give-img { aspect-ratio:3/4; }
  .give-list { border-top:1px solid #e1e6ea; }
  .give-row { display:flex; align-items:center; gap:20px; padding:26px 6px; border-bottom:1px solid #e1e6ea;
    font-size:clamp(1.2rem,2vw,1.7rem); font-weight:700; letter-spacing:-.01em; transition:padding .25s ease; cursor:pointer; }
  .give-row:hover { padding-left:14px; }
  .give-row .gnum { font-size:.82rem; color:#8b959d; min-width:26px; font-weight:600; }
  .give-row .garrow { margin-left:auto; color:#5a656d; }
  @media(max-width:880px){ .give-grid{grid-template-columns:1fr;gap:34px} .give-img{aspect-ratio:16/10} }

  /* TESTIMONIALS */
  .tst { background:var(--bgF); }
  .tst-quote { font-family:'Instrument Sans',sans-serif; font-size:clamp(1.3rem,2.5vw,2.05rem); line-height:1.5; font-weight:500; color:#11181d; margin:0; max-width:60ch; }
  .tst-person { display:flex; align-items:center; gap:14px; margin-top:34px; }
  .tst-av { width:48px; height:48px; border-radius:999px; background:#11181d; color:#fff; display:flex; align-items:center; justify-content:center; font-weight:700; font-size:.92rem; flex:none; }
  .tst-name { font-weight:700; }
  .tst-role { font-size:.85rem; color:#5a656d; }
  .tst-nav { display:flex; gap:10px; margin-top:34px; }
  .tst-nav button { width:48px; height:48px; border-radius:999px; border:1px solid #cfd6db; background:#fff; cursor:pointer; font-size:1.1rem; color:#11181d; transition:.2s; }
  .tst-nav button:hover { background:#11181d; color:#fff; border-color:#11181d; }

  /* HOW TO JOIN steps */
  .steps { background:#0d1216; color:#fff; }
  .steps .sec-head .eyebrow { color:#8b959d; }
  .step-list { margin-top:44px; border-left:2px solid rgba(255,255,255,.14); padding-left:38px; max-width:760px; }
  .step { position:relative; padding:24px 0; }
  .step:before { content:""; position:absolute; left:-45px; top:30px; width:12px; height:12px; border-radius:999px; background:#fff; }
  .step .snum { font-size:.78rem; color:#8b959d; letter-spacing:.14em; }
  .step h4 { font-size:clamp(1.3rem,2.2vw,1.8rem); font-weight:700; letter-spacing:-.01em; margin:.45em 0 .35em; }
  .step p { color:#a7adb3; line-height:1.65; margin:0; max-width:52ch; }

  /* dark-section heading helper */
  .ondark h2, .ondark h3 { color:#fff; }


  /* ===== JOIN PAGE — UPDATED SECTIONS ===== */
  .incl-wrap{ display:grid; gap:22px; margin-top:44px; }
  .incl-card{ border:1px solid #e1e6ea; border-radius:18px; padding:32px 34px 36px; background:#fff; }
  .incl-card.alt{ background:#11181d; border-color:#11181d; }
  .incl-head{ display:flex; align-items:center; gap:14px; margin-bottom:24px; }
  .incl-badge{ width:46px; height:46px; border-radius:13px; background:#11181d; color:#fff; display:grid; place-items:center; flex:none; }
  .incl-card.alt .incl-badge{ background:#fff; color:#11181d; }
  .incl-head h3{ font-size:1.3rem; font-weight:700; margin:0; color:#11181d; }
  .incl-card.alt .incl-head h3{ color:#fff; }
  .incl-head .sub{ font-size:.9rem; color:#8b959d; margin-top:3px; }
  .incl-card.alt .incl-head .sub{ color:#9aa6ad; }
  .incl-items{ display:grid; grid-template-columns:repeat(3,1fr); gap:15px 28px; }
  .incl-item{ display:flex; align-items:flex-start; gap:11px; font-size:.95rem; color:#2a3640; line-height:1.4; }
  .incl-card.alt .incl-item{ color:#dfe5ea; }
  .incl-chip{ flex:none; width:22px; height:22px; border-radius:50%; background:#eaf3ec; color:#1f7a3d; display:grid; place-items:center; margin-top:1px; }
  .incl-card.alt .incl-chip{ background:rgba(255,255,255,.13); color:#fff; }
  @media(max-width:880px){ .incl-items{ grid-template-columns:1fr 1fr; } }
  @media(max-width:540px){ .incl-items{ grid-template-columns:1fr; } .incl-card{ padding:26px 22px 30px; } }

  .office-feature{ display:grid; grid-template-columns:1.12fr .88fr; border:1px solid #e1e6ea; border-radius:20px; overflow:hidden; margin-top:42px; }
  .office-feature .of-img{ position:relative; min-height:400px; }
  .office-feature .of-img img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
  .office-info{ padding:48px 46px; display:flex; flex-direction:column; justify-content:center; }
  .office-info .eyebrow{ margin-bottom:.6rem; }
  .office-info h3{ font-size:1.75rem; font-weight:700; margin:0 0 .5rem; color:#11181d; }
  .office-info .of-addr{ color:#5a656d; line-height:1.7; margin:0 0 1.6rem; }
  .of-meta{ display:flex; flex-direction:column; gap:15px; margin-bottom:2rem; }
  .of-row{ display:flex; gap:13px; align-items:flex-start; font-size:.95rem; color:#2a3640; line-height:1.45; }
  .of-row svg{ flex:none; margin-top:1px; color:#11181d; }
  @media(max-width:820px){ .office-feature{ grid-template-columns:1fr; } .office-feature .of-img{ min-height:260px; } .office-info{ padding:34px 26px; } }

  .devmarquee{ margin-top:46px; overflow:hidden; position:relative; -webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent); mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent); }
  .devtrack{ display:flex; width:max-content; animation:devscroll 38s linear infinite; }
  .devmarquee:hover .devtrack{ animation-play-state:paused; }
  @keyframes devscroll{ from{ transform:translateX(0); } to{ transform:translateX(-50%); } }
  .devlogo{ flex:none; width:210px; height:104px; margin:0 13px; border:1px solid #e1e6ea; border-radius:14px; display:grid; place-items:center; background:#fff; transition:border-color .25s ease, box-shadow .25s ease; }
  .devlogo:hover{ border-color:#c3ccd2; box-shadow:0 10px 26px rgba(17,24,29,.07); }
  .devlogo span{ font-family:'Instrument Sans',sans-serif; font-weight:700; font-size:1.04rem; letter-spacing:.05em; color:#6b7780; text-transform:uppercase; text-align:center; padding:0 16px; transition:color .25s ease; }
  .devlogo:hover span{ color:#11181d; }

  .steps-h{ display:grid; grid-template-columns:repeat(5,1fr); gap:0; margin-top:56px; position:relative; }
  .steps-h .hline, .steps-h .hprog{ position:absolute; top:27px; left:10%; right:10%; height:2px; }
  .steps-h .hline{ background:rgba(255,255,255,.16); }
  .steps-h .hprog{ right:auto; width:0; background:#fff; }
  .steps-h .hstep{ position:relative; padding:0 16px; text-align:center; opacity:0; transform:translateY(24px); }
  .steps-h .hcirc{ width:56px; height:56px; border-radius:50%; border:1.5px solid rgba(255,255,255,.32); background:#11181d; color:#fff; display:grid; place-items:center; font-weight:700; font-size:1.05rem; margin:0 auto; position:relative; z-index:2; }
  .steps-h .hstep h4{ color:#fff; font-size:1.05rem; font-weight:700; margin:1.15rem 0 .45rem; }
  .steps-h .hstep p{ color:#9aa6ad; font-size:.9rem; line-height:1.55; margin:0; }
  @media(max-width:860px){ .steps-h{ grid-template-columns:1fr 1fr; gap:34px 16px; } .steps-h .hline, .steps-h .hprog{ display:none; } }
  @media(max-width:520px){ .steps-h{ grid-template-columns:1fr; } }


  /* ============ AGENTS PAGE ============ */
  .ag-hero { padding:8.5rem 0 0; text-align:center; }
  .ag-hero h1 { font-family:'Instrument Sans',sans-serif; font-weight:700; color:var(--ink);
    font-size:clamp(2.6rem,7vw,5.4rem); letter-spacing:-.03em; line-height:1; margin:0 0 1rem; }
  .ag-hero .ag-sub { font-size:clamp(1rem,1.5vw,1.22rem); color:var(--slate5); margin:0 auto 2.6rem; max-width:46ch; }
  .ag-search { position:relative; max-width:none; margin:0 0 3rem; border-bottom:1px solid #d5dce1; }
  .ag-search input { width:100%; box-sizing:border-box; border:none; outline:none; background:transparent;
    font-family:'Instrument Sans',sans-serif; font-size:1rem; color:var(--ink); padding:1rem 2.4rem 1rem .1rem; }
  .ag-search input::placeholder { color:var(--slate6); }
  .ag-search .ag-srch-ic { position:absolute; right:.2rem; top:50%; transform:translateY(-50%); color:var(--slate6); }
  .ag-banner { width:100%; aspect-ratio:16/7; border-radius:16px; overflow:hidden; background:#e9eef2; }
  .ag-banner img { width:100%; height:100%; object-fit:cover; display:block; transform:scale(1.08); }
  .ag-lede { font-family:'Instrument Sans',sans-serif; font-weight:600; letter-spacing:-.015em;
    font-size:clamp(1.3rem,2.6vw,2.05rem); line-height:1.45; text-align:left; margin:2.6rem 0 0; max-width:none; }

  /* why work with a Palladium agent */
  .why-wrap { display:grid; grid-template-columns:.85fr 1.15fr; gap:4rem; align-items:start; }
  .why-head h2 { font-family:'Instrument Sans',sans-serif; font-weight:700; letter-spacing:-.03em; line-height:1.02;
    font-size:clamp(2rem,3.6vw,3.1rem); margin:0; color:var(--ink); }
  .why-head h2 .mut { color:#c4ccd2; }
  @media (max-width:860px){ .why-wrap { grid-template-columns:1fr; gap:1.6rem; } }

  /* filters */
  .ag-filters { display:grid; grid-template-columns:1fr 1fr; gap:0; border-top:1px solid #d5dce1;
    border-bottom:1px solid #d5dce1; margin:0 0 2.6rem; }
  .ag-sel { position:relative; }
  .ag-sel + .ag-sel { border-left:1px solid #d5dce1; }
  .ag-sel select { width:100%; box-sizing:border-box; -webkit-appearance:none; appearance:none; border:none; outline:none;
    background:transparent; font-family:'Instrument Sans',sans-serif; font-size:.92rem; color:var(--slate2); font-weight:500;
    padding:1.1rem 2.4rem 1.1rem 1rem; cursor:pointer; }
  .ag-sel .ag-sel-ic { position:absolute; right:1rem; top:50%; transform:translateY(-50%); color:var(--slate6); pointer-events:none; }

  .sec-head-2t { font-family:'Instrument Sans',sans-serif; font-weight:700; letter-spacing:-.03em;
    font-size:clamp(1.9rem,3.4vw,2.8rem); margin:0 0 1.8rem; color:var(--ink); line-height:1; }
  .sec-head-2t .mut { color:#c4ccd2; }

  /* certified agent cards */
  .ag-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:1.6rem 1.4rem; }
  @media (max-width:1000px){ .ag-grid { grid-template-columns:repeat(2,1fr); } }
  @media (max-width:520px){ .ag-grid { grid-template-columns:1fr; } }
  .ag-card { opacity:0; transform:translateY(26px); }
  .ag-card-pic { position:relative; aspect-ratio:1/1; border-radius:12px; overflow:hidden; background:#e9eef2; }
  .ag-card-pic img { width:100%; height:100%; object-fit:cover; display:block; transition:transform .6s cubic-bezier(.2,.8,.2,1); }
  .ag-card:hover .ag-card-pic img { transform:scale(1.05); }
  .ag-actions { position:absolute; left:0; right:0; bottom:-22px; display:flex; gap:.6rem; justify-content:center; }
  .ag-abtn { width:44px; height:44px; border-radius:999px; background:#fff; border:none; box-shadow:0 8px 22px rgba(8,12,16,.16);
    display:flex; align-items:center; justify-content:center; color:var(--ink); cursor:pointer; transition:transform .2s ease, background .2s ease; }
  .ag-abtn:hover { transform:translateY(-3px); background:var(--ink); color:#fff; }
  .ag-card-body { padding:1.1rem .2rem 0; }
  .ag-name { font-family:'Instrument Sans',sans-serif; font-weight:700; font-size:1.18rem; letter-spacing:-.01em; color:var(--ink); margin:0 0 .35rem; }
  .ag-role { font-size:.82rem; color:var(--slate5); line-height:1.4; margin:0; }
  .ag-co { font-size:.74rem; color:var(--slate8); letter-spacing:.08em; text-transform:uppercase; margin:.35rem 0 .1rem; font-weight:600; }
  .ag-lic { font-size:.74rem; color:var(--slate8); margin:0 0 .55rem; }
  .ag-stars { display:flex; align-items:center; gap:.45rem; }
  .ag-stars .stars { color:#11181d; letter-spacing:1px; font-size:.86rem; }
  .ag-stars .stars .e { color:#d5dce1; }
  .ag-rev { font-size:.8rem; color:var(--slate6); }

  /* compact more-agents cards */
  .ag-grid-sm { display:grid; grid-template-columns:repeat(6,1fr); gap:1.5rem 1.2rem; }
  @media (max-width:1000px){ .ag-grid-sm { grid-template-columns:repeat(3,1fr); } }
  @media (max-width:560px){ .ag-grid-sm { grid-template-columns:repeat(2,1fr); } }
  .ag-card-sm { opacity:0; transform:translateY(22px); }
  .ag-card-sm .pic { aspect-ratio:1/1; border-radius:10px; overflow:hidden; background:#e9eef2; margin-bottom:.7rem; }
  .ag-card-sm .pic img { width:100%; height:100%; object-fit:cover; display:block; transition:transform .5s ease; }
  .ag-card-sm:hover .pic img { transform:scale(1.05); }
  .ag-card-sm h4 { font-family:'Instrument Sans',sans-serif; font-weight:700; font-size:.98rem; color:var(--ink); margin:0 0 .25rem; letter-spacing:-.01em; }
  .ag-card-sm .role { font-size:.72rem; color:var(--slate5); line-height:1.35; margin:0; }
  .ag-card-sm .co { font-size:.66rem; color:var(--slate8); letter-spacing:.07em; text-transform:uppercase; margin:.28rem 0 .08rem; font-weight:600; }
  .ag-card-sm .lic { font-size:.66rem; color:var(--slate8); margin:0; }

  /* pagination */
  .ag-pager { display:flex; align-items:center; justify-content:center; gap:.5rem; margin:3rem 0 0; position:relative; }
  .ag-pg { min-width:34px; height:34px; border-radius:999px; border:none; background:transparent; color:var(--slate5);
    font-family:'Instrument Sans',sans-serif; font-size:.92rem; font-weight:600; cursor:pointer; transition:all .2s ease; padding:0 .4rem; }
  .ag-pg:hover { color:var(--ink); }
  .ag-pg.active { background:var(--ink); color:#fff; }
  .ag-pg.dots { cursor:default; color:var(--slate8); }
  .ag-pg-arrow { position:absolute; right:0; width:40px; height:40px; border-radius:999px; border:1px solid #d5dce1;
    background:#fff; color:var(--ink); display:flex; align-items:center; justify-content:center; cursor:pointer; transition:all .2s ease; }
  .ag-pg-arrow:hover { background:var(--ink); color:#fff; border-color:var(--ink); }
  @media (max-width:560px){ .ag-pg-arrow { position:static; } }


  /* ============ HELPFUL PARTNERSHIPS PAGE ============ */
  .hp-hero { padding:7.5rem 0 0; text-align:center; }
  .hp-hero h1 { font-family:'Instrument Sans',sans-serif; font-weight:700; color:var(--ink);
    font-size:clamp(2.9rem,7.4vw,6.2rem); letter-spacing:-.035em; line-height:1.02; margin:0 auto 2.8rem; max-width:15ch; }
  .hp-lede { font-family:'Instrument Sans',sans-serif; font-weight:600; letter-spacing:-.015em;
    font-size:clamp(1.3rem,2.5vw,2rem); line-height:1.5; text-align:left; margin:3rem auto 0; max-width:none; }
  .tt-mut { color:#aeb7be; }

  /* trusted partners gray panel — two column */
  .partners-band { background:#f1f3f5; padding:6rem 0; margin-top:7rem; }
  .apart-grid { display:grid; grid-template-columns:.82fr 1.18fr; gap:4.5rem; align-items:start; }
  .apart-left { position:sticky; top:120px; }
  .partners-head { font-family:'Instrument Sans',sans-serif; font-weight:700; letter-spacing:-.03em; line-height:1.04;
    font-size:clamp(2rem,3.6vw,3rem); margin:0 0 1.1rem; color:var(--ink); }
  .partners-head .mut { color:#b9c1c8; display:block; }
  .apart-intro { color:var(--slate5); font-size:1.05rem; line-height:1.7; max-width:32ch; margin:0; }
  .partners-band .acc { border-top:none; }
  .partners-band .acc-row { border-bottom:1px solid #dde3e7; border-radius:14px;
    transition:background .3s ease, box-shadow .3s ease, margin .3s ease; }
  .partners-band .acc-row.open { background:#fff; border-bottom-color:transparent;
    box-shadow:0 16px 44px rgba(13,18,22,.07); margin:8px 0; }
  .partners-band .acc-head { padding:1.45rem 1.4rem; gap:20px; }
  .partners-band .acc-head:hover { padding-left:1.7rem; }
  .partners-band .acc-num { color:#9aa6ad; }
  .partners-band .acc-title { font-size:clamp(1.1rem,1.8vw,1.45rem); }
  .partners-band .acc-row.open .acc-num { color:var(--ink); }
  .partners-band .acc-inner { padding:0 1.4rem 1.5rem 4.7rem; }
  .partners-band .acc-inner p { color:var(--slate5); max-width:64ch; }

  /* benefits section — centered */
  /* benefits — two column: text left, image right */
  .benefits-grid { display:grid; grid-template-columns:1fr 1fr; gap:4.5rem; align-items:center; }
  .benefits-left .eyebrow { display:block; margin-bottom:1.2rem; }
  .benefits-head { font-family:'Instrument Sans',sans-serif; font-weight:700; letter-spacing:-.03em; line-height:1.02;
    font-size:clamp(2.4rem,4.2vw,3.8rem); margin:0 0 1.8rem; color:var(--ink); }
  .benefits-head .mut { color:#b9c1c8; display:block; }
  .benefits-lede { font-family:'Instrument Sans',sans-serif; font-weight:600; letter-spacing:-.015em;
    font-size:clamp(1.25rem,1.9vw,1.65rem); line-height:1.5; text-align:left; margin:0 0 2.4rem; max-width:none; }
  .benefits-img { width:100%; aspect-ratio:4/3; border-radius:18px; overflow:hidden;
    background:#e9eef2; box-shadow:0 34px 80px rgba(13,18,22,.16); }
  .benefits-img img { width:100%; height:100%; object-fit:cover; display:block; transform:scale(1.04); }
  .hp-contact-btn { display:inline-flex; align-items:center; gap:.6rem; background:var(--ink); color:#fff; border:none;
    border-radius:999px; padding:1rem 1.7rem; font-family:'Instrument Sans',sans-serif; font-size:.95rem; font-weight:600;
    cursor:pointer; transition:transform .2s ease, background .2s ease; }
  .hp-contact-btn:hover { transform:translateY(-2px); background:#1d262d; }
  .hp-contact-btn span { display:inline-flex; }
  @media (max-width:860px){ .benefits-grid { grid-template-columns:1fr; gap:2.4rem; } }
  @media (max-width:760px){ .partners-band { padding:4rem 0; margin-top:4.5rem; } .hp-hero h1 { max-width:none; } }