:root{
  --navy:#070d1b;
  --navy2:#0b1220;
  --panel:rgba(255,255,255,.065);
  --panel2:rgba(255,255,255,.035);
  --line:rgba(255,255,255,.14);
  --text:#fff;
  --muted:#b7c0d6;
  --blue:#3b82f6;
  --purple:#8b5cf6;
  --magenta:#d946ef;
  --max:1200px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
  background:
    radial-gradient(circle at 18% 2%,rgba(59,130,246,.28),transparent 32rem),
    radial-gradient(circle at 82% 8%,rgba(168,85,247,.24),transparent 34rem),
    linear-gradient(180deg,#070d1b 0%,#091120 55%,#070d1b 100%);
  color:var(--text);
}
a{color:inherit;text-decoration:none}
.site-header{
  position:sticky;top:0;z-index:50;
  display:flex;align-items:center;justify-content:space-between;
  min-height:126px;
  padding:10px clamp(20px,5vw,64px);
  background:rgba(7,13,27,.82);
  backdrop-filter:blur(18px);
  border-bottom:1px solid var(--line);
}
.brand img{height:150px;width:auto;display:block}
.site-nav{display:flex;gap:24px;align-items:center}
.site-nav a{
  font-size:.82rem;font-weight:700;text-transform:uppercase;letter-spacing:.045em;
  color:#dce3f6;white-space:nowrap;
}
.site-nav a:hover{color:white}
.nav-cta{
  padding:12px 18px;border-radius:999px;
  background:linear-gradient(135deg,var(--blue),var(--purple),var(--magenta));
  color:white!important;
  box-shadow:0 12px 34px rgba(139,92,246,.25);
}
.menu-button{display:none;background:none;border:1px solid var(--line);color:white;border-radius:12px;font-size:1.4rem;padding:8px 12px}
.hero{
  max-width:1400px;margin:0 auto;
  min-height:720px;
  padding:clamp(56px,8vw,104px) clamp(20px,5vw,64px);
  display:grid;grid-template-columns:.9fr 1.1fr;gap:48px;align-items:center;
}
.eyebrow{
  margin:0 0 18px;color:#c4a4ff;
  font-size:.78rem;font-weight:850;text-transform:uppercase;letter-spacing:.22em;
}
.center{text-align:center}
h1,h2,h3,p{overflow-wrap:break-word}
h1{
  margin:0;
  font-size:clamp(3.1rem,6.2vw,6.6rem);
  line-height:.95;letter-spacing:-.065em;
}
h2{
  margin:0 auto 22px;max-width:900px;text-align:center;
  font-size:clamp(2.1rem,4vw,4.1rem);
  line-height:1.05;letter-spacing:-.045em;
}
h3{margin:0 0 14px;font-size:1.28rem;letter-spacing:-.02em}
p{color:var(--muted);line-height:1.75}
.lead{font-size:1.14rem;max-width:640px;margin:28px 0 0}
.actions{display:flex;flex-wrap:wrap;gap:16px;margin-top:36px}
.button{
  display:inline-flex;align-items:center;justify-content:center;
  min-height:80px;padding:0 24px;border-radius:14px;
  font-size:.86rem;font-weight:850;text-transform:uppercase;letter-spacing:.04em;
}
.primary{background:linear-gradient(135deg,var(--blue),var(--purple),var(--magenta));box-shadow:0 18px 50px rgba(139,92,246,.34)}
.secondary{border:1px solid var(--line);background:rgba(255,255,255,.045)}
.hero-image-card{
  border:1px solid var(--line);
  border-radius:30px;
  overflow:hidden;
  background:rgba(255,255,255,.04);
  box-shadow:0 36px 100px rgba(0,0,0,.42);
}
.hero-image-card img{width:100%;height:auto;display:block}
.section{
  max-width:var(--max);margin:0 auto;
  padding:92px clamp(20px,5vw,64px);
}
.cards{display:grid;gap:22px;margin-top:44px}
.cards.four{grid-template-columns:repeat(4,1fr)}
.cards.two{grid-template-columns:repeat(2,1fr)}
.card,.panel{
  border:1px solid var(--line);border-radius:24px;
  background:linear-gradient(180deg,var(--panel),var(--panel2));
  padding:28px;box-shadow:0 24px 70px rgba(0,0,0,.22);
}
.card p{margin-bottom:0}
.icon{
  display:inline-flex;width:52px;height:52px;align-items:center;justify-content:center;
  margin-bottom:24px;border-radius:16px;font-size:1.7rem;
  background:linear-gradient(135deg,rgba(59,130,246,.32),rgba(168,85,247,.36));
}
.split{display:grid;grid-template-columns:.9fr 1.1fr;gap:46px;align-items:center}
.split h2{text-align:left;margin-left:0}
.split p{font-size:1.05rem}
.feature-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.feature-list li{
  padding:17px;border-radius:16px;background:rgba(255,255,255,.05);
  font-weight:750;color:#eef2ff
}
.feature-list li:before{
  content:"";display:inline-block;width:9px;height:9px;border-radius:99px;
  margin-right:11px;background:linear-gradient(135deg,var(--blue),var(--purple))
}
.page-hero{
  max-width:1050px;margin:0 auto;
  padding:clamp(74px,9vw,130px) clamp(20px,5vw,64px) 62px;
  text-align:center;
}
.page-hero h1{font-size:clamp(2.8rem,5.4vw,5.6rem)}
.page-hero p{font-size:1.16rem;max-width:800px;margin:26px auto 0}
.page-hero .button{margin-top:34px}
.cards-section{padding-top:38px}
.contact-panel{text-align:center;max-width:900px;margin:0 auto}
.site-footer{
  border-top:1px solid var(--line);
  background:#050914;
  padding:34px clamp(20px,5vw,64px);
  display:flex;align-items:center;justify-content:space-between;gap:28px;
}
.site-footer img{height:46px;width:auto}
.site-footer p{margin:8px 0 0;max-width:640px;font-size:.92rem}
.copyright{white-space:nowrap}
@media(max-width:1100px){
  .site-nav{gap:16px}
  .site-nav a{font-size:.76rem}
  .cards.four{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:860px){
  .menu-button{display:block}
  .site-nav{
    display:none;position:absolute;left:20px;right:20px;top:78px;
    flex-direction:column;align-items:stretch;gap:0;
    padding:16px;border:1px solid var(--line);border-radius:18px;
    background:rgba(7,13,27,.96);backdrop-filter:blur(18px)
  }
  .site-nav.open{display:flex}
  .site-nav a{padding:14px;border-radius:12px}
  .hero,.split{grid-template-columns:1fr}
  .hero{min-height:auto}
  .hero-image-card{order:-1}
  .cards.two{grid-template-columns:1fr}
  .site-footer{flex-direction:column;align-items:flex-start}
  .copyright{white-space:normal}
}
@media(max-width:580px){
  .site-header{min-height:92px}
  .brand img{height:110px}
  h1{font-size:2.75rem}
  h2{font-size:2.05rem}
  .cards.four,.feature-list{grid-template-columns:1fr}
  .hero{padding-top:36px}
  .section{padding-top:68px;padding-bottom:68px}
}

.site-footer img{height:120px !important;}
.brand img{height:150px !important;}


/* Final logo sizing overrides */
.brand img {
  height: 150px !important;
  width: auto !important;
  display: block;
}

.site-footer img {
  height: 120px !important;
  width: auto !important;
  display: block;
}

.site-header {
  min-height: 150px !important;
}

@media (max-width: 580px) {
  .brand img {
    height: 92px !important;
  }
  .site-footer img {
    height: 82px !important;
  }
  .site-header {
    min-height: 110px !important;
  }
}


/* Final requested logo setup:
   - Header uses the existing/original logo file: assets/alyticor-logo.png
   - Footer uses the new matched-background logo file: assets/alyticor-logo-2.png
*/
.site-header .brand img {
  height: 150px !important;
  width: auto !important;
  display: block;
}

.site-footer img {
  height: 140px !important;
  width: auto !important;
  display: block;
  object-fit: contain;
}

@media (max-width: 580px) {
  .site-header .brand img {
    height: 92px !important;
  }
  .site-footer img {
    height: 86px !important;
  }
}