/* Launch restructure: opportunity-first story, income model, proof, beachhead market */

/* ---------- header: more nav items, keep it from colliding ---------- */
@media (max-width:1180px){header nav{gap:14px;font-size:13px}}
@media (max-width:1060px){header nav{display:none}}

/* ---------- hero ---------- */
.hero-power{height:auto;min-height:800px;max-height:none}
.hero-power>img{object-position:center 62%}
.hero-power .hero-copy{width:62%;padding-bottom:130px}
.hero-power h1{font-size:clamp(46px,5.3vw,80px);letter-spacing:-3px;line-height:1.05}
.hero-power .hero-sub{max-width:560px;font-size:20px}
.hero-power .hero-detail{max-width:540px}

/* ---------- income engines ---------- */
.income{background:#fff}
.engines{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:55px}
.engine{border:1px solid #d8e5ec;border-radius:10px;padding:32px 34px;background:#fff}
.engine h3{margin:12px 0 12px}
.engine p{margin:0;color:var(--ink)}
.engine-num{font-size:12px;letter-spacing:1.5px;text-transform:uppercase;color:var(--blue);font-weight:700}
.engine-recurring{background:var(--navy);border-color:var(--navy);color:#fff}
.engine-recurring p{color:#cfe0ea}
.engine-recurring .engine-num{color:#b4e980}

/* ---------- illustrative model + chart ---------- */
.model{margin-top:34px;border:1px solid #d8e5ec;border-radius:12px;padding:40px 44px 34px;background:#fbfdfe}
.model-head{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;flex-wrap:wrap}
.model-head h3{font-size:30px;margin:0 0 8px}
.model-head .eyebrow{margin-bottom:12px}
.model-sub{margin:0;color:var(--ink);max-width:520px}
.model-flow{font:700 22px/1.3 Manrope,Arial,sans-serif;color:var(--navy);letter-spacing:-.5px;white-space:nowrap}
.model-flow i{font-style:normal;color:var(--green);margin:0 4px}
.model-flow b{color:var(--blue)}
.model-flow small{display:block;font:600 12px/1.6 'DM Sans',Arial,sans-serif;letter-spacing:1.4px;text-transform:uppercase;color:#617b8e;text-align:right}

.chart{position:relative;height:330px;margin-top:44px}
.chart-grid,.bars{position:absolute;left:0;right:0;top:0;bottom:36px}
.chart-grid{display:flex;flex-direction:column;justify-content:space-between;pointer-events:none}
.chart-grid span{display:block;border-top:1px solid #e6eef2}
.bars{display:flex;align-items:stretch;justify-content:space-around;gap:12px;border-bottom:1px solid #b8cdd9}
.bar-col{position:relative;flex:1;max-width:140px;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;cursor:default;outline:none}
.bar{display:block;width:52%;max-width:64px;height:calc(var(--h) * .8);background:var(--blue);border-radius:4px 4px 0 0;transition:background .15s}
.bar-col:last-child .bar{background:var(--navy)}
.bar-val{font:700 20px/1.2 Manrope,Arial,sans-serif;color:var(--navy);margin-bottom:8px;letter-spacing:-.4px}
.bar-val small{font:600 12px 'DM Sans',Arial,sans-serif;color:#617b8e;margin-left:2px;letter-spacing:0}
.bar-year{position:absolute;bottom:-30px;font-size:13px;color:#617b8e;font-variant-numeric:tabular-nums}
.bar-col:hover .bar,.bar-col:focus-visible .bar{background:#0a6fa9}
.bar-col:last-child:hover .bar,.bar-col:last-child:focus-visible .bar{background:#0b2c54}
.bar-col:focus-visible .bar{outline:2px solid var(--green);outline-offset:3px}
.bar-tip{position:absolute;bottom:calc(var(--h) * .8 + 44px);left:50%;transform:translateX(-50%);z-index:4;
  background:var(--navy);color:#dce9f1;padding:12px 15px;border-radius:6px;font-size:12.5px;line-height:1.6;
  white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .15s;box-shadow:0 12px 30px #06213d33}
.bar-tip b{display:block;color:#b4e980;font-size:11px;letter-spacing:1.3px;text-transform:uppercase;margin-bottom:3px}
.bar-tip strong{color:#fff}
.bar-col:hover .bar-tip,.bar-col:focus .bar-tip{opacity:1}
.bar-col:nth-child(-n+2) .bar-tip{left:0;transform:none}
.bar-col:nth-child(n+4) .bar-tip{left:auto;right:0;transform:none}

.plus-outright{display:flex;align-items:center;gap:14px;margin:30px 0 0;font:600 20px/1.4 Manrope,Arial,sans-serif;color:var(--navy);letter-spacing:-.3px}
.plus-outright span{flex-shrink:0;width:34px;height:34px;border-radius:50%;background:var(--green);color:var(--navy);
  display:inline-flex;align-items:center;justify-content:center;font-size:22px;font-weight:700}
.assumptions{margin-top:22px;background:var(--pale);border-left:3px solid var(--green);padding:16px 20px;font-size:14.5px;color:var(--ink);border-radius:0 6px 6px 0}
.assumptions b{color:var(--navy)}
.model-table{margin-top:20px}
.model-table summary{cursor:pointer;font-weight:700;color:var(--blue);font-size:15px;padding:6px 0}
.table-scroll{overflow-x:auto;margin-top:12px}
.model-table table{width:100%;min-width:640px;border-collapse:collapse;font-size:14px;font-variant-numeric:tabular-nums}
.model-table th,.model-table td{padding:10px 12px;border-bottom:1px solid #e2ebf0;text-align:right}
.model-table thead th{font-size:12px;font-weight:700;color:#617b8e;vertical-align:bottom;line-height:1.35}
.model-table th:first-child{text-align:left}
.model-table tbody tr:last-child td{font-weight:700;color:var(--navy)}
.fine-print{font-size:12px;line-height:1.6;color:#617b8e;margin:18px 0 0;max-width:920px}

/* ---------- proof ---------- */
.proof{background:var(--navy);color:#fff}
.proof>.eyebrow{color:#87c4e6}
.proof .section-heading>p{color:#bed1df}
.proof h2 span{color:#b4e980}
.proof-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:45px}
.proof-card{background:#0d2a43;border:1px solid #28465e;border-radius:8px;padding:30px 30px 28px;display:flex;flex-direction:column;gap:10px}
.proof-tag{font-size:11px;letter-spacing:1.4px;text-transform:uppercase;color:#9fc6dd}
.proof-num{font:600 clamp(40px,4vw,56px)/1.05 Manrope,Arial,sans-serif;letter-spacing:-2px;color:#fff;margin:6px 0 4px}
.proof-card p{margin:0;color:#d0dee7;font-size:15px;flex:1}
.proof-card small{color:#b4e980;font-size:13px;font-weight:600}
.proof-honest{margin:34px 0 0;max-width:780px;color:#d0dee7;font-size:16px}
.proof .caught-up{color:#fff;border-top-color:#486074;margin-top:55px}
.proof .caught-up span{display:block;color:#b4e980}

/* ---------- beachhead market ---------- */
.market .outcome-inner{max-width:760px}
.market .outcome-inner ul{margin:22px 0 0}
.market-stat{display:flex;align-items:center;gap:20px;margin-top:30px;padding-top:24px;border-top:1px solid #ffffff40}
.market-stat strong{font:600 clamp(46px,5vw,62px)/1 Manrope,Arial,sans-serif;letter-spacing:-2px;color:#b4e980}
.market-stat span{max-width:270px;font-size:15px;line-height:1.5;color:#e2eef2}
.market-stat small{display:block;font-size:11px;color:#a8c3d2;margin-top:4px}

.beyond{display:grid;grid-template-columns:1fr 1fr;background:var(--pale)}
.beyond-photo{position:relative;min-height:360px;overflow:hidden}
.beyond-photo img{position:absolute;inset:0}
.beyond-copy{padding:60px 11% 60px 9%;align-self:center}
.beyond-copy h3{font-size:34px;margin:0 0 14px}
.beyond-copy p:not(.eyebrow){color:var(--ink);margin:0}
.beyond-copy .eyebrow{margin-bottom:16px}

/* ---------- why now ---------- */
.wide-photo{position:relative;height:360px;margin-top:60px;border-radius:10px;overflow:hidden}
.wide-photo img{position:absolute;inset:0;object-position:center 45%}

/* ---------- why PSA ---------- */
.capabilities ul{list-style:none;margin:14px 0 0;padding:0}
.capabilities li{padding:10px 0;border-top:1px solid #e3edf2;font-size:15px;color:var(--ink)}
.capabilities li:first-child{border-top:0}

/* ---------- customer value ---------- */
.value-list{list-style:none;padding:0;margin:24px 0 8px;display:grid;grid-template-columns:1fr 1fr;gap:10px 22px;font-size:14.5px}
.value-list li{display:flex;gap:10px}
.value-list li:before{content:'✓';color:var(--blue);font-weight:700}
#value .fine-print{margin-top:16px}

/* ---------- final CTA ---------- */
.join h2{font-size:clamp(36px,4.4vw,60px);max-width:1000px;margin:0 auto}
.join h2 em{display:block;font-size:.62em;line-height:1.3;margin-top:16px;letter-spacing:-1px}
.join .button{max-width:100%;text-align:center}
.join-note{font-size:14px;color:var(--ink);margin:20px 0 0}

/* ---------- responsive ---------- */
@media (max-width:1000px){
  .hero-power .hero-copy{width:78%}
  .proof-grid{grid-template-columns:1fr}
  .model{padding:32px 28px 28px}
  .beyond{grid-template-columns:1fr}
  .beyond-photo{min-height:260px}
}
@media (max-width:650px){
  .hero-power{min-height:860px}
  .hero-power .hero-copy{width:auto;padding-bottom:120px}
  .hero-power h1{font-size:44px;letter-spacing:-2px}
  .hero-power .hero-sub{font-size:18px}
  .engines{grid-template-columns:1fr;margin-top:34px}
  .engine{padding:26px 24px}
  .model{padding:26px 18px 22px;margin-top:26px}
  .model-head h3{font-size:25px}
  .model-flow{display:none}
  .chart{height:280px;margin-top:34px}
  .bars{gap:6px}
  .bar{width:64%}
  .bar-val{font-size:14px}
  .bar-val small{display:none}
  .bar-year{font-size:11px}
  .bar-tip{white-space:normal;width:190px;font-size:12px}
  .plus-outright{font-size:17px}
  .market-stat{flex-direction:column;align-items:flex-start;gap:8px}
  .beyond-copy{padding:44px 7%}
  .beyond-copy h3{font-size:27px}
  .wide-photo{height:220px;margin-top:40px}
  .value-list{grid-template-columns:1fr}
  .join h2{font-size:34px}
}
@media (prefers-reduced-motion:reduce){.bar,.bar-tip{transition:none}}
