.ifb-hero{color:#fff;background:linear-gradient(#1a1d21cc,#1a1d21cc),url(/ifb-hero.png) 50%/cover;padding:8rem 0 5rem}.breadcrumb{opacity:.8;align-items:center;gap:.8rem;margin-bottom:2rem;font-size:.9rem;display:flex}.breadcrumb a{color:#fff;text-decoration:none}.ifb-hero .hero-title{margin:0;font-size:clamp(2rem,5vw,4rem);font-weight:900;line-height:1.1}@media (width<=768px){.ifb-hero{padding:4rem 0 3rem}.ifb-hero .hero-title{font-size:2rem}}.ifb-main-content{background:#f8fafc;padding:5rem 0}.ifb-layout{grid-template-columns:1fr 400px;align-items:flex-start;gap:4rem;display:grid}.category-label{color:var(--primary);letter-spacing:2px;margin-bottom:1rem;font-size:.75rem;font-weight:800;display:inline-block}.intro-block h2{color:var(--bg-dark);margin-bottom:2rem;font-size:2.2rem;line-height:1.2}.intro-block p{color:var(--text-dim);font-size:1.15rem;line-height:1.8}.info-section{margin-top:4rem}.info-section h3{color:var(--bg-dark);margin-bottom:1.5rem;font-size:1.6rem}.info-section p{color:var(--text-dim);margin-bottom:1.5rem;font-size:1.05rem;line-height:1.7}.key-points{gap:1rem;display:grid}.point{border-left:4px solid var(--primary);background:#fff;border-radius:4px;padding:1.2rem;font-size:.95rem;box-shadow:0 4px 6px #00000005}.check-list{gap:1rem;padding:0;list-style:none;display:grid}.check-list li{color:var(--text-dim);padding-left:2rem;font-weight:500;position:relative}.check-list li:before{content:"✓";color:var(--primary);font-weight:900;position:absolute;left:0}.pro-tip{color:#9a3412;background:#fff7ed;border:1px solid #ffedd5;border-radius:8px;margin-top:2rem;padding:1.5rem}.sticky-sidebar{gap:2rem;display:grid;position:sticky;top:150px}.sidebar-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:2rem;box-shadow:0 10px 15px -3px #0000000d}.sidebar-card h4{color:var(--bg-dark);margin-bottom:1.5rem;font-size:1.1rem}.visual-bar-container{margin-bottom:1.5rem}.visual-bar{border-radius:6px;height:32px;margin-bottom:1rem;display:flex;overflow:hidden}.fill.oeko{background:#16a34a}.fill.base{background:#e2e8f0}.bar-labels{color:var(--text-dim);flex-direction:column;gap:.5rem;font-size:.8rem;font-weight:600;display:flex}.small-note{color:var(--text-dim);border-top:1px solid #f1f5f9;margin-top:1rem;padding-top:1rem;font-size:.85rem;line-height:1.5}.calc-card .card-header{color:var(--primary);border-bottom:1px solid #f1f5f9;align-items:center;gap:.8rem;margin-bottom:2rem;padding-bottom:1rem;display:flex}.calc-card h4{margin:0}.form-group label{letter-spacing:1px;color:var(--text-dim);margin-bottom:.8rem;font-size:.75rem;font-weight:800;display:block}.calc-input{border:2px solid #e2e8f0;border-radius:8px;outline:none;width:100%;padding:1rem;font-size:1.1rem;font-weight:700;transition:border-color .2s}.calc-input:focus{border-color:var(--primary)}.radio-group{flex-direction:column;gap:.8rem;margin:1.5rem 0;display:flex}.radio-item{cursor:pointer;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:.8rem;padding:1rem;font-size:.85rem;font-weight:700;transition:all .2s;display:flex}.radio-item.active{border-color:var(--primary);color:var(--primary);background:#fff7ed}.radio-item input{display:none}.results-display{background:#f8fafc;border-radius:8px;flex-direction:column;gap:1rem;margin-bottom:1.5rem;padding:1.5rem;display:flex}.res-row{color:var(--text-dim);justify-content:space-between;font-size:.9rem;font-weight:500;display:flex}.res-row strong{color:var(--bg-dark);font-size:1rem}.res-row.highlight .accent{color:#ef7f01;font-size:1.2rem;font-weight:900}.res-divider{background:#e2e8f0;height:1px}.res-row.total{flex-direction:column;gap:.5rem}.res-row.total strong{color:#16a34a;font-size:1.5rem;font-weight:900}.external-link{color:#3b82f6;align-items:center;gap:.5rem;font-size:.9rem;font-weight:700;text-decoration:none;display:flex}.contact-card .contact-links{flex-direction:column;gap:1rem;margin-bottom:2rem;display:flex}.c-link{color:var(--bg-dark);align-items:center;gap:.8rem;font-size:.95rem;font-weight:600;text-decoration:none;display:flex}.w-full{justify-content:center;width:100%}.cta-box{background:var(--bg-dark);color:#fff;text-align:center;border-radius:12px;padding:2rem}.cta-box p{margin-bottom:1.5rem;font-size:.95rem;line-height:1.6}.btn-outline{color:#fff;text-transform:uppercase;transition:var(--transition);background:0 0;border:2px solid #fff;border-radius:4px;justify-content:center;align-items:center;padding:1rem 2rem;font-weight:700;text-decoration:none;display:inline-flex}.btn-outline:hover{color:var(--bg-dark);background:#fff}@media (width<=1100px){.ifb-layout{grid-template-columns:1fr}.ifb-sidebar-column{order:-1}.sticky-sidebar{position:static}}
