:root{
  --navy:#0A3161; --navy2:#082652; --ink:#0A3161; --muted:#53657c; --teal:#D9A441; --gold:#D9A441; --gold2:#E4BC6B; --white:#fff; --soft:#f6f8fb; --line:#e4e9f1; --shadow:0 22px 70px rgba(10,49,97,.12);
  --serif: Georgia, 'Times New Roman', serif; --sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;font-family:var(--sans);color:var(--ink);background:white;line-height:1.55} a{color:inherit;text-decoration:none} img{max-width:100%;display:block}.container{width:min(1180px,calc(100% - 48px));margin:0 auto}.eyebrow{letter-spacing:.13em;text-transform:uppercase;font-size:.78rem;font-weight:800;color:var(--gold)}.gold{color:var(--gold)}.btn{display:inline-flex;align-items:center;gap:.55rem;padding:.9rem 1.25rem;border-radius:8px;font-weight:800;border:1px solid rgba(255,255,255,.55);transition:.2s ease;white-space:nowrap}.btn.primary{background:linear-gradient(135deg,var(--gold),var(--gold2));color:white;border:0}.btn.secondary{color:white;background:rgba(255,255,255,.06)}.btn.light{color:var(--ink);border-color:#ccd5e1}.btn:hover{transform:translateY(-1px)}
.site-header{position:absolute;top:0;left:0;right:0;z-index:3;padding:26px 0;color:white}.nav{display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{font-weight:900;letter-spacing:.02em;font-size:1.65rem}.brand .four{color:var(--gold)}.brand small{display:block;font-size:.62rem;letter-spacing:.24em;font-weight:700;color:rgba(255,255,255,.7);margin-top:-2px}.nav-links{display:flex;align-items:center;gap:30px;font-size:.92rem;font-weight:750}.nav-toggle{display:none;border:0;background:transparent;color:white;font-size:2rem}
.hero{position:relative;min-height:760px;display:flex;align-items:center;color:white;background:var(--navy);overflow:hidden}.hero::before{content:"";position:absolute;inset:0;background:url('../images/hero-journey.jpg') right center/cover no-repeat;opacity:.96}.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,22,48,.90) 0%,rgba(8,22,48,.72) 38%,rgba(8,22,48,.22) 66%,rgba(8,22,48,0) 100%)}.hero .container.hero-content{width:min(1180px,calc(100% - 48px));margin:0 auto;display:block}
.hero-content{position:relative;z-index:1;padding-top:60px;text-align:left}
.hero-content > *{max-width:680px}.hero h1{font-family:var(--serif);font-size:clamp(3rem,5.1vw,5.9rem);line-height:.98;margin:1.1rem 0 1.4rem;font-weight:700}.hero .belief{font-weight:800;font-size:clamp(1.06rem,1.4vw,1.32rem);max-width:520px}.rule{width:64px;height:3px;background:var(--gold);margin:28px 0 22px}.hero .subhead{font-size:1.18rem;font-weight:800}.hero .tag{color:rgba(255,255,255,.85);margin-top:.2rem}.hero-actions{display:flex;gap:16px;flex-wrap:wrap;margin-top:28px}
section{padding:92px 0;border-bottom:1px solid var(--line)}.split{display:grid;grid-template-columns:1fr 1.55fr;gap:70px;align-items:center}.section-title{font-family:var(--serif);font-size:clamp(2rem,3vw,3.2rem);line-height:1.08;margin:.7rem 0 1rem;font-weight:700;color:var(--navy)}.why-lead{font-size:1.18rem;color:var(--muted);line-height:1.55;margin:0;max-width:30ch}.why-icons{display:grid;grid-template-columns:repeat(5,1fr);gap:20px}.why-item{border-left:1px solid var(--line);padding:10px 20px;text-align:center}.why-item:first-child{border-left:0}.why-icon{height:54px;margin:0 auto 12px;color:var(--gold)}.why-item strong{display:block;font-size:1rem;line-height:1.25}.loop-wrap{background:linear-gradient(180deg,#fff,#f9fbfd);}.loop-grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:70px;align-items:center}.steps{font-size:1.5rem;font-weight:800;line-height:1.7;display:flex;flex-direction:column;margin-top:8px}.steps span{display:block}.st-guide{color:#0B49B5}.st-plan{color:#D9A441}.st-act{color:#A8641E}.st-learn{color:#6136B0}.demo-section{padding:0;border-bottom:1px solid var(--line)}.demo-grid{display:grid;grid-template-columns:.65fr 1.35fr;min-height:620px;align-items:center}.demo-copy{padding:72px 56px 72px max(56px,calc((100vw - 1180px)/2));}.demo-copy h2{font-family:var(--serif);font-size:clamp(2rem,3vw,3.2rem);line-height:1.08}.browser-shell{margin:60px 0;box-shadow:var(--shadow);border:1px solid #d8e0ea;border-radius:22px;overflow:hidden;background:white}.browser-top{height:42px;background:#f4f7fb;border-bottom:1px solid #e1e7ef;display:flex;align-items:center;padding:0 18px;gap:8px}.dot{width:10px;height:10px;border-radius:50%;background:#c8d2df}.embed{width:100%;height:620px;border:0;display:block}.embed-note{padding:20px;color:var(--muted);font-size:.92rem}.platform-section{background:#fbfcfe}.platform-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:70px;align-items:center}.mock-frame{box-shadow:var(--shadow);border-radius:26px;overflow:hidden;border:1px solid #dfe6ef;background:white}.mock-frame iframe{height:600px}.domains-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:center}.reentry{background:#f7f9fc}.dashboard-card{box-shadow:var(--shadow);border:1px solid #dfe6ef;border-radius:22px;overflow:hidden;background:white}.story{background:var(--navy);color:white}.story .eyebrow{color:var(--gold)}.story h2{font-family:var(--serif);font-size:clamp(2rem,3vw,3.2rem);line-height:1.08;margin:.4rem 0 1.1rem;font-weight:700}.story-conviction{font-family:var(--serif);font-size:clamp(1.4rem,2vw,1.9rem);color:#fff;font-style:italic;max-width:850px;margin:0 0 1rem;line-height:1.4}.story-intro{max-width:850px;color:rgba(255,255,255,.86);font-size:1.2rem}.story-coda{font-family:var(--serif);font-size:clamp(1.5rem,2.2vw,2.1rem);color:var(--gold);line-height:1.5;margin:1.6rem 0 0;font-weight:600}.bio-grid{display:grid;grid-template-columns:1fr 1fr;gap:36px;margin-top:54px}.bio-card{display:grid;grid-template-columns:132px 1fr;gap:24px;align-items:start;border-top:1px solid rgba(255,255,255,.18);padding-top:32px}.portrait-placeholder{height:190px;border-radius:16px;background:linear-gradient(135deg,#edf1f5,#cfd8e3);border:1px solid rgba(255,255,255,.25);display:grid;place-items:center;color:#6b7785}.bio-card h3{font-family:var(--serif);font-size:1.8rem;margin:0 0 .15rem}.role{font-weight:800;color:var(--gold);margin-bottom:.7rem}.bio-card p{color:rgba(255,255,255,.78);margin:0}.cta{background:linear-gradient(135deg,var(--navy),#0a346c);color:white;padding:60px 0}.cta .container{display:flex;align-items:center;justify-content:space-between;gap:24px}.cta h2{font-family:var(--serif);font-size:clamp(2rem,3vw,3.2rem);line-height:1.08;margin:0}.footer{background:#04132a;color:rgba(255,255,255,.72);padding:34px 0}.footer-grid{display:flex;justify-content:space-between;gap:24px;align-items:center}.footer a{text-decoration:underline;text-underline-offset:3px}
@media (max-width:900px){.site-header{position:absolute;padding:18px 0}.nav-links{display:none}.nav-toggle{display:block}.hero{min-height:720px}.hero::before{background-position:center}.hero::after{background:linear-gradient(180deg,rgba(3,14,32,.96) 0%,rgba(3,14,32,.85) 48%,rgba(3,14,32,.45) 100%)}.hero-content{padding-top:92px}.container{width:min(100% - 32px,1180px)}section{padding:64px 0}.split,.loop-grid,.demo-grid,.platform-grid,.domains-grid{grid-template-columns:1fr;gap:34px}.why-icons{grid-template-columns:1fr;gap:0}.why-item{border-left:0;border-top:1px solid var(--line);text-align:left;display:flex;gap:20px;align-items:center;padding:20px 0}.why-icon{margin:0;flex:0 0 42px}.demo-copy{padding:54px 24px}.embed,.mock-frame iframe{height:560px}.bio-grid{grid-template-columns:1fr}.bio-card{grid-template-columns:120px 1fr}.portrait-placeholder{height:150px}.cta .container,.footer-grid{display:block}.cta .btn{margin-top:20px}.hero-actions{display:grid;grid-template-columns:1fr}.btn{justify-content:center}}
@media (max-width:520px){.hero h1{font-size:3.1rem}.brand{font-size:1.35rem}.bio-card{grid-template-columns:1fr}.portrait-placeholder{height:180px}.embed,.mock-frame iframe{height:500px}}

/* ===== TRANSPLANTED COREY CONVERSATION DEMO (self-contained, hardcoded colors) ===== */
.corey-demo-wrap{display:grid;grid-template-columns:1fr 1.35fr;gap:48px;align-items:center}
.corey-demo-copy h3{font-family:var(--serif);font-weight:700;font-size:clamp(1.6rem,2.4vw,2.4rem);line-height:1.1;margin:0 0 1rem;color:#0A3161}
.corey-demo-copy p{font-size:1.06rem;color:#3a4d63;margin:0 0 1rem;max-width:46ch}
.corey-demo-copy .cd-small{font-size:.9rem;color:#6b7c91}
.phone-demo{justify-self:center;width:100%;max-width:560px;background:#fff;border:1px solid #e4e9f1;border-radius:34px;box-shadow:0 22px 70px rgba(10,49,97,.16);padding:24px 22px 26px;height:min(72vh,680px);display:flex;flex-direction:column;position:relative;overflow:hidden}
.pd-top{display:flex;align-items:center;gap:10px;padding:4px 6px 12px;border-bottom:1px solid #e4e9f1}
.pd-orb{width:34px;height:34px;border-radius:50%;background:radial-gradient(circle at 35% 30%, #4f7bbf, #0A3161);flex:none;animation:pdbreathe 3.4s ease-in-out infinite}
@keyframes pdbreathe{0%,100%{transform:scale(1);box-shadow:0 0 0 0 rgba(79,123,191,.4)}50%{transform:scale(1.06);box-shadow:0 0 0 7px rgba(79,123,191,0)}}
.pd-who b{font-size:15px;display:block;color:#0A3161}
.pd-who small{font-size:11.5px;color:#D9A441}
.pd-stream{flex:1;overflow:hidden;padding:20px 10px 8px;display:flex;flex-direction:column;gap:13px}
.bub{max-width:82%;padding:14px 18px;border-radius:20px;font-size:17px;line-height:1.5;opacity:0;transform:translateY(8px);animation:pdrise .5s ease forwards}
@keyframes pdrise{to{opacity:1;transform:none}}
.bub.corey{align-self:flex-start;background:#f6f8fb;border:1px solid #e4e9f1;border-bottom-left-radius:6px;color:#0A3161}
.bub.user{align-self:flex-end;background:#0A3161;color:#fff;border-bottom-right-radius:6px}
.bub.time-div{align-self:center;max-width:100%;background:transparent;border:none;padding:6px 0;font-size:11.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#D9A441;animation:pdrise .5s ease forwards}
.bub.wheel-bub{align-self:flex-start;background:transparent;border:none;max-width:100%;padding:6px 0}
.dwheel{width:230px;height:230px;margin:4px auto;position:relative}
.dwheel svg{width:100%;height:100%}
.dwheel .dc{position:absolute;inset:0;display:grid;place-items:center}
.dwheel .dc div{width:46px;height:46px;border-radius:50%;background:#0A3161;display:grid;place-items:center;color:#fff;font-size:10px;font-weight:700}
.wheel-cap{text-align:center;font-size:13px;color:#53657c;font-style:italic;margin-top:4px;max-width:24ch;margin-left:auto;margin-right:auto}
.pd-controls{display:flex;align-items:center;justify-content:space-between;padding-top:10px;border-top:1px solid #e4e9f1}
.pd-replay{background:none;border:none;font-family:var(--sans);font-size:13px;font-weight:700;color:#D9A441;cursor:pointer;display:inline-flex;align-items:center;gap:6px}
.pd-replay svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:2}
.pd-tag{font-size:10.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#6b7c91}
.typing{align-self:flex-start;display:inline-flex;gap:4px;padding:13px 16px;background:#f6f8fb;border:1px solid #e4e9f1;border-radius:18px;border-bottom-left-radius:6px}
.typing i{width:7px;height:7px;border-radius:50%;background:#aab4c4;animation:pdtd 1.2s infinite}
.typing i:nth-child(2){animation-delay:.2s}.typing i:nth-child(3){animation-delay:.4s}
@keyframes pdtd{0%,60%,100%{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}
.pd-poster{position:absolute;inset:0;background:linear-gradient(170deg,rgba(10,49,97,.04),rgba(246,248,251,.7));display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;text-align:center;padding:30px;cursor:pointer;z-index:5;border-radius:34px}
.pd-poster.hide{display:none}
.pd-poster .pp-orb{width:64px;height:64px;border-radius:50%;background:radial-gradient(circle at 35% 30%, #4f7bbf, #0A3161);display:grid;place-items:center;box-shadow:0 8px 24px -8px rgba(10,49,97,.5)}
.pd-poster .pp-orb svg{width:26px;height:26px;fill:#fff}
.pd-poster h4{font-family:var(--serif);font-weight:700;font-size:20px;color:#0A3161;margin:0}
.pd-poster p{font-size:13.5px;color:#53657c;max-width:26ch;margin:0}
.pd-poster .pp-btn{background:#0A3161;color:#fff;font-family:var(--sans);font-weight:700;font-size:14px;padding:11px 22px;border-radius:100px;border:none}
@media(max-width:780px){.corey-demo-wrap{grid-template-columns:1fr;gap:30px}}
@media(prefers-reduced-motion:reduce){.pd-orb,.bub,.typing i{animation:none}.bub{opacity:1;transform:none}}

/* ===== TRANSPLANTED REENTRY 2030 DASHBOARD (self-contained) ===== */
.r2030-mock{background:#fff;border:1px solid #e4e9f1;border-radius:22px;box-shadow:0 22px 70px rgba(10,49,97,.16);overflow:hidden;max-width:560px;width:100%}
.r2030-mock .rm-top{background:#0A3161;color:#fff;padding:16px 22px;display:flex;align-items:center;justify-content:space-between}
.r2030-mock .rm-top b{font-size:15px}
.r2030-mock .rm-top span{font-size:12px;color:rgba(255,255,255,.7)}
.r2030-mock .rm-body{padding:22px 24px 26px}
.r2030-mock .rm-h{font-size:13px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#6b7c91;margin-bottom:14px}
.rm-commit{display:flex;flex-direction:column;gap:16px}
.rm-c-goal{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:6px}
.rm-c-label{font-size:14px;font-weight:700;color:#0A3161}
.rm-c-target{font-size:11.5px;color:#D9A441;font-weight:700;white-space:nowrap}
.rm-c .rbar{display:block;height:10px;border-radius:6px;background:#e9eef5;overflow:hidden}
.rm-c .rbar i{display:block;height:100%;border-radius:6px;background:linear-gradient(90deg,#D9A441,#0A3161)}
.rm-c-meta{display:flex;align-items:baseline;gap:9px;margin-top:5px}
.rm-c-meta .rv{font-size:13px;font-weight:700;color:#0A3161;flex:none}
.rm-c-n{font-size:11.5px;color:#53657c}
.rm-note{font-size:12px;color:#6b7c91;margin-top:18px;font-style:italic;text-align:center}

/* ===== TRANSPLANTED: PLAN-TODAY ANNOTATED WALKTHROUGH (self-contained) ===== */
.walk{display:grid;grid-template-columns:1.35fr 1fr;gap:54px;align-items:center;margin-top:48px}
.walk-phone{justify-self:center;width:100%;max-width:560px;background:#fff;border:1px solid #e4e9f1;border-radius:30px;box-shadow:0 22px 70px rgba(10,49,97,.16);padding:26px 24px 30px;position:relative}
.wp-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}
.wp-brand{font-size:11px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:#53657c}
.wp-dots{display:flex;gap:6px}.wp-dots i{width:7px;height:7px;border-radius:50%;background:#e9eef5}
.wp-hi{font-family:var(--serif);font-weight:700;font-size:34px;text-align:center;margin-top:8px;letter-spacing:-.02em;color:#0A3161}
.wp-date{text-align:center;font-size:14px;color:#53657c;margin-bottom:14px}
.wp-listen{display:flex;align-items:center;justify-content:center;gap:9px;background:#0A3161;color:#fff;font-weight:700;font-size:14px;border-radius:100px;padding:12px;margin-bottom:18px}
.wp-listen svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2}
.wp-sec{text-align:center;font-weight:700;font-size:21px;color:#0A3161}
.wp-secsub{text-align:center;font-size:15px;color:#6b7c91;margin-bottom:10px}
.wp-wheel{position:relative;width:100%;max-width:470px;aspect-ratio:1/1;margin:6px auto 10px}
.wp-wheel svg{width:100%;height:100%}
.wp-core{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none}
.wp-core div{width:82px;height:82px;border-radius:50%;background:#0A3161;display:grid;place-items:center;color:#fff;text-align:center;line-height:1.15}
.wp-core b{font-size:15px;display:block}.wp-core small{font-size:11px;opacity:.9;margin-top:2px}
.wp-key{max-width:340px;margin:4px auto 16px;padding:10px 14px;background:#f7f9fc;border:1px solid #e9eef5;border-radius:12px;transition:border-color .3s}
.wp-key.has-selection{background:#fff;border-color:#0A3161}
.wpk-title{display:none;align-items:center;gap:8px;font-size:13px;font-weight:700;color:#0A3161;margin-bottom:7px}
.wp-key.has-selection .wpk-title{display:flex}
.wpk-swatch{width:12px;height:12px;border-radius:50%;flex:none}
.wpk-labels{display:flex;justify-content:space-between;font-size:11px;font-weight:700;letter-spacing:.04em;color:#53657c;margin-bottom:6px}
.wpk-bar{position:relative;height:12px;border-radius:8px;background:linear-gradient(90deg,rgba(10,49,97,.18),rgba(10,49,97,1));border:1px solid rgba(10,49,97,.2);transition:background .3s,border-color .3s}
.wpk-marker{position:absolute;top:50%;width:18px;height:18px;border-radius:50%;background:#0A3161;border:3px solid #fff;box-shadow:0 2px 8px rgba(10,49,97,.35);transform:translate(-50%,-50%);display:none;transition:left .35s ease}
.wp-key.has-selection .wpk-marker{display:block}
.wp-today{background:#f6f8fb;border:1px solid #e4e9f1;border-radius:15px;padding:13px 15px;display:flex;align-items:center;gap:13px}
.wp-today .wt-ic{width:42px;height:42px;border-radius:11px;background:#eef4f4;display:grid;place-items:center;flex:none}
.wp-today .wt-ic svg{width:21px;height:21px;stroke:#0A3161;fill:none;stroke-width:2}
.wp-today b{font-size:15px;display:block;color:#0A3161}.wp-today small{font-size:12.5px;color:#53657c}
.wp-menu{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:12px}
.wp-menu span{background:#fff;border:1px solid #e4e9f1;border-radius:10px;padding:9px;font-size:12px;font-weight:700;color:#3a4d63;text-align:center}
.wp-pin{position:absolute;width:26px;height:26px;border-radius:50%;background:#D9A441;color:#fff;font-weight:700;font-size:13px;display:grid;place-items:center;box-shadow:0 3px 8px -2px rgba(10,49,97,.5);border:2px solid #fff}
.walk-notes{display:flex;flex-direction:column;gap:18px}
.wn{display:flex;gap:15px;align-items:flex-start}
.wn .wn-n{width:28px;height:28px;border-radius:50%;background:#D9A441;color:#fff;font-weight:700;font-size:14px;display:grid;place-items:center;flex:none;margin-top:2px}
.wn h4{font-family:var(--serif);font-weight:700;font-size:18px;color:#0A3161;margin:0}
.wn p{font-size:15px;color:#3a4d63;line-height:1.5;margin-top:3px;max-width:48ch}
@media(max-width:860px){.walk{grid-template-columns:1fr;gap:34px}.wp-pin{display:none}}

/* bio portraits (real photos) */
.portrait{width:120px;height:120px;border-radius:50%;object-fit:cover;flex:none}
@media (max-width:900px){.portrait{width:120px;height:120px;border-radius:50%;object-fit:cover;flex:none}}
@media (max-width:520px){.portrait{width:120px;height:120px;border-radius:50%;object-fit:cover;flex:none}}

/* hero description line */
.hero-desc{font-size:1.12rem;line-height:1.55;color:rgba(255,255,255,.9);max-width:600px;margin:0 0 1.4rem;font-weight:500}

/* How It Works - single centered loop image */
.loop-single{display:flex;justify-content:center;align-items:center;padding:10px 0}
.loop-single img{max-width:980px;width:100%;height:auto}


.trust{background:var(--navy);color:#fff}
.trust .eyebrow{color:var(--gold)}
.trust .section-title{color:#fff}
.trust-lead{font-size:1.2rem;color:rgba(255,255,255,.86);max-width:60ch;line-height:1.55;margin:0 0 14px}
.trust-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:36px;margin-top:46px}
.trust-item{border-top:2px solid var(--gold);padding-top:22px}
.trust-item h4{font-family:var(--serif);font-size:1.45rem;margin:0 0 .55rem;color:#fff;font-weight:700}
.trust-item p{color:rgba(255,255,255,.8);margin:0;line-height:1.6}
@media (max-width:900px){.trust-grid{grid-template-columns:1fr;gap:0}.trust-item{border-top:0;border-left:2px solid var(--gold);padding:6px 0 6px 20px;margin-bottom:26px}}

.cta-inner{display:grid;grid-template-columns:1fr 1fr;gap:54px;align-items:center}
.cta-copy h2{margin:0 0 .6rem}
.cta-copy p{color:rgba(255,255,255,.82);font-size:1.1rem;max-width:42ch;margin:0}
.cta-form{display:flex;flex-direction:column;gap:14px}
.cta-form label{display:flex;flex-direction:column;gap:6px;font-weight:700;font-size:.86rem;color:rgba(255,255,255,.9)}
.cta-form input,.cta-form textarea{font-family:var(--sans);font-size:1rem;padding:.7rem .85rem;border-radius:8px;border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.07);color:#fff}
.cta-form input::placeholder,.cta-form textarea::placeholder{color:rgba(255,255,255,.5)}
.cta-form input:focus,.cta-form textarea:focus{outline:2px solid var(--gold);border-color:transparent}
.cta-form .btn{margin-top:6px;align-self:flex-start}
.cta-fallback{font-size:.85rem;color:rgba(255,255,255,.7);margin:4px 0 0}
.cta-fallback a{text-decoration:underline;text-underline-offset:3px}
@media (max-width:900px){.cta-inner{grid-template-columns:1fr;gap:28px}.cta-form .btn{align-self:stretch}}

/* What HJI4Reentry Offers */
.offers{background:#fff}
.offers-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}
.offers-title{font-family:var(--serif);font-size:clamp(2rem,3vw,3.2rem);line-height:1.08;color:var(--navy);margin:.6rem 0 0;font-weight:700}
.rule-dark{background:var(--gold)}
.offers-lead{font-size:1.12rem;color:var(--muted);line-height:1.6;max-width:46ch;margin:0 0 1.4rem}
.offers-link{font-weight:800;color:#0B49B5;text-decoration:underline;text-underline-offset:4px}
.offers-steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:0}
.ostep{display:grid;grid-template-columns:64px 1fr;gap:22px;align-items:start;position:relative;padding-bottom:30px}
.ostep:not(:last-child)::after{content:"";position:absolute;left:31px;top:64px;bottom:6px;width:2px;background:repeating-linear-gradient(to bottom,var(--line) 0 5px,transparent 5px 10px)}
.ostep-icon{width:62px;height:62px;border-radius:50%;display:grid;place-items:center;flex:0 0 62px}
.ostep-icon svg{width:30px;height:30px}
.ostep-body h4{font-size:1.3rem;margin:.5rem 0 .3rem;font-weight:800}
.ostep-body p{margin:0;color:var(--muted);line-height:1.55;max-width:34ch}
.oi-connection{background:#e7f1ec;color:#1f7a52}.oc-connection{color:#1f7a52}
.oi-conversation{background:#e9eefb;color:#0B49B5}.oc-conversation{color:#0B49B5}
.oi-guidance{background:#F5ECD9;color:#D9A441}.oc-guidance{color:#D9A441}
.oi-plan{background:#efe9f7;color:#6136B0}.oc-plan{color:#6136B0}
.oi-progress{background:#e3f1f0;color:#127d76}.oc-progress{color:#127d76}
@media (max-width:900px){.offers-grid{grid-template-columns:1fr;gap:40px}}

/* Trust grid trimmed to headings only */
.trust .section-title{margin-bottom:.4rem}
.trust-grid{margin-top:40px}
.trust-item h4{margin-bottom:0}

/* A Whole Person — larger wheel */
#whole-person .domains-grid{grid-template-columns:.9fr 1.35fr;gap:56px}
#whole-person img{width:100%}

/* Trust — larger sub-headings */
#trust .trust-item h4{font-size:1.7rem;line-height:1.2}

/* Trust — center sub-headings under the gold lines */
#trust .trust-item{text-align:center}

/* ============================================================
   REDESIGN v2 — section rhythm, palette, spacing, trust pillars
   ============================================================ */

/* Warm tinted "paper" tone for alternating sections (not grey) */
:root{--paper:#f5f7fa;--paper-line:#dfe6ef}

/* Generous, consistent vertical rhythm; remove harsh hairline dividers */
section{padding:104px 0;border-bottom:0}
@media (max-width:900px){section{padding:68px 0}}

/* Alternating section backgrounds for clear rhythm.
   Order: hero(navy) → offers(white) → whole-person(paper) → how(navy-tint? keep light) */
.offers{background:#fff}
#whole-person{background:var(--paper)}
.loop-wrap{background:#fff}
.demo-section{background:var(--paper)}
.platform-section{background:#fff}
.trust{background:var(--navy);color:#fff}
.reentry{background:var(--paper)}
.story{background:var(--navy);color:#fff}

/* Soft hairline only between two same-tone neighbors, drawn as inset */
#whole-person{border-top:1px solid var(--paper-line);border-bottom:1px solid var(--paper-line)}
.reentry{border-top:1px solid var(--paper-line);border-bottom:1px solid var(--paper-line)}
.demo-section{border-top:1px solid var(--paper-line);border-bottom:1px solid var(--paper-line)}

/* HERO — refined lead line replacing deleted eyebrow/HDI block */
.hero-lead{font-family:var(--serif);font-size:clamp(1.3rem,2vw,1.7rem);font-style:italic;color:var(--gold);margin:0 0 1.2rem;font-weight:600}
.hero-desc{font-size:1.12rem;line-height:1.6;color:rgba(255,255,255,.9);max-width:600px;margin:0 0 1.8rem;font-weight:500}
.hero h1{margin:0 0 1.2rem}

/* OFFERS — without the lead paragraph, tighten the copy column */
.offers-copy{align-self:center}
.offers-title{margin-top:0}
.offers-link{display:inline-block;margin-top:8px}

/* TRUST — three pillars with icons + supporting lines */
.trust .section-title{color:#fff;text-align:center;max-width:none}
.trust-pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:48px;margin-top:64px}
.tpillar{text-align:center;padding:0 12px}
.tp-icon{display:inline-grid;place-items:center;width:72px;height:72px;border-radius:50%;background:rgba(201,138,32,.14);color:var(--gold);margin-bottom:22px}
.tp-icon svg{width:38px;height:38px}
.tpillar h4{font-family:var(--serif);font-size:1.42rem;line-height:1.25;margin:0 0 .7rem;color:#fff;font-weight:700}
.tpillar p{color:rgba(255,255,255,.78);margin:0;line-height:1.65;font-size:1.02rem;max-width:34ch;margin-left:auto;margin-right:auto}
@media (max-width:900px){.trust-pillars{grid-template-columns:1fr;gap:44px}}

/* STORY — headline replaces the old "Our Story" + conviction stack */
.story-headline{font-family:var(--serif);font-size:clamp(1.9rem,2.8vw,3rem);line-height:1.22;color:#fff;font-weight:700;max-width:20ch;margin:0 0 1.6rem}
.story-coda{font-family:var(--serif);font-size:clamp(1.5rem,2.2vw,2.1rem);color:var(--gold);line-height:1.5;margin:0;font-weight:600}
.story .bio-grid{margin-top:64px}

/* Section intro paragraphs — consistent breathing room */
.platform-grid > div > p,#reentry2030 .platform-grid > div > p{font-size:1.12rem;color:var(--muted);line-height:1.6;max-width:46ch;margin:.2rem 0 0}
.reentry .section-title,.reentry p{color:var(--navy)}

/* Trust — two-pillar centered layout */
.trust-two{grid-template-columns:repeat(2,minmax(0,360px));justify-content:center;gap:72px}
@media (max-width:900px){.trust-two{grid-template-columns:1fr}}

/* Interactive Plan-Today domain card */
.wp-panel{min-height:96px}
.wp-domcard{background:#f6f8fb;border:1px solid #e4e9f1;border-radius:15px;padding:14px 16px;animation:wpfade .25s ease}
@keyframes wpfade{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
.wp-dom-head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:6px 10px;margin-bottom:7px}
.wp-dom-name{font-size:17px;font-weight:800;color:#0A3161;line-height:1.2}
.wp-dom-status{font-size:13px;font-weight:700;color:#D9A441;background:#F5ECD9;border-radius:20px;padding:4px 12px}
.wp-dom-note{font-size:15px;color:#3a4d63;line-height:1.55;margin:0 0 10px}
.wp-dom-corey{font-weight:800;color:#0A3161}
.wp-dom-step{display:flex;flex-direction:column;gap:2px;background:#fff;border:1px solid #e4e9f1;border-radius:11px;padding:11px 13px;margin-bottom:10px}
.wp-dom-steplabel{font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#D9A441}
.wp-dom-step span:last-child{font-size:15px;color:#0A3161;font-weight:600;line-height:1.4}
.wp-dom-back{border:0;background:none;color:#0B49B5;font-weight:700;font-size:14px;cursor:pointer;padding:0;font-family:inherit}
.wp-dom-back:hover{text-decoration:underline}
.walkWheel path:focus{outline:2px solid #D9A441;outline-offset:1px}

/* Interactive Reentry 2030 dashboard */
.rm-stagebar{display:flex;gap:6px;background:#eef2f7;border-radius:11px;padding:4px;margin-bottom:20px}
.rm-stage{flex:1;border:0;background:none;font-family:inherit;font-size:12.5px;font-weight:700;color:#6b7c91;padding:8px 6px;border-radius:8px;cursor:pointer;transition:background .2s,color .2s}
.rm-stage:hover{color:#0A3161}
.rm-stage.is-on{background:#fff;color:#0A3161;box-shadow:0 1px 4px rgba(10,49,97,.1)}
.rm-c .rbar i{width:0;transition:width 1.1s cubic-bezier(.22,.61,.36,1)}
.rm-c .rv{transition:color .2s}

/* Plan-Today exploration prompt */
.wp-wheel{cursor:pointer}

/* Reentry 2030 — enrollment coverage context */
.rm-coverage{font-size:13px;color:#53657c;margin-bottom:14px;display:flex;align-items:baseline;gap:6px;flex-wrap:wrap}
.rm-cov-num{font-size:20px;font-weight:800;color:#0A3161}
.rm-cov-tot{font-weight:700;color:#0A3161}
.rm-cov-pct{margin-left:auto;font-size:12px;font-weight:800;color:#D9A441;background:#F5ECD9;border-radius:20px;padding:3px 11px}

/* Plan-Today restructure: phone-left with caption, titled notes-right */
.walk{align-items:start}
.walk-left{display:flex;flex-direction:column;align-items:center}
.walk-cta{font-size:1rem;color:#0A3161;font-weight:600;max-width:300px;margin:22px auto 0;text-align:center;line-height:1.5;display:block}
.walk-cta::before{content:"";display:block;width:32px;height:3px;border-radius:2px;background:var(--gold);margin:0 auto 12px}
.walk-notes-title{font-family:var(--serif);font-size:1.7rem;color:var(--navy);font-weight:700;margin:0 0 22px}
.walk-right{align-self:start}
@media (max-width:900px){.walk-cta{max-width:340px}}

/* Reentry 2030 — tab guidance */
.reentry-cta{font-size:1rem;color:#0A3161;font-weight:600;max-width:46ch;margin:1.2rem 0 0;line-height:1.5}
.reentry-cta::before{content:"";display:block;width:32px;height:3px;border-radius:2px;background:var(--gold);margin:0 0 12px}
.rm-tabhint{font-size:12px;font-weight:700;color:#D9A441;margin-bottom:8px}

/* Reentry 2030 — four-tab variant */
.rm-stagebar-4 .rm-stage{padding:8px 4px;font-size:12px}
@media (max-width:520px){.rm-stagebar-4 .rm-stage{font-size:11px;padding:7px 2px}}

/* ===== Interactive Intelligence Loop ===== */
.loop-sub{font-size:1.1rem;color:#53657c;margin:.2rem 0 2rem}
.iloop{display:grid;grid-template-columns:1.15fr .85fr;gap:44px;align-items:center}
.iloop-stage{width:100%}
.iloop-stage svg{width:100%;height:auto;display:block}
.iloop-card{background:#fff;border:1px solid #e4e9f1;border-radius:22px;box-shadow:0 18px 60px -24px rgba(10,49,97,.25);padding:30px 32px;min-height:340px;display:flex;flex-direction:column;justify-content:center}
.ilc-role{font-size:13px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;margin-bottom:6px}
.ilc-name{font-family:var(--serif);font-weight:700;font-size:clamp(1.6rem,2.4vw,2.1rem);color:#0A3161;line-height:1.1;margin-bottom:4px}
.ilc-expand{font-size:15px;color:#53657c;margin-bottom:16px;line-height:1.45}
.ilc-desc{font-size:16.5px;color:#3a4d63;line-height:1.6;margin-bottom:18px}
.ilc-chips{display:flex;flex-wrap:wrap;gap:8px}
.ilc-chip{font-size:13.5px;font-weight:700;padding:7px 14px;border-radius:100px;background:#f2f5fa;color:#0A3161;border:1px solid #e4e9f1}
.iloop-outcomes{text-align:center;margin-top:38px;font-size:15px;font-weight:700;letter-spacing:.04em;color:#53657c}
.loop-node{cursor:pointer}
.loop-node circle.nring{transition:stroke-width .25s ease, filter .25s ease}
.loop-node:hover circle.nring,.loop-node:focus circle.nring{stroke-width:5;filter:drop-shadow(0 6px 14px rgba(10,49,97,.25))}
.loop-node.active circle.nring{stroke-width:6}
.flowseg{stroke-dasharray:7 9;animation:iloopflow 1.6s linear infinite}
@keyframes iloopflow{to{stroke-dashoffset:-32}}
@media(prefers-reduced-motion:reduce){.flowseg{animation:none}}
@media(max-width:900px){.iloop{grid-template-columns:1fr;gap:26px}.iloop-card{min-height:0}}

/* ===== 12-Domain Explorer ===== */
.dx-chips{display:flex;flex-wrap:wrap;gap:9px;margin:22px 0 16px}
.dx-chip{display:inline-flex;align-items:center;gap:7px;border:1.5px solid #e4e9f1;background:#fff;border-radius:100px;padding:8px 14px 8px 9px;font-family:var(--sans);font-size:14px;font-weight:700;color:#0A3161;cursor:pointer;transition:border-color .2s,box-shadow .2s}
.dx-chip:hover{border-color:#D9A441;box-shadow:0 4px 14px -6px rgba(10,49,97,.25)}
.dx-chip.is-on{border-color:#D9A441;background:#F7F1E4}
.dx-chip .dxn{width:22px;height:22px;border-radius:50%;background:#0A3161;color:#fff;display:grid;place-items:center;font-size:11.5px;font-weight:800;flex:none}
.dx-chip.is-on .dxn{background:#D9A441}
.dx-card{background:#fff;border:1px solid #e4e9f1;border-radius:16px;padding:18px 22px;font-size:16px;color:#3a4d63;line-height:1.55;min-height:64px}
.dx-card b{color:#0A3161}

/* ===== Role-Based Views ===== */
.roles-section{background:#fff}
.roles-sub{text-align:center;font-size:1.1rem;color:#53657c;margin:.3rem 0 2rem}
.role-tabs{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin-bottom:26px}
.role-tab{font-family:var(--sans);font-size:15px;font-weight:800;padding:11px 22px;border-radius:100px;border:1.5px solid #e4e9f1;background:#fff;color:#53657c;cursor:pointer;transition:all .2s}
.role-tab:hover{border-color:#0A3161;color:#0A3161}
.role-tab.is-on{background:#0A3161;border-color:#0A3161;color:#fff}
.role-panel{max-width:720px;margin:0 auto;background:#fff;border:1px solid #e4e9f1;border-radius:22px;box-shadow:0 18px 60px -24px rgba(10,49,97,.22);padding:30px 34px}
.rp-head{font-family:var(--serif);font-weight:700;font-size:1.45rem;color:#0A3161;margin-bottom:4px}
.rp-sub{font-size:14.5px;color:#53657c;margin-bottom:20px}
.rp-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 16px;background:#f7f9fc;border:1px solid #e9eef5;border-radius:12px;margin-bottom:10px}
.rp-row b{font-size:15.5px;color:#0A3161}
.rp-row small{display:block;font-size:13px;color:#53657c;margin-top:2px}
.rp-badge{font-size:12px;font-weight:800;letter-spacing:.04em;padding:5px 12px;border-radius:100px;flex:none}
.rp-badge.good{background:#eaf3ec;color:#2e6b3f}
.rp-badge.next{background:#F5ECD9;color:#8f1435}
.rp-badge.attn{background:#f0ecf8;color:#5b3ea6}
.rp-stat{display:flex;align-items:center;gap:14px;margin-bottom:14px}
.rp-stat .rps-bar{flex:1;height:9px;background:#eef2f8;border-radius:100px;overflow:hidden}
.rp-stat .rps-bar i{display:block;height:100%;background:linear-gradient(90deg,#28577e,#0A3161);border-radius:100px}
.rp-stat .rps-num{font-size:15px;font-weight:800;color:#0A3161;width:46px;text-align:right;flex:none}
.rp-stat .rps-label{font-size:14.5px;color:#3a4d63;width:220px;flex:none}
.rp-privacy{display:flex;align-items:flex-start;gap:10px;margin-top:20px;padding-top:18px;border-top:1px solid #e9eef5;font-size:14px;color:#53657c;line-height:1.5}
.rp-privacy svg{width:17px;height:17px;flex:none;margin-top:2px;stroke:#D9A441;fill:none;stroke-width:2.2}
@media(max-width:700px){.role-panel{padding:22px 20px}.rp-stat .rps-label{width:130px;font-size:13px}}

/* ===== 12-Domain Interactive Wheel ===== */
.dwx-wrap{width:100%;max-width:560px;justify-self:center}
.dwx-wrap svg{width:100%;height:auto;display:block}
.dwx-seg path{transition:opacity .2s ease,filter .2s ease}
.dwx-seg:hover path,.dwx-seg:focus path{filter:brightness(1.08)}
.dx-chips{display:none}

.rm-stagebar-6{flex-wrap:wrap}
.rm-stagebar-6 .rm-stage{flex:1 1 30%;padding:8px 4px;font-size:12px}
@media (max-width:520px){.rm-stagebar-6 .rm-stage{font-size:11px;padding:7px 2px}}
.dwx-wrap .dx-card{margin-top:18px}

/* ===== All-domains progress list ===== */
.wp-domlist{display:grid;grid-template-columns:1fr 1fr;gap:8px 12px;margin:6px 0 14px}
.wpd{display:flex;flex-direction:column;gap:5px;background:#fff;border:1px solid #e9eef5;border-radius:10px;padding:9px 11px;cursor:pointer;font-family:var(--sans);text-align:left;transition:border-color .2s}
.wpd:hover{border-color:#D9A441}
.wpd-top{display:flex;align-items:center;gap:7px;font-size:13.5px;font-weight:700;color:#0A3161}
.wpd-dot{width:9px;height:9px;border-radius:50%;flex:none}
.wpd-bar{height:6px;background:#eef2f8;border-radius:100px;overflow:hidden}
.wpd-bar i{display:block;height:100%;border-radius:100px}
.rp-safety{background:#f7f9fc;border-color:#efe3c7}
@media(max-width:520px){.wp-domlist{grid-template-columns:1fr}}

/* ===== Collapsible all-domains list (mirrors original mockup) ===== */
.wp-collapse{margin:6px 0 14px;background:#fff;border:2px solid #e4e9f1;border-radius:16px;overflow:hidden;transition:border-color .2s}
.wp-collapse.open{border-color:#0A3161;box-shadow:0 10px 30px -18px rgba(10,49,97,.35)}
.wp-ctoggle{width:100%;padding:14px 16px;background:transparent;border:none;font-family:var(--sans);display:flex;align-items:center;justify-content:space-between;cursor:pointer;color:#0A3161;text-align:left;gap:10px}
.wp-ctoggle:hover{background:#f7f9fc}
.wp-ctog-left{display:flex;align-items:center;gap:12px;flex:1}
.wp-ctog-icon{width:36px;height:36px;border-radius:50%;background:#F7F1E4;display:flex;align-items:center;justify-content:center;color:#D9A441;flex-shrink:0}
.wp-ctog-icon svg{width:18px;height:18px;stroke:currentColor;stroke-width:2;fill:none}
.wp-ctog-text{display:block;font-size:15.5px;font-weight:700;line-height:1.2}
.wp-ctog-sub{display:block;font-size:12.5px;color:#53657c;font-weight:400;margin-top:2px}
.wp-chevron{width:32px;height:32px;border-radius:50%;background:#f2f5fa;display:flex;align-items:center;justify-content:center;color:#0A3161;flex-shrink:0;transition:transform .3s ease}
.wp-chevron svg{width:16px;height:16px;stroke:currentColor;stroke-width:3;fill:none}
.wp-collapse.open .wp-chevron{transform:rotate(180deg)}
.wp-ccontent{max-height:0;overflow:hidden;transition:max-height .4s ease}
.wp-collapse.open .wp-ccontent{max-height:900px}
.wp-ccontent .wp-domlist{padding:2px 14px 16px;margin:0;border-top:1px solid #e9eef5}

.loop-node rect.nring{transition:stroke-width .25s ease,filter .25s ease}
.loop-node:hover rect.nring,.loop-node:focus rect.nring{stroke-width:3.5;filter:drop-shadow(0 6px 14px rgba(10,49,97,.25))}
.loop-node.active rect.nring{stroke-width:4;stroke:#0A3161}

/* ===== Closed-loop callout ===== */
.iloop-close{max-width:760px;margin:34px auto 0;background:#f7f9fc;border-left:4px solid #D9A441;border-radius:0 14px 14px 0;padding:20px 26px}
.ilcl-head{font-family:var(--serif);font-weight:700;font-size:1.25rem;color:#0A3161;margin-bottom:6px}
.ilcl-body{font-size:16px;color:#3a4d63;line-height:1.6;margin:0}
.iloop-marks{text-align:center;margin-top:14px;font-size:11px;letter-spacing:.03em;color:#8a96ab}

/* mobile: the whole-person wheel must stack and breathe (ID rule above outguns the generic stack rule) */
@media(max-width:960px){
  #whole-person .domains-grid{grid-template-columns:1fr;gap:30px}
  .dwx-wrap{max-width:430px;margin:0 auto}
}
@media(max-width:900px){
  .site-header .btn{display:none}
}

html,body{overflow-x:hidden}

/* wheel card: COREY does/doesn't narrative sits below the short scope line */
.dx-card .dx-corey{display:block;margin-top:10px;padding-top:10px;border-top:1px solid #e9eef5;font-size:.92em;color:#53657c;line-height:1.55}

/* HJI4Veterans — journey-point explainer under the stage bar */
.rm-stageinfo{font-size:.86rem;color:#53657c;line-height:1.55;margin:10px 2px 14px;padding:10px 14px;background:#f4f6fa;border:1px solid #e3e9f2;border-radius:10px}

/* Legibility fix (2026-08-18): red carries fills and light-background accents;
   on navy backgrounds, text accents are gold — red text on flag blue fails contrast. */
:root{--goldnavy:#D9A441}
.gold,.hero-lead,.role,.story .eyebrow{color:var(--goldnavy)}
.rule{background:var(--goldnavy)}
.rule.rule-dark{background:var(--gold)}
.cta-fallback a{color:var(--goldnavy)}
.story-body{color:rgba(255,255,255,.88);font-size:1.22rem;line-height:1.65;max-width:72ch;margin:.2rem 0 0}

/* Two-layer outcomes dashboard (2026-08-18) */
.rm-layer{font-size:10.5px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:#53657c;margin:14px 0 4px;padding-top:12px;border-top:1px dashed #dfe6ef}
.rm-commit .rm-layer:first-child{border-top:0;padding-top:0;margin-top:2px}
.rm-dir{font-size:11px;font-weight:800;border-radius:20px;padding:2px 9px;white-space:nowrap}
.rm-dir.up{color:#1f7a52;background:#e7f4ec}
.rm-dir.down{color:#8f1435;background:#F5ECD9}
.rm-dir.flat{color:#53657c;background:#eef2f7}
.rm-funnel{margin-top:14px;font-size:.85rem;color:#3a4d63;background:#f4f6fa;border:1px solid #e3e9f2;border-radius:10px;padding:10px 14px;line-height:1.55}

/* Hero: two-column layout with journey-lines visual (2026-08-18) */
.hero-grid{display:grid;grid-template-columns:minmax(0,600px) 1fr;gap:56px;align-items:center}
.hero-visual{align-self:stretch;min-height:440px;position:relative}
.hero-visual svg{position:absolute;inset:0;width:100%;height:100%}
@media(max-width:960px){.hero-grid{grid-template-columns:1fr}.hero-visual{display:none}}
/* Our Story: contrast accents */
.story-gold{color:var(--goldnavy)}
.story .four,.story-headline .four{color:var(--gold)}
.hero-content > .hero-grid{max-width:none}

/* Color language (Lori, 2026-08-19): navy = data, gold = importance/action, amber = attention, green = healthy */
.four{color:var(--gold)}
.rm-c .rbar i{background:linear-gradient(90deg,#496d99,#0A3161)}
.rm-stage.is-on{background:#D9A441;color:#0A3161;box-shadow:0 1px 4px rgba(10,49,97,.14)}
.rm-cov-pct{background:#D9A441;color:#0A3161}
.rm-c-target{color:#3a4d63;font-weight:600}
.rm-c-target b{color:#C08A2E;font-weight:800}
.rp-badge.next{background:#F5ECD9;color:#8a6420}
.rp-badge.attn{background:#F5EBDD;color:#B97832}
.rm-dir.down{color:#B97832;background:#F5EBDD}
.rm-tabhint{color:#C08A2E}
/* Hero text stays clear of the journey lines on the right (2026-08-19) */
.hero-content .hero-lead{max-width:470px;font-size:clamp(1.15rem,1.6vw,1.45rem)}
.hero-content .hero-desc{max-width:470px}

/* Interactive plan menu (2026-08-19): My plan / Help that fits / About me / What's done */
.wp-menu button{font-family:inherit;background:#fff;border:1px solid #e4e9f1;border-radius:10px;padding:9px;font-size:12px;font-weight:700;color:#3a4d63;text-align:center;cursor:pointer;transition:border-color .15s,box-shadow .15s}
.wp-menu button:hover{border-color:#b9c7d9}
.wp-menu button.is-on{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold) inset;color:#1c2c42}
.wpm-list{display:flex;flex-direction:column;gap:9px;margin:10px 0 12px}
.wpm-item{display:flex;gap:9px;align-items:flex-start;font-size:13px;line-height:1.45;color:#2c3d52;font-weight:600}
.wpm-item .wpd-dot{margin-top:5px}
.wpm-item small{display:block;color:#8a96ab;font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;margin-top:1px}
.wpm-note{font-size:12px;color:#53657c;line-height:1.5;margin:0 0 10px;padding-top:9px;border-top:1px dashed #e4e9f1}

/* Living Plan in every area card (2026-08-19): goal + done-so-far history */
.wp-dom-goal{font-size:12.5px;font-weight:600;color:#2c3d52;line-height:1.45;margin:8px 0 6px}
.wp-dom-goal b{color:#C08A2E;font-weight:800;letter-spacing:.05em;text-transform:uppercase;font-size:10.5px;margin-right:6px}
.wpm-h{font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#8a96ab;margin:10px 0 6px}
.wpm-donelist{display:flex;flex-direction:column;gap:6px;margin:0 0 6px}
.wpm-donerow{display:flex;gap:7px;font-size:12.5px;color:#2c3d52;line-height:1.4;align-items:flex-start;font-weight:600}
.wpm-check{flex:none;width:15px;height:15px;border-radius:50%;background:#eaf3ec;color:#2e6b3f;font-size:10px;font-weight:900;display:flex;align-items:center;justify-content:center;margin-top:1px;font-style:normal}
.wpm-goals{display:flex;flex-direction:column;gap:5px;margin:0 0 12px}
.wpm-goal{display:flex;gap:7px;font-size:11.5px;line-height:1.4;color:#3a4d63;align-items:flex-start}
.wpm-goal .wpd-dot{width:7px;height:7px;margin-top:4px}
.wpm-goal b{color:#1c2c42}

/* Plan clarity (2026-08-22): today label + button sublabels */
.wp-today{display:block}
.wt-row{display:flex;align-items:center;gap:10px}
.wt-label{font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#8a96ab;margin-bottom:7px}
.wp-menu button small{display:block;font-weight:600;font-size:10px;color:#8a96ab;margin-top:2px}

/* Today vs the week, in My plan (2026-08-22) */
.wpm-list .wpm-item:first-child small{color:#C08A2E}
.wpm-list .wpm-item:first-child{padding-bottom:9px;border-bottom:1px dashed #e4e9f1}

/* Plan at a glance — replaces the goals laundry list (2026-08-22) */
.wpm-glance{display:flex;gap:8px;margin:0 0 10px}
.wpm-glance span{flex:1;background:#fff;border:1px solid #e4e9f1;border-radius:11px;padding:9px 8px;text-align:center;font-size:10.5px;line-height:1.3;color:#53657c;font-weight:700}
.wpm-glance b{display:block;font-size:19px;color:#1c2c42;font-weight:800;margin-bottom:2px}
.wpm-tip{font-size:12px;color:#53657c;line-height:1.5;margin:0 0 4px}

/* VA alignment narrative on the 14-areas section (2026-08-23) */
.wp-align{font-size:1.02rem;line-height:1.62;color:#3a4d63;max-width:46ch;margin:1rem 0 0}
.wp-aligngrid{display:flex;flex-direction:column;gap:10px;margin:1.5rem 0 0;max-width:46ch}
.wp-aligngrid div{background:#fff;border:1px solid #e4e9f1;border-left:3px solid var(--gold);border-radius:12px;padding:11px 14px}
.wp-aligngrid b{display:block;font-size:.95rem;color:#1c2c42;margin-bottom:2px}
.wp-aligngrid span{font-size:.86rem;color:#53657c;line-height:1.5}
@media(max-width:900px){.wp-align,.wp-aligngrid{max-width:none}}

/* Why continuity section (2026-08-24) */
.why{background:var(--navy);color:#fff;border-bottom:0}
.why .eyebrow{color:var(--goldnavy)}
.why-head{font-family:var(--serif);font-size:clamp(1.9rem,3vw,3rem);line-height:1.12;font-weight:700;margin:.5rem 0 2.2rem;max-width:22ch;color:#fff}
.why-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:start}
.why-col p{font-size:1.06rem;line-height:1.68;color:rgba(255,255,255,.88);margin:0 0 1.15rem}
.why-col b{color:var(--goldnavy);font-weight:800}
.why-col em{font-style:italic;color:#fff}
.why-lead{font-size:1.18rem!important;color:#fff!important}
.why-quote{font-family:var(--serif);font-size:clamp(1.3rem,1.9vw,1.65rem);line-height:1.42;color:var(--goldnavy);font-style:italic;margin:1.6rem 0;padding-left:20px;border-left:3px solid var(--goldnavy)}
.why-quote cite{display:block;font-family:inherit;font-style:normal;font-size:.82rem;font-weight:600;color:rgba(255,255,255,.6);margin-top:12px;letter-spacing:.01em}
.why-turn{border-top:1px solid rgba(255,255,255,.18);padding-top:1.15rem}
.why-close{font-family:var(--serif);font-size:1.5rem;line-height:1.35;color:#fff!important;font-weight:700;margin-top:.4rem!important}
.why-src{margin:2.6rem 0 0;font-size:.78rem;line-height:1.85;color:rgba(255,255,255,.5)}
.why-src b{display:block;font-size:10px;letter-spacing:.09em;text-transform:uppercase;color:rgba(255,255,255,.45);margin-bottom:4px;font-weight:800}
.why-src a{color:rgba(255,255,255,.62);text-decoration:underline;text-underline-offset:2px}
.why-src a:hover{color:var(--goldnavy)}
.why-help{margin:1.1rem 0 0;font-size:.84rem;color:rgba(255,255,255,.72);background:rgba(255,255,255,.06);border-radius:10px;padding:11px 15px;display:inline-block}
.why-help b{color:var(--goldnavy)}
@media(max-width:900px){.why-grid{grid-template-columns:1fr;gap:0}.why-head{max-width:none}}
.why-col p.why-close{font-size:1.55rem;font-family:var(--serif);font-weight:700;line-height:1.32;color:#fff;margin:.5rem 0 0}
.why-quote cite{font-family:'Inter',system-ui,sans-serif;font-weight:600}
.why-col p.why-lead{font-size:1.2rem;color:#fff}

/* Alignment crosswalk matrix (2026-08-25) */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.why-intro{font-size:1.12rem;line-height:1.62;color:rgba(255,255,255,.9);max-width:74ch;margin:0 0 2rem}
.xw-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:0 0 26px}
.xw-tiles div{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);border-radius:14px;padding:16px 18px}
.xw-tiles b{display:block;font-family:var(--serif);font-size:2rem;line-height:1;color:var(--goldnavy);margin-bottom:7px}
.xw-tiles span{font-size:.88rem;line-height:1.45;color:rgba(255,255,255,.78)}
.xw-legend{display:flex;flex-wrap:wrap;align-items:center;gap:18px;margin:0 0 14px;font-size:.83rem;color:rgba(255,255,255,.8)}
.xw-legend span{display:inline-flex;align-items:center;gap:7px}
.xw-legend em{font-style:italic;color:var(--goldnavy);margin-left:auto}
.xwm{display:inline-block;width:13px;height:13px;border-radius:50%;flex:none;position:relative}
.xw-direct{background:#8fb4e6;box-shadow:inset 0 0 0 2px rgba(255,255,255,.35)}
.xw-related{background:linear-gradient(90deg,#8fb4e6 50%,rgba(143,180,230,.18) 50%);box-shadow:inset 0 0 0 1px rgba(143,180,230,.6)}
.xw-extend{background:var(--goldnavy);box-shadow:inset 0 0 0 2px rgba(255,255,255,.4);border-radius:2px;transform:rotate(45deg)}
.xw-none{background:transparent;box-shadow:inset 0 0 0 1px rgba(255,255,255,.28);width:9px;height:9px}
.xw-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:14px;border:1px solid rgba(255,255,255,.14)}
table.xw{width:100%;border-collapse:collapse;min-width:780px;background:rgba(255,255,255,.04)}
table.xw thead th{text-align:left;font-size:.82rem;font-weight:800;color:#fff;padding:14px 16px;border-bottom:1px solid rgba(255,255,255,.18);vertical-align:top;background:rgba(255,255,255,.05)}
table.xw thead th small{display:block;font-size:.72rem;font-weight:600;color:rgba(255,255,255,.55);margin-top:3px;letter-spacing:.01em}
table.xw thead th.xw-area{width:31%}
.xw-row{cursor:pointer;transition:background .15s}
.xw-row:hover,.xw-row:focus-visible{background:rgba(255,255,255,.07);outline:none}
.xw-row.is-open{background:rgba(217,164,65,.13)}
.xw-row th.xw-area{text-align:left;font-weight:700;font-size:.92rem;color:#fff;padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.09);display:flex;align-items:center;gap:10px}
.xw-row th.xw-area b{color:var(--goldnavy);font-weight:800;margin-right:2px}
.xw-dot{width:9px;height:9px;border-radius:50%;flex:none}
.xw-cell{padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.09);border-left:1px solid rgba(255,255,255,.07);vertical-align:middle;white-space:nowrap}
.xw-cellnote{display:inline-block;margin-left:9px;font-size:.78rem;color:rgba(255,255,255,.62);white-space:normal;vertical-align:middle;max-width:26ch}
.xw-cell[data-lvl="none"] .xw-cellnote{color:rgba(255,255,255,.32)}
.xw-det{display:none}
.xw-det.open{display:table-row}
.xw-det td{padding:0;border-bottom:1px solid rgba(255,255,255,.09);background:rgba(217,164,65,.07)}
.xw-detin{padding:16px 18px 18px}
.xw-detcols{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:12px}
.xw-detcols div{font-size:.86rem;color:rgba(255,255,255,.86);line-height:1.45}
.xw-detcols .xwm{margin-right:7px;vertical-align:-1px}
.xw-detlab{display:block;font-size:9.5px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:rgba(255,255,255,.45);margin-bottom:5px}
.xw-add{margin:0;font-size:.95rem;line-height:1.55;color:#fff;border-top:1px solid rgba(255,255,255,.14);padding-top:12px}
.xw-add span{display:block;font-size:9.5px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:var(--goldnavy);margin-bottom:5px}
@media(max-width:900px){.xw-tiles{grid-template-columns:1fr}.xw-detcols{grid-template-columns:1fr}.xw-cellnote{display:none}}
.xw-row th.xw-area{align-items:flex-start}
.xw-cellnote{max-width:22ch}
.xw-add span{letter-spacing:.08em;white-space:nowrap}

/* ===== Bundle 17: alignment grid (frameworks on the vertical axis) ===== */
.why-intro{font-size:1.12rem;line-height:1.62;color:rgba(255,255,255,.9);max-width:74ch;margin:0 0 2.4rem}
#xgWrap{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 -6px;padding:0 6px}
.xg{min-width:660px;display:flex;flex-direction:column;gap:8px}
.xg-row{display:grid;grid-template-columns:172px 1fr 74px;align-items:center;gap:14px;border-radius:14px;padding:12px 14px}
.xg-row:not(.xg-head){background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.09)}
.xg-head{padding:0 14px 2px}
.xg-lab b{display:block;font-size:1.02rem;font-weight:800;color:#fff;line-height:1.2}
.xg-lab small{display:block;font-size:.74rem;color:rgba(255,255,255,.58);line-height:1.35;margin-top:2px}
.xg-vrow .xg-lab small{color:rgba(255,255,255,.78)}
.xg-cells{display:grid;grid-template-columns:repeat(14,1fr);gap:6px;align-items:center;justify-items:center}
.xg-num{width:30px;height:30px;border-radius:50%;border:2px solid var(--ac,#fff);background:transparent;color:#fff;font-weight:800;font-size:.8rem;font-family:var(--sans);cursor:pointer;display:grid;place-items:center;padding:0;transition:.15s ease;line-height:1}
.xg-num:hover{background:rgba(255,255,255,.14);transform:translateY(-1px)}
.xg-num.is-on{background:var(--ac);color:#08182f;border-color:var(--ac);box-shadow:0 0 0 3px rgba(255,255,255,.22)}
.xg-c{width:16px;height:16px;border-radius:50%;border:1.5px solid rgba(255,255,255,.28);background:transparent;transition:.15s ease}
.xg-c.on{background:rgba(255,255,255,.92);border-color:rgba(255,255,255,.92)}
.xg-c.on.gold{background:var(--goldnavy);border-color:var(--goldnavy)}
.xg-c.hl{box-shadow:0 0 0 3px rgba(217,164,65,.45)}
.xg-tot{font-size:.78rem;color:rgba(255,255,255,.6);text-align:right;white-space:nowrap}
.xg-tot b{font-size:1.18rem;font-weight:800;color:#fff}
.xg-vrow{background:linear-gradient(90deg,rgba(217,164,65,.16),rgba(217,164,65,.07))!important;border-color:rgba(217,164,65,.45)!important}
.xg-vrow .xg-tot b{color:var(--goldnavy)}
.xg-head .xg-tot{font-size:.68rem;letter-spacing:.09em;text-transform:uppercase;font-weight:800;color:rgba(255,255,255,.45)}
.xg-detail{margin-top:18px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:20px 22px;min-height:64px}
.xg-detail>em{color:rgba(255,255,255,.62);font-style:normal;font-size:.95rem}
.xgd-name{display:flex;align-items:center;gap:10px;font-family:var(--serif);font-size:1.25rem;font-weight:700;color:#fff;margin-bottom:14px}
.xgd-name i{width:14px;height:14px;border-radius:50%;flex:none}
.xgd-row{display:grid;grid-template-columns:118px 190px 1fr;gap:14px;align-items:baseline;padding:8px 0;border-top:1px solid rgba(255,255,255,.09)}
.xgd-fw{font-size:.8rem;font-weight:800;letter-spacing:.04em;color:rgba(255,255,255,.85)}
.xgd-tag{font-size:.72rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;border-radius:999px;padding:3px 10px;justify-self:start;line-height:1.5}
.xgd-direct{background:rgba(96,190,130,.18);color:#8fdcae;border:1px solid rgba(96,190,130,.4)}
.xgd-related{background:rgba(255,255,255,.1);color:rgba(255,255,255,.82);border:1px solid rgba(255,255,255,.24)}
.xgd-extend{background:rgba(217,164,65,.16);color:var(--goldnavy);border:1px solid rgba(217,164,65,.5);text-transform:none;letter-spacing:.01em}
.xgd-none{background:transparent;color:rgba(255,255,255,.42);border:1px solid rgba(255,255,255,.16)}
.xgd-txt{font-size:.88rem;color:rgba(255,255,255,.72);line-height:1.5}
.xgd-add{margin-top:14px;border-top:1px solid rgba(217,164,65,.35);padding-top:12px;font-size:.95rem;color:#fff;line-height:1.55}
.xgd-add>span{display:block;font-size:10px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:var(--goldnavy);margin-bottom:5px}
.xgd-add>span .four{display:inline;font-size:inherit;color:var(--goldnavy)}
@media(max-width:900px){
  .xg-row{grid-template-columns:128px 1fr 52px;padding:10px 10px;gap:8px}
  .xg-num{width:26px;height:26px;font-size:.72rem}
  .xg-c{width:13px;height:13px}
  .xg-lab b{font-size:.9rem}.xg-lab small{font-size:.68rem}
  .xgd-row{grid-template-columns:1fr;gap:4px;padding:10px 0}
  .xgd-tag{justify-self:start}
}

/* ===== Bundle 17: why continuity matters ===== */
#continuity{background:var(--paper,#f5f7fa)}
.cont-card{background:var(--navy);color:#fff;border-radius:26px;padding:clamp(34px,4.5vw,58px);box-shadow:var(--shadow);display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(30px,4vw,64px);position:relative;overflow:hidden}
.cont-card::before{content:"";position:absolute;top:0;right:0;width:44%;height:100%;background:radial-gradient(ellipse at top right,rgba(217,164,65,.12),transparent 65%);pointer-events:none}
.cont-eyebrow{letter-spacing:.13em;text-transform:uppercase;font-size:.78rem;font-weight:800;color:var(--goldnavy);display:block;margin-bottom:1.1rem}
.cont-open{font-family:var(--serif);font-size:clamp(1.5rem,2.3vw,2.15rem);line-height:1.3;margin:0 0 1.9rem;color:#fff;font-weight:600}
.cont-open b{color:var(--goldnavy);font-weight:700}
.cont-after{display:block;font-family:var(--serif);font-style:italic;font-weight:700;font-size:clamp(3rem,5.2vw,4.6rem);line-height:1.05;color:var(--goldnavy);margin-top:.35rem}
.cont-stats{display:flex;flex-direction:column;gap:2px}
.cont-stat{display:grid;grid-template-columns:118px 1fr;gap:18px;align-items:baseline;padding:14px 0;border-top:1px solid rgba(255,255,255,.14)}
.cont-stat b{font-family:var(--serif);font-size:clamp(1.7rem,2.4vw,2.3rem);font-weight:700;color:#fff;white-space:nowrap;line-height:1}
.cont-stat span{font-size:.98rem;color:rgba(255,255,255,.82);line-height:1.5}
.cont-right{display:flex;flex-direction:column;justify-content:center;position:relative}
.cont-quote{font-family:var(--serif);font-style:italic;font-size:clamp(1.25rem,1.8vw,1.6rem);line-height:1.45;color:rgba(255,255,255,.94);margin:0 0 1.6rem;border-left:3px solid var(--goldnavy);padding-left:20px}
.cont-quote cite{display:block;font-style:normal;font-family:var(--sans);font-size:.82rem;font-weight:700;letter-spacing:.04em;color:rgba(255,255,255,.6);margin-top:.8rem}
.cont-head{font-family:var(--serif);font-size:clamp(1.35rem,1.9vw,1.75rem);font-weight:700;margin:0 0 .4rem;color:#fff}
.cont-close{font-family:var(--serif);font-size:clamp(1.35rem,1.9vw,1.75rem);font-style:italic;font-weight:600;color:var(--goldnavy);margin:0}
.cont-src{grid-column:1/-1;margin:.6rem 0 0;padding-top:16px;border-top:1px solid rgba(255,255,255,.12);font-size:.76rem;line-height:1.8;color:rgba(255,255,255,.5)}
.cont-src b{display:inline-block;font-size:10px;letter-spacing:.09em;text-transform:uppercase;color:rgba(255,255,255,.45);font-weight:800;margin-right:8px}
@media(max-width:900px){
  .cont-card{grid-template-columns:1fr}
  .cont-stat{grid-template-columns:92px 1fr;gap:14px}
  .cont-right{border-top:1px solid rgba(255,255,255,.14);padding-top:26px}
}

/* ===== Bundle 18: named column headers + stronger-together strip ===== */
.xg-head .xg-cells{align-items:end}
.xg-col{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:7px;background:none;border:0;padding:0;cursor:pointer;min-width:0;width:100%;font-family:var(--sans)}
.xg-name{font-size:.58rem;font-weight:700;letter-spacing:0;color:rgba(255,255,255,.72);line-height:1.2;text-align:center;transition:.15s ease;padding:0 4px}
.xg-ring{width:30px;height:30px;border-radius:50%;border:2px solid var(--ac,#fff);color:#fff;font-weight:800;font-size:.8rem;display:grid;place-items:center;line-height:1;transition:.15s ease}
.xg-col:hover .xg-ring{background:rgba(255,255,255,.14);transform:translateY(-1px)}
.xg-col.is-on .xg-name{color:#fff}
.xg-col.is-on .xg-ring{background:var(--ac);color:#08182f;box-shadow:0 0 0 3px rgba(255,255,255,.22)}
.xg-amp{margin-top:34px;border-top:1px solid rgba(255,255,255,.14);padding-top:26px}
.xg-amp-lead{font-family:var(--serif);font-size:clamp(1.15rem,1.7vw,1.45rem);font-weight:700;color:#fff;margin:0 0 18px;max-width:56ch}
.xg-amp-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:22px}
.xg-amp-item{border-left:3px solid var(--goldnavy);padding-left:16px}
.xg-amp-item b{display:block;font-size:.8rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:var(--goldnavy);margin-bottom:6px}
.xg-amp-item p{margin:0;font-size:.93rem;line-height:1.6;color:rgba(255,255,255,.85)}
.xg-amp-close{font-family:var(--serif);font-style:italic;font-size:clamp(1.05rem,1.5vw,1.3rem);color:var(--goldnavy);line-height:1.55;margin:22px 0 0;max-width:70ch}
@media(max-width:900px){
  .xg-name{writing-mode:vertical-rl;transform:rotate(180deg);white-space:nowrap;font-size:.6rem;padding:0;max-height:88px;overflow:hidden}
  .xg-ring{width:26px;height:26px;font-size:.72rem}
  .xg-amp-grid{grid-template-columns:1fr;gap:16px}
}

/* Blue Hero (2026-09-05): split navy panel + eagle image */
.hero-blue{min-height:0;display:block;background:var(--navy)}
.hero-blue::before,.hero-blue::after{display:none}
.hero-split{display:grid;grid-template-columns:43fr 57fr;min-height:660px}
.hero-panel{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:center;padding:130px clamp(28px,4.5vw,72px) 76px;max-width:660px;margin-left:auto;width:100%}
.hero-blue h1.hb-title{font-family:var(--sans);font-weight:800;color:#fff;font-size:clamp(2.05rem,3.2vw,2.95rem);line-height:1.2;margin:0}
.hb-gold{color:var(--gold)}
.hero-panel .rule{margin:30px 0 26px}
.hb-lead{font-size:clamp(1.18rem,1.65vw,1.5rem);line-height:1.5;font-weight:800;color:#fff;margin:0 0 30px;max-width:520px}
.hero-image{background:url('../images/hero-eagle.jpg') center/cover no-repeat;min-height:660px}
@media (max-width:900px){
  .hero-split{grid-template-columns:1fr;min-height:0}
  .hero-panel{padding:118px 20px 46px;max-width:none}
  .hero-image{min-height:340px}
}

/* Intelligence Loop default card (match HJI4Reentry / SoulutionsTech) */
.ilc-big{font-size:19px;font-weight:800;line-height:1.5;color:#0A3161;margin:2px 0 16px}
.ilc-sec{margin-bottom:12px;font-size:14.5px;line-height:1.5;color:#4c5568}
.ilc-sec b{display:block;font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#53657c;margin-bottom:2px}
.ilc-hint{margin-top:10px;font-size:13px;color:#53657c}

/* 2026-09-05 round 2: hero full-bleed; Why balance; light Trust; warm CTA */
.hero-blue{padding:0}
.hero-split{min-height:700px}
.hero-image{min-height:100%}
@media (max-width:900px){.hero-blue{padding:0}.hero-image{min-height:340px}}

.cont-right{justify-content:space-evenly;gap:18px}
.cont-quote{font-size:clamp(1.4rem,2vw,1.85rem);margin:0}
.cont-head{font-size:clamp(1.5rem,2.1vw,2rem);margin:0}
.cont-close{font-size:1.15rem;margin:0}

.trust{background:#fff;color:var(--ink);border-top:1px solid var(--line)}
.trust .section-title{color:var(--navy)}
.tpillar h4{color:var(--navy)}
.tpillar p{color:var(--muted)}
.tp-icon{background:rgba(217,164,65,.16)}

.cta{background:#F5ECD9;color:var(--navy)}
.cta h2{color:var(--navy)}

/* Warm CTA: readable form on light background */
.cta .cta-copy p{color:#5b5342}
.cta .cta-form label{color:var(--navy)}
.cta .cta-form input,.cta .cta-form textarea{background:#fff;border:1px solid #dcCFAF;border-color:#dccfaf;color:var(--ink)}
.cta .cta-form input::placeholder,.cta .cta-form textarea::placeholder{color:#9a8f78}
.cta .cta-fallback{color:#5b5342}
.cta .cta-fallback a{color:var(--navy)}

/* 2026-09-05 round 3: left-justified nav; Why head lower+bigger; section color alternation */
.nav{justify-content:flex-start;gap:34px}
.nav .btn.primary{margin-left:auto}
.nav-toggle{margin-left:auto}
@media (min-width:901px){.nav-toggle{margin-left:0}}

.cont-right{justify-content:space-between;gap:26px}
.cont-head{font-size:clamp(1.8rem,2.6vw,2.5rem);line-height:1.25;margin:auto 0 0}

.roles-section{background:var(--paper);border-top:1px solid var(--paper-line);border-bottom:1px solid var(--paper-line)}
#followthrough{background:#fff}
.nav-links a{white-space:nowrap}
@media (max-width:1100px){.nav{gap:22px}.nav-links{gap:20px}}

/* 2026-09-05 round 4: nav packed left off the eagle; quote lowered */
.site-header .container{margin:0;max-width:none;width:auto;padding:0 28px}
.nav{gap:26px}
.nav-links{gap:24px}
.nav .btn.primary{margin-left:12px}
.cont-quote{margin-top:auto}

/* 2026-09-05 round 5: Alignment readability (Wing-sie); trust heading; rhythm */
.xg-amp{border-top:0;margin-top:10px;padding-top:8px}
.xg-amp-lead{font-size:clamp(1.5rem,2.2vw,2rem);line-height:1.4;max-width:44ch;margin:0 0 30px}
.xg-amp-grid{gap:34px}
.xg-amp-item{border-left-width:4px;padding-left:20px}
.xg-amp-item b{font-size:1.05rem;letter-spacing:.06em}
.xg-amp-item p{font-size:1.16rem;line-height:1.65;color:rgba(255,255,255,.92)}
.why-src{font-size:.95rem}
.why-help{font-size:1rem}
.offers{background:#fbf6ec;border-top:1px solid #efe6d2;border-bottom:1px solid #efe6d2}

/* 2026-09-05 round 6: Wing-sie review */
.rm-top .rm-illus{font-size:11.5px;font-weight:800;letter-spacing:.09em;color:#0A3161;background:var(--gold);padding:5px 12px;border-radius:20px;white-space:nowrap}
.ilcl-key{font-family:var(--serif);font-size:clamp(1.35rem,1.9vw,1.7rem);font-weight:700;color:#0A3161;margin:12px 0 0}
.ilcl-key .four{color:#D9A441}
.cta-note{font-size:.92rem;color:#5b5342;margin:10px 0 0}
.cta .cta-note{color:#5b5342}
.r2030-mock .rm-top{flex-wrap:wrap;gap:8px 14px}
.r2030-mock .rm-top b{flex:1 1 auto;min-width:0}

/* 2026-09-06: center hero CTA; nav shifted left + navy fade so links never straddle the image edge */
.hero-blue .hero-actions{justify-content:center}
.site-header .container{padding:0 18px}
.nav{gap:22px}
.nav-links{gap:20px}
.hero-image{position:relative}
.hero-image::before{content:"";position:absolute;top:0;left:0;right:0;height:118px;background:linear-gradient(180deg,rgba(10,49,97,.96) 0%,rgba(10,49,97,.55) 55%,rgba(10,49,97,0) 100%)}

}

/* 2026-09-06: Why card — gold stat numbers; head raised ~5mm */
.cont-stat b{color:var(--goldnavy)}
.cont-head{margin:auto 0 19px}

/* 2026-09-07: full-background eagle/flag hero, text on top */
.hero-full{position:relative;display:flex;align-items:center;min-height:min(56vw,760px);padding:0;background:#0A3161 url('../images/hero-eagle-flag.jpg') center/cover no-repeat}
.hero-full::before{content:"";position:absolute;inset:0;background:linear-gradient(97deg,rgba(6,18,42,.60) 0%,rgba(6,18,42,.34) 46%,rgba(6,18,42,.04) 72%)}
.hero-full .hero-panel{position:relative;z-index:1;display:block;max-width:740px;margin:0;padding:140px clamp(26px,5vw,76px) 72px}
.hero-full .hb-title,.hero-full .hb-lead{text-shadow:0 2px 18px rgba(4,10,26,.65)}
@media (max-width:900px){.hero-full{min-height:0}.hero-full .hero-panel{padding:118px 20px 44px}}
/* 2026-09-07: new hero image (smaller eagle, upper right) — text gets the open navy sky on the left */
.hero-full .hero-panel{padding-top:118px;padding-bottom:84px;max-width:720px}
.hero-full .hb-title{font-size:clamp(2.2rem,3.6vw,3.55rem)}
.hero-full .rule{margin:26px 0 28px}
.hero-full .hb-lead{max-width:560px;font-size:clamp(1.06rem,1.35vw,1.28rem);line-height:1.65}
.hero-full .hero-actions{justify-content:flex-start;margin-top:38px}
.hero-full .hero-actions .btn.secondary{background:#0A3161;border-color:rgba(255,255,255,.45)}
/* keep hero buttons off the wing at narrow windows */
@media (max-width:1000px){
  .hero-full .hero-actions{flex-direction:column;align-items:flex-start}
}

/* 2026-09-07: phone/tablet hero — text on clean navy, full eagle image below (no random cropping) */
@media (max-width:900px){
  .hero-full{flex-direction:column;align-items:stretch;min-height:0;background:linear-gradient(180deg,#091C3D 0%,#0A3161 100%)}
  .hero-full::before{display:none}
  .hero-full .hero-panel{padding:106px 20px 30px;max-width:none}
  .hero-full .hb-lead{max-width:none}
  .hero-full .hero-actions{margin-top:26px}
  .hero-full::after{content:"";position:static;inset:auto;display:block;width:100%;aspect-ratio:1672/941;background:url('../images/hero-eagle-flag.jpg') center/cover no-repeat}
}

/* Bundle 44 — Our Story reads as a lead paragraph under an eyebrow, not a display headline (matches hji4reentry.com) */
.story .eyebrow{color:var(--gold);display:block;margin-bottom:.9rem}
.story-headline{font-size:clamp(1.35rem,2vw,1.85rem);line-height:1.45;max-width:64ch;font-weight:600;color:rgba(255,255,255,.92);margin:0 0 1.2rem}
.story-body{font-size:1.12rem;line-height:1.7;max-width:64ch;color:rgba(255,255,255,.84)}
.story .bio-grid{margin-top:56px}
