/* page-solar2.css: Solar PV service page (study 07 design language) */

body{
  background:var(--cream);color:var(--teal);
  font-family:'DM Sans',sans-serif;font-size:17px;line-height:1.65;
  overflow-x:hidden;
}
body::after{
  content:"";position:fixed;inset:0;z-index:99;pointer-events:none;opacity:.4;
  background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 300 300' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='p'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0.11 0 0 0 0 0.28 0 0 0 0 0.35 0 0 0 0.03 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23p)'/%3E%3C/svg%3E");
}
section{padding:clamp(60px,9vh,110px) 0}


/* ---------- daylight machine ---------- */
#day{background:var(--teal);color:var(--cream);position:relative;overflow:hidden}
#day::before{
  content:"";position:absolute;left:0;right:0;top:0;height:8px;
  background:repeating-linear-gradient(90deg,var(--marigold) 0 40px,transparent 40px 80px);
}
#day .sec-kick{color:var(--marigold)}
#day .script{color:var(--cream)}
#day .sec-sub{color:rgba(251,243,226,.75)}

/* ---------- roof cards ---------- */
.roof-cards{
  margin-top:48px;display:grid;grid-template-columns:repeat(3,1fr);gap:24px;
}
@media(max-width:860px){.roof-cards{grid-template-columns:1fr}}
.rcard{
  background:#fff;border:1.5px solid var(--teal-faint);border-radius:12px;
  padding:26px 24px 22px;position:relative;
  transition:transform .35s cubic-bezier(.34,1.56,.64,1),box-shadow .35s;
}
.rcard:hover{transform:translateY(-6px) rotate(-.4deg);box-shadow:0 14px 32px rgba(28,72,90,.14)}
.rc-no{
  font-family:'Teko',sans-serif;font-weight:600;font-size:19px;color:var(--rust);letter-spacing:.1em;
}
.rcard h4{
  font-family:'Teko',sans-serif;font-weight:600;font-size:24px;letter-spacing:.08em;text-transform:uppercase;color:var(--teal);
  margin:6px 0 8px;
}
.rcard p{font-size:14.5px;color:var(--teal-soft);line-height:1.65}
.roof-cta{text-align:center;margin-top:36px}

/* ---------- proof ---------- */
.proof-grid{
  margin-top:48px;display:grid;grid-template-columns:1fr 1.1fr 1fr;gap:24px;align-items:center;
  margin-bottom:50px;
}
@media(max-width:900px){.proof-grid{grid-template-columns:1fr;max-width:480px;margin-left:auto;margin-right:auto}}
.plate-art.small img{width:100%;height:100%;object-fit:cover;aspect-ratio:4/3}


/* ---------- mobile polish ---------- */
@media(max-width:760px){
  .hero-scene img{height:52vh;min-height:320px;object-fit:cover;object-position:52% 40%}
  .hero-copy{margin-top:-56px}
  .hero-copy h1{font-size:clamp(34px,10vw,50px)}
  section{padding:clamp(48px,7vh,80px) 0}
  .sec-sub{padding:0 6px}
  .spread{margin-top:44px}
  .day-stage{padding:10px 10px 8px}
}

#proof{overflow:hidden;padding-bottom:60px}
#proof .reel-shell{margin-top:44px}