/* ===== CONTENT WRAPPER ===== */
.content-section{position:relative;z-index:60;background:transparent;opacity:0;transform:translateY(40px);transition:opacity 1.2s ease, transform 1.2s ease}
.content-section.visible{opacity:1;transform:translateY(0)}

/* ===== FULLPAGE SNAP (desktop only) ===== */
@media(min-width:769px){
  .content-section.visible{scroll-snap-type:y mandatory;overflow-y:auto;height:100vh}
  .snap-sec{scroll-snap-align:start;min-height:100vh;display:flex;align-items:center;justify-content:center}
  .snap-sec > .sec-inner{width:100%}
}

/* ===== MOBILE LAYOUT ===== */
@media(max-width:768px){
  .content-section.visible{overflow-y:visible;height:auto}
  .snap-sec{min-height:auto;display:block}
  .sec-inner{padding:0}
  .sec-wide{padding:0}
}

/* ===== SHARED SECTION STYLES ===== */
.sec{padding:5rem 2rem;width:100%;background:#fff}
.sec-alt{background:#f8f9fb}
.sec-dark{background:#0a0e18;color:#fff}
.sec-inner{max-width:960px;margin:0 auto}
.sec-wide{max-width:1100px;margin:0 auto}
.sec-header{text-align:center;margin-bottom:3rem}
.sec-header h2{font-family:'Space Grotesk',sans-serif;font-size:clamp(1.8rem,3.5vw,2.6rem);font-weight:700;color:#0a0e18;letter-spacing:-0.03em}
.sec-dark .sec-header h2{color:#fff}
.sec-header p{font-size:0.95rem;color:rgba(10,14,24,0.5);margin-top:0.6rem;max-width:520px;margin-left:auto;margin-right:auto;line-height:1.6}
.sec-dark .sec-header p{color:rgba(255,255,255,0.5)}
.sec-header h2::after{content:'';display:block;width:40px;height:3px;background:linear-gradient(90deg,#2a1c5a,#3d1870);border-radius:2px;margin:0.8rem auto 0;opacity:0.5}
.sec-dark .sec-header h2::after{background:linear-gradient(90deg,rgba(255,255,255,0.3),rgba(180,140,255,0.4))}

/* ===== SCROLL REVEAL ===== */
.reveal{opacity:0;transform:translateY(30px);transition:opacity 0.8s ease, transform 0.8s ease}
.reveal.revealed{opacity:1;transform:translateY(0)}