/* Founder hero redesign */
:root{--ink:#0f172a;--muted:#475569;--bg:#f7f9fb;--panel:#ffffff;--accent:#b6f204;--primary:#6fb3ff;--border:#e6e8ee;--shadow:0 16px 40px rgba(15,23,42,.08);}
*{box-sizing:border-box}
img{max-width:100%;display:block}
body{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial}

.founder-hero{background:linear-gradient(180deg,#f8fbff,#f1f5f9); padding:28px 0 40px}
.founder-hero .wrap{width:min(1200px,92%); margin:0 auto; display:grid; grid-template-columns:1.2fr .9fr; gap:24px; align-items:start; position:relative}

.founder-hero .intro .sub{color:#111; opacity:.7; font-weight:600; margin-bottom:4px}
.founder-hero .intro h1{font-size: clamp(42px,7.2vw,96px); line-height:.96; margin:0 0 16px; font-weight:800; letter-spacing:-.5px; color:#0f172a}
.pill.primary{background:#9ecbff; border:0; color:#0f172a; padding:14px 18px; border-radius:14px; font-weight:700; box-shadow:var(--shadow)}
.bullet{display:flex; gap:10px; align-items:flex-start; margin-top:16px}
.bullet .dot{width:10px;height:10px;border-radius:50%;background:#111; display:inline-block; margin-top:8px}

.founder-hero .portrait{background:#b8d4f4; border-radius:16px; overflow:hidden; box-shadow:var(--shadow); align-self:start; position:relative; z-index:1}
.founder-hero .portrait img{width:100%; height:100%; object-fit:cover}

.founder-hero .side{background:var(--panel); border:1px solid var(--border); border-radius:16px; padding:16px; box-shadow:var(--shadow)}
.pill.ghost.small{background:#fff; border:1px solid var(--border); border-radius:999px; padding:10px 14px; font-weight:600; float:right}
.partners{display:flex; align-items:center; gap:10px; margin:12px 0}
.partners .badge{width:22px;height:22px;border-radius:50%; background:var(--accent); display:grid; place-items:center; font-weight:800}
.partners .faces{display:flex}
.partners .faces img{width:24px;height:24px;border-radius:50%;border:2px solid #fff;margin-left:-6px}
.side .tagline{color:#111; margin:12px 0}
.side .read{color:#0f172a; font-weight:600}

.tiles{display:grid; grid-template-columns:repeat(12,1fr); gap:0; margin-top:-48px; align-items:start; position:relative; z-index:2}
.tile{background:var(--panel); border:1px solid var(--border); border-radius:12px; padding:18px; box-shadow:var(--shadow); position:relative}
.tile.stat .value{font-size:34px; font-weight:800; letter-spacing:-.5px; color:#0f172a}
.tile.stat .label{color:#111; opacity:.9}
.tile.small.left{grid-column:1/5; grid-row:2; min-height:140px; align-self:start}
.tile.small.right{grid-column:9/13; grid-row:2; min-height:160px; display:flex; flex-direction:column; justify-content:flex-end; align-self:start}
.tile.big.center{grid-column:5/9; grid-row:1; min-height:240px; background:linear-gradient(180deg,#ffffff, #f8fbff); transform:translateY(-22px); z-index:3; box-shadow:0 18px 48px rgba(15,23,42,.12)}
.tile.big.center:before{content:""; position:absolute; inset:0; border-radius:inherit; background:
  linear-gradient(90deg, rgba(15,23,42,.05) 1px, transparent 1px) 0 0/40px 40px,
  linear-gradient(0deg, rgba(15,23,42,.05) 1px, transparent 1px) 0 0/40px 40px;
  pointer-events:none}
.tile.big .tile-chrome{position:absolute; left:0; right:0; top:0; height:56px; padding:10px 12px; display:flex; justify-content:space-between; align-items:center}
.navdots{display:flex; gap:6px}
.navdots span{width:8px;height:8px;border-radius:50%;background:#cfd8e6}
.navdots span:first-child{background:#9eb7ff}
.neon{width:38px;height:38px;border-radius:50%; background:radial-gradient(circle at 50% 50%, #c8ff1a 0%, #b5ff00 40%, #b5ff0015 60%); box-shadow:0 10px 28px rgba(181,255,0,.5)}
.tile.big.center .value{margin-top:34px}
.tile.promo .mini{position:relative}
.tile.promo .mini img{width:100px;height:100px;object-fit:cover;border-radius:50%}
.tile.promo .mini .shape{position:absolute; right:-10px; top:10px; width:46px; height:46px; border-radius:50%; background:linear-gradient(180deg,#eef6ff,#ffffff); border:1px solid var(--border)}
.tile.promo .copy .plus{font-weight:800}
.tile.promo .headline{font-size:20px; font-weight:600; color:#0f172a}
.tile.promo .link{font-weight:700}

@media(max-width:980px){
  .founder-hero .wrap{grid-template-columns:1fr}
  .tiles{grid-template-columns:repeat(6,1fr)}
  .tile.small.left{grid-column:1/4; grid-row:2}
  .tile.big.center{grid-column:3/7; grid-row:1}
  .tile.small.right{grid-column:4/7; grid-row:3}
}

/* Modern header with hero color scheme */
.oi-header{background:linear-gradient(180deg, #f8fbff, #ffffff); border-bottom:1px solid #e6e8ee; box-shadow:0 2px 12px rgba(15,23,42,.04); backdrop-filter:blur(10px)}
.oi-header .oi-brand .mark{background:linear-gradient(135deg,#9ecbff,#7bb3ff)}
.oi-nav-links a{color:#475569}
.oi-nav-links a:hover{color:#0f172a}
.oi-nav-links a::after{background:#9ecbff}
.oi-nav-links .pill{background:linear-gradient(135deg,#9ecbff,#7bb3ff); box-shadow:0 4px 12px rgba(158,203,255,.18)}
.oi-menu-btn{background:#f8fafc; border-color:#e2e8f0; color:#475569}
.oi-mobile{background:#f8fbff}
.oi-mobile a{color:#475569; border-left-color:#9ecbff}
