/* NestCore shared start-page styles: header, headings, footer, animated tracks */

/* ---- animated background: three diagonal tire tracks fading in and out ---- */
.bg-tracks{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:0;}
.bg-tracks i{
  position:absolute;top:-40vh;height:190vh;opacity:0;
  background:linear-gradient(90deg,
    transparent 0 6%, #0d0d0d 6% 30%, transparent 30% 70%, #0d0d0d 70% 94%, transparent 94%);
  -webkit-mask-image:linear-gradient(180deg,transparent 0,#000 18%,#000 82%,transparent 100%);
  mask-image:linear-gradient(180deg,transparent 0,#000 18%,#000 82%,transparent 100%);
  transform:rotate(38deg);
  animation:trackFade 13s ease-in-out infinite;
}
.bg-tracks i:nth-child(1){left:8%;width:130px;animation-delay:0s;}
.bg-tracks i:nth-child(2){left:46%;width:170px;animation-delay:4.3s;}
.bg-tracks i:nth-child(3){left:82%;width:110px;animation-delay:8.6s;}
@keyframes trackFade{
  0%{opacity:0;translate:-30px -40px;}
  25%{opacity:.11;}
  55%{opacity:.11;}
  100%{opacity:0;translate:30px 40px;}
}
@media (prefers-reduced-motion: reduce){
  .bg-tracks i{animation:none;opacity:.06;}
}
body > *:not(.bg-tracks){position:relative;z-index:1;}

/* ---- header: page-coloured, centred logo ---- */
.site-head{display:flex;justify-content:center;padding:30px 24px 6px;background:transparent;}
.site-logo{
  display:inline-flex;align-items:center;gap:11px;text-decoration:none;color:#0d0d0d;
  font-family:'Inter',system-ui,sans-serif;font-weight:800;
  font-size:clamp(21px,2.55vw,28.5px);letter-spacing:.14em;line-height:1;
}
.site-logo svg{width:clamp(24px,2.7vw,31.5px);height:auto;flex-shrink:0;}

/* ---- headings: one style on every start page ---- */
.hero{text-align:center;padding:52px 0 24px;}
.eyebrow{
  font-family:'IBM Plex Mono',monospace;font-size:12.5px;letter-spacing:.14em;text-transform:uppercase;
  color:var(--amber-dim);margin-bottom:18px;
}
h1{
  font-family:'Fraunces',Georgia,serif;font-weight:700;font-size:clamp(32px,5vw,52px);
  line-height:1.1;letter-spacing:-.015em;text-align:center;
  max-width:820px;margin:0 auto 18px;text-wrap:balance;
}
h1 em{font-style:normal;color:var(--amber-dim);}
.hero p{font-family:'Inter',system-ui,sans-serif;font-weight:400;font-size:17px;line-height:1.55;color:var(--text-dim);max-width:600px;margin:0 auto 30px;}
.section-head h2,.cta-final h2{
  font-family:'Inter',system-ui,sans-serif;font-weight:700;font-size:clamp(26px,3.4vw,36px);
  line-height:1.15;letter-spacing:-.01em;text-wrap:balance;
}

/* ---- footer: identical everywhere ---- */
footer{
  background:transparent !important;border-top:1px solid var(--line) !important;
  padding:32px 24px !important;text-align:center;color:var(--text-dim) !important;
  font-family:'Inter',system-ui,sans-serif;font-size:13px;
}

/* ---- blocks share the page colour (no white fill), hairline outline only ---- */
.product-card.featured,.nest-demo,.signature-card{
  background:transparent !important;border:1px solid var(--line) !important;box-shadow:none !important;
}
section.alt{background:transparent !important;}