/* ZaeMont — restrained navy and silver refinement. */
:root { --paper: #f5f6f7; --silver: #c3cad4; --radius: 8px; }
.seo-fallback { max-width: 920px; margin: 0 auto; padding: 3rem 1.5rem; color: #fff; font-family: 'Inter', system-ui, sans-serif; }
.seo-fallback h1, .seo-fallback h2 { font-family: 'Manrope', system-ui, sans-serif; }
.seo-fallback a { color: #e5e8ed; }
::selection { color: #fff; background: #5a6472; }
.section-shell { padding-left: max(6vw, calc((100vw - 1320px) / 2)); padding-right: max(6vw, calc((100vw - 1320px) / 2)); }
.site-header { height: 88px; padding-left: 6vw; padding-right: 6vw; border-bottom: 1px solid rgba(217,221,227,.15); }
.brand { gap: .85rem; letter-spacing: .26em; }
.brand__mark { width: 32px; height: 32px; }
.main-nav { font-size: .8rem; }
.nav-cta { border-radius: 4px; padding: .65rem 1.2rem; border-color: rgba(217,221,227,.35); }
.language-switch { border-left: 1px solid rgba(217,221,227,.25); padding-left: 1.5rem; }
.hero { min-height: 820px; padding-top: 10rem; padding-bottom: 7rem; background: radial-gradient(ellipse at 83% 30%, rgba(90,100,114,.27), transparent 48%), linear-gradient(120deg, #151b26, #262e3c); }
.hero::before { opacity: .07; background-size: 90px 90px; }
h1 { font-size: clamp(3.2rem, 5.8vw, 5.8rem); line-height: 1.06; font-weight: 500; letter-spacing: -.055em; text-wrap: balance; }
h2 { font-size: clamp(2.5rem, 4.3vw, 4.3rem); font-weight: 500; line-height: 1.14; letter-spacing: -.045em; text-wrap: balance; }
.eyebrow { font-size: .65rem; letter-spacing: .25em; }
.eyebrow__line { width: 44px; }
.hero__intro { max-width: 490px; font-size: 1.03rem; line-height: 1.85; }
.hero__proof { margin-top: 3.6rem; color: #b7bfcb; font-size: .74rem; letter-spacing: .035em; }
.button { border-radius: 4px; min-height: 54px; padding: .85rem 1.4rem; font-size: .8rem; letter-spacing: .025em; }
.button span { margin-left: .7rem; }
.button--primary { background: #e5e8ed; }
.hero__glow { opacity: .5; filter: blur(35px); }
.hero__grid { opacity: .13; }
.hero__card--main { border-radius: 10px; transform: rotate(5deg); background: linear-gradient(145deg, rgba(217,221,227,.13), rgba(217,221,227,.025)); box-shadow: 0 35px 85px rgba(0,0,0,.25), inset 0 1px rgba(255,255,255,.12); }
.hero__card--main::after { content: ''; position: absolute; inset: 13px; border: 1px solid rgba(217,221,227,.14); border-radius: 3px; pointer-events: none; }
.hero__card--main span { font-size: .62rem; letter-spacing: .2em; }
.hero__card--small { border-radius: 5px; background: rgba(38,46,60,.86); font-size: .65rem; }
.about { position: relative; grid-template-columns: .8fr 1.2fr; background: var(--paper); color: var(--ink); padding-top: 7.5rem; padding-bottom: 7.5rem; }
.about__mark { position: relative; min-height: 390px; border-radius: 4px; border: 1px solid rgba(38,46,60,.17); background: linear-gradient(145deg, #e7eaee, #f5f6f7); }
.about__mark::before { content: ''; position: absolute; inset: 15px; border: 1px solid rgba(38,46,60,.1); }
.about__mark::after { content: 'ZAEMONT TECHNOLOGIES'; position: absolute; bottom: 35px; font-size: .57rem; letter-spacing: .25em; color: var(--slate); }
.about__mark img { filter: brightness(0) saturate(100%) opacity(.8); width: 40%; }
.about .eyebrow { color: var(--slate); }
.about__copy > p:not(.eyebrow) { color: var(--slate); font-size: .97rem; line-height: 1.85; }
.about__reach { color: var(--ink); border-color: rgba(38,46,60,.16); font-size: .86rem; }
.about__reach-label { color: var(--slate); font-size: .63rem; }
.about .text-link { color: var(--ink); padding-bottom: .4rem; border-bottom: 1px solid #a9b0bb; font-size: .8rem; }
.services { padding-top: 7.5rem; padding-bottom: 7.5rem; }
.section-heading { grid-template-columns: 1fr 1fr; gap: 5rem; }
.section-heading__text { font-size: .95rem; line-height: 1.85; }
.service-list { column-gap: 3rem; margin-top: 4rem; }
.service-item { padding: 2rem 0; gap: .9rem; border-color: rgba(38,46,60,.18); }
.service-item__dot { width: 5px; height: 5px; flex-basis: 5px; background: #8993a2; }
.service-item h3 { font-weight: 600; font-size: 1.07rem; line-height: 1.45; }
.service-item p { font-size: .875rem; line-height: 1.8; }
.web-offerings { padding-top: 7.5rem; padding-bottom: 7.5rem; color: var(--white); background: linear-gradient(145deg, #202835, #151b26); }
.web-offerings .section-heading__text { color: rgba(255,255,255,.66); }
.web-offerings .eyebrow { color: var(--silver); }
.web-offerings h2 em { color: var(--silver); }
.web-tier-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1px; margin-top: 4rem; border-top: 1px solid rgba(217,221,227,.2); border-bottom: 1px solid rgba(217,221,227,.2); }
.web-tier { position: relative; min-height: 335px; padding: 2rem 1.65rem 2.2rem; border-right: 1px solid rgba(217,221,227,.2); }
.web-tier:last-child { border-right: 0; }
.web-tier--featured { background: rgba(255,255,255,.07); }
.web-tier__number { color: rgba(217,221,227,.52); font-size: .65rem; letter-spacing: .18em; }
.web-tier h3 { max-width: 275px; font-size: 1.35rem; font-weight: 500; line-height: 1.28; }
.web-tier p { max-width: 330px; margin: 0; color: rgba(255,255,255,.67); font-size: .9rem; line-height: 1.8; }
.web-tier__scope { position: absolute; bottom: 2rem; color: var(--silver); font-size: .62rem; letter-spacing: .14em; text-transform: uppercase; }
.services__invitation { margin-top: 2.5rem; padding: 2rem 0 0; background: transparent; border: 0; border-top: 1px solid var(--line); border-radius: 0; }
.services__invitation h3 { font-size: 1.15rem; font-weight: 500; }
.services__invitation p { font-size: .875rem; }
.contact { position: relative; overflow: hidden; color: var(--white); background: linear-gradient(120deg, #151b26, #262e3c); padding-top: 7rem; padding-bottom: 3rem; }
.contact::before { content: ''; position: absolute; width: 550px; height: 550px; border: 1px solid rgba(217,221,227,.08); border-radius: 50%; right: -200px; top: -250px; pointer-events: none; }
.contact .eyebrow { color: var(--silver); }
.contact h2 { max-width: 690px; }
.contact__intro { color: #bdc5d0; max-width: 540px; font-size: .95rem; line-height: 1.85; }
.contact .button--dark { background: #e5e8ed; color: var(--ink); flex-shrink: 0; }
.contact .button--dark:hover { background: #fff; }
.contact__panel { border-color: rgba(217,221,227,.2); padding-bottom: 4rem; }
.contact__details { color: #b7bfcb; font-size: .65rem; flex-wrap: wrap; }
.contact__details a { color: #e5e8ed; }
.site-footer { background: #151b26; color: #aeb7c4; font-size: .6rem; padding-top: 1.5rem; padding-bottom: 1.5rem; }
section[id] { scroll-margin-top: 88px; }
a:focus-visible, button:focus-visible { outline: 2px solid currentColor; outline-offset: 6px; }
@media (min-width: 901px) and (max-width: 1100px) { .contact__panel { flex-direction: column; align-items: flex-start; } }
@media (max-width: 900px) {
  .hero { min-height: auto; padding-top: 10rem; padding-bottom: 5rem; }
  .hero__copy { max-width: 680px; }
  .hero__visual { margin-top: 2rem; }
  .about { grid-template-columns: 1fr; gap: 3rem; }
  .about__mark { min-height: 290px; width: 100%; max-width: 440px; }
  .section-heading { grid-template-columns: 1fr; gap: 1.5rem; }
  .section-heading__text { max-width: 580px; }
  .service-list { column-gap: 2rem; }
  .web-tier-grid { grid-template-columns: 1fr; }
  .web-tier { min-height: 280px; border-right: 0; border-bottom: 1px solid rgba(217,221,227,.2); }
  .web-tier:last-child { border-bottom: 0; }
}
@media (max-width: 620px) {
  .section-shell { padding-left: 1.5rem; padding-right: 1.5rem; }
  .site-header { height: 72px; padding-left: 1.5rem; padding-right: 1.5rem; }
  .brand { font-size: .7rem; letter-spacing: .2em; }
  .main-nav { top: 66px; border-radius: 4px; }
  .language-switch { border-left: 0; }
  .hero { padding-top: 8rem; padding-bottom: 4rem; }
  h1 { font-size: clamp(2.6rem, 10.9vw, 4.2rem); }
  h2 { font-size: clamp(2.15rem, 8.8vw, 3rem); }
  .hero__intro { font-size: .97rem; }
  .hero__actions { gap: 1.2rem; }
  .hero__visual { min-height: 290px; }
  .hero__card--main { width: 230px; height: 250px; left: 2%; }
  .hero__card--main span { font-size: .52rem; }
  .hero__card--small { width: 96px; }
  .hero__card--small-two { right: 2%; }
  .about, .services { padding-top: 4.5rem; padding-bottom: 4.5rem; }
  .about__mark { min-height: 270px; }
  .service-list { margin-top: 2.5rem; }
  .web-offerings { padding-top: 4.5rem; padding-bottom: 4.5rem; }
  .web-tier-grid { margin-top: 2.5rem; }
  .web-tier { padding: 1.5rem 0 2rem; min-height: 260px; }
  .web-tier__scope { bottom: 1.4rem; }
  .service-item { padding: 1.5rem 0; }
  .services__invitation { gap: 1.4rem; }
  .contact { padding-top: 4.5rem; }
  .contact .button { font-size: .77rem; max-width: 100%; overflow-wrap: anywhere; }
  section[id] { scroll-margin-top: 72px; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { transition: none !important; animation: none !important; }
}