/* Bharat AI Innovation 2026, version 3. Education page layout plus event pieces: event pass,
   compact friction finder and a find-us route. Same tokens as the education page. */
#education-v2.ev3{--ev-blue:#4a8bf5;--ev-purple:#8a5af0;--ev-card:#fff;--ev-soft:#f4f1e8}
#education-v2 .ev3-hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}

#education-v2 .ev3-finder{display:grid;gap:clamp(20px,2.4vw,36px);align-items:start}
#education-v2 .ev3-pick{display:grid;gap:22px;min-width:0}
#education-v2 .ev3-personas{display:flex;gap:4px;padding:5px;border:1px solid var(--line);border-radius:999px;background:var(--bg);width:fit-content;max-width:100%;overflow-x:auto;scrollbar-width:none}
#education-v2 .ev3-personas::-webkit-scrollbar{display:none}
#education-v2 .ev3-personas button{flex:none;min-height:44px;padding:10px 18px;border:0;border-radius:999px;background:transparent;font:400 15px/1.2 var(--g);color:var(--ink);cursor:pointer;transition:background .2s}
#education-v2 .ev3-personas button:hover{background:#f1eee6}
#education-v2 .ev3-personas button[aria-checked=true]{background:var(--yel)}
#education-v2 .ev3-headline{margin:0;font:300 clamp(26px,2.3vw,38px)/1.18 var(--os);color:var(--ink);letter-spacing:-.01em}
#education-v2 .ev3-challenges{display:grid;gap:8px}
#education-v2 .ev3-challenges>[data-challenge]{position:relative;display:grid;gap:4px;text-align:left;padding:14px 18px 14px 46px;border:1px solid var(--line);border-radius:16px;background:var(--ev-card);color:var(--ink);cursor:pointer;transition:border-color .2s,background .2s}
#education-v2 .ev3-challenges>[data-challenge]::before{content:"";position:absolute;left:17px;top:18px;width:16px;height:16px;border-radius:50%;border:1.5px solid #b9b3a8;transition:border-color .2s,box-shadow .2s}
#education-v2 .ev3-challenges>[data-challenge]:hover{border-color:var(--ink)}
#education-v2 .ev3-challenges>[data-challenge] b{font:500 16.5px/1.35 var(--g)}
#education-v2 .ev3-challenges>[data-challenge] small{font:400 14.5px/1.45 var(--g);color:var(--mut)}
#education-v2 .ev3-challenges>[data-challenge][aria-checked=true]{border-color:var(--ink);background:var(--lemon)}
#education-v2 .ev3-challenges>[data-challenge][aria-checked=true]::before{border-color:var(--ink);box-shadow:inset 0 0 0 4px var(--lemon),inset 0 0 0 9px var(--ink)}
#education-v2 .ev3-result{position:relative;display:grid;gap:18px;padding:clamp(22px,2.6vw,38px);border-radius:26px;background:var(--ev-card);border:1px solid var(--line);overflow:hidden;min-width:0}
#education-v2 .ev3-result::before{content:"";position:absolute;inset:0 0 auto;height:4px;background:linear-gradient(90deg,var(--ev-blue),var(--ev-purple),var(--yel))}
#education-v2 .ev3-result.is-swap{animation:ev3-swap .45s cubic-bezier(.2,.7,.2,1)}
@keyframes ev3-swap{
from{opacity:.4;transform:translateY(8px)}
to{opacity:1;transform:none}}
#education-v2 .ev3-result-kicker{font:500 13px/1.4 var(--g);letter-spacing:.08em;text-transform:uppercase;color:var(--mut)}
#education-v2 .ev3-result h3{margin:0;font:300 clamp(26px,2.2vw,36px)/1.18 var(--os);color:var(--ink);letter-spacing:-.01em}
#education-v2 .ev3-services{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
#education-v2 .ev3-services li{padding:6px 12px;border-radius:999px;background:#e8f0fe;color:#1a5fcc;font:400 13.5px/1.3 var(--g)}
#education-v2 .ev3-flip{display:grid;gap:12px;padding:16px;border-radius:18px;background:var(--bg);border:1px solid var(--line)}
#education-v2 .ev3-flip-head{display:flex;align-items:center;gap:12px;font:500 13px/1 var(--g);letter-spacing:.06em;text-transform:uppercase;color:var(--mut)}
#education-v2 .ev3-switch{position:relative;width:52px;height:30px;border-radius:999px;border:1px solid var(--ink);background:var(--bg);cursor:pointer;flex:none;padding:0}
#education-v2 .ev3-switch i{position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:var(--ink);transition:transform .35s cubic-bezier(.2,.7,.2,1),background .35s}
#education-v2 .ev3-switch[aria-checked=true]{background:var(--yel);border-color:var(--yel)}
#education-v2 .ev3-switch[aria-checked=true] i{transform:translateX(22px)}
#education-v2 .ev3-steps{list-style:none;margin:0;padding:0;display:grid;gap:6px}
#education-v2 .ev3-steps li{display:grid;grid-template-columns:26px 1fr auto;align-items:center;gap:10px;min-height:44px;padding:8px 12px;border-radius:12px;background:var(--ev-card);border:1px solid var(--line);overflow:hidden;position:relative}
#education-v2 .ev3-steps .ev3-n{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;border:1px solid var(--line);font:400 12px var(--g);color:var(--mut);transition:background .4s calc(var(--i)*90ms),border-color .4s calc(var(--i)*90ms),color .4s}
#education-v2 .ev3-steps .ev3-b,#education-v2 .ev3-steps .ev3-a{grid-column:2;grid-row:1;font:400 15px/1.35 var(--g);transition:opacity .35s calc(var(--i)*90ms),transform .35s calc(var(--i)*90ms) cubic-bezier(.2,.7,.2,1)}
#education-v2 .ev3-steps .ev3-b{color:var(--mut)}
#education-v2 .ev3-steps .ev3-a{opacity:0;transform:translateY(12px);color:var(--ink);font-weight:500}
#education-v2 .ev3-steps .ev3-cap{grid-column:3;grid-row:1;padding:3px 9px;border-radius:999px;background:#efe7fd;color:#7546dc;font:400 12px/1.3 var(--g);opacity:0;transform:translateX(8px);transition:opacity .35s calc(var(--i)*90ms + 80ms),transform .35s calc(var(--i)*90ms + 80ms)}
#education-v2 .ev3-steps.is-after li{border-color:#e6d9a8}
#education-v2 .ev3-steps.is-after .ev3-n{background:var(--yel);border-color:var(--yel);color:var(--ink)}
#education-v2 .ev3-steps.is-after .ev3-b{opacity:0;transform:translateY(-12px)}
#education-v2 .ev3-steps.is-after .ev3-a{opacity:1;transform:none}
#education-v2 .ev3-steps.is-after .ev3-cap{opacity:1;transform:none}
#education-v2 .ev3-note{margin:0;font:400 13px/1.4 var(--g);color:var(--mut)}
#education-v2 .ev3-result-foot{display:flex;flex-wrap:wrap;align-items:center;gap:14px 22px}
#education-v2 .ev3-closest{font:400 15px/1.4 var(--g);color:var(--mut);text-decoration:none;border-bottom:1px solid #8f9995;padding-block:6px}
#education-v2 .ev3-closest span{color:var(--ink)}
#education-v2 .ev3-closest:hover{border-color:var(--ink)}
@media(min-width:1000px){
#education-v2 .ev3-finder{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)}
#education-v2 .ev3-result{position:sticky;top:calc(var(--hh,82px) + 90px)}}
@media(max-width:760px){
#education-v2 .ev3-steps li{grid-template-columns:24px 1fr}
#education-v2 .ev3-steps .ev3-cap{grid-column:2;grid-row:2;justify-self:start}
#education-v2 .ev3-steps:not(.is-after) .ev3-cap{display:none}}
#education-v2 .ev3-find-wrap{padding-block:clamp(48px,6vw,96px);border-top:1px solid var(--line2)}
#education-v2 .ev3-find{display:grid;gap:24px;align-items:center;padding:clamp(24px,3vw,44px);border-radius:26px;background:var(--ink);color:#fbfaf7;overflow:hidden;position:relative}
#education-v2 .ev3-find .ev3-pass-kicker{font:500 13px/1.4 var(--g);letter-spacing:.08em;text-transform:uppercase;color:var(--yel)}
#education-v2 .ev3-find-copy{display:grid;gap:16px;max-width:52ch}
#education-v2 .ev3-find-title{margin:0;font:300 clamp(32px,3.6vw,56px)/1.08 var(--os);letter-spacing:-.02em;color:#fbfaf7}
#education-v2 .ev3-find-body{margin:0;font:400 17px/1.65 var(--g);color:#cfcad8}
#education-v2 .ev3-route{width:100%;height:auto;max-height:240px;overflow:visible}
#education-v2 .ev3-route-line{fill:none;stroke:#6b6577;stroke-width:2;stroke-dasharray:6 8;animation:ev3-dash 1.6s linear infinite}
@keyframes ev3-dash{
to{stroke-dashoffset:-28}}
#education-v2 .ev3-pin circle{fill:#24202c;stroke:#fbfaf7;stroke-width:1.5}
#education-v2 .ev3-pin text{fill:#fbfaf7;font:400 14px var(--g)}
#education-v2 .ev3-pin-y circle{fill:var(--yel);stroke:var(--yel)}
#education-v2 .ev3-walker{fill:var(--yel)}
@media(min-width:900px){
#education-v2 .ev3-find{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}
#education-v2 .case.ev3-glow{animation:ev3-glow 1.8s ease-out}
@keyframes ev3-glow{
0%{box-shadow:0 0 0 0 rgba(255,200,0,.0)}
20%{box-shadow:0 0 0 6px rgba(255,200,0,.9)}
100%{box-shadow:0 0 0 0 rgba(255,200,0,0)}}
#education-v2 .ev3-form .capture-fields{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:560px){
#education-v2 .ev3-form .capture-fields{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){
#education-v2 .ev3-walker{display:none}
#education-v2 .ev3-steps *,#education-v2 .ev3-switch i{transition:none!important}}
@media(max-width:760px){#education-v2 .ev3-challenges>[data-challenge]:not([aria-checked=true]) small{display:none}#education-v2 .ev3-challenges>[data-challenge]{padding-block:12px}}
@media(max-width:560px){#education-v2 .ev3-personas{display:grid;grid-template-columns:1fr 1fr;width:100%;border-radius:22px}#education-v2 .ev3-personas button{padding-inline:10px}}


/* Event pass: hangs from the navigation and slides down on arrival */
#education-v2 section.ev3-pass-wrap{padding-block:0!important;overflow:clip}
#education-v2 .ev3-pass{position:relative;display:grid;grid-template-columns:1fr;border:1px solid var(--line);border-top:0;border-radius:0 0 28px 28px;background:#fff;overflow:hidden;box-shadow:0 30px 60px -40px rgba(20,16,25,.25)}
#education-v2 .ev3-pass::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 78% -10%,rgba(255,200,0,.16),transparent 42%),radial-gradient(circle at -5% 110%,rgba(74,139,245,.12),transparent 45%)}
#education-v2 .ev3-pass::after{content:"";position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(rgba(20,16,25,.07) 1px,transparent 1.2px);background-size:18px 18px;-webkit-mask-image:linear-gradient(115deg,transparent 35%,#000 100%);mask-image:linear-gradient(115deg,transparent 35%,#000 100%)}
#education-v2 .ev3-pass-main{position:relative;z-index:1;padding:clamp(26px,3.2vw,52px);display:grid;gap:clamp(16px,1.6vw,24px);align-content:start}
#education-v2 .ev3-pass-top{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
#education-v2 .ev3-live{display:inline-flex;align-items:center;gap:8px;font:500 13px/1 var(--g);letter-spacing:.08em;text-transform:uppercase;color:var(--ink)}
#education-v2 .ev3-live i{width:8px;height:8px;border-radius:50%;background:#22a861;box-shadow:0 0 0 0 rgba(34,168,97,.45);animation:ev3-pulse 2.2s infinite}
@keyframes ev3-pulse{70%{box-shadow:0 0 0 9px rgba(34,168,97,0)}100%{box-shadow:0 0 0 0 rgba(34,168,97,0)}}
#education-v2 .ev3-date-chip{display:inline-flex;align-items:center;height:28px;padding:0 12px;border-radius:999px;background:var(--lemon);border:1px solid #f0d77a;font:500 13px/1 var(--g);color:var(--ink)}
#education-v2 .ev3-pass-event{margin:0;font:500 clamp(42px,5.6vw,92px)/.98 var(--os);letter-spacing:-.025em;color:var(--ink);max-width:none;text-wrap:balance}
#education-v2 .ev3-pass-event .ul::after{height:.1em;bottom:.04em}
#education-v2 .ev3-pass-copy{display:grid;gap:8px;max-width:64ch}
#education-v2 .ev3-pass-title{margin:0;font:300 clamp(24px,2.1vw,32px)/1.2 var(--os);letter-spacing:-.01em;color:var(--ink)}
#education-v2 .ev3-pass-line{margin:0;font:400 clamp(16px,1.15vw,18px)/1.6 var(--g);color:var(--mut)}
#education-v2 .ev3-pass-meta{list-style:none;margin:6px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
#education-v2 .ev3-pass-meta li{display:flex;align-items:flex-start;gap:12px;padding:14px;border:1px solid var(--line);border-radius:16px;background:rgba(251,250,247,.85)}
#education-v2 .ev3-pass-meta li>span:last-child{display:grid;gap:3px;min-width:0}
#education-v2 .ev3-pass-meta small{font:500 11.5px/1.3 var(--g);letter-spacing:.08em;text-transform:uppercase;color:var(--mut)}
#education-v2 .ev3-pass-meta b{font:500 15.5px/1.35 var(--g);color:var(--ink)}
#education-v2 .ev3-ic{flex:none;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--yel)}
#education-v2 .ev3-ic svg{width:18px;height:18px;fill:none;stroke:var(--ink);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
#education-v2 .ev3-pass-stub{position:relative;z-index:1;padding:clamp(24px,3vw,44px);display:grid;gap:14px;align-content:center;justify-items:start;background:var(--lemon);border-top:2px dashed #e6c95c}
#education-v2 .ev3-stub-title{margin:0;font:400 clamp(28px,2.4vw,38px)/1.1 var(--os);letter-spacing:-.01em;color:var(--ink)}
#education-v2 .ev3-stub-note{margin:0 0 8px;font:400 15.5px/1.55 var(--g);color:var(--mut);max-width:30ch}
@media(min-width:1000px){
 #education-v2 .ev3-pass{grid-template-columns:1fr minmax(260px,300px)}
 #education-v2 .ev3-pass-meta{grid-template-columns:repeat(4,minmax(0,1fr))}
 #education-v2 .ev3-pass-stub{border-top:0;border-left:2px dashed #e6c95c}
 #education-v2 .ev3-pass-stub::after{content:"";position:absolute;left:-15px;bottom:-15px;width:28px;height:28px;border-radius:50%;background:var(--bg);border:1px solid var(--line)}
}
@media(max-width:520px){#education-v2 .ev3-pass-meta{grid-template-columns:1fr 1fr;gap:8px}#education-v2 .ev3-pass-meta li{flex-direction:column;gap:8px;padding:12px}#education-v2 .ev3-ic{width:30px;height:30px}#education-v2 .ev3-ic svg{width:15px;height:15px}#education-v2 .ev3-pass-meta b{font-size:14.5px}#education-v2 .ev3-pass{border-radius:0 0 22px 22px}}

/* Arrival: the panel drops from behind the navigation, then its contents settle in */
#education-v2 .ev3-pass{animation:ev3-drop .95s cubic-bezier(.16,1,.3,1) both}
@keyframes ev3-drop{from{transform:translateY(-104%)}to{transform:none}}
#education-v2 .ev3-pass-main>*,#education-v2 .ev3-pass-meta li,#education-v2 .ev3-pass-stub>*{animation:ev3-settle .6s cubic-bezier(.2,.8,.2,1) both}
@keyframes ev3-settle{from{opacity:0;transform:translateY(-14px)}to{opacity:1;transform:none}}
#education-v2 .ev3-pass-top{animation-delay:.45s!important}
#education-v2 .ev3-pass-event{animation-delay:.55s!important}
#education-v2 .ev3-pass-copy{animation-delay:.68s!important}
#education-v2 .ev3-pass-meta{animation:none!important}
#education-v2 .ev3-pass-meta li:nth-child(1){animation-delay:.8s}
#education-v2 .ev3-pass-meta li:nth-child(2){animation-delay:.88s}
#education-v2 .ev3-pass-meta li:nth-child(3){animation-delay:.96s}
#education-v2 .ev3-pass-meta li:nth-child(4){animation-delay:1.04s}
#education-v2 .ev3-pass-stub>*:nth-child(1){animation-delay:.6s}
#education-v2 .ev3-pass-stub>*:nth-child(2){animation-delay:.75s}
#education-v2 .ev3-pass-stub>*:nth-child(3){animation-delay:.9s}
@media(prefers-reduced-motion:reduce){
 #education-v2 .ev3-pass,#education-v2 .ev3-pass *{animation:none!important}
}

/* Yantra chapters: all four on desktop as a compact list that follows the film; one at a time on phones */
@media(min-width:761px){
 #education-v2 .ych.yantra-story{gap:8px}
 #education-v2 .ych.yantra-story .yantra-chapters{display:none}
 #education-v2 .ych.yantra-story>button{min-height:0;padding:14px 18px;border-radius:14px;background:#fff;transition:background .3s,border-color .3s}
 #education-v2 .ych.yantra-story>button b{font-size:clamp(17px,1.25vw,21px)!important;line-height:1.3!important}
 #education-v2 .ych.yantra-story>button span{font-size:clamp(15px,1vw,16.5px)!important;margin-top:6px;display:none}
 #education-v2 .ych.yantra-story>button[aria-current=true] span{display:block}
 #education-v2 .ych.yantra-story>button:not([aria-current=true]) b{color:var(--mut)}
 #education-v2 .ych.yantra-story>button:not([aria-current=true]):hover{border-color:var(--ink)}
}
@media(max-width:760px){
 #education-v2 .ych.yantra-story>button{min-height:0!important}
 #education-v2 .ych .yantra-chapters button{font-size:12.5px!important;padding-inline:2px!important}
}

/* Stub illustration: what the 20 minutes gives a visitor (no product claims) */
#education-v2 .ev3-pass-stub{background:linear-gradient(180deg,#fff7d6 0%,var(--lemon) 100%)}
#education-v2 .ev3-stub-art{width:100%;max-width:400px;height:auto;margin:0 0 8px;overflow:visible}
#education-v2 .ev3-art-lines path{fill:none;stroke:#c9b46a;stroke-width:1.6;stroke-dasharray:4 5;animation:ev3-dash 1.4s linear infinite}
#education-v2 .ev3-art-in rect{fill:#fff;stroke:#e3d7a8}
#education-v2 .ev3-art-in path{fill:none;stroke:#c8c1b4;stroke-width:3;stroke-linecap:round}
#education-v2 .ev3-art-in circle{fill:#e4572e}
#education-v2 .ev3-art-node circle{fill:var(--yel)}
#education-v2 .ev3-art-node .ev3-art-ring{fill:none;stroke:var(--ink);stroke-width:1.2;stroke-dasharray:3 6;transform-origin:165px 46px;animation:ev3-spin 9s linear infinite}
#education-v2 .ev3-art-node .ev3-art-clock{fill:#fff;stroke:var(--ink);stroke-width:1.6}
#education-v2 .ev3-art-hand{fill:none;stroke:var(--ink);stroke-width:1.6;stroke-linecap:round;transform-origin:165px 46px;animation:ev3-spin 6s linear infinite}
#education-v2 .ev3-art-out rect{fill:var(--ink)}
#education-v2 .ev3-art-out circle{fill:var(--yel);transform-origin:248px 46px;animation:ev3-pop 2.4s ease-in-out infinite}
#education-v2 .ev3-art-tick{fill:none;stroke:var(--ink);stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
#education-v2 .ev3-art-doc{fill:none;stroke:#6b6577;stroke-width:3;stroke-linecap:round}
#education-v2 .ev3-art-dot{fill:var(--ink)}
#education-v2 .ev3-art-labels text{font:400 11.5px var(--g);fill:var(--mut);text-anchor:middle}
#education-v2 .ev3-art-labels text:nth-child(odd){font-weight:500;fill:var(--ink)}
@keyframes ev3-spin{to{transform:rotate(360deg)}}
@keyframes ev3-pop{0%,70%,100%{transform:scale(1)}80%{transform:scale(1.22)}}
#education-v2 .ev3-stub-title{font-weight:500!important}
@media(prefers-reduced-motion:reduce){#education-v2 .ev3-stub-art *{animation:none!important}#education-v2 .ev3-art-dot{display:none}}
@media(min-width:521px) and (max-width:999px){#education-v2 .ev3-pass-stub{grid-template-columns:minmax(0,300px) 1fr;column-gap:28px;align-items:center}#education-v2 .ev3-stub-art{grid-row:1/span 3}}

/* Proportion: the pass runs wider than the page grid so it reads as the lead banner;
   the stub takes about a third on wide screens so neither side feels empty */
#education-v2 .ev3-pass-wrap>.wrap{width:calc(100% - 2*clamp(12px,2.6vw,56px))!important;max-width:none}
@media(min-width:1000px){
 #education-v2 .ev3-pass{grid-template-columns:minmax(0,1fr) clamp(340px,30vw,500px)}
 #education-v2 .ev3-pass-stub{padding-inline:clamp(28px,3vw,52px)}
}
@media(min-width:1000px) and (max-width:1439px){#education-v2 .ev3-pass-meta{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Banner CTAs in the site's pill style */
#education-v2 .ev3-pass-ctas{display:flex;flex-wrap:wrap;gap:12px}
#education-v2 .ev3-pass-ctas .pill{height:auto;min-height:52px;padding:14px 26px;font:400 16px/1.2 var(--g)}
#education-v2 .ev3-pass-ctas .pill:not(.y){background:#fff}
#education-v2 .ev3-pass-ctas .pill:not(.y):hover{background:var(--ink);color:#fff}
#education-v2 .ev3-pass-main>.ev3-pass-ctas{animation-delay:1.12s;margin-top:4px}
@media(max-width:520px){#education-v2 .ev3-pass-ctas .pill{flex:1 1 auto;justify-content:center}}

/* Yantra film and chapters: same two-column grid as the heading row above, so the chapter list
   lines up with the description and the film fills its column; the list sits centred against the film */
@media(min-width:901px){
 #education-v2 #yantra .yan2{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:var(--education-gap)!important;align-items:center!important;width:100%;max-width:none}
 #education-v2 #yantra .yan2 .yfilmw{width:100%!important;max-width:680px!important;margin:0}
 #education-v2 #yantra .yan2 .yfilm{width:100%;border-radius:22px}
 #education-v2 #yantra .ych.yantra-story{width:100%;max-width:640px;justify-self:start;align-self:center;gap:10px}
 #education-v2 #yantra .ych.yantra-story>button{padding:16px 20px;column-gap:14px}
 #education-v2 #yantra .ych.yantra-story>button span{margin-top:8px}
 #education-v2 #yantra .yantra-status{margin-top:4px}
}

/* Page grid. One system for every section on wide screens:
   halves for an intro row (title left, description right) and for film or tool rows that answer it;
   thirds for a list beside a stage (finder, Medha, Clarity Capsule) and for the event pass (two thirds plus a one-third stub);
   vertical rhythm on the golden ratio: the gap from a section's intro to its content is 0.618 of the section padding. */
#education-v2.ev3{--ev3-pad:clamp(88px,8vw,150px);--ev3-head-gap:calc(var(--ev3-pad)*.618)}
#education-v2.ev3 .section{padding-block:var(--ev3-pad)}
#education-v2.ev3 .section>.wrap{gap:var(--ev3-head-gap)!important}
@media(min-width:1000px){
 /* Halves */
 #education-v2.ev3 .section .split{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:var(--education-gap)!important;align-items:end}
 #education-v2.ev3 .ev3-find{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--education-gap)}
 /* Thirds */
 #education-v2.ev3 .ev3-finder{grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:var(--education-gap)}
 #education-v2.ev3 .medg{grid-template-columns:minmax(0,1fr) minmax(0,2fr)!important;gap:var(--education-gap)!important}
 #education-v2.ev3 .play{grid-template-columns:minmax(0,1fr) minmax(0,2fr)!important;gap:var(--education-gap)!important}
 #education-v2.ev3 .ev3-pass{grid-template-columns:minmax(0,2fr) minmax(320px,1fr)!important}
 /* The persona switch wraps inside a one-third column instead of scrolling */
 #education-v2.ev3 .ev3-personas{flex-wrap:wrap;overflow:visible;border-radius:22px}
}
/* The closing statement sits one rhythm step below the FAQ, not a different amount */
#education-v2.ev3 #faq .wrap>div:last-child{padding-top:var(--ev3-head-gap)!important}
/* Hero: the form starts on the same halves line as every section description below it */
@media(min-width:1000px){
 #education-v2.ev3 .hero{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:var(--education-gap)!important}
 #education-v2.ev3 .hero .capture-form{justify-self:stretch;max-width:none;width:100%}
}

/* Optional problem box spans the form */
#education-v2 .ev3-form .ev3-wide{grid-column:1/-1}
#education-v2 .ev3-form textarea{display:block;width:100%;min-height:96px;margin-top:8px;padding:12px 14px;border:1px solid #dedbd2;border-radius:12px;background:#fbfaf7;color:#141019;font:400 16px/1.5 Geist,sans-serif;resize:vertical}
#education-v2 .ev3-form textarea:focus{outline:2px solid var(--ink);outline-offset:1px;background:#fff}

/* Type scale, ratio 1.25, anchored on the section title size (S):
   event name = S x 1.25 (the one dominant line), hero headline = S (same rank as section titles). */
#education-v2.ev3{--ev3-s:clamp(40px,4.5vw,86px)}
@media(max-width:760px){#education-v2.ev3{--ev3-s:clamp(36px,10vw,44px)}}
#education-v2.ev3 .ev3-pass-event{font-size:calc(var(--ev3-s)*1.25)!important}
#education-v2.ev3 .hero h1{font-size:var(--ev3-s)!important;line-height:1.06!important;letter-spacing:-.02em}
#education-v2.ev3 .section h2{font-size:var(--ev3-s)}
/* Hero balance: the form is trimmed so both columns end close together */
#education-v2.ev3 .ev3-form{gap:16px}
#education-v2.ev3 .ev3-form .capture-offers label{padding-block:12px}
#education-v2.ev3 .ev3-form textarea{min-height:72px}
#education-v2.ev3 .hero{align-items:center}

/* Compact offer choices: two short checkbox rows */
#education-v2.ev3 .ev3-form .capture-offers{gap:8px}
#education-v2.ev3 .ev3-form .capture-offers label{padding:12px 16px;align-items:center}
@media(max-width:760px){#education-v2.ev3 .section h2{font-size:var(--ev3-s)!important}}

/* Tighter field rhythm: label to input 6px, row to row 14px */
#education-v2.ev3 .ev3-form .capture-fields{row-gap:14px}
#education-v2.ev3 .ev3-form .capture-fields label>:is(input,select,textarea){margin-top:6px}
#education-v2.ev3 .ev3-form .capture-note{margin:0}

/* v4: an original network-globe background in the event's style (drawn from scratch, none of their assets).
   Placement rule: the globe lives inside the pass and straddles the divider, 80% of its width over the main
   column and 20% over the stub. event.js measures the divider and sizes the globe to the pass height.
   Layering: stub yellow paints first, the globe above it, all text and buttons above the globe. */
#education-v2 section.ev3-pass-wrap{overflow:visible;position:relative}
#education-v2 .ev3-pass{overflow:hidden!important;isolation:isolate}
#education-v2 .ev3-pass::after{display:none}
#education-v2 .ev4-bg{position:absolute;inset:0;pointer-events:none;z-index:0;overflow:hidden}
#education-v2 .ev4-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(20,16,25,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(20,16,25,.05) 1px,transparent 1px);background-size:44px 44px;-webkit-mask-image:radial-gradient(120% 90% at 70% 40%,#000 0%,transparent 75%);mask-image:radial-gradient(120% 90% at 70% 40%,#000 0%,transparent 75%)}
#education-v2 .ev4-net{position:absolute;z-index:1;pointer-events:none;left:0;top:0;width:600px;height:600px;overflow:visible;opacity:0;transition:opacity .4s;-webkit-mask-image:radial-gradient(closest-side,#000 82%,transparent 100%);mask-image:radial-gradient(closest-side,#000 82%,transparent 100%)}
#education-v2 .ev4-net.is-placed{opacity:.65}
#education-v2 .ev4-net line{stroke:#4a6cf5;stroke-width:.8}
#education-v2 .ev4-net circle{fill:#4f4a58}
#education-v2 .ev4-net circle.y{fill:url(#ev4hot)}
#education-v2 .ev4-net circle.h{fill:url(#ev4glow)}
#education-v2 .ev3-pass-main{position:relative;z-index:2}
#education-v2 .ev3-pass-stub{position:relative;z-index:auto!important}
#education-v2 .ev3-pass-stub>*{position:relative;z-index:2}
@media(max-width:999px){#education-v2 .ev4-net.is-placed{opacity:.4}}
/* Event name in the organiser's colours: the cyan to purple gradient of the Bengaluru Tech Summit logo on "Bharat AI", ink on the rest */
#education-v2 .ev4-saffron{background:linear-gradient(100deg,#1fb6e8 0%,#3d6df2 45%,#613af5 75%,#c43bd6 100%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;padding-right:.04em}

/* Quieter: the globe is a texture, not a feature. It fades out over the headline area and the stub text. */
#education-v2 .ev4-net{-webkit-mask-image:radial-gradient(closest-side,#000 68%,transparent 100%);mask-image:radial-gradient(closest-side,#000 68%,transparent 100%)}
#education-v2 .ev4-net circle.h{opacity:.7!important}

/* Persona switch: a 2 by 2 grid of equal segments instead of a wrapping row, so all four
   options line up and the selected pill is the same size as the others */
#education-v2.ev3 .ev3-personas{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;width:100%;padding:5px;border-radius:22px;overflow:visible}
#education-v2.ev3 .ev3-personas button{width:100%;justify-content:center;text-align:center;padding:10px 12px;white-space:nowrap}
@media(min-width:1800px){#education-v2.ev3 .ev3-personas{grid-template-columns:repeat(4,auto);justify-content:start;width:fit-content;border-radius:999px}}
@media(max-width:1799px){#education-v2.ev3 .ev3-personas button{padding:10px 8px;font-size:14.5px}}

/* Mobile pass (checked at 390 and 360 wide) */
@media(max-width:760px){
 /* Clarity chapters were 100% wide plus padding, so text ran 34px past the screen edge */
 #education-v2 .ch{box-sizing:border-box}
 /* Section rhythm sized for a phone: 64px between sections, 0.618 of that to the content */
 #education-v2.ev3{--ev3-pad:64px}
 /* Small labels in the illustrations read at about 13px instead of 8 to 10px */
 #education-v2 .ev3-art-labels text{font-size:14px}
 #education-v2 .ev3-pin text{font-size:26px}
 #education-v2 .ev3-route{max-height:180px}
 /* Partnership art is decoration on a phone, so it takes less height */
 #education-v2 .phase img{max-height:120px;width:auto}
 /* Video and walkthrough controls meet the 44px touch size */
 #education-v2 .yfilm .ctl{height:44px;padding:0 18px}
 #education-v2 .education-breadcrumb a{display:inline-block;padding-block:12px}
}
/* The Today / With Intelligaia switch keeps its look but gets a 44px touch area */
#education-v2 .ev3-switch::after{content:"";position:absolute;inset:-8px -6px}

/* Phone first, for people walking the floor (Rajiv's note): fewer things to read, booking always one tap away.
   Desktop is unchanged. */
@media(max-width:760px){
 /* Event pass: the line under the name says it already, and the two buttons sit side by side */
 #education-v2 .ev3-pass-title{display:none}
 #education-v2 .ev3-pass-ctas{display:grid;grid-template-columns:1fr 1fr;gap:8px}
 #education-v2 .ev3-pass-ctas .pill{min-height:48px;padding:10px 12px;font-size:15px;width:100%}
 /* Hero: the four platform points repeat Yantra below, so the form comes up sooner */
 #education-v2 .hero .trust{display:none}
 /* Screens too small to read on a phone give way to the words around them */
 #education-v2 .muiw,#education-v2 #yantra .hub>img,#education-v2 .phase img{display:none!important}
 /* Ask Intelligaia makes room for the booking bar on this page */
 .discovery-mini,.discovery-dock{display:none!important}
}
.ev4-dock{display:none}
@media(max-width:760px){
 .ev4-dock{position:fixed;left:12px;right:12px;bottom:max(12px,env(safe-area-inset-bottom));z-index:120;display:flex;gap:8px;padding:8px;border:1px solid #deded9;border-radius:20px;background:rgba(255,255,255,.96);box-shadow:0 12px 40px rgba(24,40,50,.16);transform:translateY(140%);transition:transform .35s cubic-bezier(.2,.8,.2,1)}
 .ev4-dock.on{transform:none}
 .ev4-dock a{flex:1;display:flex;align-items:center;justify-content:center;min-height:48px;border-radius:14px;font:500 15px/1.2 Geist,sans-serif;text-decoration:none;color:#04050A}
 .ev4-dock .book{background:#FFC800}
 .ev4-dock .see{flex:0 0 auto;padding:0 16px;border:1px solid #04050A;background:#fff}
 @media(prefers-reduced-motion:reduce){.ev4-dock{transition:none}}
}
@media(max-width:760px){#education-v2 .ev3-pass-wrap+section{padding-bottom:96px!important}footer.site-footer{padding-bottom:96px}}

/* Event pass, tighter (Rajiv: easy to read on the move). "Intelligaia at" sits small in front of the event name,
   the venue sits right under it, and the three details become one slim line instead of tall cards. */
#education-v2 .ev3-pass-event.ev4-event{font-size:var(--ev3-s)!important;line-height:1.05}
#education-v2 .ev4-who{font-weight:300;color:var(--ink)}
#education-v2 .ev4-venue{display:flex;align-items:center;gap:8px;margin:-6px 0 0;font:500 clamp(16px,1.2vw,19px)/1.3 var(--g);color:var(--ink)}
#education-v2 .ev4-venue svg{width:20px;height:20px;flex:none;fill:none;stroke:var(--ink);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
#education-v2 .ev3-pass-meta.ev4-meta{display:flex!important;flex-wrap:wrap;gap:8px 28px;margin:2px 0 0;grid-template-columns:none!important}
#education-v2 .ev4-meta li{flex-direction:row!important;align-items:center!important;gap:10px!important;padding:0!important;border:0!important;background:none!important;animation-delay:.8s!important}
#education-v2 .ev4-meta li>span:last-child{display:flex!important;align-items:baseline;gap:8px;flex-wrap:wrap}
#education-v2 .ev4-meta .ev3-ic{width:30px!important;height:30px!important}
#education-v2 .ev4-meta .ev3-ic svg{width:15px!important;height:15px!important}
#education-v2 .ev4-meta small{font-size:11px}
#education-v2 .ev4-meta b{font-size:15.5px!important}
@media(max-width:760px){#education-v2 .ev3-pass-meta.ev4-meta{flex-direction:column;gap:10px}}

/* Name on one line, "Intelligaia at" as a small line above it, so the heading takes one row instead of two */
#education-v2 .ev3-pass-event.ev4-event{font-size:calc(var(--ev3-s)*.95)!important}
#education-v2 .ev4-who{display:block;margin-bottom:6px;font:500 13px/1 var(--g);letter-spacing:.08em;text-transform:uppercase;color:var(--mut)}
#education-v2 .ev4-event .ev4-saffron{margin-right:.22em}
#education-v2 .ev4-event .ev4-saffron{margin-right:0}
@media(max-width:760px){#education-v2 .ev4-meta li>span:last-child{flex-direction:column;align-items:flex-start;gap:2px}}

/* Event look in the summit's own colours (blue to purple to magenta, faint network and binary texture),
   drawn here, with no organiser logo or emblem. The yellow stub stays ours. */
#education-v2 .ev3-pass{background:linear-gradient(100deg,#1666b8 0%,#2552a6 28%,#4a3a92 55%,#7a2c8f 80%,#a5307f 100%)!important;border-color:transparent!important;color:#fff}
#education-v2 .ev3-pass::before{background:radial-gradient(circle at 8% 20%,rgba(64,190,240,.35),transparent 40%),radial-gradient(circle at 92% 90%,rgba(230,80,190,.25),transparent 45%)!important}
#education-v2 .ev4-grid{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%22220%22%20height%3D%22150%22%3E%3Cg%20fill%3D%22%23ffffff%22%20fill-opacity%3D%22.09%22%20font-family%3D%22monospace%22%20font-size%3D%2216%22%3E%3Ctext%20x%3D%226%22%20y%3D%2224%22%3E0%201%200%200%201%201%200%201%3C/text%3E%3Ctext%20x%3D%226%22%20y%3D%2252%22%3E1%200%201%201%200%200%201%200%3C/text%3E%3Ctext%20x%3D%226%22%20y%3D%2280%22%3E0%200%201%200%201%201%201%200%3C/text%3E%3Ctext%20x%3D%226%22%20y%3D%22108%22%3E1%201%200%201%200%200%200%201%3C/text%3E%3Ctext%20x%3D%226%22%20y%3D%22136%22%3E0%201%201%200%200%201%200%201%3C/text%3E%3C/g%3E%3C/svg%3E")!important;background-size:220px 150px!important;-webkit-mask-image:linear-gradient(90deg,#000 0%,transparent 30%,transparent 70%,#000 100%)!important;mask-image:linear-gradient(90deg,#000 0%,transparent 30%,transparent 70%,#000 100%)!important}
#education-v2 .ev3-pass-main,#education-v2 .ev3-pass-main h2,#education-v2 .ev3-pass-main .ev3-pass-title,#education-v2 .ev4-venue,#education-v2 .ev4-meta b{color:#fff!important}
#education-v2 .ev3-pass-main .ev3-pass-line,#education-v2 .ev4-meta small{color:rgba(255,255,255,.78)!important}
#education-v2 .ev3-pass-main .ev3-live{color:#fff}
#education-v2 .ev3-pass-main .ev3-date-chip{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.35);color:#fff}
#education-v2 .ev4-venue svg{stroke:#fff}
#education-v2 .ev4-saffron{background:none!important;-webkit-text-fill-color:#fff!important;color:#fff!important}
#education-v2 .ev3-pass-ctas .pill:not(.y){background:transparent!important;border-color:#fff!important;color:#fff!important}
#education-v2 .ev3-pass-ctas .pill:not(.y):hover{background:#fff!important;color:#141019!important}
#education-v2 .ev4-net line{stroke:#ffffff!important}
#education-v2 .ev4-net circle{fill:#ffffff!important}
#education-v2 .ev4-net circle.y{fill:#7fd8ff!important}
#education-v2 .ev4-net circle.h{fill:url(#ev4glow)}
#education-v2 .ev3-pass-stub{border-left-color:rgba(255,255,255,.0)}
#education-v2 .ev3-pass-main :focus-visible{outline-color:#FFC800}
#education-v2 .ev4-net circle.h{fill:url(#ev4glow)!important}
#education-v2 .ev4-net circle:not(.h):not(.y){fill-opacity:.55}
@media(max-width:760px){#education-v2 .ev4-grid{opacity:.45}}
/* Phone balance: the event pass shows what matters at a glance and leaves the booking to the bottom bar */
@media(max-width:760px){
 #education-v2 .ev3-pass-main{gap:14px;padding:22px 20px}
 #education-v2 .ev4-venue{font-size:15px}
 #education-v2 .ev3-pass-line{font-size:15px;line-height:1.5}
 #education-v2 .ev3-pass-meta.ev4-meta{flex-direction:row;flex-wrap:wrap;gap:8px 16px}
 #education-v2 .ev4-meta li>span:last-child{flex-direction:row;align-items:baseline;gap:6px}
 #education-v2 .ev4-meta small{display:none}
 #education-v2 .ev4-meta b{font-size:14px!important}
 #education-v2 .ev3-pass-ctas .pill{min-height:44px;font-size:14px;padding:8px 10px}
 #education-v2 .ev3-pass-stub{padding:18px 20px;gap:8px}
 #education-v2 .ev3-stub-art,#education-v2 .ev3-pass-stub .pill{display:none}
 #education-v2 .ev3-stub-title{font-size:24px}
 #education-v2 .ev3-stub-note{font-size:14.5px;margin:0}
}
/* Shorter pass on desktop: tighter padding and gaps, slightly smaller name, the stub art and heading scaled to match */
@media(min-width:761px){
 #education-v2 .ev3-pass-main{padding:clamp(20px,2vw,32px) clamp(24px,3vw,52px);gap:12px}
 #education-v2 .ev3-pass-event.ev4-event{font-size:calc(var(--ev3-s)*.82)!important}
 #education-v2 .ev4-venue{margin:-4px 0 0}
 #education-v2 .ev3-pass-copy{gap:4px}
 #education-v2 .ev3-pass .ev3-pass-title{font-size:clamp(22px,1.8vw,28px)}
 #education-v2 .ev3-pass-ctas{margin-top:4px}
 #education-v2 .ev3-pass-ctas .pill{min-height:46px;padding:10px 22px}
 #education-v2 .ev3-pass-stub{padding:clamp(18px,2vw,30px) clamp(24px,2.6vw,44px);gap:10px}
 #education-v2 .ev3-stub-art{max-width:300px;margin:0 0 2px}
 #education-v2 .ev3-stub-title{font-size:clamp(24px,2vw,34px)!important;line-height:1.08}
 #education-v2 .ev3-stub-note{margin:0 0 4px}
}

/* Find-us banner CTAs: same pair as the pass, yellow first, white outline second */
#education-v2 .ev3-find-ctas{display:flex;flex-wrap:wrap;gap:12px;margin-top:8px}
#education-v2 .ev3-find-ctas .pill:not(.y){color:#fbfaf7;border-color:rgba(251,250,247,.7);background:transparent}
#education-v2 .ev3-find-ctas .pill:not(.y):hover{background:rgba(251,250,247,.1)}

/* Remove the leftover ticket notch at the bottom of the stub divider */
#education-v2 .ev3-pass-stub::after{display:none!important;content:none!important}

/* Stacked finder: the answer opens under the chosen challenge as one joined card */
@media(max-width:999px){
 #education-v2 .ev3-challenges>[data-challenge][aria-checked=true]{border-radius:16px 16px 0 0;border-bottom-color:transparent}
 #education-v2 .ev3-result.is-inline{margin-top:-8px;border-color:var(--ink);border-top:0;border-radius:0 0 16px 16px;padding:18px 18px 22px;gap:16px}
 #education-v2 .ev3-result.is-inline::before{left:18px;right:18px;height:1px;background:rgba(17,17,17,.15)}
 #education-v2 .ev3-result.is-inline h3{font-size:24px}
}

/* Phone pass buttons: one line each, the longer label gets the wider column */
@media(max-width:760px){
 #education-v2 .ev3-pass-ctas{grid-template-columns:auto auto}
 #education-v2 .ev3-pass-ctas .pill{white-space:nowrap;padding:8px 10px!important;font-size:14px!important;min-height:46px!important}
 #education-v2 .ev3-result-foot .pill{width:100%;justify-content:center;white-space:nowrap;font-size:15px;padding-inline:14px}
}
@media(max-width:420px){
 #education-v2 .ev3-result-foot .ev-in{display:none}
}
/* Keep the finder's left column inside its track, and avoid a one-word last line in the find-us title */
#education-v2 .ev3-pick{min-width:0}
#education-v2 .ev3-find-title{text-wrap:balance}
/* Tablet, stacked finder: "Who you are" as separate chips */
@media(min-width:761px) and (max-width:1199px){
 #education-v2.ev3 .ev3-personas{display:flex!important;flex-wrap:wrap;gap:8px;width:100%;padding:0;border:0;border-radius:0;background:none}
 #education-v2.ev3 .ev3-personas button{width:auto;min-height:44px;padding:10px 18px;border:1px solid var(--line);border-radius:999px;background:var(--ev-card,#fff);font-size:15px}
 #education-v2.ev3 .ev3-personas button:hover{border-color:var(--ink);background:var(--ev-card,#fff)}
 #education-v2.ev3 .ev3-personas button[aria-checked=true]{background:var(--yel);border-color:var(--yel)}
}

/* Desktop: "Who you are" stays one row in its capsule; the answer card gives up width so the left column fits it */
@media(min-width:1200px){
 #education-v2.ev3 .ev3-finder{grid-template-columns:minmax(480px,1fr) minmax(0,1.7fr)!important}
 #education-v2.ev3 .ev3-personas{display:grid!important;grid-template-columns:repeat(4,auto)!important;justify-content:start;width:fit-content!important;border-radius:999px!important}
 #education-v2.ev3 .ev3-personas button{padding:10px 14px!important;font-size:15px!important;white-space:nowrap}
}

/* Booking confirmation: what they asked for, and a calendar hold */
#education-v2 #lead .ev-msg{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;margin-top:4px;color:var(--ink);font:400 15px/1.4 var(--g)}
#education-v2 #lead .ev-msg a{display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border:1px solid #25a35a;border-radius:999px;color:#14532d;font-weight:500;text-decoration:none;background:#ecfdf3}
#education-v2 #lead .ev-msg a:hover{background:#d1fadf}
.ev4-dock .msg{background:#ecfdf3;border:1px solid #25a35a;color:#14532d}

#education-v2 #lead .ev-msg a{gap:8px;font-variant-numeric:tabular-nums}
#education-v2 #lead .ev-msg a svg{width:16px;height:16px;flex:none}
#education-v2 #lead .ev-msg{gap:10px}
#education-v2 #lead .ev-msg>span{flex-basis:100%}
#education-v2 #lead .ev-msg a{font-variant-numeric:normal}