/* Our Story page. Shares palette and type with the About page; normal flow, no inline styles (CSP). */
body.story-page{background:#f0f8fe;overflow-x:hidden;-webkit-font-smoothing:antialiased}
.st{font-family:'Poppins','Segoe UI',system-ui,sans-serif;color:#040f50;line-height:1.7;font-size:1.0625rem}
.st *{box-sizing:border-box}
.st h1,.st h2,.st h3,.st p,.st ul,.st ol,.st blockquote{margin:0;padding:0;max-width:none}
.st h1,.st h2,.st h3{font-family:'Poppins','Segoe UI',system-ui,sans-serif;color:#040f50;letter-spacing:-.01em}
.st-wrap{width:min(1160px,100% - 2.5rem);margin-inline:auto}
.st :focus-visible{outline:3px solid #ff741f;outline-offset:3px;border-radius:6px}

/* hero */
.st-hero{padding:clamp(2.5rem,6vw,5rem) 0 clamp(2.5rem,5vw,4.5rem)}
.st-hero-in{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(1.5rem,4vw,4rem);align-items:center}
.st-back{display:inline-block;margin-bottom:1.25rem;font-weight:600;font-size:.95rem;color:#2350e8;text-decoration:none}
.st-back:hover{text-decoration:underline}
.st-hero h1{font-weight:600;font-size:clamp(2.6rem,6.4vw,4.4rem);line-height:1.12}
.st-hero h1 span{display:block}.st-hero h1 .b{color:#0a1fa3}
.st .st-lead{margin-top:1.5rem;font-size:clamp(1.15rem,2vw,1.5rem);line-height:1.55;font-weight:500;max-width:34rem}
.st-hero-art{background:#012255;border-radius:48px;padding:2rem 2rem 1.75rem;text-align:center;box-shadow:0 30px 60px rgba(64,128,235,.22)}
.st-hero-art svg{width:min(320px,100%);height:auto;margin:0 auto}
.st .st-hero-art p{color:rgba(255,255,255,.82);font-size:.95rem;line-height:1.6;margin-top:.5rem}

/* buttons */
.st-btn{display:inline-flex;align-items:center;gap:.7rem;margin-top:2rem;padding:.95rem 1.7rem;border-radius:40px;background:linear-gradient(180deg,#ff8530,#ff6c14);color:#fff;font-weight:600;font-size:1.05rem;text-decoration:none;box-shadow:0 10px 20px rgba(255,116,31,.26),inset 0 1px 0 rgba(255,255,255,.3)}
.st-btn:hover{color:#fff;filter:brightness(1.05)}
.st-btn .arr{width:19px;height:13px}
.st-ghost{background:transparent;box-shadow:inset 0 0 0 2px rgba(255,255,255,.55)}

/* sections */
.st-sec{padding:clamp(3rem,6vw,5.5rem) 0}
.st-alt{background:#e4f1fc}
.st-eyebrow{font-weight:700;font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;color:#ff741f;margin-bottom:.75rem!important}
.st h2{font-weight:700;font-size:clamp(1.7rem,3.2vw,2.5rem);line-height:1.2}
.st-two{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(1.5rem,5vw,4.5rem);align-items:start}
.st-two>div:first-child{position:sticky;top:110px}
.st-prose p{margin-bottom:1.1rem;color:#2b3a78}
.st-prose p:last-child{margin-bottom:0}
.st-prose strong{color:#040f50}
.st .st-narrow{max-width:46rem;margin:2.5rem auto 0}
.st .st-belief{margin:3rem 0 0;padding:clamp(1.75rem,4vw,3rem);background:#fff;border-radius:36px;border-left:8px solid #2350e8;box-shadow:0 20px 50px rgba(64,128,235,.16)}
.st .st-belief p{font-size:clamp(1.15rem,2.2vw,1.6rem);line-height:1.6;font-weight:500;color:#040f50}

/* outcomes */
.st-wants{list-style:none;display:grid;grid-template-columns:repeat(5,1fr);gap:1rem;margin-top:3rem!important}
.st-wants li{background:#fff;border-radius:24px;padding:1.25rem;font-weight:600;line-height:1.45;font-size:.98rem;box-shadow:0 14px 34px rgba(64,128,235,.14)}
.st-wants span{display:block;color:#2350e8;font-weight:700;margin-bottom:.6rem}

/* journey chain */
.st-chain{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-top:3rem!important;counter-reset:c}
.st-chain li{background:#012255;color:#fff;border-radius:24px;padding:1.4rem;display:flex;flex-direction:column;gap:.4rem;position:relative}
.st-chain b{font-size:1.25rem}
.st-chain span{color:rgba(215,226,250,.8);font-size:.92rem;line-height:1.5}

/* milestones */
.st-dark{background:#012255;color:#fff}
.st-dark h2{color:#fff;margin-bottom:2.5rem}
.st-tl{list-style:none;position:relative;display:grid;gap:1.1rem;max-width:52rem}
.st-tl::before{content:"";position:absolute;left:7px;top:8px;bottom:8px;width:2px;background:linear-gradient(#2a7bff,rgba(42,123,255,.15))}
.st-tl li{position:relative;padding-left:2.4rem;display:grid;grid-template-columns:11.5rem 1fr;gap:1rem;align-items:baseline}
.st-tl li::before{content:"";position:absolute;left:0;top:.55rem;width:16px;height:16px;border-radius:50%;background:#ff741f;box-shadow:0 0 0 5px rgba(255,116,31,.22)}
.st-when{font-weight:700;color:#7fb0ff;font-size:.95rem}
.st-tl p{color:#fff;font-size:1.05rem}

/* mission / vision */
.st-mv{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}
.st-card{background:#012255;color:rgba(215,226,250,.85);border-radius:40px;padding:clamp(1.75rem,3.5vw,3rem)}
.st-card h2{color:#fff;font-size:clamp(1.3rem,2.2vw,1.7rem);line-height:1.4;font-weight:600;margin-bottom:1.25rem}
.st-card p{margin-bottom:1rem}
.st-card .st-eyebrow{color:#ff9a57}

/* values */
.st-vals{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;margin-top:2.5rem}
.st-val{background:#fff;border-radius:28px;padding:1.75rem;box-shadow:0 14px 34px rgba(64,128,235,.14)}
.st-num{display:inline-block;font-weight:700;color:#2350e8;font-size:.9rem;background:#e4f1fc;border-radius:20px;padding:.1rem .75rem;margin-bottom:1rem}
.st-val h3{font-size:1.2rem;font-weight:700;margin-bottom:.6rem}
.st-val p{color:#3b4a86;font-size:.97rem;line-height:1.65}
.st .st-val .st-em{margin-top:.8rem;font-weight:600;color:#040f50}

/* why 720 */
.st-cycle{list-style:none;margin-top:1.75rem!important;display:grid;gap:.5rem;counter-reset:s}
.st-cycle li{counter-increment:s;display:flex;align-items:center;gap:.9rem;font-weight:600;background:#fff;border-radius:40px;padding:.55rem 1.1rem .55rem .55rem;box-shadow:0 10px 24px rgba(64,128,235,.14)}
.st-cycle li::before{content:counter(s);display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#2350e8;color:#fff;font-size:.9rem;font-weight:700}

/* closing */
.st-close{padding:clamp(3rem,6vw,5.5rem) 0}
.st-cta{background:#012255;border-radius:56px;padding:clamp(2rem,5vw,4.5rem);text-align:center;color:#fff}
.st-three{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:2.5rem!important}
.st-three li{background:rgba(255,255,255,.08);border-radius:24px;padding:1.25rem;font-weight:600;line-height:1.5}
.st-cta h2{color:#fff;font-size:clamp(1.9rem,4.4vw,3.2rem)}
.st-cta h2 span{color:#4d92ff}
.st-actions{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}
.st-actions .st-btn{margin-top:2rem}

@media (max-width:960px){
  .st-hero-in,.st-two,.st-mv{grid-template-columns:1fr}
  .st-two>div:first-child{position:static}
  .st-wants{grid-template-columns:1fr 1fr}
  .st-chain{grid-template-columns:1fr 1fr}
  .st-vals{grid-template-columns:1fr 1fr}
  .st-three{grid-template-columns:1fr}
  .st-hero-art{max-width:26rem}
}
@media (max-width:600px){
  .st-wants,.st-chain,.st-vals{grid-template-columns:1fr}
  .st-tl li{grid-template-columns:1fr;gap:.1rem}
  .st-belief,.st-card{border-radius:28px}
  .st-cta{border-radius:32px}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}