/* Edupensar — Products & Platforms: styles used only on this page */
.sh{position:relative;overflow:hidden;margin-top:-148px;padding:230px clamp(20px,5vw,64px) 0;background:linear-gradient(180deg,var(--ed-white) 0px,#E8EFFD 110px,#B5CCF7 175px,#7199EF 230px,#527DE9 290px,#3A65E1 345px,#1F4FE0 460px,#123FC8 640px,#0A2C9C 820px,#071E73 1000px,#05144F 100%);color:var(--ed-white)}
.ab-title{font-size:clamp(48px,7vw,116px) !important;max-width:1180px}
.nv{aspect-ratio:1672/941 !important;-webkit-mask-image:none !important;mask-image:none !important;max-width:1500px;margin-left:auto !important;margin-right:auto !important;width:100% !important}
.ab-tag{margin:8px 0 64px;font-size:clamp(14px,1.2vw,18px);letter-spacing:.4em;color:var(--ed-sky)}
.ab-tag i{font-style:normal;color:var(--ed-blue-light)}
.pt-viz{aspect-ratio:1905/760 !important;-webkit-mask-image:none !important;mask-image:none !important;max-width:1400px;width:100% !important;margin:clamp(16px,2vw,32px) auto clamp(48px,5vw,80px) !important}
.bt-grid{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:clamp(40px,6vw,96px);align-items:center}
.bt-vis{display:flex;justify-content:center}
.bt-venn{width:100%;max-width:520px;height:auto;overflow:visible}
@media all{
.bt-l{animation:btL 6s ease-in-out infinite}.bt-r{animation:btR 6s ease-in-out infinite}
@keyframes btL{0%,100%{transform:translateX(-14px)}50%{transform:translateX(6px)}}
@keyframes btR{0%,100%{transform:translateX(14px)}50%{transform:translateX(-6px)}}
}
.op-grid{margin-top:clamp(56px,6vw,88px);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.op-card{min-height:280px !important}
.op-card p{max-height:none !important;opacity:1 !important;margin-top:0 !important}
.op-card h3{font-size:22px}
.sc .chip2:last-child{grid-column:auto}
.sc .enq-send{max-width:none;flex:0 0 auto;white-space:nowrap}
@media (max-width:960px){.bt-grid{grid-template-columns:1fr}.op-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:600px){.op-grid{grid-template-columns:1fr}.op-card{min-height:0 !important}}
.bt-grid{grid-template-columns:minmax(0,4fr) minmax(0,8fr) !important;gap:clamp(24px,3vw,48px) !important}
.bt-hs{position:relative;width:122%;max-width:none;margin-right:-14%}
@media (max-width:960px){.bt-hs{width:100%;margin-right:0}}
.bt-hs img{display:block;width:100%;height:auto}
.bt-dots{position:absolute;inset:-6%;pointer-events:none}
.bt-dots i{position:absolute;width:var(--s);height:var(--s);background:var(--c);rotate:45deg;opacity:.0}
@media all{
.bt-hs img{animation:hsFloat 6s ease-in-out infinite}
@keyframes hsFloat{0%,100%{translate:0 0}50%{translate:0 -8px}}
.bt-dots i{animation:hsDot 6s ease-in-out infinite;animation-delay:calc(var(--d) * -1)}
@keyframes hsDot{0%{opacity:0;translate:0 10px}30%{opacity:.8}70%{opacity:.6}100%{opacity:0;translate:0 -26px}}
}
@media not all{.bt-dots i{opacity:.6}}
.pf-tag{margin-top:18px;font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--ed-sky)}
.pf-win{width:400px;max-width:100%}
.pf-split>*{min-width:0}
.pf-card{clip-path:none !important;scale:1 !important}
.pf-view{height:262px;overflow:hidden}
.pf-hero{position:relative;width:100%;max-width:1200px;height:clamp(420px,42vw,600px);margin:clamp(48px,5vw,72px) auto clamp(56px,6vw,96px)}
.pf-glow{position:absolute;left:50%;top:55%;width:80%;height:70%;translate:-50% -50%;background:radial-gradient(ellipse,rgba(76,147,255,.55),rgba(76,147,255,0) 65%)}
.pf-hero .pf-win{position:absolute;box-shadow:0 40px 80px -30px rgba(2,4,26,.7)}
.pf-h-c{left:50%;top:6%;zoom:1.55;translate:-50% 0;z-index:3}
.pf-h-l{left:2%;top:26%;zoom:1.05;z-index:2;rotate:-4deg;opacity:.92}
.pf-h-r{right:2%;top:30%;zoom:1.05;z-index:2;rotate:4deg;opacity:.92}
.pf-chip{position:absolute;z-index:4;display:inline-flex;align-items:center;gap:10px;padding:12px 16px;background:rgba(6,22,90,.8);border:1px solid rgba(170,210,255,.5);color:var(--ed-white);font-family:'Geist Mono',monospace;font-size:12px;letter-spacing:.06em;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.pf-chip1{left:14%;top:6%}
.pf-chip2{right:12%;bottom:8%}
.pf-dot{width:8px;height:8px;background:#3BE0A0}
@media all{
.pf-h-c{animation:pfF 6s ease-in-out infinite}
.pf-h-l{animation:pfF 7s ease-in-out -2s infinite}
.pf-h-r{animation:pfF 6.6s ease-in-out -4s infinite}
.pf-chip1{animation:pfF 5s ease-in-out -1s infinite}.pf-chip2{animation:pfF 5.6s ease-in-out -3s infinite}
.pf-dot{animation:enqBlink 2s ease-in-out infinite}
@keyframes pfF{0%,100%{translate:var(--tx,0) 0}50%{translate:var(--tx,0) -12px}}
.pf-h-c{--tx:-50%}
.pf-shot .pf-win{animation:pfF 7s ease-in-out infinite}
}
.ap-grid{margin-top:clamp(56px,6vw,88px);display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
.ap-card{min-height:280px !important}
.ap-card p{max-height:none !important;opacity:1 !important;margin-top:0 !important}
.ap-card .ghead{margin-bottom:14px}
.pf-quote{margin-top:clamp(40px,4vw,56px);padding-top:28px;border-top:1px solid var(--ed-line);font-size:clamp(22px,2.2vw,30px);letter-spacing:-.02em;color:var(--ed-navy)}
.pf-quote em{font-style:normal;color:var(--ed-blue)}
.ph-close{margin-top:clamp(40px,4vw,56px);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:24px 40px}
.ph-close p{font-size:clamp(22px,2.2vw,30px);letter-spacing:-.02em}
.ph-close p span{color:var(--ed-sky)}
.lf .gic{flex:0 0 auto;width:44px;height:44px;align-self:flex-start}
.lf .gic svg{width:20px;height:20px}
.sh .sh-sub+.sh-sub{font-size:clamp(17px,1.4vw,20px);color:var(--ed-text-on-dark);max-width:620px;line-height:1.55}
.ap-card .b-tag{max-height:none !important;opacity:1 !important;margin-top:-6px !important;font-size:15px;font-weight:500;color:var(--ed-blue)}
.ap-card h3{font-size:20px}
.pf-split{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:clamp(40px,6vw,96px);align-items:center}
.pf-rev>:first-child{order:2}
.pf-k{display:flex;align-items:center;gap:12px;font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--ed-blue)}
.pf-k span{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;background:var(--ed-blue);color:var(--ed-white);letter-spacing:0}
.pf-lead{margin-top:22px;font-size:17px;line-height:1.65;color:var(--ed-text-muted);max-width:520px}
.pf-pts{list-style:none;margin:28px 0 0;padding:0;display:flex;flex-direction:column;gap:12px}
.pf-pts li{display:flex;align-items:center;gap:14px;font-size:17px;letter-spacing:-.01em}
.pf-chk{flex-shrink:0;width:26px;height:26px;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--ed-blue-pale) 0%,var(--ed-blue-mid) 45%,var(--ed-blue-deep) 100%);color:var(--ed-white)}
.pf-close{margin-top:28px;padding-top:24px;border-top:1px solid var(--ed-line);font-size:19px;letter-spacing:-.015em;color:var(--ed-blue);max-width:520px}
.pf-shot{position:relative;display:flex;justify-content:center;padding:clamp(24px,3vw,48px) 0}
.pf-shot::before{content:"";position:absolute;inset:6% 4%;background:radial-gradient(ellipse,rgba(76,147,255,.28),rgba(76,147,255,0) 70%)}
.pf-shot .pf-win{position:relative;zoom:1.45;box-shadow:0 40px 80px -36px rgba(5,10,52,.45)}
.pf-shot-d .pf-win{box-shadow:0 40px 80px -30px rgba(0,0,0,.7)}
.lf-grid{list-style:none;margin:clamp(56px,6vw,88px) 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid rgba(175,233,253,.16);border-left:1px solid rgba(175,233,253,.16)}
.lf{display:flex;gap:18px;align-items:flex-start;padding:30px 28px;border-right:1px solid rgba(175,233,253,.16);border-bottom:1px solid rgba(175,233,253,.16);transition:background .4s ease}
.lf:hover{background:rgba(76,147,255,.06)}
.lf h3{font-size:18px;font-weight:500;letter-spacing:-.01em}
.lf p{margin-top:6px;font-size:15px;line-height:1.55;color:var(--ed-text-on-dark)}
.hub-wrap{width:100%;max-width:1300px;margin:32px auto 24px}
.hub{width:100%;height:auto;display:block;overflow:visible}
.ba-grid{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:clamp(32px,6vw,96px);align-items:end}
.ba-r{display:flex;flex-direction:column;gap:16px;font-size:17px;line-height:1.65;color:var(--ed-text-muted)}
.ba-big{font-size:clamp(22px,2vw,28px);line-height:1.3;letter-spacing:-.02em;color:var(--ed-navy)}
.ba-foot{margin-top:16px;padding-top:24px;border-top:1px solid var(--ed-line);display:flex;flex-direction:column;align-items:flex-start;gap:18px;color:var(--ed-blue);font-size:18px}
@media (max-width:1080px){.ap-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.lf-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:960px){.pf-split{grid-template-columns:1fr}.pf-rev>:first-child{order:0}.pf-shot .pf-win{zoom:1}.pf-hero{height:auto;display:flex;justify-content:center}.pf-hero .pf-win{position:relative;left:auto;top:auto;translate:none;--tx:0}.pf-h-l,.pf-h-r,.pf-chip{display:none}.pf-h-c{zoom:.85}}
@media (max-width:960px){.ba-grid{grid-template-columns:1fr;align-items:start}}
.hub-m{display:none}
@media (max-width:600px){.ap-grid,.lf-grid{grid-template-columns:1fr}.ap-card{min-height:0 !important}.hub-wrap .hub{display:none}.hub-m{display:flex;flex-direction:column;align-items:center;gap:10px;position:relative}.hub-m::before{content:"";position:absolute;top:0;bottom:0;left:50%;width:1px;background:rgba(170,205,255,.5)}.hub-core{position:relative;width:84px;height:84px;margin:22px 0;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--ed-blue-light),#1E5BF0 55%,#0A2FB8);rotate:45deg;box-shadow:0 0 60px rgba(76,147,255,.8)}.hub-core img{width:34px;rotate:-45deg}.hub-n{position:relative;display:flex;align-items:center;gap:12px;width:220px;padding:8px;background:#0A2A9E;border:1px solid rgba(150,190,255,.6);font-size:13px;letter-spacing:.12em;text-transform:uppercase}.hub-n .gic{width:36px;height:36px}.hub-n .gic svg{width:18px;height:18px}}
.sh .pf-hero.pf-hero-img{max-width:none;width:100vw;height:auto;flex:none;margin:clamp(48px,5.4vw,78px) 0 0;display:block}
.pf-vis{--s:max(min(100vw,1440px),620px);position:relative;height:calc(var(--s) * 0.43333);overflow:hidden}
.pf-bgs{position:absolute;top:0;bottom:0;left:50%;width:calc(var(--s) * 1.2097);max-width:none;transform:translateX(-50%);overflow:hidden;-webkit-mask-image:radial-gradient(50% 50% at 50% 50%,#000 0%,rgba(0,0,0,.86) 14%,rgba(0,0,0,.86) 40%,rgba(0,0,0,.27) 66%,transparent 100%);mask-image:radial-gradient(50% 50% at 50% 50%,#000 0%,rgba(0,0,0,.86) 14%,rgba(0,0,0,.86) 40%,rgba(0,0,0,.27) 66%,transparent 100%)}
.pf-row{position:absolute;left:0;opacity:.58}
.pf-row-t{top:calc(var(--s) * 0.04375);height:calc(var(--s) * 0.21806)}
.pf-row-b{top:calc(var(--s) * 0.27917);height:calc(var(--s) * 0.20278)}
.pf-track{display:flex;width:max-content;height:100%;will-change:transform}
.pf-track img{display:block;height:100%;width:auto;max-width:none}
.pf-row-t .pf-track{transform:translateX(-50%);animation:pfRowR 80s linear infinite}
.pf-row-b .pf-track{animation:pfRowL 80s linear infinite}
@keyframes pfRowR{from{transform:translateX(-50%)}to{transform:translateX(0)}}
@keyframes pfRowL{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media not all{.pf-row .pf-track{animation:none}}
.pf-tablet{position:absolute;z-index:1;bottom:0;left:50%;width:calc(var(--s) * 0.66319);height:auto;max-width:none;transform:translateX(calc(-50% + var(--s) * 0.03229))}
.pf-shot.pf-img::before{display:none}
.pf-shot.pf-img{padding:0}
.pf-shot.pf-img img{display:block;width:100%;height:auto}
@media all{.pf-shot.pf-img img{animation:pfF 7s ease-in-out infinite}}
@media (max-width:960px){
  
  .bt-grid{grid-template-columns:1fr !important}
}
@media (max-width:600px){
  
  .bcard{min-height:0 !important}
  
  .ax-title{margin-top:16px}
}
