/* Modapps — shared palette inspired by the original hero. */
:root{
  --night:#0b0d16;
  --surface-dark:#171c30;
  --accent:#5865e8;
  --accent-hover:#454fc5;
  --periwinkle:#b1c8ff;
  --lavender:#a79dfb;
  --paper:#f6f7fb;
  --surface-soft:#ebedf8;
  --ink:#202325;
  --muted:#646b7d;
  --line:#dce0ed;
  --text-on-dark:#eef1ff;
  --muted-on-dark:#b3bcd4;
  --blue:var(--accent);
  --lime:var(--periwinkle);
}
body:has(.future-hero) .header,
body:has(.future-hero) .header .mobile-menu,
.future-hero,.web-services,.contact-section,.service-problem{
  background:var(--night);color:var(--text-on-dark);
}
body:has(.future-hero) .header{border-color:#ffffff12}
body:has(.future-hero) .header nav a:hover{color:var(--periwinkle)}
.future-copy h1 em{color:var(--periwinkle);background:linear-gradient(100deg,var(--periwinkle),var(--lavender) 75%);background-clip:text;-webkit-text-fill-color:transparent}
.future-copy .eyebrow,.future-copy>p:not(.eyebrow),.future-link,
.web-services-intro>p:not(.eyebrow),.web-services-intro .eyebrow,
.web-services-list p,.contact-grid>div>p:not(.eyebrow),.contact-meta,
.form-note,.optional,.service-problem>p:last-child{color:var(--muted-on-dark)}
.future-copy .live-dot{background:var(--periwinkle);box-shadow:0 0 13px #688bff}
.tech-scene:before{background:radial-gradient(ellipse,#5268e83d,transparent 62%)}
.scene-grid{background-image:linear-gradient(#a6b8ff0a 1px,transparent 1px),linear-gradient(90deg,#a6b8ff0a 1px,transparent 1px)}
.orbit{border-color:#809cff30;box-shadow:inset 0 0 20px #8da3ff05}
.orbit-two{border-color:#b6a8ff28}.orbit-three{border-color:#aec4ff24}
.orbit-one:after{background:var(--periwinkle);box-shadow:0 0 17px #a1b7ff}
.core{border-color:#adbfff88;background:linear-gradient(140deg,#b6baff52,#6979cc38 45%,#344ba329);box-shadow:inset 0 1px 10px #e5edff55,0 0 80px #6874df35,12px 15px 0 #5867bf0d}
.core-mark{color:#e5eaff;text-shadow:0 0 40px #d4dcff50}.core-mark>span{color:var(--periwinkle)}.core-caption{color:#becbf0}
.satellite{background:linear-gradient(130deg,#22283ddd,#151a2de8);border-color:#8194c23d}
.satellite small{color:#acb9df}.satellite strong{color:var(--text-on-dark)}
.satellite-icon{color:var(--periwinkle);background:#7388c712;border-color:#b5c7ff30}
.satellite i,.scene-label span{background:var(--periwinkle)}.scene-label,.future-foot>span{color:#a2abc5}
.future-foot>div{color:var(--muted-on-dark)}.future-foot>div>span{color:#697392}
.primary,.ai-next .button{background:var(--accent);color:#fff;border-radius:7px}
.primary:hover,.ai-next .button:hover{background:var(--accent-hover)}
.future-cta,.web-services-intro .button,.lime{background:var(--periwinkle);color:var(--night);border-radius:7px}
.future-cta:hover,.web-services-intro .button:hover,.lime:hover{background:#c7d7ff}
.work-section,.ai-next{background:var(--surface-soft)}
.ai-practices article{border-color:var(--line)}.ai-practices .eyebrow,.steps article>span{color:var(--accent-hover)}
.ai-practices p,.ai-next p,.possibilities-heading>p:last-child{color:var(--muted)}
.possibilities-heading h2>span{color:var(--accent-hover)}
.web-services-list article{border-color:#333c59}.web-services-list article>span{color:var(--periwinkle)}
.quote-band{background:var(--surface-dark)}.quote-band em,.contact-grid h2 em{color:var(--periwinkle)}
.circle-link{border-color:#8e9adb}.contact-email{border-color:#687799}
legend,form label{color:var(--text-on-dark)}
.choice-grid span{border-color:#58617b}.choice-grid input:checked+span{background:#5865e822;border-color:var(--periwinkle);color:var(--periwinkle)}
input::placeholder,textarea::placeholder{color:#a7b3d1}
.choice-grid input:focus-visible+span{outline-color:var(--periwinkle)}
a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,textarea:focus-visible{outline-color:#8997ff}
#copy-message{background:var(--periwinkle);color:var(--night)}
@media(max-width:520px){body:has(.future-hero) .menu-toggle{color:var(--text-on-dark);border-color:#48516a}}