:root{--navy:#0b2743;--deep:#081d33;--ink:#080b10;--blue:#43abe6;--mist:#eef5fb;--white:#fff;--muted:#5d7385;--line:rgba(8,29,51,.14);--max:1240px;--radius:18px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--white);color:var(--ink);font:400 1rem/1.6 "DM Sans",sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}body.menu-open{overflow:hidden}a{color:inherit;text-decoration:none}button{font:inherit}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:"Manrope",sans-serif;letter-spacing:-.05em;line-height:1.03}.wrap{width:min(var(--max),calc(100% - 3rem));margin-inline:auto}.skip-link{position:fixed;left:1rem;top:-4rem;z-index:1000;background:var(--blue);padding:.8rem 1rem}.skip-link:focus{top:1rem}:focus-visible{outline:3px solid var(--blue);outline-offset:4px}.eyebrow{display:flex;align-items:center;gap:.7rem;font:700 .76rem/1 "Manrope";letter-spacing:.15em;text-transform:uppercase}.eyebrow:before{content:"";width:30px;height:2px;background:currentColor}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.8rem;min-height:52px;padding:.85rem 1.25rem;border:1px solid transparent;border-radius:999px;font-weight:700;transition:.25s}.btn:after{content:"↗"}.btn:hover{transform:translateY(-2px)}.btn-primary{background:var(--blue);color:var(--ink)}.btn-dark{background:var(--navy);color:#fff}.btn-outline{border-color:rgba(255,255,255,.45);color:#fff}.site-header{position:fixed;inset:0 0 auto;z-index:100;background:rgba(255,255,255,.92);backdrop-filter:blur(18px);border-bottom:1px solid rgba(8,29,51,.08)}.nav{height:82px;display:flex;align-items:center;justify-content:space-between}.brand{font:800 1.7rem/1 "Manrope";letter-spacing:-.07em}.brand span{color:var(--blue)}.nav-links{display:flex;align-items:center;gap:1.65rem}.nav-links>a{font-weight:600;color:var(--navy);font-size:.94rem}.nav-links>a.active{color:#167caf}.nav-links .btn-dark{color:#fff}.nav-toggle{display:none;border:0;background:none;width:44px;height:44px}.nav-toggle span,.nav-toggle:before,.nav-toggle:after{content:"";display:block;height:2px;background:var(--navy);margin:6px}
.resource-hero{min-height:560px;padding:var(--sp-hero-top,clamp(7.25rem,8vw,8rem)) 0 var(--sp-hero-bot,clamp(3rem,4.5vw,4rem));background:radial-gradient(circle at 76% 42%,#10466f,var(--navy) 46%,var(--deep));color:#fff;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.hero-copy h1{font-size:clamp(4rem,6.4vw,7rem);max-width:8ch;margin:.8rem 0 1.5rem}.hero-copy h1 span{display:block;color:var(--blue)}.hero-copy p{color:#c7d8e5;font-size:1.18rem;max-width:590px;margin-bottom:1.8rem}.s1{left:0;bottom:10%}.s2{left:35%;top:3%}.s3{right:0;top:23%}
.resource-feature,.level-resources,.consulting-resource{padding:var(--sp-block,clamp(3.25rem,6vw,5.5rem)) 0}.feature-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:5rem;align-items:center}.feature-copy .eyebrow,.section-head .eyebrow{color:#167caf}.feature-copy h2,.section-head h2,.consulting-panel h2{font-size:clamp(2.8rem,5vw,5.2rem);margin:.8rem 0 1.3rem}.feature-copy h2{max-width:11ch}.feature-copy>p{color:var(--muted);font-size:1.15rem;max-width:590px}.feature-copy ul{list-style:none;padding:0;margin:1.5rem 0}.feature-copy li{margin:.65rem 0}.feature-copy li:before{content:"+";color:#1687df;font-weight:800;margin-right:.8rem}.scorecard-visual{position:relative;padding:1.9rem;border-radius:24px;background:linear-gradient(145deg,#0d3c62,var(--deep));color:#fff;box-shadow:0 28px 70px rgba(8,29,51,.18)}.score-top{display:flex;justify-content:space-between;color:#bcd0df;font:700 .76rem/1 "Manrope";letter-spacing:.11em;text-transform:uppercase}.score-top b{color:var(--blue)}.scorecard-visual>small{display:block;text-align:center;color:#aac0cf;margin-top:1.5rem}
.level-resources{background:linear-gradient(135deg,#f7fbff,var(--mist))}.section-head{display:grid;grid-template-columns:1fr .72fr;gap:4rem;align-items:end;margin-bottom:2.8rem}.section-head h2{max-width:12ch}.section-head>p{color:var(--muted);font-size:1.15rem}
.text-link{display:inline-block;margin-top:1rem;border-bottom:2px solid var(--blue);font-weight:700}
.consulting-resource{background:#fff}.consulting-panel{display:grid;grid-template-columns:1.2fr .8fr;gap:3rem;align-items:center;padding:3.2rem;border-radius:24px;background:linear-gradient(135deg,var(--deep),#0d456e);color:#fff}.consulting-panel .eyebrow{color:var(--blue)}.consulting-panel h2{max-width:13ch}.consulting-panel p{color:#bdd0dd;max-width:720px}.consulting-panel>div:last-child{display:grid;gap:.75rem}.js .reveal{opacity:0;transform:translateY(22px);transition:.7s}.reveal.visible{opacity:1;transform:none}
footer{background:var(--ink);color:#fff;padding:4rem 0 2rem}.footer-grid{display:grid;grid-template-columns:1.25fr .75fr .75fr;gap:3rem}.footer-brand p{color:#9babb8;max-width:380px}.footer-col h3{font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;color:var(--blue)}.footer-col a,.footer-col address{display:block;color:#c2ced7;font-style:normal;margin:.45rem 0}.footer-bottom{border-top:1px solid rgba(255,255,255,.12);padding-top:1.5rem;margin-top:3rem;color:#7f929f;font-size:.85rem}
@media(max-width:980px){.nav-links{display:none;position:fixed;inset:82px 0 0;background:#fff;padding:2rem 1.5rem;align-items:stretch;flex-direction:column;gap:.4rem}.nav-links.open{display:flex}.nav-links>a{font-size:1.2rem;padding:1rem 0}.nav-toggle{display:block}.hero-grid,.feature-grid,.section-head,.consulting-panel{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}}
@media(max-width:720px){.wrap{width:min(100% - 2rem,var(--max))}.nav{height:70px}.nav-links{inset:70px 0 0}.site-header .btn{display:none}.resource-hero{min-height:0;padding:110px 0 52px}.hero-copy h1{font-size:clamp(3.2rem,15vw,4.8rem)}.hero-copy .btn{width:100%}.s1{left:0;bottom:4%}.s2{left:50%;top:0;transform:translateX(-50%)}.s3{right:0;top:58%}.resource-feature,.level-resources,.consulting-resource{padding:var(--sp-block,clamp(3.25rem,6vw,5.5rem)) 0}.scorecard-visual{padding:1.35rem}.consulting-panel{padding:1.5rem}.footer-grid{grid-template-columns:1fr}.footer-brand{grid-column:auto}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}
.founder-thinking{padding:var(--sp-block,clamp(3.25rem,6vw,5.5rem)) 0;background:#fff}.media-heading,.podcast-heading{display:grid;grid-template-columns:1fr .7fr;gap:4rem;align-items:end;margin-bottom:2.8rem}.media-heading .eyebrow{color:#167caf}.media-heading h2,.podcast-heading h2{font-size:clamp(2.8rem,5vw,5.2rem);max-width:12ch;margin:.8rem 0 0}.media-heading>p,.podcast-heading>p{color:var(--muted);font-size:1.12rem}.founder-columns{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.founder-stream{padding:1.5rem;border:1px solid var(--line);border-radius:20px;background:#f8fbfd}.founder-stream-head{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.founder-stream-head img{width:72px;height:72px;object-fit:cover;border-radius:50%;background:var(--blue)}.founder-stream-head span{display:block;font:800 1.2rem/1.2 "Manrope"}.founder-stream-head a{color:#167caf;font-weight:700;font-size:.85rem}.post-card{display:block;padding:1.4rem;margin-top:.8rem;background:#fff;border:1px solid rgba(8,29,51,.1);border-radius:14px;transition:.25s}.post-card:hover{transform:translateY(-4px);border-color:var(--blue);box-shadow:0 16px 34px rgba(8,29,51,.07)}.post-card small{color:#1687df;font:700 .72rem/1 "Manrope";letter-spacing:.12em;text-transform:uppercase}.post-card h3{font-size:1.55rem;margin:1rem 0 .65rem}.post-card p{color:var(--muted);margin-bottom:1rem}.post-card strong{font-size:.9rem}.podcast-section{padding:var(--sp-block,clamp(3.25rem,6vw,5.5rem)) 0;background:radial-gradient(circle at 78% 24%,#114c78,var(--navy) 48%,var(--deep));color:#fff}.podcast-heading .eyebrow{color:var(--blue)}.podcast-heading>p{color:#bed0dc}.podcast-grid{display:grid;grid-template-columns:1.35fr .825fr .825fr;gap:1rem}.podcast-feature,.episode-card{border:1px solid rgba(255,255,255,.18);border-radius:18px;background:rgba(255,255,255,.055);transition:.25s}.podcast-feature:hover,.episode-card:hover{transform:translateY(-5px);border-color:var(--blue);background:rgba(67,171,230,.1)}.podcast-feature{min-height:360px;padding:2rem;display:grid;grid-template-columns:100px 1fr;gap:1.5rem;align-items:center}.play-mark{width:86px;height:86px;display:grid;place-items:center;border-radius:50%;background:var(--blue);color:var(--ink);font-size:1.6rem;padding-left:.25rem}.podcast-feature span,.episode-card span{color:var(--blue);font:700 .72rem/1 "Manrope";letter-spacing:.12em;text-transform:uppercase}.podcast-feature h3{font-size:clamp(2rem,3.1vw,3.3rem);margin:1rem 0}.podcast-feature p{color:#bed0dc}.episode-card{min-height:360px;padding:1.6rem;display:flex;flex-direction:column}.episode-card h3{font-size:1.7rem;margin:3rem 0 1rem}.episode-card strong{margin-top:auto}.channel-link{display:inline-block;margin-top:1.5rem;border-bottom:2px solid var(--blue);font-weight:700}
@media(max-width:980px){.media-heading,.podcast-heading{grid-template-columns:1fr}.podcast-grid{grid-template-columns:1fr 1fr}.podcast-feature{grid-column:1/-1}.episode-card{min-height:280px}}
@media(max-width:720px){.founder-thinking,.podcast-section{padding:var(--sp-block,clamp(3.25rem,6vw,5.5rem)) 0}.founder-columns,.podcast-grid{grid-template-columns:1fr}.founder-stream{padding:1rem}.podcast-feature{grid-column:auto;grid-template-columns:1fr;min-height:0;padding:1.5rem}.episode-card{min-height:240px}.media-heading,.podcast-heading{gap:1rem;margin-bottom:2rem}}

@media(max-width:720px){}
.hero-copy h1{font-size:clamp(3.75rem,4.65vw,5.35rem);line-height:1;max-width:11.5ch}.feature-copy h2,.section-head h2,.consulting-panel h2,.media-heading h2,.podcast-heading h2{font-size:clamp(2.35rem,3.65vw,3.9rem);line-height:1.06;max-width:16ch}@media(max-width:720px){.hero-copy h1{font-size:clamp(2.8rem,11.5vw,4rem);max-width:12ch}.feature-copy h2,.section-head h2,.consulting-panel h2,.media-heading h2,.podcast-heading h2{font-size:clamp(2.15rem,9.5vw,3.2rem);max-width:18ch}}
#journeys,#scorecard,#thinking,#podcast{scroll-margin-top:110px}

/* ---- layout variety: centred head (breaks the run of left-aligned split heads) ---- */
.podcast-heading{display:block;text-align:center;max-width:880px;margin-left:auto;margin-right:auto}
.podcast-heading .eyebrow{justify-content:center}
.podcast-heading h2{margin-left:auto;margin-right:auto}
.podcast-heading>p,.podcast-heading .lede,.podcast-heading>*{margin-left:auto;margin-right:auto}
.podcast-heading>p{max-width:62ch}

/* ================= resources hero: shelf of what is on this page ================= */
.resource-hero .hero-grid{grid-template-columns:.88fr 1.12fr;gap:3.2rem;align-items:center}
.res-shelf{display:grid;grid-template-columns:1fr 1fr;gap:.85rem;align-content:center}
.res-tile{position:relative;display:flex;flex-direction:column;padding:1.15rem 1.15rem 3.1rem;border:1px solid rgba(255,255,255,.15);border-radius:18px;background:linear-gradient(158deg,rgba(255,255,255,.1),rgba(8,29,51,.52));color:#fff;overflow:hidden;min-height:0}
a.res-tile{transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}
a.res-tile:hover{transform:translateY(-3px);border-color:rgba(67,171,230,.65);box-shadow:0 20px 44px rgba(3,15,28,.45)}
.res-ico{display:grid;place-items:center;width:40px;height:40px;border-radius:11px;background:var(--blue);color:var(--ink);margin-bottom:.85rem;flex:none}
.res-ico svg{width:21px;height:21px}
.res-kicker{font:700 .62rem/1 "Manrope";letter-spacing:.17em;text-transform:uppercase;color:var(--blue);margin-bottom:.42rem}
.res-title{display:block;font:800 1.16rem/1.22 "Manrope";letter-spacing:-.035em;margin-bottom:.34rem}
.res-tile p{margin:0;font-size:.85rem;line-height:1.45;color:#b9cde0}
.res-rows{display:grid;gap:.34rem;margin-top:.9rem}
.res-row{display:flex;align-items:center;justify-content:space-between;gap:.6rem;padding:.58rem .72rem;border-radius:9px;background:rgba(255,255,255,.09);font:700 .82rem/1.1 "Manrope";color:#fff;transition:background .18s ease}
.res-row:hover{background:rgba(67,171,230,.32)}
.res-row svg{width:14px;height:14px;flex:none;opacity:.75}
.res-go{position:absolute;right:1.05rem;bottom:1.05rem;width:34px;height:34px;border-radius:50%;background:var(--blue);color:var(--ink);display:grid;place-items:center}
.res-go svg{width:16px;height:16px}
.res-go-play svg{width:17px;height:17px;margin-left:1px}
/* LEARN tile carries its own link rows, so it needs no corner arrow or bottom gutter */
.res-learn{padding-bottom:1.15rem}
/* LISTEN tile: the founders photo bleeds to the right edge, text stays on the left */
/* padding-right reserves the photo's column, so the text can never run under it */
.res-listen{padding-right:48%}
.res-listen .res-photo{position:absolute;right:0;top:0;height:100%;width:46%;object-fit:cover;object-position:46% 12%;z-index:0}
.res-listen:before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(6,22,40,.95) 0 44%,rgba(6,22,40,.5) 62%,rgba(6,22,40,0) 84%)}
.res-listen>:not(.res-photo){position:relative;z-index:2}
/* play button sits in flow below the copy, so short or long text can never collide with it */
.res-listen{padding-bottom:1.15rem}
.res-listen .res-go{position:static;left:auto;right:auto;bottom:auto;margin-top:auto;align-self:flex-start}
.res-foot{grid-column:1/-1;display:flex;align-items:center;gap:1.1rem;margin:.45rem 0 0;color:#8fb4cd;font:700 .64rem/1 "Manrope";letter-spacing:.2em;text-transform:uppercase}
.res-foot:before,.res-foot:after{content:"";flex:1;height:1px;background:rgba(255,255,255,.2)}

@media(max-width:980px){
 .resource-hero .hero-grid{grid-template-columns:1fr;gap:2.4rem}
 .res-shelf{max-width:640px;width:100%;margin-inline:auto}
}
@media(max-width:620px){
 .res-shelf{grid-template-columns:1fr}
 .res-listen{padding-right:44%}
 .res-listen .res-photo{width:42%;object-position:46% 10%}
}

/* ---- scorecard: the three patterns the result places you in ---- */
.score-label{margin:1.5rem 0 1rem;font:700 .66rem/1 "Manrope";letter-spacing:.16em;text-transform:uppercase;color:var(--blue)}
.score-states{list-style:none;padding:0;margin:0;display:grid;gap:.7rem}
.score-state{display:grid;grid-template-columns:auto 1fr;gap:1rem;align-items:start;padding:1rem 1.15rem;border:1px solid rgba(255,255,255,.14);border-radius:14px;background:rgba(255,255,255,.05)}
.score-state.is-goal{border-color:rgba(67,171,230,.55);background:rgba(67,171,230,.12)}
.score-meter{display:flex;gap:4px;padding-top:.45rem}
.score-meter i{display:block;width:18px;height:6px;border-radius:3px;background:rgba(255,255,255,.15)}
.score-meter i.on{background:var(--blue)}
/* the three rows brighten down the card, so the drag-to-leverage spectrum is visible at a glance */
.score-states .score-state:nth-child(1){background:rgba(255,255,255,.035);border-color:rgba(255,255,255,.1)}
.score-states .score-state:nth-child(2){background:rgba(255,255,255,.075);border-color:rgba(255,255,255,.19)}
.score-state strong{display:block;font:800 1.05rem/1.2 "Manrope";letter-spacing:-.025em;margin-bottom:.3rem}
.score-state>div>span{display:block;font-size:.85rem;line-height:1.45;color:#bed0dc}
.scorecard-visual>small{display:block;text-align:center;color:#aac0cf;margin-top:1.35rem;font-size:.82rem;line-height:1.5}
@media(max-width:620px){
 .score-state{grid-template-columns:1fr;gap:.55rem}
 .score-meter{padding-top:0}
}

/* ============ learning journeys: shared four-step spine + three tracks ============ */
.jrny{margin-top:2.4rem}
.jrny-spine{padding:1.5rem 1.7rem;margin-bottom:1rem;background:#fff;border:1px solid var(--line);border-radius:18px}
.jrny-spine-label{margin:0 0 1.2rem;font:700 .68rem/1 "Manrope";letter-spacing:.15em;text-transform:uppercase;color:#1687df}
.jrny-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}
.jrny-steps li{position:relative;padding-left:2.75rem}
.jrny-steps b{position:absolute;left:0;top:-.1rem;width:31px;height:31px;border-radius:50%;display:grid;place-items:center;background:var(--navy);color:var(--blue);font:800 .7rem/1 "Manrope"}
.jrny-steps li:not(:last-child):after{content:"";position:absolute;left:39px;top:15px;right:-1rem;height:1px;background:var(--line)}
.jrny-steps strong{display:block;font:800 1rem/1.2 "Manrope";letter-spacing:-.025em;color:var(--navy)}
.jrny-steps span{display:block;margin-top:.14rem;font-size:.84rem;color:var(--muted)}
.jrny-tracks{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.jrny-track{display:flex;flex-direction:column;padding:1.6rem;background:#fff;border:1px solid var(--line);border-radius:18px;transition:border-color .22s ease,box-shadow .22s ease}
.jrny-track:hover{border-color:rgba(67,171,230,.7);box-shadow:0 18px 42px rgba(8,29,51,.07)}
.jrny-kicker{color:#1687df;font:700 .74rem/1 "Manrope";letter-spacing:.12em;text-transform:uppercase}
.jrny-track h3{font-size:clamp(1.5rem,2.1vw,1.95rem);letter-spacing:-.035em;margin:.8rem 0 .3rem}
.jrny-count{margin:0 0 1.05rem;font-size:.8rem;font-weight:700;color:#648096}
.jrny-topics{list-style:none;margin:0 0 1.2rem;padding:0;display:grid;gap:.3rem}
.jrny-topics a{display:flex;align-items:center;justify-content:space-between;gap:.6rem;padding:.6rem .78rem;border-radius:9px;background:var(--mist);color:var(--navy);font-weight:600;font-size:.92rem;transition:background .18s ease,color .18s ease}
.jrny-topics a:hover{background:var(--navy);color:#fff}
.jrny-topics svg{width:14px;height:14px;flex:none;opacity:.5}
.jrny-topics a:hover svg{opacity:1}
.jrny-open{margin-top:auto;padding-top:1.1rem;border-top:1px solid var(--line);font-weight:700;color:var(--navy)}
.jrny-open:hover{color:#167caf}
@media(max-width:980px){
 .jrny-tracks{grid-template-columns:1fr}
 .jrny-steps{grid-template-columns:1fr 1fr;gap:1.15rem}
 .jrny-steps li:not(:last-child):after{display:none}
}
@media(max-width:620px){
 .jrny-steps{grid-template-columns:1fr}
 .jrny-spine{padding:1.25rem 1.3rem}
}

/* the journeys head sits above a symmetric spine and three equal tracks, so centre it
   (also keeps it distinct from the split head on founder-thinking below) */
.level-resources .section-head{display:block;text-align:center;max-width:880px;margin-left:auto;margin-right:auto}
.level-resources .section-head .eyebrow{justify-content:center}
.level-resources .section-head h2{margin-left:auto;margin-right:auto}
.level-resources .section-head>p{margin-left:auto;margin-right:auto;max-width:64ch}