:root{--blue:#07649a;--blue2:#0b77b5;--blue3:#eaf5fb;--ink:#0e2638;--muted:#607386;--green:#9cc975;--line:#dce8f0;--soft:#f5f9fc;--shadow:0 18px 50px rgba(4,62,98,.1);--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Arial,sans-serif;color:var(--ink);line-height:1.55;background:#fff}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}[hidden]{display:none!important}.wrap{width:min(var(--max),calc(100% - 40px));margin:auto}.section{padding:96px 0}.center{text-align:center}.eyebrow{font-size:.76rem;letter-spacing:.15em;text-transform:uppercase;font-weight:850;color:var(--blue);margin-bottom:10px}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(2.65rem,5vw,3.65rem);line-height:1.01;letter-spacing:-.05em;margin-bottom:20px;max-width:760px}h2{font-size:clamp(2rem,3.7vw,3.2rem);line-height:1.08;letter-spacing:-.035em;margin-bottom:17px}h3{font-size:1.25rem;line-height:1.25;margin-bottom:10px}p{color:var(--muted)}.lead{max-width:780px;margin:0 auto;font-size:1.03rem}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 19px;border-radius:8px;font-weight:800;font-size:.9rem;border:1px solid transparent;transition:.22s}.btn:hover{transform:translateY(-2px)}.primary{background:#0878bb;color:#fff;box-shadow:0 12px 26px #06669f3b}.ghost{border-color:#ffffff52;color:#fff}.outline{border-color:#a6cae1;color:var(--blue);background:#fff}header{position:absolute;inset:0 0 auto;z-index:10;border-bottom:1px solid rgba(255,255,255,.14)}.nav{height:82px;display:flex;align-items:center;justify-content:space-between;gap:30px}.logo{width:210px;height:auto}.links{display:flex;align-items:center;gap:25px;color:#fff;font-size:.85rem}.hero{position:relative;overflow:hidden;background:linear-gradient(135deg,#075f93,#096da5 60%,#147daf);color:#fff;padding-top:82px}.hero:before{content:"";position:absolute;right:-120px;top:20px;width:680px;height:680px;border-radius:42% 58% 65% 35%/35% 42% 58% 65%;background:#ffffff17;transform:rotate(-10deg)}.hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:1.08fr .92fr;gap:60px;align-items:center;min-height:690px;padding:75px 0 90px}.hero .eyebrow{color:#b9dd9a}.hero p{color:#ffffffdb;max-width:700px}.hero .sub{font-size:1.05rem;font-weight:800;color:#fff}.actions{display:flex;gap:12px;flex-wrap:wrap;margin:28px 0}.usps{display:flex;gap:20px;flex-wrap:wrap;font-size:.82rem;font-weight:800}.usps span:before{content:"✓";color:#c8eaa7;margin-right:8px}.hero-photo{position:relative;min-height:470px}.hero-photo img{position:absolute;inset:3% 0 auto 7%;width:88%;height:88%;object-fit:cover;border-radius:38% 62% 58% 42%/42% 34% 66% 58%;box-shadow:0 28px 70px #0000003d}.quick{margin-top:-34px;position:relative;z-index:3}.quick-grid,.steps,.services-grid,.trust-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.card,.step,.service,.trust{background:#fff;border:1px solid var(--line);border-radius:18px;padding:24px;box-shadow:var(--shadow)}.qicon{width:42px;height:42px;border-radius:13px;background:var(--blue3);color:var(--blue);display:grid;place-items:center;margin-bottom:14px}.qicon svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.card strong{display:block;margin-bottom:5px}.card small{color:var(--muted)}.how{background:linear-gradient(180deg,#fff,#f6fafc)}.steps{margin:42px 0 48px}.step b{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--blue);color:#fff;margin-bottom:15px}.system-intro{max-width:760px;margin:0 auto 6px}.system-intro h3{font-size:1.45rem;margin-bottom:8px}.system-intro p{margin-bottom:0}.tabs{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin:22px 0}.tab{border:1px solid #b7d2e3;background:#fff;color:var(--blue);border-radius:999px;padding:10px 15px;font-weight:800;cursor:pointer}.tab.active{background:var(--blue);color:#fff}.diagram{max-width:1080px;margin:auto;background:#fff;border:1px solid var(--line);border-radius:24px;padding:18px;box-shadow:var(--shadow)}.diagram img{width:100%;border-radius:14px}.caption{text-align:center;color:#7a8d9d;font-size:.82rem;margin:12px 8px 0}.choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:42px}.choice{border:1px solid var(--line);border-radius:22px;padding:31px}.choice.hybrid{background:linear-gradient(145deg,#f8fbfd,#eef6fb)}.choice.electric{background:linear-gradient(145deg,#f8fbf5,#eef7e7)}.checklist{display:grid;gap:9px;margin:20px 0}.check{display:flex;gap:9px;color:#33495a}.check:before{content:"✓";font-weight:900;color:var(--blue)}.compare{margin-top:35px;overflow:auto;border:1px solid var(--line);border-radius:18px}table{width:100%;border-collapse:collapse;min-width:720px}th,td{padding:16px 18px;text-align:left;border-bottom:1px solid var(--line);font-size:.9rem}th{background:#f3f8fb}.services{background:#f6fafc}.services-grid,.trust-grid{margin-top:42px}.gallery-section{background:#fff}.project-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:34px;align-items:stretch;margin-top:44px}.project-main{min-height:530px;border-radius:22px;overflow:hidden}.project-main img{width:100%;height:100%;object-fit:cover}.project-note{padding:36px;border-radius:22px;background:linear-gradient(145deg,#075f94,#0a78b3);color:#fff;display:flex;flex-direction:column;justify-content:center}.project-note p{color:#ffffffd1}.gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:12px}.thumb{aspect-ratio:1.2;border-radius:14px;overflow:hidden;cursor:pointer;border:0;padding:0;background:none}.thumb img{width:100%;height:100%;object-fit:cover}.sustain{background:linear-gradient(115deg,#0b6b9d,#075788);color:#fff}.sustain-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:58px;align-items:center}.sustain p{color:#ffffffd6}.subsidy{background:#fff;color:var(--ink);border-radius:20px;padding:28px;max-width:500px;justify-self:end}.subsidy p{color:var(--muted)}.greenpoints{display:grid;grid-template-columns:1fr 1fr;gap:12px 18px;margin-top:25px}.greenpoints div:before{content:"✓";margin-right:8px}.cta{background:linear-gradient(90deg,#98c46e,#b8d895);padding:58px 0}.cta-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:30px;align-items:center}.cta h2{color:#fff}.cta p{color:#f6fff2}.cta-actions{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap}footer{background:#075f94;color:#fff;padding:50px 0}.footer-grid{display:flex;justify-content:space-between;gap:40px}footer p{color:#ffffffc7}.modal{position:fixed;inset:0;background:#021421e6;display:none;align-items:center;justify-content:center;padding:24px;z-index:50}.modal.open{display:flex}.modal img{max-width:min(1100px,95vw);max-height:88vh;border-radius:16px}.close{position:absolute;right:25px;top:20px;border:0;background:#fff;border-radius:999px;width:42px;height:42px;font-size:1.4rem;cursor:pointer}.links>a:not(.btn){position:relative;transition:opacity .22s ease}.links>a:not(.btn):after{content:"";position:absolute;left:0;right:100%;bottom:-7px;height:1px;background:#ffffffd1;transition:right .28s ease}.links>a:not(.btn):hover{opacity:.9}.links>a:not(.btn):hover:after{right:0}.btn{transition:transform .22s ease,box-shadow .22s ease,background-color .22s ease,border-color .22s ease}.primary:hover{box-shadow:0 16px 32px #06669f4d}.hero .primary{background:var(--green);color:#173042;box-shadow:0 12px 26px #4f742f38}.hero .primary:hover{background:#add687;box-shadow:0 16px 32px #4f742f47}.outline:hover{box-shadow:0 10px 24px #043e621c}.card,.step,.service,.trust,.choice,.subsidy,.diagram{transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}.card:hover,.step:hover,.service:hover,.trust:hover{transform:translateY(-5px);box-shadow:0 24px 55px #043e6224;border-color:#c8dce8}.choice:hover,.subsidy:hover{transform:translateY(-4px);box-shadow:0 22px 52px #043e621f}.qicon{transition:transform .3s ease,background-color .3s ease}.card:hover .qicon{transform:translateY(-2px) scale(1.05);background:#dff0f9}.hero-grid>div:first-child{animation:heroTextIn .72s cubic-bezier(.22,.61,.36,1) both}.hero-photo{animation:heroPhotoIn .85s .08s cubic-bezier(.22,.61,.36,1) both}.hero-photo img{transition:transform .7s cubic-bezier(.22,.61,.36,1),box-shadow .35s ease}.hero-photo:hover img{transform:scale(1.018);box-shadow:0 34px 78px #00000045}.thumb img,.project-main img{transition:transform .55s cubic-bezier(.22,.61,.36,1),filter .35s ease}.thumb:hover img{transform:scale(1.055);filter:saturate(1.04)}.project-main:hover img{transform:scale(1.025)}.tab{transition:transform .22s ease,background-color .22s ease,color .22s ease,border-color .22s ease}.tab:hover{transform:translateY(-1px);border-color:var(--blue)}.modal.open{animation:modalFade .2s ease both}.modal.open img{animation:modalZoom .24s ease both}@keyframes heroTextIn{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes heroPhotoIn{0%{opacity:0;transform:translateY(18px) scale(.985)}to{opacity:1;transform:none}}@keyframes modalFade{0%{opacity:0}to{opacity:1}}@keyframes modalZoom{0%{opacity:0;transform:scale(.985)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}@media(max-width:920px){.links a:not(.btn){display:none}.hero-grid,.choice-grid,.project-grid,.sustain-grid,.cta-grid{grid-template-columns:1fr}.subsidy{max-width:none;justify-self:stretch}.quick-grid,.steps,.services-grid,.trust-grid{grid-template-columns:1fr 1fr}.hero-photo{min-height:390px}.cta-actions{justify-content:flex-start}}@media(max-width:620px){.wrap{width:min(100% - 28px,var(--max))}.section{padding:72px 0}.quick-grid,.steps,.services-grid,.trust-grid,.greenpoints{grid-template-columns:1fr}.gallery{grid-template-columns:1fr 1fr}.hero-photo{min-height:320px}.footer-grid{flex-direction:column}.logo{width:175px}h1{font-size:clamp(2.4rem,12vw,3.35rem)}}