.bio-hero{padding:76px 0 64px}.bio-split{display:grid;grid-template-columns:1.05fr 1fr;gap:54px;align-items:center}.bio-hero h1{font-size:clamp(40px,5.7vw,64px);max-width:11ch}.bio-status{display:inline-flex;align-items:center;gap:8px;color:var(--sub);font-size:13px;margin-top:22px}.bio-status:before{content:'';width:7px;height:7px;border-radius:50%;background:var(--warm)}.bio-preview{background:var(--card);border:1px solid var(--line);border-radius:24px;padding:24px;box-shadow:var(--shadow);transform:rotate(-2deg)}.bio-preview-head{display:flex;justify-content:space-between;align-items:center;padding-bottom:20px;border-bottom:1px solid var(--line)}.bio-logo{display:flex;align-items:center;gap:10px;font-weight:700}.bio-logo svg{width:30px;height:30px;color:var(--accent-ink)}.bio-preview small{color:var(--sub)}.bio-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:20px 0}.bio-metrics div{padding:12px;background:var(--tint);border-radius:12px}.bio-metrics strong{display:block;font-size:15px}.bio-metrics small{font-size:11px}.bio-row{display:flex;align-items:center;gap:12px;padding:15px 0;border-bottom:1px solid var(--line)}.bio-row:last-of-type{border:0}.bio-row span:first-child{width:30px;height:30px;display:grid;place-items:center;background:var(--bg-soft);border-radius:8px;color:var(--accent-ink)}.bio-row div{flex:1}.bio-row strong{font-size:14px;display:block}.bio-row small{font-size:12px}.bio-preview-note{font-size:11px;text-align:center;color:var(--sub);margin:16px 0 0}.bio-strip{display:flex;gap:20px;justify-content:space-between;border-top:1px solid var(--line);padding-top:24px;margin-top:54px;color:var(--sub);font-size:13px}.bio-strip strong{color:var(--ink);display:block;font-size:15px}.bio-number{display:inline-block;font-size:12px;font-weight:700;color:var(--accent-ink);margin-bottom:18px}.bio-feature{padding:26px;min-height:190px}.bio-flow{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.bio-flow article{border-top:2px solid var(--accent);padding-top:20px}.bio-flow p{font-size:15px;color:var(--sub)}.bio-schematic{background:#111f25;border-radius:20px;padding:24px;color:#dce7e9;box-shadow:var(--shadow)}.bio-schematic svg{display:block;width:100%;height:auto;margin-top:20px}.bio-schematic small{color:#a5b6be}.bio-links{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.bio-links a{text-decoration:none;color:var(--ink)}.bio-links a:hover{border-color:var(--accent)}.bio-links p{font-size:14px}.bio-faq{max-width:760px}.bio-faq details{border-bottom:1px solid var(--line);padding:20px 0}.bio-faq summary{cursor:pointer;font-weight:650}.bio-faq p{color:var(--sub);font-size:15px}.bio-contact{display:flex;justify-content:space-between;gap:24px;align-items:center}.bio-contact p{color:var(--sub);max-width:56ch}.bio-contact a{white-space:normal;overflow-wrap:anywhere}.bio-skip{position:absolute;left:12px;top:-80px;z-index:40;background:var(--card);padding:12px;color:var(--ink)}.bio-skip:focus{top:8px}section[id]{scroll-margin-top:80px}.theme-biogas a:focus-visible{outline:3px solid var(--warm);outline-offset:4px}@media(max-width:760px){.bio-split{grid-template-columns:1fr;gap:32px}.bio-hero{padding:44px 0}.bio-hero h1{max-width:14ch}.bio-preview{transform:none;padding:18px}.bio-strip{flex-wrap:wrap;gap:18px;margin-top:32px}.bio-strip div{flex:1;min-width:130px}.bio-flow,.bio-links{grid-template-columns:1fr}.bio-contact{display:block}.bio-contact .btn{margin-top:12px}.theme-biogas .nav-links a{font-size:13px;padding:7px}.bio-metrics div{padding:10px 7px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media(max-width:600px){.theme-biogas .nav-links{display:flex}.theme-biogas .nav-links a:first-child{display:none}.theme-biogas .bio-hero h1{font-size:40px}}@media(prefers-color-scheme:dark){.theme-biogas .btn-primary{color:#14201D}}

.bio-identity{display:flex;align-items:center;gap:18px;margin-bottom:24px}.bio-identity img{border-radius:20px;flex-shrink:0}.bio-logo img{border-radius:9px}.bio-platforms{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.bio-platforms>span,.bio-platforms>a{border:1px solid var(--line);border-radius:10px;padding:10px 14px;font-weight:650;font-size:14px}.bio-platforms small{display:block;font-size:11px;color:var(--sub);font-weight:400;margin-top:2px}@media(max-width:380px){.bio-identity{gap:12px}.bio-identity img{width:64px;height:64px}}

.bio-platforms>a{color:inherit;text-decoration:none}.bio-platforms>a:hover,.bio-platforms>a:focus-visible{border-color:var(--brand);text-decoration:underline}

#biogas-yeni{scroll-margin-top:120px}