/* Greenspire — forest, daylight, motion */
:root{--ink:#123d2a;--lime:#b9e76a;--paper:#fff;--muted:#52695b;--line:#dce6dd;--green:#28a745;--green-deep:#187c38;--tint:#f4f8f3}
body{background:#fff}header{height:108px;padding-inline:6%;border-bottom:0}header .company-logo{width:142px}nav{gap:36px;font-size:14px}nav a{position:relative;padding-block:12px}nav a:after{content:'';position:absolute;bottom:4px;left:0;width:100%;height:1px;background:var(--green);transform:scaleX(0);transform-origin:left;transition:transform .25s}nav a:hover:after{transform:scaleX(1)}nav a:hover,.text-link:hover{color:var(--green-deep)}.button{border-radius:2px;font-size:14px;letter-spacing:.1px;min-height:52px;background:var(--green-deep);color:#fff;transition:background .2s,transform .2s,box-shadow .2s}.button:hover{background:#105d29;transform:translateY(-2px);box-shadow:0 8px 22px #123d2a12}.small{background:var(--ink);min-height:46px}.small:hover{background:#1e573b}.text-link{padding-bottom:7px}.hero{background:var(--ink);color:#fff;grid-template-columns:1.05fr 1fr;min-height:700px;padding:28px 28px 28px 0;gap:22px}.hero-copy{padding:48px 5% 22px 11.5%}.hero .eyebrow{color:#d3e6d5;font-size:12px;letter-spacing:1.6px;line-height:1.6;margin-bottom:43px}.hero .eyebrow span{background:var(--lime);width:20px;height:1px;border-radius:0;flex-shrink:0}h1{font-size:clamp(55px,5.6vw,90px);font-weight:500;line-height:1.04;letter-spacing:-.055em;margin-bottom:30px}h1 em{color:var(--lime)}.hero .lead{color:#d3e0d5;max-width:430px;line-height:1.85;font-size:17px}.hero .button{background:var(--lime);color:var(--ink)}.hero .button:hover{background:#c9ef91}.hero .text-link:hover{color:var(--lime)}.hero-foot{border-top:1px solid #ffffff25;margin-top:55px;padding-top:24px;color:#c3d5c6;font-size:12px;letter-spacing:.7px;gap:24px}.hero-visual{border-radius:2px}.hero-visual img{object-position:55% center;transition:transform 1.2s ease}.hero-visual:hover img{transform:scale(1.025)}.hero-visual:after{background:linear-gradient(180deg,#123d2a3d,transparent 40%,#0b261ce6)}.image-top{font-size:12px;letter-spacing:1px;gap:16px;top:25px;left:25px;right:25px}.image-caption{bottom:30px;left:28px;right:28px;gap:17px}.image-caption>div{font-size:34px}.caption-label{font-size:12px;letter-spacing:.5px}.cross{font-size:44px}.ticker{background:var(--tint);color:var(--ink);border-bottom:1px solid var(--line);padding:28px 6%;font-size:12px;letter-spacing:1.3px}.ticker b{color:var(--green);font-size:25px;font-weight:400}.section{padding:112px 6%}.section .eyebrow{font-size:12px;letter-spacing:1.6px;margin-bottom:30px;font-weight:600}.section h2{font-size:clamp(40px,4.1vw,65px);font-weight:500;line-height:1.1;letter-spacing:-.045em}.section-head{grid-template-columns:1.1fr 1fr;gap:0 80px}.section-head>p:last-child{max-width:390px;font-size:17px;line-height:1.85}.solution-grid{gap:24px;margin-top:44px}.solution-card{border-radius:2px;padding:30px 30px 0;background:var(--tint);transition:transform .3s,box-shadow .3s}.solution-card:hover{transform:translateY(-6px);box-shadow:0 18px 36px #123d2a12}.card-num{font-size:12px;letter-spacing:1px;color:var(--muted)}.solution-card h3{font-size:30px;font-weight:500;letter-spacing:-1px;line-height:1.25;margin-top:28px}.product-stage{height:290px;margin-block:8px 18px}.product-stage img{transition:transform .5s}.solution-card:hover .product-stage img{transform:scale(1.035)}.card-bottom{padding-block:23px;font-size:14px;border-color:var(--line)}.plus{color:var(--green-deep);font-size:27px}.solar-card{background:#e5f1dc}.solar-stage{margin-inline:-30px}.solar-stage img{width:100%;height:100%;object-fit:cover}.swap-section{background:#123d2a;gap:110px}.swap-section h2 span{color:var(--lime)}.swap-section p{color:#ccdbcf}.swap-section .button{background:var(--lime);color:var(--ink)}.swap-section .button:hover{background:#c9ef91}.spec-line{border-top:1px solid #ffffff25;padding-top:26px;max-width:350px}.spec-line strong{font-size:80px;font-weight:400;line-height:1}.spec-line span{font-size:12px;letter-spacing:1px;color:#c7d9cc}.steps{padding-top:4px}.steps article{padding-block:32px;border-color:#557560}.steps h3{font-size:29px;font-weight:500}.steps p{font-size:16px;line-height:1.8}.ride-section{gap:90px}.ride-image{background:var(--tint);min-height:475px;border-radius:2px;padding:50px 6% 28px}.ride-image span{font-size:12px;letter-spacing:1px;padding-top:22px;border-top:1px solid var(--line)}.features{font-size:15px;margin-block:30px}.features li{padding-block:17px}.features li:before{color:var(--green-deep)}.solar-section{background:var(--tint)}.solar-section>div{grid-template-columns:1.1fr 1fr;gap:80px}.solar-section p{color:var(--muted);font-size:17px}.solar-section .button{background:var(--green-deep)}.solar-section .button:hover{background:#105d29}.solar-showcase{margin-top:50px;border-radius:2px}.solar-showcase>img{height:460px}.solar-showcase figcaption{padding:23px 28px;background:var(--ink);color:#e1ecd9;font-size:12px;letter-spacing:1px}.solar-showcase figcaption span{color:var(--lime)}.about-section{gap:90px}.about-section .large-copy{font-size:28px;line-height:1.55;letter-spacing:-.5px}.values{gap:16px}.values span{padding:0 0 8px;border:0;border-bottom:2px solid #a2cf91;border-radius:0;font-size:14px}.about-facts{gap:65px;padding-top:28px;border-top:1px solid var(--line)}.about-facts strong{font-size:42px;font-weight:500}.about-facts span{font-size:12px;letter-spacing:1px}.faq-section{background:var(--tint)}.faq summary{padding-block:27px;font-size:17px}.faq summary:after{top:24px;color:var(--green-deep)}.faq p{font-size:16px}.contact-section{background:#123d2a;gap:90px}.contact-section p{color:#cdded0}.contact-section .eyebrow{color:#d3e6d5}.contact-section h2{font-size:clamp(50px,5.7vw,84px);line-height:1.06}.contact-email{border-color:#94b49a}.contact-details span{font-size:12px;line-height:1.5;letter-spacing:1px;color:#c0d7c5}.contact-details a,.contact-details p{font-size:14px}.contact-details .text-link:hover{color:var(--lime)}form{border-radius:3px;padding:40px;background:#fff}form h3{font-size:28px}form label{font-size:14px;margin-top:20px}input,select,textarea{font-size:16px;padding:14px;border-color:#cbdacf}form .form-note,form #form-status{font-size:13px;line-height:1.65}form .button{background:var(--green-deep)}footer{background:#0c2b1d;padding:38px 6%;border-top:1px solid #ffffff1a}footer>span{font-size:13px;color:#c0d1c4}.footer-brand{border-radius:2px}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #28a745;outline-offset:5px}.hero a:focus-visible,.swap-section a:focus-visible,.contact-copy a:focus-visible{outline-color:var(--lime)}
@media(min-width:1500px){.hero{min-height:780px}.hero-copy{padding-top:72px}.hero-foot{margin-top:auto}.solution-card:nth-child(2){margin-top:32px;margin-bottom:-32px}.ecosystem{padding-bottom:144px}}
@media(max-width:1100px){nav{gap:23px}.hero{min-height:660px;padding:20px 20px 20px 0;gap:10px}.hero-copy{padding:38px 6% 18px 10%}h1{font-size:clamp(50px,6vw,68px)}.hero .eyebrow{font-size:12px;margin-bottom:30px}.hero-foot{margin-top:38px}.hero-visual .image-caption>div{font-size:28px}.caption-label{display:none}.section{padding:85px 5%}.solution-grid{gap:16px}.solution-card{padding:22px 22px 0}.solution-card h3{font-size:26px}.solar-stage{margin-inline:-22px}.product-stage{height:250px}.swap-section,.ride-section,.about-section,.contact-section{gap:45px}.ride-image{min-height:370px}.contact-details{grid-template-columns:1fr}.solar-showcase>img{height:380px}}
@media(max-width:720px){header{height:90px;padding-inline:6%}header .company-logo{width:110px}nav{top:90px;background:#fff;font-size:16px}.hero{padding:0;gap:0;grid-template-columns:1fr}.hero-copy{padding:42px 6% 30px}.hero .eyebrow{font-size:12px;letter-spacing:1px;gap:9px;max-width:330px;margin-bottom:30px}h1{font-size:clamp(49px,10.5vw,72px);letter-spacing:-.05em;line-height:1.07}.hero .lead{font-size:16px;max-width:480px}.hero .actions{gap:23px}.hero-foot{font-size:12px;letter-spacing:.35px;line-height:1.65;margin-top:36px;padding-top:22px}.hero-visual{height:410px;margin:0 6% 25px}.hero-visual img{object-position:50% center}.image-top{left:20px;right:20px;font-size:12px;letter-spacing:.4px}.image-caption{left:20px;bottom:24px}.ticker{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:25px 6%;font-size:12px;letter-spacing:.65px}.ticker b{display:none}.section{padding:72px 6%}.section h2{font-size:clamp(36px,8vw,49px);letter-spacing:-.045em}.section .eyebrow{font-size:12px;letter-spacing:1.15px;margin-bottom:24px}.section-head,.swap-section,.ride-section,.solar-section>div,.about-section,.faq-section,.contact-section{grid-template-columns:1fr;gap:30px}.section-head{gap:0}.section-head>p:last-child{font-size:16px}.solution-grid{gap:25px;margin-top:30px}.solution-card{padding:26px 26px 0}.solution-card h3{font-size:30px}.product-stage{height:285px}.solar-stage{margin-inline:-26px}.spec-line{margin-top:35px}.steps article{padding-block:27px}.steps h3{font-size:26px}.ride-image{min-height:320px;padding-top:35px}.solar-showcase{margin-top:32px}.solar-showcase>img{height:280px}.solar-showcase figcaption{padding:20px;font-size:12px}.solar-showcase figcaption span{font-size:12px}.about-section .large-copy{font-size:25px}.about-facts{gap:45px}.about-facts strong{font-size:38px}.faq-section{gap:10px}.contact-section h2{font-size:clamp(49px,11vw,68px)}.contact-details{grid-template-columns:1fr 1fr;gap:24px}.contact-email{font-size:clamp(17px,4.7vw,25px)}form{padding:28px}.footer-brand .company-logo{width:124px}.button{min-height:50px}header>.button{min-height:42px;margin-right:14px}}
@media(max-width:380px){header>.button{padding:11px;font-size:12px;margin-right:9px}header .company-logo{width:96px}.hero-foot{gap:18px}.hero-foot>span{max-width:50%}.contact-details{grid-template-columns:1fr}.image-top{font-size:11px}.image-caption>div{font-size:25px}form{padding:23px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}}