:root{--bg:#070a0f;--panel:#0d121a;--line:#243042;--blue:#3f8fe8;--blue2:#72b2f4;--white:#f7f9fc;--muted:#a7b0bc}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--white);font-family:Montserrat,sans-serif;line-height:1.65}a{text-decoration:none;color:inherit}
header{height:78px;position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:8px 4vw;background:rgba(7,10,15,.94);backdrop-filter:blur(15px);border-bottom:1px solid var(--line)}.brand img{width:205px;display:block}nav{display:flex;gap:28px}nav a{color:#c5ccd6;font-size:.86rem}.menu{display:none;background:none;border:1px solid var(--line);width:44px;height:44px}.menu span{display:block;height:1px;background:#fff;margin:6px}
.hero{position:relative;height:720px;display:flex;align-items:center;overflow:hidden}.hero-art{position:absolute;inset:0;background:url('assets/hero-final.png') center right/cover no-repeat}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,8,12,.97) 0,rgba(5,8,12,.8) 42%,rgba(5,8,12,.05) 72%),linear-gradient(0deg,rgba(7,10,15,.75),transparent 45%)}.hero-copy{position:relative;z-index:2;max-width:650px;margin-left:6vw}.eyebrow{text-transform:uppercase;letter-spacing:.26em;color:var(--blue2);font-size:.7rem;font-weight:700}h1,h2,h3{font-family:Orbitron,sans-serif}h1{font-size:clamp(4rem,7vw,7.2rem);line-height:.92;letter-spacing:.04em;margin:14px 0 24px}h1 span{color:var(--blue)}.hero-copy>p:not(.eyebrow){color:#c8d0da;max-width:590px}.actions{display:flex;gap:14px;margin-top:28px}.btn{display:inline-flex;justify-content:center;align-items:center;padding:14px 22px;border:1px solid var(--blue);text-transform:uppercase;letter-spacing:.08em;font-size:.8rem;font-weight:700}.btn.primary{background:linear-gradient(135deg,#2f72b8,#4796e4)}.btn.outline{background:rgba(7,10,15,.35)}
.services,.process,.contact{padding:84px 4vw}.section-title{text-align:center;margin-bottom:34px}.section-title h2{font-size:1rem;font-family:Montserrat;font-weight:500;color:#d7dde5}.cards{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.cards article{background:linear-gradient(180deg,#111824,#0b1017);border:1px solid var(--line);padding:24px 20px;min-height:420px}.cards article:first-child{border-color:var(--blue)}.cards img{width:50px;height:50px}.cards h3{font-size:1.02rem;min-height:56px}.cards b{font-size:1.75rem;color:var(--blue)}.cards small{font-size:.7rem;color:#9fa9b6}.cards ul{padding-left:1.1rem;color:#bfc7d1;font-size:.84rem}.cards li{margin:.42rem 0}
.studio{display:grid;grid-template-columns:1fr 1.15fr;background:#0b1017;border-block:1px solid var(--line)}.studio-copy{padding:75px 6vw}.studio-copy h2{font-size:clamp(2.2rem,4vw,4.2rem)}.studio-copy>p{color:#bcc4ce}.features{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:22px}.features span:before{content:'◉';color:var(--blue);margin-right:8px}.studio>img{width:100%;height:100%;min-height:540px;object-fit:cover}
.process{background:#090d13}.steps{display:grid;grid-template-columns:repeat(5,1fr);gap:22px;max-width:1280px;margin:auto}.steps>div{text-align:center;position:relative}.steps>div:not(:last-child):after{content:'';position:absolute;top:24px;right:-18px;width:36px;height:1px;background:#324155}.steps span{width:48px;height:48px;border:1px solid var(--blue);border-radius:50%;display:inline-grid;place-items:center;color:var(--blue2);font-family:Orbitron}.steps h3{font-size:.85rem;text-transform:uppercase}.steps p{color:#9fa9b5;font-size:.82rem}
.contact{background:radial-gradient(circle at 10% 20%,#17263b,#070a0f 55%)}.cta{display:flex;gap:30px;align-items:center;max-width:1100px;margin:0 auto 45px}.cta img{width:170px}.cta h2{font-size:1.3rem}.cta p{color:#b9c2cd}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;max-width:1000px;margin:auto}.form-grid label{display:flex;flex-direction:column;gap:7px;color:#b9c2cd;font-size:.84rem}.full{grid-column:1/-1}input,select,textarea{background:#0b1119;border:1px solid var(--line);padding:13px;color:#fff;font:inherit}.contact form>.btn{display:flex;margin:20px auto 0}.hidden{position:absolute;left:-9999px}
footer{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;padding:24px 4vw;border-top:1px solid var(--line);color:#929ca9}footer img{width:175px}footer div{display:flex;gap:24px}
@media(max-width:1200px){.cards{grid-template-columns:repeat(3,1fr)}}
@media(max-width:800px){header{height:68px;padding:8px 16px}.brand img{width:150px}.menu{display:block}nav{display:none;position:absolute;top:68px;left:0;right:0;background:#070a0f;padding:14px 18px;flex-direction:column;border-bottom:1px solid var(--line)}nav.open{display:flex}.hero{height:760px;align-items:flex-end}.hero-art{background-position:65% top}.hero-overlay{background:linear-gradient(0deg,rgba(5,8,12,.98) 0,rgba(5,8,12,.84) 48%,rgba(5,8,12,.06) 78%)}.hero-copy{margin:0;padding:0 20px 65px}h1{font-size:clamp(3.1rem,15vw,4.9rem)}.actions{display:grid}.btn{width:100%}.cards{grid-template-columns:1fr}.cards article{min-height:auto}.studio{grid-template-columns:1fr}.studio-copy{padding:65px 20px}.studio>img{min-height:340px}.features{grid-template-columns:1fr}.steps{grid-template-columns:1fr}.steps>div{display:grid;grid-template-columns:55px 1fr;text-align:left;column-gap:12px;padding:15px 0;border-top:1px solid var(--line)}.steps>div:not(:last-child):after{display:none}.steps span{grid-row:1/3}.steps h3,.steps p{margin:0}.cta{display:block}.cta img{width:155px;margin-bottom:15px}.form-grid{grid-template-columns:1fr}.full{grid-column:auto}footer{padding:22px 18px}footer div{flex-wrap:wrap}}

.form-status{
  min-height:24px;
  margin:14px auto 0;
  max-width:1000px;
  color:var(--blue2);
  font-size:.9rem;
  text-align:center;
}
.form-status.error{color:#ff8f8f}
button:disabled{opacity:.65;cursor:not-allowed}

/* Final approved Silent Orbit hero artwork */
.hero-art{
  background-image:url('assets/hero-final.png') !important;
  background-position:center right !important;
  background-size:cover !important;
  background-repeat:no-repeat !important;
}
@media (max-width:800px){
  .hero-art{background-position:64% center !important;}
}