.bio-page{--bio-blue:#1e40af;--bio-ink:#343a40;--bio-card:#f7f7fb;--bio-line:#dbdbf0;--bio-muted:#656971;color:var(--bio-ink);font-family:'Plus Jakarta Sans',sans-serif;background:#fff;overflow:hidden}
.bio-page h1,.bio-page h2,.bio-page h3{font-family:'Plus Jakarta Sans',sans-serif}
.bio-page p{font-family:'Inter','Plus Jakarta Sans',sans-serif}

/* ---------- Hero ---------- */
.bio-hero{min-height:690px;padding:188px 0 132px;text-align:center;background:radial-gradient(circle at 75% 4%,#e9e5ff 0,rgba(233,229,255,.44) 25%,transparent 51%),radial-gradient(circle at 8% 15%,#fff1e9 0,rgba(255,241,233,.54) 29%,transparent 53%),#fff}
.bio-hero-tag{display:inline-flex;align-items:center;gap:7px;margin:0 0 31px;padding:8px 17px;border:2px solid transparent;border-radius:999px;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(90deg,#ff69bd,#6863ff) border-box;color:#111;font-size:14px;font-weight:600;line-height:1}
.bio-hero-tag span{font-size:19px}
.bio-hero h1{margin:0;color:#303742;font-size:clamp(40px,4.2vw,70px);font-weight:800;letter-spacing:-.058em;line-height:1.08}
.bio-hero h1 span,.bio-device-copy h2 span,.bio-overview h2 span{color:var(--bio-blue)}
.bio-hero-description{max-width:900px;margin:30px auto 38px;color:#3c4452;font-size:17px;line-height:1.7}

/* ---------- Buttons ---------- */
.bio-primary-btn,.bio-outline-btn,.bio-light-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:52px;padding:14px 30px;border-radius:999px;font-family:'Plus Jakarta Sans',sans-serif;font-size:16px;font-weight:500;line-height:1.5;letter-spacing:-.01em;text-decoration:none;transition:transform .18s,box-shadow .18s,background .18s}
.bio-primary-btn{border:1.5px solid var(--bio-blue);background:var(--bio-blue);box-shadow:0 8px 18px rgba(30,64,175,.18);color:#fff}
.bio-primary-btn:hover{background:#1a3796;color:#fff;transform:translateY(-2px);box-shadow:0 12px 23px rgba(30,64,175,.28);text-decoration:none}
.bio-outline-btn{border:1.5px solid var(--bio-blue);background:#fff;color:var(--bio-blue)}
.bio-outline-btn:hover{background:#edf1ff;color:var(--bio-blue);text-decoration:none}
.bio-light-btn{border:1.5px solid #fff;background:#fff;color:var(--bio-blue)}
.bio-light-btn:hover{color:var(--bio-blue);transform:translateY(-2px);text-decoration:none}
.bio-primary-btn .feather-arrow-up-right{font-size:1.15em;line-height:1}

/* ---------- Overview ---------- */
.bio-overview{padding:0 0 24px}
.bio-overview .container{max-width:1320px}
.bio-overview-inner{display:flex;flex-direction:column;align-items:center;gap:15px;padding:15px;text-align:center;border-radius:16px}
.bio-overview h2{margin:0;color:var(--bio-ink);font-size:clamp(30px,4vw,46px);font-weight:700;letter-spacing:-.02em;line-height:1.1}
.bio-overview p{max-width:1290px;margin:0;color:var(--bio-muted);font-size:16px;line-height:1.5}
.bio-overview .container::after{content:"";display:block;height:1px;margin-top:24px;background:var(--bio-line)}

/* ---------- Device list ---------- */
.bio-device-list{padding:24px 0 100px}
.bio-device-list .container{max-width:1320px;display:flex;flex-direction:column;gap:24px}
.bio-device-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:center;padding:40px;border:1px solid var(--bio-line);border-radius:40px;background:var(--bio-card)}
.bio-device-card-reverse .bio-device-copy{order:2}
.bio-device-card-reverse .bio-device-media{order:1}
.bio-device-copy{display:flex;flex-direction:column;gap:18px;max-width:520px}
.bio-device-copy h2{margin:0;color:var(--bio-ink);font-size:46px;font-weight:700;letter-spacing:-.02em;line-height:1.08}
.bio-device-copy p{margin:0;color:var(--bio-ink);font-size:16px;line-height:1.5}
.bio-card-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.bio-device-media{border-radius:24px;overflow:hidden;aspect-ratio:607/501;background:#eef0f6}
.bio-device-media img{display:block;width:100%;height:100%;object-fit:cover}
.bio-card-actions .bio-primary-btn,.bio-card-actions .bio-outline-btn{min-height:52px;padding:14px 30px;font-size:16px}

@media(min-width:1200px){
  .bio-overview .container,.bio-device-list .container{padding-left:0;padding-right:0}
}

/* ---------- Enterprise band ---------- */
.bio-enterprise{position:relative;padding:120px 0 112px;overflow:hidden;text-align:center;color:#fff;background:radial-gradient(circle at 7% 95%,#123890 0,transparent 23%),radial-gradient(circle at 93% 0,#163e9f 0,transparent 24%),linear-gradient(110deg,#07102a,#020712 64%,#0c1740)}
.bio-enterprise:before,.bio-enterprise:after{position:absolute;width:260px;height:260px;border:60px solid rgba(171,188,232,.14);border-radius:50%;content:"";transform:rotate(45deg)}
.bio-enterprise:before{top:-145px;left:-130px;border-radius:0}
.bio-enterprise:after{right:-172px;bottom:-194px}
.bio-enterprise .container{position:relative;z-index:1}
.bio-enterprise h2{margin:0;color:#fff;font-size:clamp(29px,3vw,45px);font-weight:800;letter-spacing:-.05em;line-height:1.15}
.bio-enterprise p{margin:19px auto 27px;color:#f0f2fa;font-size:14px;line-height:1.6}
.bio-enterprise .bio-card-actions{justify-content:center}
.bio-enterprise .bio-card-actions .bio-primary-btn,.bio-enterprise .bio-card-actions .bio-light-btn{min-height:44px;padding:10px 22px;font-size:14px}

/* ---------- Responsive ---------- */
@media(max-width:991px){
  .bio-hero{min-height:auto;padding:125px 0 94px}
  .bio-device-card{padding:32px;border-radius:32px;gap:20px}
  .bio-device-copy{gap:18px}
}
@media(max-width:767px){
  .bio-hero{padding:92px 0 70px}
  .bio-hero-tag{max-width:100%;margin-bottom:22px;font-size:11px;line-height:1.25;text-align:left}
  .bio-hero h1{font-size:39px}
  .bio-hero-description{margin:22px auto 27px;font-size:14px}
  .bio-overview .container::after{margin-top:20px}
  .bio-overview h2{font-size:30px}
  .bio-overview p{font-size:14px;line-height:1.55}
  .bio-device-list{padding:20px 0 64px}
  .bio-device-card,.bio-device-card-reverse{grid-template-columns:1fr;padding:18px;border-radius:24px;gap:18px}
  .bio-device-card .bio-device-copy,.bio-device-card-reverse .bio-device-copy{order:2;max-width:none}
  .bio-device-card .bio-device-media,.bio-device-card-reverse .bio-device-media{order:1}
  .bio-device-copy{gap:16px}
  .bio-device-copy h2{font-size:28px}
  .bio-device-copy p{font-size:14px;line-height:1.55}
  .bio-card-actions{gap:10px}
  .bio-card-actions .bio-primary-btn,.bio-card-actions .bio-outline-btn{flex:1 1 140px;min-height:46px;padding:12px 18px;font-size:14px}
  .bio-enterprise{padding:79px 0 76px}
  .bio-enterprise h2{font-size:30px}
  .bio-enterprise h2 br{display:none}
}
@media(max-width:400px){
  .bio-card-actions .bio-primary-btn,.bio-card-actions .bio-outline-btn{flex-basis:100%}
}
@media(prefers-reduced-motion:reduce){
  .bio-primary-btn,.bio-outline-btn,.bio-light-btn{transition:none}
}