:root{--ink:#111;--green:#596f38;--lime:#d4ed52;--cream:#f7f5ed;--mono:'DM Mono',monospace;--sans:'Manrope',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--sans)}header{position:absolute;z-index:2;height:82px;width:100%;padding:0 4.8vw;display:flex;align-items:center;justify-content:space-between}header a{font:11px var(--mono);color:var(--ink);text-decoration:none;text-transform:uppercase}.site{font-family:var(--sans)!important;font-weight:800!important;letter-spacing:-.06em}.hero{min-height:730px;padding:140px 4.8vw 52px;display:grid;grid-template-columns:1.08fr .92fr;background:var(--lime)}.eyebrow{font:10px/1.5 var(--mono);letter-spacing:.04em;text-transform:uppercase;margin:0}.logo{display:block;width:270px;height:88px;object-fit:contain;object-position:left center;margin:28px 0 18px;mix-blend-mode:multiply}.hero h1,.statement h2,.range h2,.efficiency h2,.cta h2{font-size:clamp(55px,6.7vw,105px);letter-spacing:-.09em;line-height:.86;margin:0}.hero em,.statement em,.range em,.efficiency em,.cta em{font-family:Georgia,serif;font-weight:400}.intro{font-size:14px;line-height:1.7;max-width:365px;margin:27px 0}.button{display:inline-block;background:var(--ink);color:#fff;border-radius:24px;padding:14px 18px;text-decoration:none;font-size:12px;font-weight:800}.hero-art{min-height:515px;background:var(--green);position:relative;overflow:hidden}.lamp{width:235px;height:235px;border:14px solid var(--ink);border-radius:50%;background:var(--lime);position:absolute;left:50%;top:48%;transform:translate(-50%,-50%);box-shadow:16px 16px 0 var(--ink)}.lamp:before{content:'';width:60px;height:120px;border:13px solid var(--ink);border-bottom:0;position:absolute;left:74px;top:-125px}.lamp i{width:84px;height:84px;background:#fff;border-radius:50%;position:absolute;top:61px;left:61px;box-shadow:0 0 0 17px var(--lime),0 0 0 21px var(--ink)}.hero-art span{font:12px/1.35 var(--mono);color:#fff;text-align:right;position:absolute;right:26px;bottom:27px}.statement{padding:115px 13vw;display:grid;grid-template-columns:1.25fr .75fr;gap:7vw}.statement h2{font-size:clamp(45px,5.5vw,83px);grid-row:2;margin-top:10px}.statement>p:last-child{grid-row:2;grid-column:2;font-size:14px;line-height:1.8;margin:15px 0}.range{background:var(--ink);color:#fff;padding:110px 4.8vw}.range-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:65px}.range h2{font-size:clamp(46px,5.5vw,83px)}.grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #777}.grid article{min-height:280px;padding:19px 19px 0 0;border-right:1px solid #777}.grid article:not(:first-child){padding-left:19px}.grid article:last-child{border-right:0}.grid span{font:10px var(--mono);color:var(--lime)}.draw{height:95px;margin:19px 0;position:relative}.bulb{font-size:78px;color:var(--lime)}.street{width:15px;height:86px;background:#fff;left:35px}.street:before{content:'';position:absolute;width:98px;height:12px;background:#fff;top:0;left:0;transform:rotate(-21deg);transform-origin:left}.street:after{content:'';position:absolute;width:46px;height:18px;border-radius:0 0 50% 50%;background:var(--lime);top:26px;left:60px;transform:rotate(-21deg)}.driver{width:112px;height:70px;border:3px solid #fff;background:var(--green);top:10px}.driver:before,.driver:after{content:'';width:12px;height:28px;background:#fff;position:absolute;top:18px}.driver:before{left:-15px}.driver:after{right:-15px}.fan{width:100px;height:100px;border-radius:50%;border:3px solid #fff}.fan i{position:absolute;width:38px;height:15px;background:var(--lime);border-radius:100% 0;left:28px;top:40px;transform-origin:22px 8px}.fan i:nth-child(2){transform:rotate(120deg)}.fan i:nth-child(3){transform:rotate(240deg)}.grid h3{font-size:21px;letter-spacing:-.06em;margin:0 0 8px}.grid p{font-size:12px;line-height:1.5;color:#ddd;margin:0}.efficiency{min-height:560px;display:grid;grid-template-columns:1fr 1fr;background:var(--lime);position:relative;overflow:hidden}.efficiency>div:last-child{padding:104px 9vw 70px 4.8vw;z-index:1}.efficiency h2{font-size:clamp(45px,5.2vw,78px);margin:37px 0 20px}.efficiency p:not(.eyebrow){font-size:14px;line-height:1.8;max-width:450px}.efficiency a{font-size:12px;font-weight:800;color:var(--ink);text-decoration:none;border-bottom:1px solid var(--ink);padding-bottom:5px}.rays{background:var(--green);display:grid;place-items:center;position:relative}.rays:before{content:'✦';color:var(--lime);font-size:300px;line-height:1}.rays i{position:absolute;width:70%;height:1px;background:var(--lime);transform:rotate(var(--r))}.rays i:nth-child(1){--r:20deg}.rays i:nth-child(2){--r:55deg}.rays i:nth-child(3){--r:90deg}.rays i:nth-child(4){--r:125deg}.rays i:nth-child(5){--r:160deg}.cta{padding:105px 4.8vw;display:grid;grid-template-columns:1fr 1.2fr;gap:10vw}.cta h2{font-size:clamp(46px,5.5vw,83px);margin:0 0 30px}.dark{background:var(--green)}footer{background:var(--ink);color:#fff;padding:34px 4.8vw;display:flex;align-items:center;justify-content:space-between;gap:25px}footer img{width:185px;height:64px;object-fit:contain;background:#fff;padding:3px}footer p,footer a{font:11px/1.6 var(--mono);color:#fff;text-decoration:none;margin:0}@media(max-width:700px){header{height:65px;padding:0 22px}.site{display:none}.hero{display:block;padding:105px 22px 0}.logo{width:235px;height:73px;margin:22px 0 14px}.hero h1{font-size:61px}.intro{font-size:13px}.hero-art{min-height:330px;margin-top:49px}.lamp{transform:translate(-50%,-50%) scale(.72)}.statement{display:block;padding:75px 22px}.statement h2{font-size:49px;margin:31px 0 20px}.statement>p:last-child{font-size:13px;margin:0}.range{padding:75px 22px}.range-head{display:block;margin-bottom:38px}.range h2{font-size:49px;margin-top:33px}.grid{grid-template-columns:1fr 1fr}.grid article{min-height:240px;border-bottom:1px solid #777}.grid article:nth-child(2){border-right:0}.grid article:nth-child(3){padding-left:0}.draw{transform:scale(.8);transform-origin:left center}.grid h3{font-size:18px}.grid p{font-size:11px}.efficiency{display:block}.rays{height:210px}.rays:before{font-size:190px}.efficiency>div:last-child{padding:75px 22px}.efficiency h2{font-size:49px}.efficiency p:not(.eyebrow){font-size:13px}.cta{display:block;padding:75px 22px}.cta h2{font-size:49px;margin:33px 0 24px}footer{padding:29px 22px;display:grid;gap:21px}footer img{width:175px}}
