/* About page - uses home.css theme (navy + orange). Load AFTER home.css */
.ab{--p:var(--color-plum-dark,#161a39);--r:var(--color-rose-accent,#e27a34);--b:var(--color-blush-border,#e3e6ef);--m:var(--text-muted,#5d6380);overflow-x:hidden}
.ab img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.16,1,.3,1)}
.ab-prog{position:fixed;top:0;left:0;height:4px;width:100%;transform:scaleX(0);transform-origin:0 50%;background:linear-gradient(90deg,var(--p),var(--r));z-index:10000}
.ab-rv{opacity:0;transform:translateY(44px);filter:blur(6px);transition:opacity .8s cubic-bezier(.16,1,.3,1) var(--d,0ms),transform .8s cubic-bezier(.16,1,.3,1) var(--d,0ms),filter .8s var(--d,0ms)}
.ab-rv.in{opacity:1;transform:none;filter:none}
.ab-sec{position:relative;overflow:hidden;padding:100px 0}
.ab-alt{background:linear-gradient(180deg,#f8f9fb,#fff)}
.ab-glow{position:absolute;width:480px;height:480px;border-radius:50%;filter:blur(70px);background:radial-gradient(circle,rgba(226,122,52,.14),transparent 70%);pointer-events:none;animation:abDrift 14s ease-in-out infinite}
.ab-head{margin-bottom:48px}
.ab-tag{display:inline-flex;align-items:center;gap:8px;font-size:.76rem;font-weight:800;letter-spacing:1.4px;color:var(--r);background:#fff;border:1.5px solid var(--b);border-radius:50px;padding:8px 16px;box-shadow:0 8px 22px rgba(226,122,52,.12)}
.ab-tag-d{background:rgba(226,122,52,.14);border-color:rgba(226,122,52,.45);color:#fcb485;box-shadow:none}
.ab-h2{font-family:var(--font-heading,inherit);font-weight:800;font-size:clamp(2.1rem,4vw,3.1rem);line-height:1.12;letter-spacing:-.02em;color:var(--p);margin:16px 0 14px}
.ab-gt{background:linear-gradient(90deg,var(--p),var(--r),#f7a15f,var(--r),var(--p));background-size:200% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:abGrad 5s linear infinite}
.ab-lead{color:var(--m);line-height:1.85;font-size:1.07rem}
.ab-ico{width:56px;height:56px;border-radius:17px;display:grid;place-items:center;font-size:1.5rem;background:#f5f7fa;border:1px solid var(--b);color:var(--r);transition:.45s cubic-bezier(.3,1.6,.5,1)}
 
@keyframes abDrift{0%,100%{transform:translate(0,0)}50%{transform:translate(-40px,40px)}}
@keyframes abGrad{to{background-position:200% 50%}}
@keyframes abWord{from{opacity:0;transform:translateY(46px) rotate(5deg);filter:blur(6px)}to{opacity:1;transform:none;filter:none}}
@keyframes abSpin{to{transform:rotate(360deg)}}
@keyframes abFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
@keyframes abPulse{0%,100%{box-shadow:0 0 0 0 rgba(226,122,52,.5)}70%{box-shadow:0 0 0 12px rgba(226,122,52,0)}}
@keyframes abDraw{to{transform:scaleX(1)}}
@keyframes abShine{0%,60%{left:-80%}100%{left:140%}}
@keyframes abRing{0%{transform:scale(.7);opacity:.7}100%{transform:scale(1.5);opacity:0}}
 
/* ---------- HERO ---------- */
.ab-hero{position:relative;overflow:hidden;padding:60px 0 100px;background:#fff}
.ab-grid{position:absolute;inset:0;pointer-events:none;opacity:.55;background-image:radial-gradient(rgba(22,26,57,.14) 1.3px,transparent 1.3px);background-size:28px 28px;-webkit-mask-image:radial-gradient(ellipse at 65% 40%,#000,transparent 72%);mask-image:radial-gradient(ellipse at 65% 40%,#000,transparent 72%)}
.ab-crumb{font-size:.85rem;font-weight:600;color:var(--m);margin-bottom:20px}.ab-crumb a{color:var(--p);transition:.25s}.ab-crumb a:hover{color:var(--r)}
.ab-badge{display:inline-flex;align-items:center;gap:10px;font-size:.78rem;font-weight:800;letter-spacing:.9px;text-transform:uppercase;color:var(--p);background:#fff;border:1.5px solid var(--b);border-radius:50px;padding:9px 18px;box-shadow:0 10px 26px rgba(226,122,52,.16)}
.ab-dot{width:9px;height:9px;border-radius:50%;background:var(--r);animation:abPulse 2s infinite}
.ab-h1{font-family:var(--font-heading,inherit);font-weight:800;font-size:clamp(2.5rem,5.2vw,4.1rem);line-height:1.08;letter-spacing:-.03em;color:var(--p);margin:22px 0}
.ab-line{display:block}
.ab-line>span{display:inline-block;opacity:0;animation:abWord .6s cubic-bezier(.16,1,.3,1) forwards;animation-delay:calc(var(--i)*55ms + 60ms)}
.ab-line>.ab-grad{background:linear-gradient(90deg,var(--p),var(--r),#f7a15f,var(--r),var(--p));background-size:200% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:abWord .6s cubic-bezier(.16,1,.3,1) forwards,abGrad 4s linear infinite;animation-delay:calc(var(--i)*55ms + 60ms),0s}
.ab-script{position:relative;color:var(--r);font-family:var(--font-cursive,'Caveat','Segoe Script',cursive);font-size:1.2em;font-weight:700}
.ab-script:after{content:"";position:absolute;left:2%;right:2%;bottom:2px;height:6px;border-radius:6px;background:linear-gradient(90deg,var(--r),#fcb485);transform:scaleX(0);transform-origin:left;animation:abDraw .6s .7s cubic-bezier(.16,1,.3,1) forwards;opacity:.55;z-index:-1}
.ab-btn{position:relative;overflow:hidden;display:inline-flex;align-items:center;gap:10px;padding:15px 26px;border-radius:60px;font-weight:700;border:1.5px solid transparent;transition:translate .2s ease-out,transform .3s cubic-bezier(.3,1.6,.5,1),box-shadow .35s,background .3s,color .3s,border-color .3s}
.ab-btn-p{background:var(--p);color:#fff}
.ab-btn-p:before{content:"";position:absolute;inset:0;background:var(--r);transform:translateY(101%);transition:transform .45s cubic-bezier(.16,1,.3,1)}
.ab-btn-p>*{position:relative;z-index:1}
.ab-btn-p:hover:before{transform:none}.ab-btn-p:hover{transform:translateY(-4px);box-shadow:0 20px 40px rgba(226,122,52,.38);color:#fff}
.ab-arr{transition:transform .3s}.ab-btn:hover .ab-arr{transform:translateX(6px)}
.ab-btn-g{background:#fff;color:var(--p);border-color:var(--b)}.ab-btn-g i{color:var(--r);transition:transform .35s}
.ab-btn-g:hover{transform:translateY(-4px);border-color:var(--r);box-shadow:0 16px 34px rgba(226,122,52,.22);color:var(--p)}.ab-btn-g:hover i{transform:rotate(-18deg) scale(1.15)}
.ab-btn-o{background:var(--r);color:#fff}.ab-btn-o:hover{transform:translateY(-5px);box-shadow:0 20px 40px rgba(226,122,52,.5);color:#fff;background:#f08a45}
.ab-btn-w{background:rgba(255,255,255,.1);color:#fff;border-color:rgba(255,255,255,.3)}.ab-btn-w:hover{background:#fff;color:var(--p);transform:translateY(-5px);box-shadow:0 18px 36px rgba(0,0,0,.3)}
.ab-stats{display:flex;flex-wrap:wrap;margin-top:34px}
.ab-stats>div{padding:0 26px;border-left:2px solid rgba(226,122,52,.35);transition:.35s}.ab-stats>div:first-child{padding-left:0;border-left:0}
.ab-stats b{display:block;font:800 1.7rem/1.1 var(--font-heading,inherit);color:var(--p);transition:.3s}
.ab-stats>div>span{font-size:.78rem;font-weight:700;letter-spacing:.8px;text-transform:uppercase;color:var(--m)}
.ab-stats>div:hover b{color:var(--r);transform:translateY(-3px)}
.ab-stage{position:relative;height:540px;--mx:0;--my:0}
.ab-orbit{position:absolute;right:-30px;top:30px;width:450px;height:450px;border-radius:50%;border:2px dashed rgba(226,122,52,.5);animation:abSpin 28s linear infinite;pointer-events:none}
.ab-orbit:before,.ab-orbit:after{content:"";position:absolute;width:16px;height:16px;border-radius:50%;background:var(--r);top:50%;left:-8px;box-shadow:0 0 0 6px rgba(226,122,52,.18)}
.ab-orbit:after{left:auto;right:-8px;background:var(--p);box-shadow:0 0 0 6px rgba(22,26,57,.12)}
.ab-arch{position:relative;z-index:1;width:70%;height:520px;margin-left:auto;border-radius:999px 999px 36px 36px;overflow:hidden;border:7px solid #fff;box-shadow:0 40px 80px rgba(22,26,57,.26);transition:box-shadow .5s}
.ab-arch:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(22,26,57,.5))}
.ab-stage:hover .ab-arch{box-shadow:0 50px 90px rgba(226,122,52,.32)}.ab-stage:hover .ab-arch img{transform:scale(1.08)}
.ab-pic2{position:absolute;z-index:4;left:-10px;bottom:34px;width:250px;height:190px;border-radius:26px;overflow:hidden;border:6px solid #fff;box-shadow:0 26px 52px rgba(22,26,57,.28);translate:calc(var(--mx)*-22px) calc(var(--my)*-14px);transition:translate .25s ease-out,box-shadow .4s}
.ab-pic2:hover{box-shadow:0 30px 60px rgba(226,122,52,.38)}.ab-pic2:hover img{transform:scale(1.12)}
.ab-fl{position:absolute;z-index:6;display:flex;align-items:center;gap:10px;background:#fff;border:1.5px solid var(--b);border-radius:16px;padding:11px 16px;font-weight:700;font-size:.8rem;color:var(--p);box-shadow:0 16px 36px rgba(22,26,57,.16);animation:abFloat 5.2s ease-in-out infinite;translate:calc(var(--mx,0)*16px) calc(var(--my,0)*12px);transition:translate .25s ease-out}
.ab-fl i{color:var(--r);font-size:1.15rem}
.ab-fl.f1{top:44px;left:12%}.ab-fl.f2{top:130px;right:-14px;animation-delay:-2s}.ab-fl.f3{bottom:80px;right:-12px;animation-delay:-3.4s}.ab-fl.f3 i,.ab-fl.f1 i{color:var(--p)}.ab-fl.f4{left:auto;right:-14px;bottom:50px}
 
/* ---------- WHAT WE DO ---------- */
.ab-do{position:relative;height:100%;overflow:hidden;background:#fff;border:1.5px solid var(--b);border-radius:32px;padding:40px 36px 34px;transition:transform .45s cubic-bezier(.16,1,.3,1),border-color .35s,box-shadow .45s}
.ab-do:before{content:"";position:absolute;inset:0;background:radial-gradient(300px circle at var(--x,50%) var(--y,0),rgba(226,122,52,.16),transparent 62%);opacity:0;transition:opacity .35s;pointer-events:none}
.ab-do:after{content:"";position:absolute;left:0;top:0;height:5px;width:0;background:linear-gradient(90deg,var(--p),var(--r));transition:width .6s cubic-bezier(.16,1,.3,1)}
.ab-do:hover{transform:translateY(-12px);border-color:var(--r);box-shadow:0 34px 64px rgba(226,122,52,.22)}.ab-do:hover:before{opacity:1}.ab-do:hover:after{width:100%}
.ab-do .ab-ico{width:66px;height:66px;font-size:1.8rem;margin-bottom:22px;position:relative}
.ab-do:hover .ab-ico{background:var(--p);color:#fff;transform:rotate(-12deg) scale(1.12)}
.ab-big{position:absolute;top:14px;right:26px;font:800 4.6rem var(--font-heading,inherit);color:rgba(22,26,57,.06);transition:.5s}.ab-do:hover .ab-big{color:rgba(226,122,52,.2);transform:scale(1.1) translateY(-4px)}
.ab-do h3{position:relative;font-family:var(--font-heading,inherit);font-weight:800;font-size:1.55rem;color:var(--p);margin-bottom:12px}
.ab-do p{position:relative;color:var(--m);line-height:2.1;font-size:1.04rem;margin-bottom:18px}
.ab-chip{display:inline-block;font-weight:700;font-size:.9rem;color:var(--p);background:#f5f7fa;border:1px solid var(--b);border-radius:50px;padding:3px 14px;line-height:1.7;transition:.3s cubic-bezier(.3,1.6,.5,1);cursor:default}
.ab-chip:hover{background:var(--r);color:#fff;border-color:var(--r);transform:translateY(-4px) scale(1.07)}
.ab-more{position:relative;display:inline-flex;align-items:center;gap:10px;font-weight:700;color:var(--p);border-bottom:2px solid var(--r);padding-bottom:3px;transition:.3s}.ab-more i{color:var(--r);transition:.35s}.ab-more:hover{color:var(--r);gap:16px}.ab-more:hover i{transform:rotate(45deg)}
.ab-note{position:relative;overflow:hidden;display:flex;gap:16px;align-items:center;margin-top:30px;border-radius:26px;padding:24px 28px;background:#fff7f1;border:1.5px solid rgba(226,122,52,.35);transition:.4s}
.ab-note:before{content:"";position:absolute;top:0;left:-80%;width:45%;height:100%;transform:skewX(-18deg);background:linear-gradient(100deg,transparent,rgba(255,255,255,.75),transparent);animation:abShine 5s ease-in-out infinite}
.ab-note:hover{transform:translateY(-6px);box-shadow:0 22px 44px rgba(226,122,52,.2)}
.ab-note>i{font-size:1.9rem;color:var(--r);flex:none}.ab-note p{margin:0;color:var(--p);font-weight:600;line-height:1.7}
 
/* ---------- DARK: how we teach ---------- */
.ab-dark{color:#fff;background:radial-gradient(900px 520px at 90% -5%,rgba(226,122,52,.32),transparent 60%),radial-gradient(760px 520px at -5% 105%,rgba(100,120,255,.2),transparent 60%),#12163a}
.ab-dark:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.5;background-image:radial-gradient(rgba(255,255,255,.12) 1.2px,transparent 1.2px);background-size:30px 30px;-webkit-mask-image:radial-gradient(ellipse at 50% 0,#000,transparent 70%);mask-image:radial-gradient(ellipse at 50% 0,#000,transparent 70%)}
.ab-dark .ab-h2{color:#fff}.ab-dark .ab-gt{background-image:linear-gradient(90deg,#fcb485,var(--r),#fcb485)}
.ab-bento{display:grid;grid-template-columns:repeat(12,1fr);gap:18px}
.ab-tile{position:relative;overflow:hidden;display:flex;flex-direction:column;gap:12px;border-radius:28px;padding:28px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(8px);transition:transform .45s cubic-bezier(.16,1,.3,1),border-color .35s,background .35s,box-shadow .4s}
.ab-tile:before{content:"";position:absolute;inset:0;background:radial-gradient(300px circle at var(--x,50%) var(--y,50%),rgba(226,122,52,.4),transparent 62%);opacity:0;transition:opacity .35s;pointer-events:none}
.ab-tile:hover{transform:translateY(-9px);border-color:rgba(226,122,52,.75);background:rgba(255,255,255,.09);box-shadow:0 26px 50px rgba(0,0,0,.35)}.ab-tile:hover:before{opacity:1}
.t7{grid-column:span 7}.t5{grid-column:span 5}.t4{grid-column:span 4}.t12{grid-column:span 12}
.ab-ic{position:relative;flex:none;width:54px;height:54px;border-radius:16px;display:grid;place-items:center;font-size:1.45rem;color:var(--r);background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);transition:.45s cubic-bezier(.3,1.6,.5,1)}
.ab-tile:hover .ab-ic{background:var(--r);color:#fff;border-color:var(--r);transform:rotate(-12deg) scale(1.14)}
.ab-tile small{position:relative;font-size:.72rem;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;color:#fcb485}
.ab-tile b{position:relative;font-size:1.12rem;line-height:1.6;font-weight:600;color:#fff}
.ab-wide{flex-direction:row;align-items:center;gap:22px;background:linear-gradient(120deg,rgba(226,122,52,.22),rgba(255,255,255,.06))}
 
/* ---------- TEAM ---------- */
.ab-member{position:relative;height:100%;text-align:center;background:#fff;border:1.5px solid var(--b);border-radius:34px;padding:22px 22px 30px;transition:transform .45s cubic-bezier(.16,1,.3,1),border-color .35s,box-shadow .45s}
.ab-member:hover{transform:translateY(-14px);border-color:var(--r);box-shadow:0 36px 66px rgba(226,122,52,.24)}
.ab-photo{position:relative;overflow:hidden;height:300px;border-radius:26px 26px 100px 100px;background:linear-gradient(145deg,#eef1f9,#fde9d9);margin-bottom:22px;transition:border-radius .6s cubic-bezier(.16,1,.3,1)}
.ab-member:hover .ab-photo{border-radius:26px}
.ab-member:hover .ab-photo img{transform:scale(1.1)}
.ab-photo img{object-position:center top}
.ab-init{position:absolute;inset:0;display:grid;place-items:center;font:800 4.4rem var(--font-heading,inherit);color:#fff;background:linear-gradient(145deg,var(--p),var(--r));letter-spacing:2px;transition:transform .6s}
.ab-init:before{content:"";position:absolute;width:170px;height:170px;border-radius:50%;border:2px dashed rgba(255,255,255,.45);animation:abSpin 18s linear infinite}
.ab-member:hover .ab-init{transform:scale(1.08)}
.ab-role{position:absolute;z-index:2;left:50%;bottom:14px;translate:-50% 0;white-space:nowrap;font-size:.78rem;font-weight:800;letter-spacing:.5px;color:var(--p);background:#fff;border-radius:50px;padding:8px 16px;box-shadow:0 10px 24px rgba(22,26,57,.2);transition:.4s}
.ab-member:hover .ab-role{background:var(--r);color:#fff}
.ab-member h3{font-family:var(--font-heading,inherit);font-weight:800;font-size:1.4rem;color:var(--p);margin-bottom:8px;transition:color .3s}.ab-member:hover h3{color:var(--r)}
.ab-member p{color:var(--m);line-height:1.75;margin:0 auto;max-width:340px}
.ab-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
 
/* ---------- WHY WE STARTED ---------- */
.ab-why{padding:90px 0}
.ab-why-in{position:relative;max-width:900px;margin:0 auto;text-align:center;padding:60px 40px;border-radius:40px;background:#fff;border:1.5px solid var(--b);box-shadow:0 30px 70px rgba(22,26,57,.1);transition:.5s cubic-bezier(.16,1,.3,1)}
.ab-why-in:hover{transform:translateY(-8px);box-shadow:0 40px 80px rgba(226,122,52,.22);border-color:rgba(226,122,52,.55)}
.ab-qm{position:absolute;top:-14px;left:36px;font:800 9rem/1 Georgia,serif;color:var(--r);opacity:.2;animation:abFloat 6s ease-in-out infinite;pointer-events:none}
.ab-why-in p{position:relative;margin:0;font-size:clamp(1.15rem,2.2vw,1.45rem);line-height:1.8;color:var(--p);font-weight:500}
 
/* ---------- SPACE ---------- */
.ab-space{position:relative}
.ab-frame{position:absolute;inset:-14px 14px 14px -14px;border:2px dashed rgba(226,122,52,.55);border-radius:38px;transition:.6s cubic-bezier(.16,1,.3,1)}
.ab-space:hover .ab-frame{inset:-20px 20px 20px -20px;border-color:var(--r)}
.ab-space-img{position:relative;z-index:1;height:470px;border-radius:34px;overflow:hidden;box-shadow:0 30px 60px rgba(22,26,57,.2);transition:box-shadow .5s}
.ab-space-img:after{content:"";position:absolute;inset:0;background:linear-gradient(160deg,rgba(226,122,52,.15),transparent 45%,rgba(22,26,57,.4))}
.ab-space:hover .ab-space-img{box-shadow:0 40px 80px rgba(226,122,52,.3)}.ab-space:hover img{transform:scale(1.08)}
.ab-amen{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:22px}
.ab-amen span{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;background:#fff;border:1.5px solid var(--b);border-radius:20px;padding:16px 8px;font-weight:700;font-size:.85rem;color:var(--p);transition:transform .4s cubic-bezier(.3,1.6,.5,1),background .3s,color .3s,border-color .3s,box-shadow .35s;cursor:default}
.ab-amen i{font-size:1.5rem;color:var(--r);transition:.4s}
.ab-amen span:hover{background:var(--p);color:#fff;border-color:var(--p);transform:translateY(-8px);box-shadow:0 18px 34px rgba(22,26,57,.25)}.ab-amen span:hover i{color:#fcb485;transform:scale(1.25) rotate(-8deg)}
 
/* ---------- CTA ---------- */
.ab-cta{position:relative;overflow:hidden;text-align:center;border-radius:44px;padding:76px 40px;color:#fff;background:linear-gradient(135deg,#12163a,#262c63);box-shadow:0 40px 80px rgba(22,26,57,.34)}
.ab-cta-g1,.ab-cta-g2{position:absolute;border-radius:50%;filter:blur(70px);pointer-events:none;animation:abDrift 12s ease-in-out infinite}
.ab-cta-g1{width:380px;height:380px;top:-120px;right:-80px;background:rgba(226,122,52,.5)}.ab-cta-g2{width:320px;height:320px;bottom:-140px;left:-80px;background:rgba(100,120,255,.35);animation-delay:-5s}
.ab-cta>*{position:relative}.ab-cta .ab-h2{color:#fff}.ab-cta .ab-gt{background-image:linear-gradient(90deg,#fcb485,var(--r),#fcb485)}
.ab-cta p{max-width:660px;margin:0 auto 32px;font-size:1.12rem;line-height:1.85;color:rgba(255,255,255,.8)}
 
/* ---------- SECTION BACKGROUNDS (har section alag) ---------- */
@keyframes abSpinR{to{transform:rotate(-360deg)}}
@keyframes abTravel{0%{top:6%;opacity:0}15%{opacity:1}85%{opacity:1}100%{top:92%;opacity:0}}
.ab-s2{background:linear-gradient(180deg,#eaeffb,#f8faff)}
.ab-s2:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.7;background-image:radial-gradient(rgba(60,80,170,.16) 1.3px,transparent 1.3px);background-size:26px 26px;-webkit-mask-image:linear-gradient(180deg,#000,transparent 70%);mask-image:linear-gradient(180deg,#000,transparent 70%)}
.ab-why{background:linear-gradient(135deg,#e4eaff,#f3f0ff 55%,#e9efff)}
 
/* ---------- WHO WE TEACH ---------- */
.ab-s3{background:linear-gradient(160deg,#fff0e1 0,#ffdfc6 100%)}
.ab-s3:before{content:"";position:absolute;width:620px;height:620px;border-radius:50%;right:-220px;top:-240px;background:radial-gradient(circle,rgba(226,122,52,.3),transparent 68%);animation:abDrift 14s ease-in-out infinite;pointer-events:none}
.ab-shape{position:absolute;color:rgba(226,122,52,.5);animation:abFloat 7s ease-in-out infinite;pointer-events:none}
.ab-shape.sh1{top:9%;left:5%;font-size:2.4rem}.ab-shape.sh2{top:22%;right:7%;font-size:3.2rem;animation-delay:-2s;color:rgba(22,26,57,.2)}.ab-shape.sh3{bottom:34%;left:3%;font-size:2.6rem;animation-delay:-4s;color:rgba(22,26,57,.2)}.ab-shape.sh4{bottom:9%;right:9%;font-size:2.2rem;animation-delay:-1s}.ab-shape.sh5{top:58%;right:3%;font-size:2.4rem;animation-delay:-3s}
.ab-wt-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:26px 50px;margin-bottom:64px}
.ab-wt-t{max-width:680px}
.ab-pcards{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;align-items:start}
.ab-pcard{position:relative;overflow:hidden;min-height:300px;padding:38px 30px 34px;border-radius:36px;background:#fff;border:1.5px solid rgba(226,122,52,.25);box-shadow:0 24px 54px rgba(226,122,52,.16);display:flex;flex-direction:column;gap:22px;transition:transform .5s cubic-bezier(.16,1,.3,1),box-shadow .5s,border-color .4s;cursor:default}
.ab-pcard:nth-child(2){margin-top:44px}
.ab-pcard:before{content:"";position:absolute;right:-70px;bottom:-70px;width:150px;height:150px;border-radius:50%;background:linear-gradient(135deg,var(--p),#2b3270);transform:scale(0);transition:transform .7s cubic-bezier(.16,1,.3,1)}
.ab-pcard:hover:before{transform:scale(7)}
.ab-pcard:hover{transform:translateY(-14px);box-shadow:0 40px 70px rgba(22,26,57,.35);border-color:var(--p)}
.ab-pcard.in:nth-child(2):hover{transform:translateY(-14px)}
.ab-pn{position:absolute;top:14px;right:26px;font:800 4.4rem var(--font-heading,inherit);color:rgba(226,122,52,.14);transition:.5s;z-index:1}.ab-pcard:hover .ab-pn{color:rgba(255,255,255,.14);transform:scale(1.12)}
.ab-orb{position:relative;z-index:1;width:92px;height:92px;border-radius:50%;display:grid;place-items:center;font-size:2.2rem;color:#fff;background:linear-gradient(135deg,var(--r),#f7a15f);box-shadow:0 18px 34px rgba(226,122,52,.4);transition:.55s cubic-bezier(.3,1.6,.5,1)}
.ab-orb:after{content:"";position:absolute;inset:-9px;border-radius:50%;border:2px dashed rgba(226,122,52,.55);animation:abSpin 14s linear infinite;transition:border-color .4s}
.ab-pcard:hover .ab-orb{transform:rotate(-10deg) scale(1.12);background:#fff;color:var(--r)}.ab-pcard:hover .ab-orb:after{border-color:rgba(255,255,255,.7)}
.ab-pcard b{position:relative;z-index:1;font-size:1.22rem;line-height:1.55;font-weight:700;color:var(--p);transition:color .4s}.ab-pcard:hover b{color:#fff}
.ab-pg{position:absolute;z-index:1;right:26px;bottom:24px;width:46px;height:46px;border-radius:50%;display:grid;place-items:center;font-size:1.2rem;color:var(--r);background:#fff7f1;border:1px solid rgba(226,122,52,.3);opacity:0;transform:translate(-10px,10px) scale(.8);transition:.45s cubic-bezier(.3,1.6,.5,1)}
.ab-pcard:hover .ab-pg{opacity:1;transform:none;background:var(--r);color:#fff;border-color:var(--r)}
.ab-city{position:relative;overflow:hidden;display:flex;align-items:stretch;margin-top:64px;border-radius:36px;background:#fff;border:1.5px solid rgba(226,122,52,.3);box-shadow:0 26px 56px rgba(226,122,52,.16);transition:transform .5s cubic-bezier(.16,1,.3,1),box-shadow .5s}
.ab-city:hover{transform:translateY(-8px);box-shadow:0 36px 70px rgba(226,122,52,.3)}
.ab-radar{position:relative;flex:none;width:200px;display:grid;place-items:center;background:linear-gradient(135deg,var(--r),#c4521a);overflow:hidden}
.ab-radar span{position:absolute;width:80px;height:80px;border-radius:50%;border:2px solid rgba(255,255,255,.7);animation:abRing 3s ease-out infinite}.ab-radar span:nth-child(2){animation-delay:1s}.ab-radar span:nth-child(3){animation-delay:2s}
.ab-radar i{position:relative;font-size:3rem;color:#fff;animation:abFloat 3s ease-in-out infinite;transition:transform .5s}.ab-city:hover .ab-radar i{transform:scale(1.25) rotate(-10deg)}
.ab-city p{margin:0;padding:34px 40px;font-size:1.2rem;line-height:1.8;font-weight:600;color:var(--p)}
 
/* ---------- PSEB ---------- */
.ab-s5{color:#fff;background:linear-gradient(135deg,#ee6d1f 0,#e27a34 45%,#bf4c14 100%)}
.ab-blob{position:absolute;border-radius:50%;filter:blur(60px);pointer-events:none;animation:abDrift 13s ease-in-out infinite}.ab-blob.b1{width:420px;height:420px;top:-140px;left:-100px;background:rgba(255,255,255,.28)}.ab-blob.b2{width:380px;height:380px;bottom:-160px;right:-80px;background:rgba(22,26,57,.4);animation-delay:-6s}
.ab-dots2{position:absolute;inset:0;pointer-events:none;opacity:.5;background-image:radial-gradient(rgba(255,255,255,.28) 1.4px,transparent 1.4px);background-size:30px 30px;-webkit-mask-image:radial-gradient(ellipse at 20% 50%,#000,transparent 70%);mask-image:radial-gradient(ellipse at 20% 50%,#000,transparent 70%)}
.ab-s5 .ab-h2{color:#fff}.ab-s5 .ab-gt{background-image:linear-gradient(90deg,#fff,#161a39,#fff)}
.ab-tag-w{background:rgba(255,255,255,.2);border-color:rgba(255,255,255,.55);color:#fff;box-shadow:none}
.ab-seal2{position:relative;width:min(100%,430px);aspect-ratio:1;margin:0 auto;display:grid;place-items:center}
.ab-ringtxt{position:absolute;inset:0;width:100%;height:100%;animation:abSpin 36s linear infinite}.ab-ringtxt text{fill:#fff;font:800 21px var(--font-heading,inherit);letter-spacing:2px}
.ab-seal2 .rp{position:absolute;inset:22%;border-radius:50%;border:2px solid rgba(255,255,255,.6);animation:abRing 3.6s ease-out infinite}.ab-seal2 .r2{animation-delay:1.8s}
.ab-seal-core{position:relative;z-index:2;width:46%;aspect-ratio:1;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:#fff;background:linear-gradient(145deg,#161a39,#2b3270);border:8px solid #fff;box-shadow:0 34px 70px rgba(22,26,57,.5);transition:transform .6s cubic-bezier(.3,1.6,.5,1);animation:abFloat 6s ease-in-out infinite}
.ab-seal-core i{font-size:2.7rem;color:var(--r);transition:.6s}.ab-seal-core b{font:800 1.35rem var(--font-heading,inherit);letter-spacing:3px}
.ab-seal2:hover .ab-seal-core{transform:scale(1.1) rotate(-5deg)}.ab-seal2:hover .ab-seal-core i{transform:rotate(360deg);color:#fcb485}
.ab-cert{position:absolute;z-index:3;right:-10px;bottom:6%;width:200px;padding:18px 18px 16px;border-radius:18px;background:#fff;color:var(--p);box-shadow:0 26px 50px rgba(22,26,57,.4);rotate:8deg;animation:abFloat 5s ease-in-out infinite;transition:rotate .5s cubic-bezier(.3,1.6,.5,1),box-shadow .4s}
.ab-cert:hover{rotate:0deg;box-shadow:0 34px 64px rgba(22,26,57,.55)}
.ab-cert>i{font-size:1.6rem;color:var(--r)}.ab-cert b{display:block;margin:6px 0 10px;font-size:.82rem;line-height:1.35;color:var(--p)}
.ab-cert u{display:block;height:6px;border-radius:4px;background:#e9ecf3;margin-top:6px;text-decoration:none}.ab-cert u+u{width:70%}
.ab-cert em{position:absolute;right:14px;bottom:12px;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;font:800 .62rem var(--font-heading,inherit);font-style:normal;letter-spacing:1px;color:#fff;background:var(--r);animation:abSpin 12s linear infinite paused}
.ab-cert:hover em{animation-play-state:running}
.ab-steps{position:relative;margin-top:26px}
.ab-steps:before{content:"";position:absolute;left:44px;top:34px;bottom:34px;width:3px;border-radius:3px;background:rgba(255,255,255,.35)}
.ab-steps:after{content:"";position:absolute;left:39px;width:13px;height:13px;border-radius:50%;background:#fff;box-shadow:0 0 0 6px rgba(255,255,255,.3);animation:abTravel 3.6s ease-in-out infinite}
.ab-step{position:relative;overflow:hidden;display:flex;gap:20px;align-items:center;margin-bottom:16px;padding:20px 26px 20px 20px;border-radius:26px;color:#fff;background:rgba(255,255,255,.14);border:1.5px solid rgba(255,255,255,.38);backdrop-filter:blur(10px);transition:transform .45s cubic-bezier(.16,1,.3,1),background .35s,box-shadow .4s}
.ab-step:before{content:"";position:absolute;inset:0;background:radial-gradient(260px circle at var(--x,50%) var(--y,50%),rgba(255,255,255,.28),transparent 62%);opacity:0;transition:opacity .3s}
.ab-step:hover{transform:translateX(14px);background:rgba(255,255,255,.24);box-shadow:0 22px 44px rgba(22,26,57,.3)}.ab-step:hover:before{opacity:1}
.ab-step .n{position:relative;z-index:1;flex:none;width:50px;height:50px;border-radius:50%;display:grid;place-items:center;font:800 1.2rem var(--font-heading,inherit);color:var(--p);background:#fff;box-shadow:0 10px 22px rgba(22,26,57,.3);transition:.5s cubic-bezier(.3,1.6,.5,1)}
.ab-step:hover .n{transform:rotate(360deg) scale(1.14);background:var(--p);color:#fff}
.ab-step p{position:relative;margin:0;color:#fff;font-weight:600;line-height:1.65}
.ab-btn-w2{background:#fff;color:var(--p)}.ab-btn-w2 i:first-child{color:var(--r)}.ab-btn-w2:hover{background:var(--p);color:#fff;transform:translateY(-5px);box-shadow:0 22px 44px rgba(22,26,57,.45)}
 
/* ---------- PROMISE ---------- */
.ab-s9{color:#fff;background:radial-gradient(800px 480px at 12% 8%,rgba(226,122,52,.3),transparent 62%),linear-gradient(145deg,#1b2160,#12163a 60%,#0e1131)}
.ab-rays{position:absolute;left:30%;top:50%;width:1500px;height:1500px;margin:-750px 0 0 -750px;pointer-events:none;background:repeating-conic-gradient(rgba(255,255,255,.05) 0 9deg,transparent 9deg 18deg);animation:abSpin 140s linear infinite;-webkit-mask-image:radial-gradient(circle,#000 0,transparent 62%);mask-image:radial-gradient(circle,#000 0,transparent 62%)}
.ab-s9 .ab-h2{color:#fff}.ab-s9 .ab-gt{background-image:linear-gradient(90deg,#fcb485,var(--r),#fcb485)}
.ab-vault{position:relative;width:min(100%,380px);aspect-ratio:1;margin:0 auto;display:grid;place-items:center}
.ab-orbit2{position:absolute;inset:4%;border-radius:50%;border:2px dashed rgba(255,255,255,.35);animation:abSpin 26s linear infinite}
.ab-orbit2 i{position:absolute;width:50px;height:50px;border-radius:16px;display:grid;place-items:center;font-size:1.4rem;color:var(--r);background:#fff;box-shadow:0 14px 30px rgba(0,0,0,.4);animation:abSpinR 26s linear infinite;transition:background .3s,color .3s}
.ab-orbit2 i:hover{background:var(--r);color:#fff}
.ab-orbit2 i:nth-child(1){top:-25px;left:calc(50% - 25px)}.ab-orbit2 i:nth-child(2){bottom:12%;left:3%}.ab-orbit2 i:nth-child(3){bottom:12%;right:3%}
.ab-vault .rp{position:absolute;inset:26%;border-radius:50%;border:2px solid rgba(226,122,52,.7);animation:abRing 3.4s ease-out infinite}.ab-vault .r2{animation-delay:1.7s}
.ab-vault-core{position:relative;z-index:2;width:44%;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;font-size:4rem;color:#fff;background:linear-gradient(135deg,var(--r),#f7a15f);box-shadow:0 0 0 12px rgba(226,122,52,.2),0 34px 70px rgba(226,122,52,.5);animation:abFloat 5s ease-in-out infinite;transition:transform .6s cubic-bezier(.3,1.6,.5,1)}
.ab-vault:hover .ab-vault-core{transform:scale(1.12) rotate(-6deg)}
.ab-prgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:26px}
.ab-pr{position:relative;overflow:hidden;display:flex;flex-direction:column;gap:16px;padding:26px 24px;border-radius:26px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.16);backdrop-filter:blur(10px);transition:transform .45s cubic-bezier(.16,1,.3,1),background .35s,border-color .35s,box-shadow .4s;cursor:default}
.ab-pr:before{content:"";position:absolute;inset:0;background:radial-gradient(260px circle at var(--x,50%) var(--y,50%),rgba(226,122,52,.45),transparent 62%);opacity:0;transition:opacity .3s}
.ab-pr:hover{transform:translateY(-10px);border-color:rgba(226,122,52,.8);background:rgba(255,255,255,.11);box-shadow:0 26px 50px rgba(0,0,0,.4)}.ab-pr:hover:before{opacity:1}
.ab-pr .ic{position:relative;width:50px;height:50px;border-radius:15px;display:grid;place-items:center;font-size:1.4rem;color:var(--r);background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);transition:.45s cubic-bezier(.3,1.6,.5,1)}
.ab-pr:hover .ic{background:var(--r);color:#fff;border-color:var(--r);transform:rotate(-12deg) scale(1.14)}
.ab-pr b{position:relative;font-size:1.05rem;line-height:1.55;font-weight:600;color:#fff}
.ab-pr.no{border:1.5px dashed rgba(252,180,133,.65);background:rgba(226,122,52,.1)}
.ab-pr.no .ic{color:#fcb485}
 
/* ---------- responsive ---------- */
@media(max-width:991px){
 .ab-sec{padding:76px 0}.ab-hero{padding:40px 0 70px}
 .ab-stage{height:470px;max-width:520px;margin:10px auto 0}.ab-arch{height:440px;width:76%}.ab-pic2{width:200px;height:156px;left:-6px}.ab-orbit{width:350px;height:350px}
 .ab-fl.f2{right:-2px}.ab-fl.f3{right:-2px}
 .ab-space-img{height:340px}.ab-fl.f4{right:-4px}.ab-frame{inset:-8px 8px 8px -8px}
 .t7,.t5,.t4{grid-column:span 6}.ab-prom{flex-direction:column;text-align:left;padding:34px 28px}
}
@media(max-width:575px){.t7,.t5,.t4{grid-column:span 12}.ab-amen{grid-template-columns:repeat(2,1fr)}.ab-stats>div{padding:0 14px}.ab-fl.f3{display:none}.ab-big{font-size:3.4rem}.ab-do{padding:32px 24px 28px}.ab-wide{flex-direction:column;align-items:flex-start}.ab-quote{flex-direction:column;align-items:flex-start;padding:26px}.ab-cta{padding:56px 22px}}
@media(prefers-reduced-motion:reduce){.ab *,.ab *:before,.ab *:after{animation:none!important}.ab-rv{opacity:1;transform:none;filter:none}.ab-line>span{opacity:1}.ab-script:after{transform:scaleX(1)}}
@media(max-width:991px){.ab-pcards{grid-template-columns:1fr}.ab-pcard:nth-child(2){margin-top:0}.ab-pcard{min-height:0}.ab-city{flex-direction:column}.ab-radar{width:100%;height:150px}.ab-city p{padding:26px 24px}.ab-prgrid{grid-template-columns:1fr}.ab-cert{right:0;width:170px}.ab-wt-head{margin-bottom:44px}.ab-steps:before,.ab-steps:after{display:none}}
@media(max-width:575px){.ab-shape{display:none}.ab-pn{font-size:3.2rem}}
@media(prefers-reduced-motion:reduce){.ab-shape,.ab-blob,.ab-ringtxt,.ab-orb:after,.ab-rays,.ab-orbit2,.ab-orbit2 i,.ab-radar span,.ab-steps:after,.ab-seal-core,.ab-vault-core,.ab-cert{animation:none!important}}
 
/* =====================================================================
   ENHANCEMENTS v2 - extra animation + effects (add-on, nothing above changed)
   ===================================================================== */
@keyframes abCurtain{from{clip-path:inset(100% 0 0 0)}to{clip-path:inset(0 0 0 0)}}
@keyframes abPop{from{opacity:0;transform:scale(.55) rotate(-8deg)}to{opacity:1;transform:none}}
@keyframes abRise{0%{transform:translate(0,0) scale(.6);opacity:0}10%{opacity:.6}90%{opacity:.3}100%{transform:translate(var(--dx,30px),-680px) scale(1.15);opacity:0}}
@keyframes abMarq{to{transform:translateX(-50%)}}
@keyframes abRipple{from{transform:scale(0);opacity:.35}to{transform:scale(1);opacity:0}}
 
/* focus (keyboard) */
.ab a:focus-visible,.ab button:focus-visible{outline:3px solid var(--r);outline-offset:3px;border-radius:14px}
 
/* ---- hero: soft colour clouds + rising sparks ---- */
.ab-hero>.container{z-index:1}
.ab-hero:before,.ab-hero:after{content:"";position:absolute;z-index:0;border-radius:50%;filter:blur(80px);pointer-events:none;animation:abDrift 16s ease-in-out infinite}
.ab-hero:before{width:460px;height:460px;left:-160px;top:-120px;background:rgba(100,120,255,.16)}
.ab-hero:after{width:420px;height:420px;right:-140px;bottom:-140px;background:rgba(226,122,52,.2);animation-delay:-7s}
.ab-spark{position:absolute;z-index:0;bottom:-20px;left:var(--x,10%);width:var(--s,8px);height:var(--s,8px);border-radius:50%;background:var(--r);opacity:0;pointer-events:none;animation:abRise var(--t,12s) linear var(--dl,0s) infinite}
.ab-spark.alt{background:var(--p)}
 
/* hero picture: opens like a curtain once, then a soft shine passes */
.ab-arch{animation:abCurtain 1.25s cubic-bezier(.16,1,.3,1) .45s backwards}
.ab-pic2{animation:abPop .8s cubic-bezier(.3,1.6,.5,1) 1.05s backwards}
.ab-arch:before{content:"";position:absolute;z-index:2;top:0;left:-80%;width:45%;height:100%;transform:skewX(-18deg);pointer-events:none;background:linear-gradient(100deg,transparent,rgba(255,255,255,.45),transparent);animation:abShine 6.5s ease-in-out 2s infinite}
 
/* ---- course ticker ---- */
.ab-ticker{position:relative;overflow:hidden;padding:20px 0;background:linear-gradient(90deg,var(--p),#262c63 50%,var(--p));border-top:3px solid var(--r)}
.ab-track{display:flex;width:max-content;animation:abMarq 38s linear infinite;-webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}
.ab-ticker:hover .ab-track{animation-play-state:paused}
.ab-run{display:flex;flex:none}
.ab-run span{display:inline-flex;align-items:center;gap:14px;padding:0 30px;white-space:nowrap;font:700 1.12rem var(--font-heading,inherit);color:#fff;transition:color .3s,transform .3s cubic-bezier(.3,1.6,.5,1)}
.ab-run span i{color:var(--r);font-size:1.05rem;transition:transform .5s}
.ab-run span:hover{color:#fcb485;transform:scale(1.08)}.ab-run span:hover i{transform:rotate(180deg) scale(1.3)}
 
/* ---- headings: orange line draws itself ---- */
.ab-h2:after{content:"";display:block;width:0;height:5px;border-radius:5px;margin-top:14px;background:linear-gradient(90deg,var(--r),#fcb485);transition:width .9s cubic-bezier(.16,1,.3,1) .35s}
.ab-rv.in .ab-h2:after,.ab-h2.ab-rv.in:after{width:72px}
.text-center .ab-h2:after,.ab-why-in .ab-h2:after,.ab-cta .ab-h2:after{margin-inline:auto}
.ab-s5 .ab-h2:after{background:#fff}
 
/* ---- cards: light sweep on hover ---- */
.ab-member{overflow:hidden}
.ab-tile:after,.ab-pr:after,.ab-pcard:after,.ab-member:after{content:"";position:absolute;z-index:3;top:0;left:-70%;width:40%;height:100%;transform:skewX(-18deg);pointer-events:none;background:linear-gradient(100deg,transparent,rgba(255,255,255,.3),transparent);transition:left 0s}
.ab-tile:hover:after,.ab-pr:hover:after,.ab-pcard:hover:after,.ab-member:hover:after{left:130%;transition:left .9s cubic-bezier(.16,1,.3,1)}
 
/* ---- cards: gentle 3D tilt (value set by JS) ---- */
.ab-member:hover{transform:perspective(1000px) translateY(-14px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg))}
.ab-do:hover{transform:perspective(1000px) translateY(-12px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg))}
 
/* ---- pcards: stagger delay works now (was overridden by own transition) ---- */
.ab-pcard.ab-rv{transition:opacity .8s cubic-bezier(.16,1,.3,1) var(--d,0ms),filter .8s var(--d,0ms),transform .5s cubic-bezier(.16,1,.3,1),box-shadow .5s,border-color .4s}
 
/* ---- parallax (JS sets --py) ---- */
.ab-shape,.ab-glow,.ab-blob,.ab-cta-g1,.ab-cta-g2{translate:0 var(--py,0px)}
 
/* ---- button ripple ---- */
.ab-rip{position:absolute;z-index:0;border-radius:50%;pointer-events:none;background:currentColor;transform:scale(0);animation:abRipple .7s ease-out forwards}
 
/* ---- cursor glow (desktop only, JS adds it) ---- */
.ab-cur{position:fixed;left:0;top:0;z-index:9998;width:420px;height:420px;margin:-210px 0 0 -210px;border-radius:50%;pointer-events:none;background:radial-gradient(circle,rgba(226,122,52,.13),transparent 65%);opacity:0;transition:opacity .4s;will-change:transform}
.ab-cur.on{opacity:1}
 
/* ---- back to top with progress ring ---- */
.ab-top{position:fixed;left:22px;bottom:22px;z-index:9990;width:54px;height:54px;padding:0;border:0;border-radius:50%;display:grid;place-items:center;cursor:pointer;background:#fff;color:var(--p);box-shadow:0 14px 30px rgba(22,26,57,.22);opacity:0;visibility:hidden;transform:translateY(20px) scale(.8);transition:opacity .35s,visibility .35s,transform .45s cubic-bezier(.3,1.6,.5,1),background .3s,color .3s}
.ab-top.show{opacity:1;visibility:visible;transform:none}
.ab-top.show:hover{transform:translateY(-4px);background:var(--p);color:#fff}
.ab-top svg{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg)}
.ab-top circle{fill:none;stroke-width:3}
.ab-top .bg{stroke:var(--b)}
.ab-top .fg{stroke:var(--r);stroke-linecap:round;stroke-dasharray:132;stroke-dashoffset:132}
.ab-top i{position:relative;font-size:1.3rem}
 
@media(max-width:991px){.ab-run span{font-size:1rem;padding:0 22px}.ab-hero:before,.ab-hero:after{width:300px;height:300px}}
@media(max-width:575px){.ab-top{left:14px;bottom:14px;width:48px;height:48px}.ab-spark:nth-of-type(n+6){display:none}}
@media(prefers-reduced-motion:reduce){
 .ab-spark,.ab-hero:before,.ab-hero:after,.ab-arch,.ab-arch:before,.ab-pic2,.ab-track{animation:none!important}
 .ab-h2:after{width:72px;transition:none}
 .ab-cur{display:none}
 .ab-track{flex-wrap:wrap;width:auto;justify-content:center}.ab-run:nth-child(2){display:none}
 .ab-shape,.ab-glow,.ab-blob,.ab-cta-g1,.ab-cta-g2{translate:none}
}
 
/* =====================================================================
   COLOUR FIX v3 - "PSEB" and "How We Teach" now LIGHT (site's own navy + orange only)
   ===================================================================== */
 
/* ---- How We Teach: light, like the home hero ---- */
.ab-dark{color:var(--p);background:radial-gradient(800px 460px at 92% -5%,rgba(226,122,52,.14),transparent 62%),radial-gradient(700px 460px at -5% 105%,rgba(226,122,52,.08),transparent 62%),linear-gradient(180deg,#f8f9fb,#fff)}
.ab-dark:before{background-image:radial-gradient(rgba(22,26,57,.14) 1.2px,transparent 1.2px)}
.ab-dark .ab-h2{color:var(--p)}
.ab-dark .ab-gt{background-image:linear-gradient(90deg,var(--p),var(--r),#f7a15f,var(--r),var(--p))}
.ab-tag-d{background:#fff;border-color:var(--b);color:var(--r);box-shadow:0 8px 22px rgba(226,122,52,.12)}
.ab-tile{background:#fff;border-color:var(--b);backdrop-filter:none;box-shadow:0 14px 34px rgba(22,26,57,.07)}
.ab-tile:before{background:radial-gradient(300px circle at var(--x,50%) var(--y,50%),rgba(226,122,52,.16),transparent 62%)}
.ab-tile:hover{background:#fff;border-color:var(--r);box-shadow:0 26px 50px rgba(226,122,52,.22)}
.ab-tile small{color:var(--r)}
.ab-tile b{color:var(--p)}
.ab-ic{background:#f5f7fa;border-color:var(--b);color:var(--r)}
.ab-tile:hover .ab-ic{background:var(--r);color:#fff;border-color:var(--r)}
.ab-wide{background:linear-gradient(120deg,#fff7f1,#fff)}
.ab-tile:after{background:linear-gradient(100deg,transparent,rgba(226,122,52,.14),transparent)}
 
/* ---- PSEB section: light peach, orange accents ---- */
.ab-s5{color:var(--p);background:linear-gradient(135deg,#fff7f1 0,#fde9d9 100%)}
.ab-blob.b1{background:rgba(226,122,52,.2)}
.ab-blob.b2{background:rgba(247,161,95,.28)}
.ab-dots2{background-image:radial-gradient(rgba(22,26,57,.14) 1.4px,transparent 1.4px)}
.ab-s5 .ab-h2{color:var(--p)}
.ab-s5 .ab-gt{background-image:linear-gradient(90deg,var(--p),var(--r),#f7a15f,var(--r),var(--p))}
.ab-tag-w{background:#fff;border-color:var(--b);color:var(--r);box-shadow:0 8px 22px rgba(226,122,52,.12)}
.ab-ringtxt text{fill:var(--r)}
.ab-seal2 .rp{border-color:rgba(226,122,52,.5)}
.ab-seal-core{background:linear-gradient(145deg,var(--r),#f7a15f);box-shadow:0 30px 60px rgba(226,122,52,.35)}
.ab-seal-core i,.ab-seal2:hover .ab-seal-core i{color:#fff}
.ab-cert{box-shadow:0 22px 44px rgba(22,26,57,.18)}
.ab-steps:before{background:rgba(226,122,52,.3)}
.ab-steps:after{background:var(--r);box-shadow:0 0 0 6px rgba(226,122,52,.22)}
.ab-step{color:var(--p);background:#fff;border-color:rgba(226,122,52,.3);backdrop-filter:none;box-shadow:0 12px 28px rgba(226,122,52,.12)}
.ab-step:before{background:radial-gradient(260px circle at var(--x,50%) var(--y,50%),rgba(226,122,52,.14),transparent 62%)}
.ab-step:hover{background:#fff;border-color:var(--r);box-shadow:0 20px 40px rgba(226,122,52,.22)}
.ab-step p{color:var(--p)}
.ab-step .n{color:#fff;background:var(--r);box-shadow:0 10px 20px rgba(226,122,52,.35)}
.ab-step:hover .n{background:var(--p);color:#fff}
.ab-btn-w2{background:var(--p);color:#fff}
.ab-btn-w2:hover{background:var(--r);color:#fff;box-shadow:0 20px 40px rgba(226,122,52,.38)}
.ab-btn-w2 i:first-child{color:#fcb485}
.ab-s5 .ab-h2:after{background:linear-gradient(90deg,var(--r),#fcb485)}
.ab-pr:after,.ab-pcard:after,.ab-member:after{background:linear-gradient(100deg,transparent,rgba(255,255,255,.3),transparent)}
 
/* =====================================================================
   HERO BLEND FIX - hero flows straight out of the header (no seam, no foreign colour)
   ===================================================================== */
.ab-hero{background:#fff}
.ab-hero:before{width:520px;height:520px;left:-200px;top:38%;background:rgba(226,122,52,.09)}
.ab-hero:after{width:460px;height:460px;right:-160px;bottom:-60px;background:rgba(226,122,52,.12)}
/* soft white fade at the very top so nothing is cut at the header edge */
.ab-hero>.ab-grid{-webkit-mask-image:linear-gradient(180deg,transparent,#000 160px),radial-gradient(ellipse at 65% 40%,#000,transparent 72%);-webkit-mask-composite:source-in;mask-image:linear-gradient(180deg,transparent,#000 160px),radial-gradient(ellipse at 65% 40%,#000,transparent 72%);mask-composite:intersect}
 
 
/* =====================================================================
   DR. ALI AMIN SECTION (photo animation + text)
   ===================================================================== */
.ab-ceo{position:relative;max-width:470px;margin:0 auto;padding:30px 30px 44px}
.ab-ceo-blob{position:absolute;left:50%;top:48%;width:380px;height:380px;margin:-190px 0 0 -190px;border-radius:50%;background:rgba(226,122,52,.24);filter:blur(60px);pointer-events:none;animation:abDrift 12s ease-in-out infinite}
.ab-ceo-ring{position:absolute;z-index:1;left:50%;top:50%;width:108%;aspect-ratio:1;border-radius:50%;border:2px dashed rgba(226,122,52,.55);translate:calc(-50% + var(--mx,0)*-14px) calc(-50% + var(--my,0)*-10px);transition:translate .3s ease-out;animation:abSpin 40s linear infinite;pointer-events:none}
.ab-ceo-ring.r2{width:92%;border:2px solid rgba(22,26,57,.12);animation:abSpinR 28s linear infinite}
.ab-ceo-ring.r2:after{content:"";position:absolute;left:50%;top:-7px;width:14px;height:14px;margin-left:-7px;border-radius:50%;background:var(--r);box-shadow:0 0 0 6px rgba(226,122,52,.2)}
.ab-ceo-dots{position:absolute;z-index:1;right:-6px;bottom:-2px;width:150px;height:150px;border-radius:20px;opacity:.6;background-image:radial-gradient(var(--r) 2px,transparent 2.6px);background-size:18px 18px;translate:calc(var(--mx,0)*-10px) calc(var(--my,0)*-8px);transition:translate .3s ease-out}
.ab-ceo-sh{position:absolute;z-index:4;color:var(--r);pointer-events:none;animation:abFloat 5s ease-in-out infinite}
.ab-ceo-sh.c1{left:0;top:16%;font-size:1.7rem}
.ab-ceo-sh.c2{right:-4px;top:52%;font-size:1.3rem;color:var(--p);animation-delay:-2s}
.ab-ceo-sh.c3{left:10px;bottom:18%;font-size:1.5rem;animation-delay:-3.4s}
.ab-ceo-frame{position:relative;z-index:2;height:540px;overflow:hidden;border-radius:230px 230px 40px 40px;border:8px solid #fff;background:linear-gradient(145deg,#eef1f9,#fde9d9);box-shadow:0 40px 80px rgba(226,122,52,.3),0 0 0 1.5px rgba(226,122,52,.35);translate:calc(var(--mx,0)*8px) calc(var(--my,0)*6px);transition:translate .25s ease-out,border-radius .9s cubic-bezier(.16,1,.3,1)}
.ab-ceo:hover .ab-ceo-frame{border-radius:40px}
.ab-rv.in .ab-ceo-frame{animation:abCurtain 1.3s cubic-bezier(.16,1,.3,1) .35s backwards}
.ab-ceo-frame img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center top}
.ab-ceo:hover .ab-ceo-frame img{transform:scale(1.08)}
.ab-ceo-frame:before{content:"";position:absolute;z-index:3;top:0;left:-80%;width:45%;height:100%;transform:skewX(-18deg);pointer-events:none;background:linear-gradient(100deg,transparent,rgba(255,255,255,.45),transparent);animation:abShine 6.5s ease-in-out 2s infinite}
.ab-ceo-frame:after{content:"";position:absolute;z-index:2;left:0;right:0;bottom:0;height:34%;pointer-events:none;background:linear-gradient(180deg,transparent,rgba(22,26,57,.3))}
.ab-ceo-badge{position:absolute;z-index:6;top:0;right:-2px;width:124px;height:124px;border-radius:50%;display:grid;place-items:center;font-size:1.5rem;color:var(--r);background:#fff;border:1.5px solid rgba(226,122,52,.35);box-shadow:0 18px 40px rgba(226,122,52,.28);translate:calc(var(--mx,0)*20px) calc(var(--my,0)*14px);transition:translate .25s ease-out}
.ab-ceo-badge svg{position:absolute;inset:0;width:100%;height:100%;animation:abSpin 20s linear infinite}
.ab-ceo-badge text{fill:var(--r);font:800 12.5px var(--font-heading,inherit);letter-spacing:1.4px}
.ab-ceo-badge i{position:relative;animation:abPulse 2.4s infinite;border-radius:50%}
.ab-ceo-card{position:absolute;z-index:6;left:-6px;bottom:76px;display:flex;align-items:center;gap:12px;padding:14px 22px 14px 14px;border-radius:22px;background:#fff;border:1.5px solid rgba(226,122,52,.4);box-shadow:0 22px 44px rgba(22,26,57,.2);translate:calc(var(--mx,0)*-16px) calc(var(--my,0)*-12px);transition:translate .25s ease-out}
.ab-ceo-card>div{animation:abFloat 5.2s ease-in-out infinite}
.ab-ceo-card b{display:block;font:800 1.02rem var(--font-heading,inherit);color:var(--p)}
.ab-ceo-card small{display:block;font-weight:700;font-size:.8rem;color:var(--r)}
.ab-ceo-ic{flex:none;width:46px;height:46px;border-radius:14px;display:grid;place-items:center;font-size:1.3rem;color:#fff;background:linear-gradient(135deg,var(--r),#f7a15f);box-shadow:0 10px 20px rgba(226,122,52,.35)}
.ab-ceo-pill{display:inline-flex;align-items:center;gap:10px;margin:2px 0 20px;padding:10px 20px;border-radius:50px;background:#fff;border:1.5px solid rgba(226,122,52,.4);font-weight:800;color:var(--p);box-shadow:0 12px 28px rgba(226,122,52,.14)}
.ab-ceo-pill i{color:var(--r)}
.ab-ceo-txt p{color:var(--m);font-size:1.08rem;line-height:1.95;margin-bottom:16px}
.ab-ceo-line{display:block;width:100%;max-width:340px;height:4px;margin-top:26px;border-radius:4px;background:linear-gradient(90deg,var(--r),#fcb485,transparent);transform:scaleX(0);transform-origin:left;transition:transform 1.2s cubic-bezier(.16,1,.3,1) .6s}
.ab-ceo-line.in{transform:none}
@media(max-width:991px){.ab-ceo-frame{height:470px}.ab-ceo-badge{width:104px;height:104px}.ab-ceo-card{bottom:64px}}
@media(max-width:575px){.ab-ceo{padding:24px 18px 40px}.ab-ceo-frame{height:420px;border-radius:190px 190px 32px 32px}.ab-ceo-badge{width:92px;height:92px;right:0}.ab-ceo-badge text{font-size:12px}.ab-ceo-card{left:0;padding:11px 16px 11px 11px}.ab-ceo-dots{width:110px;height:110px}}
@media(prefers-reduced-motion:reduce){.ab-ceo-ring,.ab-ceo-badge svg,.ab-ceo-frame,.ab-ceo-frame:before{animation:none!important}.ab-ceo-line{transform:none}}
 
 
/* =====================================================================
   OUR TEAM v2 - wide horizontal cards (photo left, text right), light look
   ===================================================================== */
.ab-init{background:linear-gradient(145deg,#fff7f1,#fde9d9);color:var(--r)}
.ab-init:before{border-color:rgba(226,122,52,.55)}
.ab-team2 .ab-member{display:grid;grid-template-columns:42% 1fr;grid-template-rows:auto auto;column-gap:30px;align-items:center;text-align:left;padding:22px 34px 22px 22px;border-radius:38px;box-shadow:0 18px 44px rgba(22,26,57,.07)}
.ab-team2 .ab-member:before{content:"";position:absolute;right:-70px;top:-70px;width:200px;height:200px;border-radius:50%;background:radial-gradient(circle,rgba(226,122,52,.18),transparent 70%);pointer-events:none;transition:transform .6s}
.ab-team2 .ab-member:hover:before{transform:scale(1.6)}
.ab-team2 .ab-photo{grid-row:1/span 2;height:100%;min-height:340px;margin:0;border-radius:150px 28px 28px 28px}
.ab-team2 .ab-member:hover .ab-photo{border-radius:28px}
.ab-team2 .ab-member h3{align-self:end;position:relative;margin:0 0 6px;font-size:1.6rem;line-height:1.25}
.ab-team2 .ab-member h3:after{content:"";display:block;width:46px;height:4px;margin-top:12px;border-radius:4px;background:linear-gradient(90deg,var(--r),#fcb485);transition:width .5s cubic-bezier(.16,1,.3,1)}
.ab-team2 .ab-member:hover h3:after{width:100px}
.ab-team2 .ab-member p{align-self:start;position:relative;max-width:none;margin:10px 0 0;font-size:1.04rem;line-height:1.85}
@media(max-width:767px){
 .ab-team2 .ab-member{grid-template-columns:1fr;padding:22px}
 .ab-team2 .ab-photo{grid-row:auto;height:300px;min-height:0;margin-bottom:22px;border-radius:26px 26px 110px 110px}
 .ab-team2 .ab-member:hover .ab-photo{border-radius:26px}
}