/* ===== public/assets/site-v7-base.css ===== */
:root{
  --bg:#05070A;
  --bg-2:#101419;
  --surface:#0D171A;
  --surface-2:#122226;
  --surface-3:#16383D;
  --surface-4:#1C474D;
  --text:#EAF7F6;
  --muted:#89AEB8;
  --muted-2:#6F9098;
  --line:#1F4046;
  --line-strong:#2D5E65;
  --accent:#4DE8E0;
  --accent-2:#9EF5EA;
  --accent-soft:rgba(77,232,224,.12);
  --accent-glow:rgba(77,232,224,.22);
  --success:#9EF5EA;
  --accent-ink:#05070A;
  --deep-teal:#16383D;
  --apparition-violet:#A98BFF;
  --max:1240px;
  --radius:22px;
  --radius-sm:14px;
  --shadow:0 24px 70px rgba(0,0,0,.34);
  --shadow-soft:0 16px 44px rgba(0,0,0,.22);
  --safe-bottom:env(safe-area-inset-bottom,0px)
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--bg)}
body{
  margin:0;
  background:
    radial-gradient(circle at 86% 3%,rgba(77,232,224,.11),transparent 29rem),
    radial-gradient(circle at 12% 24%,rgba(169,139,255,.07),transparent 25rem),
    linear-gradient(180deg,#070A0D 0%,var(--bg) 42%,#05070A 100%);
  color:var(--text);
  font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  line-height:1.62;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
  min-height:100vh
}
body::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:-2;
  pointer-events:none;
  background-image:
    linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);
  background-size:48px 48px;
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.8),transparent 78%)
}
body::after{
  content:"";
  position:fixed;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:linear-gradient(to bottom,rgba(255,255,255,.012),transparent 22%,rgba(0,0,0,.14))
}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
button{font:inherit}
p,h1,h2,h3{margin-top:0}
p{color:var(--muted)}
h1,h2,h3{line-height:1.02;letter-spacing:-.04em;text-wrap:balance}
h1{
  font-size:clamp(3.25rem,7.3vw,6.8rem);
  max-width:11.5ch;
  margin-bottom:26px;
  font-weight:850
}
h2{
  font-size:clamp(2.15rem,4.5vw,4.3rem);
  max-width:14ch;
  margin-bottom:20px;
  font-weight:820
}
h3{font-size:1.28rem;margin-bottom:10px}
.wrap{width:min(var(--max),calc(100% - 48px));margin-inline:auto}
.section{position:relative;padding:112px 0}
.section-soft,.soft{
  background:
    linear-gradient(180deg,rgba(255,255,255,.026),rgba(255,255,255,.012)),
    linear-gradient(90deg,transparent,rgba(77,232,224,.025),transparent);
  border-block:1px solid rgba(255,255,255,.05)
}
.eyebrow{
  display:inline-flex;
  align-items:center;
  gap:9px;
  margin:0 0 16px;
  color:var(--accent-2);
  font-size:.76rem;
  font-weight:850;
  letter-spacing:.15em;
  text-transform:uppercase
}
.eyebrow::before{
  content:"";
  width:22px;
  height:1px;
  background:linear-gradient(90deg,var(--accent),transparent);
  box-shadow:0 0 14px var(--accent-glow)
}
.lede{font-size:1.14rem;max-width:66ch}
.fineprint{font-size:.9rem}
.skip-link{
  position:fixed;
  top:10px;
  left:10px;
  z-index:1000;
  padding:10px 14px;
  background:#EAF7F6;
  color:#000;
  border-radius:9px;
  transform:translateY(-150%)
}
.skip-link:focus{transform:none}
.site-header{
  position:sticky;
  top:0;
  z-index:100;
  background:rgba(7,9,13,.82);
  border-bottom:1px solid rgba(255,255,255,.065);
  backdrop-filter:blur(22px) saturate(140%);
  -webkit-backdrop-filter:blur(22px) saturate(140%)
}
.site-header::after{
  content:"";
  position:absolute;
  left:0;right:0;bottom:-1px;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(77,232,224,.24),transparent);
  pointer-events:none
}
.nav-shell{height:78px;display:flex;align-items:center;gap:24px}
.brand-lockup{
  display:flex;
  align-items:center;
  gap:12px;
  min-width:max-content;
  position:relative
}
.brand-lockup img{
  width:40px;
  height:40px;
  padding:2px;
  border-radius:12px;
  background:linear-gradient(145deg,rgba(77,232,224,.18),rgba(255,255,255,.025));
  box-shadow:0 0 0 1px rgba(77,232,224,.14),0 10px 26px rgba(0,0,0,.25)
}
.brand-lockup span{display:grid;line-height:1.02}
.brand-lockup strong{font-size:1rem;letter-spacing:.01em}
.brand-lockup small{
  color:var(--muted-2);
  font-size:.68rem;
  letter-spacing:.08em;
  text-transform:uppercase;
  margin-top:5px
}
.site-header nav{
  margin-left:auto;
  display:flex;
  align-items:center;
  gap:4px;
  padding:5px;
  border:1px solid rgba(255,255,255,.045);
  border-radius:14px;
  background:rgba(255,255,255,.018)
}
.site-header nav a{
  position:relative;
  padding:9px 12px;
  border-radius:10px;
  color:#CDE3E1;
  font-size:.9rem;
  font-weight:680;
  transition:color .18s ease,background .18s ease
}
.site-header nav a:hover,.site-header nav a:focus-visible,.site-header nav .nav-active{
  background:rgba(255,255,255,.06);
  color:#EAF7F6
}
.site-header nav .nav-active::after{
  content:"";
  position:absolute;
  left:12px;right:12px;bottom:4px;
  height:2px;
  border-radius:999px;
  background:var(--accent);
  box-shadow:0 0 12px var(--accent-glow)
}
.header-cta,.btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:50px;
  padding:0 19px;
  border-radius:14px;
  font-weight:820;
  letter-spacing:-.012em;
  border:1px solid transparent;
  transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease
}
.header-cta,.btn.primary{
  background:linear-gradient(180deg,#9EF5EA,#4DE8E0);
  color:var(--accent-ink);
  box-shadow:0 10px 28px rgba(77,232,224,.23),inset 0 1px rgba(255,255,255,.38)
}
.header-cta:hover,.btn.primary:hover{
  background:linear-gradient(180deg,#EAF7F6,#9EF5EA);
  transform:translateY(-1px);
  box-shadow:0 14px 34px rgba(77,232,224,.3)
}
.btn.secondary{
  border-color:var(--line);
  background:rgba(255,255,255,.028);
  color:var(--text);
  box-shadow:inset 0 1px rgba(255,255,255,.025)
}
.btn.secondary:hover{
  border-color:#50647c;
  background:rgba(255,255,255,.06);
  transform:translateY(-1px)
}
.menu-button{display:none}
.hero{
  position:relative;
  padding:92px 0 82px;
  overflow:hidden
}
.hero::before{
  content:"";
  position:absolute;
  width:38rem;
  height:38rem;
  right:-15rem;
  top:-11rem;
  border-radius:50%;
  background:radial-gradient(circle,rgba(77,232,224,.1),transparent 65%);
  filter:blur(2px);
  pointer-events:none
}
.hero-grid{
  display:grid;
  grid-template-columns:minmax(0,1.02fr) minmax(390px,.82fr);
  align-items:center;
  gap:78px;
  min-height:610px
}
.hero-copy{position:relative;z-index:2}
.hero-copy h1{
  background:linear-gradient(180deg,#EAF7F6 0%,#f4f7fb 52%,#c7d5e5 100%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent
}
.hero-lede{
  font-size:clamp(1.08rem,2vw,1.3rem);
  max-width:61ch;
  margin-bottom:30px;
  color:#A7C5C8
}
.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:30px}
.hero-proof{display:flex;flex-wrap:wrap;gap:9px}
.hero-proof span{
  position:relative;
  padding:8px 12px 8px 27px;
  border:1px solid var(--line);
  border-radius:999px;
  color:#D8ECEA;
  font-size:.77rem;
  font-weight:760;
  background:rgba(255,255,255,.025)
}
.hero-proof span::before{
  content:"";
  position:absolute;
  left:11px;
  top:50%;
  width:6px;
  height:6px;
  margin-top:-3px;
  border-radius:50%;
  background:var(--success);
  box-shadow:0 0 10px rgba(127,226,178,.35)
}
.notice-wrap{margin-top:-20px}
.launch-notice{
  position:relative;
  display:flex;
  gap:12px;
  align-items:flex-start;
  padding:16px 18px;
  border:1px solid #2D5E65;
  border-radius:15px;
  background:linear-gradient(135deg,rgba(18,30,45,.96),rgba(14,20,28,.96));
  box-shadow:var(--shadow-soft);
  overflow:hidden
}
.launch-notice::after{
  content:"";
  position:absolute;
  inset:auto 0 0;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(77,232,224,.45),transparent)
}
.launch-notice span{
  width:9px;height:9px;margin-top:8px;border-radius:50%;
  background:var(--accent);flex:0 0 auto;
  box-shadow:0 0 14px var(--accent-glow)
}
.launch-notice p{margin:0;color:#D8ECEA;font-size:.9rem}
.launch-notice strong{color:#EAF7F6}
.section-head{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(300px,.58fr);
  gap:48px;
  align-items:end;
  margin-bottom:48px
}
.section-head>p{margin:0;color:#94B7BE}
.text-link{
  display:inline-flex;
  gap:8px;
  align-items:center;
  color:var(--accent-2);
  font-weight:820;
  margin-top:12px
}
.text-link:hover{text-decoration:underline}
.mobile-actionbar{display:none}
:focus-visible{outline:3px solid #9EF5EA;outline-offset:3px}
.btn:focus-visible,.header-cta:focus-visible{outline-color:#EAF7F6}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}
}

/* GhostCore field identity overrides */
:root{
  --bg:#05070A;
  --bg-2:#101419;
  --surface:#0D171A;
  --surface-2:#122226;
  --surface-3:#16383D;
  --line:#1F4046;
  --line-strong:#2D5E65;
  --accent:#4DE8E0;
  --accent-2:#9EF5EA;
  --accent-soft:rgba(77,232,224,.10);
  --accent-glow:rgba(77,232,224,.24);
  --success:#9EF5EA;
  --radius:16px;
  --radius-sm:10px
}
body{
  background:
    radial-gradient(circle at 86% 0%,rgba(77,232,224,.105),transparent 28rem),
    radial-gradient(circle at 12% 32%,rgba(169,139,255,.07),transparent 25rem),
    linear-gradient(180deg,#05070a 0%,#070a0e 48%,#05070a 100%)
}
body::before{
  background-image:
    linear-gradient(rgba(255,255,255,.015) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.015) 1px,transparent 1px),
    repeating-linear-gradient(135deg,transparent 0 38px,rgba(77,232,224,.018) 38px 39px);
  background-size:48px 48px,48px 48px,auto;
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.88),transparent 88%)
}
.site-header{background:rgba(5,7,10,.88)}
.brand-lockup strong{letter-spacing:.035em;text-transform:uppercase;font-size:.94rem}
.brand-lockup small{letter-spacing:.13em;color:#89AEB8}
.hero{padding-top:104px}
.hero-copy h1{letter-spacing:-.055em;max-width:9.8ch}
.hero-copy .eyebrow{letter-spacing:.19em}
.hero-proof span{border-radius:6px;text-transform:uppercase;letter-spacing:.06em;font-size:.69rem}
.header-cta,.btn{border-radius:8px;text-transform:uppercase;letter-spacing:.045em;font-size:.83rem}
.header-cta,.btn.primary{background:linear-gradient(180deg,#9EF5EA,#4DE8E0);box-shadow:0 10px 30px rgba(77,232,224,.16),inset 0 1px rgba(255,255,255,.42)}
.btn.secondary{border-color:#2D5E65;background:linear-gradient(180deg,rgba(255,255,255,.028),rgba(255,255,255,.012))}
.section-head h2{max-width:16ch}


/* ===== public/assets/site-v7-components.css ===== */
.hero-panel{
  position:relative;
  min-height:490px;
  padding:24px;
  border:1px solid rgba(121,160,204,.26);
  border-radius:30px;
  background:
    linear-gradient(145deg,rgba(22,30,41,.97),rgba(10,14,20,.97)),
    var(--surface);
  box-shadow:var(--shadow);
  overflow:hidden;
  isolation:isolate
}
.hero-panel::before{
  content:"";
  position:absolute;
  inset:-1px;
  z-index:-2;
  background:
    radial-gradient(circle at 70% 20%,rgba(77,232,224,.16),transparent 28%),
    linear-gradient(125deg,transparent 0 56%,rgba(77,232,224,.07));
  pointer-events:none
}
.hero-panel::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background-image:
    linear-gradient(rgba(255,255,255,.024) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.024) 1px,transparent 1px);
  background-size:26px 26px;
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.7),transparent 78%)
}
.hero-panel>small{
  position:relative;
  display:inline-flex;
  align-items:center;
  gap:9px;
  color:#D8ECEA;
  text-transform:uppercase;
  letter-spacing:.13em;
  font-weight:850;
  font-size:.7rem
}
.hero-panel>small::before{
  content:"";
  width:7px;height:7px;border-radius:50%;
  background:var(--success);
  box-shadow:0 0 12px rgba(127,226,178,.45)
}
.panel-art{
  height:294px;
  display:grid;
  place-items:center;
  position:relative
}
.panel-art::before,.panel-art::after{
  content:"";
  position:absolute;
  border:1px solid rgba(158,245,234,.25);
  border-radius:50%
}
.panel-art::before{
  width:214px;height:214px;
  box-shadow:0 0 46px rgba(77,232,224,.07),inset 0 0 50px rgba(77,232,224,.025)
}
.panel-art::after{width:300px;height:300px;opacity:.4}
.panel-art img{
  position:relative;
  z-index:3;
  width:126px;
  height:126px;
  filter:drop-shadow(0 18px 34px rgba(0,0,0,.45)) drop-shadow(0 0 26px rgba(77,232,224,.12))
}
.panel-art i{
  position:absolute;
  width:344px;height:1px;
  background:linear-gradient(90deg,transparent,rgba(77,232,224,.68),transparent);
  transform:rotate(-12deg);
  box-shadow:0 0 18px rgba(77,232,224,.18)
}
.panel-art b{
  position:absolute;
  width:1px;height:344px;
  background:linear-gradient(transparent,rgba(77,232,224,.42),transparent);
  transform:rotate(18deg)
}
.panel-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:9px;
  position:relative
}
.panel-grid div{
  padding:13px 14px;
  border:1px solid rgba(255,255,255,.075);
  border-radius:14px;
  background:linear-gradient(180deg,rgba(255,255,255,.042),rgba(255,255,255,.018));
  box-shadow:inset 0 1px rgba(255,255,255,.025)
}
.panel-grid span{
  display:block;
  color:var(--muted-2);
  font-size:.67rem;
  text-transform:uppercase;
  letter-spacing:.09em;
  font-weight:760
}
.panel-grid strong{display:block;font-size:.91rem;margin-top:4px}
.trust-strip{
  position:relative;
  border-block:1px solid rgba(255,255,255,.07);
  background:linear-gradient(180deg,rgba(13,17,23,.9),rgba(10,13,18,.92))
}
.trust-strip::before{
  content:"";
  position:absolute;
  left:0;right:0;top:0;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(77,232,224,.15),transparent)
}
.trust-grid,.trust-strip>.wrap{display:grid;grid-template-columns:repeat(4,1fr)}
.trust-grid div,.trust-strip>.wrap>div{
  position:relative;
  padding:26px 24px;
  border-right:1px solid rgba(255,255,255,.07)
}
.trust-grid div:last-child,.trust-strip>.wrap>div:last-child{border-right:0}
.trust-grid strong,.trust-strip strong{display:block;font-size:.94rem;color:#EAF7F6}
.trust-grid span,.trust-strip span{display:block;color:var(--muted-2);font-size:.77rem;margin-top:4px}
.service-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:17px
}
.service-card{
  position:relative;
  min-height:292px;
  padding:27px;
  border:1px solid var(--line);
  border-radius:var(--radius);
  background:
    linear-gradient(155deg,rgba(25,34,46,.96),rgba(14,19,26,.98));
  display:flex;
  flex-direction:column;
  overflow:hidden;
  box-shadow:0 12px 34px rgba(0,0,0,.14);
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease
}
.service-card::before{
  content:"";
  position:absolute;
  inset:0;
  background:radial-gradient(circle at 100% 0,rgba(77,232,224,.11),transparent 34%);
  opacity:.75;
  pointer-events:none
}
.service-card::after{
  content:"";
  position:absolute;
  right:-34px;bottom:-62px;
  width:150px;height:150px;border-radius:50%;
  border:1px solid rgba(77,232,224,.08);
  box-shadow:0 0 0 28px rgba(77,232,224,.018),0 0 0 56px rgba(77,232,224,.01);
  pointer-events:none
}
.service-card:hover{
  transform:translateY(-4px);
  border-color:#4c6279;
  box-shadow:0 18px 46px rgba(0,0,0,.2)
}
.service-card .service-icon{
  position:relative;
  z-index:1;
  width:46px;height:46px;
  display:grid;place-items:center;
  border-radius:13px;
  background:linear-gradient(145deg,#16383D,#122A2E);
  color:var(--accent-2);
  font-size:.76rem;
  font-weight:900;
  letter-spacing:.07em;
  box-shadow:inset 0 0 0 1px rgba(77,232,224,.13)
}
.service-card h3{position:relative;z-index:1;margin-top:30px;font-size:1.45rem}
.service-card p{position:relative;z-index:1;margin-bottom:24px}
.service-card>a{
  position:relative;
  z-index:1;
  margin-top:auto;
  color:var(--accent-2);
  font-weight:820;
  display:inline-flex;
  align-items:center;
  gap:7px
}
.service-card>a span{transition:transform .18s ease}
.service-card:hover>a span{transform:translateX(3px)}
.split-feature,.detail-grid{
  display:grid;
  grid-template-columns:minmax(0,.82fr) minmax(420px,1.05fr);
  gap:78px;
  align-items:start
}
.benefit-list{display:grid;gap:0}
.benefit-list article,.benefit-list>div{
  position:relative;
  display:grid;
  grid-template-columns:50px 1fr;
  gap:17px;
  padding:22px 0;
  border-top:1px solid var(--line)
}
.benefit-list article:last-child,.benefit-list>div:last-child{border-bottom:1px solid var(--line)}
.benefit-list>*>span{
  width:40px;height:40px;
  display:grid;place-items:center;
  border-radius:12px;
  background:linear-gradient(145deg,#16383D,#122A2E);
  color:var(--accent-2);
  font-weight:850;
  font-size:.78rem;
  border:1px solid rgba(77,232,224,.12)
}
.benefit-list h3{margin:0 0 6px}
.benefit-list p{margin:0}
.steps{
  position:relative;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:14px
}
.steps::before{
  content:"";
  position:absolute;
  left:9%;right:9%;top:44px;
  height:1px;
  background:linear-gradient(90deg,rgba(77,232,224,.08),rgba(77,232,224,.36),rgba(77,232,224,.08));
  z-index:0
}
.steps article{
  position:relative;
  z-index:1;
  padding:24px;
  border:1px solid var(--line);
  border-radius:19px;
  background:linear-gradient(180deg,rgba(20,27,37,.98),rgba(13,18,25,.98))
}
.steps article>span{
  width:40px;height:40px;
  display:grid;place-items:center;
  border-radius:12px;
  background:#0E292D;
  border:1px solid rgba(77,232,224,.16);
  font-size:.75rem;
  color:var(--accent-2);
  font-weight:900;
  box-shadow:0 0 0 7px var(--bg)
}
.steps h3{margin:34px 0 8px}
.steps p{margin:0;font-size:.92rem}
.pricing-preview{padding-top:20px}
.pricing-callout{
  padding:40px;
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:40px;
  border:1px solid #2D5E65;
  border-radius:26px;
  background:
    radial-gradient(circle at 85% 20%,rgba(77,232,224,.12),transparent 25%),
    linear-gradient(125deg,#123036,#0C171A 60%);
  box-shadow:var(--shadow-soft)
}
.pricing-callout h2{font-size:clamp(2rem,4vw,3.6rem);max-width:16ch}
.pricing-callout p{max-width:65ch}
.location-card,.contact-card,.status-card,.prose-card{
  position:relative;
  padding:29px;
  border:1px solid var(--line);
  border-radius:21px;
  background:linear-gradient(180deg,rgba(19,26,35,.98),rgba(13,18,25,.98));
  box-shadow:0 14px 40px rgba(0,0,0,.13)
}
.location-card strong{font-size:1.45rem}
.location-card small{display:block;color:#89AEB8;margin-top:14px}
.contact-card small{
  display:block;color:var(--muted);
  text-transform:uppercase;letter-spacing:.1em;font-weight:800
}
.contact-card>a{
  display:block;
  font-size:clamp(2rem,5vw,3.4rem);
  line-height:1.05;font-weight:900;
  margin:12px 0 20px
}
.faq-preview,.accordion{display:grid;gap:10px}
.faq-preview>a{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  padding:20px 22px;
  border:1px solid var(--line);
  border-radius:15px;
  background:linear-gradient(180deg,rgba(18,25,34,.98),rgba(13,18,25,.98));
  font-weight:780;
  transition:border-color .18s ease,background .18s ease,transform .18s ease
}
.faq-preview>a:hover{
  border-color:#2D5E65;
  background:linear-gradient(180deg,rgba(23,32,43,.98),rgba(15,21,29,.98));
  transform:translateX(2px)
}
.faq-preview>a b{color:var(--accent-2);font-size:1.1rem}
.faq-preview details,.accordion details{
  border:1px solid var(--line);
  border-radius:15px;
  background:var(--surface);
  overflow:hidden
}
.faq-preview summary,.accordion summary{
  cursor:pointer;
  list-style:none;
  padding:20px 56px 20px 20px;
  font-weight:800;
  position:relative
}
.faq-preview summary::-webkit-details-marker,.accordion summary::-webkit-details-marker{display:none}
.faq-preview summary::after,.accordion summary::after{
  content:"+";
  position:absolute;
  right:20px;
  font-size:1.25rem;
  color:var(--accent-2)
}
.faq-preview details[open] summary::after,.accordion details[open] summary::after{content:"–"}
.faq-preview details p,.accordion details p{padding:0 20px 20px;margin:0;max-width:75ch}
.final-cta{
  position:relative;
  padding:98px 0;
  background:
    radial-gradient(circle at 75% 40%,rgba(77,232,224,.13),transparent 28rem),
    linear-gradient(135deg,#123036,#091113);
  border-top:1px solid #1F4046;
  overflow:hidden
}
.final-cta::after{
  content:"";
  position:absolute;
  right:-12rem;bottom:-18rem;
  width:34rem;height:34rem;border-radius:50%;
  border:1px solid rgba(77,232,224,.08);
  box-shadow:0 0 0 80px rgba(77,232,224,.02),0 0 0 160px rgba(77,232,224,.01);
  pointer-events:none
}
.final-cta .wrap{position:relative;z-index:1}
.final-cta h2{max-width:18ch}
.final-cta p{max-width:62ch}
.final-cta .btn{margin:8px 8px 0 0}
.price-feature-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:12px
}
.price-feature-grid article{
  position:relative;
  padding:25px;
  border:1px solid var(--line);
  border-radius:19px;
  background:linear-gradient(180deg,rgba(19,26,35,.98),rgba(13,18,25,.98));
  overflow:hidden
}
.price-feature-grid article::after{
  content:"";
  position:absolute;
  inset:auto -30px -50px auto;
  width:105px;height:105px;border-radius:50%;
  background:radial-gradient(circle,rgba(77,232,224,.09),transparent 67%)
}
.price-feature-grid small,.price-feature-grid span{display:block;color:var(--muted)}
.price-feature-grid strong{
  display:block;
  font-size:2.35rem;
  line-height:1;
  letter-spacing:-.05em;
  margin:22px 0 7px
}
.center-action{text-align:center;margin-top:30px}
.location-map{
  height:188px;
  border-radius:16px;
  background:linear-gradient(145deg,#123036,#091113);
  position:relative;
  overflow:hidden;
  margin-bottom:22px;
  border:1px solid rgba(255,255,255,.045)
}
.location-map::before{
  content:"";
  position:absolute;
  inset:0;
  background-image:
    linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);
  background-size:27px 27px;
  transform:perspective(380px) rotateX(52deg) scale(1.35);
  transform-origin:center bottom;
  opacity:.75
}
.location-map::after{
  content:"";
  position:absolute;
  inset:0;
  background:radial-gradient(circle at 50% 50%,rgba(77,232,224,.16),transparent 24%,transparent 100%)
}
.location-map span{
  position:absolute;
  z-index:2;
  width:18px;height:18px;
  border:5px solid var(--accent);
  border-radius:50%;
  left:48%;top:44%;
  box-shadow:0 0 0 7px rgba(77,232,224,.09),0 0 20px rgba(77,232,224,.28)
}
.location-map i,.location-map b{
  position:absolute;
  z-index:2;
  width:8px;height:8px;border-radius:50%;
  background:#89AEB8;
  box-shadow:0 0 0 4px rgba(137,174,184,.08)
}
.location-map i{left:27%;top:62%}
.location-map b{right:24%;top:28%}
.checklist{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.checklist p{
  margin:0;
  padding:16px;
  border:1px solid var(--line);
  border-radius:12px;
  background:var(--surface);
  color:#D8ECEA;
  font-weight:700
}
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.prose-card{margin-bottom:16px}
.prose-card ul,.detail-panels ul{padding-left:20px;color:#D8ECEA}
.prose-card li,.detail-panels li{margin:9px 0}
.detail-panels{display:grid;gap:14px}
.detail-panels article{
  padding:27px;
  border:1px solid var(--line);
  border-radius:19px;
  background:linear-gradient(180deg,rgba(19,26,35,.98),rgba(13,18,25,.98))
}
.related-links{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.related-links a{
  display:flex;
  justify-content:space-between;
  gap:20px;
  padding:20px;
  border:1px solid var(--line);
  border-radius:14px;
  background:var(--surface);
  font-weight:800
}
.related-links a span{color:var(--accent-2)}
.price-table,.price-sections{display:grid;gap:14px}
.price-card{
  border:1px solid var(--line);
  border-radius:20px;
  background:linear-gradient(180deg,rgba(19,26,35,.98),rgba(13,18,25,.98));
  overflow:hidden;
  box-shadow:0 10px 34px rgba(0,0,0,.12)
}
.price-card>h3{
  padding:22px 24px;
  margin:0;
  border-bottom:1px solid var(--line);
  background:rgba(255,255,255,.018)
}
.price-row{
  display:grid;
  grid-template-columns:1.2fr .35fr 1fr;
  gap:20px;
  align-items:center;
  padding:18px 20px;
  border-bottom:1px solid var(--line)
}
.price-row:last-child{border-bottom:0}
.price-row>div{display:grid}
.price-row span{color:var(--muted);font-size:.84rem}
.price-row b{color:#EAF7F6}
.price-head{
  color:var(--muted);
  font-size:.78rem;
  text-transform:uppercase;
  letter-spacing:.08em;
  font-weight:800
}
.identity-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:12px
}
.identity-grid article{
  padding:23px;
  border:1px solid var(--line);
  border-radius:16px;
  background:linear-gradient(180deg,rgba(19,26,35,.98),rgba(13,18,25,.98))
}
.identity-grid small{
  display:block;
  color:var(--muted);
  text-transform:uppercase;
  letter-spacing:.08em
}
.identity-grid strong{display:block;margin-top:12px}
.prose{display:grid;gap:14px;max-width:900px}
.prose article{
  padding:29px;
  border:1px solid var(--line);
  border-radius:18px;
  background:linear-gradient(180deg,rgba(19,26,35,.98),rgba(13,18,25,.98))
}
.prose article h2{font-size:1.6rem;max-width:none}
.prose article p{margin-bottom:0}
.status-card{margin-top:24px}
.site-footer{
  position:relative;
  padding:68px 0 28px;
  border-top:1px solid var(--line);
  background:linear-gradient(180deg,#070A0D,#05070A)
}
.site-footer::before{
  content:"";
  position:absolute;
  left:0;right:0;top:-1px;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(77,232,224,.18),transparent)
}
.footer-grid{display:grid;grid-template-columns:1.5fr .7fr .7fr;gap:62px}
.footer-brand p{max-width:54ch;margin:20px 0}
.phone-link{font-size:1.3rem;font-weight:850;color:var(--accent-2)}
.footer-grid>div:not(.footer-brand){display:grid;align-content:start;gap:9px}
.footer-grid h2{
  font-size:.78rem;
  letter-spacing:.11em;
  text-transform:uppercase;
  color:#EAF7F6;
  margin-bottom:10px
}
.footer-grid>div:not(.footer-brand) a{color:var(--muted)}
.footer-grid>div:not(.footer-brand) a:hover{color:#EAF7F6}
.footer-bottom{
  display:flex;
  justify-content:space-between;
  gap:20px;
  padding-top:30px;
  margin-top:38px;
  border-top:1px solid var(--line);
  color:#6F9098;
  font-size:.76rem
}

/* GhostCore field-console and service-card identity */
.hero-panel{
  border-radius:18px;
  border-color:rgba(77,232,224,.26);
  background:linear-gradient(155deg,rgba(13,20,27,.99),rgba(6,9,13,.995));
  box-shadow:0 26px 80px rgba(0,0,0,.45),inset 0 1px rgba(255,255,255,.025)
}
.hero-panel::before{
  background:
    linear-gradient(135deg,rgba(77,232,224,.11),transparent 26%),
    linear-gradient(315deg,rgba(77,232,224,.05),transparent 34%),
    repeating-linear-gradient(135deg,transparent 0 20px,rgba(77,232,224,.018) 20px 21px)
}
.hero-panel>small{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;letter-spacing:.17em;color:#9EF5EA}
.ghostcore-console{height:294px;overflow:hidden}
.ghostcore-console::before{
  width:224px;height:224px;border-radius:24px;transform:rotate(45deg);
  border-color:rgba(77,232,224,.23);box-shadow:0 0 52px rgba(77,232,224,.06),inset 0 0 48px rgba(77,232,224,.02)
}
.ghostcore-console::after{
  width:302px;height:302px;border-radius:28px;transform:rotate(45deg);opacity:.25
}
.ghostcore-console img{width:112px;height:112px;filter:drop-shadow(0 18px 34px rgba(0,0,0,.5)) drop-shadow(0 0 28px rgba(77,232,224,.18))}
.console-code,.console-index,.console-tag{
  position:absolute;z-index:5;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-weight:800;letter-spacing:.13em
}
.console-code{left:2px;top:22px;font-size:.68rem;color:#6F9098}
.console-index{right:3px;top:16px;font-size:2.6rem;line-height:1;color:rgba(158,245,234,.12)}
.console-tag{padding:5px 7px;border:1px solid rgba(77,232,224,.22);border-radius:4px;background:rgba(5,7,10,.82);font-size:.58rem;color:#89AEB8}
.console-tag-a{left:8px;bottom:46px}.console-tag-b{right:12px;top:76px}.console-tag-c{right:24px;bottom:38px}
.panel-grid div{border-radius:8px;background:linear-gradient(180deg,rgba(255,255,255,.032),rgba(255,255,255,.012));border-color:rgba(255,255,255,.065)}
.panel-grid span{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;letter-spacing:.14em}
.service-card{border-radius:12px;background:linear-gradient(155deg,rgba(18,27,36,.98),rgba(8,12,17,.99));border-color:#1F4046}
.service-card::after{border-radius:18px;transform:rotate(35deg);border-color:rgba(77,232,224,.08)}
.service-card .service-icon{border-radius:6px;background:#16383D;color:#9EF5EA;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}
.trust-strip strong{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;letter-spacing:.08em;font-size:.78rem;color:#EAF7F6}
.benefit-list>div>span{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;color:#4DE8E0}


/* Semantic pricing table — production accessibility hardening. */
.price-table-wrap{
  overflow-x:auto;
  border:1px solid var(--line);
  border-radius:16px;
  background:linear-gradient(180deg,rgba(19,26,35,.98),rgba(13,18,25,.98));
  box-shadow:0 10px 34px rgba(0,0,0,.12)
}
table.price-table{
  display:table;
  width:100%;
  min-width:640px;
  border-collapse:collapse;
  border-spacing:0;
  background:transparent
}
table.price-table .price-row{display:table-row}
table.price-table th,
table.price-table td{
  padding:18px 20px;
  border-bottom:1px solid var(--line);
  text-align:left;
  vertical-align:middle
}
table.price-table tbody tr:last-child th,
table.price-table tbody tr:last-child td{border-bottom:0}
table.price-table thead th{
  color:var(--muted);
  font-size:.78rem;
  text-transform:uppercase;
  letter-spacing:.08em;
  font-weight:800;
  background:rgba(255,255,255,.018)
}
table.price-table tbody th{
  color:var(--text);
  font-weight:800
}
table.price-table td{
  color:var(--muted);
  font-size:.9rem
}
table.price-table .price-labor{
  color:#EAF7F6;
  font-weight:850;
  white-space:nowrap
}


/* ===== public/assets/site-v7-responsive.css ===== */
.js [data-reveal]{
  opacity:0;
  transform:translateY(14px);
  transition:opacity .52s ease,transform .52s ease
}
.js [data-reveal].is-visible{opacity:1;transform:none}
.menu-button{background:transparent;border:0;color:#EAF7F6;padding:10px;min-width:44px;min-height:44px;display:none;place-items:center}
.menu-button i,.menu-button i::before,.menu-button i::after{
  display:block;
  width:20px;height:2px;
  background:#EAF7F6;
  position:relative;
  transition:.2s
}
.menu-button i::before,.menu-button i::after{content:"";position:absolute;left:0}
.menu-button i::before{top:-6px}
.menu-button i::after{top:6px}
.menu-button[aria-expanded="true"] i{background:transparent}
.menu-button[aria-expanded="true"] i::before{top:0;transform:rotate(45deg)}
.menu-button[aria-expanded="true"] i::after{top:0;transform:rotate(-45deg)}

@media(max-width:1080px){
  .site-header nav a{padding-inline:10px;font-size:.87rem}
  .header-cta{padding-inline:15px}
  .hero-grid{gap:52px}
}

@media(max-width:980px){
  .site-header nav{
    position:absolute;
    left:20px;
    right:20px;
    top:70px;
    display:none;
    flex-direction:column;
    align-items:stretch;
    padding:12px;
    border:1px solid var(--line);
    border-radius:17px;
    background:rgba(16,20,25,.98);
    box-shadow:var(--shadow);
    backdrop-filter:blur(20px);
    -webkit-backdrop-filter:blur(20px)
  }
  .site-header nav.is-open{display:flex}
  .site-header nav a{padding:13px 14px}
  .site-header nav .nav-active::after{left:14px;right:auto;width:26px}
  .menu-button{display:grid;place-items:center;margin-left:auto}
  .header-cta{display:none}
  .hero{padding-top:68px}
  .hero-grid{grid-template-columns:1fr;min-height:0;gap:48px}
  .hero-copy{max-width:780px}
  .hero-panel{min-height:430px}
  .section{padding:86px 0}
  .section-head{grid-template-columns:1fr;gap:13px}
  .service-grid{grid-template-columns:repeat(2,1fr)}
  .split-feature,.detail-grid{grid-template-columns:1fr;gap:46px}
  .steps{grid-template-columns:repeat(2,1fr)}
  .steps::before{display:none}
  .price-feature-grid{grid-template-columns:repeat(2,1fr)}
  .identity-grid{grid-template-columns:repeat(2,1fr)}
  .footer-grid{grid-template-columns:1.4fr 1fr 1fr;gap:34px}
}

@media(max-width:720px){
  body{padding-bottom:calc(66px + var(--safe-bottom))}
  body::before{background-size:38px 38px}
  .wrap{width:min(var(--max),calc(100% - 28px))}
  .nav-shell{height:68px}
  .brand-lockup img{width:36px;height:36px}
  .hero{padding:52px 0 58px}
  .hero-grid{gap:34px}
  .hero-copy h1{max-width:10.5ch}
  .hero-lede{font-size:1.05rem}
  .hero-actions .btn{width:100%}
  .hero-proof{gap:7px}
  .hero-proof span{padding:8px 11px 8px 25px;font-size:.75rem}
  .hero-panel{min-height:365px;padding:19px;border-radius:23px}
  .panel-art{height:228px}
  .panel-art::before{width:170px;height:170px}
  .panel-art::after{width:226px;height:226px}
  .panel-art img{width:104px;height:104px}
  .panel-grid{gap:7px}
  .panel-grid div{padding:10px}
  .trust-grid,.trust-strip>.wrap{grid-template-columns:1fr 1fr}
  .trust-grid div,.trust-strip>.wrap>div{
    padding:18px 15px;
    border-bottom:1px solid rgba(255,255,255,.07)
  }
  .trust-grid div:nth-child(2),.trust-strip>.wrap>div:nth-child(2){border-right:0}
  .section{padding:72px 0}
  .section-head{margin-bottom:38px}
  .service-grid,.service-grid.six,.two-col,.related-links{grid-template-columns:1fr}
  .service-card{min-height:244px;padding:23px}
  .steps{grid-template-columns:1fr}
  .pricing-callout{padding:27px;display:block}
  .pricing-callout .btn{width:100%;margin-top:14px}
  .checklist{grid-template-columns:1fr}
  .price-row{grid-template-columns:1fr auto;gap:8px}
  .price-row span{grid-column:1/-1}
  .price-head{display:none}
  .identity-grid{grid-template-columns:1fr}
  .footer-grid{grid-template-columns:1fr 1fr}
  .footer-brand{grid-column:1/-1}
  .footer-bottom{display:grid}
  .mobile-actionbar{
    position:fixed;
    left:0;right:0;bottom:0;
    z-index:120;
    display:grid;
    grid-template-columns:.7fr .9fr 1.4fr;
    padding:8px 10px calc(8px + var(--safe-bottom));
    gap:7px;
    border-top:1px solid var(--line);
    background:rgba(5,7,10,.96);
    backdrop-filter:blur(18px) saturate(140%);
    -webkit-backdrop-filter:blur(18px) saturate(140%);
    box-shadow:0 -12px 34px rgba(0,0,0,.24)
  }
  .mobile-actionbar a{
    min-height:46px;
    display:grid;
    place-items:center;
    border:1px solid var(--line);
    border-radius:11px;
    font-weight:800;
    font-size:.82rem;
    background:rgba(255,255,255,.02)
  }
  .mobile-actionbar .primary{
    background:linear-gradient(180deg,#9EF5EA,#4DE8E0);
    color:var(--accent-ink);
    border-color:transparent
  }
}

@media(max-width:700px){.mobile-actionbar{display:grid}}

@media(max-width:420px){
  h1{font-size:clamp(2.75rem,14vw,4.25rem)}
  h2{font-size:clamp(2rem,10vw,3.1rem)}
  .wrap{width:calc(100% - 22px)}
  .hero-panel{min-height:342px}
  .panel-grid strong{font-size:.78rem}
  .trust-grid,.trust-strip>.wrap{grid-template-columns:1fr}
  .trust-grid div,.trust-strip>.wrap>div{border-right:0}
  .service-card{padding:22px}
  .contact-card>a{font-size:2rem}
  .footer-grid{grid-template-columns:1fr}
  .footer-brand{grid-column:auto}
  .mobile-actionbar{grid-template-columns:.65fr .8fr 1.4fr}
}

@media(hover:none){
  .service-card:hover,.btn:hover,.header-cta:hover,.faq-preview>a:hover{transform:none}
}
@media(prefers-reduced-motion:reduce){
  [data-reveal]{opacity:1;transform:none}
}
@media(forced-colors:active){
  .btn,.service-card,.hero-panel,.launch-notice,.prose article{border:1px solid CanvasText}
  .btn.primary,.mobile-actionbar .primary{background:ButtonFace;color:ButtonText}
}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
  .site-header,.mobile-actionbar{background:#05070A}
}

/* No-JavaScript mobile navigation fallback. */
@media(max-width:980px){
  html:not(.js) .nav-shell{height:auto;min-height:68px;flex-wrap:wrap;padding-block:10px}
  html:not(.js) .site-header nav{position:static;display:flex;width:100%;flex:1 0 100%;order:3;flex-direction:row;flex-wrap:wrap;align-items:center;padding:8px 0 2px;border:0;background:transparent;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
  html:not(.js) .site-header nav a{min-height:44px;display:flex;align-items:center}
  html:not(.js) .menu-button{display:none}
}


/* ===== public/assets/site-v8-brand.css ===== */
/* GhostCore Systems — governing industrial automotive / spectral brand layer
   Effective 2026-10-06. Presentation-only: preserves existing routes, copy,
   pricing, launch controls, security policy, and transaction boundaries. */

@font-face{font-family:Oxanium;src:url("/assets/fonts/Oxanium-Variable.woff2?v=20261006-audit1") format("woff2");font-style:normal;font-weight:200 800;font-display:swap}
@font-face{font-family:Rajdhani;src:url("/assets/fonts/Rajdhani-SemiBold.woff2?v=20261006-audit1") format("woff2");font-style:normal;font-weight:600;font-display:swap}
@font-face{font-family:Inter;src:url("/assets/fonts/Inter-Regular.woff2?v=20261006-brand1") format("woff2");font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:Inter;src:url("/assets/fonts/Inter-Medium.woff2?v=20261006-brand1") format("woff2");font-style:normal;font-weight:500;font-display:swap}
@font-face{font-family:Inter;src:url("/assets/fonts/Inter-SemiBold.woff2?v=20261006-brand1") format("woff2");font-style:normal;font-weight:600;font-display:swap}
@font-face{font-family:"IBM Plex Mono";src:url("/assets/fonts/IBMPlexMono-Regular.woff2?v=20261006-brand1") format("woff2");font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:"IBM Plex Mono";src:url("/assets/fonts/IBMPlexMono-SemiBold.woff2?v=20261006-brand1") format("woff2");font-style:normal;font-weight:600;font-display:swap}

:root{
  --gc-void:#05070A;
  --gc-charcoal:#101419;
  --gc-white:#EAF7F6;
  --gc-phantom:#9EF5EA;
  --gc-ice:#4DE8E0;
  --gc-mist:#89AEB8;
  --gc-teal:#16383D;
  --gc-violet:#A98BFF;
  --gc-steel:#151B20;
  --gc-steel-2:#0B1014;
  --gc-seam:rgba(158,245,234,.14);
  --gc-cyan-glow:0 0 18px rgba(77,232,224,.16);
  --gc-cyan-glow-strong:0 0 26px rgba(77,232,224,.24);
  --gc-panel-shadow:0 22px 70px rgba(0,0,0,.42);
  --gc-font-display:Oxanium,Rajdhani,"Arial Narrow",Inter,system-ui,sans-serif;
  --gc-font-ui:Rajdhani,"Arial Narrow",Inter,system-ui,sans-serif;
  --gc-font-body:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --gc-font-mono:"IBM Plex Mono","SFMono-Regular",Consolas,"Liberation Mono",monospace
}

html{background:var(--gc-void)}
body{
  background:
    radial-gradient(ellipse at 78% 0%,rgba(77,232,224,.085),transparent 31rem),
    radial-gradient(ellipse at 9% 46%,rgba(169,139,255,.026),transparent 22rem),
    linear-gradient(180deg,#06090c 0%,var(--gc-void) 36%,#06090c 100%);
  color:var(--gc-white);
  font-family:var(--gc-font-body);
  letter-spacing:.002em
}
body::before{
  background-image:
    linear-gradient(rgba(137,174,184,.023) 1px,transparent 1px),
    linear-gradient(90deg,rgba(137,174,184,.019) 1px,transparent 1px),
    repeating-linear-gradient(90deg,rgba(255,255,255,.012) 0,rgba(255,255,255,.012) 1px,transparent 1px,transparent 5px);
  background-size:56px 56px,56px 56px,5px 100%;
  opacity:.92;
  mask-image:linear-gradient(to bottom,#000 0,rgba(0,0,0,.9) 72%,transparent 100%)
}
body::after{
  background:
    linear-gradient(180deg,rgba(255,255,255,.012),transparent 12%,transparent 84%,rgba(77,232,224,.016)),
    repeating-linear-gradient(0deg,transparent 0,transparent 3px,rgba(255,255,255,.007) 4px);
  mix-blend-mode:screen;
  opacity:.68
}

h1,.brand-lockup strong{
  font-family:var(--gc-font-display)
}
h2,h3,.header-cta,.btn,.site-header nav a{
  font-family:var(--gc-font-ui)
}
h1,h2,h3{
  color:var(--gc-white);
  letter-spacing:.015em;
  text-transform:none
}
h1{
  font-weight:600;
  line-height:.94;
  letter-spacing:.01em
}
h2{font-weight:600;letter-spacing:.018em}
h3{font-weight:600;letter-spacing:.015em}
.eyebrow,
.hero-panel>small,
.panel-grid span,
.console-code,.console-index,.console-tag,
.service-icon,
.trust-strip strong,
.benefit-list>*>span,
.price-head,
.identity-grid small,
.contact-card small,
.footer-grid h2{
  font-family:var(--gc-font-mono);
  font-weight:600
}
.eyebrow{
  color:var(--gc-phantom);
  letter-spacing:.16em;
  text-shadow:0 0 14px rgba(158,245,234,.1)
}
.eyebrow::before{
  width:30px;
  background:linear-gradient(90deg,var(--gc-ice),rgba(77,232,224,0));
  box-shadow:var(--gc-cyan-glow)
}

/* Industrial frame / seam system */
.section,.hero,.final-cta{isolation:isolate}
.section::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  z-index:-1;
  background:
    linear-gradient(90deg,transparent 0,transparent calc(50% - .5px),rgba(137,174,184,.018) 50%,transparent calc(50% + .5px)),
    repeating-linear-gradient(135deg,transparent 0 34px,rgba(77,232,224,.008) 34px 35px)
}
.section-soft,.soft{
  background:
    radial-gradient(circle at 88% 14%,rgba(77,232,224,.035),transparent 25rem),
    repeating-linear-gradient(90deg,rgba(255,255,255,.012) 0 1px,transparent 1px 6px),
    linear-gradient(180deg,rgba(16,20,25,.88),rgba(7,10,13,.94));
  border-block-color:rgba(137,174,184,.09)
}
.section-soft::after,.soft::after{
  content:"";
  position:absolute;
  inset:10px 0 auto;
  height:1px;
  pointer-events:none;
  background:linear-gradient(90deg,transparent 5%,rgba(77,232,224,.16) 18%,rgba(137,174,184,.05) 50%,rgba(77,232,224,.16) 82%,transparent 95%)
}

/* Header as a machined control rail */
.site-header{
  background:
    repeating-linear-gradient(90deg,rgba(255,255,255,.012) 0 1px,transparent 1px 5px),
    linear-gradient(180deg,rgba(13,18,22,.965),rgba(5,7,10,.94));
  border-bottom-color:rgba(77,232,224,.12);
  box-shadow:0 10px 34px rgba(0,0,0,.24)
}
.site-header::before{
  content:"";
  position:absolute;
  inset:auto 18px 7px;
  height:1px;
  opacity:.45;
  background:repeating-linear-gradient(90deg,rgba(137,174,184,.34) 0 14px,transparent 14px 24px);
  pointer-events:none
}
.site-header::after{
  background:linear-gradient(90deg,transparent 3%,rgba(77,232,224,.4) 24%,rgba(77,232,224,.08) 50%,rgba(77,232,224,.4) 76%,transparent 97%)
}
.nav-shell{height:80px}
.brand-lockup{gap:13px}
.brand-lockup img{
  width:42px;
  height:42px;
  padding:3px;
  border-radius:7px;
  background:linear-gradient(145deg,rgba(22,56,61,.9),rgba(5,7,10,.98));
  box-shadow:
    inset 0 0 0 1px rgba(158,245,234,.19),
    inset 0 -8px 18px rgba(0,0,0,.2),
    0 0 18px rgba(77,232,224,.08)
}
.brand-lockup strong{
  color:var(--gc-white);
  font-size:1rem;
  font-weight:650;
  letter-spacing:.065em;
  text-transform:uppercase
}
.brand-lockup small{
  font-family:var(--gc-font-mono);
  color:var(--gc-mist);
  font-size:.62rem;
  letter-spacing:.16em
}
.site-header nav{
  border-radius:7px;
  border-color:rgba(137,174,184,.1);
  background:linear-gradient(180deg,rgba(255,255,255,.024),rgba(255,255,255,.01));
  box-shadow:inset 0 1px rgba(255,255,255,.018)
}
.site-header nav a{
  border-radius:4px;
  color:#C7DCDE;
  font-size:.91rem;
  font-weight:600;
  letter-spacing:.045em;
  text-transform:uppercase
}
.site-header nav a:hover,.site-header nav a:focus-visible,.site-header nav .nav-active{
  color:var(--gc-white);
  background:linear-gradient(180deg,rgba(77,232,224,.09),rgba(77,232,224,.025));
  box-shadow:inset 0 0 0 1px rgba(77,232,224,.09)
}
.site-header nav .nav-active::after{
  height:1px;
  background:var(--gc-ice);
  box-shadow:var(--gc-cyan-glow)
}

/* Buttons: compact equipment controls, not rounded consumer-app pills */
.header-cta,.btn{
  min-height:50px;
  border-radius:5px;
  font-family:var(--gc-font-ui);
  font-weight:600;
  letter-spacing:.075em;
  text-transform:uppercase;
  box-shadow:inset 0 1px rgba(255,255,255,.05);
  position:relative;
  overflow:hidden
}
.header-cta::after,.btn::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(115deg,transparent 0 44%,rgba(255,255,255,.1) 50%,transparent 56%);
  transform:translateX(-120%);
  transition:transform .38s ease
}
.header-cta:hover::after,.btn:hover::after{transform:translateX(120%)}
.header-cta,.btn.primary{
  background:linear-gradient(180deg,var(--gc-phantom),var(--gc-ice));
  color:var(--gc-void);
  border-color:rgba(234,247,246,.3);
  box-shadow:0 8px 24px rgba(77,232,224,.14),inset 0 1px rgba(255,255,255,.45)
}
.header-cta:hover,.btn.primary:hover{
  background:linear-gradient(180deg,#D5FFFA,var(--gc-phantom));
  box-shadow:0 12px 28px rgba(77,232,224,.2)
}
.btn.secondary{
  color:var(--gc-white);
  border-color:rgba(77,232,224,.19);
  background:
    repeating-linear-gradient(90deg,rgba(255,255,255,.014) 0 1px,transparent 1px 5px),
    linear-gradient(180deg,#12191e,#0a0f13)
}
.btn.secondary:hover{
  border-color:rgba(77,232,224,.42);
  background:linear-gradient(180deg,#142126,#0b1215);
  box-shadow:var(--gc-cyan-glow)
}

/* Hero: diagnostic command surface */
.hero{
  padding-top:108px;
  background:
    linear-gradient(90deg,transparent 0 7%,rgba(77,232,224,.018) 7% 7.08%,transparent 7.08% 93%,rgba(77,232,224,.018) 93% 93.08%,transparent 93.08%),
    linear-gradient(180deg,rgba(255,255,255,.008),transparent 34%)
}
.hero::before{
  width:44rem;
  height:44rem;
  right:-17rem;
  top:-18rem;
  background:radial-gradient(circle,rgba(77,232,224,.12),rgba(77,232,224,.03) 31%,transparent 66%)
}
.hero::after{
  content:"GHOSTCORE // MOBILE FIELD SYSTEM // LOS ANGELES";
  position:absolute;
  right:clamp(20px,4vw,60px);
  top:38px;
  color:rgba(137,174,184,.24);
  font-family:var(--gc-font-mono);
  font-size:.59rem;
  letter-spacing:.16em;
  writing-mode:vertical-rl;
  pointer-events:none
}
.hero-copy h1{
  max-width:10.2ch;
  background:linear-gradient(180deg,#F4FFFD 0%,var(--gc-white) 48%,#B7D8D9 100%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  filter:drop-shadow(0 0 17px rgba(158,245,234,.055));
  animation:gc-heading-interference 12s steps(1,end) infinite
}
.hero-lede{color:#A7C8CB}
.hero-proof span{
  border-radius:4px;
  border-color:rgba(77,232,224,.17);
  background:linear-gradient(180deg,rgba(22,56,61,.24),rgba(5,7,10,.65));
  font-family:var(--gc-font-mono);
  font-size:.66rem;
  letter-spacing:.07em;
  text-transform:uppercase
}
.hero-proof span::before{
  width:5px;
  height:5px;
  background:var(--gc-phantom);
  box-shadow:0 0 11px rgba(158,245,234,.3)
}

.hero-panel{
  min-height:500px;
  border-radius:0;
  clip-path:polygon(0 16px,16px 0,calc(100% - 16px) 0,100% 16px,100% calc(100% - 16px),calc(100% - 16px) 100%,16px 100%,0 calc(100% - 16px));
  border-color:rgba(77,232,224,.22);
  background:
    radial-gradient(circle at 88% 10%,rgba(77,232,224,.08),transparent 15rem),
    repeating-linear-gradient(90deg,rgba(255,255,255,.014) 0 1px,transparent 1px 6px),
    linear-gradient(155deg,#11191e,#070b0e 72%);
  box-shadow:var(--gc-panel-shadow)
}
.hero-panel::before{
  background:
    radial-gradient(circle at 10% 10%,rgba(234,247,246,.08) 0 1px,transparent 2px),
    radial-gradient(circle at 90% 10%,rgba(234,247,246,.08) 0 1px,transparent 2px),
    radial-gradient(circle at 10% 90%,rgba(234,247,246,.08) 0 1px,transparent 2px),
    radial-gradient(circle at 90% 90%,rgba(234,247,246,.08) 0 1px,transparent 2px),
    repeating-radial-gradient(circle at center,rgba(77,232,224,.026) 0 1px,transparent 1px 9px);
  background-size:auto;
  opacity:.62
}
.hero-panel::after{
  background:
    linear-gradient(rgba(77,232,224,.022) 1px,transparent 1px),
    linear-gradient(90deg,rgba(77,232,224,.022) 1px,transparent 1px);
  background-size:24px 24px;
  opacity:.8
}
.hero-panel>small{color:var(--gc-phantom);letter-spacing:.18em}
.hero-panel>small::before{
  border-radius:1px;
  width:9px;
  height:3px;
  background:var(--gc-ice);
  box-shadow:var(--gc-cyan-glow)
}
.ghostcore-console::before{
  border-radius:4px;
  transform:rotate(45deg);
  border-color:rgba(158,245,234,.24);
  box-shadow:
    0 0 42px rgba(77,232,224,.055),
    inset 0 0 42px rgba(77,232,224,.025)
}
.ghostcore-console::after{
  border-radius:6px;
  border-style:dashed;
  border-color:rgba(137,174,184,.17)
}
.ghostcore-console img{
  filter:drop-shadow(0 20px 30px rgba(0,0,0,.48)) drop-shadow(0 0 22px rgba(77,232,224,.18))
}
.console-code,.console-tag{color:var(--gc-mist)}
.console-index{color:rgba(158,245,234,.095)}
.console-tag{
  border-radius:2px;
  border-color:rgba(77,232,224,.18);
  background:rgba(5,7,10,.9)
}
.panel-grid div{
  border-radius:3px;
  border-color:rgba(137,174,184,.1);
  background:
    repeating-linear-gradient(90deg,rgba(255,255,255,.01) 0 1px,transparent 1px 4px),
    linear-gradient(180deg,#121a20,#0b1115)
}
.panel-grid span{color:var(--gc-mist)}

/* Status / trust telemetry */
.launch-notice{
  border-radius:4px;
  border-color:rgba(77,232,224,.22);
  background:
    repeating-linear-gradient(90deg,rgba(255,255,255,.012) 0 1px,transparent 1px 5px),
    linear-gradient(135deg,#101c20,#0a1014);
  box-shadow:0 14px 38px rgba(0,0,0,.28)
}
.launch-notice::before{
  content:"STATUS // PRE-LAUNCH";
  position:absolute;
  right:15px;
  top:9px;
  font-family:var(--gc-font-mono);
  font-size:.54rem;
  letter-spacing:.12em;
  color:rgba(158,245,234,.28)
}
.launch-notice span{border-radius:1px;width:8px;height:8px}
.trust-strip{
  background:
    repeating-linear-gradient(90deg,rgba(255,255,255,.01) 0 1px,transparent 1px 6px),
    linear-gradient(180deg,#0c1115,#070b0e);
  border-block-color:rgba(137,174,184,.1)
}
.trust-grid div,.trust-strip>.wrap>div{
  border-right-color:rgba(137,174,184,.09)
}
.trust-strip strong{
  color:var(--gc-white);
  letter-spacing:.095em
}
.trust-strip span{color:var(--gc-mist)}

/* Cards: machined housings with technical seams */
.service-card,.steps article,.price-feature-grid article,.location-card,.contact-card,.status-card,.prose-card,.detail-panels article,.price-card,.identity-grid article,.prose article,.faq-preview>a,.faq-preview details,.accordion details,.related-links a{
  border-radius:6px;
  border-color:rgba(77,232,224,.14);
  background:
    radial-gradient(circle at 10px 10px,rgba(234,247,246,.13) 0 1px,transparent 1.5px),
    radial-gradient(circle at calc(100% - 10px) 10px,rgba(234,247,246,.1) 0 1px,transparent 1.5px),
    repeating-linear-gradient(90deg,rgba(255,255,255,.011) 0 1px,transparent 1px 5px),
    linear-gradient(155deg,#121a20,#090e12 72%);
  box-shadow:0 14px 40px rgba(0,0,0,.22),inset 0 1px rgba(255,255,255,.025)
}
.service-card{
  min-height:300px;
  clip-path:polygon(0 10px,10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%)
}
.service-card::before{
  background:
    linear-gradient(90deg,rgba(77,232,224,.15),transparent 28%) top left/54% 1px no-repeat,
    linear-gradient(rgba(77,232,224,.13),transparent 36%) top left/1px 46% no-repeat,
    radial-gradient(circle at 100% 0,rgba(77,232,224,.07),transparent 33%);
  opacity:1
}
.service-card::after{
  right:0;
  bottom:0;
  width:54px;
  height:54px;
  border:0;
  border-radius:0;
  transform:none;
  background:
    radial-gradient(circle,rgba(77,232,224,.14) 0 1px,transparent 1.5px) 0 0/8px 8px;
  opacity:.35
}
.service-card:hover{
  transform:translateY(-3px);
  border-color:rgba(77,232,224,.34);
  box-shadow:0 20px 52px rgba(0,0,0,.3),0 0 0 1px rgba(77,232,224,.035),var(--gc-cyan-glow);
  animation:gc-ghost-trace .19s ease-out 1
}
.service-card .service-icon,
.benefit-list>*>span,
.steps article>span{
  border-radius:3px;
  background:linear-gradient(180deg,#17383d,#0d2428);
  border-color:rgba(158,245,234,.15);
  color:var(--gc-phantom);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.018)
}
.service-card h3{font-family:var(--gc-font-display);font-weight:640}
.service-card>a,.text-link{color:var(--gc-phantom)}
.benefit-list article,.benefit-list>div{
  border-color:rgba(137,174,184,.13)
}
.steps::before{
  background:linear-gradient(90deg,rgba(77,232,224,.04),rgba(77,232,224,.28),rgba(77,232,224,.04))
}

/* Pricing becomes diagnostic readout, not ecommerce tiles */
.price-feature-grid article{
  min-height:176px;
  border-top-color:rgba(158,245,234,.23)
}
.price-feature-grid article::before{
  content:"LABOR";
  position:absolute;
  top:9px;
  right:10px;
  font-family:var(--gc-font-mono);
  font-size:.5rem;
  letter-spacing:.14em;
  color:rgba(137,174,184,.3)
}
.price-feature-grid article::after{
  width:72px;
  height:72px;
  border-radius:0;
  background:radial-gradient(circle,rgba(77,232,224,.12) 0 1px,transparent 1.5px) 0 0/8px 8px;
  opacity:.35
}
.price-feature-grid strong{
  color:var(--gc-white);
  font-family:var(--gc-font-display);
  font-weight:650;
  text-shadow:0 0 16px rgba(158,245,234,.08)
}
.price-card>h3{
  background:
    repeating-linear-gradient(90deg,rgba(255,255,255,.011) 0 1px,transparent 1px 5px),
    rgba(22,56,61,.16);
  border-bottom-color:rgba(77,232,224,.13)
}
.price-row{border-bottom-color:rgba(137,174,184,.1)}
.price-row b{font-family:var(--gc-font-display);font-weight:620}

/* Location module: diagnostic coverage surface */
.location-map{
  border-radius:4px;
  border-color:rgba(77,232,224,.12);
  background:
    radial-gradient(circle at 50% 50%,rgba(77,232,224,.1),transparent 38%),
    linear-gradient(145deg,#0e252a,#070d10)
}
.location-map::before{
  background-image:
    linear-gradient(rgba(158,245,234,.05) 1px,transparent 1px),
    linear-gradient(90deg,rgba(158,245,234,.05) 1px,transparent 1px);
  opacity:.58
}
.location-map span{
  border-color:var(--gc-ice);
  box-shadow:0 0 0 6px rgba(77,232,224,.065),0 0 18px rgba(77,232,224,.24)
}

/* Footer / terminal rail */
.final-cta{
  background:
    radial-gradient(circle at 78% 38%,rgba(77,232,224,.09),transparent 26rem),
    repeating-linear-gradient(90deg,rgba(255,255,255,.01) 0 1px,transparent 1px 6px),
    linear-gradient(135deg,#10272b,#070c0f 66%);
  border-top-color:rgba(77,232,224,.13)
}
.final-cta::before{
  content:"GC//FIELD-CONTROL";
  position:absolute;
  left:clamp(20px,4vw,60px);
  bottom:18px;
  font-family:var(--gc-font-mono);
  font-size:.55rem;
  letter-spacing:.16em;
  color:rgba(158,245,234,.22)
}
.final-cta::after{
  border-radius:4px;
  border-color:rgba(77,232,224,.05)
}
.site-footer{
  background:
    repeating-linear-gradient(90deg,rgba(255,255,255,.008) 0 1px,transparent 1px 5px),
    linear-gradient(180deg,#070b0e,var(--gc-void));
  border-top-color:rgba(77,232,224,.12)
}
.footer-bottom{
  border-top-color:rgba(137,174,184,.11);
  font-family:var(--gc-font-mono);
  letter-spacing:.035em
}
.phone-link{color:var(--gc-phantom)}

/* Controlled spectral interference */
@keyframes gc-ghost-trace{
  0%{filter:none}
  38%{filter:drop-shadow(3px 0 0 rgba(158,245,234,.15)) drop-shadow(-2px 0 0 rgba(169,139,255,.055))}
  72%{filter:drop-shadow(1px 0 0 rgba(158,245,234,.08))}
  100%{filter:none}
}
@keyframes gc-heading-interference{
  0%,92%,94%,100%{transform:none;text-shadow:none}
  92.5%{transform:translateX(1px);text-shadow:2px 0 rgba(158,245,234,.12),-1px 0 rgba(169,139,255,.045)}
  93%{transform:translateX(-1px);text-shadow:-2px 0 rgba(158,245,234,.09)}
  93.5%{transform:none;text-shadow:none}
}

/* Mobile keeps the same identity without trading away clarity or touch size */
@media(max-width:980px){
  .site-header nav{
    border-radius:6px;
    background:
      repeating-linear-gradient(90deg,rgba(255,255,255,.011) 0 1px,transparent 1px 5px),
      rgba(8,12,15,.985)
  }
}
@media(max-width:720px){
  .hero::after{display:none}
  .hero{padding-top:60px}
  .hero-panel{
    min-height:380px;
    clip-path:polygon(0 12px,12px 0,calc(100% - 12px) 0,100% 12px,100% calc(100% - 12px),calc(100% - 12px) 100%,12px 100%,0 calc(100% - 12px))
  }
  .launch-notice::before{display:none}
  .mobile-actionbar{
    border-top-color:rgba(77,232,224,.16);
    background:
      repeating-linear-gradient(90deg,rgba(255,255,255,.01) 0 1px,transparent 1px 5px),
      rgba(5,7,10,.97)
  }
  .mobile-actionbar a{border-radius:4px}
  .mobile-actionbar .primary{background:linear-gradient(180deg,var(--gc-phantom),var(--gc-ice))}
}
@media(max-width:420px){
  .brand-lockup strong{font-size:.9rem}
  .brand-lockup small{font-size:.55rem}
  .hero-copy h1{letter-spacing:.006em}
}

@media(prefers-reduced-motion:reduce){
  .hero-copy h1,.service-card:hover{animation:none!important;filter:none!important;transform:none!important}
  .header-cta::after,.btn::after{display:none}
}
@media(forced-colors:active){
  .hero-panel,.service-card,.launch-notice,.price-card,.location-card,.prose-card{clip-path:none}
}


/* Official October 6 Signal Mark asset integration */
.brand-lockup img{
  padding:0;
  object-fit:cover;
  border-radius:8px;
  background:#05070A;
  box-shadow:0 0 0 1px rgba(77,232,224,.15),0 0 18px rgba(77,232,224,.08)
}
.ghostcore-console .official-hero-logo{
  width:min(92%,420px);
  height:auto;
  max-height:220px;
  object-fit:contain;
  border-radius:4px;
  filter:drop-shadow(0 20px 30px rgba(0,0,0,.46)) drop-shadow(0 0 22px rgba(77,232,224,.14))
}
@media(max-width:720px){
  .ghostcore-console .official-hero-logo{width:min(94%,340px);max-height:180px}
}


/* ===== public/assets/site-v9-shell.css ===== */
/* GhostCore Systems — Header/Footer refinement layer
   Purpose: premium industrial automotive control-system identity without altering page content or legal/service controls. */

.site-header{
  background:
    linear-gradient(180deg,rgba(8,12,15,.985),rgba(5,7,10,.955)),
    repeating-linear-gradient(90deg,rgba(255,255,255,.012) 0 1px,transparent 1px 5px);
  border-bottom:1px solid rgba(77,232,224,.16);
  box-shadow:0 12px 38px rgba(0,0,0,.28);
}
.site-header::before{
  inset:auto 0 0;
  height:1px;
  opacity:1;
  background:linear-gradient(90deg,transparent 2%,rgba(77,232,224,.16) 18%,rgba(158,245,234,.42) 50%,rgba(77,232,224,.16) 82%,transparent 98%);
}
.site-header::after{display:none}

.header-telemetry{
  border-bottom:1px solid rgba(137,174,184,.09);
  background:
    repeating-linear-gradient(90deg,rgba(255,255,255,.01) 0 1px,transparent 1px 5px),
    rgba(5,7,10,.72);
}
.header-telemetry-inner{
  min-height:30px;
  display:flex;
  align-items:center;
  gap:18px;
  font-family:var(--gc-font-mono);
  font-size:.57rem;
  line-height:1;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:rgba(137,174,184,.78);
}
.telemetry-id{
  color:rgba(158,245,234,.9);
  white-space:nowrap;
}
.telemetry-status{
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin-left:auto;
  white-space:nowrap;
}
.telemetry-status i{
  width:6px;
  height:6px;
  display:block;
  background:var(--gc-ice);
  border-radius:1px;
  box-shadow:0 0 12px rgba(77,232,224,.48);
}
.telemetry-phone{
  color:var(--gc-white);
  white-space:nowrap;
}
.telemetry-phone:hover,
.telemetry-phone:focus-visible{color:var(--gc-phantom)}

.nav-shell{
  height:76px;
  gap:20px;
}
.site-header .brand-lockup{
  padding-right:18px;
  border-right:1px solid rgba(137,174,184,.1);
}
.site-header .brand-lockup::after{
  content:"";
  position:absolute;
  right:-1px;
  top:50%;
  width:1px;
  height:18px;
  transform:translateY(-50%);
  background:var(--gc-ice);
  opacity:.35;
  box-shadow:0 0 10px rgba(77,232,224,.22);
}
.site-header .brand-lockup img{
  width:44px;
  height:44px;
  border-radius:6px;
  box-shadow:
    0 0 0 1px rgba(158,245,234,.18),
    0 0 22px rgba(77,232,224,.09),
    inset 0 0 20px rgba(77,232,224,.03);
}
.site-header .brand-lockup strong{
  font-size:1.02rem;
  letter-spacing:.075em;
}
.site-header .brand-lockup small{
  color:#8EAFB6;
  font-size:.57rem;
  letter-spacing:.17em;
}

.site-header nav{
  gap:2px;
  padding:4px;
  border:0;
  background:transparent;
  box-shadow:none;
}
.site-header nav a{
  padding:10px 10px 9px;
  border:1px solid transparent;
  border-radius:3px;
  font-size:.83rem;
  letter-spacing:.07em;
}
.site-header nav a:hover,
.site-header nav a:focus-visible{
  border-color:rgba(77,232,224,.13);
  background:linear-gradient(180deg,rgba(77,232,224,.055),rgba(77,232,224,.018));
}
.site-header nav .nav-active{
  border-color:rgba(77,232,224,.16);
  background:linear-gradient(180deg,rgba(77,232,224,.09),rgba(77,232,224,.025));
}
.site-header nav .nav-active::after{
  left:10px;
  right:10px;
  bottom:3px;
  height:1px;
}
.header-cta{
  min-height:44px;
  padding-inline:17px;
  border-radius:4px;
  white-space:nowrap;
  letter-spacing:.085em;
}
.header-cta::before{
  content:"INFO";
  margin-right:9px;
  padding-right:9px;
  border-right:1px solid rgba(5,7,10,.28);
  font-family:var(--gc-font-mono);
  font-size:.54rem;
  letter-spacing:.13em;
  opacity:.75;
}

/* Footer command deck */
.site-footer{
  position:relative;
  overflow:hidden;
  padding:0;
  background:
    radial-gradient(circle at 12% 0%,rgba(77,232,224,.055),transparent 24rem),
    repeating-linear-gradient(90deg,rgba(255,255,255,.008) 0 1px,transparent 1px 5px),
    linear-gradient(180deg,#080d10 0%,#05070A 100%);
  border-top:1px solid rgba(77,232,224,.16);
}
.site-footer::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(90deg,transparent 0 8%,rgba(77,232,224,.02) 8% 8.08%,transparent 8.08% 92%,rgba(77,232,224,.02) 92% 92.08%,transparent 92.08%),
    radial-gradient(circle at 100% 100%,rgba(169,139,255,.025),transparent 18rem);
}
.footer-signal{
  border-bottom:1px solid rgba(137,174,184,.09);
  background:rgba(5,7,10,.54);
}
.footer-signal .wrap{
  min-height:34px;
  display:flex;
  align-items:center;
  gap:14px;
  font-family:var(--gc-font-mono);
  color:rgba(137,174,184,.65);
  font-size:.56rem;
  letter-spacing:.14em;
  text-transform:uppercase;
}
.footer-signal strong{
  color:var(--gc-phantom);
  font-weight:600;
}
.footer-signal .signal-dot{
  width:6px;
  height:6px;
  background:var(--gc-ice);
  border-radius:1px;
  box-shadow:0 0 12px rgba(77,232,224,.45);
}
.footer-signal span:last-child{margin-left:auto}

.footer-grid.footer-command-grid{
  position:relative;
  display:grid;
  grid-template-columns:minmax(280px,1.35fr) minmax(150px,.62fr) minmax(150px,.62fr) minmax(250px,.95fr);
  gap:42px;
  padding:68px 0 54px;
}
.footer-brand{
  max-width:460px;
}
.footer-brand .brand-lockup{
  margin-bottom:22px;
}
.footer-brand .brand-lockup img{
  width:48px;
  height:48px;
}
.footer-brand .brand-lockup strong{
  font-size:1.06rem;
  letter-spacing:.075em;
}
.footer-brand>p{
  max-width:43ch;
  margin:0 0 24px;
  color:#9CB9BE;
  font-size:.92rem;
}
.footer-actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  align-items:center;
}
.footer-phone,
.footer-request{
  min-height:42px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0 14px;
  border:1px solid rgba(77,232,224,.18);
  border-radius:4px;
  font-family:var(--gc-font-ui);
  font-size:.78rem;
  font-weight:600;
  letter-spacing:.07em;
  text-transform:uppercase;
}
.footer-phone{
  color:var(--gc-phantom);
  background:linear-gradient(180deg,rgba(22,56,61,.22),rgba(5,7,10,.35));
}
.footer-request{
  color:var(--gc-void);
  background:linear-gradient(180deg,var(--gc-phantom),var(--gc-ice));
  border-color:rgba(234,247,246,.25);
}
.footer-phone:hover,
.footer-phone:focus-visible{
  border-color:rgba(77,232,224,.42);
  box-shadow:var(--gc-cyan-glow);
}
.footer-request:hover,
.footer-request:focus-visible{
  background:linear-gradient(180deg,#D5FFFA,var(--gc-phantom));
}

.footer-column h2,
.footer-protocol>small{
  margin:0 0 17px;
  color:rgba(137,174,184,.72);
  font-family:var(--gc-font-mono);
  font-size:.59rem;
  font-weight:600;
  letter-spacing:.16em;
  text-transform:uppercase;
}
.footer-column{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
}
.footer-column a{
  position:relative;
  padding:5px 0;
  color:#C8DCDD;
  font-family:var(--gc-font-ui);
  font-size:.91rem;
  font-weight:600;
  letter-spacing:.035em;
}
.footer-column a::after{
  content:"";
  position:absolute;
  left:0;
  right:100%;
  bottom:2px;
  height:1px;
  background:var(--gc-ice);
  transition:right .2s ease;
}
.footer-column a:hover,
.footer-column a:focus-visible{color:var(--gc-white)}
.footer-column a:hover::after,
.footer-column a:focus-visible::after{right:0}

.footer-protocol{
  position:relative;
  padding:18px 18px 16px;
  border:1px solid rgba(77,232,224,.15);
  border-radius:5px;
  background:
    radial-gradient(circle at calc(100% - 9px) 9px,rgba(234,247,246,.12) 0 1px,transparent 1.5px),
    repeating-linear-gradient(90deg,rgba(255,255,255,.01) 0 1px,transparent 1px 5px),
    linear-gradient(155deg,rgba(17,26,31,.94),rgba(8,13,16,.94));
  box-shadow:inset 0 1px rgba(255,255,255,.02);
}
.footer-protocol::before{
  content:"GC // VERIFIED IDENTITY";
  position:absolute;
  top:9px;
  right:10px;
  color:rgba(158,245,234,.23);
  font-family:var(--gc-font-mono);
  font-size:.46rem;
  letter-spacing:.12em;
}
.footer-protocol>small{display:block;padding-top:10px}
.footer-protocol strong{
  display:block;
  margin-bottom:8px;
  color:var(--gc-white);
  font-family:var(--gc-font-display);
  font-size:1rem;
  font-weight:600;
  letter-spacing:.025em;
}
.footer-protocol p{
  margin:0 0 15px;
  color:#94B2B7;
  font-size:.82rem;
  line-height:1.55;
}
.footer-protocol dl{
  display:grid;
  grid-template-columns:auto 1fr;
  gap:6px 10px;
  margin:0;
  font-family:var(--gc-font-mono);
  font-size:.58rem;
  line-height:1.45;
}
.footer-protocol dt{
  color:rgba(137,174,184,.62);
  text-transform:uppercase;
  letter-spacing:.09em;
}
.footer-protocol dd{
  margin:0;
  color:#CDE2E0;
}

.footer-bottom{
  position:relative;
  min-height:62px;
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:8px 22px;
  padding:16px 0 18px;
  border-top:1px solid rgba(137,174,184,.1);
  color:rgba(137,174,184,.7);
  font-size:.58rem;
  letter-spacing:.055em;
}
.footer-bottom span{
  display:inline-flex;
  align-items:center;
}
.footer-bottom span:not(:last-child)::after{
  content:"";
  width:3px;
  height:3px;
  margin-left:22px;
  background:rgba(77,232,224,.42);
  border-radius:1px;
}

@media(max-width:1120px){
  .site-header nav a{padding-inline:8px;font-size:.78rem}
  .header-cta{padding-inline:13px}
  .footer-grid.footer-command-grid{
    grid-template-columns:minmax(260px,1.25fr) repeat(2,minmax(135px,.65fr));
  }
  .footer-protocol{grid-column:1/-1;max-width:none}
}
@media(max-width:980px){
  .header-telemetry{display:none}
  .nav-shell{height:72px}
  .site-header .brand-lockup{border-right:0;padding-right:0}
  .site-header .brand-lockup::after{display:none}
  .site-header nav{
    background:
      repeating-linear-gradient(90deg,rgba(255,255,255,.011) 0 1px,transparent 1px 5px),
      rgba(8,12,15,.985);
    border:1px solid rgba(77,232,224,.13);
  }
}
@media(max-width:760px){
  .footer-grid.footer-command-grid{
    grid-template-columns:1fr 1fr;
    gap:34px 24px;
    padding:54px 0 42px;
  }
  .footer-brand{grid-column:1/-1;max-width:560px}
  .footer-protocol{grid-column:1/-1}
  .footer-signal span:last-child{display:none}
  .footer-bottom{padding-bottom:calc(86px + var(--safe-bottom))}
}
@media(max-width:520px){
  .site-header .brand-lockup strong{font-size:.88rem}
  .site-header .brand-lockup small{font-size:.51rem;letter-spacing:.12em}
  .site-header .brand-lockup img{width:39px;height:39px}
  .footer-grid.footer-command-grid{grid-template-columns:1fr}
  .footer-brand,.footer-protocol{grid-column:auto}
  .footer-column{padding-top:2px}
  .footer-actions{align-items:stretch}
  .footer-phone,.footer-request{flex:1 1 100%}
  .footer-bottom{display:grid;gap:8px}
  .footer-bottom span::after{display:none!important}
}
@media(prefers-reduced-motion:reduce){
  .footer-column a::after{transition:none}
}


/* ===== public/assets/site-v10-upgrade.css ===== */
/* GhostCore automotive presentation upgrade. Official artwork remains unchanged. */
:root{--gc-panel-edge:rgba(158,245,234,.2)}
.home-hero{padding:64px 0 44px;background:radial-gradient(ellipse at 80% 48%,rgba(22,56,61,.48),transparent 58%),repeating-linear-gradient(90deg,rgba(137,174,184,.024) 0 1px,transparent 1px 80px),linear-gradient(125deg,#05070A,#0b1115)}
.home-hero::after{display:none}
.home-hero .hero-grid{min-height:480px;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:58px}
.home-hero .hero-copy h1{font-size:clamp(3rem,5.4vw,5.5rem);max-width:11ch;line-height:1.04;letter-spacing:-.035em;margin:20px 0 26px;animation:none}
.home-hero .hero-lede{font-size:clamp(1rem,1.25vw,1.13rem);line-height:1.75;max-width:48ch;margin-bottom:25px}
.home-hero .hero-actions{margin-bottom:24px}
.home-hero .hero-proof span{font-size:.58rem;letter-spacing:.04em;padding-block:7px}
.home-hero .hero-panel{min-height:0;padding:24px;position:relative;border:1px solid var(--gc-panel-edge);box-shadow:0 30px 60px rgba(0,0,0,.38);background:radial-gradient(circle at 50% 40%,rgba(77,232,224,.07),transparent 65%),repeating-linear-gradient(90deg,rgba(234,247,246,.015) 0 1px,transparent 1px 4px),linear-gradient(145deg,#142027,#080e12 70%)}
.home-hero .hero-panel>small{font-size:.58rem;letter-spacing:.1em}
.home-hero .panel-art{height:240px;margin:20px 0 24px;overflow:hidden;background:linear-gradient(rgba(158,245,234,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(158,245,234,.045) 1px,transparent 1px);background-size:32px 32px;border-top:1px solid rgba(77,232,224,.16);border-bottom:1px solid rgba(77,232,224,.16)}
.home-hero .ghostcore-console .official-hero-logo{width:90%;max-height:190px;position:relative;z-index:2;filter:none}
.home-hero .ghostcore-console::before{width:210px;height:210px;border-radius:50%;transform:none;opacity:.45}
.home-hero .ghostcore-console::after{display:none}
.home-hero .console-tag{background:#080e12;color:#9EF5EA;border-color:rgba(77,232,224,.25);z-index:3;font-size:.5rem}
.home-hero .console-code{font-size:.5rem;opacity:.7}
.home-hero .console-index{font-size:2rem;opacity:.5}
.console-signal{position:absolute;bottom:10px;left:50%;transform:translateX(-50%);height:24px;display:flex;align-items:center;gap:4px;z-index:3}
.console-signal i{position:static;inset:auto;transform:none;animation:none;border:0;box-shadow:none;flex:0 0 2px;width:2px;height:5px;background:#9EF5EA;opacity:.4}
.console-signal i:nth-child(3n){height:14px;opacity:.65}.console-signal i:nth-child(4n){height:24px;opacity:.8}.console-signal i:nth-child(5n){height:9px}
.home-hero .panel-grid{gap:8px}.home-hero .panel-grid>div{padding:12px;background:rgba(5,7,10,.5);border-color:rgba(137,174,184,.13)}
.home-hero .panel-grid strong{font-size:.78rem}.home-hero .panel-grid span{font-size:.5rem;color:#89AEB8}
.launch-notice{margin-block:0 24px;padding:16px 20px;clip-path:none;border-radius:4px;background:#0d171a;font-size:.84rem}
.launch-notice::before{position:static;display:block;flex:0 0 auto;white-space:nowrap;margin-bottom:0;color:#9EF5EA}
.trust-strip{background:#080d10;border-block:1px solid rgba(137,174,184,.12)}
.trust-strip>.wrap>div{padding:23px 20px}.trust-strip strong{font-size:.69rem;letter-spacing:.1em}.trust-strip span{font-size:.8rem}
.section{padding-block:76px}.section.soft{background:linear-gradient(145deg,#0c1318,#080d11);border-block:1px solid rgba(137,174,184,.09)}
.section-head{gap:32px;margin-bottom:32px}.section-head h2{font-size:clamp(1.8rem,3vw,2.7rem);line-height:1.16;letter-spacing:-.025em}
.section-head>p{font-size:.95rem;line-height:1.75;max-width:52ch}
.service-lanes{scroll-margin-top:130px}
.service-card{padding:28px;clip-path:none;border-radius:4px;min-height:275px;display:flex;flex-direction:column;border-top:2px solid rgba(158,245,234,.32);background:radial-gradient(circle at 100% 0,rgba(77,232,224,.045),transparent 70%),repeating-linear-gradient(90deg,rgba(234,247,246,.008) 0 1px,transparent 1px 4px),#101419}
.service-card::before{display:none}.service-card::after{content:"GC / SERVICE MODULE";font-size:.48rem;right:20px;top:20px;color:#89AEB8;opacity:.7}
.service-card .service-icon{width:auto;height:auto;background:none;border:0;box-shadow:none;color:#9EF5EA;font-size:1.8rem;margin-bottom:24px;line-height:1}
.service-card h3{font-size:1.3rem;letter-spacing:-.015em}.service-card p{font-size:.9rem;line-height:1.7;margin-bottom:24px}.service-card>a{margin-top:auto;font-size:.83rem}
.job-guide{padding-top:0}.job-guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:start}
.job-guide details{border:1px solid rgba(137,174,184,.22);background:#0c1318;border-radius:4px;overflow:hidden}
.job-guide summary{cursor:pointer;padding:22px 44px 22px 22px;position:relative;font-family:var(--gc-font-display);font-size:1rem;font-weight:600;list-style:none;min-height:112px}
.job-guide summary::-webkit-details-marker,.faq-preview summary::-webkit-details-marker{display:none}
.job-guide summary span{display:block;font-family:var(--gc-font-mono);font-size:.58rem;color:#9EF5EA;letter-spacing:.12em;margin-bottom:10px}
.job-guide summary::after,.faq-preview summary::after{content:"+";position:absolute;right:20px;top:50%;transform:translateY(-50%);font:1.25rem var(--gc-font-mono);color:#9EF5EA}
.job-guide details[open] summary::after,.faq-preview details[open] summary::after{content:"−"}
.job-guide details[open]{border-color:rgba(77,232,224,.5)}
.job-guide details>div{border-top:1px solid rgba(137,174,184,.15);padding:20px 22px}.job-guide p{font-size:.87rem;line-height:1.8;margin:0 0 18px;color:#a7c5c8}
.job-guide .text-link{font-size:.8rem;line-height:1.6;display:block}
.benefit-list>div{border-radius:4px;clip-path:none}.split-feature h2{font-size:clamp(1.8rem,3vw,2.7rem);line-height:1.2;letter-spacing:-.025em}
.steps article{border-radius:4px;clip-path:none;padding:26px}.steps h3{font-size:1.1rem}.steps p{font-size:.9rem}
.price-feature-grid article{border-radius:4px;clip-path:none;padding:26px}.price-feature-grid strong{font-size:2.5rem}.price-feature-grid span{font-size:.81rem}
.location-card{border-radius:4px;clip-path:none}.location-card p{font-size:.88rem;line-height:1.7}
.faq-preview{display:grid;grid-template-columns:1fr;gap:12px}.faq-preview details{clip-path:none;border-radius:4px;background:#101419;border:1px solid rgba(137,174,184,.2);padding:0}
.faq-preview summary{position:relative;cursor:pointer;list-style:none;padding:22px 50px 22px 24px;color:#EAF7F6;font-family:var(--gc-font-ui);font-size:1.05rem;font-weight:600}
.faq-preview details[open]{border-color:rgba(77,232,224,.4)}.faq-preview details p{padding:0 24px 24px;margin:0;max-width:85ch;font-size:.92rem;line-height:1.8;color:#a7c5c8}
.final-cta{padding-block:76px}.final-cta h2{font-size:clamp(2rem,3.6vw,3.3rem);max-width:25ch;line-height:1.16;letter-spacing:-.025em}.final-cta p{font-size:1rem}
.job-guide summary:hover,.faq-preview summary:hover{background:rgba(77,232,224,.035)}
.job-guide summary:focus-visible,.faq-preview summary:focus-visible{outline:2px solid #9EF5EA;outline-offset:-4px}
@media(max-width:1120px){.home-hero .hero-grid{gap:30px}.home-hero .hero-panel{padding:20px}.home-hero .hero-copy h1{font-size:clamp(3rem,5.6vw,4.7rem)}.home-hero .panel-grid strong{font-size:.72rem}}
@media(max-width:980px){.home-hero{padding-top:44px}.home-hero .hero-grid{grid-template-columns:1fr;gap:32px}.home-hero .hero-copy h1{font-size:clamp(3rem,8vw,4.7rem);max-width:14ch}.home-hero .hero-lede{max-width:58ch}.home-hero .hero-panel{max-width:620px;width:100%;margin-inline:auto}.home-hero .panel-art{height:210px}.job-guide-grid{grid-template-columns:1fr}.job-guide summary{min-height:0}.home-hero .panel-grid strong{font-size:.85rem}.home-hero .panel-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.home-hero{padding:36px 0 30px}.home-hero .hero-grid{gap:28px}.home-hero .hero-copy h1{font-size:clamp(2.6rem,10vw,4rem);max-width:12ch}.home-hero .hero-lede{font-size:1rem;line-height:1.7}.home-hero .hero-actions .btn{min-height:48px;flex:1 1 auto}.home-hero .hero-proof{gap:6px}.home-hero .hero-proof span{font-size:.52rem;padding-inline:22px 8px}.home-hero .hero-panel{padding:18px}.home-hero .hero-panel>small{font-size:.5rem}.home-hero .panel-art{height:170px;margin:16px 0}.home-hero .ghostcore-console .official-hero-logo{max-height:140px}.home-hero .panel-grid strong{font-size:.74rem}.home-hero .panel-grid>div{padding:10px}.launch-notice{padding:16px;font-size:.8rem;margin-bottom:20px}.section{padding-block:48px}.job-guide{padding-top:0}.section-head{gap:18px}.service-card{min-height:0;padding:24px}.service-card .service-icon{margin-bottom:18px}.service-lanes{scroll-margin-top:90px}.trust-strip>.wrap>div{padding:17px 12px}.final-cta{padding-block:48px}.faq-preview summary{padding:20px 44px 20px 18px}.faq-preview details p{padding:0 18px 20px}.hero-actions .btn{white-space:normal;text-align:center}.footer-protocol dd{overflow-wrap:anywhere}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.service-card:hover{transform:none!important;animation:none!important}}
@media(forced-colors:active){.home-hero .hero-copy h1{background:none;color:CanvasText}.job-guide details,.faq-preview details,.service-card{border:1px solid CanvasText}.job-guide summary::after,.faq-preview summary::after{color:CanvasText}.console-signal{display:none}}

@media(max-width:700px){.launch-notice{display:grid;grid-template-columns:9px minmax(0,1fr)}.launch-notice::before{grid-column:1/-1;white-space:normal}.launch-notice p{font-size:.8rem}}


/* ===== Production audit hardening — 2026-10-06 ===== */
.header-telemetry,
.header-telemetry .telemetry-id,
.header-telemetry .telemetry-status,
.site-header .brand-lockup small,
.footer-signal,
.footer-protocol small,
.footer-bottom,
.home-hero .hero-proof span,
.home-hero .hero-panel>small,
.home-hero .console-tag,
.home-hero .console-code,
.service-card::after,
.job-guide summary span {
  font-size: max(.72rem, 12px);
}