.bal-sv{--sv-green:#003a00;--sv-accent:#00a86b;--sv-graphite:#1c1b1a;--sv-ink:#e8f2ea;--sv-sub:#9db8a6;--sv-line:rgba(0,168,107,.25)} .bal-sv-root{font-family:"Roboto Condensed",Arial,sans-serif;color:#1c1b1a;background:#fff;line-height:1.65} .bal-sv-root *{box-sizing:border-box} .bal-sv-wrap{max-width:1200px;margin:0 auto;padding:0 24px} /* ---------- HERO ---------- */ .bal-sv-hero{background:linear-gradient(132deg,#003a00 0%,#0d2b12 46%,#1c1b1a 100%);color:var(--sv-ink);padding:64px 0 56px;position:relative;overflow:hidden;border-bottom:4px solid var(--sv-accent)} .bal-sv-hero::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(0,168,107,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(0,168,107,.09) 1px,transparent 1px);background-size:54px 54px;pointer-events:none} .bal-sv-hero-inner{position:relative;display:grid;grid-template-columns:1.04fr .96fr;gap:52px;align-items:center} .bal-sv-eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:13px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--sv-accent);margin:0 0 18px} .bal-sv-eyebrow::before{content:"";width:30px;height:2px;background:var(--sv-accent)} .bal-sv-hero h1{font-size:clamp(30px,4.4vw,50px);line-height:1.12;margin:0 0 18px;letter-spacing:.01em;text-transform:uppercase} .bal-sv-hero h1 span{color:var(--sv-accent)} .bal-sv-hero-lead{font-size:17px;line-height:1.75;color:#c9d6cd;max-width:56ch;margin:0 0 22px} .bal-sv-hero-tags{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 26px} .bal-sv-tag{font-size:12.5px;font-weight:600;letter-spacing:.06em;color:#cde8d6;border:1px solid rgba(0,168,107,.45);border-radius:100px;padding:7px 14px;background:rgba(0,168,107,.08)} .bal-sv-cta{display:flex;gap:14px;flex-wrap:wrap} .bal-sv-btn{display:inline-block;padding:14px 26px;border-radius:4px;font-weight:700;font-size:15px;text-decoration:none;transition:background .18s,color .18s} .bal-sv-btn.solid{background:var(--sv-accent);color:#fff} .bal-sv-btn.solid:hover{background:#008f5c} .bal-sv-btn.ghost{background:transparent;border:1.6px solid var(--sv-accent);color:var(--sv-accent)} .bal-sv-btn.ghost:hover{background:rgba(0,168,107,.14)} .bal-sv-hero-art{width:100%;height:auto;display:block;border:1px solid rgba(255,255,255,.16);border-radius:10px;box-shadow:0 30px 70px -28px rgba(0,0,0,.75)} .bal-sv-hero-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(0,168,107,.25);border:1px solid rgba(0,168,107,.25);border-radius:8px;overflow:hidden;margin-top:38px} .bal-sv-stat{background:#0d2b12;padding:16px 18px} .bal-sv-stat b{display:block;font-size:20px;color:var(--sv-accent);line-height:1.1} .bal-sv-stat span{font-size:12.5px;color:#9db8a6;line-height:1.35;display:block;margin-top:4px} /* ---------- generic sections ---------- */ .bal-sv-sec{padding:70px 0} .bal-sv-sec.alt{background:#f7f6f4} .bal-sv-sec.dark{background:var(--sv-graphite);color:var(--sv-ink)} .bal-sv-sec.green{background:linear-gradient(135deg,#003a00,#0d5c2a);color:#eafff3} .bal-sv-kicker{font-size:13px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--sv-accent);margin:0 0 10px;display:flex;align-items:center;gap:10px} .bal-sv-kicker::before{content:"";width:26px;height:2px;background:var(--sv-accent)} .bal-sv-h2{font-size:clamp(24px,3.2vw,36px);line-height:1.18;margin:0 0 14px;text-transform:uppercase} .bal-sv-sec.dark .bal-sv-h2,.bal-sv-sec.green .bal-sv-h2{color:#fff} .bal-sv-lead{font-size:16.5px;color:#5c7265;max-width:72ch;margin:0 0 30px} .bal-sv-sec.dark .bal-sv-lead,.bal-sv-sec.green .bal-sv-lead{color:var(--sv-sub)} /* ---------- trust bar ---------- */ .bal-sv-trust{display:grid;grid-template-columns:repeat(4,1fr);gap:0;background:#0d2b12} .bal-sv-trust div{padding:20px 22px;border-left:1px solid rgba(0,168,107,.22)} .bal-sv-trust div:first-child{border-left:0} .bal-sv-trust b{display:block;font-size:15px;color:#eafff3;margin-bottom:3px} .bal-sv-trust span{font-size:12.5px;color:#9db8a6;line-height:1.4;display:block} /* ---------- cards ---------- */ .bal-sv-grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px} .bal-sv-grid2{display:grid;grid-template-columns:repeat(2,1fr);gap:26px} .bal-sv-card{background:#fff;border:1px solid #e4e2de;border-radius:10px;padding:26px;position:relative;overflow:hidden} .bal-sv-card::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--sv-green),var(--sv-accent))} .bal-sv-card h3{margin:0 0 10px;font-size:19px;color:var(--sv-green);text-transform:uppercase} .bal-sv-card p{margin:0;font-size:14.5px;color:#3a3a3a;line-height:1.65} .bal-sv-card .num{font-size:26px;font-weight:700;color:var(--sv-accent);line-height:1} .bal-sv-img{width:100%;height:auto;display:block;border-radius:10px;border:1px solid #e4e2de} .bal-sv-fig{margin:0} .bal-sv-fig figcaption{font-size:12.5px;color:#5c7265;margin-top:8px;line-height:1.5} /* ---------- material advantage ---------- */ .bal-sv-mat-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:44px;align-items:center} .bal-sv-big40{font-size:clamp(54px,7vw,84px);font-weight:700;line-height:1;color:var(--sv-accent);margin:6px 0 4px} .bal-sv-big40 small{font-size:18px;color:#cde8d6;font-weight:600} .bal-sv-note{font-size:12.5px;color:#8fa89a;margin-top:14px;line-height:1.55} .bal-sv-mat-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:14px} .bal-sv-mat{background:rgba(255,255,255,.06);border:1px solid rgba(0,168,107,.35);border-radius:10px;padding:18px} .bal-sv-mat b{display:block;font-size:19px;color:#fff;margin-bottom:6px} .bal-sv-mat span{font-size:13px;color:var(--sv-sub);line-height:1.5;display:block} /* ---------- flow / bh svg ---------- */ .bal-sv-flow,.bal-sv-bh,.bal-sv-route{width:100%;height:auto;display:block;border-radius:10px} .bal-sv-flow-wrap{display:grid;grid-template-columns:1fr .9fr;gap:40px;align-items:center} .bal-sv-checklist{list-style:none;margin:0;padding:0} .bal-sv-checklist li{position:relative;padding:10px 0 10px 34px;font-size:15px;color:#d8e4dc;border-bottom:1px solid rgba(255,255,255,.07)} .bal-sv-checklist li::before{content:"\2713";position:absolute;left:0;top:10px;color:var(--sv-accent);font-weight:700;font-size:16px} .bal-sv-checklist li:last-child{border-bottom:0} /* ---------- routes ---------- */ .bal-sv-routes{display:grid;grid-template-columns:1fr 1fr;gap:34px;align-items:start} .bal-sv-route-card{background:#fff;border:1px solid #e4e2de;border-radius:12px;overflow:hidden} .bal-sv-route-head{display:flex;align-items:center;gap:14px;padding:20px 24px;background:linear-gradient(120deg,#003a00,#0d5c2a);color:#fff} .bal-sv-route-head .rh{width:44px;height:44px;border-radius:8px;background:var(--sv-accent);color:#fff;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:700} .bal-sv-route-head h3{margin:0;font-size:20px;text-transform:uppercase} .bal-sv-route-head span{font-size:12.5px;color:#9db8a6;display:block} .bal-sv-route-body{padding:20px 24px 24px} .bal-sv-route-body ul{margin:0 0 14px;padding-left:0;list-style:none} .bal-sv-route-body li{position:relative;padding:7px 0 7px 26px;font-size:14.5px;color:#3a3a3a} .bal-sv-route-body li::before{content:"";position:absolute;left:0;top:14px;width:10px;height:10px;border-radius:50%;background:var(--sv-accent)} .bal-sv-route-note{font-size:12.5px;color:#5c7265;line-height:1.55;border-top:1px solid #e4e2de;padding-top:12px;margin:0} /* ---------- compare table ---------- */ .bal-sv-table{width:100%;border-collapse:collapse;font-size:14.5px;background:#1c1b1a;border-radius:10px;overflow:hidden} .bal-sv-table th{background:#0d2b12;color:#eafff3;text-align:left;padding:14px 18px;font-size:14px;letter-spacing:.04em;text-transform:uppercase} .bal-sv-table td{padding:13px 18px;color:#d8e4dc;border-top:1px solid rgba(255,255,255,.08)} .bal-sv-table td:first-child{color:#9db8a6} .bal-sv-table .key{color:var(--sv-accent);font-weight:700} /* ---------- tube compare ---------- */ .bal-sv-tube-wrap{display:grid;grid-template-columns:1.05fr .95fr;gap:44px;align-items:center} .bal-sv-tube{width:100%;height:auto;display:block;border:1px solid #e4e2de;border-radius:10px} .bal-sv-odid{display:grid;grid-template-columns:1fr 1fr;gap:18px} .bal-sv-odid>div{background:#fff;border:1px solid #e4e2de;border-radius:10px;padding:22px} .bal-sv-odid h3{margin:0 0 8px;font-size:18px;color:var(--sv-green)} .bal-sv-odid ul{margin:0;padding-left:18px} .bal-sv-odid li{font-size:14px;color:#3a3a3a;line-height:1.7} /* ---------- cost ---------- */ .bal-sv-cost{display:grid;grid-template-columns:repeat(3,1fr);gap:22px} .bal-sv-cost>div{background:rgba(255,255,255,.06);border:1px solid rgba(0,168,107,.4);border-radius:12px;padding:28px} .bal-sv-cost b{display:block;font-size:17px;color:#fff;margin:10px 0 8px;text-transform:uppercase} .bal-sv-cost p{margin:0;font-size:14px;color:#c9d6cd;line-height:1.6} .bal-sv-cost .ico{width:52px;height:52px;border-radius:10px;background:var(--sv-accent);display:flex;align-items:center;justify-content:center;font-size:24px;color:#fff} .bal-sv-result{text-align:center;margin-top:34px;padding:26px;border:1.6px solid var(--sv-accent);border-radius:12px;background:rgba(0,168,107,.08)} .bal-sv-result h3{margin:0 0 6px;font-size:clamp(20px,2.6vw,28px);text-transform:uppercase;color:#fff} .bal-sv-result p{margin:0;color:#c9d6cd;font-size:14.5px} /* ---------- cases ---------- */ .bal-sv-cases{display:grid;grid-template-columns:repeat(4,1fr);gap:18px} .bal-sv-case{display:block;text-decoration:none;color:inherit;background:#fff;border:1px solid #e4e2de;border-radius:10px;overflow:hidden;transition:transform .16s,box-shadow .16s} .bal-sv-case:hover{transform:translateY(-3px);box-shadow:0 14px 34px -18px rgba(0,58,0,.4)} .bal-sv-case img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block} .bal-sv-case div{padding:14px 16px} .bal-sv-case b{display:block;font-size:14.5px;color:var(--sv-green);line-height:1.35;margin-bottom:4px} .bal-sv-case span{font-size:12.5px;color:#5c7265} .bal-sv-more{margin-top:22px;text-align:center} /* ---------- faq ---------- */ .bal-sv-faq{max-width:900px;margin:0 auto} .bal-sv-faq details{border:1px solid #e4e2de;border-radius:10px;margin-bottom:12px;background:#fff;overflow:hidden} .bal-sv-faq summary{cursor:pointer;padding:17px 22px;font-size:16px;font-weight:700;color:var(--sv-green);list-style:none;position:relative;padding-right:46px} .bal-sv-faq summary::-webkit-details-marker{display:none} .bal-sv-faq summary::after{content:"+";position:absolute;right:20px;top:14px;font-size:22px;color:var(--sv-accent);font-weight:700} .bal-sv-faq details[open] summary::after{content:"\2212"} .bal-sv-faq details p{margin:0;padding:0 22px 20px;font-size:14.5px;color:#3a3a3a;line-height:1.7} /* ---------- final cta ---------- */ .bal-sv-final{background:linear-gradient(135deg,#1c1b1a 0%,#0d2b12 70%,#003a00 100%);color:#eafff3;text-align:center;padding:84px 24px;position:relative;overflow:hidden} .bal-sv-final::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(0,168,107,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(0,168,107,.1) 1px,transparent 1px);background-size:54px 54px} .bal-sv-final>div{position:relative} .bal-sv-final h2{font-size:clamp(28px,4vw,44px);margin:0 0 14px;text-transform:uppercase} .bal-sv-final p{max-width:640px;margin:0 auto 10px;color:#c9d6cd;font-size:16px} .bal-sv-final .chain{font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--sv-accent);margin:18px 0 26px;font-weight:700} .bal-sv-final .cta{display:flex;gap:14px;justify-content:center;flex-wrap:wrap} /* ---------- responsive ---------- */ @media (max-width:1020px){ .bal-sv-hero-inner,.bal-sv-mat-grid,.bal-sv-flow-wrap,.bal-sv-tube-wrap{grid-template-columns:1fr} .bal-sv-routes,.bal-sv-grid2{grid-template-columns:1fr} .bal-sv-grid3,.bal-sv-cost,.bal-sv-cases{grid-template-columns:repeat(2,1fr)} .bal-sv-trust{grid-template-columns:repeat(2,1fr)} .bal-sv-trust div:nth-child(3){border-left:0} .bal-sv-trust div{border-top:1px solid rgba(0,168,107,.22)} .bal-sv-hero-stats{grid-template-columns:repeat(2,1fr)} } @media (max-width:620px){ .bal-sv-grid3,.bal-sv-cost,.bal-sv-cases,.bal-sv-mat-cards,.bal-sv-odid{grid-template-columns:1fr} .bal-sv-sec{padding:52px 0} }