/* SmartPhoton — depth and motion, 2026-10-29 */
body[data-theme=solar]{background-image:radial-gradient(ellipse at 2% 8%,#ffc05b13,transparent 36%),radial-gradient(ellipse at 98% 46%,#223a5509,transparent 36%)}
header{box-shadow:0 4px 22px #223a5506}
.card,.showcase-item,.video-card{position:relative;box-shadow:0 3px 8px #223a5505,0 12px 30px -18px #223a5536;border-radius:14px;transition:transform .28s cubic-bezier(.2,.7,.2,1),box-shadow .28s ease,border-color .28s ease}
.card{background-image:linear-gradient(145deg,#ffffff80,transparent 65%);border-top-color:#fff}
.card.feature{background-image:linear-gradient(135deg,#314d69,#223a55 65%,#1b3148);box-shadow:0 15px 30px -14px #172f5060,inset 0 1px 0 #ffffff28}
.card a{position:relative;z-index:1}.card a:hover{text-decoration:underline;text-underline-offset:4px}
.equipment-image{box-shadow:inset 0 0 0 1px #223a5505;border-radius:10px}
.equipment-image img{--asset-scale:1;transform:scale(var(--asset-scale));transition:transform .45s cubic-bezier(.2,.7,.2,1)}
.equipment-image img[src$="voltronic-wks.png"]{--asset-scale:1.65;height:250px;padding:0;object-fit:contain;transform-origin:50% 50%}
.showcase-item,.video-card{background-image:linear-gradient(145deg,#ffffff55,transparent)}
.stats-panel{box-shadow:inset 0 1px 0 #fff9,0 10px 30px -20px #223a5540}
.mqtt-panel{background-image:radial-gradient(ellipse at top right,#4a769150,transparent 70%);box-shadow:0 20px 35px -22px #17324c88}
.btn,.pill{transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease}.btn{box-shadow:0 5px 12px -7px #10283f90}
.card:focus-within,.showcase-item:focus-within,.video-card:focus-within{border-color:#b48036;box-shadow:0 8px 20px -12px #223a5580,0 0 0 2px #ffc05b40}
#solutions>.grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:22px}#solutions>.grid>.card{grid-column:span 3;padding:24px}#solutions>.grid>.card.feature{grid-column:span 8}#solutions>.grid>.voltronic-card{grid-column:span 4}
#solutions>.grid>.card h3{font-size:21px;line-height:1.2}#solutions>.grid>.card.feature h3{font-size:25px}#solutions>.grid>.card p{font-size:15px}#solutions>.grid>.card.feature p{font-size:16px}
.sync-visual{width:100%;height:195px;position:relative;display:flex;align-items:center;justify-content:space-around;gap:5px;padding:12px 8px;background:radial-gradient(ellipse at 50% 35%,#426888,#1b324a 75%);border-radius:10px;margin-bottom:22px;overflow:hidden;color:white;box-shadow:inset 0 1px 0 #ffffff28}
.sync-visual:before{content:'';position:absolute;left:12%;right:12%;top:50%;height:2px;background:linear-gradient(90deg,#76dac3,#ffc05b,#76dac3);opacity:.7}
.sync-node{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;text-align:center;width:31%;min-width:0}.sync-node b{display:grid;place-items:center;width:48px;height:48px;border-radius:15px;background:#102a40;border:1px solid #7196ae;color:#c4f7ec;font-size:20px;box-shadow:0 8px 15px #06132155}.sync-node.cloud b{width:60px;height:60px;border-color:#ffc05b;color:#ffc05b;background:#223a55;box-shadow:0 0 22px #ffc05b25}.sync-node small{font-size:10px;line-height:1.3;background:#1b324a;padding:4px 1px}.sync-node.cloud small{color:#ffc05b;font-weight:700}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
.card:hover,.showcase-item:hover,.video-card:hover{transform:translateY(-6px);box-shadow:0 7px 15px -9px #223a5528,0 24px 38px -18px #223a5555;border-color:#c6a268}
.card.feature:hover{box-shadow:0 24px 42px -20px #102a4399,inset 0 1px 0 #ffffff40}
.card:hover .equipment-image img{transform:scale(calc(var(--asset-scale,1) + .035))}
.btn:hover,.pill:hover{transform:translateY(-2px);box-shadow:0 8px 16px -10px #223a5570}
.card:hover .sync-node.cloud b{box-shadow:0 0 27px #ffc05b55}
}
@media(max-width:1000px){#solutions>.grid{grid-template-columns:repeat(2,minmax(0,1fr))}#solutions>.grid>.card,#solutions>.grid>.voltronic-card{grid-column:auto}#solutions>.grid>.card.feature{grid-column:1/-1}#solutions>.grid>.sync-card{grid-column:1/-1}.sync-card .sync-visual{max-width:500px;align-self:center}.card.feature{grid-template-columns:1fr 1fr}}
@media(max-width:600px){#solutions>.grid{grid-template-columns:minmax(0,1fr);gap:20px}#solutions>.grid>.card,#solutions>.grid>.card.feature,#solutions>.grid>.sync-card{grid-column:auto}.equipment-image img[src$="voltronic-wks.png"]{height:230px}.card,.showcase-item,.video-card{box-shadow:0 8px 22px -15px #223a5555}.sync-card .sync-visual{max-width:none}}
@media(prefers-reduced-motion:reduce){.card,.showcase-item,.video-card,.btn,.pill{transition:none!important;transform:none!important}.equipment-image img,.shot-button img{transition:none!important}.shot-button:hover img{transform:none}}