.solar-visual-section{background:#f7f8fb}.solar-visual-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:3rem;align-items:center}.solar-feature-photo{margin:0;border-radius:24px;overflow:hidden;background:#11184f}.solar-feature-photo img{display:block;width:100%;height:400px;object-fit:cover}.solar-feature-photo figcaption{padding:1.2rem 1.5rem;color:#fff;font-size:.85rem;line-height:1.6}.solar-visual-grid h2{font-size:clamp(2rem,3.8vw,3.5rem);line-height:1.05;margin:1rem 0}.solar-short{color:var(--muted);font-size:.95rem}.solar-energy-flow{display:flex;align-items:center;gap:.6rem;margin:1.6rem 0}.solar-energy-flow div{flex:1}.solar-energy-flow b{display:block;color:#b37b00;font-size:.65rem;margin-bottom:.4rem}.solar-energy-flow strong{display:block;color:var(--deep);font-size:.9rem}.solar-energy-flow span{display:block;color:var(--muted);font-size:.7rem}.solar-energy-flow i{color:#c38a00;font-style:normal}.solar-day-chart{background:#fff;border:1px solid var(--line);padding:1rem 1.2rem;border-radius:16px}.solar-day-chart strong{display:block;color:var(--deep);font-size:.8rem}.solar-day-chart span{font-size:.65rem;color:var(--muted)}.solar-day-chart svg{width:100%;height:110px;display:block;margin-top:.8rem}.solar-chart-labels{display:flex;justify-content:space-between}.solar-schematic{display:flex;justify-content:space-between;align-items:center;gap:.2rem;min-height:120px;background:linear-gradient(135deg,#eef1fa,#fff8df);border-radius:12px;margin-bottom:1.4rem;padding:.8rem}.solar-schematic span{font-size:1.7rem;color:#11184f;text-align:center}.solar-schematic small{display:block;font:600 .58rem/1.4 sans-serif;margin-top:.4rem}.solar-schematic i{font-style:normal;color:#bb8500}.solar-thumb{width:calc(100% + 2.8rem);max-width:none;height:160px;object-fit:cover;display:block;margin:-1.4rem -1.4rem 1.2rem;border-radius:16px 16px 0 0}.info-card{overflow:hidden}.solar-metric{position:relative;overflow:hidden;padding-top:1.8rem}.solar-metric:before{content:'';position:absolute;left:0;top:0;width:100%;height:4px;background:linear-gradient(90deg,#ffb600,#ffe8a6)}.system-card{box-shadow:0 12px 35px rgba(17,24,79,.04)}.project-step{border-top:3px solid #ffb600}
@media(max-width:800px){.solar-visual-grid{grid-template-columns:1fr;gap:2rem}.solar-feature-photo img{height:280px}.solar-schematic{min-height:110px}}@media(max-width:620px){.solar-thumb{height:190px}.solar-feature-photo img{height:230px}.solar-energy-flow{gap:.35rem}.solar-energy-flow span{font-size:.65rem}}
.free-note{padding:1.2rem 1.4rem;border-left:3px solid #ffb600;background:#fff;border-radius:0 14px 14px 0}.free-note b{color:#11184f;font-size:.85rem}.free-note p{font-size:.8rem;color:var(--muted);margin:.4rem 0 0}.free-mini{display:flex;gap:.4rem;flex-wrap:wrap;margin-top:1rem}.free-mini span{padding:.35rem .6rem;background:#f1f3f9;color:#11184f;border-radius:999px;font-size:.65rem;font-weight:600}.free-comparison{display:grid;grid-template-columns:1fr 1fr;gap:1.3rem}.free-comparison article{background:#fff;padding:2rem;border:1px solid var(--line);border-radius:20px}.free-comparison article:last-child{border-top:4px solid #ffb600}.free-comparison h3{font-size:1.3rem;line-height:1.25;color:#11184f;margin:1rem 0}.free-comparison p{font-size:.85rem;color:var(--muted)}.free-network{display:flex;align-items:center;justify-content:space-between;gap:.35rem;padding:1.2rem 0}.free-network span{background:#eef1fa;border-radius:10px;padding:.8rem .65rem;font-size:.72rem;color:#11184f;font-weight:650;text-align:center;flex:1}.free-network i{color:#b27c00;font-style:normal}.free-checks>div{display:flex;gap:1rem;padding:1rem 0;border-bottom:1px solid var(--line)}.free-checks b{color:#b27c00;font-size:.7rem}.free-checks span{font-size:.8rem;color:var(--muted)}.free-checks strong{display:block;color:#11184f;font-size:.9rem;margin-bottom:.25rem}@media(max-width:700px){.free-comparison{grid-template-columns:1fr}.free-comparison article{padding:1.3rem}.free-network span{font-size:.65rem;padding:.65rem .4rem}}
.subscription-bill{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center}.bill-sheet{background:#fff;border:1px solid #e2e5ed;border-radius:20px;padding:2rem;box-shadow:0 20px 50px rgba(17,24,79,.06)}.bill-top{display:flex;justify-content:space-between;gap:1rem;align-items:center;border-bottom:1px solid #e2e5ed;padding-bottom:1.3rem;margin-bottom:1.5rem}.bill-top span{font-size:.65rem;letter-spacing:.12em;color:#11184f;font-weight:750}.bill-top b{font-size:.65rem;color:#7b650a;background:#fff5d6;padding:.4rem .6rem;border-radius:99px}.bill-row{margin:1.4rem 0}.bill-row>span{display:block;font-size:.8rem;color:#11184f;margin-bottom:.65rem}.bill-bar{display:block;width:100%;height:16px;border-radius:5px;background:#11184f}.bill-bar.credit{background:#ffb600}.bill-bar.residual{background:repeating-linear-gradient(45deg,#d7dce7,#d7dce7 5px,#edf0f5 5px,#edf0f5 10px)}.bill-footer{font-size:.65rem;line-height:1.6;color:var(--muted);border-top:1px solid #e2e5ed;margin-top:1.6rem;padding-top:1rem}.bill-explanation h3{font-size:1.6rem;color:#11184f;margin:0 0 1rem}.bill-explanation>p{font-size:.9rem;color:var(--muted)}@media(max-width:800px){.subscription-bill{grid-template-columns:1fr;gap:2rem}.bill-sheet{padding:1.4rem}}
.about-ecosystem{border:1px solid var(--line);background:#f7f8fb;border-radius:24px;padding:2rem}.ecosystem-hub{margin:0 auto 2rem;padding:1.2rem 2rem;max-width:300px;background:#fff;border:1px solid #e2e5ed;border-bottom:4px solid #ffb600;border-radius:16px;text-align:center}.ecosystem-hub img{width:100%;height:auto;display:block}.ecosystem-hub>span{display:block;color:var(--muted);font-size:.7rem;margin-top:.75rem}.ecosystem-nodes{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.ecosystem-nodes article{background:#fff;border-radius:14px;padding:1.3rem;border:1px solid #e2e5ed}.ecosystem-nodes b{font-size:.7rem;color:#b27c00}.ecosystem-nodes h3{color:#11184f;font-size:1rem;margin:.8rem 0 .4rem}.ecosystem-nodes p{font-size:.8rem;color:var(--muted);margin:0}.about-timeline{grid-template-columns:repeat(4,1fr)}.partner-profiles{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.partner-profiles h3{font-size:1.15rem;line-height:1.2}@media(max-width:980px){.ecosystem-nodes,.partner-profiles,.about-timeline{grid-template-columns:repeat(2,1fr)}}@media(max-width:620px){.ecosystem-nodes,.partner-profiles,.about-timeline{grid-template-columns:1fr}.about-ecosystem{padding:1.2rem}.ecosystem-hub{padding:1rem}}
.need-visual{overflow:hidden;padding:0 1.15rem 1.3rem;position:relative;min-height:350px}.need-photo{display:block;width:calc(100% + 2.3rem);max-width:none;height:145px;object-fit:cover;margin:0 -1.15rem;transition:transform .4s ease}.need-visual:hover .need-photo{transform:scale(1.035)}.need-visual b{position:relative;margin-top:-19px;background:#ffb600;color:#11184f;border:4px solid #fff;width:42px;height:42px;z-index:1}.need-visual h3{margin:.9rem 0 .65rem;font-size:1.06rem}.need-visual p{line-height:1.6}.need-visual>span{border-top:1px solid var(--line);padding-top:1rem;font-size:.7rem}@media(max-width:980px){.need-photo{height:190px}.need-visual{min-height:365px}}@media(max-width:620px){.need-photo{height:205px}.need-visual{min-height:0}.need-visual>span{margin-top:.5rem}}
.market-role-visual{padding:0 1.4rem 1.5rem;overflow:hidden;position:relative;transition:transform .25s ease,box-shadow .25s ease}.market-role-visual:hover{transform:translateY(-4px);box-shadow:0 16px 40px rgba(17,24,79,.07)}.role-photo{display:block;width:calc(100% + 2.8rem);max-width:none;height:175px;object-fit:cover;margin:0 -1.4rem}.market-role-visual>b{position:relative;display:grid;place-items:center;margin-top:-20px;width:44px;height:44px;border:4px solid #fff;border-radius:50%;background:#ffb600;color:#11184f;font-size:.7rem}.market-role-visual h3{margin:.85rem 0 .6rem;font-size:1.15rem;color:#11184f}.market-role-visual p{line-height:1.65}@media(max-width:980px){.role-photo{height:210px}}@media(max-width:620px){.role-photo{height:220px}}
.solar-metric .metric-illustration{width:76px;height:76px;display:grid;place-items:center;border-radius:22px;background:linear-gradient(135deg,#fff4cb,#ffe099);color:#11184f;margin-bottom:1.35rem;box-shadow:inset 0 0 0 1px rgba(197,140,0,.12)}.metric-illustration svg{width:54px;height:54px}.solar-metric{background:linear-gradient(150deg,#fff 55%,#f1f3fa);min-height:235px}.solar-metric strong{font-size:1.9rem}.solar-metric>span{display:block;margin-top:.6rem;line-height:1.5;max-width:190px}.solar-metric:nth-child(2) .metric-illustration{background:#e8ecff}.solar-metric:nth-child(3) .metric-illustration{background:#e4f2eb}.solar-metric:nth-child(4) .metric-illustration{background:#fff0db}

