@font-face{font-family:'Baloo Bhaijaan 2';font-style:normal;font-display:swap;font-weight:500;src:url(/assets/fonts/baloo-bhaijaan-2-arabic-500-normal.woff2) format('woff2');unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}
@font-face{font-family:'Baloo Bhaijaan 2';font-style:normal;font-display:swap;font-weight:600;src:url(/assets/fonts/baloo-bhaijaan-2-arabic-600-normal.woff2) format('woff2');unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}
@font-face{font-family:'Baloo Bhaijaan 2';font-style:normal;font-display:swap;font-weight:700;src:url(/assets/fonts/baloo-bhaijaan-2-arabic-700-normal.woff2) format('woff2');unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}
@font-face{font-family:'Baloo Bhaijaan 2';font-style:normal;font-display:swap;font-weight:800;src:url(/assets/fonts/baloo-bhaijaan-2-arabic-800-normal.woff2) format('woff2');unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}
@font-face{font-family:'Baloo Bhaijaan 2';font-style:normal;font-display:swap;font-weight:500;src:url(/assets/fonts/baloo-bhaijaan-2-latin-500-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Baloo Bhaijaan 2';font-style:normal;font-display:swap;font-weight:600;src:url(/assets/fonts/baloo-bhaijaan-2-latin-600-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Baloo Bhaijaan 2';font-style:normal;font-display:swap;font-weight:700;src:url(/assets/fonts/baloo-bhaijaan-2-latin-700-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Baloo Bhaijaan 2';font-style:normal;font-display:swap;font-weight:800;src:url(/assets/fonts/baloo-bhaijaan-2-latin-800-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

/* Layout: the channel's banner, made interactive. Cream paper, purple brush strokes, glossy 3D "clay" stickers and tiles, tilted purple/yellow label pills. Single committed light look, matching the brand art. */
:root{
  color-scheme:light;
  --bg:#FFFFFF; --paper:#FFFFFF; --cream-2:#F8EEDF;
  --ink:#26185A; --muted:#6C6191; --line:#EFE4F6;
  --purple:#6A35E0; --purple-2:#8F5CFF; --purple-soft:#EFE7FF;
  --sun:#FFC21A; --sun-2:#FFD95A; --sun-ink:#26185A;
  --pink:#FF3D8B; --blue:#2BB4F2;
  --coral:#FF3D8B; --teal:#2BB4F2; --sky:#2BB4F2;
  --good:#18B565; --good-soft:#DDF7E8; --bad:#F0384F; --bad-soft:#FFE3E7;
  --overlay:rgba(38,24,90,.55);
  --clay:0 1px 0 #fff inset,0 22px 44px -22px rgba(76,40,170,.38),0 3px 0 rgba(76,40,170,.06);
  --f:"Baloo Bhaijaan 2","Segoe UI Rounded","Segoe UI",Tahoma,system-ui,sans-serif;
  --r:28px; --gutter:clamp(16px,4vw,40px); --max:1200px;
  --brush:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 80' preserveAspectRatio='none'%3E%3Cpath fill='%236A35E0' d='M10 20C70 8 170 13 300 9 430 5 520 7 590 13l-8 11 14 9-10 11 12 13C500 70 400 75 290 72 170 69 80 75 6 67l10-12L2 45l12-11L4 26Z'/%3E%3Cpath fill='%236A35E0' opacity='.45' d='M30 4h120l-2 3H34ZM420 74h140l-3 3H424Z'/%3E%3C/svg%3E");
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:96px;background:var(--bg)}
body{background:var(--bg);color:var(--ink);font-family:var(--f);font-size:17px;font-weight:500;line-height:1.6;-webkit-font-smoothing:antialiased}
html[lang="en"] body{font-size:16px}
main{overflow-x:clip;position:relative;z-index:0}
a{color:inherit}
button{font:inherit;color:inherit;cursor:pointer;background:none;border:0}
:focus-visible{outline:3px solid var(--purple);outline-offset:3px;border-radius:12px}
.wrap{max-width:var(--max);margin-inline:auto;padding-inline:var(--gutter)}
h1,h2,h3{font-weight:800;line-height:1.15;text-wrap:balance;margin:0}
p{margin:0}

/* paper texture: brand confetti, brush streaks and halftone dots */
body{background:var(--bg)}
.deco{position:absolute;z-index:-1;pointer-events:none;user-select:none;max-width:none}
.d-brush{top:-90px;left:-30px;width:clamp(260px,34vw,460px);height:auto;opacity:.95}
.d-brush.br{top:auto;left:auto;bottom:-40px;right:-30px;transform:rotate(180deg)}
.d-dots{width:clamp(120px,14vw,200px);height:auto;left:0;top:40px;opacity:.85}
.d-dots.r{left:auto;right:0;transform:scaleX(-1)}
.d-wash{position:absolute;z-index:-1;pointer-events:none;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(143,92,255,.14),transparent 65%)}
@media (max-width:700px){.d-dots{width:90px;opacity:.6}.d-brush{width:220px;top:-70px}}
/* clay surfaces */
.tile{background:var(--paper);border:1.5px solid var(--line);border-radius:var(--r);box-shadow:var(--clay);transition:transform .3s cubic-bezier(.2,1.4,.4,1),box-shadow .3s}
button.tile,a.tile{text-align:start;text-decoration:none;display:block}
button.tile:hover,a.tile:hover{transform:translateY(-5px) rotate(-.4deg);box-shadow:0 1px 0 #fff inset,0 30px 50px -22px rgba(76,40,170,.45)}
button.tile:active,a.tile:active{transform:scale(.98)}

/* glossy 3D squircles */
.gl{position:relative;display:grid;place-items:center;border-radius:24%;background:linear-gradient(160deg,var(--c1),var(--c2));color:var(--gi,#fff);box-shadow:inset 0 4px 0 rgba(255,255,255,.55),inset 0 -7px 0 rgba(0,0,0,.14),0 14px 24px -12px var(--c2)}
.gl::after{content:"";position:absolute;top:8%;inset-inline:16%;height:28%;border-radius:999px;background:linear-gradient(rgba(255,255,255,.65),rgba(255,255,255,0))}
.gl svg{position:relative;width:64%;height:64%;filter:drop-shadow(0 3px 0 rgba(0,0,0,.14))}
.g-sun{--c1:#FFE074;--c2:#FFB81A;--gi:var(--purple)}
.g-purple{--c1:#A57BFF;--c2:#6A35E0}
.g-pink{--c1:#FF79B0;--c2:#F2287A}
.g-blue{--c1:#6FD3FF;--c2:#1C9FE0}
.g-teal{--c1:#5EEBE8;--c2:#08A8A5}
.g-white{--c1:#FFFFFF;--c2:#EDE6FA;--gi:var(--purple)}
.g-white{box-shadow:inset 0 4px 0 #fff,inset 0 -7px 0 rgba(106,53,224,.12),0 14px 24px -12px rgba(106,53,224,.5),0 0 0 2.5px var(--purple)}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5em;border-radius:999px;padding:.7em 1.5em .6em;font-weight:800;font-size:1.05rem;text-decoration:none;white-space:nowrap;background:var(--paper);border:2px solid var(--line);color:var(--ink);transition:transform .25s cubic-bezier(.2,1.5,.4,1),box-shadow .25s}
.btn:hover{transform:translateY(-3px) scale(1.03)}
.btn:active{transform:scale(.96)}
.btn svg{width:1.15em;height:1.15em;flex:none}
.btn-sun{background:linear-gradient(170deg,var(--sun-2),var(--sun));border-color:transparent;color:var(--sun-ink);box-shadow:inset 0 3px 0 rgba(255,255,255,.6),inset 0 -5px 0 rgba(0,0,0,.1),0 14px 26px -12px #E09A00}
.btn-pur{background:linear-gradient(170deg,var(--purple-2),var(--purple));border-color:transparent;color:#fff;box-shadow:inset 0 3px 0 rgba(255,255,255,.35),inset 0 -5px 0 rgba(0,0,0,.15),0 14px 26px -12px var(--purple)}
.btn-sub{background:linear-gradient(170deg,#FF5A5F,#E5141F);border-color:transparent;color:#fff;box-shadow:inset 0 3px 0 rgba(255,255,255,.35),inset 0 -5px 0 rgba(0,0,0,.15),0 12px 24px -12px #E5141F}

/* header */
.top{position:sticky;top:env(safe-area-inset-top,0px);z-index:20;padding-top:12px}
.bar{display:flex;align-items:center;gap:12px;padding:8px;border-radius:999px;background:rgba(255,255,255,.82);border:1.5px solid var(--line);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 14px 34px -20px rgba(76,40,170,.4)}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;flex:none;padding-inline-end:6px}
.brand img{width:46px;height:46px;border-radius:50%}
.brand b{font-weight:800;font-size:1.4rem;line-height:1}
.nav{display:flex;gap:2px;margin-inline-start:auto}
.nav a{text-decoration:none;font-size:1rem;font-weight:700;padding:.35em .9em .25em;border-radius:999px;color:var(--muted);transition:background .2s,color .2s}
.nav a:hover{color:var(--purple);background:var(--purple-soft)}
.top-actions{display:flex;gap:8px;align-items:center}
.lang{border:2px solid var(--line);border-radius:999px;padding:.35em .9em .25em;font-weight:800;font-size:.95rem;background:var(--paper)}
.lang:hover{border-color:var(--purple);color:var(--purple)}
.top .btn{padding:.5em 1.1em .4em;font-size:1rem}
@media (max-width:1000px){.nav{display:none}.top-actions{margin-inline-start:auto}}
@media (max-width:440px){.top .btn-sub span{display:none}.top .btn-sub{padding:.55em .75em}.brand b{font-size:1.2rem}.brand img{width:40px;height:40px}}

/* hero */
.hero{position:relative;margin-top:-96px;padding-block:calc(96px + clamp(24px,5vw,56px)) clamp(24px,4vw,48px);background:linear-gradient(180deg,#EEE4FF 0%,#F3ECFF 55%,#F0E6FF 100%)}
.hero .wrap{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(12px,3vw,40px);align-items:center}
.hero-copy{min-width:0;display:flex;flex-direction:column;align-items:flex-start}
.kicker{display:inline-block;background:var(--sun);color:var(--sun-ink);font-weight:800;padding:.2em .9em .1em;border-radius:12px;transform:rotate(-3deg);box-shadow:inset 0 -4px 0 rgba(0,0,0,.08);margin-bottom:10px;font-size:1.05rem}
.hero h1{font-size:clamp(3.4rem,9vw,6.6rem);line-height:1.05;letter-spacing:-.01em;display:flex;flex-wrap:wrap;column-gap:.2em;align-items:baseline}
.hero h1 span{-webkit-text-stroke:.16em #fff;paint-order:stroke fill;filter:drop-shadow(0 6px 0 rgba(76,40,170,.12)) drop-shadow(0 12px 18px rgba(76,40,170,.18))}
.hero h1 .a{color:#FFC20E;filter:drop-shadow(0 5px 0 #E39A00) drop-shadow(0 14px 18px rgba(227,154,0,.28))}
.hero h1 .b{color:#2A1A5E;filter:drop-shadow(0 5px 0 rgba(42,26,94,.25)) drop-shadow(0 14px 18px rgba(76,40,170,.2))}
.hero h1 .zap{display:inline-block;width:.5em;height:.7em;align-self:center;-webkit-text-stroke:0;filter:drop-shadow(0 3px 0 #E39A00)}
.hero h1 .zap svg{width:100%;height:100%;display:block}
html[lang="en"] .hero h1{font-size:clamp(2.9rem,7.4vw,5.4rem)}
.underline{width:min(100%,520px);height:18px;margin-top:2px;color:var(--purple)}
.slogan{font-size:clamp(1.2rem,2.3vw,1.5rem);color:var(--muted);font-weight:600;margin-block:12px 22px;max-width:30ch}
.hcats{display:flex;flex-wrap:wrap;gap:14px 10px;margin-bottom:24px}
.hcat{display:flex;flex-direction:column;align-items:center;gap:6px;text-decoration:none;width:84px;text-align:center}
.hcat .gl{width:66px;height:66px;transition:transform .35s cubic-bezier(.2,1.6,.4,1)}
.hcat:hover .gl{transform:translateY(-6px) rotate(-8deg)}
.hcat b{font-size:.92rem;line-height:1.2;font-weight:800}
.motto{display:inline-block;background:var(--brush) center/100% 100% no-repeat;color:#fff;font-weight:800;font-size:clamp(1.05rem,2vw,1.3rem);padding:.45em 1.6em .35em;margin-bottom:24px;word-spacing:.15em}
.motto i{font-style:normal;color:var(--sun);padding-inline:.3em}
.hero-ctas{display:flex;flex-wrap:wrap;gap:12px}
.orbit{position:relative;aspect-ratio:1;width:min(100%,460px);justify-self:center;max-width:100%}
.orbit::before{content:"";position:absolute;inset:8%;border-radius:50%;background:conic-gradient(from 0deg,#FFC20E,#FF3D8B,#8F5CFF,#2BB4F2,#FFC20E);filter:blur(42px);opacity:.38;animation:spin 16s linear infinite}
.orbit .ring{position:absolute;inset:3%;border-radius:50%;border:3px dashed rgba(106,53,224,.28);animation:spin 50s linear infinite}
.orbit .ring2{position:absolute;inset:-4%;border-radius:50%;border:2px dotted rgba(255,194,14,.6);animation:spin 70s linear infinite reverse}
.orbit .logo{position:absolute;inset:14%;width:72%;height:72%;border-radius:50%;filter:drop-shadow(0 26px 34px rgba(76,40,170,.35));animation:bob 6s ease-in-out infinite}
.orbit .gl{position:absolute;animation:float 5.5s ease-in-out infinite}
.orbit .o1{width:76px;height:76px;top:3%;inset-inline-start:4%;rotate:-12deg}
.orbit .o2{width:68px;height:68px;top:9%;inset-inline-end:1%;animation-delay:-1.4s;rotate:10deg}
.orbit .o3{width:64px;height:64px;bottom:9%;inset-inline-start:0;animation-delay:-2.8s;rotate:8deg}
.orbit .o4{width:80px;height:80px;bottom:1%;inset-inline-end:8%;animation-delay:-2s;rotate:-8deg}
@keyframes spin{to{transform:rotate(1turn)}}
@keyframes bob{50%{transform:translateY(-12px) rotate(-1deg)}}
@media (max-width:860px){.hero .wrap{grid-template-columns:1fr}.orbit{width:min(76%,340px);grid-row:1}.orbit .o1,.orbit .o4{width:58px;height:58px}.orbit .o2,.orbit .o3{width:50px;height:50px}.hero-copy{align-items:center;text-align:center}.hero h1{justify-content:center}.underline{margin-inline:auto}.hcats,.hero-ctas{justify-content:center}}
@media (max-width:520px){.hcats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;width:100%}.hcat{width:auto}.hcat .gl{width:54px;height:54px}.hcat b{font-size:.78rem}}

/* floating stickers */
.stk{position:absolute;pointer-events:none;animation:float 7s ease-in-out infinite;z-index:0}
@keyframes float{50%{translate:0 -14px;rotate:6deg}}

/* category zones: big soft blobs, PG-logo palette */
.zones{display:flex;flex-direction:column;padding-top:clamp(8px,2vw,20px)}
.zone{padding-block:clamp(36px,5vw,64px);background:linear-gradient(180deg,rgba(255,255,255,0),var(--tint) 22%,var(--tint) 78%,rgba(255,255,255,0))}
.z-quick{--tint:#F0E6FF}
.zones .z-quick{background:linear-gradient(180deg,var(--tint),var(--tint) 78%,rgba(255,255,255,0))}
.zones{padding-top:0!important}
.z-long{--tint:#FFF3D1}
.z-quiz{--tint:#DBF6F5}
.z-pod{--tint:#E1EFFF}
.bottom{background:linear-gradient(180deg,rgba(253,246,236,0),#FDF6EC 140px);position:relative}
footer{background:#FDF6EC}
.zone{--zbg:#7B2CF5;--zt:#0A7BDC;--zink:#fff;scroll-margin-top:96px}
.z-quick{--zshape:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 1000' preserveAspectRatio='none'%3E%3Cg transform=''%3E%3Cpath fill='%237B2CF5' d='M295 0C273 2 250 9 229 18C209 27 189 40 172 55C155 71 138 91 126 111C113 130 105 152 97 174C89 196 84 219 79 242C74 264 69 287 64 310C59 333 55 356 50 379C46 402 41 425 37 449C33 472 28 495 24 518C20 541 15 564 12 587C8 611 4 634 2 658C1 682 -1 707 2 731C4 755 8 778 16 800C24 822 35 843 50 861C64 880 83 897 102 909C120 922 141 932 163 938C185 944 209 946 233 948C257 949 281 946 305 945C329 943 353 940 377 939C401 938 426 937 450 939C474 941 497 945 519 950C542 955 563 962 585 968C608 974 629 981 652 986C674 991 697 996 720 998C744 1000 770 1001 793 998C816 995 839 990 859 981C880 972 900 961 918 946C935 931 951 910 963 890C975 870 982 848 988 825C993 803 996 779 998 755C1000 731 1000 706 1000 682C1000 657 1000 632 998 608C997 584 995 560 993 536C990 512 988 488 985 464C983 441 980 417 977 393C974 370 971 346 968 322C964 299 962 275 956 252C951 230 947 207 937 186C927 165 912 143 896 127C880 111 860 98 839 89C818 80 795 76 772 74C748 72 724 78 700 79C676 81 652 86 628 85C605 85 580 81 558 77C535 72 514 65 492 57C471 50 451 40 430 32C409 24 388 14 366 8C344 3 318 -2 295 0Z'/%3E%3C/g%3E%3C/svg%3E");--tshape:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 1000' preserveAspectRatio='none'%3E%3Cg transform='translate(1000,0) scale(-1,1)'%3E%3Cpath transform='translate(0,60) scale(1,0.94)' fill='%23075CA8' d='M295 0C273 2 250 9 229 18C209 27 189 40 172 55C155 71 138 91 126 111C113 130 105 152 97 174C89 196 84 219 79 242C74 264 69 287 64 310C59 333 55 356 50 379C46 402 41 425 37 449C33 472 28 495 24 518C20 541 15 564 12 587C8 611 4 634 2 658C1 682 -1 707 2 731C4 755 8 778 16 800C24 822 35 843 50 861C64 880 83 897 102 909C120 922 141 932 163 938C185 944 209 946 233 948C257 949 281 946 305 945C329 943 353 940 377 939C401 938 426 937 450 939C474 941 497 945 519 950C542 955 563 962 585 968C608 974 629 981 652 986C674 991 697 996 720 998C744 1000 770 1001 793 998C816 995 839 990 859 981C880 972 900 961 918 946C935 931 951 910 963 890C975 870 982 848 988 825C993 803 996 779 998 755C1000 731 1000 706 1000 682C1000 657 1000 632 998 608C997 584 995 560 993 536C990 512 988 488 985 464C983 441 980 417 977 393C974 370 971 346 968 322C964 299 962 275 956 252C951 230 947 207 937 186C927 165 912 143 896 127C880 111 860 98 839 89C818 80 795 76 772 74C748 72 724 78 700 79C676 81 652 86 628 85C605 85 580 81 558 77C535 72 514 65 492 57C471 50 451 40 430 32C409 24 388 14 366 8C344 3 318 -2 295 0Z'/%3E%3Cpath transform='translate(0,0) scale(1,0.94)' fill='%230A7BDC' d='M295 0C273 2 250 9 229 18C209 27 189 40 172 55C155 71 138 91 126 111C113 130 105 152 97 174C89 196 84 219 79 242C74 264 69 287 64 310C59 333 55 356 50 379C46 402 41 425 37 449C33 472 28 495 24 518C20 541 15 564 12 587C8 611 4 634 2 658C1 682 -1 707 2 731C4 755 8 778 16 800C24 822 35 843 50 861C64 880 83 897 102 909C120 922 141 932 163 938C185 944 209 946 233 948C257 949 281 946 305 945C329 943 353 940 377 939C401 938 426 937 450 939C474 941 497 945 519 950C542 955 563 962 585 968C608 974 629 981 652 986C674 991 697 996 720 998C744 1000 770 1001 793 998C816 995 839 990 859 981C880 972 900 961 918 946C935 931 951 910 963 890C975 870 982 848 988 825C993 803 996 779 998 755C1000 731 1000 706 1000 682C1000 657 1000 632 998 608C997 584 995 560 993 536C990 512 988 488 985 464C983 441 980 417 977 393C974 370 971 346 968 322C964 299 962 275 956 252C951 230 947 207 937 186C927 165 912 143 896 127C880 111 860 98 839 89C818 80 795 76 772 74C748 72 724 78 700 79C676 81 652 86 628 85C605 85 580 81 558 77C535 72 514 65 492 57C471 50 451 40 430 32C409 24 388 14 366 8C344 3 318 -2 295 0Z'/%3E%3C/g%3E%3C/svg%3E")}
.z-long{--zshape:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 1000' preserveAspectRatio='none'%3E%3Cg transform='translate(1000,0) scale(-1,1)'%3E%3Cpath fill='%23FFB703' d='M295 0C273 2 250 9 229 18C209 27 189 40 172 55C155 71 138 91 126 111C113 130 105 152 97 174C89 196 84 219 79 242C74 264 69 287 64 310C59 333 55 356 50 379C46 402 41 425 37 449C33 472 28 495 24 518C20 541 15 564 12 587C8 611 4 634 2 658C1 682 -1 707 2 731C4 755 8 778 16 800C24 822 35 843 50 861C64 880 83 897 102 909C120 922 141 932 163 938C185 944 209 946 233 948C257 949 281 946 305 945C329 943 353 940 377 939C401 938 426 937 450 939C474 941 497 945 519 950C542 955 563 962 585 968C608 974 629 981 652 986C674 991 697 996 720 998C744 1000 770 1001 793 998C816 995 839 990 859 981C880 972 900 961 918 946C935 931 951 910 963 890C975 870 982 848 988 825C993 803 996 779 998 755C1000 731 1000 706 1000 682C1000 657 1000 632 998 608C997 584 995 560 993 536C990 512 988 488 985 464C983 441 980 417 977 393C974 370 971 346 968 322C964 299 962 275 956 252C951 230 947 207 937 186C927 165 912 143 896 127C880 111 860 98 839 89C818 80 795 76 772 74C748 72 724 78 700 79C676 81 652 86 628 85C605 85 580 81 558 77C535 72 514 65 492 57C471 50 451 40 430 32C409 24 388 14 366 8C344 3 318 -2 295 0Z'/%3E%3C/g%3E%3C/svg%3E");--tshape:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 1000' preserveAspectRatio='none'%3E%3Cg transform=''%3E%3Cpath transform='translate(0,60) scale(1,0.94)' fill='%23C9222A' d='M295 0C273 2 250 9 229 18C209 27 189 40 172 55C155 71 138 91 126 111C113 130 105 152 97 174C89 196 84 219 79 242C74 264 69 287 64 310C59 333 55 356 50 379C46 402 41 425 37 449C33 472 28 495 24 518C20 541 15 564 12 587C8 611 4 634 2 658C1 682 -1 707 2 731C4 755 8 778 16 800C24 822 35 843 50 861C64 880 83 897 102 909C120 922 141 932 163 938C185 944 209 946 233 948C257 949 281 946 305 945C329 943 353 940 377 939C401 938 426 937 450 939C474 941 497 945 519 950C542 955 563 962 585 968C608 974 629 981 652 986C674 991 697 996 720 998C744 1000 770 1001 793 998C816 995 839 990 859 981C880 972 900 961 918 946C935 931 951 910 963 890C975 870 982 848 988 825C993 803 996 779 998 755C1000 731 1000 706 1000 682C1000 657 1000 632 998 608C997 584 995 560 993 536C990 512 988 488 985 464C983 441 980 417 977 393C974 370 971 346 968 322C964 299 962 275 956 252C951 230 947 207 937 186C927 165 912 143 896 127C880 111 860 98 839 89C818 80 795 76 772 74C748 72 724 78 700 79C676 81 652 86 628 85C605 85 580 81 558 77C535 72 514 65 492 57C471 50 451 40 430 32C409 24 388 14 366 8C344 3 318 -2 295 0Z'/%3E%3Cpath transform='translate(0,0) scale(1,0.94)' fill='%23FF3B3B' d='M295 0C273 2 250 9 229 18C209 27 189 40 172 55C155 71 138 91 126 111C113 130 105 152 97 174C89 196 84 219 79 242C74 264 69 287 64 310C59 333 55 356 50 379C46 402 41 425 37 449C33 472 28 495 24 518C20 541 15 564 12 587C8 611 4 634 2 658C1 682 -1 707 2 731C4 755 8 778 16 800C24 822 35 843 50 861C64 880 83 897 102 909C120 922 141 932 163 938C185 944 209 946 233 948C257 949 281 946 305 945C329 943 353 940 377 939C401 938 426 937 450 939C474 941 497 945 519 950C542 955 563 962 585 968C608 974 629 981 652 986C674 991 697 996 720 998C744 1000 770 1001 793 998C816 995 839 990 859 981C880 972 900 961 918 946C935 931 951 910 963 890C975 870 982 848 988 825C993 803 996 779 998 755C1000 731 1000 706 1000 682C1000 657 1000 632 998 608C997 584 995 560 993 536C990 512 988 488 985 464C983 441 980 417 977 393C974 370 971 346 968 322C964 299 962 275 956 252C951 230 947 207 937 186C927 165 912 143 896 127C880 111 860 98 839 89C818 80 795 76 772 74C748 72 724 78 700 79C676 81 652 86 628 85C605 85 580 81 558 77C535 72 514 65 492 57C471 50 451 40 430 32C409 24 388 14 366 8C344 3 318 -2 295 0Z'/%3E%3C/g%3E%3C/svg%3E")}
.z-quiz{--zshape:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 1000' preserveAspectRatio='none'%3E%3Cg transform='translate(0,1000) scale(1,-1)'%3E%3Cpath fill='%230CC4C1' d='M295 0C273 2 250 9 229 18C209 27 189 40 172 55C155 71 138 91 126 111C113 130 105 152 97 174C89 196 84 219 79 242C74 264 69 287 64 310C59 333 55 356 50 379C46 402 41 425 37 449C33 472 28 495 24 518C20 541 15 564 12 587C8 611 4 634 2 658C1 682 -1 707 2 731C4 755 8 778 16 800C24 822 35 843 50 861C64 880 83 897 102 909C120 922 141 932 163 938C185 944 209 946 233 948C257 949 281 946 305 945C329 943 353 940 377 939C401 938 426 937 450 939C474 941 497 945 519 950C542 955 563 962 585 968C608 974 629 981 652 986C674 991 697 996 720 998C744 1000 770 1001 793 998C816 995 839 990 859 981C880 972 900 961 918 946C935 931 951 910 963 890C975 870 982 848 988 825C993 803 996 779 998 755C1000 731 1000 706 1000 682C1000 657 1000 632 998 608C997 584 995 560 993 536C990 512 988 488 985 464C983 441 980 417 977 393C974 370 971 346 968 322C964 299 962 275 956 252C951 230 947 207 937 186C927 165 912 143 896 127C880 111 860 98 839 89C818 80 795 76 772 74C748 72 724 78 700 79C676 81 652 86 628 85C605 85 580 81 558 77C535 72 514 65 492 57C471 50 451 40 430 32C409 24 388 14 366 8C344 3 318 -2 295 0Z'/%3E%3C/g%3E%3C/svg%3E");--tshape:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 1000' preserveAspectRatio='none'%3E%3Cg transform='translate(1000,1000) scale(-1,-1)'%3E%3Cpath transform='translate(0,0) scale(1,0.94)' fill='%235A17C4' d='M295 0C273 2 250 9 229 18C209 27 189 40 172 55C155 71 138 91 126 111C113 130 105 152 97 174C89 196 84 219 79 242C74 264 69 287 64 310C59 333 55 356 50 379C46 402 41 425 37 449C33 472 28 495 24 518C20 541 15 564 12 587C8 611 4 634 2 658C1 682 -1 707 2 731C4 755 8 778 16 800C24 822 35 843 50 861C64 880 83 897 102 909C120 922 141 932 163 938C185 944 209 946 233 948C257 949 281 946 305 945C329 943 353 940 377 939C401 938 426 937 450 939C474 941 497 945 519 950C542 955 563 962 585 968C608 974 629 981 652 986C674 991 697 996 720 998C744 1000 770 1001 793 998C816 995 839 990 859 981C880 972 900 961 918 946C935 931 951 910 963 890C975 870 982 848 988 825C993 803 996 779 998 755C1000 731 1000 706 1000 682C1000 657 1000 632 998 608C997 584 995 560 993 536C990 512 988 488 985 464C983 441 980 417 977 393C974 370 971 346 968 322C964 299 962 275 956 252C951 230 947 207 937 186C927 165 912 143 896 127C880 111 860 98 839 89C818 80 795 76 772 74C748 72 724 78 700 79C676 81 652 86 628 85C605 85 580 81 558 77C535 72 514 65 492 57C471 50 451 40 430 32C409 24 388 14 366 8C344 3 318 -2 295 0Z'/%3E%3Cpath transform='translate(0,60) scale(1,0.94)' fill='%237B2CF5' d='M295 0C273 2 250 9 229 18C209 27 189 40 172 55C155 71 138 91 126 111C113 130 105 152 97 174C89 196 84 219 79 242C74 264 69 287 64 310C59 333 55 356 50 379C46 402 41 425 37 449C33 472 28 495 24 518C20 541 15 564 12 587C8 611 4 634 2 658C1 682 -1 707 2 731C4 755 8 778 16 800C24 822 35 843 50 861C64 880 83 897 102 909C120 922 141 932 163 938C185 944 209 946 233 948C257 949 281 946 305 945C329 943 353 940 377 939C401 938 426 937 450 939C474 941 497 945 519 950C542 955 563 962 585 968C608 974 629 981 652 986C674 991 697 996 720 998C744 1000 770 1001 793 998C816 995 839 990 859 981C880 972 900 961 918 946C935 931 951 910 963 890C975 870 982 848 988 825C993 803 996 779 998 755C1000 731 1000 706 1000 682C1000 657 1000 632 998 608C997 584 995 560 993 536C990 512 988 488 985 464C983 441 980 417 977 393C974 370 971 346 968 322C964 299 962 275 956 252C951 230 947 207 937 186C927 165 912 143 896 127C880 111 860 98 839 89C818 80 795 76 772 74C748 72 724 78 700 79C676 81 652 86 628 85C605 85 580 81 558 77C535 72 514 65 492 57C471 50 451 40 430 32C409 24 388 14 366 8C344 3 318 -2 295 0Z'/%3E%3C/g%3E%3C/svg%3E")}
.z-pod{--zshape:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 1000' preserveAspectRatio='none'%3E%3Cg transform='translate(1000,1000) scale(-1,-1)'%3E%3Cpath fill='%230A7BDC' d='M295 0C273 2 250 9 229 18C209 27 189 40 172 55C155 71 138 91 126 111C113 130 105 152 97 174C89 196 84 219 79 242C74 264 69 287 64 310C59 333 55 356 50 379C46 402 41 425 37 449C33 472 28 495 24 518C20 541 15 564 12 587C8 611 4 634 2 658C1 682 -1 707 2 731C4 755 8 778 16 800C24 822 35 843 50 861C64 880 83 897 102 909C120 922 141 932 163 938C185 944 209 946 233 948C257 949 281 946 305 945C329 943 353 940 377 939C401 938 426 937 450 939C474 941 497 945 519 950C542 955 563 962 585 968C608 974 629 981 652 986C674 991 697 996 720 998C744 1000 770 1001 793 998C816 995 839 990 859 981C880 972 900 961 918 946C935 931 951 910 963 890C975 870 982 848 988 825C993 803 996 779 998 755C1000 731 1000 706 1000 682C1000 657 1000 632 998 608C997 584 995 560 993 536C990 512 988 488 985 464C983 441 980 417 977 393C974 370 971 346 968 322C964 299 962 275 956 252C951 230 947 207 937 186C927 165 912 143 896 127C880 111 860 98 839 89C818 80 795 76 772 74C748 72 724 78 700 79C676 81 652 86 628 85C605 85 580 81 558 77C535 72 514 65 492 57C471 50 451 40 430 32C409 24 388 14 366 8C344 3 318 -2 295 0Z'/%3E%3C/g%3E%3C/svg%3E");--tshape:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 1000' preserveAspectRatio='none'%3E%3Cg transform='translate(0,1000) scale(1,-1)'%3E%3Cpath transform='translate(0,0) scale(1,0.94)' fill='%23E59A00' d='M295 0C273 2 250 9 229 18C209 27 189 40 172 55C155 71 138 91 126 111C113 130 105 152 97 174C89 196 84 219 79 242C74 264 69 287 64 310C59 333 55 356 50 379C46 402 41 425 37 449C33 472 28 495 24 518C20 541 15 564 12 587C8 611 4 634 2 658C1 682 -1 707 2 731C4 755 8 778 16 800C24 822 35 843 50 861C64 880 83 897 102 909C120 922 141 932 163 938C185 944 209 946 233 948C257 949 281 946 305 945C329 943 353 940 377 939C401 938 426 937 450 939C474 941 497 945 519 950C542 955 563 962 585 968C608 974 629 981 652 986C674 991 697 996 720 998C744 1000 770 1001 793 998C816 995 839 990 859 981C880 972 900 961 918 946C935 931 951 910 963 890C975 870 982 848 988 825C993 803 996 779 998 755C1000 731 1000 706 1000 682C1000 657 1000 632 998 608C997 584 995 560 993 536C990 512 988 488 985 464C983 441 980 417 977 393C974 370 971 346 968 322C964 299 962 275 956 252C951 230 947 207 937 186C927 165 912 143 896 127C880 111 860 98 839 89C818 80 795 76 772 74C748 72 724 78 700 79C676 81 652 86 628 85C605 85 580 81 558 77C535 72 514 65 492 57C471 50 451 40 430 32C409 24 388 14 366 8C344 3 318 -2 295 0Z'/%3E%3Cpath transform='translate(0,60) scale(1,0.94)' fill='%23FFB703' d='M295 0C273 2 250 9 229 18C209 27 189 40 172 55C155 71 138 91 126 111C113 130 105 152 97 174C89 196 84 219 79 242C74 264 69 287 64 310C59 333 55 356 50 379C46 402 41 425 37 449C33 472 28 495 24 518C20 541 15 564 12 587C8 611 4 634 2 658C1 682 -1 707 2 731C4 755 8 778 16 800C24 822 35 843 50 861C64 880 83 897 102 909C120 922 141 932 163 938C185 944 209 946 233 948C257 949 281 946 305 945C329 943 353 940 377 939C401 938 426 937 450 939C474 941 497 945 519 950C542 955 563 962 585 968C608 974 629 981 652 986C674 991 697 996 720 998C744 1000 770 1001 793 998C816 995 839 990 859 981C880 972 900 961 918 946C935 931 951 910 963 890C975 870 982 848 988 825C993 803 996 779 998 755C1000 731 1000 706 1000 682C1000 657 1000 632 998 608C997 584 995 560 993 536C990 512 988 488 985 464C983 441 980 417 977 393C974 370 971 346 968 322C964 299 962 275 956 252C951 230 947 207 937 186C927 165 912 143 896 127C880 111 860 98 839 89C818 80 795 76 772 74C748 72 724 78 700 79C676 81 652 86 628 85C605 85 580 81 558 77C535 72 514 65 492 57C471 50 451 40 430 32C409 24 388 14 366 8C344 3 318 -2 295 0Z'/%3E%3C/g%3E%3C/svg%3E")}
.z-quick{--zbg:#7B2CF5;--zt:#0A7BDC;--zink:#fff;--zr:56px 110px 70px 130px/90px 60px 120px 70px}
.z-long{--zbg:#FFB703;--zt:#FF3B3B;--zink:#2A1A5E;--zr:120px 60px 110px 70px/70px 110px 60px 120px}
.z-quiz{--zbg:#0CC4C1;--zt:#7B2CF5;--zr:70px 130px 60px 100px/110px 70px 100px 60px}
.z-pod{--zbg:#0A7BDC;--zt:#FFB703;--zr:110px 70px 130px 60px/60px 120px 70px 110px}
.blob{position:relative;display:grid;grid-template-columns:minmax(120px,170px) minmax(0,1fr);gap:clamp(16px,3vw,36px);align-items:center;color:var(--zink);padding:clamp(40px,5vw,64px) clamp(28px,5vw,72px) clamp(52px,6vw,76px)}
.zone:nth-child(even) .blob{grid-template-columns:minmax(0,1fr) minmax(120px,170px)}
.zone:nth-child(even) .zicon{order:2}
.zicon{position:relative;aspect-ratio:1;width:100%;max-width:170px;justify-self:center;display:grid;place-items:center}
.zicon .big{width:82%;height:auto;filter:drop-shadow(0 10px 0 rgba(0,0,0,.12)) drop-shadow(0 22px 26px rgba(0,0,0,.18));animation:zfloat 6s ease-in-out infinite}
.zone:nth-child(even) .zicon .big{animation-delay:-3s}
@keyframes zfloat{0%,100%{transform:translateY(0) rotate(-6deg)}50%{transform:translateY(-14px) rotate(4deg)}}
.drop{position:absolute;width:18%;height:auto;animation:drop 4s ease-in-out infinite}
.drop.d1{top:2%;inset-inline-end:8%;rotate:25deg}
.drop.d2{top:14%;inset-inline-end:-4%;rotate:55deg;width:14%;animation-delay:-1s}
.drop.d3{bottom:4%;inset-inline-start:4%;rotate:-140deg;width:15%;animation-delay:-2s}
@keyframes drop{50%{transform:scale(1.15) translateY(-4px)}}

.zbody{min-width:0;position:relative}
.ztitle{display:flex;align-items:center;flex-wrap:wrap;gap:10px 14px;margin-bottom:6px}
.ztitle h2{display:inline-block;background:var(--tshape) center/100% 100% no-repeat;color:#fff;font-size:clamp(1.7rem,3.8vw,2.6rem);padding:.32em 1em .3em;transform:rotate(-3deg);filter:drop-shadow(0 10px 10px rgba(0,0,0,.18));text-shadow:0 2px 0 rgba(0,0,0,.12)}
.z-pod .ztitle h2{color:#2A1A5E;text-shadow:none}
.zcount{background:#fff;color:#2A1A5E;font-weight:800;font-size:.92rem;padding:.15em .85em .05em;border-radius:999px;transform:rotate(2deg)}
.zdesc{font-size:1.1rem;opacity:.92;margin-bottom:16px;max-width:52ch}
.rail-wrap{position:relative}
.rbtns{position:absolute;top:-58px;inset-inline-end:0;display:flex;gap:8px}
.rbtn{width:44px;height:44px;border-radius:50%;background:#fff;color:#2A1A5E;display:grid;place-items:center;box-shadow:inset 0 -4px 0 rgba(0,0,0,.1),0 8px 16px -8px rgba(0,0,0,.4);transition:transform .2s}
.rbtn:hover{transform:scale(1.1)}
.seeall{display:inline-flex;align-items:center;gap:8px;height:44px;padding:4px 18px 0;border-radius:999px;background:#fff;color:#2A1A5E;font-weight:800;font-size:1rem;box-shadow:inset 0 -4px 0 rgba(0,0,0,.1),0 8px 16px -8px rgba(0,0,0,.4);transition:transform .2s}
.seeall:hover{transform:scale(1.05)}
.seeall svg{width:16px;height:16px;margin-top:-4px;transition:transform .3s}
.seeall[aria-expanded="true"] svg{transform:rotate(45deg)}
[hidden]{display:none!important}
.rail.all{grid-auto-flow:row;grid-auto-columns:auto;grid-template-columns:repeat(auto-fill,minmax(168px,1fr));overflow:visible;scroll-snap-type:none;gap:18px}
.rail.wide.all{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}
.rail.all .vcard{animation:cardin .45s cubic-bezier(.2,1.4,.4,1) both}
@keyframes cardin{from{transform:translateY(16px) scale(.96);opacity:.4}}
.rbtn svg{width:20px;height:20px}
html[dir="rtl"] .rbtn svg{transform:scaleX(-1)}
@media (max-width:760px){
  .blob,.zone:nth-child(even) .blob{grid-template-columns:1fr;padding:44px 22px 52px}
  .zicon{position:absolute;top:-34px;inset-inline-end:8px;width:92px;max-width:92px;order:0!important;z-index:2}
  .zone:nth-child(even) .zicon{inset-inline-end:auto;inset-inline-start:8px}
  .zone:nth-child(even) .ztitle{padding-inline-start:96px}
  .zone:nth-child(odd) .ztitle{padding-inline-end:96px}
  .rbtns{position:static;justify-content:flex-end;margin-bottom:10px}
  .rbtn{display:none}
  .rail.all{grid-template-columns:repeat(2,minmax(0,1fr))}
  .rail.wide.all{grid-template-columns:1fr}
  .ztitle h2{font-size:1.6rem}
}

/* sections */
section.block{padding-block:clamp(40px,6vw,72px) 0;position:relative}
.sec-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:26px;flex-wrap:wrap}
.labels{display:flex;flex-direction:column;align-items:flex-start;gap:0}
.labels h2{display:inline-flex;align-items:center;gap:.4em;background:linear-gradient(170deg,var(--purple-2),var(--purple));color:#fff;font-size:clamp(1.6rem,3.6vw,2.4rem);padding:.25em .7em .12em;border-radius:20px;transform:rotate(-2deg);box-shadow:inset 0 3px 0 rgba(255,255,255,.3),inset 0 -6px 0 rgba(0,0,0,.15),0 16px 28px -16px var(--purple)}
.labels h2 .dot{display:none}
.labels .sub{background:linear-gradient(170deg,var(--sun-2),var(--sun));color:var(--sun-ink);font-weight:800;padding:.25em .9em .12em;border-radius:14px;transform:rotate(1.5deg) translateY(-6px);margin-inline-start:24px;box-shadow:inset 0 -4px 0 rgba(0,0,0,.08),0 10px 18px -12px #E09A00;font-size:1rem}
.sec-head .meta{display:none}
.sec-head p.desc{color:var(--muted);max-width:44ch;font-size:1.08rem}

/* video cards */
.grid-long{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
@media (max-width:900px){.grid-long{grid-template-columns:repeat(2,1fr)}}
@media (max-width:580px){.grid-long{grid-template-columns:1fr}}
.vcard{display:flex!important;flex-direction:column;padding:10px;min-width:0;width:100%}
.thumb{position:relative;aspect-ratio:16/9;max-width:100%;border-radius:20px;overflow:hidden;background:var(--cream-2)}
.thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s}
.vcard:hover .thumb img{transform:scale(1.05)}
.thumb .play{position:absolute;inset:0;margin:auto;width:62px;height:62px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(170deg,var(--sun-2),var(--sun));box-shadow:inset 0 3px 0 rgba(255,255,255,.6),inset 0 -5px 0 rgba(0,0,0,.12),0 12px 24px -8px rgba(0,0,0,.35);transition:transform .3s cubic-bezier(.2,1.6,.4,1)}
.vcard:hover .play{transform:scale(1.15) rotate(-6deg)}
.thumb .play svg{width:24px;height:24px;fill:var(--ink)}
html[dir="ltr"] .thumb .play svg{margin-inline-start:3px}
html[dir="rtl"] .thumb .play svg{margin-inline-start:3px;transform:none}
.thumb .dur{position:absolute;bottom:10px;inset-inline-end:10px;background:rgba(38,24,90,.8);color:#fff;font-size:.8rem;padding:.1em .55em;border-radius:8px;direction:ltr}
.thumb .sample{position:absolute;top:10px;inset-inline-start:10px;background:#fff;color:var(--ink);font-size:.78rem;font-weight:800;padding:.1em .7em;border-radius:999px}
.vbody{padding:12px 8px 6px;display:flex;flex-direction:column;gap:2px}
.vbody b{font-weight:700;line-height:1.45;font-size:1.06rem}
.vbody small{color:var(--muted);font-size:.88rem}

.ph{position:absolute;inset:0;display:grid;place-items:center;overflow:hidden}
.ph::before{content:"";position:absolute;inset:0;background:radial-gradient(rgba(255,255,255,.28) 1.6px,transparent 1.8px) 0 0/18px 18px}
.ph span{position:absolute;top:10%;inset-inline-end:10%;font-weight:800;color:#fff;font-size:clamp(2.6rem,7vw,3.6rem);line-height:1;text-shadow:0 4px 0 rgba(0,0,0,.12)}

.rail{display:grid;grid-auto-flow:column;grid-auto-columns:clamp(168px,18vw,210px);gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding:6px 4px 10px;scrollbar-width:none;scroll-behavior:smooth;overscroll-behavior-x:contain}
.rail.wide{grid-auto-columns:clamp(250px,27vw,320px)}
.zone .vcard{color:var(--ink);border:0}
.zone .vcard .vbody b{font-size:1rem}
.rail::-webkit-scrollbar{display:none}
.rail .vcard{scroll-snap-align:start}
.rail .thumb{aspect-ratio:9/16;border-radius:22px}
.rail.wide .thumb{aspect-ratio:16/9;border-radius:18px}
.rail .vbody b{font-size:1rem}

.empty{display:grid;grid-template-columns:auto 1fr auto;gap:24px;align-items:center;padding:24px;border-radius:30px 18px 34px 20px;background:var(--paper);color:var(--ink);position:relative;box-shadow:0 18px 30px -20px rgba(0,0,0,.4)}
.empty .mic{width:76px;height:76px;transform:rotate(-8deg)}
.empty h3{font-size:1.5rem;margin-bottom:2px}
.empty p{color:var(--muted)}
@media (max-width:640px){.empty{grid-template-columns:1fr;text-align:center;justify-items:center}}

.grid-play{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}
@media (max-width:720px){.grid-play{grid-template-columns:1fr}}
.pcard{display:grid!important;grid-template-columns:136px 1fr;gap:20px;padding:16px;align-items:center;min-width:0;width:100%}
.pcard .art{aspect-ratio:1;border-radius:24%;display:grid;place-items:center;overflow:hidden;box-shadow:inset 0 4px 0 rgba(255,255,255,.5),inset 0 -8px 0 rgba(0,0,0,.12);transition:transform .35s cubic-bezier(.2,1.6,.4,1)}
.pcard:hover .art{transform:rotate(-7deg) scale(1.05)}
.pcard .art svg{width:66%;height:auto}
.pcard .info{min-width:0;display:flex;flex-direction:column;gap:2px}
.pcard b{font-weight:800;font-size:1.35rem}
.pcard small{color:var(--muted);line-height:1.5;font-size:.98rem}
.pills{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.pill{font-size:.82rem;font-weight:800;padding:.1em .75em;border-radius:999px;background:var(--purple-soft);color:var(--purple)}
.pill.done{background:var(--good-soft);color:var(--good)}
@media (max-width:440px){.pcard{grid-template-columns:92px 1fr;gap:14px}}

/* floating quiz symbols: faint outlines above section colour, under content */
.syms{position:absolute;inset:0;pointer-events:none;overflow:hidden;border-radius:inherit}
.sym{position:absolute;height:auto;fill:none;stroke:currentColor;stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round;transform:rotate(var(--r));animation:symdrift 13s ease-in-out infinite alternate}
.sym text{fill:none;stroke:currentColor}
@keyframes symdrift{from{transform:translate3d(0,0,0) rotate(var(--r))}to{transform:translate3d(10px,-16px,0) rotate(calc(var(--r) + 8deg))}}
.hero .syms,.bottom .syms{color:#6A35E0;opacity:.2}
.blob .syms{color:#fff;opacity:.28;inset:6% 5%}
.z-long .blob .syms{color:#7A3B00;opacity:.16}
.hero>.wrap,.bottom>*:not(.syms){position:relative}
.blob{isolation:isolate}
.blob::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--zshape) center/100% 100% no-repeat;filter:drop-shadow(0 18px 26px rgba(42,26,94,.10))}
.zicon,.zbody{z-index:1}

/* pop-in */
.js-pop .pop{transform:translateY(140px) scale(.78) rotate(-5deg);opacity:.15;transition:transform 1s cubic-bezier(.18,1.35,.4,1),opacity .6s ease}
.js-pop .zone:nth-child(even) .pop{transform:translateY(140px) scale(.78) rotate(5deg)}
.js-pop .pop.in{transform:none!important;opacity:1}
/* contents follow the shape in sequence */
.js-pop .pop .zicon{transform:scale(.2) rotate(-200deg);opacity:0;transition:transform .9s cubic-bezier(.2,1.5,.4,1) .45s,opacity .3s .45s}
.js-pop .pop .ztitle{transform:scale(.5) translateY(20px);opacity:0;transition:transform .7s cubic-bezier(.2,1.6,.4,1) .3s,opacity .3s .3s}
.js-pop .pop .zdesc,.js-pop .pop .rbtns{opacity:0;transition:opacity .5s .55s}
.js-pop .pop .vcard,.js-pop .pop .empty,.js-pop .pop .pcard{transform:translateY(50px) scale(.85);opacity:0;transition:transform .7s cubic-bezier(.2,1.5,.4,1),opacity .4s}
.js-pop .pop .vcard:nth-child(1),.js-pop .pop .empty,.js-pop .pop .pcard:nth-child(1){transition-delay:.55s}
.js-pop .pop .vcard:nth-child(2),.js-pop .pop .pcard:nth-child(2){transition-delay:.68s}
.js-pop .pop .vcard:nth-child(3){transition-delay:.81s}
.js-pop .pop .vcard:nth-child(n+4){transition-delay:.94s}
.js-pop .pop.in .zicon,.js-pop .pop.in .ztitle,.js-pop .pop.in .vcard,.js-pop .pop.in .empty,.js-pop .pop.in .pcard{transform:none;opacity:1}
.js-pop .pop.in .zdesc,.js-pop .pop.in .rbtns{opacity:1}
/* mascot divider */
.divider{position:relative;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;margin-top:clamp(40px,6vw,72px);padding-inline:var(--gutter);max-width:1400px;margin-inline:auto}
.divider img{width:clamp(200px,30vw,380px);height:auto;animation:bob 6s ease-in-out infinite}
.divider .dl{height:26px;background:var(--brush) center/100% 100% no-repeat;position:relative;opacity:.95}
.divider .dl:first-child{transform:rotate(-2deg)}
.divider .dl:last-child{transform:rotate(2deg) scaleX(-1)}
.divider .dl::after{content:"";position:absolute;inset:-26px 10% auto;height:14px;background:radial-gradient(circle,var(--sun) 3px,transparent 3.5px) 0 0/22px 14px;opacity:.8}
@media (max-width:600px){.divider .dl{height:16px}}

/* subscribe band */
.band{margin-block:clamp(64px,9vw,110px) clamp(40px,6vw,64px);position:relative;padding:clamp(30px,5vw,56px) clamp(24px,6vw,72px);display:grid;grid-template-columns:auto 1fr auto;gap:28px;align-items:center;color:#fff;isolation:isolate}
.band::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--brush) center/100% 100% no-repeat;filter:drop-shadow(0 24px 30px rgba(106,53,224,.35))}
.band img.logo{width:120px;height:120px;border-radius:50%;box-shadow:0 0 0 5px #fff;animation:bob 5s ease-in-out infinite}
.band h2{font-size:clamp(1.7rem,3.8vw,2.7rem)}
.band p{opacity:.92;margin-top:4px;max-width:44ch}
.band .puz{width:120px;top:-96px;inset-inline-start:3%}
@media (max-width:760px){.band{grid-template-columns:1fr;text-align:center;justify-items:center;padding-block:56px}.band::before{background:linear-gradient(170deg,var(--purple-2),var(--purple));border-radius:36px}.band .puz{width:120px;top:-60px}}

footer{padding-block:24px 40px;color:var(--muted);font-size:.95rem}
footer .wrap{display:flex;flex-wrap:wrap;gap:12px 24px;align-items:center;justify-content:space-between;border-top:2px dashed var(--line);padding-top:24px}
footer a{color:var(--muted)}

/* modals */
.modal{position:fixed;inset:0;z-index:50;background:var(--overlay);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:max(16px,env(safe-area-inset-top,0px)) 16px max(16px,env(safe-area-inset-bottom,0px));animation:fade .2s ease}
.sheet{background:var(--bg);border-radius:32px;box-shadow:0 40px 90px -30px rgba(38,24,90,.6);width:min(1100px,100%);max-height:100%;overflow:auto;position:relative;animation:pop .35s cubic-bezier(.2,1.4,.4,1)}
.x{position:absolute;top:14px;inset-inline-end:14px;width:44px;height:44px;border-radius:50%;background:var(--paper);border:2px solid var(--line);display:grid;place-items:center;z-index:2;transition:transform .25s}
.x:hover{transform:rotate(90deg);border-color:var(--purple)}
.x svg{width:18px;height:18px}
@keyframes fade{from{opacity:0}}
@keyframes pop{from{transform:translateY(30px) scale(.94);opacity:0}}

.pl{display:grid;grid-template-columns:1fr 320px;gap:22px;padding:22px}
.pl.short{grid-template-columns:minmax(0,380px) 1fr}
.screen{position:relative;aspect-ratio:16/9;max-width:100%;background:#120A2E;border-radius:22px;overflow:hidden}
.pl.short .screen{aspect-ratio:9/16;max-height:74vh;margin-inline:auto;width:100%}
.screen iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.screen .ph span{font-size:5rem}
.screen .note{position:absolute;inset:auto 0 0 0;padding:18px;background:linear-gradient(transparent,rgba(38,24,90,.85));color:#fff;font-size:.95rem;line-height:1.55}
.pl-main{min-width:0}
.pl-main h3{font-size:1.4rem;margin-top:16px}
.pl-side{display:flex;flex-direction:column;gap:18px;min-width:0;padding-top:50px}
.subcard{padding:18px;display:flex;flex-direction:column;gap:12px;align-items:stretch}
.subcard .who{display:flex;gap:12px;align-items:center}
.subcard img{width:56px;height:56px;border-radius:50%}
.subcard b{font-weight:800;font-size:1.25rem;display:block;line-height:1.2}
.subcard small{color:var(--muted)}
.subcard p{font-size:.98rem;color:var(--muted)}
.subcard p strong{color:var(--ink)}
.upnext h4{margin:0 0 10px;font-size:.95rem;color:var(--muted);font-weight:800}
.upnext ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.upnext button{display:grid;grid-template-columns:104px 1fr;gap:12px;align-items:center;width:100%;padding:6px;border-radius:16px;text-align:start;transition:background .2s}
.upnext button:hover{background:var(--purple-soft)}
.upnext .mini{position:relative;aspect-ratio:16/9;border-radius:12px;overflow:hidden;background:var(--cream-2)}
.upnext .mini img{width:100%;height:100%;object-fit:cover}
.upnext .mini .ph span{font-size:1.4rem;top:8%}
.upnext span.t{font-size:.92rem;line-height:1.4;font-weight:600}
@media (max-width:860px){.pl,.pl.short{grid-template-columns:1fr;padding:16px}.pl-side{padding-top:0}.pl.short .screen{max-height:66vh;width:auto}}

.qz{max-width:680px;margin-inline:auto;padding:26px clamp(16px,4vw,34px) 30px}
.qz-top{display:flex;align-items:center;gap:12px;margin-bottom:22px;padding-inline-end:52px}
.qz-top b{font-weight:800;font-size:1.15rem}
.prog{flex:1;height:14px;border-radius:999px;background:var(--paper);border:2px solid var(--line);overflow:hidden}
.prog i{display:block;height:100%;border-radius:999px;background:linear-gradient(170deg,var(--sun-2),var(--sun));box-shadow:inset 0 2px 0 rgba(255,255,255,.6);transition:width .4s cubic-bezier(.2,1.4,.4,1)}
.qcount{font-size:.9rem;color:var(--muted);white-space:nowrap;font-weight:700}
.qz h3{font-size:clamp(1.5rem,3.4vw,2rem);margin-bottom:18px}
.qz .fig{display:block;width:100%;max-width:300px;height:auto;margin:0 auto 20px;color:var(--ink);background:var(--paper);border-radius:24px;padding:16px;box-shadow:var(--clay)}
.opts{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media (max-width:480px){.opts{grid-template-columns:1fr}}
.opt{display:flex!important;align-items:center;gap:12px;padding:14px 16px;font-weight:700;font-size:1.15rem;width:100%;border-radius:22px!important}
.opt .k{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;font-size:.95rem;flex:none;color:#fff;background:linear-gradient(170deg,var(--purple-2),var(--purple));box-shadow:inset 0 2px 0 rgba(255,255,255,.35),inset 0 -3px 0 rgba(0,0,0,.15)}
.opts .opt:nth-child(2) .k{background:linear-gradient(170deg,#FF79B0,#F2287A)}
.opts .opt:nth-child(3) .k{background:linear-gradient(170deg,var(--sun-2),var(--sun));color:var(--ink)}
.opts .opt:nth-child(4) .k{background:linear-gradient(170deg,#6FD3FF,#1C9FE0)}
.opt.right{background:var(--good-soft)!important;border-color:var(--good)!important;animation:yay .45s}
.opt.right .k{background:var(--good)!important;color:#fff}
.opt.wrong{background:var(--bad-soft)!important;border-color:var(--bad)!important;animation:nope .4s}
.opt.wrong .k{background:var(--bad)!important;color:#fff}
.opt[disabled]{cursor:default}
.opt[disabled]:hover{transform:none}
@keyframes yay{50%{transform:scale(1.05) rotate(-1deg)}}
@keyframes nope{25%{transform:translateX(-7px)}75%{transform:translateX(7px)}}
.explain{margin-top:18px;padding:16px 18px;border-radius:22px;background:var(--paper);box-shadow:var(--clay);line-height:1.7;font-size:1.05rem}
.explain b{display:inline-block;font-weight:800;margin-bottom:6px;background:var(--sun);padding:.05em .7em 0;border-radius:10px;transform:rotate(-2deg)}
.qz-foot{display:flex;justify-content:flex-end;margin-top:20px}
.result{text-align:center;padding-block:14px}
.score{font-size:6rem;font-weight:800;line-height:1;margin:14px 0 8px;color:var(--purple);-webkit-text-stroke:.12em #fff;paint-order:stroke fill;filter:drop-shadow(0 8px 14px rgba(106,53,224,.3))}
.score small{font-size:2.2rem;color:var(--muted)}
.result p{color:var(--muted);margin-bottom:24px;font-size:1.2rem}
.result .row{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}
.toast{position:fixed;bottom:max(24px,env(safe-area-inset-bottom,0px));inset-inline:0;margin-inline:auto;width:max-content;max-width:calc(100% - 32px);background:var(--ink);color:#fff;padding:.6em 1.3em .5em;border-radius:999px;font-weight:700;z-index:60;animation:pop .3s}

@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* ===== header: floating pills, no menu ===== */
.top{pointer-events:none}
.top .bar{background:none;border:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;padding:0!important;min-height:56px}
.top .bar>*{pointer-events:auto}
.top .top-actions{margin-inline-start:auto;gap:10px}
.top .lang{background:#fff;border:2px solid var(--line);box-shadow:0 10px 22px -12px rgba(42,26,94,.45);padding:.45em 1em .35em}
.top .btn-sub{box-shadow:inset 0 3px 0 rgba(255,255,255,.35),inset 0 -5px 0 rgba(0,0,0,.15),0 12px 24px -10px rgba(229,20,31,.7)}
.top .brand{background:#fff;border-radius:999px;padding:5px 14px 5px 5px;box-shadow:0 10px 22px -12px rgba(42,26,94,.45);border:2px solid var(--line)}
html[dir="rtl"] .top .brand{padding:5px 5px 5px 14px}
.top .brand b{font-size:1.15rem}
.top .brand img{width:38px;height:38px}
.p-home .top .brand{display:none}
@media (max-width:440px){.top .brand b{display:none}.top .brand{padding:4px!important}}

/* ===== hero v2: centred, logo on top, orbiting icons ===== */
.hero .wrap{grid-template-columns:1fr!important;justify-items:center;text-align:center}
.hero-copy{display:flex;flex-direction:column;align-items:center!important;text-align:center}
.hero h1{justify-content:center}
.underline{margin-inline:auto}
.slogan,.keys{margin-inline:auto}
.hcats,.hero-ctas{justify-content:center}
.hero .orbit{--S:clamp(220px,27vw,310px);width:var(--S)!important;margin:34px auto 46px;grid-row:1!important;justify-self:center}
.orb{position:absolute;inset:0;animation:spin 40s linear infinite}
.sat{position:absolute;left:50%;top:50%;width:0;height:0;transform:rotate(var(--a)) translateX(calc(var(--S) * .56)) rotate(calc(-1 * var(--a)))}
.ctr{position:absolute;left:0;top:0;width:0;height:0;animation:spin 40s linear infinite reverse}
.ipop{position:absolute;left:0;top:0;width:0;height:0}
.orbit .sat .gl{position:absolute;left:-31px;top:-31px;width:62px;height:62px;animation:float 5.5s ease-in-out infinite}
@media (max-width:600px){.hero .orbit{--S:min(56vw,250px);margin:40px auto 46px}.orbit .sat .gl{left:-25px;top:-25px;width:50px;height:50px}}

/* ===== intro sequence (first visit per session; class set in <head>) ===== */
html.intro .hero h1{--push:calc(var(--S, 280px) * .62 + 96px)}
html.intro .hero h1{animation:kh-push .6s cubic-bezier(.3,1.35,.5,1) .55s both}
html.intro .hero h1 .a{animation:kh-from-start .5s cubic-bezier(.15,.85,.3,1) both}
html.intro .hero h1 .b{animation:kh-from-end .5s cubic-bezier(.15,.85,.3,1) .06s both}
html.intro .hero h1 .zap{animation:kh-pop .4s cubic-bezier(.2,1.6,.4,1) .4s both}
html.intro .hero .orbit{animation:kh-logo .6s cubic-bezier(.2,1.45,.4,1) .55s both}
html.intro .ipop{animation:kh-sat .45s cubic-bezier(.2,1.7,.4,1) var(--d) both}
html.intro .hero .kicker{animation:kh-up .4s ease-out 1.15s both}
html.intro .hero .underline{animation:kh-draw .45s ease-out 1.05s both;transform-origin:center}
html.intro .hcat{animation:kh-icon .45s cubic-bezier(.2,1.6,.4,1) both}
html.intro .hcat:nth-child(1){animation-delay:1.4s}
html.intro .hcat:nth-child(2){animation-delay:1.48s}
html.intro .hcat:nth-child(3){animation-delay:1.56s}
html.intro .hcat:nth-child(4){animation-delay:1.64s}
html.intro .hcat:nth-child(5){animation-delay:1.72s}
html.intro .hero .slogan{animation:kh-up .45s ease-out 1.85s both}
html.intro .hero .keys{animation:kh-up .45s ease-out 1.95s both}
html.intro .hero .motto{animation:kh-up .45s ease-out 2.05s both}
html.intro .hero .hero-ctas{animation:kh-up .45s ease-out 2.15s both}
html.intro .hero .syms{animation:kh-fade .8s ease-out 1.6s both}
@keyframes kh-push{from{transform:translateY(calc(-1 * var(--push)))}}
@keyframes kh-from-start{from{transform:translateX(65vw)}}
@keyframes kh-from-end{from{transform:translateX(-65vw)}}
html[dir="ltr"] .hero h1 .a{animation-name:kh-from-end}
html[dir="ltr"] .hero h1 .b{animation-name:kh-from-start}
@keyframes kh-pop{from{transform:scale(0) rotate(-40deg);opacity:0}}
@keyframes kh-logo{from{transform:scale(.15) rotate(-30deg);opacity:0}}
@keyframes kh-sat{from{transform:scale(0) rotate(-90deg);opacity:0}}
@keyframes kh-icon{from{transform:translateY(26px) scale(.4);opacity:0}}
@keyframes kh-up{from{transform:translateY(18px);opacity:0}}
@keyframes kh-draw{from{transform:scaleX(0)}}
@keyframes kh-fade{from{opacity:0}}
@media (prefers-reduced-motion:reduce){.orb,.ctr{animation:none!important}}

/* ===== multi-page additions ===== */
html,body{margin:0}img{max-width:100%}
[hidden]{display:none!important}
a.lang{text-decoration:none;color:inherit;display:inline-block}
.keys{color:var(--purple);font-weight:700;font-size:1.02rem;line-height:1.5;margin:-12px 0 20px;max-width:42ch}
article.vcard.tile:hover{transform:translateY(-5px) rotate(-.4deg);box-shadow:0 1px 0 #fff inset,0 30px 50px -22px rgba(76,40,170,.45)}
.vlink{display:block;text-decoration:none;color:inherit;border-radius:20px}
.vt{font-weight:700;line-height:1.45;font-size:1rem;margin:12px 8px 2px}
.vkind{color:var(--muted);font-size:.84rem;margin-inline:8px}
.vdesc{margin:4px 8px 0;font-size:.9rem;line-height:1.6;color:var(--muted);white-space:pre-line;overflow-wrap:anywhere}
.vdesc .first{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.vdesc .rest{display:none}
.vcard.open .vdesc .first{white-space:normal}
.vcard.open .vdesc .rest{display:inline}
.more{align-self:flex-start;color:var(--purple);font-weight:800;font-size:.88rem;padding:4px 8px 6px;border-radius:8px}
.more:hover{text-decoration:underline}
.rail{align-items:start}
.pl-page{display:inline-block;margin-top:6px;color:var(--purple);font-weight:800;text-decoration:none}
.pl-page:hover{text-decoration:underline}
a.pcard{color:inherit;text-decoration:none}
.fnav{display:flex;flex-wrap:wrap;gap:6px 16px}
.fnav a{color:var(--muted);text-decoration:none;font-weight:600}
.fnav a:hover{color:var(--purple)}

/* sub pages */
.spage{position:relative;margin-top:-96px;padding-block:calc(96px + clamp(20px,4vw,40px)) clamp(28px,5vw,56px);background:linear-gradient(180deg,var(--tint),var(--tint) 60%,rgba(255,255,255,0))}
.crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;font-size:.95rem;color:var(--muted);margin-bottom:18px}
.crumbs a{color:var(--purple);font-weight:700;text-decoration:none}
.crumbs a:hover{text-decoration:underline}
.crumbs .sep{opacity:.6}
html[dir="rtl"] .crumbs .sep{transform:scaleX(-1);display:inline-block}
.ptitle{font-size:clamp(2.2rem,6vw,3.6rem);font-weight:800;line-height:1.1;margin-bottom:10px}
.pintro{font-size:1.15rem;color:var(--muted);max-width:60ch}
.vgrid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:clamp(18px,3vw,32px);align-items:start}
.vgrid.short{grid-template-columns:minmax(0,420px) minmax(0,1fr) 300px}
.vgrid.short .vmain{display:contents}
.player{position:relative;aspect-ratio:16/9;max-width:100%;border-radius:24px;overflow:hidden;background:#120A2E;box-shadow:0 26px 50px -24px rgba(42,26,94,.5)}
.player.short{aspect-ratio:9/16;max-height:80vh;width:100%}
.player iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.facade{position:absolute;inset:0;display:block;width:100%;padding:0;cursor:pointer}
.facade img,.facade .ph{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.facade .play{position:absolute;inset:0;margin:auto;width:84px;height:84px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(170deg,var(--sun-2),var(--sun));box-shadow:inset 0 3px 0 rgba(255,255,255,.6),inset 0 -6px 0 rgba(0,0,0,.12),0 14px 30px -8px rgba(0,0,0,.45);transition:transform .3s cubic-bezier(.2,1.6,.4,1)}
.facade:hover .play{transform:scale(1.12) rotate(-6deg)}
.facade .play svg{width:32px;height:32px;fill:var(--ink);margin-inline-start:4px}
.vtext{min-width:0}
.vtitle{font-size:clamp(1.6rem,3.6vw,2.4rem);line-height:1.25;margin:18px 0 10px}
.vgrid.short .vtitle{margin-top:0}
.vmeta{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}
.vmeta a,.vmeta span{font-size:.88rem;font-weight:800;padding:.15em .85em .05em;border-radius:999px;background:var(--purple-soft);color:var(--purple);text-decoration:none}
.vfull{background:var(--paper);border-radius:26px;padding:clamp(18px,3vw,28px);box-shadow:var(--clay);line-height:1.85;font-size:1.05rem}
.vfull p{margin:0 0 .9em}.vfull p:last-child{margin:0}
.vside{display:flex;flex-direction:column;gap:18px;min-width:0}
.vside .upnext h2{margin:0 0 10px;font-size:1.05rem;color:var(--muted);font-weight:800}
.upnext a{display:grid;grid-template-columns:104px 1fr;gap:12px;align-items:center;padding:6px;border-radius:16px;text-decoration:none;color:inherit;transition:background .2s}
.upnext a:hover{background:var(--paper)}
@media (max-width:1000px){.vgrid.short{grid-template-columns:minmax(0,360px) minmax(0,1fr)}.vgrid.short .vside{grid-column:1/-1}}
@media (max-width:860px){.vgrid,.vgrid.short{grid-template-columns:1fr}.vgrid.short .vmain{display:block}.player.short{max-width:380px;margin-inline:auto;max-height:70vh}}
.narrow{max-width:820px}
.pbox{padding:clamp(18px,4vw,36px);display:flex;flex-direction:column;gap:26px}
.pbox .start{align-self:flex-start}
.pq{display:flex;flex-direction:column;gap:12px;padding-top:22px;border-top:2px dashed var(--line)}
.pq:first-of-type{border-top:0;padding-top:0}
.qn{font-weight:800;color:var(--purple);font-size:.95rem}
.pq h2{font-size:clamp(1.3rem,3vw,1.7rem);margin:0}
.pq .fig{display:block;width:100%;max-width:300px;height:auto;color:var(--ink);background:var(--purple-soft);border-radius:22px;padding:16px}
.popts{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:10px}
.popts li{display:flex;gap:10px;align-items:center;background:var(--cream-2);border-radius:16px;padding:10px 14px;font-weight:700}
.popts li b{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--purple);color:#fff;font-size:.85rem;flex:none}
@media (max-width:480px){.popts{grid-template-columns:1fr}}
details.ans{background:var(--purple-soft);border-radius:16px;padding:12px 16px}
details.ans summary{cursor:pointer;font-weight:800;color:var(--purple)}
details.ans p{margin:10px 0 0;line-height:1.75}
.cpage-zones .zone:first-child{padding-top:8px}
.notfound{text-align:center;padding-block:calc(96px + 60px) 80px;margin-top:-96px;background:linear-gradient(180deg,#EEE4FF,rgba(255,255,255,0))}
.notfound .big{font-size:clamp(5rem,18vw,9rem);font-weight:800;color:var(--purple);line-height:1}