:root{--ink:#25154b;--purple:#7c3cff;--pink:#ff3d8d;--yellow:#ffd83d;--cyan:#35d7e8;--green:#66df7d;--paper:#fff9ef;--shadow:0 14px 0 rgba(37,21,75,.14);--radius:28px}
    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{margin:0;color:var(--ink);background:var(--paper);font-family:"Trebuchet MS","Arial Rounded MT Bold",Arial,sans-serif;overflow-x:hidden}
    button,a{font:inherit}
    button{color:inherit}
    a{color:inherit;text-decoration:none}
    .skip{position:absolute;left:-9999px;top:8px;background:#fff;padding:12px 18px;border-radius:12px;z-index:20}.skip:focus{left:8px}
    .sprinkles{position:fixed;inset:0;pointer-events:none;z-index:-1;opacity:.32;background-image:radial-gradient(circle at 7% 12%,var(--pink) 0 5px,transparent 6px),radial-gradient(circle at 89% 18%,var(--cyan) 0 7px,transparent 8px),radial-gradient(circle at 15% 81%,var(--yellow) 0 6px,transparent 7px),radial-gradient(circle at 93% 76%,var(--green) 0 5px,transparent 6px);background-size:170px 170px,240px 240px,210px 210px,190px 190px}
    .wrap{width:min(1180px,calc(100% - 36px));margin:auto}
    header{padding:18px 0;position:relative;z-index:10}
    nav{display:flex;align-items:center;justify-content:space-between;gap:24px;background:#fff;border:4px solid var(--ink);border-radius:999px;padding:10px 12px 10px 20px;box-shadow:0 8px 0 rgba(37,21,75,.12)}
    .logo{display:flex;align-items:center;font-size:clamp(1.35rem,3vw,2rem);font-weight:1000;letter-spacing:-2px;white-space:nowrap}.logo-badge{display:grid;place-items:center;width:43px;height:43px;margin-right:9px;border-radius:14px;background:var(--pink);transform:rotate(-7deg);box-shadow:inset 0 -6px 0 rgba(0,0,0,.11)}.logo-badge:after{content:"▶";color:white;font-size:20px;transform:rotate(7deg) translateX(1px)}.logo span{color:var(--pink)}
    .links{display:flex;gap:22px;align-items:center;font-weight:900}.links a:hover{color:var(--purple)}
    .nav-cta,.primary{border:3px solid var(--ink);background:var(--yellow);padding:12px 20px;border-radius:999px;font-weight:1000;box-shadow:0 5px 0 var(--ink);cursor:pointer;transition:.18s transform,.18s box-shadow}.nav-cta:hover,.primary:hover{transform:translateY(-2px);box-shadow:0 7px 0 var(--ink)}.nav-cta:active,.primary:active{transform:translateY(4px);box-shadow:0 1px 0 var(--ink)}
    .hero{padding:56px 0 70px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:56px;min-height:650px}
    .eyebrow{display:inline-flex;align-items:center;gap:8px;background:#fff;border:3px solid var(--ink);border-radius:999px;padding:8px 14px;font-weight:1000;transform:rotate(-2deg);box-shadow:0 5px 0 rgba(37,21,75,.14)}
    h1{font-size:clamp(4rem,9vw,7.6rem);line-height:.82;letter-spacing:-.075em;margin:26px 0 28px;font-weight:1000}.h-pink{color:var(--pink);text-shadow:5px 6px 0 var(--ink)}.h-purple{color:var(--purple);text-shadow:5px 6px 0 var(--ink)}
    .lead{font-size:clamp(1.1rem,2vw,1.35rem);line-height:1.55;max-width:610px;font-weight:700;margin:0 0 30px}.hero-actions{display:flex;gap:14px;flex-wrap:wrap}.secondary{border:3px solid var(--ink);background:#fff;padding:12px 20px;border-radius:999px;font-weight:1000;cursor:pointer}.secondary:hover{background:var(--cyan)}
    .stage{position:relative;min-height:510px;display:grid;place-items:center}.stage:before{content:"";position:absolute;width:94%;aspect-ratio:1;border-radius:46% 54% 58% 42%/48% 44% 56% 52%;background:var(--cyan);border:5px solid var(--ink);box-shadow:var(--shadow);animation:wobble 8s ease-in-out infinite}
    
    
    
    .section{padding:90px 0}.section-title{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:34px}.section-title h2{font-size:clamp(2.7rem,6vw,5rem);line-height:.95;letter-spacing:-.055em;margin:0}.section-title p{max-width:460px;font-size:1.08rem;line-height:1.5;font-weight:700;margin:0}
    .filters{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:28px}.filter{border:3px solid var(--ink);border-radius:999px;padding:9px 16px;background:#fff;font-weight:1000;cursor:pointer;box-shadow:0 4px 0 rgba(37,21,75,.16)}.filter.active,.filter:hover{background:var(--yellow);transform:translateY(-2px)}
    .grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.card{background:#fff;border:4px solid var(--ink);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);transition:.22s transform,.22s box-shadow}.card:hover{transform:translateY(-8px) rotate(-.5deg);box-shadow:0 20px 0 rgba(37,21,75,.12)}.card[hidden]{display:none}.thumb{position:relative;aspect-ratio:16/10;display:grid;place-items:center;overflow:hidden;border-bottom:4px solid var(--ink)}.thumb.sun{background:linear-gradient(135deg,#ffd83d,#ff8b4b)}.thumb.sea{background:linear-gradient(135deg,#35d7e8,#6387ff)}.thumb.magic{background:linear-gradient(135deg,#b577ff,#ff5bba)}.thumb.forest{background:linear-gradient(135deg,#7fe98a,#35d7b3)}.thumb.party{background:linear-gradient(135deg,#ff6d9c,#ffcc48)}.thumb.space{background:linear-gradient(135deg,#29215b,#7c3cff)}.card:hover .play{position:absolute;right:14px;bottom:14px;width:56px;height:56px;border:3px solid var(--ink);border-radius:50%;background:white;display:grid;place-items:center;font-size:1.25rem;box-shadow:0 4px 0 var(--ink)}.duration{position:absolute;left:14px;bottom:14px;background:var(--ink);color:#fff;border-radius:999px;padding:5px 9px;font-size:.82rem;font-weight:1000}.card-body{padding:18px 20px 21px}.tag{font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;font-weight:1000;color:var(--purple)}.card h3{font-size:1.35rem;line-height:1.15;margin:7px 0 7px}.card p{margin:0;line-height:1.45;font-weight:700;color:#625578}
    .lab-shell{background:var(--purple);color:#fff;border-top:5px solid var(--ink);border-bottom:5px solid var(--ink);position:relative;overflow:hidden}.lab{display:grid;grid-template-columns:.9fr 1.1fr;gap:50px;align-items:center}.lab h2{font-size:clamp(3rem,6vw,5.7rem);line-height:.88;letter-spacing:-.06em;margin:0 0 24px}.lab p{font-size:1.15rem;line-height:1.55;font-weight:700}
    
    .facts{display:flex;gap:12px;flex-wrap:wrap}.fact{border:3px solid var(--ink);border-radius:18px;background:#fff;padding:12px 15px;font-weight:1000;box-shadow:0 5px 0 rgba(37,21,75,.13)}
    
    footer{background:var(--ink);color:white;padding:42px 0}.foot{display:flex;align-items:center;justify-content:space-between;gap:30px}.foot .logo{color:white}.foot p{margin:0;color:#dcd2f0;font-weight:700}.tiny{font-size:.8rem;margin-top:7px!important}
    .close{width:46px;height:46px;flex:0 0 auto;border:3px solid var(--ink);border-radius:50%;background:var(--yellow);font-size:1.4rem;font-weight:1000;cursor:pointer}
    
    @keyframes float{50%{transform:translateY(-13px) rotate(-1deg)}}@keyframes wobble{50%{border-radius:58% 42% 43% 57%/41% 58% 42% 59%;transform:rotate(-3deg)}}@keyframes pop{from{transform:scale(.7) rotate(-4deg);opacity:0}}
    @media(max-width:880px){.grid{grid-template-columns:repeat(2,1fr)}.foot{align-items:flex-start;flex-direction:column}}
    @media(max-width:580px){.wrap{width:min(100% - 24px,1180px)}.grid{grid-template-columns:1fr}.logo-badge{width:37px;height:37px}}
    @media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important;transition:none!important}}