@scope (#education-v2) {

@font-face{font-family:'Geist Pixel Triangle';src:url(/assets/geist-pixel-triangle.woff2) format('woff2');font-weight:400;font-display:swap}
/* v6 — the revised storytelling brief: promise → offer → Yantra → Medha → Clarity (whole UI) → partner → evidence. The Entrance shell throughout. */
:scope{--bg:#FAFAF6;--ink:#04050A;--mut:#2A2A24;--mut2:#524F43;--teal:#496D77;--line:#CEDCD9;--line2:#D5E0DD;--lav:#F0EDF5;--sand:#F5F2E8;--lemon:#FBF4D6;--yel:#FFC800;--blue:#4A8BF5;--purp:#8A5AF0;--cc:#0277a8;--ai:#0070d2;--gut:clamp(16px,5vw,96px);--os:'Oswald','Arial Narrow',sans-serif;--g:'Geist','Inter',Arial,sans-serif;color-scheme:light}
*{box-sizing:border-box}
html{overflow-anchor:none}:scope{margin:0;background:var(--bg);overflow-anchor:none;color:var(--ink);font-family:var(--g);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}
a{color:var(--ink)}
h1,h2,h3{font-family:var(--os);font-weight:300;margin:0;text-wrap:balance}
h1{font-size:clamp(2.6rem,5vw,92px);line-height:1.04;letter-spacing:-.035em}
h2{font-size:clamp(2.6rem,5vw,96px);line-height:1.06;letter-spacing:-.03em;max-width:15ch}
h3{font-size:clamp(1.6rem,2.4vw,2.4rem);line-height:1.1}
p{margin:0}
.wrap{width:min(100% - 2*var(--gut),1760px);margin-inline:auto}
.section{padding-block:clamp(4rem,8vw,8.5rem);border-top:1px solid var(--line2)}
.eyebrow{font-weight:500;font-size:1rem;color:var(--ink);display:inline-flex;align-items:center;gap:10px}.eyebrow::before{content:"";width:10px;height:10px;border-radius:50%;background:var(--yel)}
.lede{font-size:clamp(1.15rem,1.55vw,23.4px);line-height:1.65;color:var(--mut);max-width:42ch}
.:scope{font-size:1.05rem;color:var(--mut2)}
.pill{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:44px;padding:0 20px;border-radius:99px;font:400 14px/1.2 var(--g);text-decoration:none;white-space:nowrap;border:1px solid var(--ink);color:var(--ink);background:transparent;cursor:pointer;transition:background .2s,color .2s,transform .2s}
.pill:hover{background:var(--ink);color:#fff;transform:translateY(-1px)}
.pill.y{background:var(--yel);border-color:var(--yel)}.pill.y:hover{background:#F2BE00;border-color:#F2BE00;color:var(--ink)}
.pill.wh{background:#fff}.pill.big{height:72px;padding:0 37px;font-size:24px}.pill.mid{height:60px;padding:0 30px;font-size:19px}
.pill:focus-visible{outline:2px solid var(--blue);outline-offset:3px}
.panel{background:#fff;border:1px solid var(--line);border-radius:28px;box-shadow:0 25px 70px rgba(56,84,97,.06);overflow:hidden;display:flex;flex-direction:column}
.pb{padding:28px 32px 32px;display:flex;flex-direction:column;gap:12px}
.link{font:500 15px var(--g);color:var(--teal);text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:2px;width:fit-content}
.tag{display:inline-flex;align-items:center;height:30px;padding:0 12px;border-radius:99px;font:500 12px var(--g);letter-spacing:.04em;text-transform:uppercase;background:#E6E3DA;color:var(--ink);width:fit-content}
.ul{position:relative;display:inline-block}.ul::after{content:"";position:absolute;left:.02em;right:.02em;bottom:-.04em;height:.1em;background:var(--yel);z-index:-1}
.nav a{text-decoration:none;font-size:14px;color:var(--ink);padding-bottom:4px;border-bottom:1px solid transparent}.nav a:hover,.nav a[aria-current]{border-bottom-color:var(--ink)}
.ftlink{display:flex;justify-content:space-between;align-items:center;text-decoration:none;font-size:15px;padding:10px 0;border-bottom:1px solid var(--line2)}
input{font-family:inherit;font-size:15px;height:48px;padding:0 16px;border-radius:12px;border:1px solid var(--line);background:#fff;color:var(--ink);width:100%}
label{font-size:13px;color:var(--mut2)}
.g2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
.g3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.split{display:grid;grid-template-columns:1.1fr 1fr;gap:48px;align-items:end}
/* reveal rule */
.rv .wd{display:inline-block;overflow:hidden;vertical-align:bottom;padding-bottom:.08em;margin-bottom:-.08em}.rv .wd>span{display:inline-block;transform:translateY(110%);opacity:0;filter:blur(10px)}.rv.on .wd>span{animation:wr .9s cubic-bezier(.2,.7,.2,1) both;animation-delay:calc(var(--i)*.055s)}
@keyframes wr{from{opacity:0;filter:blur(10px);transform:translateY(110%)}to{opacity:1;filter:blur(0);transform:none}}
/* hero */
.hero{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:64px;align-items:start}
.offers{border:1px solid var(--line);border-radius:24px;overflow:hidden;background:#fff}
.offers .hd{padding:14px 24px;background:var(--ink);color:#fff;font:500 13px var(--g);letter-spacing:.06em;text-transform:uppercase}
.offers .row{display:grid;grid-template-columns:48px 1fr auto;gap:18px;align-items:center;padding:20px 24px;border-top:1px solid var(--line2)}
.offers .row:first-of-type{border-top:0}
.offers .n{font-family:var(--os);font-size:28px;color:var(--teal);line-height:1}
.offers b{display:block;font-weight:600;font-size:1.1rem}.offers span.s{font-size:.95rem;color:var(--mut2)}
.offers .nc{font:500 12px var(--g);letter-spacing:.06em;color:var(--teal);text-transform:uppercase;white-space:nowrap}
.form{background:#fff;border:1px solid var(--line);border-radius:28px;padding:clamp(20px,2vw,28px);display:flex;flex-direction:column;gap:12px;box-shadow:0 25px 70px rgba(56,84,97,.08)}
.form h3{font-size:clamp(1.4rem,1.7vw,30px)}
.choice{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.choice label{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:14px;padding:14px 16px;cursor:pointer;font-size:15px;color:var(--ink);background:#fff}
.choice input{appearance:none;width:18px;height:18px;border:1.5px solid var(--ink);border-radius:50%;padding:0;margin:0;flex:none}
.choice input:checked{border-width:5px;border-color:var(--ink)}
.choice label:has(input:checked){border-color:var(--ink);background:var(--lemon)}
/* yantra */
.yan{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:48px;align-items:center}
.mark{display:flex;align-items:flex-end;gap:24px}.mark img{width:clamp(120px,10vw,200px);height:auto}.mark h3{font-size:clamp(2.6rem,4.6vw,88px);line-height:.95}
.switch{display:inline-flex;align-self:flex-start;border:1px solid var(--ink);border-radius:99px;padding:4px;gap:4px;background:#fff}
.switch button{border:0;background:transparent;font:500 15px var(--g);padding:10px 22px;border-radius:99px;cursor:pointer;color:var(--ink)}
.switch button[aria-pressed=true]{background:var(--ink);color:#fff}
.flow{position:relative;border:1px solid var(--line);border-radius:28px;background:#fff;aspect-ratio:16/10;overflow:hidden}
.flow svg{position:absolute;inset:0;width:100%;height:100%}
.flow .sc{position:absolute;inset:0;transition:opacity .5s}
.flow .sc[hidden]{display:block;opacity:0;pointer-events:none}
/* medha */
.med{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:48px;align-items:center}
.chat{border:1px solid var(--line);border-radius:28px;background:#fff;padding:28px;display:flex;flex-direction:column;gap:16px;box-shadow:0 25px 70px rgba(56,84,97,.08)}
.chat .hd{display:flex;align-items:center;gap:12px;padding-bottom:14px;border-bottom:1px solid var(--line2)}
.chat .hd img{height:36px}
.msg{max-width:78%;padding:14px 18px;border-radius:18px;font-size:1rem;line-height:1.5}
.msg.u{align-self:flex-end;background:var(--ink);color:#fff;border-bottom-right-radius:6px}
.msg.a{align-self:flex-start;background:var(--lav);border-bottom-left-radius:6px}
.msg.a ul{margin:8px 0 0;padding-left:18px}
.msg .src{display:block;margin-top:8px;font-size:.85rem;color:var(--teal)}
.composer{display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:99px;padding:8px 8px 8px 20px;font-size:15px;color:var(--mut2)}
.composer span{flex:1}.composer i{width:40px;height:40px;border-radius:50%;background:var(--ai);display:inline-flex;align-items:center;justify-content:center;color:#fff;font-style:normal}
/* clarity tabs */
.tabs{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:40px;align-items:start}
.tabl{display:flex;flex-direction:column;border-top:1px solid var(--ink)}
.tabl button{all:unset;cursor:pointer;display:grid;grid-template-columns:40px 1fr;gap:16px;padding:22px 4px;border-bottom:1px solid var(--line2);transition:background .2s}
.tabl button .k{font-family:var(--os);font-size:22px;color:var(--teal);line-height:1.2}
.tabl button b{display:block;font-family:var(--os);font-weight:400;font-size:clamp(1.5rem,1.9vw,34px);line-height:1.15}
.tabl button span{display:block;font-size:.95rem;color:var(--mut2);margin-top:6px;max-height:0;overflow:hidden;transition:max-height .4s,margin .4s;margin-top:0}
.tabl button[aria-selected=true]{background:linear-gradient(90deg,var(--lemon),transparent)}
.tabl button[aria-selected=true] span{max-height:120px;margin-top:6px}
.shot{position:relative;border:1px solid var(--line);border-radius:22px;overflow:hidden;background:#f4f5f6;box-shadow:0 25px 70px rgba(56,84,97,.1);aspect-ratio:1512/729}
.shot img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .45s}
.shot img.on{opacity:1}
.shot .hl{position:absolute;border:3px solid var(--yel);border-radius:12px;box-shadow:0 0 0 9999px rgba(4,5,10,.22);transition:all .55s cubic-bezier(.2,.7,.2,1);pointer-events:none}
.cap{font-size:clamp(1.05rem,1.2vw,20px);color:var(--mut);margin-top:18px;min-height:3em}
/* partner */
.phase{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--ink)}
.phase>div{padding:26px 28px 32px 0;display:flex;flex-direction:column;gap:12px;position:relative}
.phase>div+div{padding-left:28px;border-left:1px solid var(--line2)}
.phase img{width:100%;height:auto;aspect-ratio:550/290;object-fit:contain}
.phase .out{display:flex;gap:8px;flex-wrap:wrap;margin-top:auto}
.phase .arrowc{position:absolute;right:-16px;top:120px;width:32px;height:32px;border-radius:50%;background:var(--ink);color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px;z-index:1}
/* cases */
.case img{display:block;width:100%;aspect-ratio:1270/731;object-fit:cover}
.case .cb{gap:10px;padding:28px 32px 34px}.ceb{font-size:15.4px;color:var(--mut2)}.case h3{font-size:clamp(1.6rem,1.9vw,36px);font-weight:400;line-height:1.16}
.kv{display:grid;grid-template-columns:auto 1fr;gap:4px 16px;font-size:.95rem;color:var(--mut2);padding-top:6px}.kv b{color:var(--ink);font-weight:500}

/* v6.1 */
.hero{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)}
.opt{display:grid;gap:10px}
.opt label{display:grid;grid-template-columns:22px 1fr auto;gap:14px;align-items:center;border:1px solid var(--line);border-radius:16px;padding:16px 18px;cursor:pointer;background:#fff}
.opt input{appearance:none;width:20px;height:20px;border:1.5px solid var(--ink);border-radius:50%;padding:0;margin:0}
.opt input:checked{border-width:6px}
.opt label:has(input:checked){border-color:var(--ink);background:var(--lemon)}
.opt b{display:block;font-weight:600;font-size:1rem;line-height:1.3}.opt small{display:block;font-size:.85rem;line-height:1.4;color:var(--mut2)}
.opt .nc{font:500 11px var(--g);letter-spacing:.06em;color:var(--teal);text-transform:uppercase}
.marks2{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.marks2>div{display:grid;grid-template-columns:auto 1fr;gap:24px;align-items:center;padding:24px 28px;border:1px solid var(--line);border-radius:24px;background:#fff}
.marks2 img{width:clamp(90px,7vw,130px);height:auto}.marks2 h3{font-size:clamp(2rem,3vw,56px);line-height:1}
.marks2 p{font-size:1.05rem;color:var(--mut);margin-top:6px}
.switchwrap{display:flex;justify-content:center;align-items:center;gap:20px;flex-wrap:wrap}
.switch.big button{font-size:19px;padding:14px 32px}
.flow.wide{aspect-ratio:16/9;width:min(100%,1100px);margin-inline:auto}
.note{font-size:16px;color:var(--mut);max-width:90ch;line-height:1.6}
.chap{display:flex;flex-direction:column;border-top:1px solid var(--ink)}
.chap button{all:unset;cursor:pointer;display:block;padding:20px 4px;border-bottom:1px solid var(--line2);position:relative}
.chap button b{display:block;font-family:var(--os);font-weight:400;font-size:clamp(1.5rem,1.9vw,34px);line-height:1.15;color:var(--mut2);transition:color .3s}
.chap button span{display:block;font-size:.95rem;color:var(--mut2);max-height:0;overflow:hidden;transition:max-height .4s,margin .4s;margin-top:0}
.chap button[aria-current=true] b{color:var(--ink)}
.chap button[aria-current=true] span{max-height:120px;margin-top:6px}
.chap button i{position:absolute;left:0;bottom:-1px;height:2px;width:0;background:var(--ink)}
.ui{position:relative;border:1px solid var(--line);border-radius:22px;overflow:hidden;background:#f4f5f6;box-shadow:0 25px 70px rgba(56,84,97,.1);aspect-ratio:1512/729}
.ui .st{position:absolute;left:0;top:0;width:1512px;height:729px;transform-origin:0 0}
.ui .st>*,.ui .cam>*{position:absolute}
.ui .scr{left:0;top:0;width:1512px;height:729px;object-fit:cover;opacity:0}
.ui .cam{left:0;top:0;width:1512px;height:729px;transform-origin:0 0}
.ui .cur{width:30px;height:30px;left:0;top:0;opacity:0;z-index:5;filter:drop-shadow(0 3px 6px rgba(0,0,0,.3))}
.ui .ring{width:40px;height:40px;border-radius:50%;border:3px solid var(--yel);opacity:0;transform-origin:50% 50%}
.ui .typ{left:518px;top:619px;width:680px;height:28px;background:#fff;font:400 16px var(--g);color:#1b1c1d;white-space:nowrap;overflow:hidden;opacity:0;line-height:28px}
.ui .hl{border:3px solid var(--yel);border-radius:10px;opacity:0;outline:6px solid rgba(255,200,0,.25)}
.ui .ctl{position:absolute;right:14px;top:14px;z-index:6;height:34px;padding:0 14px;border-radius:99px;background:rgba(255,255,255,.9);border:1px solid var(--line);font:500 13px var(--g);display:flex;align-items:center;gap:8px;cursor:pointer}
.wgrid{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:start}
.wcard{display:flex;flex-direction:column;gap:0;background:#fff;border:1px solid var(--line);border-radius:28px;overflow:hidden;text-decoration:none;box-shadow:0 25px 70px rgba(56,84,97,.06)}
.wcard video{display:block;width:100%;height:auto;background:#f4f5f6;object-fit:cover}.wk .cb{gap:8px}.wk h3{font-size:clamp(1.5rem,1.75vw,34px)}.wk p{font-size:clamp(.95rem,1vw,18px);line-height:1.5;color:var(--mut)}.scope{display:grid;grid-template-columns:auto 1fr;gap:12px;padding-top:12px;margin-top:6px;border-top:1px solid var(--line2);font-size:13px;color:var(--mut2)}.scope b{font-weight:500}.scope ul{margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:4px 14px;font-size:15px;color:var(--ink)}
.wcard.sq video{aspect-ratio:1/1}.wcard.pt video{aspect-ratio:850/1024}.wcard.wd{grid-column:span 2}.wcard.wd video{aspect-ratio:16/9}
@media (max-width:1100px){.hero,.yan,.med,.tabs,.marks2{grid-template-columns:1fr!important}.wgrid{grid-template-columns:1fr}.wcard.wd{grid-column:auto}}
@media (max-width:980px){.g2,.g3,.split,.phase,.choice{grid-template-columns:1fr!important}.navlinks{display:none!important}.phase>div+div{padding-left:0;border-left:0;border-top:1px solid var(--line2)}.phase .arrowc{display:none}}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}

/* ---------- v7 ---------- */
.hero{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)}
.opt{display:grid;gap:8px}.opt label{display:grid;grid-template-columns:22px 1fr auto;gap:14px;align-items:center;border:1px solid var(--line);border-radius:14px;padding:12px 16px;cursor:pointer;background:#fff}.opt input{appearance:none;width:20px;height:20px;border:1.5px solid var(--ink);border-radius:50%;padding:0;margin:0}.opt input:checked{border-width:6px}.opt label:has(input:checked){border-color:var(--ink);background:var(--lemon)}.opt b{display:block;font-weight:600;font-size:1.05rem;line-height:1.3}.opt small{display:block;font-size:.9rem;color:var(--mut2)}.opt .nc{font:500 11px var(--g);letter-spacing:.06em;color:var(--teal);text-transform:uppercase}
/* sub-nav: centred pill, glowing, docks under the header */
.subnav{position:sticky;top:calc(var(--hh,74px) + 14px);z-index:20;height:0;display:flex;justify-content:center;align-items:flex-start;pointer-events:none}
@property --ang{syntax:'<angle>';inherits:false;initial-value:0deg}
.pillnav{pointer-events:auto;position:relative;isolation:isolate;display:flex;align-items:center;gap:2px;padding:6px;border-radius:99px;background:rgba(255,255,255,.98);backdrop-filter:blur(14px);box-shadow:0 10px 30px rgba(7,38,64,.08);transition:padding .3s}
.pillnav::before,.pillnav::after{content:"";position:absolute;border-radius:inherit;background:conic-gradient(from var(--ang),#0a60ff,#7a3cff,#ff2d8a,#ff8a00,#0a60ff);animation:spin 9s linear infinite;pointer-events:none;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude}
.pillnav::before{inset:-1px;padding:1px;z-index:-1;opacity:.9}
.pillnav::after{inset:-7px;padding:7px;z-index:-2;filter:blur(7px);opacity:.16;transition:opacity .4s}
@keyframes spin{to{--ang:360deg}}
.pillnav a{font:400 16px/1 var(--g);color:var(--mut2);padding:12px 22px;border-radius:99px;text-decoration:none;white-space:nowrap;transition:color .2s,background .2s,padding .3s,font-size .3s}
.pillnav a:hover{color:var(--ink)}
.pillnav a.on{color:#fff;background:var(--ink);font-weight:500}
.subnav.docked .pillnav{padding:4px}.subnav.docked .pillnav a{font-size:14px;padding:9px 16px}.subnav.docked .pillnav::after{opacity:.1}
#yantra.section{border-top:0}
.section{padding-top:calc(clamp(4rem,8vw,8.5rem) + 28px)}
/* yantra */
.ymark{display:grid;grid-template-columns:auto 1fr;gap:clamp(20px,2.4vw,40px);align-items:center}
.ymark img{width:clamp(96px,8vw,150px);height:auto;display:block;flex:none}.hub .ymark img,.med .ymark img{width:clamp(96px,8vw,150px)}
.yan2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(48px,6vw,120px);align-items:center;width:min(100%,1480px);margin-inline:auto}
.yfilm{position:relative;border-radius:28px;overflow:hidden;background:#0b0a12;aspect-ratio:1/1;box-shadow:0 30px 80px rgba(7,38,64,.18);width:min(100%,640px);margin-inline:auto}
.yfilm video{display:block;width:100%;height:100%;object-fit:cover}
.yfilm .ctl{position:absolute;right:14px;top:14px;z-index:6;height:34px;padding:0 14px;border-radius:99px;background:rgba(255,255,255,.9);border:1px solid var(--line);font:500 13px var(--g);display:flex;align-items:center;gap:8px;cursor:pointer}
.ych{display:flex;flex-direction:column;gap:14px}
.ych button{all:unset;cursor:pointer;display:grid;grid-template-columns:36px 1fr;gap:18px;row-gap:0;align-items:start;padding:20px 28px 22px;border:1px solid var(--line);border-radius:24px;background:#fff;position:relative;overflow:hidden;transition:border-color .3s,box-shadow .3s}
.ych button::before{content:"";width:34px;height:34px;border-radius:50%;background:#fff;box-shadow:inset 0 0 0 1.5px var(--line);margin-top:2px;transition:background .3s,box-shadow .3s}
.ych button[aria-current=true]::before{background:radial-gradient(circle,var(--blue) 0 6.5px,transparent 7.5px),#e6effd;box-shadow:0 0 0 0 rgba(74,139,245,.45);animation:radio 1.8s ease-out infinite}
@keyframes radio{0%{box-shadow:0 0 0 0 rgba(74,139,245,.45)}70%{box-shadow:0 0 0 12px rgba(74,139,245,0)}100%{box-shadow:0 0 0 0 rgba(74,139,245,0)}}
.ych button b{display:block;font:400 clamp(1.15rem,1.35vw,24px)/1.4 var(--g);color:var(--ink);text-wrap:balance;max-width:34ch}
.ych button span{display:block;grid-column:2;font-size:clamp(.95rem,1vw,17.5px);line-height:1.5;color:var(--mut2);margin-top:2px;max-height:none;overflow:visible;text-wrap:pretty}
.ych button[aria-current=true]{border-color:#b9d0f8;box-shadow:0 18px 44px rgba(56,84,97,.10)}
.ych button i{position:absolute;left:0;bottom:0;height:3px;width:0;background:var(--blue)}
.hub{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(48px,6vw,120px);align-items:center;width:min(100%,1480px);margin-inline:auto}
.hub img{width:100%;height:auto;border-radius:22px;border:1px solid var(--line);background:#fff}
/* medha typed */
.med{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}
.chat .msg{opacity:0;transform:translateY(10px)}
.chat .msg.on{opacity:1;transform:none;transition:opacity .4s,transform .4s}
.chat .typing{display:inline-flex;gap:4px;align-items:center;height:14px}.chat .typing i{width:6px;height:6px;border-radius:50%;background:#8a5af0;animation:ty 1s infinite}.chat .typing i:nth-child(2){animation-delay:.15s}.chat .typing i:nth-child(3){animation-delay:.3s}
@keyframes ty{0%,100%{transform:translateY(0);opacity:.4}50%{transform:translateY(-4px);opacity:1}}
/* clarity player */
.play{display:grid;grid-template-columns:minmax(0,.6fr) minmax(0,1.4fr);gap:clamp(40px,4vw,72px);align-items:center}
.chl{display:flex;flex-direction:column;border-top:1px solid var(--line2)}
.ch{all:unset;cursor:pointer;display:block;position:relative;padding:20px 0 22px 22px;border-bottom:1px solid var(--line2)}
.ch::before{content:"";position:absolute;left:0;top:20px;bottom:22px;width:2px;background:var(--line2);transition:background .3s}
.ch b{display:block;font-family:var(--os);font-weight:400;font-size:clamp(1.25rem,1.45vw,26px);line-height:1.15;color:var(--mut2);transition:color .3s}
.ch p{font-size:clamp(.92rem,.95vw,15.5px);line-height:1.55;color:var(--mut);max-height:0;overflow:hidden;margin-top:0;transition:max-height .45s,margin .45s}
.ch.on::before{background:var(--ink)}.ch.on b{color:var(--ink)}.ch.on p{max-height:160px;margin-top:10px}
.frame{position:relative;border-radius:22px;overflow:hidden;border:1px solid var(--line);background:#f4f5f6;box-shadow:0 25px 70px rgba(56,84,97,.1);aspect-ratio:1512/900}
.frame video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .45s}
.frame video.on{opacity:1}
.sticks{display:flex;justify-content:center;gap:8px;margin-top:22px}
.sticks i{display:block;width:30px;height:3px;border-radius:2px;background:rgba(4,5,10,.16);position:relative;overflow:hidden;cursor:pointer;transition:width .3s}
.sticks i::after{content:"";position:absolute;inset:0;background:var(--ink);transform:scaleX(0);transform-origin:left;transition:none}
.sticks i.done::after{transform:scaleX(1)}
.sticks i.on{width:56px}.sticks i.on::after{transform:scaleX(var(--p,0));transition:none}
.fwrap{position:relative}
.cam{position:absolute;inset:0;width:100%;height:100%}
.veil{position:absolute;inset:0;width:100%;height:100%;z-index:3;opacity:0;transition:opacity .3s;filter:blur(5px) brightness(.84);transform:scale(1.03);pointer-events:none}.veil.on{opacity:1}
.cut{display:none}.cut.show{display:block}
.cut{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(.92);opacity:0;border-radius:16px;overflow:hidden;background:#fff;box-shadow:0 30px 70px rgba(4,5,10,.28);transition:opacity .35s,transform .45s cubic-bezier(.2,.8,.2,1.05);z-index:5;pointer-events:none}
.cut.on{opacity:1;transform:translate(-50%,-50%) scale(1)}
.cut::after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 2.5px var(--yel);pointer-events:none;z-index:4}
.vcur{position:absolute;left:0;top:0;width:38px;height:38px;z-index:7;pointer-events:none;opacity:0;transition:opacity .25s;filter:drop-shadow(0 4px 8px rgba(0,0,0,.35));transform-origin:4px 3px}
.vcur.on{opacity:1}.vcur.dn{transform:scale(.82)}
.cut img{position:absolute;inset:0;width:100%;height:100%;display:block;image-rendering:auto}.cut img{opacity:0}.cut img.on{opacity:1}
.cam img.st{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .45s ease}.cam img.st.on{opacity:1}
.cam img.vimg{position:absolute;inset:-12px;width:calc(100% + 24px);height:calc(100% + 24px);object-fit:cover;opacity:0;filter:blur(6px) brightness(.84);transition:opacity .3s;pointer-events:none}.cam img.vimg.on{opacity:1}.cutin video.on{opacity:1}
.cam video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:none!important}.cam video.on{opacity:1}.cutin video.on{opacity:1}
.lbl{position:absolute;z-index:6;left:50%;background:var(--ink);color:#fff;font:500 14px/1 var(--g);padding:10px 14px;border-radius:99px;white-space:nowrap;opacity:0;transform:translate(-50%,6px);transition:opacity .3s,transform .3s;pointer-events:none}.lbl.on{opacity:1;transform:translate(-50%,0)}
.spot{position:absolute;border:3px solid var(--yel);border-radius:10px;box-shadow:0 0 0 5px rgba(255,200,0,.22),0 12px 34px rgba(4,5,10,.18);opacity:0;transition:opacity .35s,left .45s cubic-bezier(.2,.7,.2,1),top .45s cubic-bezier(.2,.7,.2,1),width .45s,height .45s;pointer-events:none;z-index:4}
.spot.on{opacity:1}
.ripple{position:absolute;z-index:3;width:24px;height:24px;border-radius:50%;border:3px solid var(--yel);transform:translate(-50%,-50%) scale(.3);opacity:0;pointer-events:none;z-index:5}
.ripple.go{animation:rip .7s ease-out}
@keyframes rip{0%{transform:translate(-50%,-50%) scale(.3);opacity:1}100%{transform:translate(-50%,-50%) scale(1.7);opacity:0}}
.persona{display:flex;align-items:center;gap:24px;padding:0 28px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(90deg,var(--lav),#fff 60%);width:100%;overflow:hidden;min-height:120px}
.persona img{width:84px;height:84px;border-radius:50%;object-fit:cover;align-self:center;display:block;box-shadow:0 0 0 4px #fff,0 10px 26px rgba(7,38,64,.14);flex:none}
.persona>div{padding:26px 0 28px}
.persona .pav{width:44px;height:44px;border-radius:50%;background:#dfe7f5;color:#2f4a86;display:flex;align-items:center;justify-content:center;font:500 18px var(--g);flex:none}
.persona b{display:block;font:400 clamp(1.6rem,2.2vw,38px)/1.1 var(--os);color:var(--ink)}.persona div>span{display:block;font-size:1rem;color:var(--mut2);margin-top:6px}
.persona .tag{margin-left:10px;flex:none}
.chl{position:relative;border-top:0;padding-left:0;display:flex;flex-direction:column;gap:6px}
.ch{position:relative;padding:12px 18px;opacity:.5;transition:opacity .35s,background .35s,border-color .35s,box-shadow .35s;border:1px solid transparent;border-radius:18px;border-bottom:1px solid transparent;transition:background .35s,border-color .35s,box-shadow .35s}
.ch::before,.ch::after{display:none}
.ch.on{opacity:1;background:#fff;border-color:var(--line);box-shadow:0 22px 50px rgba(56,84,97,.09)}.ch:hover{opacity:.85}
.ch .ring{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible;display:none}
.ch .ring rect{x:1px;y:1px;width:calc(100% - 2px);height:calc(100% - 2px);rx:17px;fill:none;stroke:var(--ink);stroke-width:2;stroke-dasharray:100;stroke-dashoffset:100;stroke-linecap:round}
.ch.on .ring{display:block}.ch.on .ring rect{animation:none}
@keyframes ringrun{from{stroke-dashoffset:100}to{stroke-dashoffset:0}}
.ch small{display:block;font:500 11px var(--g);letter-spacing:.06em;text-transform:uppercase;color:var(--mut2);margin-bottom:4px}
.ch.on small{color:var(--teal)}
.ch.done b{color:var(--mut2)}
/* work tile gallery (as on the education page) */
.tiles{display:grid;grid-template-columns:repeat(100,minmax(0,1fr));row-gap:clamp(72px,7.5vw,120px);align-items:start}
.tiles .case{grid-column:1/-1;grid-row:1;width:45%;justify-self:start}
.tiles .case.small{margin-top:24px}.tiles .case.tall{justify-self:end}.tiles .case.wide{grid-row:2;width:88%}
.tiles .mark{display:block;position:relative;overflow:hidden;background:#f2efe8}
.tiles .mark img{display:block;width:100%;height:auto;aspect-ratio:auto;object-fit:fill}
.tiles .mark video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .35s;pointer-events:none}
.tiles .case.playing .mark video{opacity:1}
.tiles h3{font:400 clamp(26px,2.35vw,36px)/1.2 var(--os);margin:24px 0 8px;color:var(--ink);text-wrap:balance}
.tiles p{font-size:16px;line-height:1.5;color:#4a4356;margin:0 0 12px}.tiles .outcome{font-size:18px;line-height:1.5;font-weight:500;color:#141019}
.tiles .story{display:inline-flex;gap:12px;font-size:14px;color:#141019;text-decoration:none;border-bottom:1px solid #141019;padding-bottom:6px}
@media (max-width:900px){.tiles{display:flex;flex-direction:column;gap:64px}.tiles .case{width:100%!important;margin:0!important}}
/* merged copy blocks */
.trust{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:10px 28px;font-size:16px;color:var(--ink)}
.trust li{display:flex;align-items:flex-start;gap:10px;line-height:1.45}.trust li::before{content:"";width:9px;height:9px;border-radius:2px;background:var(--blue);flex:none;margin-top:.5em}
.years{display:flex;align-items:center;gap:28px;padding-top:8px}.years div{display:flex;align-items:center;gap:14px}.years b{font:400 58px/1 'Geist Pixel Triangle',var(--os);color:#04050A;letter-spacing:.01em;min-width:3.2ch;font-variant-numeric:tabular-nums}.years span{font-size:13px;line-height:1.35;color:var(--mut2);letter-spacing:.01em}.years i{width:1px;height:40px;background:var(--line)}
select{font-family:inherit;font-size:15px;height:48px;padding:0 44px 0 16px;border-radius:12px;border:1px solid var(--line);color:var(--ink);width:100%;appearance:none;-webkit-appearance:none;background:#fff url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none' stroke='%2304050A' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'><path d='M3.5 6l4.5 4.5L12.5 6'/></svg>") no-repeat right 16px center;cursor:pointer}
.bw{display:grid;grid-template-columns:1fr 1fr;gap:28px;padding-top:clamp(2rem,4vw,56px);border-top:1px solid var(--line2)}
.bw>div{border:1px solid var(--line);border-radius:24px;background:#fff;padding:28px 32px 32px}
.bw h3{font-size:clamp(1.5rem,1.9vw,34px);margin-bottom:18px}
.bw ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px;font-size:16px;line-height:1.5;color:var(--mut)}
.bw li{display:grid;grid-template-columns:22px 1fr;gap:12px}.bw li::before{content:"×";font:400 20px/1.2 var(--g);color:var(--mut2)}
.bw .with{background:var(--ink);color:#fff;border-color:var(--ink)}.bw .with ul{color:#d9dcd6}.bw .with li::before{content:"✓";color:var(--yel)}
.feats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:20px;padding-top:clamp(2rem,4vw,56px);border-top:1px solid var(--line2)}
.feats a{text-decoration:none;color:inherit;display:flex;flex-direction:column;gap:10px}
.feats img{display:block;width:100%;aspect-ratio:1600/789;object-fit:cover;border-radius:14px;border:1px solid var(--line);background:#f4f5f6}
.feats b{font:400 clamp(1.2rem,1.4vw,26px)/1.15 var(--os);margin-top:6px}.feats span{font-size:15px;line-height:1.5;color:var(--mut2)}
.chat .hd .tag{height:26px;font-size:11px}
@media (max-width:1100px){.feats{grid-template-columns:repeat(2,1fr)}}
@media (max-width:900px){.bw,.trust{grid-template-columns:1fr}.feats{grid-template-columns:1fr}}
/* Medha UI: the product screenshot, with the conversation typed in */
.medg{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(40px,4vw,72px);align-items:center}
.trust.one{grid-template-columns:1fr;gap:8px}
.mui{position:relative;border:1px solid var(--line);border-radius:22px;overflow:hidden;background:#fff;box-shadow:0 25px 70px rgba(56,84,97,.1);aspect-ratio:2000/1422;font-family:var(--g)}
.mst{position:absolute;left:0;top:0;width:2000px;height:1422px;transform-origin:0 0;display:grid;grid-template-columns:304px 1fr;grid-template-rows:1422px;color:#1b1c1d}
.msb{position:relative;overflow:hidden}.msbimg{display:block;width:304px;height:1422px}
.mlist{position:absolute;left:10px;right:10px;top:340px;display:flex;flex-direction:column;gap:2px}
.mchat{padding:10px 14px;border-radius:12px;font-size:17px;color:#1b1c1d;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mmain{position:relative;display:flex;flex-direction:column;background:#fff;min-height:0}
.mtop{height:56px;display:flex;align-items:center;gap:14px;padding:0 24px;font-size:18px}.mmodel i{font-style:normal;color:#777;margin-left:4px}.mplus{color:#777;font-size:22px}.mtr{margin-left:auto;height:36px;width:auto}
.mmsgs{flex:1;padding:24px 240px 0 240px;display:flex;flex-direction:column;gap:24px;overflow:hidden}
.mmsgs .msg{opacity:0;transform:translateY(10px)}.mmsgs .msg.on{opacity:1;transform:none;transition:opacity .4s,transform .4s}
.mmsgs .msg.u{align-self:flex-end;background:#f1f1f1;color:#1b1c1d;border-radius:26px;padding:16px 24px;font-size:23px;max-width:70%}
.mmsgs .msg.a{align-self:stretch;background:transparent;display:grid;grid-template-columns:46px 1fr;gap:20px;padding:0;max-width:none}
.mav{width:46px;height:46px;border-radius:50%}
.m:scope{font-size:23px;line-height:1.55}.mbody>b{display:block;font-size:22px;margin-bottom:8px;font-weight:600}.mbody p{margin:0 0 10px}.mbody ul{margin:0 0 10px;padding-left:22px}.mbody li{margin:2px 0}
.mbody .src{display:inline-flex;align-items:center;gap:8px;font-size:17px;color:#496D77;background:#eef4f3;border-radius:99px;padding:6px 12px;margin-top:4px}.mbody .src.hand{color:#7a4b00;background:#fbf4d6}
.mbody .typing{display:inline-flex;gap:4px;align-items:center;height:14px}.mbody .typing i{width:6px;height:6px;border-radius:50%;background:#8a5af0;animation:ty 1s infinite}.mbody .typing i:nth-child(2){animation-delay:.15s}.mbody .typing i:nth-child(3){animation-delay:.3s}
.mcompimg{display:block;width:1328px;height:auto;margin:0 0 0 186px;position:absolute;left:0;bottom:0}
/* people around the screens */
.muiw,.yfilmw{position:relative}.yfilmw{width:min(100%,640px);margin-inline:auto}
.pbadge{position:absolute;z-index:8;width:clamp(120px,12vw,190px);aspect-ratio:1;pointer-events:none}
.pbadge img{display:block;width:100%;height:100%;object-fit:cover;border-radius:50%;box-shadow:0 20px 50px rgba(7,38,64,.22),0 0 0 6px #fff}
.pbadge span{position:absolute;left:50%;bottom:-14px;transform:translateX(-50%);white-space:nowrap;background:#fff;border:1px solid var(--line);border-radius:99px;padding:8px 14px;font:500 13px var(--g);color:var(--ink);box-shadow:0 10px 30px rgba(7,38,64,.12)}
.pb-ml{left:-56px;bottom:22%;width:clamp(110px,10vw,160px)}.muiw{margin-left:40px}.pb-bl{left:-26px;bottom:44px}
.frame .cut{z-index:5}
@media (max-width:1100px){.pbadge{width:96px}.pb-br{right:-8px;bottom:30px}.pb-bl{left:-8px;bottom:30px}.pbadge span{font-size:11px;padding:6px 10px}}
@media (max-width:640px){header .pill.wh{display:none}header .pill{height:38px;padding:0 14px;font-size:13px}.persona img{height:96px}.persona{gap:14px;padding:0 16px;align-items:center}.persona>div{padding:16px 0}.persona b{font-size:1.5rem}.play{display:flex;flex-direction:column;gap:24px}.fwrap{order:-1}.ch{padding:10px 14px}.ch p{display:none}.ch.on p{display:block}.sticks{margin-top:14px}.pbadge{display:none}.fwrap,.frame,.muiw,.yfilmw{width:100%}}
/* faq */
.faq{display:flex;flex-direction:column;border-top:1px solid var(--ink)}
.faq details{border-bottom:1px solid var(--line2)}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:24px;padding:24px 4px;font-family:var(--os);font-weight:400;font-size:clamp(1.4rem,1.8vw,32px)}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";width:36px;height:36px;border-radius:50%;border:1px solid var(--ink);display:inline-flex;align-items:center;justify-content:center;font:300 22px var(--g);flex:none;transition:transform .3s}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq .a{padding:0 4px 26px;max-width:70ch;font-size:1.05rem;color:var(--mut)}
@media (max-width:1100px){.pillnav a{padding:10px 12px;font-size:14px}.yan2,.hub,.play,.medg{grid-template-columns:1fr}.subnav{display:none}.ymark{grid-template-columns:1fr}.steps{grid-template-columns:repeat(3,1fr)}}

}