/* PRESERVED ORIGINAL STYLESHEET 1 */

:root{--ink:#11254b;--purple:#704ac8;--muted:#56677e}
*{box-sizing:border-box}
body.compass-worlds-page{margin:0;background:#fff;color:var(--ink);font-family:Inter,"Segoe UI",system-ui,Arial,sans-serif}
main.cw-page{isolation:isolate;position:relative;min-height:100vh;padding:12px clamp(14px,4vw,50px) 54px;background:radial-gradient(circle at 7% 4%,#e5f9ff 0,transparent 26%),radial-gradient(circle at 95% 2%,#f8e6ff 0,transparent 30%),linear-gradient(180deg,#fff 0,#fcfaff 52%,#fffef8)}
.cw-container{max-width:1260px;margin:0 auto}
.cw-return{display:inline-flex;align-items:center;gap:8px;font-size:14px;color:#35506f;text-decoration:none;margin-bottom:8px;font-weight:750;padding:6px 10px;border-radius:12px}
.cw-return:hover,.cw-return:focus-visible{background:#eaf8fc}
.cw-intro{text-align:center;margin:0 auto 14px;max-width:810px}
.cw-eyebrow{font-size:12px;font-weight:900;letter-spacing:.15em;text-transform:uppercase;color:#7753bf;display:block;margin-bottom:4px}
.cw-intro h1{font-size:clamp(31px,4.2vw,54px);line-height:1.08;letter-spacing:-.043em;margin:0;color:#102453;font-weight:900}
.cw-intro h1 span{background:linear-gradient(100deg,#7637b4,#e24f9e,#039fae);color:transparent;background-clip:text}
.cw-intro p{margin:8px auto 0;color:#50627c;font-size:clamp(15px,1.65vw,19px);line-height:1.65}
.cw-sparks{font-size:20px;letter-spacing:16px;color:#ffbd36;margin:5px 0 0}
.cw-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:stretch}
.cw-card{display:flex;flex-direction:column;overflow:hidden;background:white;border:1px solid #e7e4f1;border-radius:28px;text-decoration:none;color:inherit;box-shadow:0 10px 30px rgba(38,45,91,.10);transition:transform .2s ease,box-shadow .2s ease;min-width:0}
.cw-card:hover,.cw-card:focus-visible{transform:translateY(-6px);box-shadow:0 20px 44px rgba(51,59,109,.19);outline:3px solid #9b7cdd;outline-offset:2px}
.cw-art{position:relative;display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:1 / .76;overflow:hidden;isolation:isolate}
.cw-art:before{content:"";position:absolute;inset:7%;z-index:-1;border:2px solid rgba(255,255,255,.57);border-radius:40%;box-shadow:0 0 70px 10px rgba(255,255,255,.3)}
.cw-art.support{background:radial-gradient(circle at 70% 23%,#ffe8fc,transparent 32%),linear-gradient(140deg,#d5f5fc,#e9dfff 67%,#fff4d9)}
.cw-art.education{background:linear-gradient(145deg,#e7e2ff,#d9f3ff 55%,#fff4db)}
.cw-art.friend{background:radial-gradient(circle,#ffffff 0,#d9f7ff 45%,#e8e4ff 100%)}
.cw-art.create{background:linear-gradient(145deg,#fff0dc,#ffe6ee 52%,#ebddff)}
.cw-art.explore{background:linear-gradient(145deg,#ffdfef,#e4e1ff 52%,#e6fff3)}
.cw-art.publish{background:linear-gradient(145deg,#e0fff2,#def3ff 55%,#fff0d2)}
.cw-art svg{width:90%;height:90%;overflow:visible;filter:drop-shadow(0 10px 13px rgba(44,45,92,.14))}
.cw-art .cw-real-friend{position:relative;max-height:96%;width:70%;max-width:285px;height:100%;object-fit:contain;filter:drop-shadow(0 18px 14px rgba(26,64,114,.19));z-index:2}
.cw-art .cw-real-logo{position:absolute;right:12px;bottom:10px;width:68px;height:68px;object-fit:contain;background:white;border-radius:18px;padding:6px;box-shadow:0 6px 20px #28437a19}
.cw-art .cw-friend-glow{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 57%,rgba(255,255,255,.9),transparent 61%)}
.cw-deco{position:absolute;inset:0;pointer-events:none;z-index:3}
.cw-star{position:absolute;font-size:27px;color:#ffd45c;text-shadow:0 0 12px white,0 0 7px #ffac33}
.cw-star.a{top:9%;left:13%}.cw-star.b{top:13%;right:16%}.cw-star.c{bottom:13%;right:10%;font-size:20px}
.cw-content{padding:18px 23px 24px;display:flex;flex:1;flex-direction:column;align-items:flex-start}
.cw-tag{font-size:11px;text-transform:uppercase;letter-spacing:.13em;font-weight:900;color:#8565b6}
.cw-card h2{font-size:clamp(19px,1.9vw,26px);line-height:1.2;color:#0d2553;margin:7px 0;font-weight:900;letter-spacing:-.03em}
.cw-card p{font-size:15px;line-height:1.55;margin:0;color:#4c6077}
.cw-action{margin-top:auto;padding-top:19px;width:100%;display:flex;align-items:center;justify-content:space-between;color:#5b3da2;font-size:14px;font-weight:850}
.cw-arrow{background:linear-gradient(145deg,#8f6be1,#6743b9);border-radius:13px;color:white;font-size:21px;min-width:43px;height:43px;display:grid;place-items:center;box-shadow:0 7px 15px #6650aa35}
.cw-card:hover .cw-arrow{background:linear-gradient(145deg,#18a8b0,#7a51ca)}
.cw-bottom{max-width:880px;margin:34px auto 0;border:1px solid #e3e6f1;background:#ffffffd9;box-shadow:0 10px 25px #293c6310;border-radius:20px;padding:20px 26px;text-align:center}
.cw-bottom strong{display:block;font-size:17px;color:#162c57}
.cw-bottom p{color:#617089;margin:8px auto 0;line-height:1.6}
.cw-bottom a{color:#5a3cb3;font-weight:850}
@media(max-width:900px){.cw-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:580px){main.cw-page{padding:20px 12px 44px}.cw-grid{grid-template-columns:1fr;gap:14px}.cw-intro{margin-bottom:22px}.cw-intro p{font-size:15px}.cw-art{aspect-ratio:1 / .67}.cw-card{border-radius:20px}.cw-content{padding:14px 17px 18px}.cw-art .cw-real-friend{width:59%}.cw-card h2{font-size:22px}}
@media(prefers-reduced-motion:reduce){.cw-card,.cw-arrow{transition:none}.cw-card:hover{transform:none}}

/* Actual approved square image assets — no placeholder SVG illustrations. */
.cw-art .cw-card-generated-photo{display:block;position:relative;z-index:1;width:100%;height:100%;object-fit:cover;object-position:center 46%;border:0}
.cw-art.support{isolation:isolate}
.cw-art .cw-card-generated-photo.support-photo{position:absolute;top:0;left:0;height:142%;object-fit:cover;object-position:center top}
.cw-art.friend .cw-real-friend{width:70%;max-width:285px;height:100%;max-height:96%;object-fit:contain;z-index:2;filter:drop-shadow(0 15px 14px rgba(45,76,131,.21))}
.cw-art.friend .cw-deco{z-index:3}

/* Music & Video Studio: one featured world, with Prism-style sound visuals. */
.cw-card.cw-prism-feature{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,.46fr) minmax(0,.54fr);min-height:265px;border-color:#bba1e8;box-shadow:0 15px 36px #533c8733}
.cw-prism-stage{position:relative;isolation:isolate;min-height:270px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:radial-gradient(ellipse 64% 86% at 58% 48%,#6b3ba3a1,transparent 85%),radial-gradient(ellipse 50% 70% at 10% 95%,#1ca7b150,transparent),linear-gradient(125deg,#291737,#100e22 65%,#2e154d)}
.cw-prism-stage::before{content:"";position:absolute;inset:10px;border:1px solid #d9a5ff50;border-radius:16px;box-shadow:inset 0 0 30px #b570e11c;pointer-events:none}
.cw-prism-chip{position:absolute;top:21px;left:24px;font-size:10px;font-weight:900;letter-spacing:.16em;color:#edceff;text-shadow:0 0 12px #bd90ff;z-index:4}
.cw-prism-caption{position:absolute;bottom:19px;left:24px;font-size:10px;font-weight:800;letter-spacing:.13em;color:#b7dff4;z-index:4}
.cw-prism-speaker{position:relative;width:clamp(148px,16vw,204px);aspect-ratio:1;border-radius:50%;display:grid;place-items:center;border:5px solid #c795f6;background:repeating-radial-gradient(circle,#181326 0,#35213e 6px,#1b172b 11px,#50305a 14px);box-shadow:inset 0 4px 28px #07040dbf,0 0 0 10px #b574f621,0 18px 32px #08040fba,0 0 38px #aa69f7b5;animation:cw-prism-beat 1.5s ease-in-out infinite;z-index:2;transform-origin:center}
.cw-prism-speaker::before{content:"";position:absolute;inset:14%;border-radius:50%;border:1px solid #fff3;box-shadow:0 0 0 18px #fff1,0 0 0 33px #fff1}
.cw-prism-speaker-core{position:relative;z-index:2;display:grid;place-items:center;width:35%;height:35%;border:3px solid #fff1d5;border-radius:50%;font-size:34px;color:#593768;background:linear-gradient(145deg,#fff4d5,#eac688 55%,#ac7944);box-shadow:inset 0 2px #fff9,inset 0 -7px #865c4277,0 0 20px #f9c98fa1}
.cw-prism-wave{position:absolute;left:50%;top:50%;width:180px;height:180px;border:2px solid #7ceee4a6;border-radius:50%;transform:translate(-50%,-50%) scale(.8);opacity:0;animation:cw-prism-pulse 3.5s ease-out infinite;z-index:1}
.cw-prism-wave.wave-two{border-color:#e5a5ffbf;animation-delay:-1.75s}
.cw-prism-note{position:absolute;color:#d7adff;text-shadow:0 0 15px currentColor;font-size:32px;z-index:2;animation:cw-prism-float 4s ease-in-out infinite}
.cw-prism-note.note-one{top:21%;right:16%;color:#8ef3ed}
.cw-prism-note.note-two{bottom:19%;right:20%;color:#ffbedf;animation-delay:-1s;font-size:26px}
.cw-prism-note.note-three{top:44%;left:13%;color:#ffdf98;animation-delay:-2s;font-size:25px}
.cw-prism-meter{position:absolute;bottom:19px;right:24px;display:flex;gap:4px;align-items:center;height:25px;z-index:4}
.cw-prism-meter i{display:block;width:4px;height:10px;border-radius:5px;background:#8ff7e9;box-shadow:0 0 9px #60ece3;animation:cw-prism-meter 1.1s ease-in-out infinite alternate}
.cw-prism-meter i:nth-child(2){height:21px;background:#e4a9ff;animation-delay:-.45s}
.cw-prism-meter i:nth-child(3){height:15px;background:#f5b9df;animation-delay:-.7s}
.cw-prism-meter i:nth-child(4){height:23px;background:#f8d595;animation-delay:-.25s}
.cw-prism-meter i:nth-child(5){height:13px;animation-delay:-.9s}
.cw-prism-feature .cw-content{justify-content:center;padding:30px clamp(23px,4vw,52px)}
.cw-prism-feature .cw-tag{color:#7651b7}
.cw-prism-feature h2{font-size:clamp(24px,2.5vw,34px)}
.cw-prism-feature p{max-width:500px}
.cw-prism-feature .cw-action{margin-top:16px;padding-top:0}
.cw-prism-feature .cw-arrow{background:linear-gradient(145deg,#a76bf0,#6e3cba)}
@keyframes cw-prism-beat{0%,100%{transform:scale(1)}22%{transform:scale(1.055)}42%{transform:scale(.99)}62%{transform:scale(1.04)}}
@keyframes cw-prism-pulse{0%{transform:translate(-50%,-50%) scale(.7);opacity:.8}100%{transform:translate(-50%,-50%) scale(2.05);opacity:0}}
@keyframes cw-prism-float{0%,100%{transform:translateY(0) rotate(-7deg)}50%{transform:translateY(-12px) rotate(12deg)}}
@keyframes cw-prism-meter{from{transform:scaleY(.55);opacity:.7}to{transform:scaleY(1.2);opacity:1}}
@media(max-width:700px){.cw-card.cw-prism-feature{grid-template-columns:1fr}.cw-prism-stage{min-height:220px}.cw-prism-feature .cw-content{padding:19px 21px 22px}.cw-prism-speaker{width:155px}.cw-prism-chip{top:17px;left:18px}.cw-prism-caption{bottom:15px;left:18px}}
@media(prefers-reduced-motion:reduce){.cw-prism-speaker,.cw-prism-wave,.cw-prism-note,.cw-prism-meter i{animation:none}.cw-prism-wave{display:none}}


/* Featured Prism illustration now lives inside the ordinary same-size grid card. */
.cw-grid .cw-card .cw-art.cw-prism-stage{min-height:0;aspect-ratio:1 / .76}
.cw-grid .cw-card .cw-prism-speaker{width:min(56%,182px)}
.cw-grid .cw-card .cw-prism-chip{font-size:9px;letter-spacing:.11em}
.cw-grid .cw-card .cw-prism-caption{font-size:9px;letter-spacing:.07em}
@media(max-width:580px){
 .cw-grid .cw-card .cw-art.cw-prism-stage{min-height:0;aspect-ratio:1 / .67}
 .cw-grid .cw-card .cw-prism-speaker{width:155px}
}

/* Explore Our Worlds — six unique animated worlds, without changing the grid. */
.cw-grid .cw-card{--cw-glow:#9b88df;position:relative;isolation:isolate;transform:translateZ(0);transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease;will-change:auto}
.cw-grid .cw-card.cw-edu-world{--cw-glow:#72baff}
.cw-grid .cw-card.cw-ai-world{--cw-glow:#b3a1ff}
.cw-grid .cw-card.cw-write-world{--cw-glow:#fb9abc}
.cw-grid .cw-card.cw-read-world{--cw-glow:#c89dff}
.cw-grid .cw-card.cw-publish-world{--cw-glow:#68e4c6}
.cw-grid .cw-card:hover,.cw-grid .cw-card:focus-visible{transform:translateY(-5px);border-color:var(--cw-glow);box-shadow:0 17px 33px #222c5660,0 0 18px color-mix(in srgb,var(--cw-glow),transparent 53%)}
.cw-grid .cw-card .cw-art{position:relative;isolation:isolate}
.cw-grid .cw-card .cw-art .cw-art-aura{position:absolute;inset:17%;border-radius:50%;background:radial-gradient(circle,#fff9 0,#fff3 35%,transparent 65%);box-shadow:0 0 38px var(--cw-glow);pointer-events:none;animation:cw-aura-breathe 5s ease-in-out infinite;z-index:0}
.cw-grid .cw-card .cw-art .cw-icon-center{position:relative;z-index:3;font-size:clamp(76px,7vw,112px);line-height:1;display:grid;place-items:center;filter:drop-shadow(0 13px 12px #23273d46);transform:translateZ(0);animation:cw-world-float 4.7s ease-in-out infinite}
.cw-grid .cw-card .cw-art .cw-spark{position:absolute;z-index:4;font-size:20px;color:#fff0b9;text-shadow:0 0 13px #fff,0 0 21px var(--cw-glow);pointer-events:none;animation:cw-spark-twinkle 3.8s ease-in-out infinite}
.cw-grid .cw-card .cw-art .cw-spark.one{left:13%;top:15%}
.cw-grid .cw-card .cw-art .cw-spark.two{right:12%;top:26%;animation-delay:-1.8s;font-size:16px}
.cw-grid .cw-card .cw-art .cw-spark.three{right:22%;bottom:12%;animation-delay:-2.6s;font-size:25px}
.cw-grid .cw-card .cw-art .cw-orbit{position:absolute;z-index:1;left:50%;top:50%;width:min(76%,255px);aspect-ratio:1;border:2px dashed color-mix(in srgb,var(--cw-glow),white 33%);border-radius:50%;transform:translate(-50%,-50%) rotate(-16deg) scaleY(.66);opacity:.68;box-shadow:0 0 13px color-mix(in srgb,var(--cw-glow),transparent 66%);animation:cw-orbit-sway 12s linear infinite}
.cw-grid .cw-card .cw-art .cw-float-piece{position:absolute;z-index:5;border-radius:12px;display:grid;place-items:center;background:linear-gradient(145deg,#ffffffeb,#fffc);border:1px solid #fff;box-shadow:inset 0 1px white,0 6px 14px #384a6940;color:#324c8d;font-weight:900;animation:cw-world-float 5.8s ease-in-out infinite}
.cw-grid .cw-card .cw-art .cw-float-piece.one{top:23%;left:12%;width:51px;height:39px;transform:rotate(-10deg)}
.cw-grid .cw-card .cw-art .cw-float-piece.two{right:12%;bottom:21%;width:62px;height:39px;animation-delay:-2.8s}
.cw-grid .cw-card .cw-art .cw-float-piece.three{right:14%;top:14%;width:37px;height:37px;animation-delay:-1.1s;font-size:21px}
.cw-grid .cw-card .cw-art::after{content:"";position:absolute;pointer-events:none;inset:0;z-index:6;background:linear-gradient(110deg,transparent 30%,#fff5 47%,transparent 62%);transform:translateX(-165%);transition:transform 1s ease}
.cw-grid .cw-card:hover .cw-art::after,.cw-grid .cw-card:focus-visible .cw-art::after{transform:translateX(165%)}
.cw-grid .cw-card.cw-world-animated:not(.cw-neon-music) .cw-action{border:1px solid var(--cw-glow);border-radius:13px;background:linear-gradient(150deg,#1a2e52,#0c1831 72%,#23365c);color:#f4faff;min-height:45px;padding:4px 5px 4px 13px;gap:7px;box-shadow:inset 0 1px #ffffff38,0 4px 11px #10274a29,0 0 8px color-mix(in srgb,var(--cw-glow),transparent 72%);transition:box-shadow .3s ease,transform .3s ease,background .3s ease}
.cw-grid .cw-card.cw-world-animated:not(.cw-neon-music) .cw-arrow{height:35px;min-width:35px;border-radius:10px;background:linear-gradient(155deg,var(--cw-glow),#5b479e);box-shadow:0 2px 8px color-mix(in srgb,var(--cw-glow),transparent 45%);transition:transform .3s ease,filter .3s ease}
.cw-grid .cw-card.cw-world-animated:hover .cw-action,.cw-grid .cw-card.cw-world-animated:focus-visible .cw-action{box-shadow:inset 0 1px #ffffff66,0 4px 12px #10274a30,0 0 20px color-mix(in srgb,var(--cw-glow),transparent 47%)}
.cw-grid .cw-card.cw-world-animated:hover .cw-arrow,.cw-grid .cw-card.cw-world-animated:focus-visible .cw-arrow{transform:translateX(3px);filter:brightness(1.16)}
/* Music: dark luxurious stage, illuminated bezel and a pumping neon play button. */
.cw-grid .cw-card.cw-neon-music{--cw-glow:#5ff6f0;background:linear-gradient(165deg,#142443,#070c1b 70%,#211335);border:2px solid #7359c1;box-shadow:0 9px 24px #2e265a52,0 0 13px #af87ff31;animation:cw-neon-border 3s ease-in-out infinite}
.cw-grid .cw-neon-music .cw-art.cw-prism-stage{border-radius:0;min-height:0}
.cw-grid .cw-neon-music .cw-content{background:radial-gradient(ellipse at 75% 0,#1a629a25,transparent 68%),linear-gradient(160deg,#101a33,#080f20);padding-top:17px}
.cw-grid .cw-neon-music .cw-tag{color:#82f5ed}
.cw-grid .cw-neon-music h2{color:#fff;text-shadow:0 0 14px #9d8fffa9}
.cw-grid .cw-neon-music p{color:#d0e2f4}


.cw-grid .cw-neon-music .cw-action{position:relative;min-height:47px;margin-top:auto;padding:5px 5px 5px 13px;border:2px solid transparent;border-radius:12px;background:linear-gradient(#080e1b,#18233e) padding-box,linear-gradient(105deg,#50f8e5,#da75fb,#6eb2ff,#50f8e5) border-box;color:#f2f9ff;text-shadow:0 0 7px #83daff66;box-shadow:inset 0 1px #ffffff50,0 0 17px #a16eff65,0 0 8px #65e9eb8b;animation:cw-music-button 2.2s ease-in-out infinite}
.cw-grid .cw-neon-music .cw-arrow{min-width:35px;height:35px;border-radius:10px;background:linear-gradient(145deg,#63f4df,#9270f2);color:#0e2140;box-shadow:0 0 14px #69eeeac9}
.cw-grid .cw-neon-music:hover .cw-action,.cw-grid .cw-neon-music:focus-visible .cw-action{filter:brightness(1.22);box-shadow:inset 0 1px #ffffffb7,0 0 23px #90fdf0e1,0 0 22px #b46bffb9}
.cw-grid .cw-neon-music:hover .cw-arrow{transform:translateX(3px)}
/* Education: friendly floating textbook, alphabet, maths and drawing pencil. */
.cw-grid .cw-edu-world .cw-art.education{background:radial-gradient(circle at 50% 40%,#fff,#d7eafb 68%,#e3dcff)}
.cw-grid .cw-edu-world .cw-icon-center{animation-duration:4s}
.cw-grid .cw-edu-world .cw-pencil{position:absolute;bottom:13%;left:20%;z-index:4;font-size:37px;filter:drop-shadow(0 5px 7px #354c5f68);animation:cw-pencil-write 3s ease-in-out infinite}
.cw-grid .cw-edu-world .cw-pencil::after{content:"";position:absolute;bottom:-4px;left:10px;width:66px;height:1px;border-bottom:2px dotted #547ec0;opacity:.6}
/* AI: orbit halo, thinking lights and star-speckled friendly assistant. */
.cw-grid .cw-ai-world .cw-art.friend{background:radial-gradient(circle at 54% 39%,white,#d7f4ff 45%,#daceff)}
.cw-grid .cw-ai-world .cw-icon-center{animation:cw-ai-think 3.4s ease-in-out infinite}
.cw-grid .cw-ai-world .cw-ai-halo{position:absolute;z-index:2;left:50%;top:45%;width:150px;height:150px;transform:translate(-50%,-50%);border:3px solid #ac98fa6b;border-radius:50%;box-shadow:0 0 30px #8e83ffc0;animation:cw-ai-halo 4.3s ease-in-out infinite}
.cw-grid .cw-ai-world .cw-thinking{position:absolute;bottom:13%;left:50%;transform:translateX(-50%);z-index:5;display:flex;gap:10px;padding:9px 14px;border-radius:24px;background:#fffdeb;border:1px solid #a8a5fb99;box-shadow:0 6px 15px #8b89c65e}
.cw-grid .cw-ai-world .cw-thinking i{width:9px;height:9px;border-radius:50%;background:#8a73e7;animation:cw-ai-dots 1.4s ease-in-out infinite}
.cw-grid .cw-ai-world .cw-thinking i:nth-child(2){animation-delay:-.9s;background:#69d0e5}
.cw-grid .cw-ai-world .cw-thinking i:nth-child(3){animation-delay:-.45s;background:#f496c9}
/* Create a Book: paper layers and pencil magically writing a story. */
.cw-grid .cw-write-world .cw-art.create{background:radial-gradient(circle at 55% 45%,#fffaee,#ffe0e6 55%,#d9d3ff)}
.cw-grid .cw-write-world .cw-book-paper{position:absolute;top:18%;left:30%;width:41%;height:65%;background:linear-gradient(105deg,#f4dcf7,#fff 12%,#fffdf4);border:2px solid #e3b5cf;border-radius:8px;transform:rotate(-8deg);box-shadow:8px 7px 0 #f1d4f1,13px 12px 0 #e6bfea,0 17px 25px #955a8a58;z-index:2;animation:cw-page-tilt 5s ease-in-out infinite}
.cw-grid .cw-write-world .cw-book-paper::before{content:"Once upon a time...";position:absolute;top:23%;left:13%;right:7%;font:italic 600 clamp(10px,1.1vw,14px) Georgia,serif;color:#b479a8;white-space:nowrap;overflow:hidden}
.cw-grid .cw-write-world .cw-book-paper::after{content:"";position:absolute;top:50%;left:15%;width:69%;height:35%;background:repeating-linear-gradient(to bottom,#96b4e277 0 2px,transparent 2px 18px);opacity:.7}
.cw-grid .cw-write-world .cw-icon-center{position:absolute;top:13%;right:13%;font-size:clamp(69px,6vw,95px);transform-origin:bottom left;animation:cw-pencil-write 3s ease-in-out infinite}
/* Explore Books: opening books, floating bookmark and page-turn sparkles. */
.cw-grid .cw-read-world .cw-art.explore{background:radial-gradient(circle at 50% 46%,#fff,#ede3ff 54%,#d9f8ee)}
.cw-grid .cw-read-world .cw-icon-center{font-size:clamp(88px,8vw,126px);animation:cw-page-lift 5s ease-in-out infinite}
.cw-grid .cw-read-world .cw-float-piece.one{background:linear-gradient(140deg,#fff,#ffe8f6);color:#b765bd;transform:rotate(-14deg)}
.cw-grid .cw-read-world .cw-float-piece.two{background:linear-gradient(140deg,#e5fff8,#fff);color:#3d9995;transform:rotate(10deg)}
.cw-grid .cw-read-world .cw-bookmark{position:absolute;top:18%;right:29%;font-size:41px;z-index:4;filter:drop-shadow(0 5px 8px #62578f54);animation:cw-bookmark 5s ease-in-out infinite}
/* Publish & Sell: parcels, floating finished book and a golden success seal. */
.cw-grid .cw-publish-world .cw-art.publish{background:radial-gradient(circle at 48% 40%,#fff,#d7f7e9 57%,#d5e8ff)}
.cw-grid .cw-publish-world .cw-icon-center{font-size:clamp(85px,8vw,123px);animation:cw-parcel-bounce 4.8s ease-in-out infinite}
.cw-grid .cw-publish-world .cw-seal{position:absolute;top:17%;right:21%;z-index:5;display:grid;place-items:center;width:51px;height:51px;border:3px solid #fff3c5;border-radius:50%;background:linear-gradient(125deg,#ffe69c,#d69a3b);color:#673e22;font-size:23px;box-shadow:0 0 18px #ffd77dad,0 5px 10px #9874505e;animation:cw-seal-shine 3.5s ease-in-out infinite}
.cw-grid .cw-publish-world .cw-mini-book{position:absolute;top:19%;left:18%;z-index:4;font-size:39px;animation:cw-world-float 5s ease-in-out infinite;filter:drop-shadow(0 7px 5px #2e6d5b64)}
.cw-grid .cw-publish-world .cw-shipping-star{position:absolute;bottom:16%;right:16%;z-index:4;font-size:31px;color:#f7c050;text-shadow:0 0 14px #ffe9ad;animation:cw-spark-twinkle 3s ease-in-out infinite}
@keyframes cw-world-float{0%,100%{translate:0 0}50%{translate:0 -12px}}
@keyframes cw-aura-breathe{0%,100%{scale:.94;opacity:.7}50%{scale:1.06;opacity:1}}
@keyframes cw-orbit-sway{from{rotate:0deg}to{rotate:360deg}}
@keyframes cw-spark-twinkle{0%,100%{scale:.75;opacity:.45}50%{scale:1.23;opacity:1}}
@keyframes cw-neon-border{0%,100%{border-color:#7359c1;box-shadow:0 8px 22px #1d1a4b60,0 0 8px #af87ff55}48%{border-color:#8ffaf1;box-shadow:0 8px 22px #1d1a4b60,0 0 23px #8bf6ef8f,0 0 16px #b487fc99}}
@keyframes cw-music-button{0%,100%{box-shadow:inset 0 1px #ffffff52,0 0 9px #6de3e169}50%{box-shadow:inset 0 1px #ffffffaa,0 0 23px #8bfaffd9,0 0 11px #b284ffac}}
@keyframes cw-music-bezel{0%,100%{border-color:#a0dbfa}50%{border-color:#d99fff}}
@keyframes cw-pencil-write{0%,100%{translate:0 0;rotate:-6deg}30%{translate:10px 6px;rotate:8deg}65%{translate:-4px -2px;rotate:-5deg}}
@keyframes cw-ai-think{0%,100%{translate:0 0;rotate:0deg}50%{translate:0 -7px;rotate:3deg}}
@keyframes cw-ai-halo{0%,100%{scale:.95;opacity:.7}50%{scale:1.13;opacity:1}}
@keyframes cw-ai-dots{0%,100%{transform:translateY(0);opacity:.5}45%{transform:translateY(-6px);opacity:1}}
@keyframes cw-page-tilt{0%,100%{rotate:-2deg}50%{rotate:5deg}}
@keyframes cw-page-lift{0%,100%{translate:0 0;rotate:0deg}50%{translate:0 -9px;rotate:3deg}}
@keyframes cw-bookmark{0%,100%{translate:0 0;rotate:0deg}50%{translate:0 -10px;rotate:-9deg}}
@keyframes cw-parcel-bounce{0%,100%{translate:0 0}50%{translate:0 -9px}}
@keyframes cw-seal-shine{0%,100%{rotate:-10deg;filter:brightness(1)}50%{rotate:12deg;filter:brightness(1.25)}}
@media(max-width:900px){.cw-grid .cw-card .cw-art .cw-icon-center{font-size:82px}.cw-grid .cw-read-world .cw-icon-center{font-size:95px}.cw-grid .cw-card .cw-art .cw-float-piece.one{left:8%}.cw-grid .cw-card .cw-art .cw-float-piece.two{right:8%}.cw-grid .cw-write-world .cw-icon-center{font-size:75px}}
@media(max-width:580px){.cw-grid .cw-card .cw-art .cw-icon-center{font-size:91px}.cw-grid .cw-card .cw-art .cw-float-piece.one{left:10%}.cw-grid .cw-card .cw-art .cw-float-piece.two{right:10%}.cw-grid .cw-card .cw-prism-speaker{width:155px}.cw-grid .cw-neon-music .cw-content{padding-top:14px}.cw-grid .cw-card.cw-world-animated .cw-action{font-size:13px}}
@media(prefers-reduced-motion:reduce){
 .cw-grid .cw-card,.cw-grid .cw-card:hover,.cw-grid .cw-card:focus-visible{transition:none!important;animation:none!important;transform:none!important}
 .cw-grid .cw-card .cw-art .cw-art-aura,.cw-grid .cw-card .cw-art .cw-orbit,.cw-grid .cw-card .cw-art .cw-icon-center,.cw-grid .cw-card .cw-art .cw-spark,.cw-grid .cw-card .cw-art .cw-float-piece,.cw-grid .cw-card .cw-pencil,.cw-grid .cw-card .cw-ai-halo,.cw-grid .cw-card .cw-thinking i,.cw-grid .cw-card .cw-book-paper,.cw-grid .cw-card .cw-bookmark,.cw-grid .cw-card .cw-seal,.cw-grid .cw-card .cw-mini-book,.cw-grid .cw-card .cw-shipping-star,.cw-grid .cw-card .cw-prism-speaker,.cw-grid .cw-card .cw-prism-meter i,.cw-grid .cw-card .cw-action{animation:none!important;transition:none!important;translate:none!important;rotate:none!important}
 .cw-grid .cw-card .cw-art::after{display:none}
}


/* The original Compass AI entrance orb, re-housed at card scale. Same
   Compass logo centre and cyan/violet/rose/gold 3D ribbon rings. */
.cw-grid .cw-ai-world .cw-art.cw-globe-art{
 background:radial-gradient(circle at 50% 50%,#fdfdff 0%,#e7f8ff 37%,#dfdafa 80%,#c8e7f4 100%);
}
.cw-grid .cw-ai-world .cw-globe-aura{
 position:absolute;inset:15%;border-radius:50%;
 background:radial-gradient(circle,#ffffffc5 0%,#83b6ed6b 40%,transparent 73%);
 filter:blur(10px);animation:cw-globe-breathe 5s ease-in-out infinite;
}
.cw-grid .cw-ai-world .cw-globe-scene{
 position:relative;z-index:3;display:grid;place-items:center;
 width:min(58%,196px);aspect-ratio:1;
 perspective:600px;transform-style:preserve-3d;
 filter:drop-shadow(0 14px 15px #4b4b9656);
 animation:cw-globe-float 6s ease-in-out infinite;
}
.cw-grid .cw-ai-world .cw-globe-halo,
.cw-grid .cw-ai-world .cw-globe-ribbon{
 position:absolute;border-radius:50%;pointer-events:none;
 transform-style:preserve-3d;backface-visibility:visible;
}
.cw-grid .cw-ai-world .cw-globe-halo{
 border-style:solid;border-color:transparent;
 mask:linear-gradient(#000 0 0) padding-box,linear-gradient(#000 0 0);
 mask-composite:exclude;
 box-shadow:0 0 10px currentColor,0 0 20px #5f9cff31;
}
.cw-grid .cw-ai-world .cw-halo-one{
 inset:8%;border-width:5px;color:#67edf7;
 background:conic-gradient(#5df3ff,#598cff 20%,#b46cff 40%,#ff70c7 60%,#ffc45f 80%,#5df3ff) border-box;
 animation:cw-globe-ring-one 4.2s linear infinite;
}
.cw-grid .cw-ai-world .cw-halo-two{
 inset:-2%;border-width:3px;color:#bd78ff;
 background:conic-gradient(#ff75cf,#b878ff 22%,#61cfff 43%,#69f1df 65%,#ffbf68 83%,#ff75cf) border-box;
 animation:cw-globe-ring-two 5.6s linear infinite;
}
.cw-grid .cw-ai-world .cw-halo-three{
 inset:-13%;border-width:2px;color:#5fdcf4;
 background:conic-gradient(#5ee8f4,#8c7dff 24%,#ef70c5 45%,#ffc56b 66%,#65d8ff 83%,#5ee8f4) border-box;
 animation:cw-globe-ring-three 6.1s linear infinite;
}
.cw-grid .cw-ai-world .cw-globe-ribbon{
 box-shadow:0 0 9px currentColor,0 0 18px #69dde952;z-index:4;
}
.cw-grid .cw-ai-world .cw-globe-ribbon-one{
 inset:13%;border:4px solid;border-color:#5df3ff #598cff #b878ff #ff70c7;color:#5df3ff;
 animation:cw-globe-ribbon-one 4s linear infinite;
}
.cw-grid .cw-ai-world .cw-globe-ribbon-two{
 inset:3%;border:3px solid;border-color:#b878ff #69f1df #ffc45f #61cfff;color:#b878ff;
 animation:cw-globe-ribbon-two 6.2s linear infinite;
}
.cw-grid .cw-ai-world .cw-globe-ribbon-three{
 inset:21%;border:3px solid;border-color:#ff75cf #86e5f0 #8c78ef #ffbe70;color:#ff75cf;
 animation:cw-globe-ribbon-three 5.4s linear infinite;
}
.cw-grid .cw-ai-world .cw-globe-core{
 position:absolute;z-index:6;width:47%;height:47%;border-radius:50%;
 overflow:hidden;isolation:isolate;display:grid;place-items:center;
 background:radial-gradient(circle at 30% 24%,white 0 8%,#f8fbff 25%,#dcecff 58%,#aab8e5 82%,#6e71a7);
 box-shadow:inset -18px -18px 29px #28256455,inset 9px 9px 20px #fff,
 -10px 3px 18px #5df3ff68,10px -4px 20px #b46cff60,0 0 50px #744de754;
 animation:cw-globe-core-move 5.8s ease-in-out infinite;
}
.cw-grid .cw-ai-world .cw-globe-living-light{
 position:absolute;inset:-12%;z-index:1;border-radius:50%;pointer-events:none;
 background:radial-gradient(circle at 28% 32%,#fff 0 4%,#57e7f557 8%,transparent 25%),
 radial-gradient(circle at 72% 68%,#ad5bf461,transparent 28%),
 conic-gradient(transparent,#4ec5ff32,transparent,#f467be31,transparent);
 mix-blend-mode:screen;filter:blur(2px);animation:cw-globe-breathe 6s ease-in-out infinite;
}
.cw-grid .cw-ai-world .cw-globe-core img{
 width:88%;height:88%;object-fit:contain;position:relative;z-index:2;
 mix-blend-mode:multiply;filter:saturate(1.08) contrast(1.04);border-radius:50%;
 mask-image:radial-gradient(circle,#000 0 56%,#000e 64%,#000b 74%,transparent 91%);
}
.cw-grid .cw-ai-world .cw-globe-front{position:absolute;inset:0;z-index:9;pointer-events:none}
.cw-grid .cw-ai-world .cw-globe-front i{
 position:absolute;border-radius:50%;border:2px solid;
 border-color:#73e8f4 #8f70f4 #f56fbe #60abff;
 filter:drop-shadow(0 0 6px #69dcef8a);
}
.cw-grid .cw-ai-world .cw-globe-front i:first-child{inset:23%;animation:cw-globe-ring-one 4.8s linear infinite}
.cw-grid .cw-ai-world .cw-globe-front i:last-child{inset:17%;animation:cw-globe-ring-two 6.9s linear infinite}
.cw-grid .cw-ai-world .cw-globe-gem{
 position:absolute;top:-7px;left:50%;display:block;width:10px;height:10px;
 border:1px solid #fff;border-radius:50%;
 background:radial-gradient(circle,#fff,#79dfff 48%,transparent 73%);
 box-shadow:0 0 6px #fff,0 0 14px #66dff1;animation:cw-globe-breathe 1.6s ease-in-out infinite;
}
.cw-grid .cw-ai-world .cw-globe-comet{
 position:absolute;z-index:10;width:7px;height:7px;border-radius:50%;
 background:#8af4ff;box-shadow:0 0 7px #fff,0 0 17px #6cf3fb;
}
.cw-grid .cw-ai-world .cw-comet-one{left:26%;top:66%;animation:cw-globe-comet-one 5s ease-in-out infinite}
.cw-grid .cw-ai-world .cw-comet-two{right:25%;top:31%;background:#d998ff;box-shadow:0 0 7px #fff,0 0 17px #d998ff;animation:cw-globe-comet-two 6s ease-in-out infinite}
@keyframes cw-globe-float{0%,100%{transform:translateY(2px)}50%{transform:translateY(-6px)}}
@keyframes cw-globe-breathe{0%,100%{opacity:.62;scale:.97}50%{opacity:1;scale:1.06}}
@keyframes cw-globe-core-move{0%,100%{transform:rotate(-4deg)}50%{transform:rotate(4deg)}}
@keyframes cw-globe-ring-one{from{transform:rotateX(67deg) rotateY(-15deg) rotateZ(0)}to{transform:rotateX(67deg) rotateY(-15deg) rotateZ(360deg)}}
@keyframes cw-globe-ring-two{from{transform:rotateX(28deg) rotateY(65deg) rotateZ(0)}to{transform:rotateX(28deg) rotateY(65deg) rotateZ(-360deg)}}
@keyframes cw-globe-ring-three{from{transform:rotateX(79deg) rotateY(32deg) rotateZ(0)}to{transform:rotateX(79deg) rotateY(32deg) rotateZ(360deg)}}
@keyframes cw-globe-ribbon-one{from{transform:rotateX(70deg) rotateY(-30deg) rotateZ(0)}to{transform:rotateX(70deg) rotateY(-30deg) rotateZ(360deg)}}
@keyframes cw-globe-ribbon-two{from{transform:rotateX(45deg) rotateY(55deg) rotateZ(0)}to{transform:rotateX(45deg) rotateY(55deg) rotateZ(-360deg)}}
@keyframes cw-globe-ribbon-three{from{transform:rotateX(20deg) rotateY(-65deg) rotateZ(0)}to{transform:rotateX(20deg) rotateY(-65deg) rotateZ(360deg)}}
@keyframes cw-globe-comet-one{0%,100%{transform:translate(0,0);opacity:.6}50%{transform:translate(-10px,-11px);opacity:1}}
@keyframes cw-globe-comet-two{0%,100%{transform:translate(0,0);opacity:.65}50%{transform:translate(13px,10px);opacity:1}}
@media(max-width:900px){.cw-grid .cw-ai-world .cw-globe-scene{width:min(57%,170px)}}
@media(max-width:580px){.cw-grid .cw-ai-world .cw-globe-scene{width:min(57%,180px)}}
@media(prefers-reduced-motion:reduce){
 .cw-grid .cw-ai-world .cw-globe-scene,.cw-grid .cw-ai-world .cw-globe-aura,
 .cw-grid .cw-ai-world .cw-globe-halo,.cw-grid .cw-ai-world .cw-globe-ribbon,
 .cw-grid .cw-ai-world .cw-globe-core,.cw-grid .cw-ai-world .cw-globe-front i,
 .cw-grid .cw-ai-world .cw-globe-gem,.cw-grid .cw-ai-world .cw-globe-comet,
 .cw-grid .cw-ai-world .cw-globe-living-light{animation:none!important;transform:none!important}
}

/* ONE NIGHT-SKY DESIGN SYSTEM: matching dark cards, vivid individual performances. */
.cw-grid .cw-card.cw-world-animated{
 --pulse:#80fff2;--second:#b489ff;position:relative;isolation:isolate;
 background:linear-gradient(155deg,#172442,#080e1f 76%,#1c152d);
 border:2px solid var(--pulse);border-radius:27px;overflow:hidden;
 box-shadow:inset 0 1px #fff8,0 9px 28px #0008,0 0 13px color-mix(in srgb,var(--pulse),transparent 48%);
 animation:cw-night-border 4s ease-in-out infinite;
}
.cw-grid .cw-card.cw-neon-music{--pulse:#75f7ef;--second:#c28dff}
.cw-grid .cw-card.cw-edu-world{--pulse:#66caff;--second:#a38dff}
.cw-grid .cw-card.cw-ai-world{--pulse:#bb9aff;--second:#6ef5f2}
.cw-grid .cw-card.cw-write-world{--pulse:#ff9dd3;--second:#c7a1ff}
.cw-grid .cw-card.cw-read-world{--pulse:#b3a5ff;--second:#81ffdf}
.cw-grid .cw-card.cw-publish-world{--pulse:#78f8d1;--second:#ffde98}
.cw-grid .cw-card.cw-world-animated:hover,.cw-grid .cw-card.cw-world-animated:focus-visible{
 transform:translateY(-6px);border-color:var(--pulse);
 box-shadow:inset 0 1px #fff8,0 15px 35px #0009,0 0 29px color-mix(in srgb,var(--pulse),transparent 20%)!important;
}
.cw-grid .cw-card.cw-world-animated .cw-content{
 padding:17px 21px 20px;
 background:radial-gradient(ellipse at 75% 0,color-mix(in srgb,var(--pulse),transparent 87%),transparent 65%),linear-gradient(158deg,#14203b,#080f21 72%,#161329);
 color:#f7faff;
}
.cw-grid .cw-card.cw-world-animated .cw-tag{color:var(--pulse);text-shadow:0 0 11px color-mix(in srgb,var(--pulse),transparent 45%)}
.cw-grid .cw-card.cw-world-animated h2{color:#fff;text-shadow:0 0 12px color-mix(in srgb,var(--second),transparent 42%)}
.cw-grid .cw-card.cw-world-animated p{color:#d1e2f3}
.cw-grid .cw-card.cw-world-animated .cw-action{
 margin-top:auto;display:flex;align-items:center;justify-content:space-between;
 min-height:48px;padding:5px 5px 5px 12px;border-radius:12px;border:2px solid transparent;
 background:linear-gradient(140deg,#253454,#091226 72%,#26203c) padding-box,linear-gradient(110deg,var(--pulse),var(--second),#79bfff,var(--pulse)) border-box;
 color:#f8fcff;font-size:13px;font-weight:850;text-shadow:0 0 8px #a9d5fc;
 box-shadow:inset 0 1px #fff8,0 0 12px color-mix(in srgb,var(--pulse),transparent 46%);
 animation:cw-night-button 2.6s ease-in-out infinite;
}
.cw-grid .cw-card.cw-world-animated .cw-arrow{
 flex:0 0 36px;min-width:36px;width:36px;height:36px;border-radius:9px;
 border:1px solid #ffffff96;
 background:linear-gradient(130deg,var(--pulse),var(--second));
 color:#0d2542;box-shadow:0 0 13px color-mix(in srgb,var(--pulse),transparent 25%);
 transition:transform .28s ease,filter .28s ease;
}
.cw-grid .cw-card.cw-world-animated:hover .cw-arrow{transform:translateX(4px) scale(1.05);filter:brightness(1.15)}
.cw-grid .cw-card.cw-world-animated .cw-art:not(.cw-prism-stage){
 background:radial-gradient(circle at 48% 48%,color-mix(in srgb,var(--pulse),transparent 76%),transparent 46%),radial-gradient(circle at 83% 12%,color-mix(in srgb,var(--second),transparent 88%),transparent 49%),linear-gradient(142deg,#081224,#18152c 58%,#09182b);
}
.cw-grid .cw-card.cw-world-animated .cw-art:not(.cw-prism-stage)::before{
 content:"";position:absolute;inset:12px;border:1px solid color-mix(in srgb,var(--pulse),transparent 60%);
 border-radius:19px;z-index:0;pointer-events:none;box-shadow:inset 0 0 20px color-mix(in srgb,var(--second),transparent 89%);
}
.cw-grid .cw-card.cw-world-animated .cw-art .cw-art-aura{
 background:radial-gradient(circle,color-mix(in srgb,var(--pulse),transparent 51%),color-mix(in srgb,var(--second),transparent 80%) 53%,transparent 77%);
 filter:blur(8px);
}
.cw-grid .cw-card.cw-world-animated .cw-art .cw-icon-center{
 filter:drop-shadow(0 9px 5px #000b) drop-shadow(0 0 16px color-mix(in srgb,var(--pulse),transparent 25%));
}
.cw-grid .cw-card.cw-world-animated .cw-art .cw-float-piece{
 background:linear-gradient(140deg,#354566,#111d36);border-color:var(--pulse);
 color:white;text-shadow:0 0 9px var(--pulse);
 box-shadow:inset 0 1px #fff9,0 6px 15px #000a,0 0 10px color-mix(in srgb,var(--pulse),transparent 50%);
}
.cw-grid .cw-card.cw-world-animated .cw-art .cw-orbit{border-color:color-mix(in srgb,var(--pulse),transparent 30%);box-shadow:0 0 19px color-mix(in srgb,var(--pulse),transparent 50%)}
.cw-grid .cw-card.cw-world-animated .cw-art .cw-spark{color:#f5fcff;text-shadow:0 0 8px white,0 0 19px var(--pulse),0 0 29px var(--second)}
.cw-grid .cw-card.cw-world-animated .cw-art .cw-stage-ray{
 position:absolute;inset:-60%;z-index:0;pointer-events:none;
 background:conic-gradient(transparent 0 10%,color-mix(in srgb,var(--pulse),transparent 93%) 17%,transparent 24% 46%,color-mix(in srgb,var(--second),transparent 91%) 54%,transparent 61%);
 animation:cw-night-rays 17s linear infinite;
}
.cw-grid .cw-card.cw-world-animated .cw-art .cw-night-particle{
 position:absolute;z-index:4;color:var(--pulse);font-size:19px;text-shadow:0 0 14px var(--pulse);
 animation:cw-night-particle 4.6s ease-in-out infinite;pointer-events:none;
}
.cw-grid .cw-card .cw-night-particle.p1{left:15%;bottom:22%}
.cw-grid .cw-card .cw-night-particle.p2{right:15%;top:15%;animation-delay:-1.7s}
.cw-grid .cw-card .cw-night-particle.p3{right:22%;bottom:15%;animation-delay:-2.5s}
.cw-grid .cw-card.cw-ai-world .cw-art.cw-globe-art{
 background:radial-gradient(ellipse at 50% 45%,#303e68,#15182f 53%,#0a1022 93%);
}
.cw-grid .cw-card.cw-ai-world .cw-globe-scene{filter:drop-shadow(0 15px 13px #000b) drop-shadow(0 0 14px #ae97f9a1)}
/* Learning: notebook and maths flashcards soar, pencil sketches a sparkling line. */
.cw-grid .cw-edu-world .cw-icon-center{animation:cw-edu-dance 3.2s ease-in-out infinite}
.cw-grid .cw-edu-world .cw-float-piece.one{animation:cw-edu-tiles 3.7s ease-in-out infinite}
.cw-grid .cw-edu-world .cw-float-piece.two{animation:cw-edu-tiles-two 4.1s ease-in-out infinite}
.cw-grid .cw-edu-world .cw-pencil{animation:cw-edu-write 2.8s ease-in-out infinite;filter:drop-shadow(0 0 12px #71e6ff)}
.cw-grid .cw-edu-world .cw-drawn-line{position:absolute;bottom:23%;left:19%;z-index:3;width:54%;height:3px;border-radius:9px;background:linear-gradient(90deg,transparent,#b8fffc,#a29cfb,transparent);box-shadow:0 0 14px #66ecfa;transform-origin:left;animation:cw-edu-ink 2.8s ease-in-out infinite}
/* Writing: a little illuminated manuscript writes its title as quill swoops. */
.cw-grid .cw-write-world .cw-book-paper{
 background:linear-gradient(120deg,#f7e1fa,#fffcf4 14%,#fff);
 border-color:#ffb0e6;
 box-shadow:8px 7px 0 #e6b2ed,13px 12px 0 #9473c8,0 0 21px #fa80cfc1,0 17px 26px #000b;
 animation:cw-paper-hover 4s ease-in-out infinite;
}
.cw-grid .cw-write-world .cw-book-paper::before{color:#884d89;animation:cw-handwriting 4.1s steps(18,end) infinite}
.cw-grid .cw-write-world .cw-icon-center{animation:cw-scribble 3.4s ease-in-out infinite;filter:drop-shadow(0 0 15px #fe95d5)}
.cw-grid .cw-write-world .cw-ink-line{position:absolute;left:38%;bottom:27%;z-index:4;width:25%;height:3px;border-radius:9px;background:linear-gradient(90deg,#ffa5f1,#d09cfa,transparent);box-shadow:0 0 13px #ff9bf4;transform-origin:left;animation:cw-edu-ink 3.4s infinite}
/* Reading: magical book turns two pages while bookmark flies above it. */
.cw-grid .cw-read-world .cw-icon-center{animation:cw-book-breathe 3.6s ease-in-out infinite}
.cw-grid .cw-read-world .cw-neon-page{
 position:absolute;z-index:4;top:37%;left:52%;width:27px;height:45px;
 transform-origin:left bottom;border:2px solid #e8faff;border-radius:2px 11px 4px 2px;
 background:linear-gradient(120deg,#fff1fb,#9ceeff 65%,#bfa7ff);
 box-shadow:0 0 14px #9ad9ffae;animation:cw-page-turn 4s ease-in-out infinite;
}
.cw-grid .cw-read-world .cw-neon-page.two{left:55%;animation-delay:-2s;background:linear-gradient(120deg,#e0fffc,#a7e4ff,#fff5e6)}
.cw-grid .cw-read-world .cw-bookmark{animation:cw-bookmark-flight 4s ease-in-out infinite;filter:drop-shadow(0 0 14px #a9ffef)}
/* Publishing: the parcel launches a little book along the neon delivery arc. */
.cw-grid .cw-publish-world .cw-icon-center{animation:cw-box-jump 3.5s ease-in-out infinite}
.cw-grid .cw-publish-world .cw-mini-book{animation:cw-book-launch 3.5s ease-in-out infinite;filter:drop-shadow(0 0 13px #83ffe2)}
.cw-grid .cw-publish-world .cw-seal{animation:cw-gold-shine 2.8s ease-in-out infinite}
.cw-grid .cw-publish-world .cw-delivery-arc{
 position:absolute;left:12%;top:23%;width:74%;height:55%;z-index:1;
 border:3px dashed #81ffe6ad;border-bottom:0;border-radius:50% 50% 0 0;
 filter:drop-shadow(0 0 8px #76fce4);animation:cw-route-glow 3.7s ease-in-out infinite;
}
.cw-grid .cw-publish-world .cw-confetti{position:absolute;z-index:4;width:7px;height:15px;border-radius:4px;background:var(--pulse);box-shadow:0 0 12px var(--pulse);animation:cw-party-shower 4s ease-in-out infinite}
.cw-grid .cw-publish-world .cw-confetti.one{top:15%;left:16%}
.cw-grid .cw-publish-world .cw-confetti.two{top:15%;right:18%;background:#ffb9f6;animation-delay:-1.3s}
.cw-grid .cw-publish-world .cw-confetti.three{top:12%;right:31%;background:#ffdca2;animation-delay:-2.5s}
@keyframes cw-night-border{0%,100%{box-shadow:inset 0 1px #fff8,0 8px 23px #0008,0 0 9px color-mix(in srgb,var(--pulse),transparent 60%)}50%{box-shadow:inset 0 1px #fff8,0 8px 23px #0008,0 0 23px color-mix(in srgb,var(--pulse),transparent 31%),0 0 14px color-mix(in srgb,var(--second),transparent 49%)}}
@keyframes cw-night-button{0%,100%{box-shadow:inset 0 1px #fff8,0 0 8px color-mix(in srgb,var(--pulse),transparent 55%)}50%{box-shadow:inset 0 1px #fffa,0 0 24px color-mix(in srgb,var(--pulse),transparent 23%),0 0 14px color-mix(in srgb,var(--second),transparent 44%)}}
@keyframes cw-night-rays{to{transform:rotate(360deg)}}
@keyframes cw-night-particle{0%,100%{opacity:.25;transform:translateY(6px) scale(.7)}50%{opacity:1;transform:translate(7px,-17px) scale(1.35)}}
@keyframes cw-edu-dance{0%,100%{transform:rotate(-5deg) translateY(3px) scale(.96)}50%{transform:rotate(7deg) translateY(-10px) scale(1.08)}}
@keyframes cw-edu-tiles{0%,100%{transform:translateY(2px) rotate(-11deg)}50%{transform:translate(17px,-17px) rotate(10deg) scale(1.12)}}
@keyframes cw-edu-tiles-two{0%,100%{transform:translateY(3px) rotate(9deg)}50%{transform:translate(-21px,-22px) rotate(-10deg)}}
@keyframes cw-edu-write{0%,100%{transform:translate(0,0) rotate(-12deg)}50%{transform:translate(37px,-8px) rotate(12deg)}}
@keyframes cw-edu-ink{0%{transform:scaleX(0);opacity:0}35%,70%{transform:scaleX(1);opacity:1}100%{opacity:0}}
@keyframes cw-paper-hover{0%,100%{transform:translateY(3px) rotate(-8deg)}50%{transform:translateY(-10px) rotate(-2deg)}}
@keyframes cw-handwriting{0%,13%{clip-path:inset(0 100% 0 0)}55%,90%{clip-path:inset(0 0 0 0)}100%{clip-path:inset(0 100% 0 0)}}
@keyframes cw-scribble{0%,100%{transform:translate(-6px,2px) rotate(-13deg)}30%{transform:translate(12px,-6px) rotate(6deg)}60%{transform:translate(26px,5px) rotate(-12deg)}}
@keyframes cw-book-breathe{0%,100%{transform:rotate(-4deg) translateY(2px) scale(.98)}50%{transform:rotate(3deg) translateY(-9px) scale(1.08)}}
@keyframes cw-page-turn{0%,10%{transform:rotateY(0) rotate(-14deg) scale(.6);opacity:0}27%{opacity:1}70%{transform:rotateY(-165deg) rotate(8deg) translateY(-12px);opacity:.9}95%,100%{transform:rotateY(-205deg) translateY(-17px) scale(.7);opacity:0}}
@keyframes cw-bookmark-flight{0%,100%{transform:translateY(3px) rotate(-16deg)}50%{transform:translateY(-23px) rotate(16deg)}}
@keyframes cw-box-jump{0%,100%{transform:translateY(3px) scale(.97)}42%{transform:translateY(-12px) scale(1.08)}}
@keyframes cw-book-launch{0%,100%{transform:translate(-6px,10px) rotate(-14deg) scale(.8);opacity:.6}50%{transform:translate(23px,-28px) rotate(15deg) scale(1.14);opacity:1}}
@keyframes cw-gold-shine{0%,100%{transform:rotate(-15deg) scale(.9);filter:brightness(.9)}50%{transform:rotate(15deg) scale(1.17);filter:brightness(1.4)}}
@keyframes cw-route-glow{0%,100%{opacity:.26}50%{opacity:1}}
@keyframes cw-party-shower{0%,100%{transform:translateY(-12px) rotate(0);opacity:.1}50%{transform:translate(8px,40px) rotate(110deg);opacity:1}90%{transform:translate(-8px,75px) rotate(170deg);opacity:0}}
@media(max-width:900px){.cw-grid .cw-card.cw-world-animated .cw-content{padding:15px 15px 18px}.cw-grid .cw-card.cw-world-animated .cw-action{font-size:12px}}
@media(max-width:580px){.cw-grid .cw-card.cw-world-animated .cw-content{padding:15px 17px 18px}.cw-grid .cw-card.cw-world-animated .cw-action{font-size:13px}}
@media(prefers-reduced-motion:reduce){
.cw-grid .cw-card.cw-world-animated,.cw-grid .cw-card.cw-world-animated .cw-action,.cw-grid .cw-card .cw-stage-ray,.cw-grid .cw-card .cw-night-particle,.cw-grid .cw-card .cw-drawn-line,.cw-grid .cw-card .cw-ink-line,.cw-grid .cw-card .cw-neon-page,.cw-grid .cw-card .cw-delivery-arc,.cw-grid .cw-card .cw-confetti,.cw-grid .cw-card .cw-book-paper::before,.cw-grid .cw-card .cw-icon-center,.cw-grid .cw-card .cw-float-piece,.cw-grid .cw-card .cw-pencil,.cw-grid .cw-card .cw-bookmark,.cw-grid .cw-card .cw-mini-book,.cw-grid .cw-card .cw-seal{animation:none!important}
}

/* One level, one height, one neon-button treatment across every world. */
.cw-grid{grid-auto-rows:1fr}
.cw-grid .cw-card.cw-world-animated.cw-world-animated .cw-action{
 border:2px solid transparent;border-radius:12px;min-height:48px;padding:5px 5px 5px 12px;
 background:linear-gradient(140deg,#253454,#091226 72%,#26203c) padding-box,linear-gradient(110deg,var(--pulse),var(--second),#79bfff,var(--pulse)) border-box;
 color:#f8fcff;font-size:13px;font-weight:850;text-shadow:0 0 8px #a9d5fc;
 box-shadow:inset 0 1px #fff8,0 0 12px color-mix(in srgb,var(--pulse),transparent 46%);
 animation:cw-night-button 2.6s ease-in-out infinite
}
.cw-grid .cw-card.cw-world-animated.cw-world-animated .cw-arrow{
 flex:0 0 36px;min-width:36px;width:36px;height:36px;border-radius:9px;border:1px solid #ffffff96;
 background:linear-gradient(130deg,var(--pulse),var(--second));color:#0d2542;
 box-shadow:0 0 13px color-mix(in srgb,var(--pulse),transparent 25%);
 transition:transform .28s ease,filter .28s ease
}
@media(prefers-reduced-motion:reduce){.cw-grid .cw-card.cw-world-animated.cw-world-animated .cw-action{animation:none}}

/* Explore Books: magical story portal, illustrated 3D open fairytale and orbiting covers. */
.cw-grid .cw-read-world .cw-art.cw-cinematic-read{
 position:relative;isolation:isolate;
 background:radial-gradient(circle at 50% 56%,#493f8d 0%,#2b2553 28%,#10102b 67%,#090e23 100%);
 perspective:660px;
}
.cw-grid .cw-read-world .cw-cinematic-read::before,
.cw-grid .cw-publish-world .cw-cinematic-publish::before{
 content:"";position:absolute;inset:10px;border:1px solid #ffffff3b;border-radius:19px;
 box-shadow:inset 0 0 30px #a891e62e,0 0 15px #b9a9ff18;z-index:0;pointer-events:none;
}
.cw-read-world .cw-story-aurora{position:absolute;inset:0;background:
 radial-gradient(ellipse at 48% 60%,#8ad8ff57,transparent 42%),
 radial-gradient(ellipse at 60% 30%,#cf87ff52,transparent 50%);
 filter:blur(11px);animation:cw-story-aurora 5s ease-in-out infinite}
.cw-read-world .cw-story-portal{position:absolute;inset:10% 23% 12%;border-radius:50% 50% 43% 43%;
 border:2px solid #c2a7ffb5;background:radial-gradient(ellipse at 51% 69%,#b9a4ff4a,transparent 72%);
 box-shadow:inset 0 0 35px #bb78ff71,0 0 28px #b09ef68a,0 0 0 8px #9c8efa14;
 animation:cw-story-portal-pulse 5.3s ease-in-out infinite}
.cw-read-world .cw-story-orbit{position:absolute;inset:12%;border:1px solid #a6eeffa8;
 border-radius:50%;transform:rotate(-18deg) scaleY(.7);
 filter:drop-shadow(0 0 7px #9ce8ff);animation:cw-story-orbit 15s linear infinite}
.cw-read-world .cw-story-orbit.cw-orbit-minor{inset:7% 20%;border-color:#f0b9ffba;transform:rotate(39deg) scaleY(.83);animation-duration:19s;animation-direction:reverse;opacity:.75}
.cw-read-world .cw-storybook-3d{position:absolute;z-index:5;width:min(59%,242px);height:60%;left:50%;top:53%;transform:translate(-50%,-50%) rotate(-5deg) rotateX(9deg);transform-style:preserve-3d;
 filter:drop-shadow(0 17px 9px #060719b9) drop-shadow(0 0 14px #b796ffc1);
 animation:cw-storybook-fly 5.8s ease-in-out infinite}
.cw-read-world .cw-book-edge{position:absolute;inset:3% -3% -5%;border:4px solid #6e5aaa;border-radius:9px 12px 14px 14px;
 background:linear-gradient(110deg,#a484dc,#fffef1 9%,#fff 49%,#b9c7ec 92%,#5e5bac);
 box-shadow:0 9px 0 #302453,0 16px 15px #02020b9c}
.cw-read-world .cw-story-sheet{position:absolute;z-index:2;top:0;bottom:1%;width:49.6%;overflow:hidden;
 border:2px solid #f9edff;border-radius:6px 6px 13px 6px;box-shadow:inset 0 0 12px #7c72bc33;transform-style:preserve-3d}
.cw-read-world .cw-story-sheet.sheet-left{left:0;transform:rotateY(9deg);transform-origin:right center;
 background:linear-gradient(165deg,#6f5ab3 0%,#ba86bc 36%,#ffc6b5 65%,#8c83be 100%)}
.cw-read-world .cw-story-sheet.sheet-right{right:0;transform:rotateY(-9deg);transform-origin:left center;
 background:linear-gradient(165deg,#12295c 0%,#3e76bd 48%,#8bd1cd 100%)}
.cw-read-world .cw-night-sky{position:absolute;inset:0;z-index:2}
.cw-read-world .cw-night-sky i{position:absolute;width:4px;height:4px;border-radius:50%;background:#fff6ce;box-shadow:0 0 7px #fff}
.cw-read-world .cw-night-sky i:nth-child(1){top:14%;left:25%}.cw-read-world .cw-night-sky i:nth-child(2){top:25%;right:20%}.cw-read-world .cw-night-sky i:nth-child(3){top:38%;left:48%}
.cw-read-world .cw-story-sun{position:absolute;left:40%;top:10%;font-size:35px;color:#fff4bf;text-shadow:0 0 16px #ffecd4;animation:cw-story-star-beam 3s infinite}
.cw-read-world .cw-fairy-castle{position:absolute;z-index:4;left:16%;bottom:22%;width:72%;height:45%;filter:drop-shadow(0 3px 4px #20174a91)}
.cw-read-world .cw-fairy-castle i{position:absolute;bottom:0;background:linear-gradient(100deg,#f9e9ff,#ab8bd7 70%,#7966b7);border-radius:2px}
.cw-read-world .cw-fairy-castle i:nth-child(1){left:29%;width:41%;height:81%;clip-path:polygon(0 29%,50% 0,100% 29%,100% 100%,0 100%)}
.cw-read-world .cw-fairy-castle i:nth-child(2){left:0;width:30%;height:66%;clip-path:polygon(0 28%,50% 0,100% 28%,100% 100%,0 100%)}
.cw-read-world .cw-fairy-castle i:nth-child(3){right:0;width:28%;height:66%;clip-path:polygon(0 28%,50% 0,100% 28%,100% 100%,0 100%)}
.cw-read-world .cw-forest-hill{position:absolute;bottom:-13%;left:-15%;width:145%;height:42%;background:linear-gradient(130deg,#245c69,#277c70);border-radius:50% 50% 0 0;transform:rotate(4deg);z-index:3}
.cw-read-world .cw-story-mountains{position:absolute;bottom:20%;left:-15%;width:130%;height:46%;
 background:linear-gradient(30deg,#415fb0 35%,#b7d4e8 36%,#4374b0 47%,#224c89 60%);
 clip-path:polygon(0 100%,0 66%,28% 15%,48% 58%,69% 5%,100% 58%,100% 100%);z-index:3}
.cw-read-world .cw-ink-waves{position:absolute;bottom:-20%;left:-10%;width:130%;height:55%;background:linear-gradient(160deg,#93e2d8,#2f779c);border-radius:50% 50% 0 0;z-index:4}
.cw-read-world .cw-story-text{position:absolute;bottom:6%;left:8%;right:6%;z-index:8;text-align:center;font:italic 600 clamp(8px,.9vw,11px) Georgia,serif;color:#fffbe9;text-shadow:0 1px 4px #000a}
.cw-read-world .cw-story-spine{position:absolute;z-index:10;top:1%;bottom:0;left:calc(50% - 2px);width:5px;border-radius:4px;background:linear-gradient(90deg,#5a4c8a,#fff9cf,#574b9f);box-shadow:0 0 8px #f7e4ff}
.cw-read-world .cw-page-turn{position:absolute;z-index:9;top:1%;left:50%;width:49%;height:96%;transform-origin:left;opacity:0;border-radius:4px 11px 10px 2px;
 background:linear-gradient(110deg,#a6d7ec,#f5f5ef 38%,#bfaeff);border:1px solid #e8d4f7;
 box-shadow:3px 2px 9px #0006;animation:cw-story-page-turn 6.5s ease-in-out infinite}
.cw-read-world .cw-page-turn.page-second{animation-delay:-3.2s}
.cw-read-world .cw-story-mini-cover{position:absolute;z-index:3;width:17%;max-width:72px;height:36%;display:flex;flex-direction:column;align-items:center;justify-content:center;
 border:2px solid #f9eaffad;border-left:7px solid #cbd5ff;border-radius:4px 9px 10px 4px;
 box-shadow:5px 8px 2px #06071c9c,0 0 15px #e3abffc7;color:#fff;transform-style:preserve-3d}
.cw-read-world .cw-story-mini-cover.cover-left{left:9%;top:25%;background:linear-gradient(150deg,#543f8b,#8255bf 45%,#df85bf);animation:cw-mini-cover-left 5s ease-in-out infinite}
.cw-read-world .cw-story-mini-cover.cover-right{right:7%;top:27%;background:linear-gradient(150deg,#104b76,#288db0 52%,#63dbbb);animation:cw-mini-cover-right 5.5s ease-in-out infinite}
.cw-read-world .cw-cover-moon,.cw-read-world .cw-cover-crystal{font-size:clamp(22px,2.8vw,36px);line-height:1;color:#ffeec8;text-shadow:0 0 12px #fff}
.cw-read-world .cw-mini-ink{font-size:clamp(7px,.7vw,9px);letter-spacing:.04em;font-weight:900;margin-top:7px;text-shadow:0 0 6px #fff7}
.cw-read-world .cw-story-star{position:absolute;z-index:8;font-size:24px;color:#fff3c6;text-shadow:0 0 12px #fff,0 0 24px #c6a6ff;animation:cw-story-star-beam 3s ease-in-out infinite}
.cw-read-world .cw-story-star.a{top:12%;left:15%}.cw-read-world .cw-story-star.b{top:15%;right:15%;animation-delay:-1.5s}
.cw-read-world .cw-story-star.c{bottom:12%;left:19%;animation-delay:-.8s}.cw-read-world .cw-story-star.d{bottom:13%;right:18%;animation-delay:-2s}
.cw-read-world .cw-story-gold-dust{position:absolute;width:6px;height:6px;background:#fff2be;border-radius:50%;z-index:6;box-shadow:0 0 12px #fff4c0;animation:cw-story-dust 5s ease-in-out infinite}
.cw-read-world .cw-story-gold-dust.dust-a{top:18%;left:39%}.cw-read-world .cw-story-gold-dust.dust-b{top:21%;right:29%;animation-delay:-2s}
.cw-read-world .cw-story-gold-dust.dust-c{bottom:23%;right:11%;animation-delay:-3.3s}
/* Publish & Sell: premium trilogy of embossed hardcover books on a cinematic stage. */
.cw-grid .cw-publish-world .cw-art.cw-cinematic-publish{
 position:relative;isolation:isolate;perspective:800px;
 background:radial-gradient(ellipse at 55% 48%,#235e63 0%,#1d424f 26%,#102331 57%,#08121f 100%);
}
.cw-publish-world .cw-pub-aurora{position:absolute;inset:0;background:radial-gradient(circle at 50% 47%,#8cffee4d,transparent 53%),
 radial-gradient(circle at 53% 17%,#ffd38b2f,transparent 49%);filter:blur(12px);animation:cw-pub-aurora 5s ease-in-out infinite}
.cw-publish-world .cw-pub-gold-orbit{position:absolute;inset:10% 17% 16%;border-radius:50%;border:2px solid #ffd481a8;
 box-shadow:0 0 24px #d9ffb766,0 0 12px #ffce8191;transform:rotate(18deg) scaleY(.75);animation:cw-pub-gold-ring 10s linear infinite}
.cw-publish-world .cw-pub-gold-orbit.orbit-two{inset:16% 9% 19%;border-color:#8bffe1a2;transform:rotate(-24deg) scaleY(.7);animation-duration:13s;animation-direction:reverse}
.cw-publish-world .cw-pub-beam{position:absolute;inset:-50%;background:conic-gradient(transparent 0 15%,#f6d48d19 24%,transparent 30% 57%,#85ffe11d 64%,transparent 70%);animation:cw-pub-sweep 17s linear infinite}
.cw-publish-world .cw-pub-beam.beam-two{animation-direction:reverse;animation-duration:24s}
.cw-publish-world .cw-pub-display{position:absolute;z-index:5;left:50%;top:48%;width:70%;height:66%;transform:translate(-50%,-50%);transform-style:preserve-3d;animation:cw-pub-stage-lift 5.6s ease-in-out infinite}
.cw-publish-world .cw-pub-book{position:absolute;bottom:6%;width:35%;height:71%;border-radius:4px 10px 8px 4px;border:2px solid #f8e4bd88;transform-style:preserve-3d;
 box-shadow:inset 0 0 0 5px #fff2a00d,7px 7px 0 #e9d9aa,11px 10px 0 #716e85,13px 15px 13px #000a,0 0 20px #c5b9ff78;
 display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;overflow:hidden}
.cw-publish-world .cw-pub-book-spine{position:absolute;left:0;top:0;bottom:0;width:9%;border-right:2px solid #f6d18aa1;background:linear-gradient(90deg,#0008,#ffebb023);z-index:3}
.cw-publish-world .cw-pub-book.published-left{left:4%;bottom:10%;background:linear-gradient(155deg,#5f3d8a,#7b49ad 57%,#3e306d);
 transform:rotate(-16deg) rotateY(-19deg);animation:cw-pub-left-dance 6s ease-in-out infinite}
.cw-publish-world .cw-pub-book.published-right{right:4%;bottom:10%;background:linear-gradient(155deg,#1d6480,#1785a0 48%,#1f4b75);
 transform:rotate(16deg) rotateY(20deg);animation:cw-pub-right-dance 6s ease-in-out infinite}
.cw-publish-world .cw-pub-book.published-centre{z-index:7;left:32%;bottom:1%;width:37%;height:86%;
 background:radial-gradient(circle at 50% 43%,#6c9b91 0%,#286f68 40%,#17444c 80%,#112b40);
 border-color:#fbd98a;border-radius:4px 9px 10px 4px;
 box-shadow:inset 0 0 0 5px #f8d58b1c,0 0 0 1px #f1deae,7px 8px 0 #f9e4bc,11px 12px 0 #879a9e,15px 17px 16px #000b,0 0 29px #ffe4a09c;
 transform:translateY(-3%) rotateY(-7deg);animation:cw-pub-hero-book 4.4s ease-in-out infinite}
.cw-publish-world .cw-pub-frame{position:absolute;inset:8% 12%;border:2px solid #e6bd758a;border-radius:70px 70px 12px 12px;box-shadow:inset 0 0 12px #fff1b83d}
.cw-publish-world .cw-pub-crest{z-index:2;font-size:clamp(29px,3.4vw,50px);line-height:1;color:#ffe5a7;text-shadow:0 0 15px #ffe1a5;animation:cw-pub-crest-glow 3s ease-in-out infinite}
.cw-publish-world .cw-pub-book strong{z-index:2;margin-top:5px;color:#fff4d5;font:900 clamp(10px,1.22vw,16px)/1.1 Georgia,serif;letter-spacing:.04em;text-shadow:0 0 11px #f8c874,0 2px 4px #123}
.cw-publish-world .cw-pub-cover-footer{position:absolute;bottom:13%;font-size:clamp(5px,.55vw,8px);font-weight:900;letter-spacing:.12em;color:#ffdf9e}
.cw-publish-world .cw-pub-cover-ornament{font-size:clamp(24px,2.5vw,40px);color:#ffe5b5;text-shadow:0 0 12px #cfa2ff}
.cw-publish-world .cw-pub-book small{font-size:clamp(6px,.7vw,9px);font-weight:900;letter-spacing:.08em;color:#fff2db;margin-top:10px}
.cw-publish-world .cw-pub-platform{position:absolute;z-index:3;bottom:11%;left:22%;width:56%;height:13%;
 border:2px solid #ffdda0b8;border-radius:50%;background:radial-gradient(ellipse,#bcf7de8c,#38555c88 58%,#112739 75%);
 box-shadow:0 0 16px #fdd78d97,0 7px 0 #2f5760,0 14px 14px #0009;animation:cw-pub-stage-pulse 4.3s ease-in-out infinite}
.cw-publish-world .cw-pub-platform i{position:absolute;inset:-6px;border:1px solid #8ffff4b5;border-radius:50%;animation:cw-pub-gold-ring 6s linear infinite}
.cw-publish-world .cw-pub-platform i:last-child{inset:6px;border-color:#f4c77fc4;animation-direction:reverse}
.cw-publish-world .cw-pub-spotlight{position:absolute;z-index:2;bottom:5%;left:14%;width:72%;height:15%;
 background:radial-gradient(ellipse,#ffe9a974,transparent 66%);filter:blur(12px)}
.cw-publish-world .cw-pub-seal{position:absolute;z-index:9;right:9%;top:15%;width:21%;aspect-ratio:1;border:3px solid #fff4b3;
 border-radius:50%;background:radial-gradient(circle at 30% 20%,#fff8c5,#f8d271 55%,#a76b37);
 box-shadow:inset 0 0 10px #fffa,0 0 15px #ffd780,0 5px 12px #0008;
 display:flex;flex-direction:column;align-items:center;justify-content:center;animation:cw-pub-seal-orbit 5s ease-in-out infinite}
.cw-publish-world .cw-pub-seal span{font-size:clamp(16px,2vw,30px);color:#865b32;line-height:.8}
.cw-publish-world .cw-pub-seal small{font-size:clamp(5px,.6vw,8px);line-height:1.05;text-align:center;color:#78512b;font-weight:1000;letter-spacing:.01em;margin-top:6px}
.cw-publish-world .cw-pub-glitter{position:absolute;z-index:8;font-size:25px;color:#fff1bc;text-shadow:0 0 12px #fff,0 0 25px #ffe69f;animation:cw-pub-glitter-burst 3.5s ease-in-out infinite}
.cw-publish-world .cw-pub-glitter.g1{left:12%;top:15%}.cw-publish-world .cw-pub-glitter.g2{left:21%;bottom:20%;animation-delay:-1s}
.cw-publish-world .cw-pub-glitter.g3{right:14%;bottom:20%;animation-delay:-2s}.cw-publish-world .cw-pub-glitter.g4{right:27%;top:11%;animation-delay:-3s}
.cw-publish-world .cw-pub-launch-trail{position:absolute;z-index:6;right:23%;top:28%;width:20%;height:30%;
 border-right:2px dashed #fdde9fc9;border-top:2px dashed #fdde9fc9;border-radius:50%;filter:drop-shadow(0 0 6px #ffe0ab);
 animation:cw-pub-trail 4.8s ease-in-out infinite}
.cw-publish-world .cw-pub-launch-trail i{position:absolute;right:-7px;top:-7px;width:9px;height:9px;border-radius:50%;background:#fff5c9;box-shadow:0 0 12px #ffe6a2}
@keyframes cw-story-aurora{0%,100%{opacity:.75;scale:.92}50%{opacity:1;scale:1.09}}
@keyframes cw-story-portal-pulse{0%,100%{box-shadow:inset 0 0 25px #bb78ff71,0 0 18px #b09ef66a}50%{box-shadow:inset 0 0 35px #bb78ff94,0 0 36px #b09ef6c0}}
@keyframes cw-story-orbit{from{rotate:0deg}to{rotate:360deg}}
@keyframes cw-storybook-fly{0%,100%{transform:translate(-50%,-50%) rotate(-6deg) rotateX(9deg) translateY(4px)}50%{transform:translate(-50%,-50%) rotate(-1deg) rotateX(15deg) translateY(-7px)}}
@keyframes cw-story-page-turn{0%,12%,100%{transform:rotateY(0deg);opacity:0}18%{opacity:.9}45%{transform:rotateY(-172deg) translateY(-2px);opacity:.88}65%,88%{opacity:0}}
@keyframes cw-mini-cover-left{0%,100%{transform:translateY(4px) rotate(-19deg) rotateY(-24deg)}50%{transform:translateY(-13px) rotate(-12deg) rotateY(-12deg)}}
@keyframes cw-mini-cover-right{0%,100%{transform:translateY(-3px) rotate(18deg) rotateY(17deg)}50%{transform:translateY(11px) rotate(13deg) rotateY(27deg)}}
@keyframes cw-story-star-beam{0%,100%{opacity:.5;scale:.8}50%{opacity:1;scale:1.24}}
@keyframes cw-story-dust{0%,100%{transform:translateY(15px);opacity:0}40%{opacity:1}85%{transform:translateY(-26px);opacity:0}}
@keyframes cw-pub-aurora{0%,100%{opacity:.7;scale:.94}50%{opacity:1;scale:1.05}}
@keyframes cw-pub-gold-ring{from{rotate:0deg}to{rotate:360deg}}
@keyframes cw-pub-sweep{to{transform:rotate(360deg)}}
@keyframes cw-pub-stage-lift{0%,100%{transform:translate(-50%,-50%) translateY(4px)}50%{transform:translate(-50%,-50%) translateY(-7px)}}
@keyframes cw-pub-left-dance{0%,100%{transform:rotate(-16deg) rotateY(-19deg)}50%{transform:rotate(-21deg) rotateY(-25deg)}}
@keyframes cw-pub-right-dance{0%,100%{transform:rotate(16deg) rotateY(20deg)}50%{transform:rotate(22deg) rotateY(26deg)}}
@keyframes cw-pub-hero-book{0%,100%{transform:translateY(1%) rotateY(-7deg)}50%{transform:translateY(-8%) rotateY(7deg)}}
@keyframes cw-pub-crest-glow{0%,100%{opacity:.8;text-shadow:0 0 9px #ffeaaf}50%{opacity:1;text-shadow:0 0 23px #ffe5ad,0 0 32px #ffb655}}
@keyframes cw-pub-stage-pulse{0%,100%{filter:brightness(.85)}50%{filter:brightness(1.15)}}
@keyframes cw-pub-seal-orbit{0%,100%{transform:translate(0,2px) rotate(-13deg) scale(.95)}50%{transform:translate(-3px,-8px) rotate(8deg) scale(1.06)}}
@keyframes cw-pub-glitter-burst{0%,100%{opacity:.35;transform:scale(.65) rotate(-20deg)}50%{opacity:1;transform:scale(1.22) rotate(24deg)}}
@keyframes cw-pub-trail{0%,100%{opacity:.25;transform:rotate(-12deg)}50%{opacity:1;transform:rotate(8deg)}}
@media(max-width:900px){
 .cw-read-world .cw-storybook-3d{width:60%;height:61%}
 .cw-read-world .cw-story-mini-cover{width:18%}
 .cw-publish-world .cw-pub-display{width:76%}
 .cw-publish-world .cw-pub-book strong{font-size:12px}
}
@media(max-width:580px){
 .cw-read-world .cw-storybook-3d{width:58%;height:60%}
 .cw-read-world .cw-story-mini-cover{width:18%}
 .cw-publish-world .cw-pub-display{width:75%}
}
@media(prefers-reduced-motion:reduce){
 .cw-grid .cw-cinematic-read .cw-story-aurora,.cw-grid .cw-cinematic-read .cw-story-portal,
 .cw-grid .cw-cinematic-read .cw-story-orbit,.cw-grid .cw-cinematic-read .cw-storybook-3d,
 .cw-grid .cw-cinematic-read .cw-story-mini-cover,.cw-grid .cw-cinematic-read .cw-page-turn,
 .cw-grid .cw-cinematic-read .cw-story-star,.cw-grid .cw-cinematic-read .cw-story-gold-dust,
 .cw-grid .cw-cinematic-read .cw-story-sun,
 .cw-grid .cw-cinematic-publish .cw-pub-aurora,.cw-grid .cw-cinematic-publish .cw-pub-gold-orbit,
 .cw-grid .cw-cinematic-publish .cw-pub-beam,.cw-grid .cw-cinematic-publish .cw-pub-display,
 .cw-grid .cw-cinematic-publish .cw-pub-book,.cw-grid .cw-cinematic-publish .cw-pub-platform,
 .cw-grid .cw-cinematic-publish .cw-pub-seal,.cw-grid .cw-cinematic-publish .cw-pub-glitter,
 .cw-grid .cw-cinematic-publish .cw-pub-launch-trail,.cw-grid .cw-cinematic-publish .cw-pub-crest{animation:none!important}
 .cw-grid .cw-cinematic-read .cw-page-turn{display:none}
}


/* The Compass family opens as one animated world. */
main.cw-page{padding:18px clamp(15px,2.8vw,58px) 65px;background:radial-gradient(circle at 7% 2%,#dff9ff 0,transparent 28%),radial-gradient(circle at 95% 5%,#f7e1ff 0,transparent 31%),linear-gradient(180deg,#fff 0%,#fcfaff 57%,#f9fdff 100%)}
.cw-container{max-width:1850px;width:100%;margin:auto}
.cw-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(18px,1.5vw,28px);grid-auto-rows:1fr}
.cw-intro.cw-intro-live{position:relative;isolation:isolate;max-width:1040px;padding:17px 12px 19px;margin:0 auto 20px;overflow:visible}
.cw-intro-live .cw-intro-glow{position:absolute;z-index:-1;inset:-8px 8% -2px;border-radius:60%;background:radial-gradient(ellipse at center,#e1cfff94,transparent 69%);filter:blur(14px);animation:cw-intro-aurora 7s ease-in-out infinite}
.cw-intro-live .cw-eyebrow{position:relative;font-size:clamp(12px,.96vw,15px);letter-spacing:.19em;margin:0 0 4px;color:#6345b6;text-shadow:0 0 13px #e0afff;animation:cw-intro-rise .75s ease-out both}
.cw-intro-live .cw-eyebrow i{display:inline-block;font-style:normal;color:#bb6ee4;font-size:1.3em;animation:cw-intro-star-twirl 5s ease-in-out infinite}
.cw-intro-live .cw-eyebrow i:last-child{animation-delay:-2.5s}
.cw-intro-live h1{font-size:clamp(36px,4.5vw,76px);letter-spacing:-.05em;line-height:1.08;font-weight:950;margin:0;filter:drop-shadow(0 3px 9px #9173b432);animation:cw-intro-rise .9s .12s ease-out both}
.cw-intro-live h1 .cw-title-explore{color:#172f67}
.cw-intro-live h1 .cw-title-worlds{background:linear-gradient(102deg,#8052df 0%,#ed68c8 22%,#fcba81 41%,#57cfdf 63%,#9077fc 81%,#8052df 100%);background-size:260% 100%;background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent;animation:cw-rainbow-word 6.5s ease-in-out infinite}
.cw-intro-live .cw-intro-underline{display:block;position:relative;width:min(290px,48%);height:4px;border-radius:30px;margin:9px auto 10px;transform-origin:center;background:linear-gradient(90deg,transparent,#a079f6,#fb86d8,#6cdfe5,transparent);box-shadow:0 0 15px #c28deeb8;animation:cw-underline-draw 1.15s .28s ease-out both,cw-underline-glow 4s 1.4s ease-in-out infinite}
.cw-intro-live p{max-width:880px;font-size:clamp(15px,1.3vw,19px);line-height:1.5;color:#3c537e;margin:0 auto;animation:cw-intro-rise .9s .32s ease-out both}
.cw-intro-live .cw-sparks{display:flex;justify-content:center;align-items:center;gap:15px;margin:7px auto 0;letter-spacing:0;color:#c4a1ff}
.cw-intro-live .cw-sparks span{display:block;font-size:18px;text-shadow:0 0 9px #e6a8fc;animation:cw-sparks-dance 5.2s ease-in-out infinite}
.cw-intro-live .cw-sparks span:nth-child(2){animation-delay:-1.7s;color:#ffbf83}
.cw-intro-live .cw-sparks span:nth-child(3){animation-delay:-3.3s;color:#83dedb}
.cw-intro-live .cw-intro-star{position:absolute;z-index:2;pointer-events:none;color:#ad77ec;font-size:27px;text-shadow:0 0 10px white,0 0 22px #ab81f5;animation:cw-constellation 6s ease-in-out infinite}
.cw-intro-live .cw-intro-star.star-one{top:21%;left:5%}
.cw-intro-live .cw-intro-star.star-two{top:50%;right:5%;animation-delay:-1.8s;color:#39aebd;font-size:22px}
.cw-intro-live .cw-intro-star.star-three{bottom:8%;left:14%;animation-delay:-3s;font-size:16px;color:#ed93c8}
.cw-intro-live .cw-intro-star.star-four{top:10%;right:16%;animation-delay:-4.3s;font-size:18px;color:#e6aa6e}
@keyframes cw-intro-rise{from{opacity:0;transform:translateY(13px)}to{opacity:1;transform:translateY(0)}}
@keyframes cw-intro-aurora{0%,100%{opacity:.5;scale:.95}50%{opacity:1;scale:1.07}}
@keyframes cw-rainbow-word{0%,100%{background-position:0 50%}50%{background-position:100% 50%}}
@keyframes cw-intro-star-twirl{0%,100%{transform:scale(.85) rotate(-15deg);opacity:.7}50%{transform:scale(1.23) rotate(25deg);opacity:1}}
@keyframes cw-underline-draw{from{transform:scaleX(0);opacity:0}to{transform:scaleX(1);opacity:1}}
@keyframes cw-underline-glow{0%,100%{filter:brightness(1)}50%{filter:brightness(1.4)}}
@keyframes cw-sparks-dance{0%,100%{transform:translateY(0) rotate(0);opacity:.63}50%{transform:translateY(-7px) rotate(24deg);opacity:1}}
@keyframes cw-constellation{0%,100%{opacity:.3;transform:translateY(5px) rotate(-10deg) scale(.72)}50%{opacity:1;transform:translateY(-9px) rotate(20deg) scale(1.23)}}
/* Brighter jewel-toned art and illuminated content, matching all six cards. */
.cw-grid .cw-card.cw-world-animated{border-color:color-mix(in srgb,var(--pulse),#fff 13%);background:linear-gradient(140deg,#30497e,#1c2e57 68%,#1a214d);box-shadow:inset 0 1px #ffffff8f,0 9px 28px #101b4691,0 0 17px color-mix(in srgb,var(--pulse),transparent 43%)}
.cw-grid .cw-card.cw-world-animated .cw-content{padding:clamp(17px,1.4vw,25px) clamp(18px,1.5vw,30px) clamp(20px,1.4vw,26px);background:radial-gradient(ellipse at 75% 0%,color-mix(in srgb,var(--pulse),transparent 74%),transparent 72%),linear-gradient(155deg,#304a80,#24365f 50%,#182446)}
.cw-grid .cw-card.cw-world-animated .cw-tag{color:color-mix(in srgb,var(--pulse),white 23%);text-shadow:0 0 11px color-mix(in srgb,var(--pulse),transparent 30%)}
.cw-grid .cw-card.cw-world-animated h2{font-size:clamp(20px,1.8vw,30px);color:#fff}
.cw-grid .cw-card.cw-world-animated p{font-size:clamp(14px,1.02vw,17px);color:#f0f6ff}
.cw-grid .cw-card.cw-world-animated.cw-world-animated .cw-action{background:linear-gradient(135deg,#345286,#1b2e57 75%,#39386c) padding-box,linear-gradient(105deg,var(--pulse),#f9e0f9,var(--second),var(--pulse)) border-box;min-height:49px;font-size:clamp(12px,.94vw,16px);box-shadow:inset 0 1px #fff8,0 0 17px color-mix(in srgb,var(--pulse),transparent 37%)}
.cw-grid .cw-card.cw-world-animated .cw-art{box-shadow:inset 0 0 18px #e4f6ff3b}
.cw-grid .cw-card.cw-neon-music .cw-art.cw-prism-stage{background:radial-gradient(circle at 48% 47%,#b283fda3,transparent 53%),radial-gradient(circle at 16% 20%,#72e2f479,transparent 45%),radial-gradient(circle at 82% 79%,#fc7fd172,transparent 45%),linear-gradient(145deg,#2c4685,#5b4496 52%,#2b4786)}
.cw-grid .cw-card.cw-edu-world .cw-art.education{background:radial-gradient(circle at 49% 48%,#abedffd1,transparent 47%),radial-gradient(circle at 84% 18%,#d9bbff8e,transparent 53%),linear-gradient(145deg,#327cab,#5d69c5,#367aaf)}
.cw-grid .cw-card.cw-ai-world .cw-art.cw-globe-art{background:radial-gradient(circle at 48% 43%,#e1d8ffd5,transparent 52%),radial-gradient(circle at 19% 22%,#9ce8ffb6,transparent 48%),linear-gradient(145deg,#3579bc,#6361bb,#377bb4)}
.cw-grid .cw-card.cw-write-world .cw-art.cw-hi-tech-pad{background:radial-gradient(circle at 45% 48%,#ffd4ffbe,transparent 52%),radial-gradient(circle at 88% 12%,#cab0ffc9,transparent 50%),linear-gradient(144deg,#8066c7,#b675ba,#7373c1)}
.cw-grid .cw-card.cw-read-world .cw-art.cw-read-digital{background:radial-gradient(circle at 48% 43%,#ece1ffca,transparent 51%),radial-gradient(circle at 19% 25%,#9be9ffac,transparent 47%),linear-gradient(145deg,#6084c5,#9783ce,#5c8fc3)}
.cw-grid .cw-card.cw-publish-world .cw-art.cw-book-for-sale{background:radial-gradient(circle at 49% 43%,#c2ffefcb,transparent 52%),radial-gradient(circle at 83% 24%,#ffe6b8d9,transparent 47%),linear-gradient(145deg,#4b9eaf,#65a891,#5e9fbe)}
.cw-grid .cw-card.cw-world-animated .cw-art:not(.cw-prism-stage)::before{border-color:#ffffffa6;box-shadow:inset 0 0 23px #fff5,0 0 11px #c9fdff80}
.cw-grid .cw-card.cw-ai-world .cw-globe-aura{background:radial-gradient(circle,#fff6f5cc,#c7e0ffb4 45%,transparent 76%);filter:blur(4px)}
.cw-grid .cw-card.cw-ai-world .cw-globe-scene{filter:drop-shadow(0 16px 11px #25416d8a) drop-shadow(0 0 20px #f1f3ff)}
/* Hi-tech book-making tablet with stylus creating a holographic story. */
.cw-hi-tech-pad .cw-pad-halo,.cw-read-digital .cw-digital-aura,.cw-book-for-sale .cw-sale-aura{position:absolute;inset:10%;border-radius:50%;background:radial-gradient(circle,#ffffffbf,#ffffff36 50%,transparent 78%);filter:blur(10px);animation:cw-pad-aura 5s ease-in-out infinite}
.cw-hi-tech-pad .cw-pad-mesh{position:absolute;inset:0;background-image:linear-gradient(#fff5 1px,transparent 1px),linear-gradient(90deg,#fff5 1px,transparent 1px);background-size:28px 28px;mask-image:radial-gradient(circle,#000c,transparent 77%);transform:perspective(160px) rotateX(15deg)}
.cw-hi-tech-pad .cw-tablet-shell{position:absolute;z-index:3;left:52%;top:51%;width:57%;height:70%;border:5px solid #f1eaff;border-radius:16px;background:linear-gradient(145deg,#3b478a,#696bc9);box-shadow:9px 12px 0 #333774,0 18px 26px #25305a9c,0 0 24px #fff9;transform:translate(-50%,-50%) rotate(-8deg) rotateY(-12deg);animation:cw-tablet-float 5s ease-in-out infinite}
.cw-hi-tech-pad .cw-tablet-screen{position:absolute;inset:4%;overflow:hidden;background:linear-gradient(142deg,#f8ffff,#eae6ff 75%);border-radius:8px;border:2px solid #bdd1ff}
.cw-hi-tech-pad .cw-tablet-bar{display:flex;align-items:center;gap:7px;padding:4px 8%;height:20%;background:linear-gradient(90deg,#465dc1,#9e70c6);color:#fff;font-size:clamp(7px,.74vw,11px);font-weight:900}
.cw-hi-tech-pad .cw-tablet-bar i{width:8px;height:8px;border-radius:50%;background:#9bffef;box-shadow:0 0 8px #fff}
.cw-hi-tech-pad .cw-tablet-bar b{flex:1}.cw-hi-tech-pad .cw-tablet-bar em{font-style:normal;border:1px solid #fff8;border-radius:5px;padding:2px 4px}
.cw-hi-tech-pad .cw-tablet-heading{position:absolute;left:8%;top:29%;color:#5d56ab;font:italic 700 clamp(10px,1.2vw,17px) Georgia,serif}
.cw-hi-tech-pad .cw-tablet-line{position:absolute;left:8%;width:37%;height:2px;background:#97b2e8a6;border-radius:5px}.cw-hi-tech-pad .cw-tablet-line.line-a{top:49%}.cw-hi-tech-pad .cw-tablet-line.line-b{top:57%;width:29%}
.cw-hi-tech-pad .cw-tablet-illustration{position:absolute;top:32%;right:8%;width:41%;height:45%;border-radius:7px;overflow:hidden;background:linear-gradient(#d4c6ff,#afe9e9 68%,#79b6b9);box-shadow:0 0 0 2px #fff,0 4px 11px #7170c077}
.cw-hi-tech-pad .cw-illustration-star{position:absolute;top:5%;right:16%;color:#ffe9a0;font-size:clamp(14px,1.6vw,27px);text-shadow:0 0 8px #fff}
.cw-hi-tech-pad .cw-tablet-illustration i,.cw-hi-tech-pad .cw-tablet-illustration b{position:absolute;bottom:-19%;width:82%;height:75%;clip-path:polygon(0 100%,49% 0,100% 100%);background:#7898c5}.cw-hi-tech-pad .cw-tablet-illustration i{left:-23%}.cw-hi-tech-pad .cw-tablet-illustration b{right:-23%;background:#6593b6;scale:.85}
.cw-hi-tech-pad .cw-tablet-dock{position:absolute;bottom:5%;left:7%;right:7%;height:16%;background:#ccd8f8;border-radius:6px;display:flex;align-items:center;justify-content:space-around;color:#625dc4;font-size:clamp(10px,1.3vw,19px)}.cw-hi-tech-pad .cw-tablet-dock i{font-style:normal}
.cw-hi-tech-pad .cw-pad-stylus{position:absolute;z-index:6;width:clamp(8px,.8vw,13px);height:53%;left:28%;top:23%;transform-origin:bottom center;transform:rotate(42deg);border-radius:10px 10px 3px 3px;background:linear-gradient(90deg,#edf6ff,#6f7bc5 30%,#fff 67%,#5662ac);box-shadow:0 4px 10px #30385e8a,0 0 12px #e7e9ff;animation:cw-stylus-write 3.2s ease-in-out infinite}
.cw-hi-tech-pad .cw-pad-stylus::after{content:"";position:absolute;left:12%;right:12%;bottom:-12%;height:14%;clip-path:polygon(0 0,100% 0,50% 100%);background:linear-gradient(#c1d8ef,#5e60b2)}
.cw-hi-tech-pad .cw-pad-stroke{position:absolute;z-index:7;left:31%;bottom:20%;width:33%;height:3px;background:linear-gradient(90deg,transparent,#fff,#adf7ff,transparent);box-shadow:0 0 15px #e9ffff;border-radius:10px;transform-origin:left;animation:cw-draw-stroke 3.2s ease-in-out infinite}
.cw-hi-tech-pad .cw-pad-chip{position:absolute;z-index:8;padding:7px 9px;border:1px solid #fff;border-radius:9px;font-size:clamp(8px,.7vw,12px);font-weight:900;background:linear-gradient(135deg,#4370af,#865cbb);color:#fff;box-shadow:0 4px 10px #344d8d95,0 0 15px #fff8;animation:cw-floating-chip 4s ease-in-out infinite}
.cw-hi-tech-pad .cw-pad-chip.chip-a{top:16%;left:7%}.cw-hi-tech-pad .cw-pad-chip.chip-b{bottom:14%;right:7%;animation-delay:-2s}
.cw-hi-tech-pad .cw-pad-spark,.cw-read-digital .cw-digital-spark,.cw-book-for-sale .cw-sale-spark{position:absolute;z-index:9;color:#fff;text-shadow:0 0 8px #fff,0 0 19px #d8adff;font-size:27px;animation:cw-spark-twinkle 3s ease-in-out infinite}
.cw-hi-tech-pad .cw-pad-spark.s1{right:10%;top:15%}.cw-hi-tech-pad .cw-pad-spark.s2{left:13%;bottom:11%;animation-delay:-1.5s}
/* Explore Books: obvious EPUB + listening headphones + a moving reading screen. */
.cw-read-digital .cw-digital-orbit{position:absolute;inset:12%;border:2px solid #e5f8ffa8;border-radius:50%;transform:rotate(-19deg) scaleY(.74);filter:drop-shadow(0 0 9px #d7b6ff);animation:cw-digital-orbit 12s linear infinite}
.cw-read-digital .cw-digital-reader{position:absolute;z-index:4;left:50%;top:49%;transform:translate(-50%,-50%) rotate(-6deg);width:53%;height:70%;border:5px solid #dae8ff;border-radius:16px;background:linear-gradient(140deg,#4273bb,#a588d8);box-shadow:7px 9px 0 #383b88,0 14px 25px #1c286c9c,0 0 22px #f1e5ffc4;overflow:hidden;animation:cw-reader-float 5.3s ease-in-out infinite}
.cw-read-digital .cw-digital-toolbar{height:20%;background:linear-gradient(90deg,#5368b5,#9168bd);color:#fff;font-size:clamp(7px,.65vw,11px);font-weight:900;letter-spacing:.06em;display:flex;align-items:center;justify-content:space-between;padding:0 8%}
.cw-read-digital .cw-digital-toolbar i{font-size:1.5em;font-style:normal;color:#fff0c4}
.cw-read-digital .cw-digital-spread{position:absolute;left:6%;right:6%;top:25%;height:58%;display:flex;perspective:400px}
.cw-read-digital .cw-digital-page{position:relative;width:50%;height:100%;overflow:hidden;background:linear-gradient(155deg,#fff5e9,#eee6ff);border:1px solid #b4b9e6;box-shadow:inset 0 2px 11px #b8b1da70}
.cw-read-digital .cw-digital-page.left{border-radius:8px 2px 4px 8px}.cw-read-digital .cw-digital-page.right{border-radius:2px 8px 8px 4px;background:linear-gradient(#a6c9f2,#dbbaff 65%,#a6d9d2)}
.cw-read-digital .cw-story-moon{position:absolute;left:25%;top:13%;font-size:clamp(20px,2.5vw,35px);color:#b3a0e8}
.cw-read-digital .cw-digital-page strong{position:absolute;left:8%;right:8%;top:54%;color:#7365b0;text-align:center;font:italic bold clamp(8px,.85vw,13px) Georgia,serif}
.cw-read-digital .cw-digital-page.left i{position:absolute;left:15%;right:16%;bottom:22%;height:2px;background:#c9bfde}.cw-read-digital .cw-digital-page.left i:last-child{bottom:15%;right:29%}
.cw-read-digital .cw-story-sun{position:absolute;right:21%;top:8%;font-size:clamp(20px,2vw,34px);color:#fff0b7;text-shadow:0 0 11px #fff}
.cw-read-digital .cw-story-hills{position:absolute;bottom:-15%;left:-16%;width:135%;height:65%;background:linear-gradient(#639bc0,#649e86);clip-path:polygon(0 100%,0 53%,28% 24%,52% 56%,76% 9%,100% 43%,100% 100%)}
.cw-read-digital .cw-digital-page.right i{position:absolute;bottom:10%;left:13%;width:72%;height:2px;background:#fff9}
.cw-read-digital .cw-digital-turn{position:absolute;z-index:3;top:0;bottom:0;left:50%;width:48%;transform-origin:left;background:linear-gradient(120deg,#d7c8ff,#fff9ee 70%,#a5e6ef);border:1px solid #fff5;border-radius:2px 7px 8px 2px;box-shadow:0 2px 8px #4f4d9470;animation:cw-digital-turn 5s ease-in-out infinite}
.cw-read-digital .cw-digital-footer{position:absolute;left:5%;right:5%;bottom:4%;font-size:clamp(6px,.65vw,11px);font-weight:900;letter-spacing:.08em;color:#fff;text-align:center}
.cw-read-digital .cw-format-epub,.cw-read-digital .cw-format-audio{position:absolute;z-index:8;display:flex;flex-direction:column;align-items:center;justify-content:center;border:2px solid #fff;border-radius:14px;box-shadow:0 7px 15px #394e8ba6,0 0 19px #d6ebffcf;color:white;animation:cw-floating-chip 4.6s ease-in-out infinite}
.cw-read-digital .cw-format-epub{left:6%;top:17%;width:25%;height:36%;background:linear-gradient(140deg,#507ac4,#7c65c9)}
.cw-read-digital .cw-format-epub .cw-epub-icon{font-size:clamp(21px,2.4vw,42px);line-height:1}
.cw-read-digital .cw-format-epub strong,.cw-read-digital .cw-format-audio strong{font-size:clamp(9px,1.1vw,17px);letter-spacing:.06em}
.cw-read-digital .cw-format-epub small{font-size:clamp(6px,.58vw,9px);font-weight:800}
.cw-read-digital .cw-format-audio{right:6%;top:17%;width:24%;height:37%;background:linear-gradient(135deg,#358db6,#617cc4);animation-delay:-2.4s}
.cw-read-digital .cw-headphone-art{position:relative;width:45%;height:43%;border:clamp(3px,.3vw,5px) solid white;border-bottom:0;border-radius:50% 50% 0 0;filter:drop-shadow(0 0 8px #b8fff8)}
.cw-read-digital .cw-headphone-art b,.cw-read-digital .cw-headphone-art em{position:absolute;bottom:-11%;width:27%;height:52%;border-radius:6px;background:white}.cw-read-digital .cw-headphone-art b{left:-19%}.cw-read-digital .cw-headphone-art em{right:-19%}
.cw-read-digital .cw-audio-bars{height:19%;display:flex;gap:3px;align-items:center;margin-top:4px}.cw-read-digital .cw-audio-bars i{height:65%;width:4px;border-radius:5px;background:#abfff3;animation:cw-audio-eq 1s ease-in-out infinite alternate}.cw-read-digital .cw-audio-bars i:nth-child(2){animation-delay:-.2s;height:100%}.cw-read-digital .cw-audio-bars i:nth-child(3){animation-delay:-.6s;height:45%}.cw-read-digital .cw-audio-bars i:nth-child(4){animation-delay:-.35s;height:90%}.cw-read-digital .cw-audio-bars i:nth-child(5){animation-delay:-.8s}
.cw-read-digital .cw-digital-spark.a{bottom:14%;left:8%}.cw-read-digital .cw-digital-spark.b{bottom:9%;right:9%;animation-delay:-1.2s}
/* Publish & Sell: ONE polished finished hardcover, priced for sale. */
.cw-book-for-sale .cw-sale-orbit{position:absolute;inset:9% 12%;border:2px solid #f5dfac;border-radius:50%;box-shadow:0 0 23px #fff2bbad;transform:rotate(-17deg) scaleY(.73);animation:cw-digital-orbit 11s linear infinite}
.cw-book-for-sale .cw-sale-ray{position:absolute;inset:-30%;background:conic-gradient(transparent,#fff2ba3b,transparent 28%,#b8ffeb45,transparent 56%,#fff5bc35,transparent 80%);animation:cw-digital-orbit 18s linear infinite}
.cw-book-for-sale .cw-sale-plinth{position:absolute;z-index:3;left:27%;right:25%;bottom:9%;height:15%;border:2px solid #fff0c8;border-radius:50%;background:radial-gradient(ellipse,#b2fff3,#5e9f96 65%,#406c86);box-shadow:0 0 22px #c6fff3,0 9px 0 #43858a,0 14px 11px #2c5674a8;animation:cw-sale-plinth 4s ease-in-out infinite}
.cw-book-for-sale .cw-sale-hardcover{position:absolute;z-index:6;left:36%;top:13%;width:30%;height:69%;border-radius:5px 13px 13px 5px;border:3px solid #ffe8b2;background:radial-gradient(circle at 55% 36%,#78b5a4,#367d81 51%,#17496e 100%);box-shadow:inset 0 0 0 6px #f9d69227,inset 0 0 15px #fff2b04f,8px 8px 0 #f9eac9,12px 11px 0 #809eab,15px 18px 21px #244866b3,0 0 24px #fff4c4e1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;transform:rotate(-7deg) rotateY(-9deg);transform-style:preserve-3d;animation:cw-sale-book-lift 5s ease-in-out infinite}
.cw-book-for-sale .cw-sale-spine{position:absolute;left:0;top:0;bottom:0;width:11%;border-right:2px solid #ffefb7;background:linear-gradient(90deg,#102f4c,#b3dbc4,#155367)}
.cw-book-for-sale .cw-sale-border{position:absolute;inset:8% 13%;border:2px solid #ffe3aa97;border-radius:55px 55px 8px 8px}
.cw-book-for-sale .cw-sale-crest{font-size:clamp(32px,3.6vw,70px);color:#fff4c4;text-shadow:0 0 17px #ffe8ac;line-height:1;animation:cw-sale-crest 3.3s ease-in-out infinite}
.cw-book-for-sale .cw-sale-hardcover strong{z-index:1;margin:12px 5px 0;font:900 clamp(13px,1.35vw,22px)/1.1 Georgia,serif;color:#ffedc6;text-shadow:0 0 10px #fff2ad,0 2px 4px #163d52}
.cw-book-for-sale .cw-sale-hardcover small{z-index:1;font-size:clamp(6px,.66vw,10px);font-weight:900;letter-spacing:.09em;color:#fff6dc;margin-top:13px}
.cw-book-for-sale .cw-sale-scene{position:absolute;bottom:0;width:100%;height:22%;border-radius:0 0 8px 6px;background:linear-gradient(transparent,#ffe6a64a),linear-gradient(95deg,#4b7f79,#78b99d,#5f9e83)}
.cw-book-for-sale .cw-sale-badge{position:absolute;z-index:9;right:12%;top:17%;width:22%;aspect-ratio:1;border:3px solid #fff6c4;border-radius:50%;background:radial-gradient(circle at 35% 25%,#fffbe3,#f2ce79 60%,#b67c43);box-shadow:inset 0 0 11px #fff7,0 0 25px #ffe0a8,0 5px 9px #37556caa;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#694520;animation:cw-sale-badge-orbit 5s ease-in-out infinite}
.cw-book-for-sale .cw-sale-badge span{font-size:clamp(17px,1.7vw,31px)}.cw-book-for-sale .cw-sale-badge strong{font-size:clamp(7px,.8vw,13px);font-weight:1000;letter-spacing:.03em}
.cw-book-for-sale .cw-sale-coin{position:absolute;z-index:5;display:grid;place-items:center;width:11%;aspect-ratio:1;border:2px solid #fff9cf;border-radius:50%;background:linear-gradient(135deg,#fff6c0,#e9b968);color:#855630;font-weight:900;font-size:clamp(15px,1.7vw,28px);box-shadow:0 0 17px #ffe6ac;animation:cw-coin-float 5s ease-in-out infinite}
.cw-book-for-sale .cw-sale-coin.one{top:24%;left:14%}.cw-book-for-sale .cw-sale-coin.two{bottom:18%;right:17%;animation-delay:-2.5s}
.cw-book-for-sale .cw-sale-spark.first{top:15%;left:28%}.cw-book-for-sale .cw-sale-spark.second{bottom:16%;left:13%;animation-delay:-2.3s}
.cw-book-for-sale .cw-sale-caption{position:absolute;z-index:8;bottom:4%;left:0;right:0;color:#fff;font-weight:900;font-size:clamp(8px,.77vw,12px);text-align:center;letter-spacing:.12em;text-shadow:0 0 12px #1b467e}
@keyframes cw-pad-aura{0%,100%{opacity:.75;scale:.95}50%{opacity:1;scale:1.08}}
@keyframes cw-tablet-float{0%,100%{transform:translate(-50%,-50%) rotate(-9deg) rotateY(-10deg) translateY(3px)}50%{transform:translate(-50%,-50%) rotate(-4deg) rotateY(-5deg) translateY(-10px)}}
@keyframes cw-stylus-write{0%,100%{transform:rotate(43deg) translateY(0)}35%{transform:rotate(56deg) translate(-8px,-8px)}65%{transform:rotate(34deg) translate(-2px,12px)}}
@keyframes cw-draw-stroke{0%{transform:scaleX(0);opacity:0}43%{transform:scaleX(1);opacity:1}85%,100%{opacity:0}}
@keyframes cw-floating-chip{0%,100%{transform:translateY(4px) rotate(-4deg)}50%{transform:translateY(-11px) rotate(5deg)}}
@keyframes cw-digital-orbit{from{rotate:0deg}to{rotate:360deg}}
@keyframes cw-reader-float{0%,100%{transform:translate(-50%,-50%) rotate(-7deg) translateY(4px)}50%{transform:translate(-50%,-50%) rotate(-3deg) translateY(-9px)}}
@keyframes cw-digital-turn{0%,10%,100%{opacity:0;transform:rotateY(0)}20%{opacity:.94}64%{opacity:.8;transform:rotateY(-170deg)}80%{opacity:0}}
@keyframes cw-audio-eq{from{transform:scaleY(.5)}to{transform:scaleY(1.18)}}
@keyframes cw-sale-plinth{0%,100%{filter:brightness(.85)}50%{filter:brightness(1.2)}}
@keyframes cw-sale-book-lift{0%,100%{transform:rotate(-8deg) rotateY(-8deg) translateY(4px)}50%{transform:rotate(-2deg) rotateY(5deg) translateY(-12px)}}
@keyframes cw-sale-crest{0%,100%{filter:brightness(.85)}50%{filter:brightness(1.42)}}
@keyframes cw-sale-badge-orbit{0%,100%{transform:rotate(-10deg) translateY(3px)}50%{transform:rotate(12deg) translateY(-9px)}}
@keyframes cw-coin-float{0%,100%{transform:translate(0,5px) rotate(-10deg)}50%{transform:translate(11px,-15px) rotate(25deg)}}
@media(max-width:1050px){.cw-grid{gap:17px}.cw-grid .cw-card.cw-world-animated .cw-content{padding:15px}.cw-grid .cw-card.cw-world-animated p{font-size:14px}.cw-grid .cw-card.cw-world-animated.cw-world-animated .cw-action{font-size:12px}}
@media(max-width:900px){.cw-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:580px){main.cw-page{padding:13px 12px 40px}.cw-grid{grid-template-columns:1fr;gap:17px}.cw-intro.cw-intro-live{padding:13px 8px 17px;margin-bottom:14px}.cw-intro-live .cw-intro-star{font-size:16px}.cw-intro-live .cw-intro-star.star-one{left:0}.cw-intro-live .cw-intro-star.star-two{right:0}.cw-grid .cw-card.cw-world-animated .cw-content{padding:17px}}
@media(prefers-reduced-motion:reduce){
.cw-intro-live .cw-intro-glow,.cw-intro-live .cw-eyebrow,.cw-intro-live .cw-eyebrow i,.cw-intro-live h1,.cw-intro-live .cw-title-worlds,.cw-intro-live .cw-intro-underline,.cw-intro-live p,.cw-intro-live .cw-sparks span,.cw-intro-live .cw-intro-star,
.cw-hi-tech-pad .cw-pad-halo,.cw-hi-tech-pad .cw-tablet-shell,.cw-hi-tech-pad .cw-pad-stylus,.cw-hi-tech-pad .cw-pad-stroke,.cw-hi-tech-pad .cw-pad-chip,.cw-hi-tech-pad .cw-pad-spark,
.cw-read-digital .cw-digital-aura,.cw-read-digital .cw-digital-orbit,.cw-read-digital .cw-digital-reader,.cw-read-digital .cw-digital-turn,.cw-read-digital .cw-format-epub,.cw-read-digital .cw-format-audio,.cw-read-digital .cw-audio-bars i,.cw-read-digital .cw-digital-spark,
.cw-book-for-sale .cw-sale-aura,.cw-book-for-sale .cw-sale-orbit,.cw-book-for-sale .cw-sale-ray,.cw-book-for-sale .cw-sale-plinth,.cw-book-for-sale .cw-sale-hardcover,.cw-book-for-sale .cw-sale-crest,.cw-book-for-sale .cw-sale-badge,.cw-book-for-sale .cw-sale-coin,.cw-book-for-sale .cw-sale-spark{animation:none!important;opacity:1!important}
.cw-read-digital .cw-digital-turn{display:none}
}


/* 2026-10-31 refinement: retain requested spacious grid and approved artwork.
   Correct the washed-out palette; midnight/navy + vibrant neon stage lighting. */
main.cw-page{
 background:
 radial-gradient(ellipse at 6% 0%,#eaf8ff 0%,transparent 26%),
 radial-gradient(ellipse at 94% 3%,#f5eefe 0%,transparent 29%),
 linear-gradient(180deg,#ffffff,#fafbff 58%,#fff);
}
.cw-grid .cw-card.cw-world-animated{
 background:linear-gradient(155deg,#17213d,#090e1d 72%,#121028);
 border-color:color-mix(in srgb,var(--pulse),#b78bea 20%);
 box-shadow:inset 0 1px #ffffff69,0 10px 23px #1921426b,0 0 18px color-mix(in srgb,var(--pulse),transparent 54%);
}
.cw-grid .cw-card.cw-world-animated .cw-content{
 background:radial-gradient(ellipse at 76% 0%,color-mix(in srgb,var(--pulse),transparent 90%),transparent 70%),
 linear-gradient(155deg,#182542,#101a32 60%,#0e132b);
 padding:clamp(17px,1.4vw,25px) clamp(18px,1.5vw,30px) clamp(20px,1.4vw,26px);
 color:#f8faff;
}
.cw-grid .cw-card.cw-world-animated .cw-tag{
 color:color-mix(in srgb,var(--pulse),white 14%);
 text-shadow:0 0 10px color-mix(in srgb,var(--pulse),transparent 50%);
}
.cw-grid .cw-card.cw-world-animated h2{
 color:#ffffff;
 text-shadow:0 0 11px color-mix(in srgb,var(--second),transparent 54%);
 font-size:clamp(20px,1.8vw,30px);
}
.cw-grid .cw-card.cw-world-animated p{color:#d6e6fa;font-size:clamp(14px,1.02vw,17px)}
.cw-grid .cw-card.cw-world-animated.cw-world-animated .cw-action{
 background:linear-gradient(135deg,#152543,#0b1429 78%,#221c3b) padding-box,
 linear-gradient(105deg,var(--pulse),var(--second),#68d8ee,var(--pulse)) border-box;
 box-shadow:inset 0 1px #ffffff59,0 0 13px color-mix(in srgb,var(--pulse),transparent 46%);
 color:#fbfcff;min-height:49px;font-size:clamp(12px,.94vw,16px);
}
.cw-grid .cw-card.cw-world-animated .cw-art{box-shadow:inset 0 0 14px #edf3ff29}
.cw-grid .cw-card.cw-neon-music .cw-art.cw-prism-stage{
 background:radial-gradient(circle at 51% 43%,#9a67d28c,transparent 53%),
 radial-gradient(ellipse at 13% 20%,#2675a375,transparent 52%),
 radial-gradient(ellipse at 91% 78%,#b65ca15c,transparent 50%),
 linear-gradient(150deg,#182c53,#292047 56%,#172844);
}
.cw-grid .cw-card.cw-edu-world .cw-art.education{
 background:radial-gradient(circle at 50% 47%,#76baff9e,transparent 49%),
 radial-gradient(ellipse at 82% 16%,#a375f784,transparent 51%),
 linear-gradient(155deg,#142d51,#2b3264,#162f53);
}
.cw-grid .cw-card.cw-ai-world .cw-art.cw-globe-art{
 background:radial-gradient(circle at 51% 43%,#a3c9f39e,transparent 49%),
 radial-gradient(circle at 20% 20%,#8478d27d,transparent 52%),
 linear-gradient(150deg,#132b50,#252454,#172942);
}
.cw-grid .cw-card.cw-write-world .cw-art.cw-hi-tech-pad{
 background:radial-gradient(circle at 48% 48%,#d17fe594,transparent 52%),
 radial-gradient(circle at 84% 12%,#926bbd72,transparent 49%),
 linear-gradient(150deg,#302557,#50366c,#25244a);
}
.cw-grid .cw-card.cw-read-world .cw-art.cw-read-digital{
 background:radial-gradient(circle at 48% 44%,#8c8df2a8,transparent 54%),
 radial-gradient(ellipse at 17% 17%,#52a4e276,transparent 48%),
 linear-gradient(145deg,#202b5b,#42346c,#1a3c65);
}
.cw-grid .cw-card.cw-publish-world .cw-art.cw-book-for-sale{
 background:radial-gradient(circle at 49% 45%,#69bdb7b8,transparent 54%),
 radial-gradient(circle at 82% 22%,#bba36f61,transparent 50%),
 linear-gradient(155deg,#103e4e,#255b5d,#172f46);
}
.cw-grid .cw-card.cw-world-animated .cw-art:not(.cw-prism-stage)::before{
 border-color:color-mix(in srgb,var(--pulse),transparent 52%);
 box-shadow:inset 0 0 25px color-mix(in srgb,var(--pulse),transparent 83%),0 0 14px color-mix(in srgb,var(--pulse),transparent 60%);
}
.cw-grid .cw-card.cw-ai-world .cw-globe-aura{
 background:radial-gradient(circle,#d8efffe8,#b7d1f668 45%,transparent 76%);
 filter:blur(5px);
}
.cw-grid .cw-card.cw-ai-world .cw-globe-scene{
 filter:drop-shadow(0 15px 12px #08122ab8) drop-shadow(0 0 18px #aeb6ffb5);
}
/* Visible, continuous title choreography, restrained scale and purple/teal glow. */
.cw-intro.cw-intro-live{max-width:920px;padding:8px 12px 13px;margin:0 auto 17px}
.cw-intro-live .cw-eyebrow{font-size:clamp(11px,.9vw,14px);color:#6441ad;margin-bottom:5px}
.cw-intro-live h1{
 font-size:clamp(32px,3.25vw,51px);line-height:1.13;
 letter-spacing:-.043em;margin:0;
 animation:cw-intro-title-breathe 4.4s ease-in-out infinite!important;
 filter:drop-shadow(0 1px 6px #6955a84b);
}
.cw-intro-live h1 .cw-title-explore{
 display:inline-block;color:#18335f;
 animation:cw-intro-word-tilt 4.4s ease-in-out infinite;
}
.cw-intro-live h1 .cw-title-worlds{
 display:inline-block;
 background:linear-gradient(98deg,#7549b5,#ab5ed8 23%,#279eb9 49%,#8173d6 72%,#7549b5);
 background-size:260% 100%;
 background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent;
 animation:cw-intro-colour-travel 3.8s linear infinite,cw-intro-worlds-float 4.4s ease-in-out infinite!important;
}
.cw-intro-live .cw-intro-underline{width:min(220px,46%);height:3px;margin:7px auto 9px;
 background:linear-gradient(90deg,transparent,#9e75d8,#53c5d8,#a672db,transparent);
 animation:cw-underline-glow 3s ease-in-out infinite,cw-intro-line-sweep 4.4s ease-in-out infinite!important}
.cw-intro-live p{max-width:870px;font-size:clamp(14px,1.16vw,17px);color:#4a5d79;line-height:1.5;animation:none}
.cw-intro-live .cw-intro-glow{inset:-4px 15% -1px;background:radial-gradient(ellipse,#d6d7f7a1,transparent 71%);filter:blur(17px);animation:cw-intro-aurora 7s ease-in-out infinite}
.cw-intro-live .cw-intro-star{font-size:20px;animation-duration:3.8s;opacity:.85}
.cw-intro-live .cw-sparks{margin:5px auto 0}
.cw-intro-live .cw-sparks span{font-size:16px;animation-duration:3.6s}
@keyframes cw-intro-title-breathe{
 0%,100%{transform:translateY(1px);filter:drop-shadow(0 1px 3px #b3a2d564)}
 50%{transform:translateY(-5px);filter:drop-shadow(0 0 12px #9979d6a3)}
}
@keyframes cw-intro-word-tilt{0%,100%{transform:translateX(0)}50%{transform:translateX(-2px)}}
@keyframes cw-intro-worlds-float{0%,100%{transform:translate(0,0)}50%{transform:translate(4px,-2px)}}
@keyframes cw-intro-colour-travel{0%{background-position:0% 50%}100%{background-position:260% 50%}}
@keyframes cw-intro-line-sweep{0%,100%{transform:scaleX(.72);opacity:.74}50%{transform:scaleX(1.2);opacity:1}}
@media(max-width:580px){
 .cw-intro.cw-intro-live{padding:8px 5px 12px;margin-bottom:13px}
 .cw-intro-live h1{font-size:clamp(30px,8.8vw,41px)}
 .cw-intro-live .cw-intro-star{font-size:16px}
}
@media(prefers-reduced-motion:reduce){
 .cw-intro-live h1,.cw-intro-live h1 .cw-title-explore,
 .cw-intro-live h1 .cw-title-worlds,.cw-intro-live .cw-intro-underline{
 animation:none!important;transform:none!important;filter:none!important
 }
}


/* Explore Our Worlds — six coordinated midnight neon stages, 2026 Oct 31.
   Preserve the established speaker and globe; elevate other four to the
   same visual language with 3-D scene choreography, not emoji motion. */
main.cw-page{
 padding:15px clamp(16px,3vw,43px) 50px;
 background:radial-gradient(circle at 8% 0%,#eef8ff,transparent 26%),
 radial-gradient(circle at 92% 3%,#f4edfc,transparent 29%),
 linear-gradient(180deg,#fff,#fbfcff 60%,#fff);
}
.cw-container{width:100%;max-width:1338px;margin:0 auto}
.cw-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,1.35vw,21px);grid-auto-rows:1fr}
.cw-intro.cw-intro-live{max-width:820px;margin:0 auto 16px;padding:9px 12px 10px}
.cw-intro-live .cw-eyebrow{font-size:11px;letter-spacing:.19em;color:#6a4fb0;margin:0 0 3px}
.cw-intro-live h1{
 font-size:clamp(29px,2.8vw,43px);line-height:1.12;
 font-weight:900;letter-spacing:-.039em;margin:0;
 animation:none!important;transform:none!important;filter:none!important
}
.cw-intro-live h1 .cw-title-explore{color:#182955;animation:none!important;transform:none!important}
.cw-intro-live h1 .cw-title-worlds{
 background:linear-gradient(110deg,#7656bb,#9d68e1 25%,#c4bbff 38%,#639ed2 52%,#8f69da 77%,#7656bb);
 background-size:240% 100%;background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent;
 animation:cw-stage-title-shimmer 5.5s linear infinite!important;
 transform:none!important
}
.cw-intro-live .cw-intro-underline{
 width:min(180px,40%);height:2px;margin:7px auto 8px;
 border-radius:10px;background:linear-gradient(90deg,transparent,#a27adf,#6fd1de,transparent);
 box-shadow:0 0 10px #a08adf70;animation:none!important;transform:none!important
}
.cw-intro-live .cw-intro-underline::after{
 content:"";position:absolute;top:-3px;left:0;width:9px;height:9px;border-radius:50%;
 background:#fff;box-shadow:0 0 8px white,0 0 14px #78deef,0 0 21px #9879e8;
 animation:cw-stage-title-comet 4.5s ease-in-out infinite
}
.cw-intro-live p{font-size:clamp(13px,1.1vw,16px);color:#52637c;max-width:820px;line-height:1.5;animation:none!important;opacity:1}
.cw-intro-live .cw-intro-glow{background:radial-gradient(ellipse,#dbdcf285,transparent 70%);filter:blur(12px);inset:-5px 10%}
.cw-intro-live .cw-intro-star{font-size:18px;animation:cw-stage-intro-spark 5s ease-in-out infinite}
.cw-intro-live .cw-intro-star.star-two{animation-delay:-1.6s}.cw-intro-live .cw-intro-star.star-three{animation-delay:-3s}
.cw-intro-live .cw-intro-star.star-four{animation-delay:-4.1s}
.cw-intro-live .cw-sparks{margin:4px auto 0;gap:14px}
.cw-intro-live .cw-sparks span{font-size:14px;animation:cw-stage-intro-spark 4.5s ease-in-out infinite}
.cw-grid .cw-card.cw-world-animated{
 --pulse:#7ae5ed;--second:#a98dfa;
 position:relative;overflow:hidden;isolation:isolate;
 background:linear-gradient(155deg,#111b32,#090c1b 70%,#16142f);
 border:2px solid color-mix(in srgb,var(--pulse),#4d4484 46%);
 border-radius:24px;
 box-shadow:inset 0 1px #fff5,0 9px 24px #1b1a484e,0 0 12px color-mix(in srgb,var(--pulse),transparent 69%);
 animation:none!important;
 transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease
}
.cw-grid .cw-card.cw-neon-music{--pulse:#63efe5;--second:#b482ef}
.cw-grid .cw-card.cw-edu-world{--pulse:#62c5ff;--second:#8c87f9}
.cw-grid .cw-card.cw-ai-world{--pulse:#af90f9;--second:#6bddfa}
.cw-grid .cw-card.cw-write-world{--pulse:#ff85d2;--second:#b69dff}
.cw-grid .cw-card.cw-read-world{--pulse:#66e8ef;--second:#9b91ff}
.cw-grid .cw-card.cw-publish-world{--pulse:#8ef6c9;--second:#f9cd7d}
.cw-grid .cw-card.cw-world-animated:hover,.cw-grid .cw-card.cw-world-animated:focus-visible{
 transform:translateY(-5px)!important;border-color:var(--pulse);
 box-shadow:0 17px 27px #12163172,0 0 25px color-mix(in srgb,var(--pulse),transparent 42%)!important
}
.cw-grid .cw-card.cw-world-animated .cw-content{
 padding:21px 18px 13px;background:linear-gradient(153deg,#152340,#0d142c 64%,#10132c);color:#fff
}
.cw-grid .cw-card.cw-world-animated h2{color:#fff;font-size:clamp(19px,1.65vw,25px);text-shadow:0 0 9px color-mix(in srgb,var(--second),transparent 57%)}
.cw-grid .cw-card.cw-world-animated .cw-tag{color:var(--pulse);font-size:11px;text-shadow:0 0 8px color-mix(in srgb,var(--pulse),transparent 55%)}
.cw-grid .cw-card.cw-world-animated p{color:#d5e1f2;font-size:clamp(13px,1.04vw,15px);line-height:1.48}
.cw-grid .cw-card.cw-world-animated.cw-world-animated .cw-action{
 margin-top:auto;padding:4px 4px 4px 12px;min-height:43px;
 font-size:clamp(12px,.95vw,14px);font-weight:850;color:#fff;text-shadow:none;
 border:1.5px solid transparent;border-radius:11px;
 background:linear-gradient(140deg,#1c2d4f,#0b1429 72%,#282143) padding-box,
 linear-gradient(120deg,var(--pulse),var(--second),#80daec) border-box;
 box-shadow:inset 0 1px #ffffff65,0 0 11px color-mix(in srgb,var(--pulse),transparent 51%);
 animation:none!important;transition:filter .26s ease,box-shadow .26s ease
}
.cw-grid .cw-card.cw-world-animated .cw-arrow{
 width:32px;min-width:32px;flex-basis:32px;height:32px;
 border-radius:8px;background:linear-gradient(140deg,var(--pulse),var(--second));
 box-shadow:0 0 12px color-mix(in srgb,var(--pulse),transparent 43%);color:#142445
}
.cw-grid .cw-card.cw-world-animated:hover .cw-action{
 box-shadow:inset 0 1px #ffffff80,0 0 20px color-mix(in srgb,var(--pulse),transparent 30%);
 filter:brightness(1.12)
}
/* Identical stage background everywhere, with ring colours as the distinction. */
.cw-grid .cw-card.cw-world-animated .cw-art.cw-art{
 position:relative;isolation:isolate;overflow:hidden;
 background:radial-gradient(circle at 50% 43%,#33264b9e 0%,transparent 54%),
 linear-gradient(145deg,#080e21 0%,#1a1639 55%,#0b172c 100%)!important;
 box-shadow:inset 0 0 33px #02050c89,inset 0 1px #ffffff18;
}
.cw-grid .cw-card.cw-world-animated .cw-art.cw-art::before{
 content:"";position:absolute;inset:10px;border-radius:17px;
 border:1px solid color-mix(in srgb,var(--pulse),transparent 65%);
 box-shadow:inset 0 0 17px color-mix(in srgb,var(--pulse),transparent 90%);
 pointer-events:none;z-index:0
}
.cw-grid .cw-card.cw-world-animated .cw-art.cw-art::after{
 content:"";position:absolute;inset:0;z-index:18;pointer-events:none;
 background:linear-gradient(111deg,transparent 29%,#ffffff20 50%,transparent 68%);
 transform:translateX(-180%);
 transition:transform 1.15s cubic-bezier(.18,.69,.22,1)
}
.cw-grid .cw-card.cw-world-animated:hover .cw-art.cw-art::after,
.cw-grid .cw-card.cw-world-animated:focus-visible .cw-art.cw-art::after{transform:translateX(180%)}
.cw-grid .cw-card.cw-world-animated .cw-stage-ring{
 position:absolute;left:50%;top:49%;width:71%;aspect-ratio:1;border-radius:50%;
 border:3px solid color-mix(in srgb,var(--pulse),transparent 21%);
 border-left-color:transparent;border-bottom-color:color-mix(in srgb,var(--second),transparent 22%);
 box-shadow:0 0 13px color-mix(in srgb,var(--pulse),transparent 56%),inset 0 0 10px color-mix(in srgb,var(--second),transparent 65%);
 pointer-events:none;z-index:1;
 animation:cw-stage-ring-one 8s linear infinite
}
.cw-grid .cw-card.cw-world-animated .cw-stage-ring.ring-front{
 width:83%;border-width:2px;border-top-color:transparent;
 border-right-color:color-mix(in srgb,var(--second),transparent 18%);
 animation:cw-stage-ring-two 11s linear infinite;
 opacity:.85
}
.cw-grid .cw-card.cw-world-animated .cw-stage-plasma{
 position:absolute;z-index:0;inset:10%;border-radius:50%;
 background:radial-gradient(circle,color-mix(in srgb,var(--pulse),transparent 66%) 0%,color-mix(in srgb,var(--second),transparent 86%) 36%,transparent 68%);
 filter:blur(9px);pointer-events:none;animation:cw-stage-plasma 4.5s ease-in-out infinite
}
.cw-grid .cw-card.cw-world-animated .cw-stage-floor{
 position:absolute;bottom:13%;left:24%;width:52%;height:13%;z-index:1;border-radius:50%;
 border:2px solid color-mix(in srgb,var(--pulse),white 20%);
 box-shadow:0 0 22px color-mix(in srgb,var(--pulse),transparent 34%);
 transform:rotateX(63deg);animation:cw-stage-ground 4.8s ease-in-out infinite
}
.cw-grid .cw-card.cw-world-animated .cw-ring-light{
 position:absolute;z-index:8;top:16%;left:34%;width:10px;height:10px;border-radius:50%;
 background:white;box-shadow:0 0 9px white,0 0 21px var(--pulse),0 0 33px var(--second);
 animation:cw-stage-light-traverse 7s ease-in-out infinite;pointer-events:none
}
/* EDUCATION — holographic 3-D open learning book with page turn + lessons orbit. */
.cw-grid .cw-edu-world .cw-edu-book{
 position:absolute;z-index:5;width:52%;height:50%;left:50%;top:49%;
 transform:translate(-50%,-50%) rotateX(8deg) rotateZ(-4deg);
 transform-style:preserve-3d;filter:drop-shadow(0 15px 11px #020614bb) drop-shadow(0 0 13px #74d3f6ac);
 animation:cw-edu-book-reveal 6s ease-in-out infinite
}
.cw-grid .cw-edu-world .cw-edu-book-left,.cw-grid .cw-edu-world .cw-edu-book-right{
 position:absolute;top:0;bottom:2%;width:50%;
 border:3px solid #c5dcff;border-radius:7px;overflow:hidden;
 box-shadow:inset 0 0 14px #bde6ffe0,0 0 19px #a1b5ff8c;
 background:linear-gradient(135deg,#faffff,#bddbf2 60%,#a9baff)
}
.cw-grid .cw-edu-world .cw-edu-book-left{left:0;transform-origin:right;transform:rotateY(12deg)}
.cw-grid .cw-edu-world .cw-edu-book-right{right:0;transform-origin:left;transform:rotateY(-12deg);background:linear-gradient(140deg,#f4efff,#aed5ff 70%,#a4a2ed)}
.cw-grid .cw-edu-world .cw-edu-book-left b,.cw-grid .cw-edu-world .cw-edu-book-right b{
 position:absolute;top:14%;left:11%;font:bold clamp(18px,2.3vw,38px) Georgia,serif;
 color:#4865bf;text-shadow:0 0 8px #fff
}
.cw-grid .cw-edu-world .cw-edu-book-left em,.cw-grid .cw-edu-world .cw-edu-book-right em{
 position:absolute;right:13%;bottom:16%;font-style:normal;font-size:25px;color:#795ac9
}
.cw-grid .cw-edu-world .cw-edu-book-left i,.cw-grid .cw-edu-world .cw-edu-book-right i{
 position:absolute;left:10%;right:12%;height:3px;border-radius:8px;background:#7b9cda8c;bottom:37%
}
.cw-grid .cw-edu-world .cw-edu-book-left i:nth-child(2),.cw-grid .cw-edu-world .cw-edu-book-right i:nth-child(2){bottom:28%;right:29%}
.cw-grid .cw-edu-world .cw-edu-centerfold{
 position:absolute;z-index:6;left:calc(50% - 2px);width:4px;top:1%;bottom:1%;
 background:linear-gradient(90deg,#5e5bac,#e8ffff,#706aba);box-shadow:0 0 7px #e7ffff
}
.cw-grid .cw-edu-world .cw-edu-flipping-page{
 position:absolute;z-index:8;left:50%;top:3%;width:48%;height:93%;
 border:2px solid #f7fcff;border-radius:3px 10px 10px 2px;transform-origin:left center;
 background:linear-gradient(95deg,#b5d8f1,#e9ffff 45%,#aaa7e9);
 box-shadow:0 0 9px #ace9ff;animation:cw-edu-page-flip 6s cubic-bezier(.4,.1,.2,1) infinite
}
.cw-grid .cw-edu-world .cw-edu-orbit-card{
 position:absolute;z-index:9;display:flex;justify-content:center;align-items:center;gap:7px;
 width:21%;height:18%;border:2px solid var(--pulse);border-radius:13px;
 background:linear-gradient(145deg,#334c9e,#181e54);color:#f5fcff;
 box-shadow:inset 0 1px #fff8,0 7px 17px #010714ac,0 0 18px #7ac1ff9c;
 font-size:clamp(10px,.95vw,15px);font-weight:900;transform-style:preserve-3d
}
.cw-grid .cw-edu-world .cw-edu-orbit-card i{font-size:16px;font-style:normal;color:#a7f8ef}
.cw-grid .cw-edu-world .cw-edu-orbit-card.card-maths{top:18%;right:9%;animation:cw-edu-tile-orbit-one 5.8s ease-in-out infinite}
.cw-grid .cw-edu-world .cw-edu-orbit-card.card-literacy{bottom:20%;left:10%;animation:cw-edu-tile-orbit-two 5.8s ease-in-out infinite}
.cw-grid .cw-edu-world .cw-edu-orbit-card.card-ideas{top:14%;left:17%;width:13%;height:15%;font-size:30px;border-color:#a695ff;animation:cw-edu-tile-orbit-three 5.8s ease-in-out infinite}
.cw-grid .cw-edu-world .cw-edu-light-beam{
 position:absolute;top:27%;left:25%;width:50%;height:1px;
 background:linear-gradient(90deg,transparent,#b9f8ff,transparent);
 box-shadow:0 0 13px #9cf4ff;z-index:3;transform-origin:center;
 transform:rotate(-19deg);animation:cw-edu-laser 3.9s ease-in-out infinite
}
.cw-grid .cw-edu-world .cw-edu-light-beam.second{top:67%;transform:rotate(14deg);animation-delay:-2s}
.cw-grid .cw-edu-world .cw-edu-mote{position:absolute;z-index:9;font-size:20px;color:#fff;text-shadow:0 0 11px #b7f7ff;animation:cw-stage-intro-spark 4.4s ease-in-out infinite}
.cw-grid .cw-edu-world .cw-edu-mote.a{left:14%;top:17%}.cw-grid .cw-edu-world .cw-edu-mote.b{right:13%;bottom:15%;animation-delay:-1.7s}.cw-grid .cw-edu-world .cw-edu-mote.c{top:8%;right:30%;animation-delay:-3s}
/* WRITING — luminous tablet, scanning hologram, stylus writing real strokes. */
.cw-grid .cw-write-world .cw-tablet-shell{
 box-shadow:10px 11px 0 #2a275b,0 17px 25px #030514e0,0 0 21px #fa9edd9c;
 animation:cw-write-tablet-tilt 6.2s ease-in-out infinite!important
}
.cw-grid .cw-write-world .cw-pad-stylus{
 box-shadow:0 5px 10px #06051ccc,0 0 12px #f3d6ff;
 animation:cw-write-stylus-writing 3s ease-in-out infinite!important
}
.cw-grid .cw-write-world .cw-pad-stroke{
 box-shadow:0 0 20px #f7cfff;
 animation:cw-write-stroke 3s ease-in-out infinite!important
}
.cw-grid .cw-write-world .cw-pad-chip.chip-a{animation:cw-write-tool-one 6s ease-in-out infinite!important}
.cw-grid .cw-write-world .cw-pad-chip.chip-b{animation:cw-write-tool-two 6s ease-in-out infinite!important}
.cw-grid .cw-write-world .cw-pad-mesh{opacity:.35}
.cw-grid .cw-write-world .cw-tablet-illustration{animation:cw-write-illustration-scan 6.2s ease-in-out infinite}
.cw-grid .cw-write-world .cw-tablet-line{transform-origin:left;animation:cw-write-holo-text 3.2s ease-in-out infinite}
.cw-grid .cw-write-world .cw-tablet-line.line-b{animation-delay:-1.2s}
.cw-grid .cw-write-world .cw-pad-spark{animation:cw-stage-intro-spark 4s ease-in-out infinite!important}
/* READING — audiobook pulse + EPUB orbit + animated digital page flip. */
.cw-grid .cw-read-world .cw-digital-reader{
 filter:drop-shadow(0 9px 12px #03061bbb) drop-shadow(0 0 11px #6fdbf1);
 animation:cw-read-reader-rock 6.3s ease-in-out infinite!important
}
.cw-grid .cw-read-world .cw-format-epub{animation:cw-read-format-epub 5.2s ease-in-out infinite!important}
.cw-grid .cw-read-world .cw-format-audio{animation:cw-read-format-audio 5.2s ease-in-out infinite!important}
.cw-grid .cw-read-world .cw-digital-turn{animation:cw-read-page-turn 5.8s cubic-bezier(.46,.06,.18,1) infinite!important}
.cw-grid .cw-read-world .cw-audio-bars i{animation:cw-read-audio-beat .7s ease-in-out infinite alternate!important}
.cw-grid .cw-read-world .cw-audio-bars i:nth-child(2){animation-delay:-.27s!important}
.cw-grid .cw-read-world .cw-audio-bars i:nth-child(3){animation-delay:-.45s!important}
.cw-grid .cw-read-world .cw-audio-bars i:nth-child(4){animation-delay:-.35s!important}
.cw-grid .cw-read-world .cw-audio-bars i:nth-child(5){animation-delay:-.6s!important}
.cw-grid .cw-read-world .cw-headphone-art{animation:cw-read-headphone-glow 1.4s ease-in-out infinite alternate}
.cw-grid .cw-read-world .cw-digital-spark{animation:cw-stage-intro-spark 4.1s ease-in-out infinite!important}
/* PUBLISH — hero book rotates into a gold launch ring, sale badge orbits. */
.cw-grid .cw-publish-world .cw-sale-hardcover{
 filter:drop-shadow(0 8px 15px #020711cc) drop-shadow(0 0 13px #abf9d0);
 animation:cw-publish-spotlight 6.2s ease-in-out infinite!important
}
.cw-grid .cw-publish-world .cw-sale-badge{animation:cw-publish-badge-tour 6.2s ease-in-out infinite!important}
.cw-grid .cw-publish-world .cw-sale-coin.one{animation:cw-publish-coin-one 6.2s ease-in-out infinite!important}
.cw-grid .cw-publish-world .cw-sale-coin.two{animation:cw-publish-coin-two 6.2s ease-in-out infinite!important}
.cw-grid .cw-publish-world .cw-sale-plinth{animation:cw-publish-platform-energy 4.3s ease-in-out infinite!important}
.cw-grid .cw-publish-world .cw-sale-crest{animation:cw-publish-crest 2.9s ease-in-out infinite!important}
/* Opening music speaker and AI globe remain untouched, with their own rings. */
@keyframes cw-stage-title-shimmer{from{background-position:0 50%}to{background-position:240% 50%}}
@keyframes cw-stage-title-comet{0%{left:0;opacity:0}14%{opacity:1}85%{opacity:1}100%{left:calc(100% - 9px);opacity:0}}
@keyframes cw-stage-intro-spark{0%,100%{opacity:.4;transform:scale(.85) rotate(-8deg)}45%{opacity:1;transform:scale(1.2) rotate(16deg)}}
@keyframes cw-stage-plasma{0%,100%{opacity:.62;transform:scale(.9)}50%{opacity:1;transform:scale(1.08)}}
@keyframes cw-stage-ring-one{from{transform:translate(-50%,-50%) rotateX(68deg) rotateZ(0)}to{transform:translate(-50%,-50%) rotateX(68deg) rotateZ(360deg)}}
@keyframes cw-stage-ring-two{from{transform:translate(-50%,-50%) rotateY(62deg) rotateZ(0)}to{transform:translate(-50%,-50%) rotateY(62deg) rotateZ(-360deg)}}
@keyframes cw-stage-ground{0%,100%{filter:brightness(.65);transform:rotateX(63deg) scale(.9)}50%{filter:brightness(1.5);transform:rotateX(63deg) scale(1.07)}}
@keyframes cw-stage-light-traverse{0%,100%{transform:translate(-16px,8px) scale(.65);opacity:.15}40%{transform:translate(120px,-22px) scale(1.35);opacity:1}75%{transform:translate(40px,130px) scale(.9);opacity:.6}}
@keyframes cw-edu-book-reveal{0%,100%{transform:translate(-50%,-50%) rotateX(8deg) rotateZ(-5deg) scale(.97)}46%{transform:translate(-50%,-50%) rotateX(18deg) rotateZ(2deg) scale(1.05)}}
@keyframes cw-edu-page-flip{0%,12%,100%{transform:rotateY(0);opacity:0}20%{opacity:.92}56%{transform:rotateY(-172deg);opacity:.97}68%,88%{opacity:0}}
@keyframes cw-edu-tile-orbit-one{0%,100%{transform:translate(0,4px) rotateY(-18deg) rotate(7deg)}50%{transform:translate(-20px,-19px) rotateY(28deg) rotate(-8deg)}}
@keyframes cw-edu-tile-orbit-two{0%,100%{transform:translate(-3px,5px) rotateY(19deg) rotate(-8deg)}50%{transform:translate(20px,-13px) rotateY(-20deg) rotate(7deg)}}
@keyframes cw-edu-tile-orbit-three{0%,100%{transform:translateY(0) rotateZ(-8deg)}50%{transform:translate(7px,-12px) rotateZ(20deg)}}
@keyframes cw-edu-laser{0%,100%{opacity:.2;filter:brightness(.8)}50%{opacity:1;filter:brightness(1.7)}}
@keyframes cw-write-tablet-tilt{0%,100%{transform:translate(-50%,-50%) rotate(-9deg) rotateY(-12deg) translateY(3px)}50%{transform:translate(-50%,-50%) rotate(-3deg) rotateY(8deg) translateY(-8px)}}
@keyframes cw-write-stylus-writing{0%,100%{transform:rotate(42deg) translate(0,0)}33%{transform:rotate(52deg) translate(-11px,-7px)}64%{transform:rotate(32deg) translate(3px,12px)}}
@keyframes cw-write-stroke{0%,12%{transform:scaleX(0);opacity:0}45%{transform:scaleX(1);opacity:1}80%,100%{transform:scaleX(1);opacity:0}}
@keyframes cw-write-tool-one{0%,100%{transform:translate(-2px,3px) rotateY(-16deg) rotate(-5deg)}50%{transform:translate(19px,-18px) rotateY(29deg) rotate(6deg)}}
@keyframes cw-write-tool-two{0%,100%{transform:translate(3px,-3px) rotateY(17deg) rotate(6deg)}50%{transform:translate(-19px,18px) rotateY(-26deg) rotate(-7deg)}}
@keyframes cw-write-illustration-scan{0%,100%{filter:hue-rotate(0) brightness(.9)}50%{filter:hue-rotate(18deg) brightness(1.18)}}
@keyframes cw-write-holo-text{0%{transform:scaleX(.1);opacity:.2}48%{transform:scaleX(1);opacity:1}94%,100%{opacity:.35}}
@keyframes cw-read-reader-rock{0%,100%{transform:translate(-50%,-50%) rotate(-6deg) rotateY(-6deg) translateY(3px)}50%{transform:translate(-50%,-50%) rotate(-2deg) rotateY(9deg) translateY(-7px)}}
@keyframes cw-read-format-epub{0%,100%{transform:translate(0,2px) rotateY(-22deg) rotate(-5deg)}50%{transform:translate(15px,-12px) rotateY(20deg) rotate(8deg)}}
@keyframes cw-read-format-audio{0%,100%{transform:translate(0,3px) rotateY(19deg) rotate(6deg)}50%{transform:translate(-15px,-10px) rotateY(-20deg) rotate(-6deg)}}
@keyframes cw-read-page-turn{0%,10%,100%{transform:rotateY(0);opacity:0}17%{opacity:.92}64%{transform:rotateY(-172deg);opacity:1}83%{opacity:0}}
@keyframes cw-read-audio-beat{from{transform:scaleY(.5);filter:brightness(.7)}to{transform:scaleY(1.24);filter:brightness(1.4)}}
@keyframes cw-read-headphone-glow{from{filter:drop-shadow(0 0 4px #8df5ed)}to{filter:drop-shadow(0 0 12px #b0fff4)}}
@keyframes cw-publish-spotlight{0%,100%{transform:rotate(-7deg) rotateY(-14deg) translateY(4px) scale(.94)}48%{transform:rotate(3deg) rotateY(12deg) translateY(-13px) scale(1.07)}}
@keyframes cw-publish-badge-tour{0%,100%{transform:translate(2px,5px) rotate(-8deg) scale(.94)}50%{transform:translate(-15px,-18px) rotate(13deg) scale(1.1)}}
@keyframes cw-publish-coin-one{0%,100%{transform:translate(0,0) rotateY(0)}50%{transform:translate(15px,-21px) rotateY(185deg)}}
@keyframes cw-publish-coin-two{0%,100%{transform:translate(0,0) rotateY(0)}50%{transform:translate(-17px,20px) rotateY(-185deg)}}
@keyframes cw-publish-platform-energy{0%,100%{filter:brightness(.65)}50%{filter:brightness(1.3)}}
@keyframes cw-publish-crest{0%,100%{filter:brightness(.9) drop-shadow(0 0 5px #ffe8b1)}50%{filter:brightness(1.25) drop-shadow(0 0 17px #ffe5a3)}}
@media(max-width:900px){.cw-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cw-grid .cw-card.cw-world-animated .cw-content{padding:21px 15px 9px}.cw-grid .cw-card.cw-world-animated p{font-size:13px}}
@media(max-width:580px){main.cw-page{padding:13px 12px 42px}.cw-grid{grid-template-columns:1fr;gap:16px}.cw-intro.cw-intro-live{padding:8px 5px 11px}.cw-intro-live h1{font-size:clamp(29px,8.5vw,38px)}.cw-grid .cw-card.cw-world-animated .cw-content{padding:23px 17px 11px}}
@media(prefers-reduced-motion:reduce){
 .cw-intro-live h1 .cw-title-worlds,.cw-intro-live .cw-intro-underline::after,.cw-intro-live .cw-intro-star,.cw-intro-live .cw-sparks span,
 .cw-grid .cw-card .cw-stage-ring,.cw-grid .cw-card .cw-stage-plasma,.cw-grid .cw-card .cw-stage-floor,.cw-grid .cw-card .cw-ring-light,
 .cw-grid .cw-card .cw-edu-book,.cw-grid .cw-card .cw-edu-flipping-page,.cw-grid .cw-card .cw-edu-orbit-card,.cw-grid .cw-card .cw-edu-light-beam,.cw-grid .cw-card .cw-edu-mote,
 .cw-grid .cw-card .cw-tablet-shell,.cw-grid .cw-card .cw-pad-stylus,.cw-grid .cw-card .cw-pad-stroke,.cw-grid .cw-card .cw-pad-chip,.cw-grid .cw-card .cw-tablet-illustration,.cw-grid .cw-card .cw-tablet-line,
 .cw-grid .cw-card .cw-digital-reader,.cw-grid .cw-card .cw-format-epub,.cw-grid .cw-card .cw-format-audio,.cw-grid .cw-card .cw-digital-turn,.cw-grid .cw-card .cw-audio-bars i,.cw-grid .cw-card .cw-headphone-art,
 .cw-grid .cw-card .cw-sale-hardcover,.cw-grid .cw-card .cw-sale-badge,.cw-grid .cw-card .cw-sale-coin,.cw-grid .cw-card .cw-sale-plinth,.cw-grid .cw-card .cw-sale-crest{animation:none!important}
 .cw-grid .cw-card .cw-edu-flipping-page,.cw-grid .cw-card .cw-digital-turn{display:none}
 .cw-grid .cw-card.cw-world-animated:hover{transform:none!important}
}


/* 31 Oct: cinematic light accents from the approved artwork concept.
   Navigation, cards, headings, buttons stay still; only inner scenes move. */
main.cw-page{
 position:relative;isolation:isolate;overflow:hidden;
 background:
 radial-gradient(ellipse 41% 17% at 3% 1%,#d8f0f9 0%,transparent 100%),
 radial-gradient(ellipse 39% 18% at 97% 0%,#f1dff8 0%,transparent 100%),
 radial-gradient(ellipse 80% 30% at 50% 0%,#f5f5ff 0%,transparent 100%),
 linear-gradient(180deg,#fff 0%,#f7faff 50%,#fff 100%);
}
.cw-world-lightshow{position:absolute;z-index:0;left:0;right:0;top:0;height:min(370px,30vw);max-height:370px;pointer-events:none;overflow:hidden;opacity:.94}
.cw-world-lightshow svg{width:100%;height:100%;display:block}
.cw-world-lightshow .cw-light-star{position:absolute;font-size:20px;line-height:1;color:#d39df1;text-shadow:0 0 6px white,0 0 18px #a6caff;opacity:.77}
.cw-world-lightshow .left-one{top:18%;left:9%}
.cw-world-lightshow .left-two{top:8%;left:29%;font-size:14px;color:#8fdce4}
.cw-world-lightshow .right-one{top:24%;right:12%;color:#e0b2ee}
.cw-world-lightshow .right-two{top:9%;right:28%;font-size:15px;color:#a1b5ff}
.cw-container{position:relative;z-index:2}
/* Intro and page structure are deliberately motionless. */
.cw-intro.cw-intro-live{max-width:870px;margin:0 auto 17px;padding:11px 14px 12px}
.cw-intro-live .cw-intro-glow{animation:none!important;opacity:.75}
.cw-intro-live .cw-eyebrow,.cw-intro-live .cw-eyebrow i,.cw-intro-live h1,.cw-intro-live h1 .cw-title-explore,
.cw-intro-live h1 .cw-title-worlds,.cw-intro-live .cw-intro-star,.cw-intro-live .cw-sparks span,
.cw-intro-live .cw-intro-underline,.cw-intro-live p{
 animation:none!important;transition:none!important;transform:none!important;filter:none!important;
}
.cw-intro-live h1{font-size:clamp(30px,2.8vw,43px);font-weight:850;line-height:1.12;letter-spacing:-.028em}
.cw-intro-live h1 .cw-title-explore{color:#162951}
.cw-intro-live h1 .cw-title-worlds{
 background:linear-gradient(102deg,#6f4bb9 6%,#9e70df 36%,#4394bd 69%,#8061cb 100%);
 background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:transparent;
}
.cw-intro-live p{color:#425677;line-height:1.47}
.cw-intro-live .cw-intro-underline{height:2px;background:linear-gradient(90deg,transparent,#a17bdf,#69cfe2,transparent)}
.cw-intro-live .cw-intro-underline::after{animation:none!important;box-shadow:0 0 9px #a3bbf3;left:calc(50% - 4px);opacity:.85}
/* Shared black/navy framing and static luminous borders (no bounce or pulse). */
.cw-grid .cw-card.cw-world-animated{
 animation:none!important;transform:none!important;translate:none!important;
 transition:border-color .2s ease,box-shadow .2s ease!important;
 background:linear-gradient(145deg,#111b34,#090e21 74%,#19152f);
 box-shadow:inset 0 1px #ffffff54,0 9px 20px #1b23465c,0 0 11px color-mix(in srgb,var(--pulse),transparent 67%);
}
.cw-grid .cw-card.cw-world-animated:hover,
.cw-grid .cw-card.cw-world-animated:focus-visible{
 animation:none!important;transform:none!important;translate:none!important;
 box-shadow:inset 0 1px #ffffff6b,0 9px 20px #1b234670,0 0 15px color-mix(in srgb,var(--pulse),transparent 54%)!important;
 border-color:var(--pulse)
}
.cw-grid .cw-card.cw-world-animated .cw-content{
 background:linear-gradient(154deg,#162743 0%,#0d1730 64%,#17132a 100%);
 box-shadow:inset 0 1px #ffffff18;
}
.cw-grid .cw-card.cw-world-animated .cw-art{
 background:radial-gradient(ellipse at 50% 43%,#30294aa8,transparent 58%),
 linear-gradient(142deg,#080f22,#1c173a 55%,#0b182b)!important;
}
.cw-grid .cw-card.cw-world-animated.cw-world-animated .cw-action{
 animation:none!important;transform:none!important;
 transition:box-shadow .22s ease,background .22s ease!important;
 background:linear-gradient(145deg,#182844,#111a31 75%,#25203e) padding-box,
 linear-gradient(115deg,var(--pulse),var(--second),#6fd1e9) border-box;
 box-shadow:inset 0 1px #ffffff4b,0 0 12px color-mix(in srgb,var(--pulse),transparent 54%);
}
.cw-grid .cw-card.cw-world-animated.cw-world-animated .cw-arrow{
 animation:none!important;transform:none!important;translate:none!important;
 transition:filter .2s ease!important;
}
.cw-grid .cw-card.cw-world-animated:hover .cw-arrow,
.cw-grid .cw-card.cw-world-animated:focus-visible .cw-arrow{transform:none!important;filter:brightness(1.07)}
/* The animated world lives only inside its artwork frame. */
.cw-grid .cw-card.cw-world-animated .cw-art{
 position:relative;isolation:isolate;overflow:hidden;
 box-shadow:inset 0 0 30px #030814c6,0 1px 0 #ffffff26;
}
/* Premium 3-D publisher scene: book stack + rising graph, no sale coins or bubbles. */
.cw-grid .cw-publish-world .cw-art .cw-sale-hardcover{left:39%;width:31%;top:12%;height:67%;z-index:7}
.cw-grid .cw-publish-world .cw-sale-plinth{left:21%;right:14%;bottom:13%;height:14%}
.cw-grid .cw-publish-world .cw-sale-crest{font-size:clamp(29px,2.9vw,54px)}
.cw-grid .cw-publish-world .cw-sale-hardcover strong{font-size:clamp(10px,1.12vw,17px);line-height:1.17}
.cw-grid .cw-publish-world .cw-sale-hardcover small{font-size:clamp(5px,.53vw,9px)}
.cw-grid .cw-publish-world .cw-pub-stack{
 position:absolute;z-index:6;display:flex;align-items:center;left:16%;width:26%;height:7.5%;
 border:1px solid #ffe2ad;border-left:9px solid #e3b26c;border-radius:5px;
 background:linear-gradient(100deg,#64419a,#916cb3 40%,#263f7d 90%);
 box-shadow:2px 4px 0 #d5c8e6,5px 7px 0 #343454,0 0 12px #c58fea99;
 transform:rotate(-12deg) rotateX(12deg)
}
.cw-grid .cw-publish-world .cw-pub-stack.stack-one{bottom:24%}
.cw-grid .cw-publish-world .cw-pub-stack.stack-two{bottom:14%;left:19%;background:linear-gradient(90deg,#276d81,#42a7a3,#2e6087);transform:rotate(-4deg)}
.cw-grid .cw-publish-world .cw-pub-stack b{color:#fff5dd;font-size:clamp(5px,.65vw,9px);letter-spacing:.10em;margin-left:8%;text-shadow:0 0 7px #fff8}
.cw-grid .cw-publish-world .cw-pub-growth{
 position:absolute;z-index:4;right:8%;top:22%;width:33%;height:43%;
 filter:drop-shadow(0 0 9px #ffdea6a8)
}
.cw-grid .cw-publish-world .cw-pub-growth svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.cw-grid .cw-publish-world .cw-growth-bars{
 position:absolute;left:1%;right:0;bottom:0;height:100%;display:flex;align-items:flex-end;gap:9%;
}
.cw-grid .cw-publish-world .cw-growth-bars i{width:16%;height:27%;background:linear-gradient(#ffeec4,#e7af68);border-radius:3px 3px 0 0;box-shadow:0 0 14px #ffdb92a8;animation:cw-art-bar-dance 3.6s ease-in-out infinite}
.cw-grid .cw-publish-world .cw-growth-bars i:nth-child(2){height:39%;animation-delay:-.9s}
.cw-grid .cw-publish-world .cw-growth-bars i:nth-child(3){height:54%;animation-delay:-1.7s}
.cw-grid .cw-publish-world .cw-growth-bars i:nth-child(4){height:73%;animation-delay:-2.3s}
.cw-grid .cw-publish-world .cw-pub-growth svg path{stroke-dasharray:145;stroke-dashoffset:0;animation:cw-art-growth-write 5s ease-in-out infinite}
/* Accented light ribbons in the stage artwork are animated, never the card itself. */
.cw-grid .cw-card.cw-world-animated .cw-art .cw-stage-plasma{filter:blur(15px);opacity:.83}
.cw-grid .cw-card.cw-world-animated .cw-art .cw-stage-ring{
 border-width:2px;box-shadow:0 0 10px color-mix(in srgb,var(--pulse),transparent 60%);
}
.cw-grid .cw-card.cw-world-animated .cw-art .cw-stage-ring.ring-front{border-width:2px}
@keyframes cw-art-bar-dance{0%,100%{transform:scaleY(.84);transform-origin:bottom}50%{transform:scaleY(1.05);transform-origin:bottom}}
@keyframes cw-art-growth-write{0%,100%{stroke-dashoffset:145;opacity:.22}42%,75%{stroke-dashoffset:0;opacity:1}}
@media(max-width:580px){.cw-world-lightshow{height:205px;opacity:.65}.cw-intro.cw-intro-live{padding:10px 6px 12px}}
@media(prefers-reduced-motion:reduce){
 .cw-grid .cw-card.cw-world-animated .cw-growth-bars i,
 .cw-grid .cw-card.cw-world-animated .cw-pub-growth svg path{animation:none!important}
}


/* Light spill down both side gutters echoes the cinematic reference. */
main.cw-page::before,main.cw-page::after{
 content:"";position:absolute;z-index:0;pointer-events:none;
 width:min(19vw,300px);height:750px;top:205px;border-radius:50%;
 filter:blur(29px);opacity:.54
}
main.cw-page::before{left:-10vw;background:radial-gradient(ellipse at center,#91d8ff90 0%,#ccc6ff69 24%,transparent 70%)}
main.cw-page::after{right:-10vw;background:radial-gradient(ellipse at center,#ebb5ed85 0%,#96d8fa5e 25%,transparent 70%)}
@media(max-width:900px){
 main.cw-page::before,main.cw-page::after{opacity:.28;width:18vw}
}
@media(prefers-reduced-motion:reduce){
 .cw-grid .cw-card .cw-art,.cw-grid .cw-card .cw-art *,
 .cw-grid .cw-card .cw-art::before,.cw-grid .cw-card .cw-art::after,
 .cw-grid .cw-card .cw-art *::before,.cw-grid .cw-card .cw-art *::after{
  animation:none!important;transition:none!important
 }
 .cw-grid .cw-card .cw-digital-turn,.cw-grid .cw-card .cw-edu-flipping-page{display:none}
}
@media(prefers-reduced-motion:reduce){.cw-grid .cw-card.cw-write-world .cw-art .cw-pad-chip.chip-a,.cw-grid .cw-card.cw-write-world .cw-art .cw-pad-chip.chip-b{animation:none!important}}

/* V2: Display the REAL illustrated worlds from the generated artwork,
   not CSS approximations. All card UI remains fixed; artwork moves. */
.cw-grid>.cw-card.cw-world-animated{
 animation:none!important;transition:box-shadow .25s ease,border-color .25s ease!important;
 transform:none!important;translate:none!important
}
.cw-grid>.cw-card.cw-world-animated:hover,.cw-grid>.cw-card.cw-world-animated:focus-visible{
 transform:none!important;translate:none!important;animation:none!important
}
.cw-grid>.cw-card .cw-content,.cw-grid>.cw-card .cw-action,.cw-grid>.cw-card .cw-arrow,
.cw-grid>.cw-card .cw-tag,.cw-grid>.cw-card h2,.cw-grid>.cw-card p{
 animation:none!important;transform:none!important
}
.cw-grid>.cw-card .cw-art.cw-art{
 isolation:isolate;position:relative;overflow:hidden;
 background:#070c26!important;
 box-shadow:inset 0 0 15px #070b1f!important
}
.cw-grid>.cw-card .cw-art.cw-art::before,.cw-grid>.cw-card .cw-art.cw-art::after{
 content:none!important;display:none!important
}
.cw-grid>.cw-card .cw-art.cw-art>:not(.cw-real-scene){display:none!important}
.cw-grid>.cw-card .cw-art .cw-real-scene{
 --cx:50%;--cy:54%;--rx:39%;--ry:49%;
 --crop-x:0%;--crop-y:0%;
 position:absolute;inset:0;overflow:hidden;border-radius:inherit;isolation:isolate;
 background:#0a1030;pointer-events:none;z-index:2;
}
.cw-grid>.cw-card .cw-art .cw-real-visual,
.cw-grid>.cw-card .cw-art .cw-real-subject{
 position:absolute;inset:-1px;
 background-image:url("/assets/worlds/worlds-generated-20261031.webp");
 background-size:300% 200%;
 background-position:var(--crop-x) var(--crop-y);
 background-repeat:no-repeat;
 will-change:transform;
}
.cw-grid>.cw-card .cw-art .cw-real-visual{
 animation:cw-real-camera 9s ease-in-out infinite alternate;
 transform-origin:50% 50%;
}
.cw-grid>.cw-card .cw-art .cw-real-subject{
 mask-image:radial-gradient(ellipse var(--rx) var(--ry) at var(--cx) var(--cy),#000 40%,#000c 61%,transparent 95%);
 -webkit-mask-image:radial-gradient(ellipse var(--rx) var(--ry) at var(--cx) var(--cy),#000 40%,#000c 61%,transparent 95%);
 transform-origin:var(--cx) var(--cy);
 animation:cw-real-subject-lift 5s ease-in-out infinite;
 filter:brightness(1.04) drop-shadow(0 0 8px #ffffff49)
}
.cw-grid>.cw-card .cw-art .cw-real-glow{
 position:absolute;inset:-12%;z-index:3;pointer-events:none;
 background:radial-gradient(ellipse 36% 42% at var(--cx) var(--cy),#ffffff2e,transparent 74%);
 mix-blend-mode:screen;animation:cw-real-halo 4.5s ease-in-out infinite;
}
.cw-grid>.cw-card .cw-art .cw-real-sheen{
 position:absolute;inset:0;z-index:4;pointer-events:none;
 background:linear-gradient(110deg,transparent 23%,#d0eaff00 36%,#fff6f628 50%,#d9deff00 63%,transparent 78%);
 transform:translateX(-130%);animation:cw-real-light-travel 7s ease-in-out infinite
}
.cw-grid>.cw-card .cw-art .cw-real-scene::after{
 content:"";position:absolute;inset:0;pointer-events:none;z-index:5;
 box-shadow:inset 0 0 18px #03071b9c,inset 0 0 2px #ffffff73;
 border-radius:inherit
}
/* Each of the six positions samples a DIFFERENT actual generated illustration. */
.cw-grid .cw-neon-music .cw-real-scene{--crop-x:0%;--crop-y:0%;--cx:46%;--cy:50%;--rx:35%;--ry:46%}
.cw-grid .cw-edu-world .cw-real-scene{--crop-x:50%;--crop-y:0%;--cx:53%;--cy:54%;--rx:42%;--ry:51%}
.cw-grid .cw-ai-world .cw-real-scene{--crop-x:100%;--crop-y:0%;--cx:51%;--cy:53%;--rx:40%;--ry:49%}
.cw-grid .cw-write-world .cw-real-scene{--crop-x:0%;--crop-y:100%;--cx:51%;--cy:54%;--rx:44%;--ry:54%}
.cw-grid .cw-read-world .cw-real-scene{--crop-x:50%;--crop-y:100%;--cx:51%;--cy:57%;--rx:44%;--ry:52%}
.cw-grid .cw-publish-world .cw-real-scene{--crop-x:100%;--crop-y:100%;--cx:54%;--cy:57%;--rx:43%;--ry:53%}
/* Bespoke cinematic micro-movements, confined to the illustrations. */
.cw-grid .cw-neon-music .cw-real-subject{animation:cw-real-speaker-beat 2.3s cubic-bezier(.25,.5,.3,1) infinite}
.cw-grid .cw-edu-world .cw-real-subject{animation:cw-real-page-reveal 5.3s ease-in-out infinite}
.cw-grid .cw-ai-world .cw-real-subject{animation:cw-real-orbit-float 6.4s ease-in-out infinite}
.cw-grid .cw-write-world .cw-real-subject{animation:cw-real-tablet-design 6.7s ease-in-out infinite}
.cw-grid .cw-read-world .cw-real-subject{animation:cw-real-page-reveal 6.6s ease-in-out infinite reverse}
.cw-grid .cw-publish-world .cw-real-subject{animation:cw-real-book-reveal 7.1s ease-in-out infinite}
.cw-grid .cw-neon-music .cw-real-glow{animation-duration:2.3s}
.cw-grid .cw-ai-world .cw-real-sheen{animation-duration:9s}
.cw-grid .cw-publish-world .cw-real-sheen{animation-duration:10s}
.cw-grid .cw-write-world .cw-real-sheen{animation-duration:6s}
@keyframes cw-real-camera{0%{transform:scale(1.01) translate3d(0,0,0)}100%{transform:scale(1.045) translate3d(-.5%,.5%,0)}}
@keyframes cw-real-subject-lift{0%,100%{transform:translateY(2px) scale(.997)}50%{transform:translateY(-6px) scale(1.027)}}
@keyframes cw-real-speaker-beat{0%,100%{transform:scale(1)}22%{transform:scale(1.026)}35%{transform:scale(.995)}54%{transform:scale(1.036)}70%{transform:scale(.997)}}
@keyframes cw-real-page-reveal{0%,100%{transform:perspective(850px) rotateY(-2deg) translateY(3px) scale(1)}45%{transform:perspective(850px) rotateY(3deg) translateY(-7px) scale(1.04)}}
@keyframes cw-real-orbit-float{0%,100%{transform:translate(-2px,3px) rotate(-1.2deg) scale(1)}50%{transform:translate(3px,-6px) rotate(1.2deg) scale(1.036)}}
@keyframes cw-real-tablet-design{0%,100%{transform:perspective(800px) rotateY(-1deg) translateY(2px) scale(1)}50%{transform:perspective(800px) rotateY(3deg) translateY(-5px) scale(1.035)}}
@keyframes cw-real-book-reveal{0%,100%{transform:perspective(900px) rotateY(-3deg) translateY(3px) scale(.997)}50%{transform:perspective(900px) rotateY(3deg) translateY(-6px) scale(1.037)}}
@keyframes cw-real-halo{0%,100%{opacity:.46;transform:scale(.98)}50%{opacity:.83;transform:scale(1.04)}}
@keyframes cw-real-light-travel{0%,17%,100%{transform:translateX(-140%);opacity:0}35%{opacity:.7}60%{transform:translateX(140%);opacity:0}}
/* User asked for a unified smart neon gallery: avoid the old pictogram clutter. */
.cw-grid>.cw-card .cw-art .cw-real-scene{border:1px solid #ffffff26}
@media(prefers-reduced-motion:reduce){
 .cw-grid>.cw-card .cw-real-scene *,
 .cw-grid>.cw-card .cw-real-scene::before,.cw-grid>.cw-card .cw-real-scene::after{
 animation:none!important;transition:none!important;transform:none!important
 }
}


/* Per-card crop selectors must outrank the shared visual default. */
.cw-grid>.cw-card.cw-neon-music .cw-art .cw-real-scene{--crop-x:0%;--crop-y:0%;--cx:46%;--cy:50%;--rx:35%;--ry:46%}
.cw-grid>.cw-card.cw-edu-world .cw-art .cw-real-scene{--crop-x:50%;--crop-y:0%;--cx:53%;--cy:54%;--rx:42%;--ry:51%}
.cw-grid>.cw-card.cw-ai-world .cw-art .cw-real-scene{--crop-x:100%;--crop-y:0%;--cx:51%;--cy:53%;--rx:40%;--ry:49%}
.cw-grid>.cw-card.cw-write-world .cw-art .cw-real-scene{--crop-x:0%;--crop-y:100%;--cx:51%;--cy:54%;--rx:44%;--ry:54%}
.cw-grid>.cw-card.cw-read-world .cw-art .cw-real-scene{--crop-x:50%;--crop-y:100%;--cx:51%;--cy:57%;--rx:44%;--ry:52%}
.cw-grid>.cw-card.cw-publish-world .cw-art .cw-real-scene{--crop-x:100%;--crop-y:100%;--cx:54%;--cy:57%;--rx:43%;--ry:53%}


/* Distinct motion on the actual image subjects — override generic fallback. */
.cw-grid>.cw-card.cw-neon-music .cw-art .cw-real-scene .cw-real-subject{animation:cw-real-speaker-beat 2.3s cubic-bezier(.25,.5,.3,1) infinite!important}
.cw-grid>.cw-card.cw-edu-world .cw-art .cw-real-scene .cw-real-subject{animation:cw-real-page-reveal 5.3s ease-in-out infinite!important}
.cw-grid>.cw-card.cw-ai-world .cw-art .cw-real-scene .cw-real-subject{animation:cw-real-orbit-float 6.4s ease-in-out infinite!important}
.cw-grid>.cw-card.cw-write-world .cw-art .cw-real-scene .cw-real-subject{animation:cw-real-tablet-design 6.7s ease-in-out infinite!important}
.cw-grid>.cw-card.cw-read-world .cw-art .cw-real-scene .cw-real-subject{animation:cw-real-page-reveal 6.6s ease-in-out infinite reverse!important}
.cw-grid>.cw-card.cw-publish-world .cw-art .cw-real-scene .cw-real-subject{animation:cw-real-book-reveal 7.1s ease-in-out infinite!important}
@media(prefers-reduced-motion:reduce){
.cw-grid>.cw-card .cw-art .cw-real-scene .cw-real-subject{animation:none!important}
}

@media(prefers-reduced-motion:reduce){
.cw-grid>.cw-card:is(.cw-neon-music,.cw-edu-world,.cw-ai-world,.cw-write-world,.cw-read-world,.cw-publish-world) .cw-art .cw-real-scene .cw-real-subject{
 animation:none!important;transition:none!important;transform:none!important
}
}

/* Four genuine composited illustration frames. No blur, zoom or breathing. */
.cw-grid>.cw-card:not(.cw-neon-music) .cw-art.cw-art{overflow:hidden;background:#0a1030!important}
.cw-grid>.cw-card:not(.cw-neon-music) .cw-art.cw-art>:not(.cw-real-scene){display:none!important}
.cw-grid>.cw-card:not(.cw-neon-music) .cw-art.cw-art::before,
.cw-grid>.cw-card:not(.cw-neon-music) .cw-art.cw-art::after{display:none!important}
.cw-grid>.cw-card:not(.cw-neon-music) .cw-art .cw-real-scene{
 display:block!important;position:absolute;inset:0;overflow:hidden;border-radius:inherit;
 z-index:2!important;background:#0a1030;
 animation:none!important;filter:none!important;transform:none!important;
}
.cw-grid>.cw-card:not(.cw-neon-music) .cw-art .cw-real-scene>*:not(.cw-quad-canvas){display:none!important}
.cw-grid>.cw-card:not(.cw-neon-music) .cw-art .cw-real-scene>.cw-quad-canvas{
 display:block!important;position:absolute;inset:0;width:100%;height:100%;
 animation:none!important;filter:none!important;transform:none!important;opacity:1!important;
 image-rendering:auto;
}
.cw-grid>.cw-card.cw-world-animated,
.cw-grid>.cw-card.cw-world-animated:hover,
.cw-grid>.cw-card.cw-world-animated:focus-visible{
 animation:none!important;transform:none!important;translate:none!important
}
@media(prefers-reduced-motion:reduce){
 .cw-grid>.cw-card .cw-art .cw-quad-canvas{animation:none!important}
}

/* Real four-frame illustrated storyboards: animate scene contents, never cards. */
.cw-grid>.cw-card .cw-art.cw-art{position:relative;overflow:hidden;background:#080e25!important}
.cw-grid>.cw-card .cw-art.cw-art::before,
.cw-grid>.cw-card .cw-art.cw-art::after{display:none!important}
.cw-grid>.cw-card .cw-art.cw-art>:not(.cw-storyboard-image){display:none!important}
.cw-grid>.cw-card .cw-art .cw-storyboard-image{
 position:absolute!important;inset:0!important;width:100%;height:100%;display:block!important;
 overflow:hidden;isolation:isolate;z-index:4;background:#080e25;
 filter:none!important;transform:none!important;animation:none!important;
}
.cw-grid>.cw-card .cw-art .cw-storyboard-image .cw-storyboard-canvas{
 position:absolute;inset:0;width:100%;height:100%;display:block;
 transform:none!important;filter:none!important;transition:none!important;
 animation:none!important;image-rendering:auto;
}
.cw-grid>.cw-card.cw-world-animated,
.cw-grid>.cw-card.cw-world-animated:hover,
.cw-grid>.cw-card.cw-world-animated:focus-visible{
 transform:none!important;translate:none!important;animation:none!important
}

/* Reveal the storyboard stage above legacy artwork-hiding rules. */
.cw-grid > .cw-card.cw-world-animated .cw-art.cw-art > .cw-storyboard-image{display:block!important}

/* Calm cinema dissolve; artwork is anchored, never zoomed or shifted. */
.cw-grid>.cw-card .cw-art .cw-storyboard-image .cw-storyboard-canvas{
  transform:none!important;
  filter:none!important;
  animation:none!important;
  transition:opacity 2.8s cubic-bezier(.25,.65,.28,1)!important;
  will-change:opacity;
}
.cw-grid>.cw-card .cw-art .cw-storyboard-image .cw-storyboard-canvas.cw-storyboard-overlay{
  z-index:2;opacity:0;
}
.cw-grid>.cw-card .cw-art .cw-storyboard-image .cw-storyboard-canvas:not(.cw-storyboard-overlay){
  z-index:1;
}
@media(prefers-reduced-motion:reduce){
  .cw-grid>.cw-card .cw-art .cw-storyboard-image .cw-storyboard-canvas{
    transition:none!important;
  }
}

/* Keep the two approved worlds: the original speaker, original orbiting globe,
   plus the authentic Compass Friend from the site's assets. */
.cw-grid > .cw-card:is(.cw-neon-music,.cw-ai-world) .cw-art.cw-art > .cw-storyboard-image{display:none!important}
.cw-grid > .cw-card:is(.cw-neon-music,.cw-ai-world) .cw-art.cw-art > :not(.cw-storyboard-image){display:revert!important}
.cw-grid > .cw-card.cw-neon-music .cw-art.cw-art > .cw-prism-speaker{display:grid!important}
.cw-grid > .cw-card.cw-neon-music .cw-art.cw-art > .cw-prism-meter{display:flex!important}
.cw-grid > .cw-card.cw-neon-music .cw-art.cw-art > .cw-prism-wave{display:block!important}
.cw-grid > .cw-card.cw-ai-world .cw-art.cw-art > .cw-globe-scene{display:grid!important;animation:none!important;filter:drop-shadow(0 9px 11px #1c1e4f8b)}
.cw-grid > .cw-card.cw-ai-world .cw-art .cw-globe-aura{animation:none!important}
.cw-grid > .cw-card.cw-ai-world .cw-art.cw-art > img.cw-real-friend{
 display:block!important;position:absolute;z-index:8;right:1.5%;bottom:6%;
 width:24%;height:auto;max-height:65%;object-fit:contain;
 filter:drop-shadow(0 0 11px #94ceffae);animation:none!important;transform:none!important;
}
.cw-grid>.cw-card .cw-art .cw-storyboard-image .cw-storyboard-canvas{
 transition:opacity 2s cubic-bezier(.35,.65,.31,1)!important
}
@media(prefers-reduced-motion:reduce){
 .cw-grid>.cw-card .cw-art .cw-storyboard-image .cw-storyboard-canvas{transition:none!important}
 .cw-grid>.cw-card.cw-neon-music .cw-art *,
 .cw-grid>.cw-card.cw-ai-world .cw-art *{animation:none!important}
}

/* Restore the two approved original scenes. No generated storyboard animation for either. */
.cw-grid > .cw-card.cw-neon-music .cw-art.cw-prism-stage > .cw-storyboard-image,
.cw-grid > .cw-card.cw-ai-world .cw-art.cw-globe-art > .cw-storyboard-image{display:none!important}
.cw-grid > .cw-card.cw-neon-music .cw-art.cw-prism-stage > .cw-prism-speaker{display:grid!important;animation:cw-prism-beat 1.5s ease-in-out infinite!important}
.cw-grid > .cw-card.cw-neon-music .cw-art.cw-prism-stage > .cw-prism-wave{display:block!important}
.cw-grid > .cw-card.cw-neon-music .cw-art.cw-prism-stage > .cw-prism-meter{display:flex!important}
.cw-grid > .cw-card.cw-ai-world .cw-art.cw-globe-art > .cw-globe-scene{
 display:grid!important;animation:cw-globe-float 6s ease-in-out infinite!important;
 filter:drop-shadow(0 14px 15px #4b4b9656)!important;
}
.cw-grid > .cw-card.cw-ai-world .cw-art.cw-globe-art > .cw-globe-aura{
 display:block!important;animation:cw-globe-breathe 5s ease-in-out infinite!important;
}
@media(prefers-reduced-motion:reduce){
 .cw-grid > .cw-card.cw-neon-music .cw-art.cw-prism-stage > .cw-prism-speaker,
 .cw-grid > .cw-card.cw-ai-world .cw-art.cw-globe-art > .cw-globe-scene,
 .cw-grid > .cw-card.cw-ai-world .cw-art.cw-globe-art > .cw-globe-aura{animation:none!important}
}

/* Four independently generated children-and-learning illustration sequences.
   The original Music & Video and Compass AI artwork is deliberately untouched. */
.cw-grid>.cw-card:is(.cw-edu-world,.cw-write-world,.cw-read-world,.cw-publish-world) .cw-art.cw-art>.cw-storyboard-image{
 display:block!important;position:absolute!important;inset:0!important;overflow:hidden;
 border-radius:inherit;background:#0b1026;z-index:4!important;
}
.cw-grid>.cw-card:is(.cw-edu-world,.cw-write-world,.cw-read-world,.cw-publish-world) .cw-art .cw-storyboard-image>.cw-storyboard-canvas{
 display:block!important;position:absolute;inset:0;width:100%;height:100%;
 transform:none!important;filter:none!important;animation:none!important;image-rendering:auto;
}
.cw-grid>.cw-card:is(.cw-edu-world,.cw-write-world,.cw-read-world,.cw-publish-world) .cw-art .cw-scene-overlay{
 z-index:2!important;opacity:0;
 transition:opacity 3.2s cubic-bezier(.4,0,.22,1)!important;will-change:opacity;
}
.cw-grid>.cw-card:is(.cw-edu-world,.cw-write-world,.cw-read-world,.cw-publish-world) .cw-art .cw-scene-base{
 z-index:1!important;opacity:1!important;
}
@media(prefers-reduced-motion:reduce){.cw-grid>.cw-card .cw-art .cw-scene-overlay{transition:none!important}}


/* Music & Video: restore the later approved 3D microphone/filmstrip/neon speaker.
   All animation is inside the image only; cards/globe/other worlds remain untouched. */
.cw-grid>.cw-card.cw-neon-music .cw-art.cw-prism-stage{
 position:relative;overflow:hidden;background:#090f29!important
}
.cw-grid>.cw-card.cw-neon-music .cw-art.cw-prism-stage>:not(.cw-storyboard-image){display:none!important}
.cw-grid>.cw-card.cw-neon-music .cw-art.cw-prism-stage>.cw-storyboard-image{
 display:block!important;position:absolute!important;inset:0!important;
 z-index:6!important;overflow:hidden;border-radius:inherit;
 background:#080d25;filter:none!important;transform:none!important;animation:none!important
}
.cw-grid>.cw-card.cw-neon-music .cw-art.cw-prism-stage>.cw-storyboard-image>.cw-storyboard-canvas{
 position:absolute!important;inset:0!important;display:block!important;
 width:100%;height:100%;object-fit:cover;filter:none!important;transform:none!important;
 animation:none!important;image-rendering:auto;opacity:1
}
.cw-grid>.cw-card.cw-neon-music .cw-art.cw-prism-stage>.cw-storyboard-image>.cw-storyboard-canvas.cw-premium-speaker-overlay{
 opacity:0;z-index:2;transition:opacity 4.2s ease-in-out!important;will-change:opacity
}
.cw-grid>.cw-card.cw-neon-music .cw-art.cw-prism-stage>.cw-storyboard-image>.cw-storyboard-canvas:not(.cw-premium-speaker-overlay){
 z-index:1;transition:none!important
}
@media(prefers-reduced-motion:reduce){
 .cw-grid>.cw-card.cw-neon-music .cw-art.cw-prism-stage>.cw-storyboard-image>.cw-storyboard-canvas.cw-premium-speaker-overlay{transition:none!important}
}

/* User-approved four-panel sheets: only Create a Book and Publish & Sell. */
.cw-grid>.cw-card:is(.cw-write-world,.cw-publish-world) .cw-art>.cw-storyboard-image{display:block!important;position:absolute!important;inset:0!important;z-index:7!important;overflow:hidden;background:#0b1026}
.cw-grid>.cw-card:is(.cw-write-world,.cw-publish-world) .cw-art .cw-storyboard-image>.cw-storyboard-canvas{position:absolute!important;inset:0!important;width:100%;height:100%;display:block!important;transform:none!important;filter:none!important;animation:none!important}
.cw-grid>.cw-card:is(.cw-write-world,.cw-publish-world) .cw-art .cw-storyboard-image>.cw-storyboard-canvas.cw-selected-overlay{opacity:0;z-index:9!important;transition:opacity 3.8s ease-in-out!important;will-change:opacity}
.cw-grid>.cw-card:is(.cw-write-world,.cw-publish-world) .cw-art .cw-storyboard-image>.cw-storyboard-canvas.cw-selected-base{z-index:8!important;opacity:1!important;transition:none!important}
@media(prefers-reduced-motion:reduce){.cw-grid>.cw-card:is(.cw-write-world,.cw-publish-world) .cw-art .cw-storyboard-image>.cw-selected-overlay{transition:none!important}}

/* Prevent the retired storyboard from appearing before the original video loads. */
.cw-grid .cw-card.cw-neon-music .cw-art .cw-storyboard-image{background:radial-gradient(ellipse at 50% 46%,#322250 0%,#1b1636 58%,#100d26 100%)!important}
.cw-grid .cw-card.cw-neon-music .cw-art .cw-storyboard-image > canvas.cw-storyboard-canvas{display:none!important}
/* Only the Music & Video card: full original (896 × 896) speaker animation. */
.cw-grid .cw-card.cw-neon-music .cw-art .cw-storyboard-image .cw-original-speaker-video{display:block!important;position:absolute!important;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 20%;background:#141125;z-index:20!important;pointer-events:none;opacity:0;transition:opacity .18s ease}
.cw-grid .cw-card.cw-neon-music .cw-art .cw-storyboard-image .cw-original-speaker-video.cw-original-ready{opacity:1}
/* Artwork-first layout: shorter text panel, enlarged visual stage on all six worlds.
   Canvas scenes are cropped rather than stretched; original assets/animations remain intact. */
.cw-grid > .cw-card.cw-world-animated .cw-art.cw-art{
 aspect-ratio:1 / .88!important;
 flex-shrink:0!important;
}
.cw-grid > .cw-card.cw-world-animated .cw-art canvas:is(.cw-storyboard-canvas,.cw-quad-canvas){
 object-fit:cover!important;
 object-position:center!important;
}
.cw-grid > .cw-card.cw-world-animated .cw-content{
 padding:12px 15px!important;
 min-width:0;
}
.cw-grid > .cw-card.cw-world-animated .cw-content > :is(.cw-tag,h2,p,.cw-action){
 position:relative!important;
 top:0!important;
}
.cw-grid > .cw-card.cw-world-animated .cw-tag{
 font-size:10px!important;
 letter-spacing:.075em!important;
 line-height:1.2!important;
}
.cw-grid > .cw-card.cw-world-animated h2{
 font-size:clamp(17px,1.42vw,20px)!important;
 line-height:1.14!important;
 margin:4px 0!important;
}
.cw-grid > .cw-card.cw-world-animated p{
 font-size:12px!important;
 line-height:1.32!important;
 margin:0 0 9px!important;
}
.cw-grid > .cw-card.cw-world-animated.cw-world-animated .cw-action{
 min-height:35px!important;
 font-size:11.5px!important;
 padding:3px 4px 3px 10px!important;
}
.cw-grid > .cw-card.cw-world-animated .cw-arrow{
 width:27px!important;
 min-width:27px!important;
 flex-basis:27px!important;
 height:27px!important;
 font-size:18px!important;
}
@media(max-width:900px){
 .cw-grid > .cw-card.cw-world-animated .cw-content{padding:12px 13px!important}
}
@media(max-width:580px){
 .cw-grid > .cw-card.cw-world-animated .cw-art.cw-art{aspect-ratio:1 / .87!important}
 .cw-grid > .cw-card.cw-world-animated .cw-content{padding:12px 14px!important}
}

.cw-grid > .cw-card.cw-read-world .cw-art .cw-storyboard-image > .cw-explore-books-backdrop{
 position:absolute!important;inset:-4%!important;width:108%!important;height:108%!important;
 display:block!important;object-fit:cover!important;
 filter:blur(15px) saturate(1.25) brightness(.49)!important;
 z-index:30!important;pointer-events:none!important;opacity:0!important;
}
.cw-grid > .cw-card.cw-read-world.cw-video-ready .cw-art .cw-storyboard-image > .cw-explore-books-backdrop{
 opacity:1!important;
}
/* Only Explore Books: show the uploaded 16:9 animation in full, without stretching or cropping.
   Keep the original canvas as fallback until the video is ready. */
.cw-grid > .cw-card.cw-read-world .cw-art .cw-storyboard-image > .cw-explore-books-video{
 display:block!important;position:absolute!important;inset:0!important;
 width:100%!important;height:100%!important;object-fit:fill!important;
 object-position:center center!important;background:transparent!important;
 z-index:31!important;pointer-events:none!important;opacity:0!important;
 transition:opacity .18s ease!important;
}
.cw-grid > .cw-card.cw-read-world.cw-video-ready .cw-art .cw-storyboard-image{
 z-index:100!important;
}
.cw-grid > .cw-card.cw-read-world.cw-video-ready .cw-art .cw-storyboard-image > .cw-explore-books-video.cw-ready{
 opacity:1!important;
}

/* Publish & Sell only: original submitted MP4, entire frame visible and no distortion.
   Existing storyboard art stays as a fallback unless the actual video is ready. */
.cw-grid > .cw-card.cw-publish-world .cw-art .cw-storyboard-image > .cw-publish-sell-backdrop{
 position:absolute!important;inset:-4%!important;width:108%!important;height:108%!important;
 display:block!important;filter:blur(15px) saturate(1.25) brightness(.49)!important;
 z-index:30!important;opacity:0!important;pointer-events:none!important;
}
.cw-grid > .cw-card.cw-publish-world .cw-art .cw-storyboard-image > .cw-publish-sell-video{
 display:block!important;position:absolute!important;inset:0!important;
 width:100%!important;height:100%!important;object-fit:fill!important;
 object-position:center center!important;background:transparent!important;
 z-index:31!important;pointer-events:none!important;opacity:0!important;
 transition:opacity .18s ease!important;
}
.cw-grid > .cw-card.cw-publish-world.cw-video-ready .cw-art .cw-storyboard-image{
 z-index:100!important;
}
.cw-grid > .cw-card.cw-publish-world.cw-video-ready .cw-art .cw-storyboard-image > .cw-publish-sell-backdrop{
 opacity:1!important;
}
.cw-grid > .cw-card.cw-publish-world.cw-video-ready .cw-art .cw-storyboard-image > .cw-publish-sell-video.cw-ready{
 opacity:1!important;
}

/* Only Music & Video: replace speaker stage with uploaded widescreen MP4.
   Full speaker remains visible (no 16:9 cropping); old asset remains in repository. */
.cw-grid > .cw-card.cw-neon-music .cw-art .cw-storyboard-image{
 background:radial-gradient(ellipse at 50% 48%,#322055 0%,#15112f 69%,#090a20 100%)!important;
}
.cw-grid > .cw-card.cw-neon-music .cw-art .cw-storyboard-image > .cw-original-speaker-video{
 object-fit:cover!important;object-position:50% 50%!important;
 background:transparent!important;
}
/* Coloured smoke and small luminous white music notes follow the outer border. */
.cw-grid > .cw-card.cw-neon-music .cw-art .cw-storyboard-image > .cw-music-fx{
 position:absolute!important;inset:0!important;display:block!important;
 overflow:hidden!important;z-index:24!important;pointer-events:none!important;
}
.cw-grid > .cw-card.cw-neon-music .cw-music-fx .cw-music-smoke{
 position:absolute;display:block;width:42%;height:75%;
 opacity:.38;filter:blur(17px);mix-blend-mode:screen;
 will-change:transform,opacity;pointer-events:none;
 animation:cw-neon-smoke-drift 9s ease-in-out infinite alternate;
}
.cw-grid > .cw-card.cw-neon-music .cw-music-fx .cw-smoke-left{
 left:-19%;top:9%;
 background:radial-gradient(ellipse at 35% 43%,#16e6ff88 0%,#a965ef75 26%,#ed54d54b 49%,transparent 73%);
}
.cw-grid > .cw-card.cw-neon-music .cw-music-fx .cw-smoke-right{
 right:-20%;top:1%;animation-delay:-4s;animation-duration:10s;
 background:radial-gradient(ellipse at 65% 45%,#ff74cf99 0%,#6d5eff88 26%,#28e9ec55 52%,transparent 75%);
}
.cw-grid > .cw-card.cw-neon-music .cw-music-fx .cw-smoke-bottom{
 left:22%;bottom:-46%;height:65%;width:56%;opacity:.28;
 animation-delay:-5s;animation-duration:12s;
 background:radial-gradient(ellipse,#1dddf788 0%,#bf6af066 29%,transparent 73%);
}
.cw-grid > .cw-card.cw-neon-music .cw-music-fx .cw-music-note{
 position:absolute;left:var(--x);top:var(--y);
 font-family:"Segoe UI Symbol","Noto Sans Symbols 2",sans-serif;
 font-size:var(--size);font-weight:400;line-height:1;color:#ffffff;
 text-shadow:0 0 4px #fff,0 0 10px #e2f5ff,0 0 20px #67cfff;
 opacity:.72;will-change:transform,opacity;
 animation:cw-neon-note-drift var(--duration) ease-in-out var(--delay) infinite alternate;
}
@keyframes cw-neon-smoke-drift{
 from{transform:translate(-3%,5%) scale(.94);opacity:.23}
 to{transform:translate(5%,-7%) scale(1.15);opacity:.46}
}
@keyframes cw-neon-note-drift{
 0%{transform:translate(-4px,8px) rotate(-11deg) scale(.85);opacity:.32}
 44%{opacity:.85}
 100%{transform:translate(9px,-13px) rotate(13deg) scale(1.13);opacity:.55}
}
@media(prefers-reduced-motion:reduce){
 .cw-grid > .cw-card.cw-neon-music .cw-music-fx .cw-music-smoke,
 .cw-grid > .cw-card.cw-neon-music .cw-music-fx .cw-music-note{
  animation:none!important;opacity:.55!important;
 }
}


/* PRESERVED ORIGINAL STYLESHEET 2 */

/* Create a Book only: fill the entire card artwork like Explore Books and Publish & Sell.
   Preserve the original animated canvas as fallback until the actual MP4 is playing. */
.cw-grid > .cw-card.cw-write-world .cw-art .cw-storyboard-image > .cw-book-maker-video{
 display:block!important;position:absolute!important;inset:0!important;
 width:100%!important;height:100%!important;object-fit:fill!important;
 object-position:center center!important;background:transparent!important;
 z-index:31!important;pointer-events:none!important;opacity:0!important;
 transition:opacity .18s ease!important;
}
.cw-grid > .cw-card.cw-write-world.cw-video-ready .cw-art > .cw-storyboard-image{
 z-index:110!important;
}
.cw-grid > .cw-card.cw-write-world.cw-video-ready .cw-art .cw-storyboard-image > .cw-book-maker-video.cw-ready{
 opacity:1!important;
}


/* PRESERVED ORIGINAL STYLESHEET 3 */

/* Education AI only: fill the existing card artwork; keep its canvas as fallback. */
.cw-grid > .cw-card.cw-edu-world .cw-art .cw-storyboard-image > .cw-ai-education-video{
 display:block!important;position:absolute!important;inset:0!important;
 width:100%!important;height:100%!important;object-fit:fill!important;
 object-position:center center!important;background:transparent!important;
 z-index:31!important;pointer-events:none!important;opacity:0!important;
 transition:opacity .18s ease!important;
}
.cw-grid > .cw-card.cw-edu-world.cw-video-ready .cw-art > .cw-storyboard-image{z-index:110!important}
.cw-grid > .cw-card.cw-edu-world.cw-video-ready .cw-art .cw-storyboard-image > .cw-ai-education-video.cw-ready{opacity:1!important}

/* Explore Our Worlds: approved MP4 behind every card. Does not modify any card, grid or button. */
main.cw-page > .cw-worlds-video-background{
  position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none;
}
main.cw-page > .cw-worlds-video-background video{
  display:block;width:100%;height:100%;object-fit:cover;object-position:center center;
  pointer-events:none;
}
main.cw-page > .cw-worlds-video-background::after{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(180deg,rgba(255,255,255,.69) 0%,rgba(255,255,255,.40) 22%,rgba(255,255,255,.29) 55%,rgba(255,255,255,.35) 100%);
}
@media(prefers-reduced-motion:reduce){
 main.cw-page > .cw-worlds-video-background video{display:none}
}



/* COMPASS EXPLORE WORLDS — consolidated design tokens and final scoped refinements
   All original animations, artwork, button targets and world names are preserved.
   Place new Explore Our Worlds visual updates in this single section. */
main.cw-page{--cw-glass-edge:rgba(191,209,255,.72);--cw-soft-shadow:0 12px 34px rgba(9,19,54,.28);--cw-radius:24px}
main.cw-page>.cw-worlds-video-background::after{
 background:linear-gradient(180deg,rgba(255,255,255,.39) 0%,rgba(255,255,255,.25) 25%,rgba(255,255,255,.19) 65%,rgba(255,255,255,.25) 100%);
}
main.cw-page .cw-container{position:relative;z-index:2}
main.cw-page .cw-intro.cw-intro-live{
 max-width:820px;margin:0 auto 17px!important;padding:12px 14px 13px!important;
 border-radius:26px;background:rgba(255,255,255,.45);
 backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);
}
main.cw-page .cw-intro-live .cw-intro-star.star-three,
main.cw-page .cw-intro-live .cw-intro-star.star-four{display:none!important}
main.cw-page .cw-world-lightshow{opacity:.62!important;pointer-events:none}
main.cw-page .cw-grid{gap:19px!important;align-items:stretch}
main.cw-page .cw-grid>.cw-card.cw-world-animated{
 border-radius:var(--cw-radius)!important;
 border:1.5px solid var(--cw-glass-edge)!important;
 outline-offset:2px;box-shadow:var(--cw-soft-shadow),inset 0 1px 0 rgba(255,255,255,.29)!important;
 background-clip:padding-box;overflow:hidden;
}
main.cw-page .cw-grid>.cw-card.cw-world-animated:hover,
main.cw-page .cw-grid>.cw-card.cw-world-animated:focus-visible{
 border-color:var(--cw-glow,#8dbdff)!important;
 box-shadow:0 18px 40px rgba(8,21,54,.39),0 0 16px color-mix(in srgb,var(--cw-glow,#8dbdff),transparent 52%)!important;
}
main.cw-page .cw-grid>.cw-card.cw-world-animated .cw-content{
 gap:0!important; padding:16px 17px 17px!important;
}
main.cw-page .cw-grid>.cw-card.cw-world-animated h2{
 font-size:clamp(20px,1.85vw,24px)!important;line-height:1.2!important;margin:6px 0 7px!important;
}
main.cw-page .cw-grid>.cw-card.cw-world-animated p{
 font-size:14px!important;line-height:1.45!important;margin:0 0 12px!important;
}
main.cw-page .cw-grid>.cw-card.cw-world-animated .cw-tag{
 font-size:11px!important;letter-spacing:.07em!important;line-height:1.35!important;
}
main.cw-page .cw-grid>.cw-card.cw-world-animated.cw-world-animated .cw-action{
 font-size:13px!important;min-height:43px!important;line-height:1.3!important;
 padding:5px 6px 5px 12px!important;border-radius:12px!important;
}
main.cw-page .cw-grid>.cw-card.cw-world-animated .cw-arrow{
 min-width:34px!important;width:34px!important;flex-basis:34px!important;height:34px!important;
}
main.cw-page .cw-grid>.cw-card.cw-world-animated .cw-art .cw-storyboard-image>video:is(.cw-original-speaker-video,.cw-ai-education-video,.cw-book-maker-video,.cw-explore-books-video,.cw-publish-sell-video){
 object-position:center center!important;
}
/* Fit 16:9 uploads without distorting them; matching blurred first-frame fills the surrounding space. */
main.cw-page .cw-grid>.cw-card.cw-world-animated .cw-art .cw-storyboard-image>video:is(.cw-ai-education-video,.cw-book-maker-video,.cw-explore-books-video,.cw-publish-sell-video){
 object-fit:contain!important;
 background:transparent!important;
}
main.cw-page .cw-grid>.cw-card.cw-world-animated .cw-art .cw-storyboard-image>.cw-video-live-backdrop{
 display:block!important;position:absolute!important;inset:-5%!important;width:110%!important;height:110%!important;
 opacity:0!important;z-index:30!important;pointer-events:none!important;
 filter:blur(17px) saturate(1.12) brightness(.62)!important;transition:opacity .18s ease!important;
}
main.cw-page .cw-grid>.cw-card.cw-world-animated.cw-video-ready .cw-art .cw-storyboard-image>.cw-video-live-backdrop{
 opacity:1!important;
}
/* An empty image stage is preferable to momentarily showing an unrelated retired illustration.
   On a video load error the approved original canvas fallback becomes visible again. */
main.cw-page .cw-grid>.cw-card:is(.cw-edu-world,.cw-write-world,.cw-read-world,.cw-publish-world):not(.cw-video-error) .cw-art .cw-storyboard-image>.cw-storyboard-canvas{
 opacity:0!important;
}
main.cw-page .cw-grid>.cw-card:is(.cw-edu-world,.cw-write-world,.cw-read-world,.cw-publish-world).cw-video-error .cw-art .cw-storyboard-image>.cw-storyboard-canvas.cw-scene-base,
main.cw-page .cw-grid>.cw-card:is(.cw-edu-world,.cw-write-world,.cw-read-world,.cw-publish-world).cw-video-error .cw-art .cw-storyboard-image>.cw-storyboard-canvas.cw-selected-base{
 opacity:1!important;
}
main.cw-page .cw-grid>.cw-card.cw-world-animated .cw-art .cw-storyboard-image{
 background:radial-gradient(circle at 48% 43%,#3d3774 0%,#171a45 68%,#0a0d27 100%)!important;
}
main.cw-page .cw-bottom{
 margin-top:23px!important;padding:18px 24px!important;
 background:rgba(255,255,255,.79)!important;backdrop-filter:blur(8px);
 border:1px solid rgba(193,206,240,.73)!important;
}
@media(max-width:900px){
 main.cw-page .cw-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px!important}
}
@media(max-width:580px){
 main.cw-page .cw-grid{grid-template-columns:1fr;gap:15px!important}
 main.cw-page .cw-intro.cw-intro-live{margin-bottom:15px!important;padding:11px 9px!important}
 main.cw-page .cw-grid>.cw-card.cw-world-animated .cw-content{padding:14px 15px 16px!important}
 main.cw-page .cw-grid>.cw-card.cw-world-animated .cw-art.cw-art{aspect-ratio:1/.76!important}
 main.cw-page .cw-grid>.cw-card.cw-world-animated h2{font-size:21px!important}
 main.cw-page .cw-grid>.cw-card.cw-world-animated p{font-size:14px!important}
 main.cw-page .cw-bottom{padding:17px 15px!important;margin-top:18px!important}
}
@media(prefers-reduced-motion:reduce){
 main.cw-page .cw-intro.cw-intro-live{backdrop-filter:none;-webkit-backdrop-filter:none}
 main.cw-page .cw-grid>.cw-card.cw-world-animated .cw-art .cw-storyboard-image>.cw-video-live-backdrop{transition:none!important}
}


/* NOV 1 — APPROVED PREMIUM REFINEMENT: six smaller floating 3D neon cards,
   original MP4 footage ALWAYS fills edge-to-edge, title/footer are 3D text only. */
main.cw-page .cw-grid{
 width:min(100%,1080px)!important;
 margin-inline:auto!important;
 grid-template-columns:repeat(3,minmax(0,1fr))!important;
 column-gap:28px!important;
 row-gap:35px!important;
 padding:9px 8px 18px!important;
 perspective:1300px!important;
 align-items:stretch!important;
}
main.cw-page .cw-grid > a.cw-card.cw-world-animated{
 --cw-bright:var(--cw-glow,#83dfff);
 position:relative!important;
 border:4px solid var(--cw-bright)!important;
 border-radius:22px!important;
 overflow:hidden!important;
 transform-style:preserve-3d!important;
 transform:translateY(-3px) rotateX(3.2deg)!important;
 transition:transform .36s cubic-bezier(.2,.7,.24,1),box-shadow .36s ease,filter .36s ease!important;
 box-shadow:
    0 5px 0 rgba(5,12,37,.91),
    0 13px 0 -5px var(--cw-bright),
    0 25px 28px rgba(3,7,30,.58),
    0 35px 47px rgba(10,14,37,.31),
    0 0 13px var(--cw-bright),
    0 0 27px color-mix(in srgb,var(--cw-bright),transparent 37%),
    inset 0 0 0 2px rgba(255,255,255,.44),
    inset 0 0 20px color-mix(in srgb,var(--cw-bright),transparent 72%)!important;
 background:#080d24!important;
}
main.cw-page .cw-grid > a.cw-card.cw-world-animated:hover,
main.cw-page .cw-grid > a.cw-card.cw-world-animated:focus-visible{
 transform:translateY(-14px) rotateX(0deg) scale(1.035)!important;
 filter:brightness(1.065)!important;
 box-shadow:
    0 6px 0 rgba(5,12,37,.94),
    0 15px 0 -6px var(--cw-bright),
    0 29px 36px rgba(3,7,30,.56),
    0 43px 62px rgba(10,14,37,.4),
    0 0 19px var(--cw-bright),
    0 0 37px color-mix(in srgb,var(--cw-bright),transparent 13%),
    inset 0 0 0 2px rgba(255,255,255,.6),
    inset 0 0 25px color-mix(in srgb,var(--cw-bright),transparent 55%)!important;
}
main.cw-page .cw-grid > a.cw-card.cw-world-animated:focus-visible{
 outline:3px solid #fff!important;outline-offset:5px!important;
}
main.cw-page .cw-grid > a.cw-card.cw-world-animated .cw-art.cw-art{
 aspect-ratio:16/9!important;
 width:100%!important;
 min-height:0!important;
 flex-shrink:0!important;
 overflow:hidden!important;
}
main.cw-page .cw-grid > a.cw-card.cw-world-animated .cw-art .cw-storyboard-image{
 position:absolute!important;inset:0!important;
 width:100%!important;height:100%!important;
 border-radius:0!important;
 overflow:hidden!important;
}
main.cw-page .cw-grid > a.cw-card.cw-world-animated .cw-art .cw-storyboard-image > video:is(
.cw-original-speaker-video,
.cw-ai-education-video,
.cw-book-maker-video,
.cw-explore-books-video,
.cw-publish-sell-video){
 display:block!important;
 position:absolute!important;
 inset:0!important;
 width:100%!important;
 height:100%!important;
 object-fit:cover!important;
 object-position:center center!important;
 margin:0!important;
 padding:0!important;
 border:0!important;
 background:transparent!important;
}
main.cw-page .cw-grid > a.cw-card.cw-neon-music .cw-art .cw-storyboard-image>.cw-original-speaker-video{
 object-position:50% 25%!important;
}
main.cw-page .cw-grid > a.cw-card.cw-world-animated .cw-art .cw-storyboard-image>.cw-video-live-backdrop{
 opacity:0!important;
 display:none!important;
}
main.cw-page .cw-grid > a.cw-card.cw-world-animated .cw-content{
 padding:12px 14px 15px!important;
 flex:1!important;
}
main.cw-page .cw-grid > a.cw-card.cw-world-animated h2{
 font-size:clamp(18px,1.65vw,21px)!important;
 margin:5px 0 7px!important;
}
main.cw-page .cw-grid > a.cw-card.cw-world-animated p{
 font-size:13.5px!important;line-height:1.35!important;
 margin-bottom:8px!important;
}
main.cw-page .cw-grid > a.cw-card.cw-world-animated.cw-world-animated .cw-action{
 font-size:12.5px!important;min-height:39px!important;
 padding:4px 5px 4px 10px!important;
}
main.cw-page .cw-grid > a.cw-card.cw-world-animated .cw-arrow{
 width:31px!important;min-width:31px!important;flex-basis:31px!important;height:31px!important;
}
/* No boxes and no copy blocks above/below: dimensional neon lettering. */
main.cw-page .cw-intro.cw-intro-live,
main.cw-page .cw-bottom{
 background:none!important;
 background-color:transparent!important;
 border:0!important;
 box-shadow:none!important;
 outline:none!important;
 backdrop-filter:none!important;
 -webkit-backdrop-filter:none!important;
 border-radius:0!important;
}
main.cw-page .cw-intro.cw-intro-live{
 max-width:1000px!important;
 margin:12px auto 20px!important;
 padding:6px 8px 13px!important;
 text-align:center!important;
}
main.cw-page .cw-intro.cw-intro-live::before,
main.cw-page .cw-intro.cw-intro-live::after,
main.cw-page .cw-intro.cw-intro-live .cw-intro-glow{display:none!important}
main.cw-page .cw-intro.cw-intro-live h1{
 font-size:clamp(37px,5.6vw,66px)!important;
 font-weight:950!important;
 letter-spacing:-.045em!important;
 line-height:1.13!important;
 text-shadow:0 3px 0 #101536,0 6px 0 #0b1130,0 12px 15px rgba(0,0,0,.52),0 0 23px rgba(125,186,255,.4)!important;
 filter:drop-shadow(0 8px 5px rgba(6,9,41,.55))!important;
 animation:none!important;
 transform:none!important;
}
main.cw-page .cw-intro.cw-intro-live h1 .cw-title-explore,
main.cw-page .cw-intro.cw-intro-live h1 .cw-title-worlds{
 background:linear-gradient(175deg,#ffffff 0%,#d3f4ff 16%,#6acfff 38%,#9674e7 65%,#f58ce4 87%,#ffe6fc 100%)!important;
 background-clip:text!important;
 -webkit-background-clip:text!important;
 color:transparent!important;
 -webkit-text-fill-color:transparent!important;
 -webkit-text-stroke:.65px rgba(242,252,255,.9)!important;
 animation:none!important;
 transform:none!important;
 filter:drop-shadow(0 2px 1px #171c57) drop-shadow(0 0 9px #61adff)!important;
}
main.cw-page .cw-bottom{
 max-width:1050px!important;
 margin:29px auto 9px!important;
 padding:4px 0 12px!important;
 text-align:center!important;
}
main.cw-page .cw-bottom strong{
 display:block!important;
 font-size:clamp(21px,3vw,34px)!important;
 line-height:1.3!important;
 letter-spacing:.005em!important;
 font-weight:950!important;
 color:#fff2ff!important;
 -webkit-text-stroke:.55px #e8f4ff!important;
 text-shadow:0 2px 0 #402180,0 4px 0 #231453,0 6px 7px rgba(1,8,38,.8),0 0 12px #965fff,0 0 25px #6cdcf6!important;
 filter:drop-shadow(0 4px 6px rgba(9,11,56,.7))!important;
}
main.cw-page .cw-bottom p{display:none!important}
@media(max-width:900px){
 main.cw-page .cw-grid{
  max-width:742px!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:25px!important;
  padding:9px 12px 18px!important;
 }
}
@media(max-width:580px){
 main.cw-page .cw-grid{
  width:min(100%,420px)!important;
  grid-template-columns:1fr!important;
  gap:24px!important;
  padding:7px 9px 20px!important;
 }
 main.cw-page .cw-grid > a.cw-card.cw-world-animated .cw-art.cw-art{
  aspect-ratio:16/9!important;
 }
 main.cw-page .cw-intro.cw-intro-live{
  padding:8px 0 7px!important;
  margin:5px auto 12px!important;
 }
 main.cw-page .cw-intro.cw-intro-live h1{
  font-size:clamp(34px,9vw,47px)!important;
 }
 main.cw-page .cw-bottom strong{font-size:23px!important}
}
@media(hover:none){
 main.cw-page .cw-grid > a.cw-card.cw-world-animated{
  transform:translateY(-2px) rotateX(1.4deg)!important;
 }
}
@media(prefers-reduced-motion:reduce){
 main.cw-page .cw-grid > a.cw-card.cw-world-animated{
  transform:none!important;
  transition:none!important;
 }
 main.cw-page .cw-grid > a.cw-card.cw-world-animated:hover,
 main.cw-page .cw-grid > a.cw-card.cw-world-animated:focus-visible{
  transform:none!important;
 }
}


/* NOV 1 — Move the existing title and original-size six-card grid upward.
   Keep all six card dimensions, edge-to-edge videos, neon glow and hover pop.
   Only reduce *external whitespace*, never card widths/heights. */
@media(min-width:901px){
 main.cw-page{padding-top:0!important}
 main.cw-page .cw-intro.cw-intro-live{
   margin:-7px auto 20px!important;
   padding:0 8px 2px!important;
 }
 main.cw-page .cw-grid{
   padding-top:0!important;
   padding-bottom:7px!important;
   row-gap:19px!important;
 }
 main.cw-page .cw-bottom{
   margin-top:10px!important;
   padding-top:0!important;
 }
}
@media(min-width:581px) and (max-width:900px){
 main.cw-page{padding-top:2px!important}
 main.cw-page .cw-intro.cw-intro-live{
   margin:0 auto 17px!important;
   padding:0 8px 3px!important;
 }
 main.cw-page .cw-grid{padding-top:0!important;row-gap:19px!important}
}
@media(max-width:580px){
 main.cw-page{padding-top:5px!important}
 main.cw-page .cw-intro.cw-intro-live{
   margin:0 auto 16px!important;
   padding:0 4px 4px!important;
 }
 main.cw-page .cw-grid{padding-top:0!important}
}


/* Compass AI only: exact uploaded original 'ai friend.mp4' (no replacement character).
   Show Friend across the card's image stage; original animated globe remains
   in the DOM and appears only if the official video cannot play. */
main.cw-page .cw-grid > a.cw-card.cw-ai-world .cw-art.cw-globe-art{
  position:relative!important;isolation:isolate;
  background:radial-gradient(ellipse at 50% 48%,#302d6b 0%,#151735 76%,#080a20 100%)!important;
}
main.cw-page .cw-grid > a.cw-card.cw-ai-world .cw-art.cw-globe-art > .cw-ai-friend-card-video{
  display:block!important;
  position:absolute!important;
  inset:0!important;
  width:100%!important;height:100%!important;
  object-fit:cover!important;
  object-position:center center!important;
  border:0!important;padding:0!important;margin:0!important;
  z-index:150!important;
  opacity:0!important;
  transition:opacity .22s ease!important;
  background:transparent!important;
  pointer-events:none!important;
}
main.cw-page .cw-grid > a.cw-card.cw-ai-world.cw-friend-video-ready .cw-art.cw-globe-art > .cw-ai-friend-card-video{
  opacity:1!important;
}
/* Avoid showing the superseded globe briefly before the correct Friend loads.
   Keep it as the original emergency fallback, without removing its markup. */
main.cw-page .cw-grid > a.cw-card.cw-ai-world:not(.cw-friend-video-error) .cw-art.cw-globe-art > .cw-globe-aura,
main.cw-page .cw-grid > a.cw-card.cw-ai-world:not(.cw-friend-video-error) .cw-art.cw-globe-art > .cw-globe-scene{
  visibility:hidden!important;
}
main.cw-page .cw-grid > a.cw-card.cw-ai-world.cw-friend-video-error .cw-art.cw-globe-art > .cw-globe-aura,
main.cw-page .cw-grid > a.cw-card.cw-ai-world.cw-friend-video-error .cw-art.cw-globe-art > .cw-globe-scene{
  visibility:visible!important;
}
@media(prefers-reduced-motion:reduce){
 main.cw-page .cw-grid > a.cw-card.cw-ai-world .cw-art.cw-globe-art > .cw-ai-friend-card-video{
  transition:none!important;
 }
}


/* Explore Our Worlds — visual comfort and six distinct cinematic card reveals.
   Approved card sizes, links (except friend entrance), MP4s, 3D hover transforms,
   glass frames and button functions are otherwise untouched. */
@media(min-width:901px){
 main.cw-page{padding-top:15px!important;}
 main.cw-page .cw-intro.cw-intro-live{
    margin:0 auto 32px!important; padding:0 8px 5px!important;
 }
}
@media(min-width:581px) and (max-width:900px){
 main.cw-page{padding-top:11px!important;}
 main.cw-page .cw-intro.cw-intro-live{
    margin:2px auto 21px!important; padding:0 8px 4px!important;
 }
}
@media(max-width:580px){
 main.cw-page{padding-top:10px!important;}
 main.cw-page .cw-intro.cw-intro-live{
    margin:2px auto 18px!important; padding:0 4px 5px!important;
 }
}
main.cw-page .cw-grid>a.cw-card.cw-world-animated .cw-art{
 isolation:isolate!important;
}
main.cw-page .cw-grid>a.cw-card.cw-world-animated .cw-art>.cw-card-magic{
 --fx-tone:#a3f4ff;--fx-tone2:#c28bff;
 position:absolute!important;inset:0!important;z-index:320!important;
 display:block!important;overflow:hidden!important;pointer-events:none!important;
 opacity:0!important;transform:translateZ(0)!important;
 transition:opacity .18s ease!important;
}
/* Only animate effects while a particular card is hovered, focused, or pressed.
   No extra text, panels, buttons or obscured video content. */
main.cw-page .cw-grid>a.cw-card.cw-world-animated:is(:hover,:focus-visible,.cw-magic-press) .cw-art>.cw-card-magic{
 opacity:1!important;
}
main.cw-page .cw-grid>a.cw-card.cw-world-animated .cw-art>.cw-card-magic::before{
 content:"";position:absolute;left:50%;top:53%;width:95px;height:95px;
 border:2px solid var(--fx-tone);border-radius:50%;
 box-shadow:0 0 6px var(--fx-tone),0 0 25px var(--fx-tone2),inset 0 0 13px var(--fx-tone);
 transform:translate(-50%,-50%) scale(.4);opacity:0;
}
main.cw-page .cw-grid>a.cw-card.cw-world-animated:is(:hover,:focus-visible,.cw-magic-press) .cw-art>.cw-card-magic::before{
 animation:cw-magic-pulse 1.5s ease-out infinite;
}
main.cw-page .cw-grid>a.cw-card.cw-world-animated .cw-art>.cw-card-magic::after{
 content:"";position:absolute;inset:0;
 background:linear-gradient(113deg,transparent 32%,color-mix(in srgb,var(--fx-tone),transparent 78%) 49%,transparent 66%);
 transform:translateX(-120%);opacity:0;
}
main.cw-page .cw-grid>a.cw-card.cw-world-animated:is(:hover,:focus-visible,.cw-magic-press) .cw-art>.cw-card-magic::after{
 animation:cw-magic-sheen 1.8s ease-in-out .16s infinite;
}
main.cw-page .cw-grid .cw-card-magic .cw-magic-dot{
 position:absolute;left:var(--x);top:var(--y);display:block;
 width:var(--diameter,6px);height:var(--diameter,6px);border-radius:50%;
 background:radial-gradient(circle,#fff 5%,var(--fx-tone) 42%,var(--fx-tone2) 88%);
 box-shadow:0 0 7px 2px var(--fx-tone),0 0 16px var(--fx-tone2);
 opacity:0;transform:translate3d(0,20px,0) scale(.35);
}
main.cw-page .cw-grid>a.cw-card.cw-world-animated:is(:hover,:focus-visible,.cw-magic-press) .cw-magic-dot{
 animation:cw-magic-rise var(--period,1.9s) ease-out var(--delay,0s) infinite;
}
main.cw-page .cw-grid .cw-card-magic .cw-magic-glyph{
 position:absolute;left:var(--gx,50%);top:var(--gy,40%);
 color:var(--fx-tone);font:700 26px/1 "Segoe UI Symbol",sans-serif;
 text-shadow:0 0 9px #fff,0 0 15px var(--fx-tone),0 0 26px var(--fx-tone2);
 opacity:0;transform:translateY(12px) rotate(-15deg) scale(.7);
}
main.cw-page .cw-grid>a.cw-card.cw-world-animated:is(:hover,:focus-visible,.cw-magic-press) .cw-magic-glyph{
 animation:cw-magic-glyph-float 2.2s ease-in-out var(--delay,0s) infinite;
}
/* Six separate aesthetics: sound notes, learning crystals, portal,
   ink strokes, starlit constellations, and publishing gold glints. */
main.cw-page .cw-grid .cw-neon-music .cw-card-magic{--fx-tone:#53f6ff;--fx-tone2:#f45adf}
main.cw-page .cw-grid .cw-edu-world .cw-card-magic{--fx-tone:#82e8ff;--fx-tone2:#e1b4ff}
main.cw-page .cw-grid .cw-ai-world .cw-card-magic{--fx-tone:#a9ceff;--fx-tone2:#d399ff}
main.cw-page .cw-grid .cw-write-world .cw-card-magic{--fx-tone:#ffb9e8;--fx-tone2:#ffdb88}
main.cw-page .cw-grid .cw-read-world .cw-card-magic{--fx-tone:#c8adff;--fx-tone2:#73ffff}
main.cw-page .cw-grid .cw-publish-world .cw-card-magic{--fx-tone:#ffdf79;--fx-tone2:#4af8ce}
main.cw-page .cw-grid .cw-neon-music .cw-card-magic::before{border-radius:46%;width:125px;height:70px}
main.cw-page .cw-grid .cw-edu-world .cw-card-magic::before{border-radius:24%;transform:translate(-50%,-50%) rotate(45deg) scale(.4)}
main.cw-page .cw-grid .cw-ai-world .cw-card-magic::before{width:145px;height:145px;border-width:3px}
main.cw-page .cw-grid .cw-write-world .cw-card-magic::before{width:142px;height:64px;border-radius:90%}
main.cw-page .cw-grid .cw-read-world .cw-card-magic::before{width:134px;height:120px;border-style:dotted}
main.cw-page .cw-grid .cw-publish-world .cw-card-magic::before{width:160px;height:92px;border-radius:50%}
@keyframes cw-magic-pulse{
 0%{opacity:0;transform:translate(-50%,-50%) scale(.33)}
 25%{opacity:.8}
 78%,100%{opacity:0;transform:translate(-50%,-50%) scale(1.7)}
}
@keyframes cw-magic-sheen{
 0%,13%{opacity:0;transform:translateX(-115%)}
 38%{opacity:.82}
 75%,100%{opacity:0;transform:translateX(135%)}
}
@keyframes cw-magic-rise{
 0%{opacity:0;transform:translate3d(0,20px,0) scale(.3)}
 25%{opacity:.9}
 80%{opacity:.65}
 100%{opacity:0;transform:translate3d(var(--drift,9px),-75px,0) scale(1.12)}
}
@keyframes cw-magic-glyph-float{
 0%,100%{opacity:0;transform:translate3d(0,12px,0) scale(.75) rotate(-13deg)}
 30%,68%{opacity:.88}
 78%{transform:translate3d(13px,-17px,0) scale(1.04) rotate(13deg)}
}
@media(prefers-reduced-motion:reduce){
 main.cw-page .cw-grid .cw-card-magic,
 main.cw-page .cw-grid .cw-card-magic::before,
 main.cw-page .cw-grid .cw-card-magic::after,
 main.cw-page .cw-grid .cw-magic-dot,
 main.cw-page .cw-grid .cw-magic-glyph{
  animation:none!important;transition:none!important;
 }
 main.cw-page .cw-grid .cw-card-magic{opacity:0!important}
}


/* Nov 1 2026: cinematic navigation neon edge + balanced vertical entrance.
   Scoped to Explore Our Worlds only. Preserve navigation height, all six card
   dimensions, hover bounce, 3-D borders, animations, links and original videos. */
body.compass-worlds-page > #compass-canonical-header{
  isolation:isolate;
  overflow:visible!important;
}
body.compass-worlds-page > #compass-canonical-header::after{
  content:"";
  position:absolute;
  z-index:3;
  bottom:-1px;
  left:0;
  right:0;
  height:4px;
  border-radius:0;
  pointer-events:none;
  background:linear-gradient(90deg,#00f5ec 0%,#41bdff 18%,#ac6cff 37%,#fb5dcd 57%,#ffd17d 73%,#57e4ff 89%,#00f5ec 100%);
  background-size:210% 100%;
  box-shadow:0 0 6px #4feaff,0 0 13px #aa7cff,0 5px 17px #c165f599;
  animation:cw-nav-prism-glow 11s ease-in-out infinite alternate;
}
body.compass-worlds-page > #compass-canonical-header::before{
  content:"";
  position:absolute;
  z-index:0;
  left:0;
  right:0;
  bottom:-6px;
  height:10px;
  pointer-events:none;
  opacity:.45;
  background:linear-gradient(90deg,#26e9fa,#8e7bff,#ed79f7,#ffdb98,#51cafa);
  filter:blur(9px);
}
@keyframes cw-nav-prism-glow{
  0%{background-position:0% 50%}
  100%{background-position:100% 50%}
}
/* At normal desktop heights there is space below the second card row.
   Put it above the cards, not inside or around them. */
@media (min-width:901px){
  main.cw-page{padding-top:34px!important;}
  main.cw-page .cw-intro.cw-intro-live{
    margin:0 auto 48px!important;
    padding:0 8px 5px!important;
  }
}
/* Short laptops cannot always display two full-size rows above the fold:
   preserve the card dimensions and use the available headroom responsibly. */
@media (min-width:901px) and (max-height:830px){
  main.cw-page{padding-top:21px!important;}
  main.cw-page .cw-intro.cw-intro-live{
    margin-bottom:34px!important;
  }
}
@media (min-width:581px) and (max-width:900px){
  main.cw-page{padding-top:23px!important;}
  main.cw-page .cw-intro.cw-intro-live{
    margin:0 auto 29px!important;
    padding:0 8px 4px!important;
  }
}
@media (max-width:580px){
  main.cw-page{padding-top:18px!important;}
  main.cw-page .cw-intro.cw-intro-live{
    margin:0 auto 24px!important;
    padding:0 4px 5px!important;
  }
}
@media (prefers-reduced-motion:reduce){
  body.compass-worlds-page > #compass-canonical-header::after{animation:none!important}
}


/* 2026-11-01: Canonical public navigation is created dynamically as
   #compass-canonical-header. Full-viewport spectrum rail lives on this
   ACTUAL header; the hidden legacy .site-header must not own the effect. */
body.compass-worlds-page > #compass-canonical-header{
  overflow:visible!important;
}
body.compass-worlds-page > #compass-canonical-header::after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  left:0!important;
  right:0!important;
  bottom:-1px!important;
  width:100%!important;
  height:5px!important;
  border-radius:0!important;
  z-index:8!important;
  pointer-events:none!important;
  opacity:1!important;
  background:linear-gradient(90deg,#16f2e9 0%,#27baff 17%,#ad69ff 35%,#f95bd2 53%,#ffd66f 71%,#41ddff 87%,#16f2e9 100%)!important;
  background-size:200% 100%!important;
  box-shadow:0 0 4px 1px #fff9,0 0 12px 2px #59caffb8,0 4px 16px 2px #b86dfbad!important;
  animation:cw-nav-prism-glow 11s ease-in-out infinite alternate!important;
}
body.compass-worlds-page > #compass-canonical-header::before{
  display:block!important;
  content:""!important;
  position:absolute!important;
  left:0!important;
  right:0!important;
  bottom:-5px!important;
  width:100%!important;
  height:9px!important;
  opacity:.65!important;
  pointer-events:none!important;
  z-index:7!important;
  background:linear-gradient(90deg,#00f6ec,#81a4ff,#f867e6,#ffd37e,#00c9fe)!important;
  filter:blur(7px)!important;
}
/* Keep the six approved card dimensions, but let each floating row breathe. */
@media (min-width:901px){
  main.cw-page .cw-grid{row-gap:40px!important}
}
@media (min-width:581px) and (max-width:900px){
  main.cw-page .cw-grid{row-gap:35px!important}
}
@media (max-width:580px){
  main.cw-page .cw-grid{row-gap:29px!important}
}
@media(prefers-reduced-motion:reduce){
 body.compass-worlds-page > #compass-canonical-header::after{animation:none!important}
}


/* 2026-11-01 — Explore Our Worlds: cinematic midnight navigation.
   Actual public navigation is dynamically built with #compass-canonical-header.
   Page-specific; site-wide canonical navigation and all links remain unchanged. */
body.compass-worlds-page > #compass-canonical-header{
  background:linear-gradient(115deg,#040712 0%,#0a0d20 33%,#16102c 65%,#070c1f 100%)!important;
  border-bottom:1px solid rgba(164,155,255,.68)!important;
  box-shadow:0 8px 30px rgba(0,2,15,.56),inset 0 1px 0 rgba(216,227,255,.12)!important;
  color:#f5faff!important;
}
body.compass-worlds-page > #compass-canonical-header .site-brand{
  border-radius:13px!important;
  background:rgba(255,255,255,.96)!important;
  border:1px solid rgba(139,226,255,.6)!important;
  box-shadow:0 0 11px rgba(78,186,255,.27),inset 0 1px 0 #fff!important;
}
body.compass-worlds-page > #compass-canonical-header .site-brand img{
  background:#fff!important;
  border-radius:11px!important;
}
body.compass-worlds-page > #compass-canonical-header .site-nav a{
  color:#f6f9ff!important;
  text-shadow:0 1px 3px rgba(0,0,0,.73)!important;
  text-decoration:none!important;
  text-underline-offset:6px!important;
  border-radius:9px!important;
  transition:color .2s ease,background .2s ease,box-shadow .2s ease!important;
}
body.compass-worlds-page > #compass-canonical-header .site-nav a:hover,
body.compass-worlds-page > #compass-canonical-header .site-nav a.active,
body.compass-worlds-page > #compass-canonical-header .site-nav a:focus-visible{
  color:#a3f7ff!important;
  text-decoration:none!important;
  background:linear-gradient(120deg,rgba(37,205,244,.2),rgba(153,103,255,.23))!important;
  box-shadow:0 0 13px rgba(100,163,255,.34),inset 0 -2px 0 #83e8ff!important;
}
body.compass-worlds-page > #compass-canonical-header .site-nav-actions a{
  color:#fff!important;
  text-shadow:0 1px 2px rgba(0,0,0,.4)!important;
  border-color:rgba(199,222,255,.65)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 3px 12px rgba(0,0,0,.35),0 0 10px rgba(115,127,255,.24)!important;
}
body.compass-worlds-page > #compass-canonical-header .site-nav-actions a:hover,
body.compass-worlds-page > #compass-canonical-header .site-nav-actions a:focus-visible{
  filter:brightness(1.15)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.45),0 5px 17px rgba(0,0,0,.42),0 0 17px rgba(135,154,255,.65)!important;
}
body.compass-worlds-page > #compass-canonical-header .site-menu{
  background:linear-gradient(130deg,#171d40,#43246e)!important;
  color:#fff!important;
  border:1px solid #a6caff!important;
  box-shadow:0 0 11px rgba(119,138,255,.37)!important;
}
@media(max-width:1180px){
 body.compass-worlds-page > #compass-canonical-header .site-nav.open{
   background:linear-gradient(145deg,#0a0d24,#1c1134)!important;
   border:1px solid rgba(148,197,255,.4)!important;
   border-radius:15px!important;
   box-shadow:0 8px 25px rgba(0,0,0,.45)!important;
 }
 body.compass-worlds-page > #compass-canonical-header .site-nav-actions.open{
   background:linear-gradient(145deg,#0a0d24,#1c1134)!important;
   border-radius:15px!important;
 }
}
@media(prefers-reduced-motion:reduce){
 body.compass-worlds-page > #compass-canonical-header .site-nav a{transition:none!important}
}