.bio-teaser{position:relative;overflow:hidden;padding:36px 0;background:linear-gradient(110deg,#f1f8f3,#edf6f3)}
.bio-teaser-inner{display:grid;grid-template-columns:74px 1fr auto;align-items:center;gap:24px}
.bio-teaser-mark{position:relative;display:grid;width:66px;height:66px;place-items:center;border:1px solid #b9d9c8;border-radius:20px;background:#fff;color:#188067;box-shadow:0 10px 28px #0c503b12}
.bio-teaser-mark span{font:800 32px Manrope,sans-serif}
.bio-teaser-mark i,.bio-teaser-mark b{position:absolute;width:7px;height:7px;border-radius:50%;background:#68b98e}
.bio-teaser-mark i{top:12px;right:12px}.bio-teaser-mark b{bottom:12px;left:12px}
.bio-teaser-inner .kicker{margin-bottom:5px;color:#16785e}
.bio-teaser-inner h2{max-width:700px;margin:0 0 6px;color:var(--ink);font:800 clamp(20px,2.6vw,29px)/1.2 Manrope,sans-serif}
.bio-teaser-inner>div:nth-child(2)>p:last-child{max-width:740px;margin:0;color:var(--muted);font-size:12px;line-height:1.6}
.bio-teaser-inner>.button{white-space:nowrap}
.bio-hero{overflow:hidden;color:#fff;background:radial-gradient(ellipse at 78% 42%,#148168 0,#075d72 24%,transparent 55%),linear-gradient(116deg,#052d47,#064f61 62%,#0c7766)}
.bio-hero-grid{display:grid;min-height:455px;grid-template-columns:1.1fr .9fr;align-items:center;gap:34px;padding-top:42px;padding-bottom:42px}
.bio-hero-copy{max-width:650px}
.bio-hero-copy .eyebrow{color:#a6efcf}
.bio-hero-copy h1{margin:0 0 18px;font:800 clamp(38px,5vw,61px)/1.02 Manrope,sans-serif;letter-spacing:-2px}
.bio-hero-copy h1 strong{color:#9aebc0}
.bio-hero-copy>p:not(.eyebrow){max-width:590px;color:#e1f4ee;font-size:16px;line-height:1.7}
.bio-hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}
.bio-hero-actions .button-outline{border-color:#ffffff80}
.bio-hero-copy .bio-source-note{margin:17px 0 0;color:#c4e6dc;font-size:11px}
.bio-hero-visual{position:relative;min-height:325px}
.bio-visual-orbit{position:absolute;inset:10% 13%;border:1px solid #ffffff45;border-radius:50%;transform:rotate(25deg) scaleY(.7)}
.bio-orbit-two{transform:rotate(-36deg) scaleY(.64)}
.bio-visual-center{position:absolute;top:50%;left:50%;display:grid;width:166px;height:166px;place-content:center;border:1px solid #ffffff65;border-radius:48px;background:linear-gradient(145deg,#ffffff35,#ffffff0a);box-shadow:0 24px 60px #002d3f55;text-align:center;transform:translate(-50%,-50%) rotate(-5deg);backdrop-filter:blur(8px)}
.bio-visual-center span{color:#b4ead3;font-size:9px;font-weight:800;letter-spacing:1.2px}
.bio-visual-center b{margin-top:8px;font:800 21px/1.2 Manrope,sans-serif}
.bio-visual-node{position:absolute;display:grid;min-width:88px;height:52px;place-items:center;padding:0 13px;border:1px solid #ffffff55;border-radius:28px;background:#ffffff18;color:#fff;font-size:12px;font-weight:800;backdrop-filter:blur(8px)}
.bio-node-water{top:8%;left:13%}.bio-node-soil{top:18%;right:6%}.bio-node-crops{right:12%;bottom:7%}.bio-node-clean{bottom:17%;left:7%}
.bio-composition{border-bottom:1px solid #dcebe5;background:#f5faf7}
.bio-composition-inner{display:grid;grid-template-columns:1.6fr repeat(4,1fr);align-items:center;gap:18px;padding-top:24px;padding-bottom:24px}
.bio-composition-inner>p{max-width:240px;margin:0;color:#496559;font-size:12px;font-weight:700}
.bio-metric{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:10px}
.bio-metric strong{color:#13765f;font:800 29px/1 Manrope,sans-serif}
.bio-metric span{max-width:110px;color:#536d64;font-size:11px;line-height:1.3}
.bio-applications,.bio-documents{padding:76px 0;background:#fff}
.bio-section-heading{max-width:780px;margin:0 auto 30px;text-align:center}
.bio-section-heading h2{margin:0 0 10px;color:var(--ink);font:800 clamp(27px,3vw,38px)/1.15 Manrope,sans-serif;letter-spacing:-1px}
.bio-section-heading>p:last-child{margin:0;color:var(--muted);font-size:14px;line-height:1.65}
.bio-filters{display:flex;flex-wrap:wrap;justify-content:center;gap:9px;margin:0 0 25px}
.bio-filters button{min-height:39px;padding:0 15px;border:1px solid #dbe8e2;border-radius:24px;background:#fff;color:#36564d;font:700 11px 'DM Sans',sans-serif;cursor:pointer;transition:background .2s ease,color .2s ease,border-color .2s ease,transform .2s ease}
.bio-filters button:hover{transform:translateY(-2px);border-color:#55a78c}
.bio-filters button[aria-pressed=true]{border-color:#147862;background:#147862;color:#fff}
.bio-application-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.bio-application-card{position:relative;display:flex;min-height:300px;flex-direction:column;align-items:flex-start;padding:25px;border:1px solid #e1ebe6;border-radius:16px;background:linear-gradient(150deg,#fff,#f8fbf9);box-shadow:0 9px 26px #0c503b0a;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}
.bio-application-card:hover{transform:translateY(-4px);border-color:#b7d9ca;box-shadow:0 16px 34px #0c503b14}
.bio-application-card[hidden]{display:none}
.bio-card-index{position:absolute;top:21px;right:23px;color:#b5c9c0;font:800 13px Manrope,sans-serif}
.bio-card-icon{display:grid;width:49px;height:49px;place-items:center;border-radius:14px;background:#e8f5ed;color:#147862}
.bio-card-icon svg{width:25px;height:25px}
.bio-card-kicker{margin:19px 0 6px;color:#16785e;font-size:9px;font-weight:800;letter-spacing:1px;text-transform:uppercase}
.bio-application-card h3{margin:0 0 9px;color:var(--ink);font:800 17px/1.3 Manrope,sans-serif}
.bio-application-card>p:not(.bio-card-kicker){margin:0 0 20px;color:var(--muted);font-size:12px;line-height:1.65}
.bio-application-card>a{margin-top:auto;color:#13765f;font-size:11px;font-weight:800}
.bio-application-card>a span{margin-left:5px}
.bio-disclaimer{max-width:900px;margin:22px auto 0;padding:14px 17px;border-left:3px solid #62a88b;background:#f2f8f4;color:#596d64;font-size:11px;line-height:1.6}
.bio-cases{padding:70px 0;background:#f4f8f6}
.bio-case-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.bio-case-card{padding:22px;border:1px solid #e0eae4;border-radius:15px;background:#fff}
.bio-case-location{color:#16785e;font-size:9px;font-weight:800;letter-spacing:.8px;text-transform:uppercase}
.bio-case-card h3{margin:13px 0 8px;color:var(--ink);font:800 16px/1.3 Manrope,sans-serif}
.bio-case-card p{margin:0 0 18px;color:var(--muted);font-size:11px;line-height:1.65}
.bio-case-category{display:inline-block;padding:6px 10px;border-radius:20px;background:#eaf5ee;color:#276e55;font-size:9px;font-weight:800}
.bio-ekicarbon{padding:72px 0;background:linear-gradient(116deg,#052d47,#075c61)}
.bio-ekicarbon-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:55px}
.bio-ekicarbon .kicker{color:#a6efcf}
.bio-ekicarbon h2{max-width:580px;margin:0 0 14px;color:#fff;font:800 clamp(27px,3.2vw,40px)/1.12 Manrope,sans-serif;letter-spacing:-1px}
.bio-ekicarbon-grid>div:first-child>p:not(.kicker){max-width:580px;margin:0 0 24px;color:#d9eee8;font-size:13px;line-height:1.75}
.bio-timeline{display:grid;gap:11px}
.bio-timeline article{display:grid;grid-template-columns:43px 1fr;gap:14px;padding:17px;border:1px solid #ffffff30;border-radius:13px;background:#ffffff10}
.bio-timeline article>span{display:grid;width:38px;height:38px;place-items:center;border-radius:11px;background:#a6efcf;color:#075647;font:800 12px Manrope,sans-serif}
.bio-timeline h3{margin:0 0 4px;color:#fff;font:800 14px Manrope,sans-serif}
.bio-timeline p{margin:0;color:#d2e9e1;font-size:11px;line-height:1.55}
.bio-document-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.bio-document-card{padding:27px;border:1px solid #dfeae4;border-radius:16px;background:linear-gradient(145deg,#fff,#f6faf7)}
.bio-document-type{color:#16785e;font-size:9px;font-weight:800;letter-spacing:1px;text-transform:uppercase}
.bio-document-card h3{margin:10px 0;color:var(--ink);font:800 19px/1.3 Manrope,sans-serif}
.bio-document-card p{margin:0 0 20px;color:var(--muted);font-size:12px;line-height:1.65}
.bio-document-card .button{min-height:41px;font-size:11px}
@media(max-width:900px){.bio-teaser-inner{grid-template-columns:60px 1fr;gap:17px}.bio-teaser-mark{width:56px;height:56px}.bio-teaser-inner>.button{grid-column:2;justify-self:start}.bio-composition-inner{grid-template-columns:repeat(4,1fr)}.bio-composition-inner>p{grid-column:1/-1;max-width:none}.bio-application-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bio-case-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bio-ekicarbon-grid{gap:28px}}
@media(max-width:650px){.bio-teaser{padding:27px 0}.bio-teaser-inner{grid-template-columns:1fr;gap:15px}.bio-teaser-inner>.button{grid-column:auto}.bio-hero-grid{min-height:auto;grid-template-columns:1fr;padding-top:48px;padding-bottom:28px}.bio-hero-copy h1{font-size:clamp(36px,10vw,48px);letter-spacing:-1.5px}.bio-hero-copy>p:not(.eyebrow){font-size:14px}.bio-hero-visual{min-height:245px}.bio-composition-inner{grid-template-columns:repeat(2,1fr);gap:16px}.bio-composition-inner>p{grid-column:1/-1}.bio-applications,.bio-documents{padding:52px 0}.bio-section-heading{text-align:left}.bio-application-grid,.bio-case-grid,.bio-document-grid,.bio-ekicarbon-grid{grid-template-columns:1fr}.bio-application-card{min-height:260px}.bio-cases,.bio-ekicarbon{padding:52px 0}.bio-ekicarbon-grid{gap:28px}}
@media(prefers-reduced-motion:reduce){.bio-filters button,.bio-application-card{transition:none}.bio-filters button:hover,.bio-application-card:hover{transform:none}}