/* Progressive enhancement: the page and every account link work without motion. */
.photo-design .motion-toggle{position:absolute;z-index:4;right:18px;bottom:13px;border:1px solid #c9e4ed;background:#ffffffec;color:#285174;border-radius:30px;padding:8px 13px;font:600 11px InterVar,sans-serif;cursor:pointer;min-height:36px}
.photo-design [hidden]{display:none!important}
.photo-chart i{transform-origin:center bottom}
@keyframes solar-turn{to{transform:rotate(360deg)}}
@keyframes solar-production{0%,100%{transform:scaleY(1)}50%{transform:scaleY(.76)}}
@media(prefers-reduced-motion:no-preference){
  .motion-on .sky-note svg,.motion-on .cta-sunshine>svg{animation:solar-turn 44s linear infinite}
  .motion-on .photo-chart i{animation:solar-production 4s ease-in-out infinite}
  .motion-on .photo-chart i:nth-child(3n+1){animation-delay:-1.2s}
  .motion-on .photo-chart i:nth-child(3n+2){animation-delay:-2.5s}
}
.system-finder{display:grid;grid-template-columns:.8fr 1.25fr;gap:20px 30px;padding:25px;border:1px solid #d7eaf3;border-radius:20px;background:linear-gradient(125deg,#effafa,#f4f9ff 65%,#fff9ee);margin:5px 0 12px;min-width:0}
.finder-copy{grid-column:1;grid-row:1/3;align-self:center;min-width:0}
.photo-design .finder-copy h3{font-size:27px;line-height:1.12;letter-spacing:-.035em;margin:9px 0 12px;text-wrap:balance}
.finder-copy p{font-size:14px;line-height:1.5;margin:0;max-width:32ch}
.system-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;min-width:0}
.system-options button{font:600 12px InterVar,sans-serif;line-height:1.35;min-height:48px;border:1px solid #c7dee9;background:#fff;color:#294f75;border-radius:11px;padding:9px 10px;cursor:pointer;white-space:normal;transition:background .2s,box-shadow .2s,transform .2s}
.system-options button:hover{box-shadow:0 4px 12px #007aaf15;transform:translateY(-2px)}
.system-options button[aria-pressed=true]{background:#075cb6;color:#fff;border-color:#075cb6;box-shadow:0 5px 15px #006cc51a}
.finder-answer{grid-column:2;min-width:0;background:#ffffffcb;border:1px solid #dbeaf2;border-radius:14px;padding:18px}
.photo-design .finder-result h4{font-size:18px;line-height:1.25;color:#073764;margin:0 0 8px;text-wrap:balance}
.finder-result p{font-size:13px;line-height:1.5;margin:0;min-height:59px}
.finder-link{display:inline-block;font-size:13px;font-weight:650;color:#0068bd;margin-top:10px;padding:8px 0;text-decoration:none}
.photo-design :is(button,a,input,summary):focus-visible{outline:3px solid #ffb324;outline-offset:4px}
.photo-design :is(.cat,.ben,.peace-item,.cta-story,.finder-answer,.card,.step){min-width:0}
.photo-design :is(.cat h3,.ben h3,.peace-item h3,.dealer-page h1,.dealer-page h2){text-wrap:balance;overflow-wrap:break-word}
.photo-design :is(.finder-result p,.cat p,.support-message p,.dealer-page .lead,.dealer-page .sub){overflow-wrap:break-word}
.photo-design .cat[id]{scroll-margin-top:110px}
.dealer-page.photo-design .herobtns{flex-wrap:wrap}
.dealer-page.photo-design .hero .btn,.dealer-page.photo-design .demo button[type=submit]{white-space:normal;text-align:center;line-height:1.35;max-width:100%;overflow-wrap:break-word}
.dealer-page.photo-design .demo input{min-width:0;max-width:100%;font-size:16px}
.dealer-page.photo-design .formnote[role=status]{min-height:1.5em}
.dealer-page.photo-design .formnote.is-error{color:#a12e20;font-weight:600}
.dealer-page.photo-design button:disabled{cursor:wait;opacity:.72}
@media(max-width:900px){
 .system-finder{grid-template-columns:1fr;gap:16px;padding:22px}
 .finder-copy,.finder-answer{grid-column:1;grid-row:auto}
 .finder-copy p{max-width:none}
 .photo-design .hero-copy .hero-checks{flex-wrap:wrap}
 .photo-design .hero-actions .btn{white-space:normal;text-align:center;line-height:1.3}
 .photo-design .hero-copy h1{overflow-wrap:normal}
}
@media(max-width:540px){
 .photo-design .hero-copy h1{font-size:clamp(30px,9.7vw,39px);line-height:1.06}
 .photo-design .hero-copy .hero-checks{font-size:9px;gap:8px 12px}
 .photo-design .hero-systems{font-size:10px}
 .photo-design .top-in{gap:8px}
 .photo-design .top .logo{width:clamp(145px,44.8vw,175px)!important;max-width:100%}
 .photo-design .top .brandmark{min-width:0;flex-shrink:1}
 .photo-design .top .signin-link{font-size:11px;white-space:nowrap}
 .photo-design .top-act{gap:0}
 .photo-design .navtoggle{flex-shrink:0;min-height:44px;width:40px}
 .system-finder{padding:18px 14px;border-radius:16px}
 .system-options{grid-template-columns:repeat(2,minmax(0,1fr))}
 .photo-design .finder-copy h3{font-size:24px}
 .finder-answer{padding:15px}
 .finder-result p{min-height:0}
 .photo-design .cat h3{font-size:clamp(13px,3.8vw,16px);line-height:1.3}
 .photo-design .cat-hybrid{grid-template-columns:minmax(0,40%) minmax(0,60%)}
 .photo-design .cta-story>.handwritten{position:relative;right:auto;bottom:auto;display:inline-block;margin:15px 0 0 22px}
 .photo-design .cta-story li:last-child{max-width:none}
 .dealer-page.photo-design .hero{padding:42px 0 38px}
 .dealer-page.photo-design .hero h1{font-size:clamp(32px,9vw,42px);line-height:1.08}
 .dealer-page.photo-design section h2{font-size:clamp(27px,7.5vw,34px);line-height:1.14}
 .dealer-page.photo-design .herobtns{display:grid;grid-template-columns:minmax(0,1fr);width:100%}
 .dealer-page.photo-design .herobtns .btn{width:100%;padding:14px 16px;font-size:14px}
 .dealer-page.photo-design .pill{white-space:normal;line-height:1.5;font-size:11px}
 .dealer-page.photo-design .stat-band .wrap{grid-template-columns:1fr;gap:21px}
 .photo-design .motion-toggle{right:12px;bottom:8px;font-size:10px}
}
@media(prefers-reduced-motion:reduce){.photo-design *, .photo-design *::before,.photo-design *::after{animation:none!important;scroll-behavior:auto!important;transition:none!important}}