/* ===== ABOUT ===== */
.about{position:relative;padding:150px 52px 150px;overflow:hidden;background:radial-gradient(ellipse 50% 55% at 20% 20%,rgba(30,80,40,.18) 0%,transparent 70%),radial-gradient(ellipse 45% 45% at 80% 30%,rgba(30,50,100,.16) 0%,transparent 70%),linear-gradient(180deg,#0b0b12 0%,#0b0b12 100%)}
.about-shell{max-width:1160px;margin:0 auto;position:relative;z-index:2}
.about-header{max-width:780px;margin-bottom:48px;opacity:0;transform:translateY(40px) scale(.96);filter:blur(6px);transition:opacity .7s ease-out,transform .7s ease-out,filter .7s ease-out}
.about-kicker{font-family:'Outfit',sans-serif;text-transform:uppercase;letter-spacing:.28em;font-size:.72rem;color:rgba(47,175,249,.75)}
.about-title{font-family:'Outfit',sans-serif;font-size:clamp(2.6rem,4.2vw,3.8rem);font-weight:800;letter-spacing:-.02em;margin:14px 0 16px;background:linear-gradient(90deg,#2faff9,#b6ef09);-webkit-background-clip:text;background-clip:text;color:transparent}
.about-lede{color:rgba(182,239,9,.75);line-height:1.8;font-size:1.05rem}

.about-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
.about-card{background:rgba(255,255,255,.03);border:1px solid transparent;border-radius:22px;padding:28px;backdrop-filter:blur(12px);box-shadow:0 20px 60px rgba(0,0,0,.35);transform:translateY(50px) scale(.94);opacity:0;filter:blur(8px);transition:opacity .8s cubic-bezier(.2,.8,.2,1),transform .8s cubic-bezier(.2,.8,.2,1),filter .8s cubic-bezier(.2,.8,.2,1);background-image:linear-gradient(rgba(10,12,20,.88),rgba(10,12,20,.88)),linear-gradient(120deg,rgba(47,175,249,.35),rgba(182,239,9,.2));background-origin:border-box;background-clip:padding-box,border-box}
.about-card:nth-child(1){transition-delay:.12s}
.about-card:nth-child(2){transition-delay:.26s}
.about-card:nth-child(3){transition-delay:.4s}
.about-card h2{font-family:'Outfit',sans-serif;font-size:1.2rem;letter-spacing:.04em;margin-bottom:12px;color:#f3fbff}
.about-card p{color:rgba(233,246,255,.78);line-height:1.75;margin-bottom:16px}
.about-card ul{display:grid;gap:10px;color:rgba(255,255,255,.7);font-size:.95rem}
.about-card ul li{position:relative;padding-left:20px}
.about-card ul li::before{content:'•';position:absolute;left:0;color:#2fafF9}

.about-card-wide{grid-column:1 / -1}
.about-cta{font-family:'Outfit',sans-serif;font-size:1.05rem;color:#fff}

.about-deco{position:absolute;pointer-events:none;z-index:1;opacity:.7}
.about-string{top:40px;left:6%;width:140px;opacity:.75;filter:drop-shadow(0 0 22px rgba(47,175,249,.45));animation:aboutFloat 9s ease-in-out infinite}
.about-star{width:12px;opacity:.7;animation:aboutTwinkle 3.5s ease-in-out infinite}
.about-star-1{top:120px;right:18%}
.about-star-2{bottom:160px;left:18%;animation-delay:1.2s}
.about-mesh{right:-10%;top:40%;width:45%;opacity:.35;filter:blur(.5px);animation:aboutDrift 12s ease-in-out infinite}
.about-orb{left:-6%;bottom:80px;width:140px;opacity:.6;filter:drop-shadow(0 0 25px rgba(100,220,255,.25));animation:aboutFloat 7s ease-in-out infinite reverse}

.about.is-visible .about-header{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}
.about.is-visible .about-card{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}

@keyframes aboutFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
@keyframes aboutTwinkle{0%,100%{opacity:.3;transform:scale(.85)}50%{opacity:1;transform:scale(1.15)}}
@keyframes aboutDrift{0%,100%{transform:translateX(0) rotate(0deg)}50%{transform:translateX(-18px) rotate(3deg)}}

@media(max-width:1024px){
  .about{padding:130px 28px 130px}
  .about-grid{grid-template-columns:1fr}
  .about-card-wide{grid-column:auto}
  .about-mesh{width:60%;right:-20%}
}

@media(max-width:768px){
  .about{padding:120px 20px 120px}
  .about-header{margin-bottom:32px}
  .about-string{width:110px}
  .about-orb{width:110px}
}

@media(max-width:480px){
  .about{padding:110px 16px 100px}
  .about-title{font-size:clamp(2.1rem,7vw,2.8rem)}
  .about-card{padding:22px}
  .about-orb{display:none}
}