.bio-hero{display:grid;grid-template-columns:1.08fr .92fr;gap:48px;align-items:center;min-height:510px;padding:58px;border:1px solid #dbe2e9;border-radius:25px;background:linear-gradient(135deg,#eaf7f2,#fff 53%,#eeeefe);overflow:hidden}.bio-hero h1{margin:0 0 18px;font-size:clamp(44px,4.8vw,68px);line-height:1.04;letter-spacing:-3px}.bio-hero .lead{margin:0}.bio-visual{padding:24px;border:1px solid #d9ddea;border-radius:18px;background:#fff;box-shadow:var(--shadow)}.bio-visual>span{color:var(--indigo);font:700 10px 'DM Mono';letter-spacing:.8px}.bio-visual-stage{position:relative;height:210px;margin:14px 0;border-radius:11px;overflow:hidden;background:radial-gradient(circle at 72% 32%,#bdf0dd,transparent 18%),radial-gradient(circle at 25% 71%,#ffd5b5,transparent 20%),linear-gradient(135deg,#e5e4ff,#f5f7fb)}.bio-visual-stage i{position:absolute;width:18px;height:18px;border:4px solid #fff;border-radius:50%;background:var(--violet);box-shadow:0 3px 9px #aaa6e9}.bio-visual-stage i:nth-child(1){left:15%;top:30%}.bio-visual-stage i:nth-child(2){left:35%;top:64%;background:var(--orange)}.bio-visual-stage i:nth-child(3){left:54%;top:36%;background:var(--mint)}.bio-visual-stage i:nth-child(4){left:74%;top:61%;background:var(--red)}.bio-visual-stage b{position:absolute;right:18%;top:25%;width:40px;height:40px;border:4px solid #fff;border-radius:50%;background:var(--navy);box-shadow:0 5px 12px #788097}.bio-visual strong{display:block;font-size:15px}.bio-visual small{display:block;margin-top:5px;color:var(--muted);font-size:12px}.bio-principles{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.bio-principles article,.bio-cycle article,.bio-parameter-grid article{padding:23px;border:1px solid var(--line);border-radius:13px;background:#fff}.bio-principles article{border-top:5px solid var(--violet)}.bio-principles article:nth-child(2){border-top-color:var(--mint)}.bio-principles article:nth-child(3){border-top-color:var(--orange)}.bio-principles span,.bio-cycle span,.bio-parameter-grid span{color:var(--indigo);font:700 9px 'DM Mono';letter-spacing:.7px}.bio-principles strong,.bio-parameter-grid strong{display:block;margin:12px 0 8px;font-size:19px}.bio-principles p,.bio-cycle p,.bio-parameter-grid p{margin:0;color:var(--muted);font-size:13px}.bio-cycle{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;align-items:center}.bio-cycle article span{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:#eceaff;color:var(--indigo);font:700 11px 'DM Mono'}.bio-cycle strong{display:block;margin:14px 0 7px;font-size:18px}.bio-cycle>i{color:var(--violet);font-style:normal}.bio-lab-shell{display:grid;grid-template-columns:310px 1fr;gap:18px}.bio-controls>label{display:flex;margin-top:18px}.bio-controls>input{width:100%;accent-color:var(--indigo)}.bio-scale{display:flex;justify-content:space-between;margin-top:5px;color:#8a94a8;font-size:9px;font-weight:800}.bio-metrics article:nth-child(1){border-top-color:var(--violet)}.bio-metrics article:nth-child(2){border-top-color:var(--mint)}.bio-metrics article:nth-child(3){border-top-color:var(--orange)}.bio-metrics article:nth-child(4){border-top-color:var(--red)}.bio-metrics strong{font-size:16px}.bio-chart-grid{display:grid;grid-template-columns:1.12fr .88fr;gap:14px}.bio-chart-grid canvas{display:block;width:100%;min-height:330px;border-radius:8px}.bio-legend{display:flex;flex-wrap:wrap;gap:13px;margin-top:9px;color:var(--muted);font-size:10px;font-weight:800}.bio-legend i{display:inline-block;width:10px;height:10px;margin-right:4px;border-radius:50%;background:var(--violet)}.bio-legend i:nth-of-type(2){background:var(--mint)}.bio-legend i:nth-of-type(3){background:var(--orange)}.bio-monitor{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:13px}.bio-monitor article{min-height:78px;padding:14px;border:1px solid var(--line);border-radius:9px;background:#fff}.bio-monitor span{display:block;color:var(--muted);font-size:9px;font-weight:800}.bio-monitor strong{display:block;margin-top:7px;font:700 12px 'DM Mono';color:var(--navy)}.bio-parameter-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.bio-parameter-grid article{border-top:5px solid var(--violet)}.bio-parameter-grid article:nth-child(2){border-top-color:var(--mint)}.bio-parameter-grid article:nth-child(3){border-top-color:var(--orange)}.bio-parameter-grid article:nth-child(4){border-top-color:var(--red)}
@media(max-width:1100px){.bio-hero{grid-template-columns:1fr}.bio-visual{max-width:720px}.bio-lab-shell{grid-template-columns:1fr}}@media(max-width:800px){.bio-hero{padding:38px 25px}.bio-hero h1{font-size:42px;letter-spacing:-1.8px}.bio-principles,.bio-parameter-grid{grid-template-columns:1fr 1fr}.bio-cycle{grid-template-columns:1fr 1fr}.bio-cycle>i{display:none}.bio-chart-grid{grid-template-columns:1fr}.bio-metrics{grid-template-columns:1fr 1fr}}@media(max-width:580px){.bio-hero{padding:30px 20px}.bio-hero h1{font-size:35px}.bio-principles,.bio-parameter-grid,.bio-cycle,.bio-metrics,.bio-monitor{grid-template-columns:1fr}.bio-chart-grid canvas{min-height:280px}}
.bio-legend span:nth-child(2) i{background:var(--mint)}.bio-legend span:nth-child(3) i{background:var(--orange)}
.bio-cycle{grid-template-columns:1fr auto 1fr auto 1fr auto 1fr}
@media(max-width:800px){.bio-cycle{grid-template-columns:1fr 1fr}.bio-cycle>i{display:none}}
@media(max-width:580px){.bio-cycle{grid-template-columns:1fr}}