:root{color-scheme:light;--ink:#344842;--cream:#fff8ee;--orange:#e8650a;--teal:#0a6474}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font-family:"Avenir Next",Avenir,"Trebuchet MS",sans-serif}.page{max-width:1500px;margin:auto;padding:36px 6vw 25px;min-height:100svh;display:flex;flex-direction:column;overflow:hidden;background:radial-gradient(ellipse at 78% 49%,#fbeaca77,transparent 52%)}header{display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:inherit}.brand-mark{background:#eb783d;color:#fff7e8;border-radius:16px 16px 18px 6px;width:48px;height:50px;text-align:center;font-size:36px;line-height:1.6}.brand strong{font-size:25px;font-weight:650;display:block;line-height:1.4}.brand small{font-size:9px;letter-spacing:3px;font-weight:700}.motion{border:1px solid #dedfcf;border-radius:24px;background:transparent;padding:10px 15px;color:#657268;font:inherit;font-size:12px;cursor:pointer}.motion span{margin-left:8px}main{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:15px;flex:1;padding:55px 0 70px;min-height:650px}.intro{position:relative;z-index:2}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2.5px;display:flex;align-items:center;gap:10px;margin:0 0 27px}.eyebrow span{height:7px;width:7px;background:#db703e;border-radius:50%}h1{font-size:clamp(48px,5.3vw,78px);line-height:1.13;letter-spacing:-3px;font-weight:600;margin:0}h1 em{font-family:Georgia,serif;color:var(--orange);font-weight:400}.description{font-size:17px;line-height:1.9;color:#748078;margin:26px 0}.coming{display:inline-flex;align-items:center;gap:25px;border:1px solid #d6dfcc;border-radius:30px;background:#edf0e2;padding:15px 25px;font-size:14px;font-weight:600;letter-spacing:1px}.coming span{color:#7f9878;font-size:13px}.hindi{color:#8a8f7d;font-size:16px;margin:15px 0 0 44px}.playground{height:490px;position:relative;isolation:isolate}.portrait{position:absolute;inset:35px 20px 40px 25px;border-radius:48% 48% 43% 43%;overflow:hidden;background:#eabb6b;box-shadow:0 23px 45px -30px #a87834aa;transform:rotate(-3deg)}.gyan{width:100%;height:100%;border:0;padding:0;cursor:pointer;background:transparent;display:block;transform:rotate(3deg) scale(1.06)}.gyan img{width:100%;height:100%;object-fit:cover;object-position:52% center;display:block}.orbit{position:absolute;inset:8px -9px 13px -8px;border:1px dashed #d6ccaf;border-radius:50%;transform:rotate(-19deg);z-index:-1}.letter{position:absolute;border:0;cursor:pointer;font-family:"Kohinoor Devanagari","Noto Sans Devanagari",sans-serif;font-weight:650;display:grid;place-items:center;box-shadow:0 9px 0 var(--shadow),0 15px 22px #665c3720;animation:float 5s ease-in-out infinite;font-size:58px;width:94px;height:100px;border-radius:24px;line-height:1;padding:17px 8px 0;transition:filter .2s}.letter:hover{filter:brightness(1.05)}.a{left:-13px;top:245px;background:#ec8647;color:#fff3d9;--shadow:#ce6733;--turn:-12deg}.ka{right:-12px;top:65px;background:#a6cac0;color:#28695d;--shadow:#7ba69b;--turn:12deg;animation-delay:-2s}.ma{right:28px;bottom:15px;background:#f2d77b;color:#90703c;--shadow:#d8b95c;--turn:9deg;animation-delay:-3s}.spark{position:absolute;z-index:2;font-size:36px;color:#ca9d46}.s1{left:10px;top:30px}.s2{right:0;top:245px;font-size:22px;color:#6d9b87}.s3{left:95px;bottom:5px;font-size:27px}.hint{position:absolute;bottom:-53px;left:23%;font-size:13px;color:#88917e;transform:rotate(-4deg)}.hint span{font-size:26px;vertical-align:middle;display:inline-block;margin-right:9px}.greeting{position:absolute;top:5px;left:24%;background:white;border-radius:22px 22px 22px 4px;padding:12px 23px;font-size:25px;color:#42796b;box-shadow:0 8px 24px #68573316;opacity:0;transform:translateY(8px);transition:opacity .25s,transform .25s;pointer-events:none}.greeting.visible{opacity:1;transform:translateY(0)}footer{border-top:1px solid #e7e6d8;display:flex;justify-content:space-between;gap:20px;padding-top:22px;color:#939784;font-size:11px;letter-spacing:.3px}footer i{font-style:normal;color:#d3ab6b;padding:0 10px}button:focus-visible,a:focus-visible{outline:3px solid #347d75;outline-offset:6px}.gyan:focus-visible{outline-offset:-12px}.particle{position:fixed;pointer-events:none;z-index:10;color:#c69436;font-size:20px;animation:scatter 850ms ease-out forwards}.letter.bop{animation:bop .65s ease-in-out}.paused *, .paused *:before{animation:none!important;transition:none!important}@keyframes float{0%,100%{transform:translateY(0) rotate(var(--turn))}50%{transform:translateY(-9px) rotate(var(--turn))}}@keyframes bop{0%,100%{transform:rotate(var(--turn))}35%{transform:translateY(-14px) rotate(calc(var(--turn) + 8deg))}70%{transform:rotate(calc(var(--turn) - 5deg))}}@keyframes scatter{from{opacity:1;transform:translate(0,0) scale(.5)}to{opacity:0;transform:translate(var(--x),var(--y)) scale(1)}}@media(prefers-reduced-motion:reduce){*,*:before{animation:none!important;transition:none!important}}@media(min-width:1350px){.playground{height:540px}.portrait{inset:35px 25px 45px}.letter{width:106px;height:112px;font-size:64px}}@media(max-width:760px){.page{padding:24px 7vw}header{gap:12px}.brand strong{font-size:22px}.brand-mark{width:42px;height:46px;font-size:32px}.motion{font-size:10px;padding:9px 11px}main{grid-template-columns:1fr;text-align:center;padding:50px 0 55px;gap:25px;min-height:0}.eyebrow{justify-content:center;font-size:8px;letter-spacing:1.8px;margin-bottom:20px}h1{font-size:clamp(43px,9.5vw,65px);letter-spacing:-2px}.description{font-size:15px;line-height:1.75;margin:20px 0}.coming{padding:12px 23px;font-size:12px}.hindi{margin:12px 0 0}.playground{width:min(100%,450px);height:390px;margin:0 auto}.portrait{inset:32px 18px 30px}.orbit{inset:16px -5px 15px}.letter{width:73px;height:79px;font-size:45px;border-radius:19px}.a{left:-6px;top:195px}.ka{right:-6px;top:50px}.ma{right:20px;bottom:10px}.hint{bottom:-42px;left:20%;font-size:11px}.s1{left:15px;top:7px}.s3{left:60px}.greeting{font-size:22px;top:5px;left:20%}footer{font-size:10px;align-items:center;text-align:center;flex-direction:column;gap:10px}}@media(max-width:360px){.playground{height:335px}.brand small{letter-spacing:2px}.motion{padding:8px}.a{top:175px}}

.gyan{position:relative}.gyan canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:52% center;display:none}.gyan.waving canvas{display:block}.gyan.waving img{visibility:hidden}
.brand img{height:96px;width:auto;display:block;margin:-10px 0 -14px}@media(max-width:760px){.brand img{height:72px}}
.intro .hindi{margin:18px 0 0;font-size:22px}footer{justify-content:center}
.watch{display:inline-flex;align-items:center;gap:12px;margin-top:30px;padding:10px 26px 10px 10px;border-radius:40px;background:linear-gradient(180deg,#f47c22,#e2600a);color:#fff;text-decoration:none;font-weight:700;font-size:16px;letter-spacing:.2px;box-shadow:0 6px 0 #b9500c,0 14px 22px -8px #e8650a88;transition:transform .15s,box-shadow .15s}.watch .play{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#fff;animation:pulse 2.4s ease-in-out infinite}.watch svg{width:20px;height:20px;fill:#e8650a;margin-left:3px}.watch:hover{transform:translateY(-2px);box-shadow:0 8px 0 #b9500c,0 18px 26px -8px #e8650a99}.watch:active{transform:translateY(4px);box-shadow:0 2px 0 #b9500c,0 6px 12px -6px #e8650a88}@keyframes pulse{0%,100%{box-shadow:0 0 0 0 #ffffffaa}50%{box-shadow:0 0 0 7px #ffffff00}}