:root{
  --bg:#f7faff;
  --panel:#ffffff;
  --panel2:#eef5fc;
  --text:#071426;
  --muted:#52647c;
  --blue:#0879ec;
  --cyan:#087bd7;
  --line:#d5e1ee;
}

body{background:var(--bg);color:var(--text)}
.nav-wrap{background:rgba(255,255,255,.9);border-bottom-color:rgba(7,51,91,.12);box-shadow:0 8px 30px rgba(16,52,88,.06)}
.nav-links>a:not(.button):hover{color:var(--blue)}
.menu{color:var(--text);background:#fff}

.hero{background-color:#02060c;color:#fff}
.hero:before{background:linear-gradient(90deg,#02060c 0%,rgba(2,6,12,.97) 29%,rgba(2,6,12,.78) 51%,rgba(2,6,12,.2) 76%,rgba(2,6,12,.05) 100%),linear-gradient(180deg,rgba(2,6,12,.08) 55%,#02060c 100%)}
.hero-copy{color:#fff}
.lead{color:#d4dfec}
.hero .text-link{color:#fff}
.hero .trust-row{color:#bfccdb}
.hero h1 span{-webkit-text-stroke:1.5px var(--blue);text-shadow:0 0 25px rgba(0,119,230,.12)}
.signal-card{background:rgba(3,12,24,.92);border-color:rgba(93,214,255,.32);box-shadow:0 18px 55px rgba(0,0,0,.42);color:#fff}
.signal-card small{color:#afbed0}

.service-grid article{background:linear-gradient(180deg,#fff,#f2f7fc)}
.service-grid article:hover{background:#eaf3fc}
.icon{background:#edf6ff;color:var(--blue);border-color:#8ec4f5}

.approach{background:#eaf2fa}
.approach-image:after{background:linear-gradient(90deg,transparent,#eaf2fa)}
.approach-image{overflow:hidden;background:none}
.approach-image>img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.approach li span{color:#344b64}

.concierge-option{background:linear-gradient(155deg,#fff,#edf4fb)}
.ai-option{background:radial-gradient(circle at 100% 0,rgba(8,121,236,.13),transparent 42%),linear-gradient(155deg,#f8fbff,#eaf3fc)}
.concierge-option ul{color:#263e57}
.concierge-demo{background:linear-gradient(135deg,#f9fcff,#e9f3fc);border-color:#b9d6ef}
.demo-copy small{color:#60738a}
.demo-frame-wrap{box-shadow:0 25px 65px rgba(30,66,102,.18)}
.demo-frame-bar{background:#eaf3fc;border-bottom-color:#c6dceb}
.demo-frame-bar b{color:#34536f}
.demo-launch{background:#dceaf6}

.proof{background:linear-gradient(180deg,#edf5fc,#f9fbfe)}
.video-grid article{background:#fff;box-shadow:0 14px 38px rgba(24,56,91,.08)}
.solar-secondary{background:linear-gradient(100deg,#fff,#edf5fc);box-shadow:0 14px 42px rgba(24,56,91,.08)}
.contact{background:linear-gradient(145deg,#fff,#eaf3fc);border-color:#b7d5ef;box-shadow:0 20px 70px rgba(20,57,94,.1)}
label{color:#294158}
input,textarea{background:#fff;color:var(--text);border-color:#aac7e1}
footer .brand{color:var(--text)}

@media(max-width:900px){
  .nav-links{background:#fff;border-color:var(--line);box-shadow:0 14px 35px rgba(20,57,94,.12)}
  .hero:before{background:linear-gradient(90deg,rgba(2,6,12,.98),rgba(2,6,12,.78) 70%,rgba(2,6,12,.38)),linear-gradient(180deg,transparent 50%,#02060c)}
}

/* Keep the opening animation unchanged; only the website surface is previewed in white. */