/* Inner-page components for the redesign demos. Built only from the concept's tokens
   (--ink --paper --accent --tint --muted --line --motion-accent --motion-glow, fonts, radii). */
.page-inner .hero-copy h1{font-size:clamp(2.7rem,4.6vw,4.6rem);line-height:1.06;margin:22px 0 26px}
.page-inner.site-esenior .esi-signature .hero-copy h1{font-size:clamp(2.8rem,4.6vw,4.5rem)}
.page-inner.site-sevenfigure .seven-signature .hero-copy h1,.page-inner.site-hireheroes .hire-signature .hero-copy h1{font-size:clamp(2.9rem,5vw,5rem)}
.page-hero{padding-top:34px}.page-inner .hero-copy>p{max-width:520px}
.page-inner .cutout-hero .esi-founder,.page-inner .cutout-hero .lead-founder{height:560px}.page-inner .cutout-hero .duo-portraits{height:430px}
.crumbs ol{list-style:none;margin:0 0 22px;padding:0;display:flex;flex-wrap:wrap;gap:6px;font-size:.78rem;letter-spacing:.04em;opacity:.85}
.crumbs li+li:before{content:'/';margin-right:6px;opacity:.55}.crumbs a{border-bottom:1px solid transparent;transition:border-color .3s}.crumbs a:hover{border-color:currentColor}
.page-meta{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;font-size:.78rem;color:var(--muted);padding:18px 0;border-bottom:1px solid var(--line)}
/* panel visuals that sit in the hero instead of a portrait (still a [data-scene] so they tilt and travel) */
.hero-panel{position:relative;isolation:isolate;align-self:center;max-width:540px;width:100%;margin-left:auto}
.hero-panel .panel{position:relative;z-index:1;border-radius:8px 42px 8px 8px;padding:38px;box-shadow:0 30px 70px #0b17301f;transform:translate3d(0,var(--travel,0px),60px);transition:transform .18s linear}
.hero-panel .panel-kicker{display:flex;justify-content:space-between;gap:16px;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;opacity:.85}
.hero-panel .panel-big{font-family:'Playfair Display',serif;font-weight:500;font-size:clamp(2.6rem,4vw,3.7rem);line-height:1.05;letter-spacing:-.045em;margin:34px 0 28px}
.hero-panel .panel-row{display:flex;justify-content:space-between;gap:18px;padding:14px 0;border-top:1px solid currentColor;border-color:color-mix(in srgb,currentColor 22%,transparent);font-size:.9rem}
.hero-panel .panel-row strong{font-weight:700}.hero-panel .panel-foot{margin-top:22px;font-size:.78rem;opacity:.8}
.hero-panel .panel-chip{position:absolute;z-index:2;right:-14px;bottom:-22px;padding:16px 22px;border-radius:0 14px 14px 0;border-left:4px solid var(--motion-accent);background:#fff;color:#14233c;box-shadow:0 20px 50px #0000002a;transform:translateZ(95px);font-size:.82rem;max-width:260px}
.hero-panel .panel-chip strong{display:block;font-size:1.1rem;letter-spacing:-.02em}
.site-esenior .hero-panel .panel{background:#124572;color:#fff}.site-sevenfigure .hero-panel .panel{background:#24211b;color:#f7f7ee;border:1px solid #be9d5d55}.site-sevenfigure .hero-panel .panel-big{color:#d9c08e;font-family:'Manrope',sans-serif;font-weight:800;letter-spacing:-.07em}
.site-leadheroes .hero-panel .panel{background:#fff;color:#14233c}.site-leadheroes .hero-panel .panel-big{font-family:'Manrope',sans-serif;font-weight:700;letter-spacing:-.06em}.site-leadheroes .hero-panel .panel-big em{font-family:'Playfair Display',serif;font-weight:500;color:#ee543d}
.site-hireheroes .hero-panel .panel{background:#263f59;color:#fff;border:1px solid #577088;border-radius:32px 8px 32px 8px}.site-hireheroes .hero-panel .panel-big{font-family:'Manrope',sans-serif;font-weight:600;letter-spacing:-.06em}.site-hireheroes .hero-panel .panel-big em{font-family:'Playfair Display',serif;color:#ffab83}
.hero-panel .depth-orbit{inset:-8% -10% -6%}
/* prose layout */
.prose-layout{display:grid;grid-template-columns:250px minmax(0,1fr);gap:70px;padding:80px 0;align-items:start}
.prose-aside{position:sticky;top:120px;display:flex;flex-direction:column;gap:22px}
.toc{display:flex;flex-direction:column;border-left:1px solid var(--line);font-size:.84rem}.toc-label{font-size:.72rem;letter-spacing:.15em;text-transform:uppercase;font-weight:700;padding:0 0 12px 18px;color:var(--muted)}
.toc a{padding:8px 0 8px 18px;margin-left:-1px;border-left:2px solid transparent;color:var(--muted);transition:color .3s,border-color .3s,padding .3s}.toc a:hover,.toc a.active{color:var(--ink);border-color:var(--motion-accent);padding-left:24px}
.aside-card{border:1px solid var(--line);border-radius:8px 24px 8px 8px;padding:22px;font-size:.86rem;background:color-mix(in srgb,var(--tint) 45%,transparent)}.aside-card strong{display:block;font-size:1rem;margin-bottom:6px}.aside-card .btn{margin-top:16px;width:100%;min-height:46px;padding:12px 16px;font-size:.85rem}
.prose{max-width:760px;font-size:1.05rem;line-height:1.8}.prose>*+*{margin-top:20px}.prose p{max-width:none}
.prose h2{font-size:clamp(1.8rem,2.6vw,2.4rem);margin-top:56px;line-height:1.15;scroll-margin-top:110px}.prose h2:first-child{margin-top:0}.prose h3{margin-top:34px;font-size:1.3rem}
.prose ul,.prose ol{padding-left:22px}.prose li+li{margin-top:8px}.prose li::marker{color:var(--motion-accent)}
.prose a:not(.btn){border-bottom:1px solid var(--motion-accent);font-weight:600}
.answer{font-size:1.12rem;line-height:1.8;padding:22px 26px;border-left:4px solid var(--motion-accent);background:rgba(var(--motion-glow),.07);border-radius:0 14px 14px 0}
.src{font-size:.8rem;color:var(--muted)}.src a{font-weight:600}
.callout{padding:24px 26px;border:1px solid var(--line);border-radius:8px 24px 8px 8px}.callout strong{display:block;margin-bottom:6px}
.table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:10px}.data-table{width:100%;border-collapse:collapse;font-size:.92rem;line-height:1.5}
.data-table caption{text-align:left;padding:14px 18px;font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);border-bottom:1px solid var(--line)}
.data-table th,.data-table td{padding:14px 18px;text-align:left;vertical-align:top;border-bottom:1px solid var(--line)}.data-table thead th{font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;background:rgba(var(--motion-glow),.08)}
.data-table tbody tr{transition:background .3s}.data-table tbody tr:hover{background:rgba(var(--motion-glow),.06)}.data-table tbody th{font-weight:600}.data-table tr:last-child>*{border-bottom:0}
/* stats band with count-up */
.stat-band{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.stat{padding:30px 26px 28px;border-right:1px solid var(--line)}.stat:last-of-type{border-right:0}
.stat strong{display:block;font-size:clamp(2.2rem,3.4vw,3.2rem);letter-spacing:-.06em;line-height:1;color:var(--motion-accent);font-weight:700;font-variant-numeric:tabular-nums}.stat span{display:block;margin-top:12px;font-size:.86rem;color:var(--muted)}
.stat-note{grid-column:1/-1;font-size:.76rem;color:var(--muted);padding:12px 0;max-width:none}
.site-esenior .stat strong{font-family:'Playfair Display',serif;font-weight:500}
.band{padding:90px 0}.band-tint{background:color-mix(in srgb,var(--tint) 60%,var(--paper))}
.tick-list{display:flex;flex-direction:column;gap:16px;margin-top:26px}.tick-list .tick{font-size:.98rem;border-bottom:1px solid var(--line);padding-bottom:16px}
/* forms */
.form-card{border:1px solid var(--line);border-radius:8px 32px 8px 8px;padding:38px;background:var(--paper);box-shadow:0 25px 60px #14233c12}
.form-card form{display:grid;gap:16px}.form-card .two{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.form-card label{display:flex;flex-direction:column;gap:7px;font-size:.84rem;font-weight:600}
.form-card input,.form-card select,.form-card textarea{font:inherit;font-weight:400;padding:13px 14px;border:1px solid var(--line);border-radius:6px;background:transparent;color:inherit;min-height:50px}
.form-card textarea{min-height:110px;resize:vertical}.form-card input:focus,.form-card select:focus,.form-card textarea:focus{outline:2px solid var(--motion-accent);outline-offset:1px;border-color:transparent}
.form-card .consent{flex-direction:row;align-items:flex-start;gap:12px;font-weight:400;font-size:.76rem;line-height:1.6;color:var(--muted)}.form-card .consent input{min-height:0;width:20px;height:20px;margin-top:2px;flex-shrink:0;accent-color:var(--accent)}
.form-card .hp{position:absolute;left:-9999px}.form-card button.btn{border:0;width:100%}
.form-ok{padding:22px;border-left:4px solid var(--motion-accent);background:rgba(var(--motion-glow),.08);border-radius:0 12px 12px 0;font-weight:600}
.contact-list{display:flex;flex-direction:column;gap:0;margin-top:30px;border-top:1px solid var(--line)}.contact-list>div{display:flex;gap:16px;align-items:flex-start;padding:20px 0;border-bottom:1px solid var(--line)}.contact-list .icon{flex-shrink:0}.contact-list strong{display:block}.contact-list span,.contact-list a{color:var(--muted);font-size:.92rem}
/* timeline (about pages) */
.timeline{list-style:none;margin:40px 0 0;padding:0;position:relative}.timeline:before{content:'';position:absolute;left:7px;top:6px;bottom:6px;width:2px;background:linear-gradient(var(--motion-accent) calc(var(--line-progress,0)*100%),var(--line) 0)}
.timeline li{position:relative;padding:0 0 34px 44px}.timeline li:before{content:'';position:absolute;left:0;top:6px;width:16px;height:16px;border-radius:50%;background:var(--paper);border:2px solid var(--motion-accent);box-shadow:0 0 0 5px rgba(var(--motion-glow),.1)}
.timeline .year{font-size:.78rem;letter-spacing:.15em;font-weight:700;color:var(--motion-accent)}.timeline h3{margin:8px 0 10px}.timeline p{color:var(--muted)}
/* episode / resource list */
.episode-list{border-top:1px solid var(--line)}.episode{display:grid;grid-template-columns:130px 1fr auto;gap:28px;align-items:center;padding:24px 0;border-bottom:1px solid var(--line);transition:padding .35s,background .35s}.episode:hover{padding-left:12px;padding-right:12px;background:rgba(var(--motion-glow),.05)}
.episode time{font-size:.78rem;letter-spacing:.1em;color:var(--muted)}.episode h3{font-size:1.15rem}.episode p{color:var(--muted);font-size:.9rem;margin-top:6px}.episode a{font-weight:700;font-size:.85rem;white-space:nowrap;border-bottom:1px solid currentColor}
.yt{position:relative;aspect-ratio:16/9;border-radius:8px 32px 8px 8px;overflow:hidden;background:#000;border:0;padding:0;width:100%;display:block;color:#fff}.yt img{width:100%;height:100%;object-fit:cover;opacity:.82;transition:opacity .4s,transform .8s}.yt:hover img{opacity:1;transform:scale(1.03)}
.yt .play{position:absolute;inset:0;display:grid;place-items:center}.yt .play span{width:78px;height:78px;border-radius:50%;background:var(--motion-accent);display:grid;place-items:center;box-shadow:0 0 0 12px rgba(var(--motion-glow),.25)}.yt .play svg{width:30px;height:30px}.yt iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
/* compare / pick list */
.mini-compare{display:grid;grid-template-columns:1fr 1fr;gap:24px}.mini-compare>div{border:1px solid var(--line);border-radius:8px 28px 8px 8px;padding:30px}.mini-compare h3{margin-bottom:16px}
.note{font-size:.82rem;color:var(--muted);max-width:none}
.related{padding-top:40px}
/* dark sections on light sites */
.band-dark{background:var(--ink);color:var(--paper)}.site-sevenfigure .band-dark{background:#f5f3ed;color:#24211b}.band-dark .section-head p,.band-dark .muted,.band-dark .step p{color:color-mix(in srgb,currentColor 70%,transparent)}.band-dark .step .num{color:var(--motion-accent)}
.site-leadheroes .band-dark{background:#14233c;color:#fff}.site-hireheroes .band-dark{background:#192e46;color:#fff}.site-esenior .band-dark{background:#124572;color:#fff}
@media(max-width:1000px){.prose-layout{grid-template-columns:1fr;gap:30px;padding:60px 0}.prose-aside{position:static}.toc{display:none}.episode{grid-template-columns:100px 1fr}.episode a{grid-column:2}}
@media(max-width:760px){.page-inner .hero-copy h1,.page-inner.site-esenior .esi-signature .hero-copy h1,.page-inner.site-sevenfigure .seven-signature .hero-copy h1,.page-inner.site-hireheroes .hire-signature .hero-copy h1{font-size:clamp(2.35rem,10vw,3.4rem)}.page-inner .cutout-hero .esi-founder,.page-inner .cutout-hero .lead-founder{height:470px}.page-inner .cutout-hero .duo-portraits{height:clamp(260px,82vw,400px)}.hero-panel .panel{padding:28px;transform:none!important}.hero-panel .panel-chip{right:8px;transform:none}.form-card{padding:26px}.form-card .two,.mini-compare{grid-template-columns:1fr}.stat{border-right:0;border-bottom:1px solid var(--line);padding:24px 0}.stat:last-of-type{border-bottom:0}.episode{grid-template-columns:1fr;gap:8px}.episode a{grid-column:1}.band{padding:60px 0}.page-meta{flex-direction:column;gap:4px}}
@media(prefers-reduced-motion:reduce){.hero-panel .panel,.hero-panel .panel-chip{transform:none!important}.yt img{transition:none}}
.cards.cards-2{grid-template-columns:repeat(2,1fr)}.cards.cards-4{grid-template-columns:repeat(4,1fr)}.card .yt{margin-bottom:6px}
.tools-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;padding-top:70px}.tools-grid .tool h2{font-size:1.7rem;margin:16px 0 10px}.tools-grid .tool form{margin-top:22px}.tools-grid .note{grid-column:1/-1}
.calc-result{padding:18px 20px;border-left:4px solid var(--motion-accent);background:rgba(var(--motion-glow),.08);border-radius:0 12px 12px 0;line-height:1.65;font-size:.95rem}.calc-result small{display:block;margin-top:8px;color:var(--muted);font-size:.8rem}
@media(max-width:1000px){.cards.cards-4{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.cards.cards-2,.cards.cards-4,.tools-grid{grid-template-columns:1fr}}
.stat-band{display:flex;flex-wrap:wrap}.stat{flex:1 1 180px}.stat-note{flex:1 1 100%}
@media(max-width:760px){.hero-panel .panel-chip{position:relative;right:auto;bottom:auto;margin:-16px 12px 0 auto;width:fit-content}}
.hero-panel{margin-bottom:34px}.hero-panel .panel-chip{bottom:-46px}
.process-dark .timeline p,.capacity .timeline p,.band-dark .timeline p,.capacity .section-head p{color:#ffffffb8}.site-sevenfigure .band-dark .timeline p{color:#5b564c}