:root{--navy:#061b31;--blue:#0878d1;--cyan:#3ed0df;--ink:#0b2740;--muted:#6f8293;--line:#dce6ec;--soft:#f3f7f9}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:Manrope,"Noto Sans SC",sans-serif;background:#fff}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.container{width:min(1180px,calc(100% - 48px));margin:auto}
.solar-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.96);border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}.solar-nav{height:88px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:8px}.brand img:first-child{width:47px;height:39px;object-fit:cover}.brand img:last-child{width:155px;height:45px;object-fit:cover}.solar-nav nav{display:flex;gap:28px;font-size:12px;font-weight:700}.solar-nav nav a:hover{color:var(--blue)}.nav-actions{display:flex;align-items:center;gap:18px}.solar-lang{display:flex;align-items:center;gap:7px;border:0;background:none;color:#9aa8b3;font-size:10px;cursor:pointer}.solar-lang i{height:12px;border-left:1px solid #cbd4da}.solar-lang .active{color:var(--blue);font-weight:800}.back-home{padding:12px 17px;color:#fff;background:var(--blue);font-size:10px;font-weight:800}
.solar-hero{min-height:690px;position:relative;display:flex;align-items:center;color:#fff;overflow:hidden;background:var(--navy)}.hero-photo,.hero-overlay{position:absolute;inset:0;width:100%;height:100%}.hero-photo{object-fit:cover}.hero-overlay{background:linear-gradient(90deg,rgba(4,24,43,.97) 0%,rgba(4,28,49,.88) 45%,rgba(4,26,46,.3) 100%)}.hero-content{position:relative;padding:100px 0 58px}.eyebrow,.kicker{color:var(--cyan);font-size:9px;font-weight:800;letter-spacing:.17em}.hero-content h1{max-width:780px;margin:22px 0;font-size:54px;line-height:1.12}.hero-content>p{max-width:650px;color:#bdd0dc;font-size:14px;line-height:1.85}.hero-actions{display:flex;gap:12px;margin-top:34px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:15px 23px;font-size:11px;font-weight:800}.btn.primary{color:#fff;background:var(--blue)}.btn.ghost{color:#fff;border:1px solid rgba(255,255,255,.35)}.btn.light{color:var(--ink);background:#fff}.hero-metrics{display:grid;grid-template-columns:repeat(4,1fr);max-width:850px;margin-top:70px;border-top:1px solid rgba(255,255,255,.2)}.hero-metrics div{padding:22px 18px 0 0}.hero-metrics b{display:block;color:var(--cyan);font-size:10px}.hero-metrics span{display:block;margin-top:9px;font-size:12px;font-weight:700}
.section{padding:105px 0}.intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px}.intro h2,.section-heading h2,.economics h2{font-size:38px;line-height:1.25;margin:17px 0}.intro-grid p{color:var(--muted);font-size:13px;line-height:1.9}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:65px;border:1px solid var(--line)}.process-grid article{min-height:220px;padding:30px;border-right:1px solid var(--line)}.process-grid article:last-child{border:0}.process-grid b,.assurance-grid article>span{color:var(--blue);font-size:10px}.process-grid h3{margin:28px 0 12px;font-size:15px}.process-grid p,.system-points p{color:var(--muted);font-size:11px;line-height:1.75}
.system-section{color:#fff;background:var(--navy)}.section-heading{max-width:780px;margin-bottom:50px}.section-heading h2{color:#fff}.section-heading.dark h2{color:var(--ink)}.system-layout{display:grid;grid-template-columns:1.25fr .75fr;gap:22px}.topology-card{background:#fff;color:var(--ink)}.topology-card img{width:100%;height:390px;object-fit:contain;padding:28px}.topology-card>div{padding:28px 34px;border-top:1px solid var(--line)}.topology-card span{color:var(--blue);font-size:10px}.topology-card h3{margin:10px 0}.topology-card p{color:var(--muted);font-size:11px;line-height:1.7}.system-points{display:grid;grid-template-columns:1fr 1fr;background:#0b2d4d}.system-points article{padding:27px;border-right:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1)}.system-points b{color:var(--cyan);font-size:8px;letter-spacing:.12em}.system-points h3{font-size:14px}.system-points p{color:#9eb4c3}.mount-gallery{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:22px}.mount-gallery figure{margin:0;background:#fff}.mount-gallery img{width:100%;height:270px;object-fit:cover}.mount-gallery figcaption{padding:17px 22px;color:var(--ink);font-size:11px;font-weight:700}
.delivery{background:var(--soft)}.assurance-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);border:1px solid var(--line)}.assurance-grid article{min-height:300px;padding:40px;background:#fff}.assurance-grid .assurance-image{padding:0}.assurance-image img{width:100%;height:100%;object-fit:cover}.assurance-grid h3{margin:14px 0 20px}.assurance-grid ul{padding-left:18px;color:var(--muted);font-size:11px;line-height:2}.timeline{display:grid;grid-template-columns:repeat(6,1fr);margin-top:35px;border-top:1px solid #c9d6de}.timeline div{padding:22px 15px;border-right:1px solid #c9d6de}.timeline b{display:block;color:var(--blue);font-size:9px}.timeline span{display:block;margin-top:10px;font-size:10px;font-weight:700}
.economics{background:#fff}.economics-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;align-items:center}.economics-copy p{color:var(--muted);font-size:12px;line-height:1.85}.economics-copy .btn{margin-top:22px}.economics-cards{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line)}.economics-cards article{min-height:210px;padding:30px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.economics-cards span{color:var(--blue);font-size:9px}.economics-cards h3{font-size:15px}.economics-cards p{color:var(--muted);font-size:10px;line-height:1.7}.calculation-note{margin-top:50px;padding:24px 28px;background:#eef7fa;border-left:3px solid var(--cyan)}.calculation-note b{font-size:12px}.calculation-note p{margin:7px 0 0;color:var(--muted);font-size:10px;line-height:1.7}
.cases{background:var(--soft)}.case-feature{display:grid;grid-template-columns:1.25fr .75fr;background:#fff}.case-feature img{width:100%;height:420px;object-fit:cover}.case-feature>div{padding:55px 42px;align-self:center}.case-feature span{color:var(--blue);font-size:8px;font-weight:800;letter-spacing:.15em}.case-feature h3{font-size:25px;line-height:1.35}.case-feature p{color:var(--muted);font-size:11px;line-height:1.8}.case-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:18px}.case-grid article{background:#fff}.case-grid img{width:100%;height:220px;object-fit:cover}.case-grid div{padding:22px}.case-grid b{color:var(--blue);font-size:18px}.case-grid h3{font-size:13px;line-height:1.45}
.solar-cta{padding:65px 0;color:#fff;background:linear-gradient(110deg,#05243d,#087299)}.solar-cta .container{display:flex;align-items:center;justify-content:space-between;gap:40px}.solar-cta span{color:#7be0e7;font-size:9px;font-weight:800;letter-spacing:.15em}.solar-cta h2{margin:10px 0;font-size:28px}footer{padding:36px 0;background:#fff}footer .container{display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:9px}footer img{width:175px;height:48px;object-fit:cover}
@media(max-width:900px){.solar-nav nav{display:none}.hero-content h1{font-size:42px}.intro-grid,.system-layout,.economics-grid,.case-feature{grid-template-columns:1fr}.process-grid{grid-template-columns:1fr 1fr}.hero-metrics{grid-template-columns:1fr 1fr}.case-feature img{height:320px}}
@media(max-width:620px){.container{width:calc(100% - 30px)}.solar-nav{height:72px;gap:8px;position:relative}.brand img:first-child{display:none}.brand img:last-child{width:118px;height:38px}.nav-actions{display:flex!important;position:fixed;right:52px;top:20px;transform:none;gap:5px;z-index:55}.solar-lang{display:flex!important;width:76px;height:32px;justify-content:center;gap:5px;padding:0;background:var(--soft);border:1px solid var(--line);font-size:9px;white-space:nowrap}.back-home{display:none}.solar-hero{min-height:760px}.hero-content{padding-top:72px}.hero-content h1{font-size:34px;overflow-wrap:anywhere}.hero-actions{flex-direction:column;align-items:stretch}.hero-metrics,.process-grid,.system-points,.assurance-grid,.economics-cards,.case-grid,.mount-gallery{grid-template-columns:1fr}.section{padding:75px 0}.intro-grid{gap:25px}.process-grid article{border-right:0;border-bottom:1px solid var(--line)}.topology-card img{height:270px}.timeline{grid-template-columns:1fr 1fr}.case-feature img{height:240px}.solar-cta .container,footer .container{display:block}.solar-cta .btn{margin-top:20px}footer p{margin-top:18px}}
