
.devices-hero{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:35px;align-items:center;padding-block:45px 30px}.devices-hero h1{font-size:clamp(38px,4.2vw,60px);font-weight:400;line-height:1.12;letter-spacing:-.03em;max-width:12ch;margin-bottom:24px}.devices-lead{font-size:18px;line-height:1.6;max-width:39ch;margin-bottom:27px}.devices-art{width:100%;aspect-ratio:1.5;background-image:url(devices-journey-illustrations.png);background-size:200% 400%;background-position:var(--art-x) var(--art-y);background-repeat:no-repeat;border-radius:12px;overflow:hidden}.hero-art{align-self:center}.devices-paths{display:grid;grid-template-columns:1fr 1fr;background:var(--soft);border-radius:18px;padding:23px 26px;gap:26px}.devices-paths>a{display:flex;align-items:center;justify-content:space-between;gap:20px;text-decoration:none;font-size:18px;font-weight:500;min-height:55px;padding:0 12px}.devices-paths>a+ a{border-left:1px solid #aaa;padding-left:35px}.devices-paths strong{display:block;font-weight:500}.devices-paths small{display:block;font-size:13px;font-weight:400;margin-top:4px}.path-arrow{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:var(--yellow);flex-shrink:0;font-size:22px;font-weight:400}.journey{padding-top:48px;scroll-margin-top:30px}.journey h2{font-size:clamp(30px,3.2vw,45px);font-weight:400;margin-bottom:30px}.journey-nav{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;position:sticky;top:0;background:#fffffff7;z-index:3;padding-block:15px 13px;backdrop-filter:blur(8px)}.journey-nav a{border-bottom:1px solid var(--line);text-align:center;text-decoration:none;font-size:13px;padding:7px 3px 12px;position:relative}.journey-nav a[aria-current=step]:after{content:'';position:absolute;height:4px;background:var(--yellow);bottom:-1px;left:12%;right:12%}.journey-nav span{font-size:12px}.devices-timeline{position:relative;padding-top:24px}.devices-timeline:before{content:'';position:absolute;left:50%;top:55px;bottom:30px;width:1px;background:var(--yellow);transform:translateX(-50%)}.devices-step{display:grid;grid-template-columns:minmax(0,1fr) 44px minmax(0,1fr);gap:18px;align-items:center;position:relative;padding-block:20px;scroll-margin-top:85px}.step-art{grid-column:1;grid-row:1;min-width:0}.step-marker{grid-column:2;grid-row:1;justify-self:center;width:34px;height:34px;border-radius:50%;background:var(--yellow);display:flex;justify-content:center;align-items:center;font-size:16px;z-index:1}.step-copy{grid-column:3;grid-row:1;padding:15px 18px}.devices-step:nth-child(even) .step-art{grid-column:3}.devices-step:nth-child(even) .step-copy{grid-column:1}.step-copy h3{font-size:clamp(23px,2.25vw,32px);font-weight:450;line-height:1.2;letter-spacing:-.025em;margin-bottom:13px}.step-summary{font-size:17px;line-height:1.5;margin-bottom:15px}.step-detail{font-size:14px;line-height:1.6;color:#555;margin-bottom:0;max-width:53ch}.process-note{text-align:center;font-size:12px;font-style:italic;color:#555;padding:20px 0;margin:0 0 24px}.existing-solar{display:grid;grid-template-columns:auto 1fr 1fr 1fr;align-items:center;border:1px solid #bbb;border-radius:9px;padding:20px 23px;gap:20px;scroll-margin-top:100px}.existing-solar h2{font-size:16px;font-weight:500;letter-spacing:0;margin:0;white-space:nowrap}.existing-solar a{display:flex;justify-content:space-between;align-items:center;gap:10px;padding-left:20px;border-left:1px solid #bbb;font-size:12px;text-decoration:none}.existing-solar a span{font-size:21px;line-height:1}.devices-faq{padding-top:30px}.devices-faq .faq{padding:16px 0;border-bottom:1px solid var(--line)}.devices-faq .faq:first-child{border-top:1px solid var(--line)}.devices-close{text-align:center;padding-block:38px 42px}.devices-close h2{font-size:clamp(29px,2.8vw,39px);font-weight:400;margin-bottom:22px}.devices-page .footer{margin-bottom:0}@media(hover:hover){.devices-paths>a:hover,.existing-solar a:hover{text-decoration:underline;text-underline-offset:5px}.journey-nav a:hover{background:#f8f8f4}}@media(max-width:1050px){.devices-hero{gap:20px}.devices-hero h1{font-size:45px}.devices-lead{font-size:16px}.devices-paths{padding:20px;gap:20px}.devices-paths>a{font-size:16px;padding:0}.devices-paths>a+a{padding-left:23px}.devices-step{gap:10px;grid-template-columns:minmax(0,1fr) 38px minmax(0,1fr)}.step-copy{padding:10px}.step-summary{font-size:16px}.step-detail{font-size:13px}.existing-solar{grid-template-columns:1fr 1fr 1fr;gap:15px;padding:20px}.existing-solar h2{grid-column:1/-1}.existing-solar a{padding-left:15px}.existing-solar a:nth-child(2){border-left:0;padding-left:0}}@media(max-width:750px){.devices-hero{grid-template-columns:1fr;padding-top:30px;gap:22px}.devices-hero h1{font-size:clamp(37px,7vw,52px);max-width:18ch}.devices-lead{max-width:58ch;font-size:17px}.hero-art{max-width:620px;margin-inline:auto}.devices-paths{grid-template-columns:1fr;padding:20px;gap:17px}.devices-paths>a{font-size:17px}.devices-paths>a+a{border-left:0;border-top:1px solid #bbb;padding:18px 0 0}.journey{padding-top:35px}.journey h2{font-size:34px;margin-bottom:15px}.journey-nav{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px 15px;padding-block:10px}.journey-nav a{font-size:12px;padding-bottom:8px}.devices-timeline:before{left:16px;top:50px;bottom:35px;transform:none}.devices-step{grid-template-columns:34px minmax(0,1fr);gap:15px;padding-block:20px;scroll-margin-top:140px;align-items:start}.step-marker{grid-column:1;grid-row:1;align-self:start;margin-top:18px;width:32px;height:32px}.step-art,.devices-step:nth-child(even) .step-art{grid-column:2;grid-row:1}.step-copy,.devices-step:nth-child(even) .step-copy{grid-column:2;grid-row:2;padding:0}.step-copy h3{font-size:28px}.step-summary{font-size:17px}.step-detail{font-size:14px}.process-note{text-align:left;padding-left:49px;margin-bottom:15px}.existing-solar{grid-template-columns:1fr;gap:0;padding:20px;scroll-margin-top:140px}.existing-solar h2{margin-bottom:9px;font-size:18px}.existing-solar a,.existing-solar a:nth-child(2){border-left:0;border-top:1px solid var(--line);padding:14px 0;font-size:14px}.existing-solar a:last-child{padding-bottom:0}.devices-close{padding-block:30px 35px}}@media(max-width:380px){.devices-hero h1{font-size:35px}.journey h2{font-size:30px}.devices-step{gap:10px;grid-template-columns:30px minmax(0,1fr)}.step-marker{width:28px;height:28px;font-size:14px}.devices-timeline:before{left:14px}.step-copy h3{font-size:25px}.process-note{padding-left:40px}}

.devices-art{display:block;background:none;object-fit:contain;height:auto}.devices-hero h1{max-width:14ch}.load-example{display:grid;grid-template-columns:minmax(0,.6fr) minmax(0,1.4fr);gap:30px;align-items:center;background:#f8f8f5;border:1px solid #eee;border-radius:17px;padding:25px 30px;margin-top:20px}.load-example h2{font-size:clamp(27px,2.7vw,39px);font-weight:400;margin-bottom:20px}.load-example h2:after{content:'';display:block;width:45px;height:3px;background:var(--yellow);margin-top:18px}.load-example>div>p{font-size:13px;font-style:italic;margin:0}.load-example figure{margin:0;min-width:0}.load-example img{width:100%;height:auto}.load-example figcaption{font-size:11px;color:#555;line-height:1.5;margin-top:8px}.step-detail a{text-underline-offset:4px}@media(max-width:750px){.load-example{grid-template-columns:1fr;gap:20px;padding:23px}.load-example h2 br{display:none}.load-example h2{margin-bottom:10px;font-size:30px}.load-example h2:after{margin-top:13px}}

.communication{padding-block:45px 15px}.communication h2{font-size:clamp(30px,3.5vw,46px);font-weight:400;letter-spacing:-.025em}.communication>p:not(.label){max-width:65ch;line-height:1.6}.communication figure{margin:28px 0 0;padding:24px;border:1px solid var(--line);border-radius:18px;background:var(--soft)}.communication img{display:block;width:100%;height:auto}.communication figcaption{font-size:13px;line-height:1.5;color:#555;margin-top:16px}.devices-hero h1{max-width:17ch}@media(max-width:600px){.communication figure{padding:12px}.communication figcaption{font-size:12px}}

.devices-value{padding-block:65px 25px}.devices-value>h2{max-width:23ch;font-size:clamp(32px,3.6vw,48px);font-weight:400;line-height:1.16;letter-spacing:-.025em;margin-block:18px 24px}.value-intro{max-width:76ch;font-size:18px;line-height:1.65}.devices-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin-top:38px}.devices-benefits article{border-top:3px solid var(--yellow);padding-top:20px}.value-number{font-size:13px;letter-spacing:.08em;color:#555}.devices-benefits h3{font-size:25px;line-height:1.25;font-weight:400;margin-block:18px}.devices-benefits p{font-size:16px;line-height:1.7;margin:0}.devices-hero .devices-lead{max-width:48ch}@media(max-width:750px){.devices-value{padding-top:42px}.devices-benefits{grid-template-columns:1fr;gap:28px}.devices-benefits h3{max-width:26ch}.value-intro{font-size:17px}}
