/* founder-bio.html → /founder/
   Scoped to <main class="page page--founder">; colours normalised to the RAW brand tokens in site.css.
   Edit freely — this file is now the source. */
.page--founder{--navy:#081043;
    --navy-2:#0c1864;
    --navy-3:#0c1864;
    --line:rgba(214,228,237,.14);
    --line-2:rgba(214,228,237,.26);
    --cyan:#0cbae1;
    --cyan-dark:#0992b1;
    --cyan-light:#2ccff4;
    --cyan-glow:rgba(12,186,225,.32);
    --indigo:#13269e;
    --coral:#ec6366;
    --hi:#ffffff;
    --mid:#d6e4ed;
    --low:#9fb0cf;
    --maxw:1180px;
    --r:16px;
    --font-display:"Montserrat",system-ui,sans-serif;
    --font-body:"Roboto",system-ui,sans-serif;}
.page--founder *{box-sizing:border-box}
.page--founder{scroll-behavior:smooth}
.page--founder{margin:0;background:var(--navy);color:var(--mid);
    font-family:var(--font-body);font-size:17px;line-height:1.62;
    -webkit-font-smoothing:antialiased;overflow-x:hidden;}
.page--founder h1, .page--founder h2, .page--founder h3, .page--founder h4{font-family:var(--font-display);font-weight:700;line-height:1.08;letter-spacing:-.01em;margin:0;color:var(--hi)}
.page--founder p{margin:0 0 1.1rem}
.page--founder a{color:inherit;text-decoration:none}
.page--founder em{font-style:italic;color:var(--hi)}
.page--founder strong{color:var(--hi);font-weight:700}
.page--founder .wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px}
.page--founder section[id]{scroll-margin-top:88px}
.page--founder .sec{padding:clamp(4.5rem,9vw,8rem) 0;position:relative}
.page--founder .eyebrow{font-family:var(--font-display);font-size:.72rem;font-weight:700;letter-spacing:.2em;
    text-transform:uppercase;color:var(--cyan);display:inline-flex;align-items:center;gap:.6rem;margin-bottom:1.3rem;}
.page--founder .eyebrow::before{content:"";width:26px;height:2px;background:var(--cyan);opacity:.85}
.page--founder .lead{color:var(--mid);font-size:1.14rem;max-width:60ch}
.page--founder .small{font-size:.94rem;color:var(--low)}
.page--founder .btn{display:inline-flex;align-items:center;gap:.55rem;font-family:var(--font-display);
    font-weight:600;font-size:.98rem;padding:.85rem 1.5rem;border-radius:8px;border:1px solid transparent;
    cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,background .18s ease,border-color .18s ease;}
.page--founder .btn-primary{background:var(--cyan);color:#fff;border-color:var(--cyan)}
.page--founder .btn-primary:hover{background:var(--cyan-dark);border-color:var(--cyan-light);transform:translateY(-2px);box-shadow:0 12px 34px -12px var(--cyan-glow)}
.page--founder .btn-ghost{border-color:var(--line-2);color:var(--hi);background:transparent}
.page--founder .btn-ghost:hover{border-color:var(--cyan);color:var(--cyan)}
.page--founder .btn .arrow{transition:transform .18s ease}
.page--founder .btn:hover .arrow{transform:translateX(3px)}
.page--founder a:focus-visible, .page--founder button:focus-visible{outline:2px solid var(--cyan);outline-offset:3px;border-radius:6px}
.page--founder .hero{padding-top:clamp(3rem,6vw,5rem);padding-bottom:clamp(3rem,5vw,4.5rem);position:relative;overflow:hidden;
    background:radial-gradient(110% 120% at 72% 0%,rgba(12,186,225,.12),transparent 58%)}
.page--founder .hero-grid{display:grid;grid-template-columns:1.06fr .94fr;gap:clamp(2rem,4.5vw,4.5rem);align-items:center}
.page--founder .hero-grid>*{min-width:0}
.page--founder .hero h1{font-size:clamp(2.1rem,3.9vw,3.4rem);font-weight:800;letter-spacing:-.025em;margin-bottom:.9rem}
.page--founder .role{font-family:var(--font-display);font-weight:600;font-size:clamp(1rem,1.5vw,1.12rem);color:var(--cyan);
    line-height:1.35;margin-bottom:.5rem;max-width:32ch}
.page--founder .role-2{font-size:.95rem;color:var(--low);line-height:1.5;margin-bottom:1.6rem;max-width:40ch}
.page--founder .role-2 .sep{opacity:.55;padding:0 .15em}
.page--founder .hero-sub{font-size:clamp(1.02rem,1.6vw,1.2rem);color:var(--mid);max-width:48ch;margin-bottom:2rem}
.page--founder .hero-cta{display:flex;flex-wrap:wrap;gap:.9rem;margin-bottom:2.1rem}
.page--founder .chips{display:flex;flex-wrap:wrap;gap:.55rem}
.page--founder .chip{font-size:.8rem;color:var(--mid);border:1px solid var(--line-2);border-radius:999px;padding:.42rem .85rem;background:rgba(255,255,255,.03)}
.page--founder .chip b{color:var(--cyan);font-weight:700}
.page--founder .portrait{position:relative;width:min(100%,420px);margin-left:auto;aspect-ratio:1;display:grid;place-items:center}
.page--founder .portrait .ring{position:absolute;inset:0;border-radius:50%;border:1px dashed rgba(12,186,225,.38)}
.page--founder .portrait .ring.two{inset:14px;border-style:solid;border-color:rgba(12,186,225,.14)}
.page--founder .portrait img{position:relative;width:calc(100% - 46px);aspect-ratio:1;border-radius:50%;object-fit:cover;display:block;
    border:3px solid rgba(12,186,225,.75);box-shadow:0 34px 90px -34px rgba(0,0,0,.9),0 0 60px -22px var(--cyan-glow)}
@media (max-width:900px){
  .page--founder .hero-grid{grid-template-columns:1fr}
  .page--founder .hero-portrait{order:-1}
  .page--founder .portrait{margin:0 auto;width:min(74%,290px)}
  .page--founder .hero-sub, .page--founder .role, .page--founder .role-2{max-width:none}
}
.page--founder .statband{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:rgba(255,255,255,.02)}
.page--founder .stats{display:grid;grid-template-columns:repeat(5,1fr);gap:0}
.page--founder .stat{padding:1.7rem 1.4rem;border-right:1px solid var(--line)}
.page--founder .stat:last-child{border-right:none}
.page--founder .stat .n{font-family:var(--font-display);font-weight:800;font-size:clamp(1.6rem,2.6vw,2.2rem);color:var(--cyan);line-height:1}
.page--founder .stat .k{font-size:.86rem;color:var(--mid);margin-top:.45rem;line-height:1.4}
@media (max-width:900px){
  .page--founder .stats{grid-template-columns:repeat(2,1fr)}
  .page--founder .stat{border-bottom:1px solid var(--line)}
  .page--founder .stat:nth-child(2n){border-right:none}
  .page--founder .stat:last-child{grid-column:1/-1;border-bottom:none}
}
.page--founder .divider{width:100%;height:34px;display:block;opacity:.5}
.page--founder .band{background:var(--navy-2)}
.page--founder .sec-head{max-width:62ch;margin-bottom:2.8rem}
.page--founder .sec-head h2{font-size:clamp(1.85rem,3.4vw,2.8rem);margin-bottom:1rem}
.page--founder .split{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,.9fr);gap:clamp(2rem,4vw,4rem);align-items:start}
.page--founder .split .prose p{max-width:62ch}
@media (max-width:900px){
  .page--founder .split{grid-template-columns:1fr;gap:2.4rem}
}
.page--founder .panel{border:1px solid var(--line);border-radius:var(--r);background:rgba(255,255,255,.02);padding:1.6rem 1.7rem}
.page--founder .band .panel{background:rgba(8,16,67,.5)}
.page--founder .panel h4{font-family:var(--font-display);font-size:.72rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--low);margin-bottom:1.1rem}
.page--founder .appt{display:grid;gap:1.05rem}
.page--founder .appt li{list-style:none;padding-left:1.05rem;position:relative}
.page--founder .appt li::before{content:"";position:absolute;left:0;top:.62em;width:6px;height:6px;border-radius:50%;background:var(--cyan)}
.page--founder .appt b{display:block;font-family:var(--font-display);font-weight:700;color:var(--hi);font-size:.98rem;line-height:1.3}
.page--founder .appt span{font-size:.9rem;color:var(--low);display:block;margin-top:.15rem}
.page--founder .lanes{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem}
.page--founder .lane{border:1px solid var(--line);border-radius:var(--r);padding:1.5rem;background:rgba(8,16,67,.5);position:relative;overflow:hidden}
.page--founder .lane .bar{position:absolute;left:0;top:0;height:100%;width:4px;background:var(--cyan)}
.page--founder .lane.alt .bar{background:var(--cyan-light)}
.page--founder .lane.warm .bar{background:var(--coral)}
.page--founder .lane h3{font-size:1.1rem;margin:.1rem 0 .5rem}
.page--founder .lane p{font-size:.92rem;color:var(--mid);margin:0}
@media (max-width:900px){
  .page--founder .lanes{grid-template-columns:1fr 1fr}
}
@media (max-width:600px){
  .page--founder .lanes{grid-template-columns:1fr}
}
.page--founder .tools{display:grid;grid-template-columns:repeat(3,1fr);gap:1.1rem}
.page--founder .tool{border:1px solid var(--line);border-radius:var(--r);padding:1.35rem 1.4rem;background:rgba(255,255,255,.02);
    display:flex;flex-direction:column;transition:border-color .18s ease,background .18s ease}
.page--founder .tool .tags{margin-top:auto}
.page--founder .tool:hover{border-color:rgba(12,186,225,.45);background:rgba(12,186,225,.05)}
.page--founder .tool h3{font-size:1.04rem;margin-bottom:.45rem}
.page--founder .tool p{font-size:.9rem;color:var(--mid);margin:0 0 .8rem}
.page--founder .tool .tags{display:flex;flex-wrap:wrap;gap:.35rem}
.page--founder .tag{font-family:var(--font-display);font-size:.68rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;
    color:var(--low);border:1px solid var(--line-2);border-radius:6px;padding:.22rem .5rem}
.page--founder .tag.rust{color:#bbf0fb;border-color:rgba(12,186,225,.4)}
@media (max-width:980px){
  .page--founder .tools{grid-template-columns:1fr 1fr}
}
@media (max-width:640px){
  .page--founder .tools{grid-template-columns:1fr}
}
.page--founder .more-tools{margin-top:1.6rem;display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}
.page--founder .more-tools .lbl{font-family:var(--font-display);font-size:.72rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--low);margin-right:.3rem}
.page--founder .funders{display:flex;flex-wrap:wrap;gap:.7rem;margin-bottom:1.6rem}
.page--founder .funder{font-family:var(--font-display);font-weight:700;font-size:.88rem;letter-spacing:.06em;color:var(--hi);
    border:1px solid rgba(12,186,225,.35);border-radius:10px;padding:.6rem 1rem;background:rgba(12,186,225,.07)}
.page--founder .funder span{display:block;font-family:var(--font-body);font-weight:400;font-size:.74rem;letter-spacing:0;color:var(--low);margin-top:.15rem}
.page--founder .pull{border-left:3px solid var(--cyan);padding:.3rem 0 .3rem 1.4rem;margin:2rem 0;max-width:56ch}
.page--founder .pull p{font-family:var(--font-display);font-weight:600;font-size:clamp(1.1rem,1.9vw,1.4rem);line-height:1.35;color:var(--hi);margin:0}
.page--founder .cta-band{border:1px solid rgba(12,186,225,.35);border-radius:24px;padding:clamp(2.5rem,5vw,4rem);text-align:center;
    background:radial-gradient(120% 140% at 50% 0%,rgba(12,186,225,.14),var(--navy) 60%)}
.page--founder .cta-band h2{font-size:clamp(1.7rem,3.2vw,2.5rem);margin-bottom:1.2rem;font-weight:800;line-height:1.16;max-width:22ch;margin-inline:auto}
.page--founder .cta-band p{color:var(--mid);max-width:60ch;margin:0 auto 2rem}
.page--founder .cta-row{display:flex;flex-wrap:wrap;gap:.9rem;justify-content:center}
.rms-js .page--founder .reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}
.rms-js .page--founder .reveal.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){
  .rms-js .page--founder .reveal{opacity:1!important;transform:none!important;transition:none}
  .page--founder{scroll-behavior:auto}
}

/* ---- brand harmonisation (added during migration) ---- */
.page--founder .btn{border-radius:30px}
.page--founder .btn-primary, .page--founder .btn-primary:hover, .page--founder .btn.primary, .page--founder .btn.primary:hover{color:#081043}