/* ── Layout ── */
.container{
   width:93%;
   max-width:1800px;
   margin:0 auto;
}
.section{padding:72px 0}
.bg-alt{background:var(--bg-alt)}

/* ── Typography ── */
h1,h2,h3,h4{color:var(--text);line-height:1.2;font-weight:800}
p{color:var(--text3);line-height:1.7}
.gtext{background:linear-gradient(135deg,var(--primary),var(--secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}

/* ── Tags & Badges ── */
.stag{display:inline-block;font-size:.75rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--primary);background:var(--primary-light);border:1px solid rgba(79,70,229,.2);padding:5px 14px;border-radius:99px;margin-bottom:12px}
.section-hd{text-align:center;margin-bottom:56px}
.section-hd h2{font-size:clamp(1.8rem,3.5vw,2.6rem);margin-bottom:12px}
.section-hd p{color:var(--text3);font-size:1rem;max-width:500px;margin:0 auto}

/* ── Buttons ── */
.btn-primary{display:inline-flex;align-items:center;gap:8px;padding:12px 26px;background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;font-family:var(--font);font-size:.9rem;font-weight:600;border:none;border-radius:99px;cursor:pointer;transition:var(--transition);box-shadow:0 4px 16px rgba(79,70,229,.3);position:relative;overflow:hidden;text-decoration:none}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 28px rgba(79,70,229,.45)}
.btn-primary:active{transform:translateY(0)}
.btn-full{width:100%;justify-content:center}
.btn-ghost{display:inline-flex;align-items:center;gap:10px;padding:12px 24px;background:#fff;border:1.5px solid var(--border2);border-radius:99px;color:var(--text2);font-family:var(--font);font-size:.9rem;font-weight:600;cursor:pointer;transition:var(--transition);text-decoration:none}
.btn-ghost:hover{border-color:var(--primary);color:var(--primary);transform:translateY(-2px)}
.btn-outline{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 24px;background:transparent;border:1.5px solid var(--border2);border-radius:99px;color:var(--text2);font-family:var(--font);font-size:.875rem;font-weight:600;cursor:pointer;transition:var(--transition);text-decoration:none}
.btn-outline:hover{border-color:var(--primary);color:var(--primary)}
.pring{width:30px;height:30px;border-radius:50%;background:rgba(79,70,229,.1);border:1px solid rgba(79,70,229,.2);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.btn-ghost:hover .pring{background:var(--primary);border-color:var(--primary);color:#fff}
.btn-primary-light{display:inline-flex;align-items:center;gap:8px;padding:13px 28px;background:#fff;color:var(--primary);font-weight:700;font-size:.9rem;border-radius:99px;text-decoration:none;transition:var(--transition);box-shadow:0 4px 16px rgba(0,0,0,.15)}
.btn-primary-light:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,.2)}
.btn-outline-light{display:inline-flex;align-items:center;gap:8px;padding:12px 26px;background:transparent;border:1.5px solid rgba(255,255,255,.65);color:#fff;font-weight:600;font-size:.9rem;border-radius:99px;text-decoration:none;transition:var(--transition)}
.btn-outline-light:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.6)}

/* Button ripple */
.btn-primary::after{content:'';position:absolute;inset:0;border-radius:inherit;background:rgba(255,255,255,.15);opacity:0;transition:opacity .3s}
.btn-primary:active::after{opacity:1}

/* ── Reveal animations ── */
.reveal{opacity:0;transform:translateY(28px);transition:opacity .65s ease,transform .65s ease}
.reveal.visible{opacity:1;transform:translateY(0)}
.reveal[data-delay="100"]{transition-delay:.1s}
.reveal[data-delay="200"]{transition-delay:.2s}
.reveal[data-delay="300"]{transition-delay:.3s}
.reveal[data-delay="400"]{transition-delay:.4s}
.reveal-left{opacity:0;transform:translateX(-32px);transition:opacity .65s ease,transform .65s ease}
.reveal-right{opacity:0;transform:translateX(32px);transition:opacity .65s ease,transform .65s ease}
.reveal-left.visible,.reveal-right.visible{opacity:1;transform:translateX(0)}

/* ── Page Hero ── */
.page-hero{padding:72px 0 64px;background:var(--bg-dark);position:relative;overflow:hidden}
.page-hero::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 30% 50%,rgba(79,70,229,.15),transparent 60%)}
.plain-hero{background:linear-gradient(135deg,var(--bg-dark) 0%,var(--bg-dark2) 100%)}
.page-hero .container{
  position:relative;
  z-index:1;
  width:98%;
  max-width:1800px;
}
.page-hero h1{font-size:clamp(2rem,4.5vw,3.2rem);color:#f8faff;margin-bottom:14px}
.ph-sub{color:#94a3b8;font-size:1.05rem;max-width:560px;line-height:1.7}
.breadcrumb{display:flex;align-items:center;gap:8px;font-size:.8rem;color:#64748b;margin-bottom:20px;flex-wrap:wrap}
.breadcrumb a{color:#64748b;text-decoration:none;transition:color .2s}
.breadcrumb a:hover{color:#a5b4fc}
.breadcrumb span{color:#475569}
.ph-content{display:flex;align-items:flex-start;justify-content:center;gap:40px;flex-wrap:wrap;margin-top:16px}
.ph-content > div:last-child{
  transform:translateX(-120px);
}
.ph-icon{width:64px;height:64px;border-radius:16px;border:1px solid;display:flex;align-items:center;justify-content:center;font-size:1.8rem;margin-bottom:18px}
.ph-btns{display:flex;gap:12px;margin-top:24px;flex-wrap:wrap}
.ph-stats{display:flex;gap:0;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius);padding:20px 28px;align-self:flex-start;flex-wrap:wrap}
.phstat{text-align:center;padding:0 20px}
.phnum{display:block;font-size:1.6rem;font-weight:800;color:#f8faff}
.phlbl{font-size:.72rem;color:#64748b}
.phstat+.phstat{border-left:1px solid rgba(255,255,255,.1)}

/* ── Page Hero Enhanced ── */
.ph-enhanced{padding-bottom:96px}
.ph-blob{position:absolute;border-radius:50%;pointer-events:none;z-index:0;animation:ph-drift 6s ease-in-out infinite alternate}
.ph-blob-1{width:160px;height:160px;background:rgba(255,107,74,.75);top:20%;right:14%;animation-duration:7s}
.ph-blob-2{width:110px;height:110px;background:rgba(255,179,71,.7);top:15%;right:22%;animation-duration:9s;animation-direction:alternate-reverse}
.ph-blob-3{width:75px;height:75px;background:rgba(255,200,100,.65);top:38%;right:10%;animation-duration:5s}
@keyframes ph-drift{from{transform:translateY(0px)}to{transform:translateY(-18px)}}
.ph-mesh{position:absolute;inset:0;background:radial-gradient(ellipse at 20% 60%,rgba(79,70,229,.12),transparent 55%),radial-gradient(ellipse at 80% 20%,rgba(124,58,237,.10),transparent 50%);pointer-events:none;z-index:0}
.ph-enhanced h1{font-size:clamp(2.2rem,5vw,3.6rem);line-height:1.15;letter-spacing:-.02em}
.ph-ghost{background:rgba(255,255,255,.08)!important;border-color:rgba(255,255,255,.25)!important;color:#e2e8f0!important}
.ph-ghost:hover{background:rgba(255,255,255,.16)!important;border-color:rgba(255,255,255,.45)!important;color:#fff!important}
.ph-wave{position:absolute;bottom:0;left:0;right:0;line-height:0;pointer-events:none;z-index:1}
.ph-wave svg{display:block;width:100%;height:64px}

/* ── Responsive ── */
@media(max-width:1024px){
  .ph-content{flex-direction:column}
  .ph-stats{width:100%}
}
@media(max-width:640px){
  .section{padding:60px 0}
}
@media (max-width: 640px) {

  .ph-stats,
  .ph-stats--inline {
    display: flex !important;
    flex-wrap: nowrap !important;
    width: 100% !important;
    padding: 18px 10px !important;
    gap: 0 !important;
    justify-content: space-between !important;
    align-items: center !important;
  }

  .phstat {
    flex: 1 1 33.33% !important;
    max-width: 33.33% !important;
    width: 33.33% !important;
    padding: 0 8px !important;
    text-align: center !important;
    border-top: none !important;
    border-left: 1px solid rgba(255,255,255,.1) !important;
  }

  .phstat:first-child {
    border-left: none !important;
  }

  .phnum {
    font-size: 20px !important;
    line-height: 1.1 !important;
    white-space: nowrap !important;
  }

  .phlbl {
    font-size: 10px !important;
    line-height: 1.2 !important;
  }

}