:root{--berry:#a0073d;--berry2:#c9145d;--blue:#0060a9;--sky:#dff5ff;--yellow:#ffd72e;--mint:#a8eedb;--ink:#4a1730}
*{box-sizing:border-box}
html,body{margin:0;background:transparent;font-family:"Arial Rounded MT Bold","Trebuchet MS",Arial,sans-serif}
button{font:inherit}
.ad{position:relative;width:300px;height:600px;overflow:hidden;color:var(--ink);background:linear-gradient(155deg,#fffdf5 0%,#fff4c7 50%,#ffe49b 100%);isolation:isolate;cursor:default}
.pattern{position:absolute;inset:0;opacity:.27;background-image:linear-gradient(45deg,rgba(255,255,255,.9) 25%,transparent 25%),linear-gradient(-45deg,rgba(255,255,255,.9) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,rgba(255,255,255,.9) 75%),linear-gradient(-45deg,transparent 75%,rgba(255,255,255,.9) 75%);background-size:26px 26px;background-position:0 0,0 13px,13px -13px,-13px 0;transition:.5s}
.orb{position:absolute;border-radius:50%;filter:blur(1px);opacity:.38;transition:.6s}.orb-a{width:170px;height:170px;background:#fff;right:-75px;top:105px}.orb-b{width:135px;height:135px;background:var(--yellow);left:-60px;top:280px}
.brandbar{position:absolute;z-index:5;left:20px;right:18px;top:16px;height:54px;display:flex;align-items:center;justify-content:space-between}.logo{width:105px;height:auto;display:block;filter:drop-shadow(0 2px 1px rgba(72,0,25,.12))}.format{color:#fff;background:var(--berry);border-radius:20px;padding:7px 10px 6px;font-size:10px;letter-spacing:.8px;box-shadow:0 5px 12px rgba(160,7,61,.18)}
.copy{position:absolute;z-index:3;left:22px;right:20px;top:83px}.eyebrow{display:inline-block;margin:0 0 8px;padding:5px 9px;border:2px solid var(--blue);border-radius:6px;color:var(--blue);font-size:10px;letter-spacing:1.5px;transform:rotate(-1deg)}h1{margin:0;font-size:34px;line-height:.92;letter-spacing:-1.5px;color:var(--berry)}h1 span{color:var(--blue)}.desc{width:238px;margin:10px 0 0;font-family:Arial,sans-serif;font-weight:700;font-size:12px;line-height:1.35;color:#64223e}
.scene{position:absolute;z-index:2;left:0;right:0;top:231px;height:205px}.product{position:absolute;z-index:3;width:276px;left:12px;top:28px;filter:drop-shadow(0 13px 10px rgba(86,24,50,.19));transform-origin:50% 78%;animation:product-in .9s cubic-bezier(.18,.84,.27,1.08) both,product-breathe 4.6s 1.1s ease-in-out infinite}.softness-wave{position:absolute;z-index:4;left:119px;top:29px;width:64px;height:38px;border:2px solid rgba(255,255,255,.76);border-left-color:transparent;border-right-color:transparent;border-bottom-color:transparent;border-radius:50%;opacity:0;pointer-events:none}.wave-a{animation:soft-wave 2.8s 1.05s ease-out infinite}.wave-b{animation:soft-wave 2.8s 1.65s ease-out infinite}.benefit{position:absolute;z-index:5;right:17px;bottom:2px;color:#fff;background:var(--blue);border:3px solid #fff;border-radius:20px;padding:7px 11px;font-size:10px;box-shadow:0 5px 12px rgba(0,70,120,.22);transform:rotate(-2deg)}
.school-icons .icon,.winter-icons>*{position:absolute}.icon{z-index:1;font-weight:900;color:var(--blue);opacity:.7}.pencil{left:17px;top:26px;font-size:30px;transform:rotate(-28deg)}.star{right:28px;top:6px;font-size:25px;color:var(--berry2)}.book{right:7px;top:75px;font-size:30px;transform:rotate(8deg)}.winter-icons{display:none}.snow{color:#fff;font-style:normal;text-shadow:0 2px 6px #67aab7}.s1{left:22px;top:18px;font-size:27px}.s2{right:25px;top:2px;font-size:19px}.s3{right:9px;top:77px;font-size:25px}.mint-leaf{width:31px;height:16px;background:#42b987;border-radius:100% 0 100% 0;box-shadow:inset -4px -3px 0 rgba(0,100,70,.15)}.leaf-a{left:16px;top:85px;transform:rotate(-26deg)}.leaf-b{right:15px;top:42px;transform:rotate(32deg)}
.chooser{position:absolute;z-index:8;left:18px;right:18px;bottom:73px}.chooser>p{text-align:center;margin:0 0 7px;font-size:9px;letter-spacing:1.5px;color:var(--berry)}.tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px}.tab{height:48px;border:2px solid rgba(160,7,61,.18);border-radius:14px;background:rgba(255,255,255,.65);color:var(--berry);display:flex;align-items:center;justify-content:center;gap:7px;cursor:pointer;transition:.22s;box-shadow:0 4px 12px rgba(100,25,55,.06)}.tab b{font-size:18px}.tab span{font-size:11px;font-weight:900}.tab.active{background:var(--berry);border-color:var(--berry);color:#fff;transform:translateY(-2px);box-shadow:0 8px 16px rgba(160,7,61,.23)}
.cta{position:absolute;z-index:9;left:18px;right:18px;bottom:15px;height:46px;border:0;border-radius:23px;background:var(--blue);color:#fff;display:flex;align-items:center;justify-content:center;gap:12px;font-size:12px;font-weight:900;cursor:pointer;box-shadow:0 8px 18px rgba(0,72,135,.25);transition:.2s}.cta:hover{transform:translateY(-2px)}.cta b{font-size:20px;line-height:0}.replay{position:absolute;z-index:9;right:9px;top:77px;border:0;background:transparent;color:var(--berry);font-size:18px;cursor:pointer;opacity:.65}
.ad.winter{background:linear-gradient(155deg,#f8ffff 0%,#dff9f1 54%,#9de4d4 100%)}.ad.winter .pattern{opacity:.16}.ad.winter .orb-b{background:#54cdb1}.ad.winter h1{color:#087c72}.ad.winter h1 span{color:var(--berry)}.ad.winter .eyebrow{color:#087c72;border-color:#087c72}.ad.winter .school-icons{display:none}.ad.winter .winter-icons{display:block}.ad.winter .benefit,.ad.winter .cta{background:#087c72}.ad.winter .tab.active{background:#087c72;border-color:#087c72;box-shadow:0 8px 16px rgba(8,124,114,.22)}
.pulse{animation:scene-pulse .55s ease}.cta.clicked{animation:cta-click .4s ease}
@keyframes product-in{0%{opacity:0;transform:translateY(28px) scale(.92)}72%{opacity:1;transform:translateY(-2px) scale(1.01)}100%{opacity:1;transform:none}}
@keyframes product-breathe{0%,100%{transform:translateY(0)}50%{transform:translateY(-2px)}}
@keyframes soft-wave{0%{opacity:0;transform:translateY(8px) scale(.55)}24%{opacity:.72}70%,100%{opacity:0;transform:translateY(-13px) scale(1.25)}}
@keyframes scene-pulse{50%{transform:scale(.975)}}@keyframes cta-click{50%{transform:scale(.96)}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}