.dchero{display:grid;grid-template-columns:1.3fr 1fr;gap:45px;align-items:center;margin:45px 0 65px}.dchero h1{font-size:clamp(36px,4.6vw,60px);line-height:1.1;letter-spacing:-2px}.dchero h1 em{color:#4d745f;font-style:normal}.dcvisual{padding:32px;background:#122e3b;color:#c4ee69;border-radius:18px}.dcvisual small{font-size:11px;letter-spacing:2px}.dcvisual svg{width:100%;display:block}.dcvisual strong{color:#e3f0e8;font-size:24px}.dcsection{padding:55px 0;border-top:1px solid #d0ded5;scroll-margin-top:24px}.dcsection h2,.dcenergy h2,.dcjourney h2{font-size:clamp(28px,3.5vw,42px);line-height:1.2;margin:18px 0 28px}.dcgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:28px;margin:30px 0}.dcgrid article{border-top:2px solid #a3b99a;padding-top:15px}.dcgrid h3,.dcparts h3{font-size:24px;margin:12px 0}.dcboard{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;background:#122e3b;padding:30px;border-radius:16px;margin:30px 0}.dcboard span{display:grid;place-items:center;text-align:center;border:1px solid #88aa8c;border-radius:8px;color:#c4ee69;padding:25px 15px;font-size:13px;letter-spacing:1px}.dcparts{display:grid;grid-template-columns:repeat(2,1fr);gap:30px}.dcparts article{display:flex;gap:22px;padding:20px 0;border-bottom:1px solid #d0ded5}.dcparts article>span{color:#567b5a;font-size:26px;font-weight:700;padding-top:12px}.dcsmall{font-size:13px;color:#597268}.dcbrands{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin:36px 0}.dcbrands>article{border:1px solid #cbdad0;background:white;border-radius:14px;overflow:hidden;display:flex;flex-direction:column}.dclogo{display:flex;align-items:center;justify-content:center;height:135px;padding:24px;border-bottom:1px solid #e0e9e3;box-sizing:border-box}.dclogo img{width:180px;height:75px;object-fit:contain;max-width:90%}.dclogodark{background:#122e3b}.dcbrandbody{display:flex;flex-direction:column;flex:1;padding:24px}.dcbrandbody small{color:#57725f;letter-spacing:1px;font-size:11px;text-transform:uppercase}.dcbrandbody h3{font-size:25px;margin:12px 0}.dcbrandbody p{margin:5px 0 25px}.dcbrandbody a{margin-top:auto}.dcenergy{background:#122e3b;padding:40px;border-radius:18px;color:#d5e6dc;margin:30px 0 55px;scroll-margin-top:24px}.dcenergy .eyebrow,.dcenergygrid>article>span{color:#c4ee69}.dcenergy h2,.dcenergy h3{color:#f0f5ef}.dcenergygrid{display:grid;grid-template-columns:1fr 1fr;gap:40px}.dcenergygrid>article>span{font-size:11px;letter-spacing:2px}.dcenergygrid h3{font-size:27px}.dcnotice{padding:25px;background:#eaf0e2;border-left:4px solid #6d9268;border-radius:0 10px 10px 0;margin:28px 0;line-height:1.8}.dcenergy .dcnotice{background:#244752;color:#e5eee7;border-color:#c4ee69}.dcenergy .resourcebuttons a{background:transparent;color:#e2eee6;border-color:#81a397}.dccompare{display:grid;grid-template-columns:1fr 1fr;gap:30px}.dccompare article{background:#eaf0e2;border-radius:12px;padding:30px}.dccompare article>span{font-size:11px;letter-spacing:2px}.dccompare h3{font-size:29px}.dcjourney{background:#eaf0e2;padding:36px;border-radius:16px;margin:30px 0 55px}.dcjourney ol{list-style:none;display:grid;grid-template-columns:repeat(5,1fr);gap:20px;padding:0;margin:36px 0}.dcjourney li{position:relative;border-top:2px solid #89a57b;padding-top:18px}.dcjourney li:not(:last-child)::after{content:'→';position:absolute;right:0;top:12px;font-size:24px;color:#547d5d}.dcjourney li>span{font-size:27px;color:#4e7358;font-weight:700}.dcjourney h3{font-size:21px}.dcjourney li p{font-size:14px}.dcpage .resourcebuttons{display:flex;flex-wrap:wrap;gap:12px}.dcpage .resourcebuttons a{display:inline-flex;align-items:center;justify-content:center;min-height:48px;box-sizing:border-box}@media(max-width:950px){.dchero{grid-template-columns:1fr}.dcbrands{grid-template-columns:repeat(2,1fr)}.dcjourney ol{grid-template-columns:repeat(3,1fr)}}@media(max-width:620px){.dcbrands,.dcparts,.dcgrid,.dcenergygrid,.dccompare,.dcjourney ol{grid-template-columns:1fr}.dcboard{grid-template-columns:repeat(2,1fr);padding:18px;gap:10px}.dcboard span{font-size:11px;padding:20px 8px}.dcenergy,.dcjourney,.dcvisual{padding:24px}.dchero h1{letter-spacing:-1px}.dcsection{padding:35px 0}.dcjourney li:not(:last-child)::after{content:'↓'}}