/* WonderMart website */
:root{--blue:#0058B0;--navy:#003068;--red:#D83020;--sun:#FFD84D;--sky:#4DA8FF;--cyan:#1FD8F5;--coral:#FF6B6B;--lav:#B79CFF;--mint:#8BE3C2;--green:#7BC96F;--orange:#FFAE42;--cream:#FFFCF6;--sand:#FFF4DE;--ink:#2E2A22;--muted:#5B5342}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--cream);color:var(--ink);font-family:"Quicksand",system-ui,sans-serif;font-weight:600;font-size:17px;line-height:1.55}
h1,h2,h3,.btn,.nav,.chip,.eyebrow,.num{font-family:"Baloo 2","Quicksand",system-ui,sans-serif}
h2{font-size:clamp(30px,4.6vw,48px);line-height:1.05;margin:0 0 10px;color:var(--navy)}
h3{margin:0;color:var(--navy);line-height:1.1}
p{margin:0}
img{max-width:100%;display:block}
.wrap{width:min(1120px,92vw);margin:0 auto}
.eyebrow{display:inline-block;font-weight:800;letter-spacing:.12em;text-transform:uppercase;font-size:14px;color:var(--red);margin-bottom:6px}
.lead{font-size:clamp(17px,2vw,20px);color:var(--muted);max-width:640px}
section{padding:clamp(56px,8vw,96px) 0}
.center{text-align:center}.center .lead{margin:0 auto}

/* nav */
.nav{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.96);backdrop-filter:blur(8px);border-bottom:4px solid var(--sky)}
.nav .wrap{display:flex;align-items:center;gap:18px;height:68px}
.nav .brand img{height:50px}
.nav .links{display:flex;gap:4px;margin-left:auto}
.nav .links button{font:inherit;font-weight:700;font-size:16px;color:var(--navy);background:none;border:0;padding:8px 12px;border-radius:12px;cursor:pointer}
.nav .links button:hover{background:#EAF4FF}
.lang{display:flex;background:#EAF4FF;border-radius:999px;padding:3px}
.lang button{font:inherit;font-weight:800;min-width:46px;height:38px;border:0;border-radius:999px;background:none;color:var(--blue);cursor:pointer;font-size:15px}
.lang button[aria-pressed="true"]{background:var(--blue);color:#fff;box-shadow:0 3px 0 var(--navy)}
@media (max-width:900px){.nav .links{display:none}.nav .lang{margin-left:auto}}

/* buttons */
.btn{display:inline-flex;align-items:center;gap:10px;font-weight:800;font-size:20px;text-decoration:none;padding:12px 26px;border-radius:999px;border:0;cursor:pointer;transition:transform .15s,box-shadow .15s;line-height:1.1}
.btn.red{background:var(--red);color:#fff;box-shadow:0 6px 0 #9E1F14}
.btn.white{background:#fff;color:var(--blue);box-shadow:0 6px 0 rgba(0,48,104,.35)}
.btn.blue{background:var(--blue);color:#fff;box-shadow:0 6px 0 var(--navy)}
.btn:hover{transform:translateY(-2px)}
.btn:active{transform:translateY(4px);box-shadow:0 2px 0 rgba(0,0,0,.3)}

/* hero */
.hero{position:relative;overflow:hidden;padding:clamp(36px,6vw,72px) 0 clamp(70px,9vw,110px);color:#fff;
  background:linear-gradient(180deg,rgba(26,150,255,.92),rgba(31,235,255,.88)),url("../img/bg/hero-pattern.webp") center/cover}
.hero::after{content:"";position:absolute;left:-5%;right:-5%;bottom:-60px;height:120px;background:var(--cream);border-radius:50% 50% 0 0/100% 100% 0 0}
.hero .wrap{position:relative;z-index:1;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:24px}
.hero .logo{width:min(520px,100%);filter:drop-shadow(0 10px 0 rgba(0,48,104,.22));margin:6px 0 14px}
.hero .eyebrow{color:#FFF3B0}
.hero h1{margin:0 0 10px;font-size:clamp(30px,3.5vw,52px);line-height:1.05;text-shadow:0 4px 0 var(--navy);white-space:nowrap;width:max-content;max-width:none;position:relative;z-index:2}
.hero .wrap>*{min-width:0}
html[lang="ms"] .hero h1{font-size:clamp(26px,3vw,46px)}
.hero p.lead{color:#fff;font-weight:700;text-shadow:0 2px 0 rgba(0,48,104,.35);margin-bottom:24px}
.hero .ctas{display:flex;flex-wrap:wrap;gap:14px}
.hero .art{position:relative;display:flex;justify-content:center}
.hero .art img{height:min(480px,52vw);animation:bob 3s ease-in-out infinite;filter:drop-shadow(0 14px 10px rgba(0,48,104,.25))}
.hero .spark{position:absolute;font-size:34px;animation:twinkle 2.4s ease-in-out infinite}
@keyframes bob{50%{transform:translateY(-12px)}}
@keyframes twinkle{50%{transform:scale(1.3) rotate(20deg);opacity:.6}}
@media (max-width:820px){.hero h1{white-space:normal;width:auto}.hero .wrap{grid-template-columns:1fr;text-align:center}.hero .logo{margin:6px auto 14px}.hero .ctas{justify-content:center}.hero p.lead{margin-left:auto;margin-right:auto}.hero .art img{height:300px}}

/* cast */
.cast .grid{display:grid;grid-template-columns:1fr 1fr;gap:26px;margin-top:34px}
.char{position:relative;border-radius:34px;padding:26px 26px 28px;display:grid;grid-template-columns:42% 1fr;gap:18px;align-items:center;border:4px solid var(--navy);box-shadow:0 8px 0 var(--navy);overflow:hidden}
.char.kago{background:linear-gradient(160deg,#FFF6C9,#FFE27A)}
.char.danny{background:linear-gradient(160deg,#DDF0FF,#A9D6FF)}
.char img{width:100%;max-height:300px;object-fit:contain;filter:drop-shadow(0 10px 8px rgba(0,0,0,.15))}
.char h3{font-size:clamp(30px,3.6vw,40px)}
.char .role{font-family:"Baloo 2",system-ui,sans-serif;font-weight:800;color:var(--red);font-size:18px;margin-bottom:8px}
.char p{color:var(--ink)}
.quote{margin-top:30px;background:#fff;border:3px dashed var(--sky);border-radius:28px;padding:20px 26px;display:flex;align-items:center;gap:18px}
.quote img{width:90px;flex:none}
.quote p{font-family:"Baloo 2",system-ui,sans-serif;font-weight:700;font-size:clamp(20px,2.6vw,28px);color:var(--blue);line-height:1.2}
.values{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:30px}
.chip{display:inline-flex;align-items:center;gap:8px;background:#fff;border:3px solid var(--navy);border-radius:999px;padding:6px 16px;font-weight:800;color:var(--navy);font-size:18px}
.chip small{font-family:"Quicksand",system-ui,sans-serif;font-weight:600;color:var(--muted);font-size:14px}
@media (max-width:820px){.cast .grid{grid-template-columns:1fr}.char{grid-template-columns:36% 1fr}}
@media (max-width:560px){.char{grid-template-columns:1fr;text-align:center}.char img{max-height:220px}}

/* zones */
.zones{background:linear-gradient(180deg,var(--sand),#FFEFD0)}
.zones .grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin-top:34px}
.zone{background:#fff;border-radius:26px;overflow:hidden;border:3px solid var(--navy);box-shadow:0 6px 0 var(--navy);display:flex;flex-direction:column}
.zone img{width:100%;aspect-ratio:1;object-fit:cover}
.zone .txt{padding:14px 14px 16px;display:flex;flex-direction:column;gap:6px;flex:1}
.zone h3{font-size:22px}
.zone p{font-size:15px;color:var(--muted)}
.zone .skill{margin-top:auto;align-self:flex-start;font-family:"Baloo 2",system-ui,sans-serif;font-weight:800;font-size:14px;padding:2px 12px;border-radius:999px;color:#fff;background:var(--zc)}
@media (max-width:1000px){.zones .grid{grid-template-columns:repeat(3,1fr)}}
@media (max-width:620px){.zones .grid{grid-template-columns:repeat(2,1fr)}}

/* learn */
.flow{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:34px 0 40px;counter-reset:f}
.flow div{position:relative;background:#fff;border-radius:24px;padding:20px 18px;text-align:center;border:3px solid var(--fc);box-shadow:0 6px 0 var(--fc)}
.flow div b{display:block;font-size:44px;line-height:1.1}
.flow div h3{font-size:22px;margin:4px 0}
.flow div p{font-size:15px;color:var(--muted)}
.flow div:not(:last-child)::after{content:"➜";position:absolute;right:-17px;top:50%;transform:translateY(-50%);font-size:22px;color:var(--navy);z-index:1}
.pillars{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
.pillar{background:var(--sand);border-radius:22px;padding:18px 16px}
.pillar b{font-size:30px;display:block}
.pillar h3{font-size:19px;margin:6px 0 4px}
.pillar p{font-size:15px;color:var(--muted)}
@media (max-width:900px){.flow{grid-template-columns:1fr 1fr}.flow div::after{display:none}.pillars{grid-template-columns:1fr 1fr}}

/* episodes */
.episodes{background:linear-gradient(180deg,#1A96FF,#1FD0F5);color:#fff}
.episodes h2{color:#fff;text-shadow:0 4px 0 var(--navy)}
.episodes .lead{color:#fff;font-weight:700}
.episodes .eyebrow{color:#FFF3B0}
.featured{margin-top:34px;display:grid;grid-template-columns:auto 1fr;gap:26px;align-items:center;background:#fff;color:var(--ink);border-radius:34px;padding:22px 30px 22px 22px;border:4px solid var(--navy);box-shadow:0 10px 0 var(--navy)}
.featured .pic{position:relative;width:min(300px,34vw);aspect-ratio:1;border-radius:26px;background:radial-gradient(circle at 50% 40%,#FFF6C9,#FFD84D);display:flex;align-items:flex-end;justify-content:center;overflow:hidden}
.featured .pic .cake{position:absolute;top:3%;font-size:min(120px,13vw);animation:bob 2.6s ease-in-out infinite}
.featured .pic img{position:relative;width:62%;margin-bottom:6%}
.featured .tag{display:inline-block;background:var(--red);color:#fff;font-family:"Baloo 2",system-ui,sans-serif;font-weight:800;border-radius:999px;padding:2px 14px;font-size:15px;margin-bottom:8px}
.featured h3{font-size:clamp(30px,4vw,44px);line-height:1}
.featured p{color:var(--muted);margin:10px 0 14px;max-width:560px}
.skills{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}
.skills span{font-family:"Baloo 2",system-ui,sans-serif;font-weight:800;font-size:15px;border-radius:999px;padding:3px 14px;background:#EAF4FF;color:var(--blue)}
.skills span:nth-child(2){background:#FFE9E6;color:var(--red)}.skills span:nth-child(3){background:#F1EAFF;color:#7448D8}
.zone-label{font-family:"Baloo 2",system-ui,sans-serif;font-weight:700;color:var(--blue);font-size:15px}
@media (max-width:720px){.featured{grid-template-columns:1fr;text-align:center;padding:22px}.featured .pic{width:100%;max-width:300px;margin:0 auto}.skills{justify-content:center}.featured p{margin-left:auto;margin-right:auto}}
/* parents */
.parents .grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:30px}
.pcard{background:#fff;border-radius:26px;padding:22px;border:3px solid var(--navy);box-shadow:0 6px 0 var(--navy)}
.pcard b{font-size:36px;display:block}
.pcard h3{font-size:22px;margin:6px 0}
.pcard p{color:var(--muted);font-size:16px}
@media (max-width:820px){.parents .grid{grid-template-columns:1fr}}

/* ================= motion ================= */
.rv{opacity:0}
.rv.in{opacity:1;animation:reveal .8s cubic-bezier(.3,1.5,.5,1) var(--d,0s) backwards}
@keyframes reveal{from{opacity:0;transform:translateY(44px) scale(.95)}}
/* hero clouds */
.cloud{position:absolute;z-index:0;top:var(--y);left:-320px;width:var(--w);height:calc(var(--w)*.32);background:#fff;border-radius:999px;opacity:var(--o,.5);animation:drift var(--t) linear var(--dl) infinite;pointer-events:none}
.cloud::before,.cloud::after{content:"";position:absolute;background:#fff;border-radius:50%}
.cloud::before{width:48%;height:150%;left:14%;bottom:30%}
.cloud::after{width:34%;height:110%;right:16%;bottom:30%}
@keyframes drift{to{transform:translateX(calc(100vw + 640px))}}
/* headline letters */
.hero h1 .w{display:inline-block;white-space:nowrap}
.hero h1 .l{display:inline-block;animation:letter .7s cubic-bezier(.3,1.7,.5,1) backwards;animation-delay:calc(var(--i) * 35ms + .25s)}
@keyframes letter{0%{transform:translateY(-70px) scale(.3) rotate(-15deg);opacity:0}100%{transform:none;opacity:1}}
.hero h1.wave .l{animation:wave .55s ease calc(var(--i) * 28ms) both}
@keyframes wave{40%{transform:translateY(-14px) scale(1.12)}}
/* logo jelly */
.hero .logo{animation:jellyIn 1s cubic-bezier(.3,1.6,.5,1) both,jelly 5s ease-in-out 2.2s infinite;transform-origin:50% 80%;cursor:pointer}
@keyframes jellyIn{from{transform:scale(.3) rotate(-8deg);opacity:0}}
@keyframes jelly{0%,82%,100%{transform:none}86%{transform:scale(1.07,.93)}90%{transform:scale(.95,1.06)}94%{transform:scale(1.03,.97)}97%{transform:scale(.99,1.01)}}
.hero .art{cursor:pointer}
.hero .art.hop img{animation:hop .7s cubic-bezier(.3,1.5,.5,1)}
@keyframes hop{30%{transform:translateY(-40px) rotate(-4deg)}60%{transform:translateY(0) scale(1.05,.95)}80%{transform:translateY(-8px)}}
/* character cards */
.char .pic{position:relative}
.char .pic img{transition:opacity .2s}
.char .p2{position:absolute;inset:0;width:100%;height:100%;opacity:0}
.char.on .p1{opacity:0}.char.on .p2{opacity:1}
.char.on .pic{animation:hop .7s cubic-bezier(.3,1.5,.5,1)}
.char .hi{position:absolute;left:50%;top:-6px;transform:translateX(-50%) scale(0);background:#fff;color:var(--blue);border:3px solid var(--navy);border-radius:18px;padding:2px 14px;font-family:"Baloo 2",system-ui,sans-serif;font-weight:800;font-size:20px;white-space:nowrap;transition:transform .35s cubic-bezier(.3,1.7,.5,1);z-index:2}
.char.on .hi{transform:translateX(-50%) scale(1)}
.char{cursor:pointer;transition:transform .3s cubic-bezier(.3,1.5,.5,1)}
@media (hover:hover){.char:hover{transform:translateY(-6px) rotate(-.6deg)}}
.quote img{animation:sway 2.6s ease-in-out infinite;transform-origin:50% 90%}
@keyframes sway{0%,100%{transform:rotate(-6deg)}50%{transform:rotate(6deg) translateY(-4px)}}
.chip{transition:transform .3s cubic-bezier(.3,1.7,.5,1)}
.chip:hover{transform:translateY(-5px) scale(1.06)}
/* zones */
.zone{position:relative;transition:transform .3s cubic-bezier(.3,1.5,.5,1)}
.zone .fe{position:absolute;top:8px;right:8px;font-size:34px;filter:drop-shadow(0 3px 2px rgba(0,0,0,.25));animation:float 3s ease-in-out infinite;animation-delay:var(--fd,0s);z-index:1}
@keyframes float{0%,100%{transform:translateY(0) rotate(-6deg)}50%{transform:translateY(-10px) rotate(8deg)}}
@media (hover:hover){.zone:hover{animation:wiggle .6s ease}}
@keyframes wiggle{0%,100%{transform:rotate(0)}20%{transform:rotate(-3deg) scale(1.03)}40%{transform:rotate(3deg) scale(1.03)}60%{transform:rotate(-2deg)}80%{transform:rotate(1deg)}}
/* learning flow */
.flow div{--tint:#fff}
.flow.in div{animation:light 4.8s ease-in-out infinite;animation-delay:calc(var(--k) * 1.2s + .6s)}
.flow.in div b{animation:iconPop 4.8s ease-in-out infinite;animation-delay:calc(var(--k) * 1.2s + .6s)}
@keyframes light{0%,26%,100%{transform:none}6%,18%{transform:translateY(-10px) scale(1.05);background:var(--tint)}}
@keyframes iconPop{0%,26%,100%{transform:none}8%{transform:scale(1.35) rotate(-10deg)}16%{transform:scale(1.1) rotate(6deg)}}
.flow div:not(:last-child)::after{content:"";right:-21px;width:26px;height:8px;background:radial-gradient(circle,var(--navy) 3px,transparent 3.5px) 0 50%/9px 8px repeat-x;animation:march .5s linear infinite}
@keyframes march{to{background-position:9px 50%}}
.pillar{transition:transform .3s cubic-bezier(.3,1.7,.5,1)}
.pillar:hover{transform:translateY(-6px)}
.pillar:hover b{animation:iconPop 1s ease}
/* episode 1 card */
.featured .pic{display:block}
.hcake{position:absolute;left:50%;top:31%;width:150px;height:150px;margin-left:-75px;animation:bob 2.6s ease-in-out infinite}
.hcake .plate{position:absolute;left:-14px;right:-14px;bottom:-6px;height:30px;border-radius:50%;background:#fff;box-shadow:0 5px 0 #E8C200}
.hcake .heart{position:absolute;left:0;width:150px;height:126px}
.hcake .hs{top:22px;background:linear-gradient(90deg,#F27BA7,#FF9CC2 40%,#E9659A)}
.hcake .ht{top:6px;background:radial-gradient(ellipse at 40% 35%,#FFE3EF,#FFB8D5 70%)}
.hcake .hc{position:absolute;left:66px;top:-46px;width:18px;height:62px;border-radius:5px;background:repeating-linear-gradient(-35deg,#9B5CFF 0 9px,rgba(255,255,255,.75) 9px 13px)}
.hcake .hc::before{content:"";position:absolute;left:7px;top:-9px;width:4px;height:10px;background:#5B5342;border-radius:2px}
.hcake .hc i{position:absolute;left:50%;top:-38px;width:20px;height:30px;margin-left:-10px;border-radius:50% 50% 50% 50%/60% 60% 40% 40%;background:radial-gradient(ellipse at 50% 70%,#fff 0 18%,#FFE066 35%,#FF9A1F 75%);box-shadow:0 0 22px 8px rgba(255,190,60,.55);transform-origin:50% 100%;animation:flicker .18s ease-in-out infinite alternate}
@keyframes flicker{from{transform:scale(1,1) rotate(-3deg)}to{transform:scale(.9,1.1) rotate(3deg)}}
.featured .pic .kg{position:absolute;right:-2%;bottom:0;width:46%;margin:0;animation:sway 2.6s ease-in-out infinite;transform-origin:50% 100%}
.rh{position:absolute;bottom:30%;left:var(--x);font-size:24px;opacity:0;animation:riseH 3.2s ease-out infinite;animation-delay:var(--d)}
@keyframes riseH{0%{opacity:0;transform:translateY(0) scale(.5)}15%{opacity:1}100%{opacity:0;transform:translateY(-170px) translateX(var(--sx,10px)) scale(1.1)}}
.shine{position:relative;overflow:hidden;animation:pulse 2s ease-in-out infinite}
.shine::after{content:"";position:absolute;top:-20%;bottom:-20%;width:40%;left:-60%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.65),transparent);transform:skewX(-20deg);animation:sweep 2.8s ease-in-out infinite}
@keyframes sweep{0%,55%{left:-60%}85%,100%{left:130%}}
@keyframes pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.06)}}
.btn-wrap{position:relative;display:inline-block}
.btn-wrap .spk{position:absolute;font-size:20px;animation:twinkle 1.8s ease-in-out infinite;pointer-events:none}
/* more line */
.more{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:30px;font-family:"Baloo 2",system-ui,sans-serif;font-weight:800;font-size:clamp(20px,2.6vw,26px);color:#fff;text-shadow:0 3px 0 var(--navy)}
.dots{display:inline-flex;gap:6px}
.dots i{width:11px;height:11px;border-radius:50%;background:#FFF3B0;box-shadow:0 2px 0 var(--navy);animation:dotJump 1.2s ease-in-out infinite}
.dots i:nth-child(2){animation-delay:.15s}.dots i:nth-child(3){animation-delay:.3s}
@keyframes dotJump{0%,60%,100%{transform:none}30%{transform:translateY(-10px)}}
/* ribbon marquee */
.rwrap{overflow:hidden;padding:18px 0;margin:-18px 0;position:relative;z-index:3}
.ribbon{background:var(--red);border-top:4px solid var(--navy);border-bottom:4px solid var(--navy);transform:rotate(-1.6deg);margin:0 -20px;padding:10px 0}
.ribbon.blue{background:var(--blue);transform:rotate(1.4deg)}
.track{display:flex;width:max-content;animation:marquee 26s linear infinite}
.ribbon.blue .track{animation-direction:reverse}
.track span{font-family:"Baloo 2",system-ui,sans-serif;font-weight:800;font-size:clamp(18px,2.4vw,26px);color:#fff;padding:0 16px;white-space:nowrap}
.track span.e{color:#FFF3B0}
@keyframes marquee{to{transform:translateX(-50%)}}
/* peeking Kago */
.peek{position:fixed;right:12px;bottom:-8px;width:120px;padding:0;border:0;background:none;cursor:pointer;z-index:60;transform:translateY(120%);transition:transform .55s cubic-bezier(.3,1.5,.5,1)}
.peek.show{transform:translateY(22%)}
.peek:hover,.peek:focus-visible{transform:translateY(4%)}
.peek img{width:100%;filter:drop-shadow(0 6px 6px rgba(0,0,0,.2));animation:peekWig 3.4s ease-in-out infinite;transform-origin:50% 100%}
.peek.hop img{animation:hop .7s cubic-bezier(.3,1.5,.5,1)}
.peek .tip{position:absolute;left:-4px;top:-12px;background:#fff;color:var(--blue);border:3px solid var(--navy);border-radius:14px;padding:0 10px;font-family:"Baloo 2",system-ui,sans-serif;font-weight:800;font-size:15px;white-space:nowrap}
@keyframes peekWig{0%,70%,100%{transform:rotate(0)}76%{transform:rotate(-8deg)}84%{transform:rotate(7deg)}92%{transform:rotate(-3deg)}}
/* lighter on phones */
@media (max-width:700px){.cloud.c3,.cloud.c4,.hero .spark.x{display:none}.rh.x{display:none}.peek{width:92px}.track{animation-duration:20s}}
@media (prefers-reduced-motion:reduce){.rv{opacity:1}.cloud{display:none}}

footer{background:var(--navy);color:#CFE4FF;padding:40px 0 30px;font-size:15px}
footer .wrap{display:flex;align-items:center;gap:22px;flex-wrap:wrap;justify-content:space-between}
footer img{height:64px}
footer .tag{font-family:"Baloo 2",system-ui,sans-serif;font-weight:800;color:#fff;font-size:20px}
@media (prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important}}

/* TVS strip */
.tvs-strip{background:var(--cream);padding:6px 0 4px;position:relative;z-index:2}
.tvs-card{display:flex;align-items:center;justify-content:center;gap:clamp(12px,2.4vw,22px);width:max-content;max-width:100%;margin:0 auto;
  background:#fff;border:3px solid var(--navy);border-radius:999px;box-shadow:0 6px 0 var(--navy);padding:12px clamp(20px,3vw,34px);
  text-decoration:none;color:var(--navy);transition:transform .25s cubic-bezier(.3,1.6,.5,1),box-shadow .2s}
.tvs-card img{height:clamp(36px,4.4vw,52px);width:auto;display:block}
.tvs-txt{font-family:"Baloo 2",system-ui,sans-serif;font-weight:800;font-size:clamp(20px,2.6vw,30px);line-height:1;white-space:nowrap}
.tvs-go{display:flex;align-items:center;justify-content:center;width:clamp(32px,3.4vw,40px);height:clamp(32px,3.4vw,40px);border-radius:50%;background:var(--red);color:#fff;font-size:clamp(22px,2.6vw,28px);font-weight:800;line-height:1;padding-bottom:3px}
@media (hover:hover){.tvs-card:hover{transform:translateY(-3px) rotate(-1deg);box-shadow:0 9px 0 var(--navy)}}
.tvs-card:active{transform:translateY(4px);box-shadow:0 2px 0 var(--navy)}
footer .support{font-weight:700;margin-top:2px}