/* PAGE — HOME / HERO */
.hero{
  min-height:100vh;display:flex;align-items:center;
  padding:8rem 2rem 6rem;position:relative;overflow:hidden;
}
.hero-bg{
  position:absolute;inset:0;
  background:
    radial-gradient(ellipse at 30% 0%, rgba(237,233,222,0.65), transparent 60%),
    radial-gradient(ellipse at 70% 100%, rgba(201,194,178,0.22), transparent 50%),
    linear-gradient(180deg, #fafaf7 0%, #f2efe8 40%, #ede9de 100%);
}
.hero-grid-bg{
  position:absolute;inset:0;
  background-image:
    linear-gradient(rgba(59,130,246,0.045) 1px,transparent 1px),
    linear-gradient(90deg,rgba(59,130,246,0.045) 1px,transparent 1px);
  background-size:64px 64px;
  mask-image:radial-gradient(ellipse 75% 75% at center,black 20%,transparent 80%);
}
.hero-content{position:relative;z-index:2;max-width:720px;}
.hero-brand-logo{
  height:34px;
  width:auto;
  margin:0 0 1rem;
  object-fit:contain;
  display:block;
}
.hero-sub{
  font-size:clamp(1rem,2vw,1.3rem);
  font-family:"Oxanium",sans-serif;
  font-style:italic;color:var(--slate);
  margin-bottom:1.5rem;
}
.hero-p{font-size:1.05rem;margin-bottom:2.5rem;max-width:62ch;}
.hero-actions{display:flex;gap:1rem;flex-wrap:wrap;margin-bottom:3rem;}
.hero-stats{
  display:flex;gap:3rem;padding-top:2rem;
  border-top:1px solid var(--border);flex-wrap:wrap;
}
.stat-num{
  font-family:"Oxanium",sans-serif;font-size:2.4rem;
  color:var(--gold);font-weight:400;display:block;
}
.stat-lbl{font-size:0.78rem;color:rgba(44,59,78,0.78);letter-spacing:0.08em;text-transform:uppercase;}
.hero-image-area{
  position:absolute;right:0;top:0;bottom:0;width:42%;
  background:linear-gradient(135deg,rgba(10,158,150,0.08),rgba(17,34,64,0.95));
  display:flex;align-items:center;justify-content:center;
}
@media(max-width:900px){.hero-image-area{display:none;}}

/* value-strip */
.value-strip{
  padding:1.5rem 2rem;
  background:linear-gradient(135deg, #000b28 0%, #1b1464 40%, #1d4ed8 100%);
  border-top:1px solid var(--border-teal);border-bottom:1px solid var(--border-teal);
}
.value-strip-inner{
  display:flex;gap:2.5rem;align-items:center;justify-content:center;flex-wrap:wrap;
}
.vs-item{display:flex;align-items:center;gap:0.6rem;font-size:0.85rem;color:rgba(255,255,255,0.85);}
.vs-icon{font-size:1.1rem;}
.vs-sep{width:1px;height:20px;background:var(--border);}

/* WHY section */
.why-section{padding:7rem 2rem;}
.why-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;}
.why-visual{
  background:rgba(255,255,255,0.75);border:1px solid rgba(201,194,178,0.55);
  border-radius:var(--radius-lg);padding:2.5rem;
}
.why-card{
  padding:1.25rem 1.5rem;border-left:3px solid var(--teal);
  background:rgba(10,158,150,0.06);border-radius:0 var(--radius) var(--radius) 0;
  margin-bottom:1rem;transition:all var(--t);
}
.why-card:hover{border-left-color:var(--gold);background:rgba(201,168,76,0.06);}
.why-card h4{color:var(--cream);margin-bottom:0.3rem;font-size:0.95rem;font-weight:600;}
.why-card p{font-size:0.88rem;max-width:100%;color:var(--slate);}
@media(max-width:860px){.why-grid{grid-template-columns:1fr;}}

/* HOME AI SECTION */
.home-ai{
  padding:5rem 2rem 4rem;
  border-top:1px solid var(--border);
  border-bottom:1px solid var(--border);
}