.solar-bongo{--sg:#075731;--sy:#ffe95b;--sc:#fffbe8;--sb:#eaf7ff;color:#22362c;background:#fff;font-family:'Zen Maru Gothic',sans-serif;line-height:1.8}.solar-bongo *{box-sizing:border-box}.solar-bongo h1,.solar-bongo h2,.solar-bongo h3,.solar-bongo p,.solar-bongo figure{margin:0}.solar-bongo img{display:block;width:100%;height:auto}.sb-width{width:min(1160px,calc(100% - 64px));margin-inline:auto}.sb-crumb{font-size:12px;padding:15px 0;color:#667b6a}.sb-crumb a{text-decoration:underline}.sb-hero{position:relative;background:#e8f5fc;isolation:isolate;min-height:580px;overflow:hidden}.sb-hero>picture{position:absolute;inset:0;z-index:-2}.sb-hero>picture img{width:100%;height:100%;object-fit:cover;object-position:center 60%}.sb-hero:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(250,253,246,.98),rgba(250,253,246,.89) 28%,rgba(250,253,246,.3) 52%,transparent 68%)}.sb-hero-copy{padding-block:58px;max-width:660px}.sb-pill{display:inline-block;background:var(--sg);color:white;padding:3px 18px;border-radius:99px;font-weight:700;font-size:15px}.sb-hero h1{font-size:clamp(27px,3.1vw,43px);line-height:1.55;letter-spacing:.01em;color:var(--sg);margin:20px 0}.sb-hero h1 em{font-style:normal;background:linear-gradient(transparent 73%,var(--sy) 73%)}.sb-hero-lead{font-size:16px;font-weight:700;margin-bottom:24px!important}.sb-button{display:inline-flex;align-items:center;justify-content:center;gap:24px;min-height:56px;border-radius:99px;padding:14px 26px;font-size:16px;font-weight:700;text-align:center;text-decoration:none;line-height:1.55;transition:transform .15s,box-shadow .15s}.sb-button:after{content:'›';font-size:27px;line-height:1}.sb-orange{background:linear-gradient(110deg,#ff922b,#ff6409);color:white;box-shadow:0 4px 0 #df570915}.sb-green{background:#079a39;color:white}.sb-button:hover{transform:translateY(-2px);box-shadow:0 6px 16px #273b2433}.sb-button:focus-visible,.sb-nav a:focus-visible,.sb-link:focus-visible{outline:3px solid #1d6297;outline-offset:4px}.sb-free{font-size:12px;margin-top:9px!important}.sb-nav{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.sb-nav a{border-radius:99px;padding:5px 17px;background:white;color:var(--sg);font-size:13px;font-weight:700;border:1px solid #d4e6cc;text-decoration:none}.sb-hero-bubble{position:absolute;right:7%;top:30%;padding:12px 18px;background:white;border:2px solid var(--sg);border-radius:24px;color:var(--sg);font-weight:700;line-height:1.5;box-shadow:0 5px 15px #0001}.sb-hero-bubble:after{content:'';position:absolute;bottom:-11px;left:40%;width:16px;height:16px;background:white;border-right:2px solid var(--sg);border-bottom:2px solid var(--sg);transform:rotate(45deg)}.sb-section{padding:55px 0;scroll-margin-top:105px}.sb-white{background:white}.sb-cream{background:linear-gradient(100deg,#fffde9,#fff8e9)}.sb-blue{background:linear-gradient(110deg,#eefaff,#e8f5ff)}.sb-mint{background:linear-gradient(110deg,#f5fbe9,#e7f6df)}.sb-section-head{display:flex;align-items:flex-start;gap:16px;margin-bottom:24px}.sb-number{flex:0 0 51px;height:51px;background:var(--sy);border-radius:50%;font-weight:900;display:grid;place-items:center;color:var(--sg);font-size:22px}.sb-section h2{font-size:clamp(24px,2.7vw,32px);line-height:1.5;color:var(--sg);font-weight:900}.sb-section-head p{margin-top:5px;font-size:15px}.sb-explainer{display:grid;grid-template-columns:minmax(0,1fr) 230px;gap:30px;align-items:center}.sb-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.sb-card{position:relative;background:white;border-radius:14px;overflow:visible;box-shadow:0 2px 8px #33582209}.sb-card img{aspect-ratio:4/3;object-fit:cover;border-radius:13px 13px 0 0}.sb-card figcaption,.sb-card-copy{padding:13px 14px 16px}.sb-card h3,.sb-card figcaption strong{display:block;font-size:18px;line-height:1.55;color:var(--sg);margin-bottom:4px}.sb-card p,.sb-card figcaption span{display:block;font-size:13px;line-height:1.7}.sb-flow .sb-card:not(:last-child):after{content:'➜';position:absolute;right:-24px;top:30%;z-index:2;color:#f5b308;font-size:34px;text-shadow:0 2px 0 white}.sb-guide{align-self:end;display:flex;flex-direction:column;align-items:center}.sb-bubble{position:relative;border:2px solid #377444;border-radius:25px;background:white;padding:14px 18px;text-align:center;font-weight:700;font-size:15px;line-height:1.65;margin-bottom:16px!important;max-width:245px;z-index:1}.sb-bubble:after{content:'';position:absolute;bottom:-9px;left:46%;width:13px;height:13px;background:white;border-right:2px solid #377444;border-bottom:2px solid #377444;transform:rotate(45deg)}.sb-guide>img{max-width:240px;max-height:230px;object-fit:contain}.sb-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.sb-compare-label{display:block;padding:8px 10px;background:#8b9394;border-radius:13px 13px 0 0;color:white;text-align:center;font-weight:700}.sb-compare-label.after{background:#159c48}.sb-compare .sb-card img{border-radius:0}.sb-night .sb-compare-label{background:#173762}.sb-day .sb-compare-label{background:#2087b3}.sb-caption{padding:11px 15px;text-align:center;font-size:14px;line-height:1.65}.sb-caption strong{display:block;color:var(--sg);font-size:17px;margin-bottom:3px}.sb-keyline{font-size:20px;font-weight:900;color:var(--sg);margin-bottom:18px!important}.sb-note{font-size:12px;color:#546655;margin-top:15px!important;line-height:1.7}.sb-link{display:inline-flex;align-items:center;gap:15px;font-weight:700;color:var(--sg);text-decoration:underline;text-underline-offset:5px;font-size:15px;margin-top:15px}.sb-guide .sb-link{font-size:13px;text-align:center}.sb-small-cta{display:block;border:1px solid #309248;border-radius:99px;background:white;color:var(--sg);font-size:13px;text-align:center;padding:8px 16px;font-weight:700;text-decoration:none;margin-top:14px}.sb-math{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:20px;background:white;border-radius:14px;border:1px solid #d6e7d0;padding:16px;font-size:14px;font-weight:700;color:var(--sg);flex-wrap:wrap}.sb-math b{font-size:22px;color:#d89700;padding:0 6px}.sb-process{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;list-style:none;margin:0;padding:0;counter-reset:step}.sb-process li{background:white;border-radius:14px;overflow:hidden;counter-increment:step}.sb-process h3{font-size:16px;padding:12px 10px;color:var(--sg)}.sb-process h3:before{content:counter(step);display:inline-grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#138c35;color:white;font-size:14px;margin-right:7px}.sb-process img{aspect-ratio:4/3;object-fit:cover}.sb-process p{font-size:13px;line-height:1.75;padding:12px 14px}.sb-faq{margin-top:30px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.sb-faq details{background:white;border-radius:12px;padding:15px 18px}.sb-faq summary{font-weight:700;color:var(--sg);cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:15px}.sb-faq summary:after{content:'＋';font-size:19px}.sb-faq details[open] summary:after{content:'−'}.sb-faq details p{font-size:14px;padding-top:12px}.sb-final{padding:40px 0;background:linear-gradient(100deg,#fff6a5,#fffbe8)}.sb-final-inner{display:grid;grid-template-columns:240px 1fr;gap:35px;align-items:center}.sb-final-mascot img{max-height:240px;object-fit:contain}.sb-final-mascot .sb-bubble{font-size:13px;padding:8px 12px;margin:0 auto 10px!important}.sb-final h2{color:var(--sg);font-size:clamp(23px,2.6vw,32px);line-height:1.55;margin-bottom:8px}.sb-final .sb-buttons{display:flex;gap:12px;margin:20px 0;flex-wrap:wrap}.sb-phone{display:inline-block;font-size:25px;color:var(--sg);font-weight:900;text-decoration:none;margin-left:12px;white-space:nowrap}.sb-final small{display:block;font-size:12px}.sb-source{text-align:center;padding:18px 24px;font-size:11px;color:#687669}.solar-bongo-page .header-phone-solar{white-space:nowrap;color:#075731;font-weight:700;font-size:17px;text-decoration:none}.solar-bongo-page .header-inner{max-width:1440px}.solar-bongo-page .desktop-nav{gap:15px}.solar-bongo-page .desktop-nav a{font-size:13px}.solar-bongo-page .header-socials{display:none}
@media(min-width:1500px){.sb-hero{min-height:620px}.sb-hero>picture img{object-position:center 58%}}
@media(max-width:1100px){.solar-bongo-page .header-phone-solar{font-size:15px}.sb-explainer{grid-template-columns:minmax(0,1fr) 180px;gap:20px}.sb-guide>img{max-width:180px}.sb-bubble{font-size:13px;padding:12px}.sb-tiles{gap:12px}.sb-hero-bubble{right:4%;top:20%}.sb-hero-copy{max-width:550px}.sb-hero h1{font-size:34px}.sb-hero-lead{max-width:380px}}
@media(max-width:800px){.sb-width{width:calc(100% - 36px)}.solar-bongo-page .header-phone-solar{display:none}.sb-hero{min-height:0;padding-top:250px;display:flex;flex-direction:column}.sb-hero>picture{height:330px;inset:0 0 auto}.sb-hero>picture img{object-position:74% 54%;object-fit:cover}.sb-hero:after{background:linear-gradient(0deg,#fffef8 3%,rgba(255,254,248,.15) 35%,transparent 80%)}.sb-hero-copy{position:relative;margin-left:-3px;padding:22px 0 28px;max-width:none;z-index:1}.sb-hero h1{font-size:clamp(25px,4.2vw,32px);margin:15px 0}.sb-hero-lead{font-size:14px;max-width:none;margin-bottom:18px!important}.sb-hero-bubble{right:15px;top:20px;font-size:12px;padding:8px 12px;border-radius:18px}.sb-pill{font-size:12px;padding:3px 13px}.sb-section{padding:36px 0}.sb-section-head{gap:11px;margin-bottom:20px}.sb-number{flex-basis:38px;height:38px;font-size:17px}.sb-section h2{font-size:23px}.sb-section-head p{font-size:13px}.sb-explainer{grid-template-columns:1fr;gap:20px}.sb-guide{flex-direction:row-reverse;align-self:auto;justify-content:center;gap:20px}.sb-guide>img{width:130px;max-height:135px;flex:0 0 130px}.sb-bubble{margin-bottom:0!important;font-size:13px;max-width:240px}.sb-bubble:after{bottom:auto;left:-8px;top:45%;transform:rotate(135deg)}.sb-guide .sb-small-cta,.sb-guide .sb-link{display:none}.sb-two{gap:12px}.sb-card h3,.sb-card figcaption strong{font-size:16px}.sb-card p,.sb-card figcaption span{font-size:12px}.sb-card figcaption,.sb-card-copy{padding:11px}.sb-caption{font-size:12px;padding:9px}.sb-caption strong{font-size:15px}.sb-keyline{font-size:17px}.sb-compare-label{font-size:13px;padding:7px 4px}.sb-tiles{gap:10px}.sb-flow .sb-card:not(:last-child):after{font-size:25px;right:-17px;top:22%}.sb-process{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.sb-faq{grid-template-columns:1fr}.sb-process h3{font-size:15px}.sb-final-inner{grid-template-columns:130px 1fr;gap:15px}.sb-final-mascot .sb-bubble{display:none}.sb-final h2{font-size:23px}.sb-final .sb-buttons{flex-direction:column;gap:10px;grid-column:1/-1}.sb-final-copy{display:contents}.sb-final-copy>p{grid-column:2}.sb-final-copy>h2{grid-column:2;grid-row:1}.sb-final-mascot{grid-column:1;grid-row:1/3}.sb-final-copy .sb-company-line,.sb-final small{grid-column:1/-1;text-align:center}.sb-phone{font-size:24px;margin-left:0;display:block}.sb-final .sb-button{font-size:15px}.sb-final-inner{row-gap:7px}.sb-section .sb-link{font-size:14px}.sb-math{font-size:12px;padding:12px;gap:3px}}
@media(max-width:400px){.sb-width{width:calc(100% - 28px)}.sb-hero h1{font-size:25px}.sb-section h2{font-size:21px}.sb-button{padding:13px 18px;gap:13px;font-size:14px}.sb-tiles{gap:8px}.sb-card h3,.sb-card figcaption strong{font-size:14px}.sb-card figcaption span{font-size:11px}.sb-card figcaption{padding:9px 8px}.sb-guide{gap:12px}.sb-guide>img{width:110px;flex-basis:110px}.sb-compare-label{font-size:12px}.sb-caption strong{font-size:14px}.sb-final h2{font-size:21px}}
@media(prefers-reduced-motion:reduce){.sb-button{transition:none}.sb-button:hover{transform:none}}

.sb-hero>picture{z-index:0}.sb-hero:after{z-index:1}.sb-hero>.sb-width{position:relative;z-index:2}.sb-hero-bubble{z-index:3}.sb-phrase{display:inline-block}
@media(max-width:600px){.sb-tiles{grid-template-columns:1fr;gap:14px}.sb-tiles .sb-card{display:grid;grid-template-columns:110px minmax(0,1fr);align-items:center;min-height:105px;overflow:visible}.sb-tiles .sb-card img{width:110px;height:105px;aspect-ratio:auto;border-radius:13px 0 0 13px;object-fit:cover}.sb-tiles .sb-card figcaption{padding:12px 15px}.sb-tiles .sb-card figcaption strong{font-size:17px;line-height:1.5}.sb-tiles .sb-card figcaption span{font-size:14px;line-height:1.7}.sb-tiles .sb-card figcaption br{display:none}.sb-flow{gap:21px}.sb-flow .sb-card:not(:last-child):after{content:'↓';top:auto;bottom:-25px;left:49px;right:auto;font-size:25px;line-height:28px}.sb-section-head h2 br{display:none}.sb-caption{font-size:13px}.sb-note{font-size:13px}}
