/* About page – animated background + sections (scoped to body.ab) */
body.ab{background:#070908;color:#f2f3f5}
#ab-bg{position:fixed;inset:0;width:100%;height:100%;z-index:0;display:block;pointer-events:none}
.ab .ab-main,.ab footer{position:relative;z-index:2}
.ab footer{background:#070908e6}
.ab .l{color:#a7acb6}
.ab-hero{min-height:100vh;display:flex;align-items:center;padding:110px 0 70px}
.ab-sub{display:flex;flex-wrap:wrap;gap:12px 24px;font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:#a7acb6;margin-bottom:26px}
.ab-sub a:first-child{color:var(--acc)}.ab-sub a:hover{color:#fff}
.ab-hero h1{font-size:clamp(38px,6.6vw,80px);max-width:900px;margin-bottom:26px;color:#fff}
.ab-hero h1 em{font-style:normal;background:linear-gradient(90deg,#8cf21a,#5ccf00,#b6f56b);-webkit-background-clip:text;background-clip:text;color:transparent}
.ab-hero .lead{font-size:19px;color:#a7acb6;max-width:680px}
.ab-scroll{display:block;margin-top:50px;width:26px;height:44px;border:2px solid #ffffff55;border-radius:14px;position:relative}
.ab-scroll:after{content:"";position:absolute;left:50%;top:8px;width:4px;height:8px;margin-left:-2px;background:var(--acc);border-radius:2px;animation:abs 1.6s infinite}
@keyframes abs{to{transform:translateY(16px);opacity:0}}
.ab-s{padding:100px 0}
.ab-eye{font-size:12.5px;letter-spacing:.22em;text-transform:uppercase;color:var(--acc);margin-bottom:14px;font-weight:700}
.ab h2{color:#fff}
.ab-two{display:grid;grid-template-columns:1.1fr 1fr;gap:70px;align-items:center}
.ab-two p{color:#a7acb6;margin-bottom:16px}
.ab-glass{background:#0a0d0bb8;backdrop-filter:blur(10px);border:1px solid #ffffff1f}
.ab-nums{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#ffffff1f;border:1px solid #ffffff1f;margin-top:40px}
.ab-num{background:#070908d9;padding:40px 18px;text-align:center}
.ab-num b{display:block;font:600 clamp(38px,5vw,60px)/1 Fraunces,Georgia,serif;color:#fff}
.ab-num span{display:block;margin-top:12px;font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:#a7acb6}
.ab-pillars{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:22px;margin-top:44px}
.ab-p{padding:34px 28px;position:relative;overflow:hidden;border-top:3px solid #ffffff1f;transition:transform .35s,border-color .35s,box-shadow .35s}
.ab-p:hover{transform:translateY(-8px);border-top-color:var(--acc);box-shadow:0 30px 60px #0008}
.ab-p:before{content:attr(data-num);position:absolute;right:16px;top:6px;font:600 70px Fraunces,Georgia,serif;color:#ffffff0b}
.ab-p h3{font-size:22px;margin-bottom:12px;color:#fff}.ab-p p{color:#a7acb6;font-size:15.5px}
.ab-tl{position:relative;margin-top:50px;padding-left:46px}
.ab-tl:before{content:"";position:absolute;left:11px;top:0;bottom:0;width:2px;background:linear-gradient(var(--acc),#ffffff10)}
.ab-st{position:relative;padding:0 0 50px}
.ab-st:before{content:"";position:absolute;left:-44px;top:8px;width:16px;height:16px;border-radius:50%;background:var(--acc);box-shadow:0 0 0 6px #5ccf0033,0 0 24px var(--acc)}
.ab-st small{font:600 15px Fraunces,Georgia,serif;color:var(--acc);letter-spacing:.1em}
.ab-st h3{font-size:28px;margin:6px 0 8px;color:#fff}.ab-st p{color:#a7acb6;max-width:620px}
.ab-links{display:flex;flex-wrap:wrap;gap:14px;margin-top:30px}
.ab .cta{background:linear-gradient(115deg,#2f7a00cc,#5ccf00cc)}
@media(max-width:860px){.ab-two{grid-template-columns:1fr;gap:30px}.ab-nums{grid-template-columns:1fr 1fr}.ab-s{padding:70px 0}}
@media(prefers-reduced-motion:reduce){.ab-scroll:after{animation:none}}