/* Inner analogy integration + Closer Access reasoning/visual refinement — 20 Aug 2026
   Scope: Careful Circle, How the Circle Works, Closer Access only.
   Preserve the premium inner visual language; use metaphor only where it clarifies the work. */

/* ---------- CAREFUL CIRCLE: THE BRIDGE ---------- */
.circle-decision-story .eyebrow{color:#cba85a}
.circle-bridge-intro{max-width:830px;color:#d1dce6;font-size:18px;line-height:1.68;margin:0 0 28px}
.circle-bridge-banks{display:flex;justify-content:space-between;gap:28px;max-width:980px;margin:30px auto 0;padding:0 18px}
.circle-bridge-bank{display:flex;flex-direction:column;gap:3px;max-width:260px}
.circle-bridge-bank:last-child{text-align:right;align-items:flex-end}
.circle-bridge-bank strong{color:#e6c97e;font-family:'Cormorant Garamond',Georgia,serif;font-size:23px;line-height:1.12}
.circle-bridge-bank small{color:#9fb0bf;font-size:12.5px;line-height:1.45}
.circle-decision-path-wrap{margin-top:20px!important;padding-top:30px!important;padding-bottom:24px!important}
.circle-decision-path{padding-bottom:40px!important}
.circle-decision-path::before{top:35px!important;height:3px!important;background:linear-gradient(90deg,rgba(203,168,90,.38),#e6c97e 16%,#e6c97e 84%,rgba(203,168,90,.38))!important;box-shadow:0 0 18px rgba(230,201,126,.16)}
.circle-decision-path::after{content:"";position:absolute;left:6.5%;right:6.5%;bottom:24px;height:1px;background:rgba(203,168,90,.24)}
.circle-decision-step{min-height:195px}
.circle-decision-step::after{content:"";position:absolute;left:50%;top:70px;bottom:13px;width:1px;background:linear-gradient(rgba(230,201,126,.58),rgba(203,168,90,.12));z-index:-1}
.circle-decision-step .step-num{background:#0c1521!important;box-shadow:0 10px 28px rgba(0,0,0,.30)!important}
.circle-decision-story .journey-payoff{margin-top:18px!important}
.circle-bridge-cta{display:flex;justify-content:center;margin-top:26px}
.circle-bridge-cta .btn{min-width:230px;text-align:center}

/* Keep the Four Doors analogy and its explanatory video as one continuous chapter. */
.four-doors-section{padding-bottom:54px!important}
.four-doors-section + .pricing-video{border-top:0!important;padding-top:52px!important}
.four-doors-section + .pricing-video .video-intro{text-align:center;max-width:850px;margin-left:auto;margin-right:auto}
.four-doors-section + .pricing-video .video-intro .lead{margin-left:auto;margin-right:auto}
.four-doors-section + .pricing-video .video-summary{max-width:940px;margin-left:auto;margin-right:auto}

/* ---------- HOW THE CIRCLE WORKS: THE BRIDGE STEP BY STEP ---------- */
.hcw-hero .hcw-bridge-label{display:inline-flex;align-items:center;gap:10px;margin:24px 0 0;color:#e6c97e;font-size:11px;font-weight:800;letter-spacing:1.6px;text-transform:uppercase}
.hcw-hero .hcw-bridge-label::before{content:"";width:36px;height:1px;background:#cba85a}
.hcw-hero-route{position:relative;padding-bottom:36px}
.hcw-hero-route::after{content:"";position:absolute;left:3%;right:3%;bottom:8px;height:1px;background:rgba(203,168,90,.25)}
.hcw-route-step{position:relative}
.hcw-route-step::after{content:"";position:absolute;left:50%;top:100%;height:26px;width:1px;background:linear-gradient(rgba(203,168,90,.48),rgba(203,168,90,.12))}
.hcw-hero-bridge-note{margin:28px 0 0;max-width:800px;color:#b7c5d1;font-family:'Cormorant Garamond',Georgia,serif;font-size:22px;line-height:1.42;border-left:2px solid #cba85a;padding-left:18px}

/* ---------- CLOSER ACCESS ---------- */
body.tco-page-closer{background:#fffdf8}
.closer-premium-hero{position:relative;overflow:hidden;min-height:570px;background:#0c1521 url('/assets/closer-prepared-decision-brief.png') 82% center/58% auto no-repeat;border-bottom:1px solid rgba(203,168,90,.3)}
.closer-premium-hero::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(12,21,33,.99) 0%,rgba(12,21,33,.97) 38%,rgba(12,21,33,.78) 56%,rgba(12,21,33,.18) 78%,rgba(12,21,33,.08) 100%)}
.closer-premium-hero .closer-hero-inner{position:relative;z-index:1;width:min(calc(100% - 48px),1160px);margin:0 auto;padding:92px 0 78px}
.closer-premium-hero .closer-hero-copy{max-width:610px}
.closer-premium-hero .eyebrow{color:#cba85a}
.closer-premium-hero h1{color:#fffaf0;font-size:clamp(44px,5.5vw,68px);line-height:1.03;margin:0 0 22px;max-width:650px}
.closer-premium-hero .lead{color:#d4dee7;font-size:clamp(18px,2vw,22px);line-height:1.62;max-width:600px}
.closer-hero-note{display:inline-block;margin-top:20px;padding-top:12px;border-top:1px solid rgba(203,168,90,.35);color:#9fb0bf;font-size:12px;line-height:1.45}

.closer-reasoning-section{padding:86px 0;background:#fffdf8}
.closer-reasoning-wrap{width:min(calc(100% - 48px),1080px);margin:0 auto}
.closer-reasoning-wrap>h2{font-size:clamp(40px,4.8vw,56px);max-width:820px;margin-bottom:18px}
.closer-reasoning-lead{max-width:810px;font-size:18px;line-height:1.68;color:#4e5964;margin-bottom:38px}
.closer-reasoning-chain{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border:1px solid rgba(22,39,59,.14);border-radius:14px;overflow:hidden;box-shadow:0 15px 40px rgba(12,21,33,.06)}
.closer-reasoning-chain article{position:relative;padding:28px 24px 26px;background:#fff}
.closer-reasoning-chain article+article{border-left:1px solid rgba(22,39,59,.11)}
.closer-reasoning-chain article::after{content:"→";position:absolute;right:-12px;top:29px;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:#16273b;color:#e6c97e;font-size:13px;z-index:2}
.closer-reasoning-chain article:last-child::after{display:none}
.closer-reasoning-chain span{display:block;color:#80631f;font-size:10px;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:8px}
.closer-reasoning-chain h3{font-size:28px;margin:0 0 9px}
.closer-reasoning-chain p{font-size:14px;line-height:1.58;color:#5b6670;margin:0}
.closer-boundary-note{margin:28px 0 0;padding:23px 26px;background:#16273b;color:#d7e1e9;border-left:4px solid #cba85a;border-radius:8px;max-width:940px}
.closer-boundary-note strong{color:#e6c97e;font-family:'Cormorant Garamond',Georgia,serif;font-size:24px}

.closer-process-section{padding:86px 0;background:#f7ead7}
.closer-process-section .wrap{width:min(calc(100% - 48px),1080px)}
.closer-process{display:grid;grid-template-columns:1fr;gap:0;max-width:920px;margin:38px auto 0;border-top:1px solid rgba(128,99,31,.24)}
.closer-process-step{display:grid;grid-template-columns:84px minmax(0,1fr);gap:22px;padding:28px 0;border-bottom:1px solid rgba(128,99,31,.20)}
.closer-process-num{width:62px;height:62px;border-radius:50%;display:grid;place-items:center;background:#16273b;color:#e6c97e;border:1px solid rgba(128,99,31,.38);font-family:'Cormorant Garamond',Georgia,serif;font-size:24px}
.closer-process-step h3{font-size:31px;margin:2px 0 8px}
.closer-process-step p{color:#4e5964;margin:0;max-width:790px}
.closer-case-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px}
.closer-case-pair div{padding:17px 18px;background:#fffaf0;border-top:2px solid #cba85a}
.closer-case-pair strong{display:block;color:#16273b;font-family:'Cormorant Garamond',Georgia,serif;font-size:21px;margin-bottom:4px}
.closer-case-pair small{color:#69737c;line-height:1.45}
.closer-decision-note-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:18px}
.closer-decision-note-fields span{padding:14px 15px;background:#fffaf0;border:1px solid rgba(128,99,31,.18);font-size:12.5px;color:#58636d}
.closer-decision-note-fields strong{display:block;color:#80631f;font-size:11px;letter-spacing:.7px;text-transform:uppercase;margin-bottom:4px}

.closer-review-gate{margin-top:30px;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.closer-review-gate span{padding:18px 18px;border:1px solid rgba(128,99,31,.22);background:#fffaf0;text-align:center}
.closer-review-gate strong{display:block;color:#16273b;font-family:'Cormorant Garamond',Georgia,serif;font-size:21px}
.closer-review-gate small{display:block;color:#68727c;font-size:12px;margin-top:4px}

@media(max-width:900px){
  .circle-bridge-banks{padding:0;}
  .closer-premium-hero{background-position:88% center;background-size:72% auto}
  .closer-premium-hero::before{background:linear-gradient(90deg,rgba(12,21,33,.99) 0%,rgba(12,21,33,.97) 50%,rgba(12,21,33,.72) 74%,rgba(12,21,33,.25) 100%)}
  .closer-reasoning-chain{grid-template-columns:1fr 1fr}
  .closer-reasoning-chain article:nth-child(3){border-left:0;border-top:1px solid rgba(22,39,59,.11)}
  .closer-reasoning-chain article:nth-child(4){border-top:1px solid rgba(22,39,59,.11)}
  .closer-reasoning-chain article::after{display:none}
  .closer-decision-note-fields{grid-template-columns:1fr 1fr}
}
@media(max-width:680px){
  .circle-bridge-banks{display:grid;grid-template-columns:1fr 1fr;gap:16px}
  .circle-bridge-bank strong{font-size:20px}.circle-bridge-bank small{font-size:11.5px}
  .circle-decision-step{min-height:auto}.circle-decision-step::after{display:none}.circle-decision-path::after{display:none}
  .hcw-hero-route::after,.hcw-route-step::after{display:none}
  .closer-premium-hero{min-height:auto;background-position:74% center;background-size:auto 100%}
  .closer-premium-hero::before{background:linear-gradient(90deg,rgba(12,21,33,.995) 0%,rgba(12,21,33,.98) 64%,rgba(12,21,33,.75) 100%)}
  .closer-premium-hero .closer-hero-inner{width:min(calc(100% - 40px),1160px);padding:72px 0 66px}
  .closer-premium-hero h1{font-size:clamp(39px,12vw,52px)}
  .closer-reasoning-section,.closer-process-section{padding:64px 0}
  .closer-reasoning-wrap,.closer-process-section .wrap{width:min(calc(100% - 40px),1080px)}
  .closer-reasoning-chain{grid-template-columns:1fr}.closer-reasoning-chain article+article{border-left:0;border-top:1px solid rgba(22,39,59,.11)}
  .closer-process-step{grid-template-columns:62px minmax(0,1fr);gap:14px}.closer-process-num{width:52px;height:52px;font-size:21px}
  .closer-case-pair,.closer-decision-note-fields,.closer-review-gate{grid-template-columns:1fr}
}


/* ---------- 20 AUG 2026: BRIDGE IMAGE FAMILY INTEGRATION ----------
   One recurring bridge motif, rendered differently on each page:
   - Circle: conceptual chapter visual with live bank labels.
   - How It Works: atmospheric hero field behind the live step-by-step route.
   The image supports the analogy; all decision meaning remains real HTML. */
.circle-bridge-visual{position:relative;max-width:1080px;margin:32px auto 12px;overflow:hidden;border:1px solid rgba(203,168,90,.34);border-radius:16px;background:#0c1521;box-shadow:0 24px 60px rgba(0,0,0,.30)}
.circle-bridge-visual img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;object-position:center}
.circle-bridge-visual::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(12,21,33,.02) 42%,rgba(12,21,33,.88) 100%);pointer-events:none}
.circle-bridge-visual-banks{position:absolute;z-index:2;left:28px;right:28px;bottom:48px;display:flex;justify-content:space-between;gap:28px;align-items:flex-end}
.circle-bridge-visual .circle-bridge-bank{padding:13px 15px;background:rgba(12,21,33,.76);border:1px solid rgba(203,168,90,.26);border-radius:8px;backdrop-filter:blur(6px)}
.circle-bridge-visual .circle-bridge-bank:last-child{text-align:right;align-items:flex-end}
.circle-bridge-visual figcaption{position:relative;z-index:3;margin:0;padding:16px 22px 18px;background:#0c1521;color:#aebdca;font-size:12.5px;line-height:1.5;border-top:1px solid rgba(203,168,90,.22)}

/* How the Circle Works: the Bridge becomes the hero environment, not a separate image block. */
.tco-page-how-circle .hcw-hero{background:#0c1521 url('/assets/inner-bridge-family-20-aug-2026.webp') 72% center/cover no-repeat!important}
.tco-page-how-circle .hcw-hero::before{content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(90deg,rgba(12,21,33,.995) 0%,rgba(12,21,33,.97) 38%,rgba(12,21,33,.82) 58%,rgba(12,21,33,.44) 76%,rgba(12,21,33,.16) 100%)}
.tco-page-how-circle .hcw-hero::after{opacity:.20;background-image:linear-gradient(rgba(230,201,126,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(230,201,126,.04) 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(90deg,rgba(0,0,0,.65) 0%,rgba(0,0,0,.25) 62%,transparent 100%)}
.tco-page-how-circle .hcw-hero-inner{position:relative;z-index:2}
.tco-page-how-circle .hcw-hero-copy{max-width:720px}
.tco-page-how-circle .hcw-hero-route{max-width:1010px}
.tco-page-how-circle .hcw-route-step{background:rgba(12,21,33,.72);backdrop-filter:blur(7px);box-shadow:0 12px 30px rgba(0,0,0,.16)}

@media(max-width:760px){
  .circle-bridge-visual-banks{left:14px;right:14px;bottom:46px;gap:10px}
  .circle-bridge-visual .circle-bridge-bank{padding:10px 11px;max-width:46%}
  .circle-bridge-visual .circle-bridge-bank strong{font-size:18px}.circle-bridge-visual .circle-bridge-bank small{font-size:10.5px}
  .tco-page-how-circle .hcw-hero{background-position:68% center!important}
  .tco-page-how-circle .hcw-hero::before{background:linear-gradient(90deg,rgba(12,21,33,.995) 0%,rgba(12,21,33,.96) 62%,rgba(12,21,33,.66) 100%)}
}