:root{
  --magenta:#E20074;
  --black:#0a0a0a;
  --gray:#f2f2f5;
  --text:#eaeaea;
  --muted:#b9b9c1;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Inter,"Helvetica Neue",Arial,sans-serif;background:var(--black);color:var(--text);}
.wrapper{max-width:1120px;margin:0 auto;padding:48px 24px;}
.header{display:flex;gap:28px;align-items:center;flex-wrap:wrap}
.header .portrait{flex:0 0 220px;border-radius:12px;overflow:hidden;border:2px solid rgba(226,0,116,.3)}
.header img{display:block;width:100%;height:auto}
.header .intro{flex:1 1 480px;min-width:320px}
h1{font-size:38px;line-height:1.15;margin:0 0 10px 0;color:#fff;letter-spacing:.2px}
.tagline{color:var(--magenta);font-weight:700;font-size:18px;margin-bottom:14px}
p{line-height:1.7;font-size:16px;color:var(--text);margin:0 0 16px 0}
.section{margin-top:36px;padding-top:24px;border-top:1px solid rgba(255,255,255,.06)}
.section h2{font-size:22px;margin:0 0 14px 0;color:#fff}
.kpis{display:flex;gap:16px;flex-wrap:wrap;margin:10px 0 4px 0}
.kpi{background:#121212;border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:14px 16px;min-width:220px}
.kpi b{color:#fff;font-size:18px;display:block}
.callout{background:linear-gradient(180deg, rgba(226,0,116,.08), rgba(226,0,116,.04));border:1px solid rgba(226,0,116,.25);padding:18px;border-radius:12px}
.list li{margin:8px 0}
.cta{display:flex;gap:18px;align-items:center;margin-top:22px}
.cta a.btn{background:var(--magenta);color:#fff;text-decoration:none;padding:12px 18px;border-radius:12px;font-weight:700}
.cta .meta{color:var(--muted);font-size:14px}
.footer{margin-top:48px;padding-top:18px;border-top:1px solid rgba(255,255,255,.06);color:var(--muted);font-size:13px;display:flex;justify-content:space-between;align-items:center}
.footer img{width:96px;height:auto;opacity:.9}
@media (max-width:720px){
  .header{flex-direction:column;align-items:flex-start}
  .header .portrait{width:180px}
}