.spoinger-marketing,.spoinger-marketing *{box-sizing:border-box}:root{--sky:#7FD1E8;--sky-deep:#4FB8D9;--sun:#FFD35C;--grass:#4ECFA0;--bubble:#FF6F91;--cream:#FFF8EC;--plum:#2E2148;--plum-soft:#5B4C78;--white:#FFFFFF;--radius-lg:32px;--radius-md:20px}*{margin:0;padding:0;box-sizing:border-box}.spoinger-marketing{scroll-behavior:smooth;font-family:Quicksand,Noto Sans SC,sans-serif;background:var(--cream);color:var(--plum);overflow-x:hidden;-webkit-text-size-adjust:100%}.display,h1,h2,h3{font-family:Baloo\ 2,sans-serif;font-weight:700;line-height:1.05}a{text-decoration:none;color:inherit}img,svg{display:block;max-width:100%;height:auto}.wrap{max-width:1180px;margin:0 auto;padding:0 28px}.sky-band{position:relative;background:var(--cream);overflow:hidden;padding-bottom:60px}.sky-cast{position:absolute;inset:0;background-image:url(/landing/hero-cast.jpg);background-size:cover;background-position:center 86%;background-repeat:no-repeat;pointer-events:none;z-index:0}@media (min-width:1600px){.sky-band{min-height:78vh;padding-bottom:80px}.sky-cast{background-position:center 34%}}@media (min-width:2200px){.sky-band{min-height:84vh;padding-bottom:96px}.sky-cast{background-position:center 28%}}.sky-cast:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,248,236,.12) 0,rgba(255,248,236,.04) 55%,rgba(255,248,236,.12) 88%,rgba(255,248,236,.55) 97%,var(--cream) 100%),linear-gradient(90deg,rgba(255,248,236,.28) 0,rgba(255,248,236,.06) 22%,rgba(255,248,236,0) 40%)}.cloud{opacity:.9}.cloud,.star{position:absolute}.star{color:var(--sun);animation:twinkle 2.6s ease-in-out infinite}@keyframes twinkle{0%,to{opacity:.4;transform:scale(.85) rotate(0deg)}50%{opacity:1;transform:scale(1.05) rotate(8deg)}}nav{position:relative;justify-content:space-between;padding:26px 28px 8px;max-width:1180px;margin:0 auto;z-index:5}.logo,nav{display:flex;align-items:center;gap:12px}.logo{font-family:Baloo\ 2,sans-serif;font-size:1.5rem;font-weight:800;letter-spacing:-.02em;color:var(--plum)}nav .logo{font-size:2.15rem;text-shadow:0 1px 0 rgba(255,255,255,.75)}.logo .logo-mark{width:42px;height:58px;flex-shrink:0}nav .logo .logo-mark{width:52px;height:72px}.logo .dot{color:var(--bubble)}.navlinks{display:flex;gap:34px;font-weight:700;color:var(--plum)}.navlinks a{opacity:.85;transition:opacity .2s}.navlinks a:hover{opacity:1;-webkit-text-decoration:underline wavy var(--bubble) 2px;text-decoration:underline wavy var(--bubble) 2px}.nav-cta{background:var(--bubble);color:var(--white);padding:12px 22px;border-radius:999px;font-weight:700;box-shadow:0 6px 0 #c94764;transition:transform .15s}.nav-cta:hover{transform:translateY(-2px)}@media (max-width:760px){nav{padding:16px 16px 4px;flex-wrap:wrap}.navlinks{display:none}.nav-cta{padding:10px 16px;font-size:.92rem;white-space:nowrap}nav .logo{font-size:1.85rem}nav .logo .logo-mark{width:44px;height:62px}}.hero{position:relative;display:grid;grid-template-columns:1.1fr 1fr;gap:20px;padding:40px 28px 0;max-width:1180px;margin:0 auto;z-index:4}.eyebrow,.hero{align-items:center}.eyebrow{display:inline-flex;gap:8px;background:linear-gradient(90deg,#FFD35C,#FFE28A 45%,#FF8FB3);color:var(--plum);font-family:Baloo\ 2,sans-serif;font-weight:800;padding:10px 18px 10px 14px;border-radius:999px;font-size:1rem;letter-spacing:.01em;margin-bottom:18px;box-shadow:0 5px 0 #e0a63a,0 10px 18px rgba(46,33,72,.12);transform:rotate(-1.5deg);animation:eyebrow-bounce 2.8s ease-in-out infinite}.eyebrow:before{content:"✦";color:#FF6F91;font-size:1.05rem}@keyframes eyebrow-bounce{0%,to{transform:rotate(-1.5deg) translateY(0)}50%{transform:rotate(-1.5deg) translateY(-4px)}}.hero h1{font-size:clamp(2.4rem,5vw,3.7rem);color:var(--plum);text-shadow:0 2px 0 rgba(255,255,255,.7),0 8px 18px rgba(255,248,236,.55)}.hero h1 .accent{color:#d9486a}.hero p.lede{margin-top:18px;font-family:Poppins,sans-serif;font-size:1.12rem;color:var(--plum);max-width:480px;font-weight:600;line-height:1.55;opacity:.97;text-shadow:0 1px 0 rgba(255,255,255,.65)}.hero p.lede a,.hero p.lede a.lede-zh{display:inline-block;color:#fff;background:#C2185B;font-weight:800;text-decoration:none;padding:1px 10px 3px;border-radius:999px;box-shadow:0 3px 0 #8e1042;line-height:1.35}.hero p.lede a.lede-zh:hover,.hero p.lede a:hover{color:#fff;filter:brightness(1.08);transform:translateY(-1px)}.hero-ctas{margin-top:30px;display:flex;gap:16px;flex-wrap:wrap}.btn-primary{background:var(--sun);color:var(--plum);padding:16px 30px;border-radius:999px;font-weight:800;font-size:1.05rem;box-shadow:0 7px 0 #d9a53d;transition:transform .15s,box-shadow .15s}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 10px 0 #d9a53d}.btn-secondary{background:var(--bubble);border:0;color:var(--white);padding:16px 30px;border-radius:999px;font-weight:800;font-size:1.05rem;box-shadow:0 7px 0 #c94764;transition:transform .15s,box-shadow .15s}.btn-secondary:hover{transform:translateY(-3px);box-shadow:0 10px 0 #c94764}.stage{position:relative;height:360px}.tile-row{position:absolute;bottom:30px;left:0;right:0;gap:10px}.tile,.tile-row{display:flex;justify-content:center}.tile{width:52px;height:52px;background:var(--white);border-radius:12px;align-items:center;font-family:Baloo\ 2,sans-serif;font-weight:800;font-size:1.6rem;color:var(--plum-soft);box-shadow:0 6px 0 rgba(46,33,72,.18);animation:settle .5s ease-out backwards}.tile:first-child{animation-delay:.1s;background:#FFE1E7;color:var(--bubble)}.tile:nth-child(2){animation-delay:.2s;background:#FFF3D2;color:#C98A1A}.tile:nth-child(3){animation-delay:.3s;background:#DFF7EE;color:#1E9E77}.tile:nth-child(4){animation-delay:.4s;background:#E4F3FB;color:#2F8EB0}.tile:nth-child(5){animation-delay:.5s;background:#FFE1E7;color:var(--bubble)}.tile:nth-child(6){animation-delay:.6s;background:#FFF3D2;color:#C98A1A}.tile:nth-child(7){animation-delay:.7s;background:#DFF7EE;color:#1E9E77}.tile:nth-child(8){animation-delay:.8s;background:#E4F3FB;color:#2F8EB0}@keyframes settle{0%{opacity:0;transform:translateY(-14px) scale(.8)}to{opacity:1;transform:translateY(0) scale(1)}}.spoinger-hero{position:absolute;width:105px;left:50%;bottom:64px;transform:translateX(-50%);animation:hopSpell 8s cubic-bezier(.36,.07,.19,.97) infinite;transform-origin:bottom center}@keyframes hopSpell{0%{transform:translateX(calc(-50% - 217px)) translateY(0) scaleY(1)}6.25%{transform:translateX(calc(-50% - 186px)) translateY(-70px) scaleY(1.03)}12.5%{transform:translateX(calc(-50% - 155px)) translateY(0) scaleY(.85)}18.75%{transform:translateX(calc(-50% - 124px)) translateY(-70px) scaleY(1.03)}25%{transform:translateX(calc(-50% - 93px)) translateY(0) scaleY(.85)}31.25%{transform:translateX(calc(-50% - 62px)) translateY(-70px) scaleY(1.03)}37.5%{transform:translateX(calc(-50% - 31px)) translateY(0) scaleY(.85)}43.75%{transform:translateX(calc(-50% + 0px)) translateY(-70px) scaleY(1.03)}50%{transform:translateX(calc(-50% + 31px)) translateY(0) scaleY(.85)}56.25%{transform:translateX(calc(-50% + 62px)) translateY(-70px) scaleY(1.03)}62.5%{transform:translateX(calc(-50% + 93px)) translateY(0) scaleY(.85)}68.75%{transform:translateX(calc(-50% + 124px)) translateY(-70px) scaleY(1.03)}75%{transform:translateX(calc(-50% + 155px)) translateY(0) scaleY(.85)}81.25%{transform:translateX(calc(-50% + 186px)) translateY(-70px) scaleY(1.03)}87.5%{transform:translateX(calc(-50% + 217px)) translateY(0) scaleY(.85)}93.75%{transform:translateX(calc(-50% + 0px)) translateY(-95px) scaleY(1.06)}to{transform:translateX(calc(-50% - 217px)) translateY(0) scaleY(1)}}.section{padding:90px 28px}.section-head{text-align:center;max-width:640px;margin:0 auto 56px}.section-head .eyebrow-plain{color:var(--bubble);font-weight:800;letter-spacing:.08em;font-size:.85rem;text-transform:uppercase}.section-head h2{font-size:clamp(1.9rem,3.5vw,2.6rem);margin-top:10px;color:var(--plum)}.section-head p{margin-top:14px;color:var(--plum-soft);font-weight:600;font-size:1.05rem}.cast{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;max-width:1180px;margin:0 auto}@media (max-width:980px){.cast{grid-template-columns:repeat(2,1fr)}}@media (max-width:560px){.cast{grid-template-columns:1fr}}.card{background:var(--white);border-radius:var(--radius-lg);padding:26px 22px 22px;text-align:center;box-shadow:0 10px 24px rgba(46,33,72,.08);transition:transform .25s,box-shadow .25s;position:relative;display:flex;flex-direction:column;align-items:center;color:inherit;text-decoration:none;cursor:pointer;min-height:100%}.card:hover{transform:translateY(-8px);box-shadow:0 18px 30px rgba(46,33,72,.14)}.card .art{width:150px}.card .art,.card .art-photo{height:150px;margin:0 auto 14px}.card .art-photo{width:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center 30%;object-position:center 30%;border-radius:18px;display:block;box-shadow:0 6px 16px rgba(46,33,72,.1)}.card h3{font-size:1.45rem;color:var(--plum)}.card .role{margin-top:6px;font-size:.8rem;letter-spacing:.05em;text-transform:uppercase;color:var(--plum-soft)}.card .role,.card .subject{display:inline-block;font-weight:800}.card .subject{margin-top:auto;padding:10px 16px;border-radius:999px;font-family:Baloo\ 2,sans-serif;font-size:1.15rem;letter-spacing:.02em;line-height:1.15;color:var(--white);box-shadow:0 4px 0 rgba(46,33,72,.18)}.card .subject.chinese{background:#0d7377;box-shadow:0 4px 0 #095456}.card .subject.english{background:#c45c5c;box-shadow:0 4px 0 #8f3d3d}.card .subject.science{background:#2f6fed;box-shadow:0 4px 0 #1f4fb3}.card .subject.parents{background:#7a4fb8;box-shadow:0 4px 0 #563287}.card p{margin-top:12px;margin-bottom:18px;font-size:.95rem;color:var(--plum-soft);font-weight:600;line-height:1.5}.card p.card-blurb{display:flex;flex-direction:column;gap:2px;white-space:normal}.card .blurb-zh{display:block;white-space:nowrap;font-family:Noto Sans SC,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;font-weight:800;color:var(--plum);font-size:1.02rem}.card .blurb-en{display:block;color:var(--plum-soft)}.card p[lang=zh-Hans]{font-family:Noto Sans SC,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif}.howband{background:linear-gradient(180deg,#FFF3D2 0,var(--cream) 100%)}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;max-width:1000px;margin:0 auto}@media (max-width:820px){.steps{grid-template-columns:1fr}}.step{background:var(--white);border-radius:var(--radius-md);padding:28px 24px;box-shadow:0 8px 18px rgba(46,33,72,.06)}.step .num{width:40px;height:40px;border-radius:50%;background:var(--grass);color:var(--white);display:flex;align-items:center;justify-content:center;font-family:Baloo\ 2,sans-serif;font-weight:800;margin-bottom:14px}.step h3{font-size:1.1rem;color:var(--plum)}.step p{margin-top:8px;font-size:.92rem;color:var(--plum-soft);font-weight:600;line-height:1.5}.ownersband{background:var(--plum);color:var(--white);border-radius:48px;max-width:1180px;margin:0 auto;padding:56px 40px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:30px}@media (max-width:820px){.ownersband{grid-template-columns:1fr;text-align:center;padding:44px 26px}}.ownersband h2{color:var(--white);font-size:clamp(1.7rem,3vw,2.2rem)}.ownersband p{margin-top:14px;color:#D9D2EA;font-weight:600;line-height:1.6}.owl-art{width:100%;max-width:400px;margin:0 auto;display:block;border-radius:22px;box-shadow:0 8px 20px rgba(46,33,72,.12)}.ownersband .btn-primary{margin-top:24px}footer{padding:60px 28px 40px;text-align:center}footer .logo{justify-content:center;margin-bottom:10px}footer p{color:var(--plum-soft);font-weight:600;font-size:.9rem}@media (max-width:760px){.sky-band{padding-bottom:28px}.sky-cast{background-image:url(/landing/hero-cast-mobile.jpg);background-size:cover;background-position:center 18%}.sky-cast:after{background:linear-gradient(180deg,rgba(255,248,236,.22) 0,rgba(255,248,236,.06) 28%,rgba(255,248,236,.04) 72%,rgba(255,248,236,.45) 94%,var(--cream) 100%)}.hero{grid-template-columns:1fr;padding:20px 16px 8px;gap:8px;text-align:left}.eyebrow{font-size:.88rem;padding:8px 14px 8px 12px;max-width:100%;line-height:1.25;transform:rotate(-1deg)}.hero h1{font-size:clamp(2.1rem,11vw,2.8rem)}.hero p.lede{font-size:1rem;max-width:none;margin-top:14px}.hero-ctas{margin-top:20px;gap:10px}.btn-primary,.btn-secondary{width:100%;text-align:center;padding:14px 18px}.stage{height:250px;margin-top:8px}.spoinger-hero{width:76px;bottom:52px}.tile{width:34px;height:34px;font-size:1.05rem;border-radius:9px;box-shadow:0 4px 0 rgba(46,33,72,.16)}.tile-row{gap:5px;bottom:18px}@keyframes hopSpell{0%{transform:translateX(calc(-50% - 136px)) translateY(0) scaleY(1)}6.25%{transform:translateX(calc(-50% - 117px)) translateY(-42px) scaleY(1.03)}12.5%{transform:translateX(calc(-50% - 97px)) translateY(0) scaleY(.85)}18.75%{transform:translateX(calc(-50% - 78px)) translateY(-42px) scaleY(1.03)}25%{transform:translateX(calc(-50% - 58px)) translateY(0) scaleY(.85)}31.25%{transform:translateX(calc(-50% - 39px)) translateY(-42px) scaleY(1.03)}37.5%{transform:translateX(calc(-50% - 19px)) translateY(0) scaleY(.85)}43.75%{transform:translateX(calc(-50% + 0px)) translateY(-42px) scaleY(1.03)}50%{transform:translateX(calc(-50% + 19px)) translateY(0) scaleY(.85)}56.25%{transform:translateX(calc(-50% + 39px)) translateY(-42px) scaleY(1.03)}62.5%{transform:translateX(calc(-50% + 58px)) translateY(0) scaleY(.85)}68.75%{transform:translateX(calc(-50% + 78px)) translateY(-42px) scaleY(1.03)}75%{transform:translateX(calc(-50% + 97px)) translateY(0) scaleY(.85)}81.25%{transform:translateX(calc(-50% + 117px)) translateY(-42px) scaleY(1.03)}87.5%{transform:translateX(calc(-50% + 136px)) translateY(0) scaleY(.85)}93.75%{transform:translateX(calc(-50% + 0px)) translateY(-58px) scaleY(1.06)}to{transform:translateX(calc(-50% - 136px)) translateY(0) scaleY(1)}}.section{padding:56px 16px}.section-head{margin:0 auto 28px}.cast{grid-template-columns:1fr;gap:16px}.card{padding:20px 16px 18px}.card .blurb-zh{font-size:.95rem;white-space:nowrap}.card .art-photo{height:210px;-o-object-position:center 20%;object-position:center 20%}.card .subject{width:100%;text-align:center;font-size:1.05rem}.ownersband{border-radius:28px;padding:28px 18px}footer{padding:40px 16px 28px}}@media (max-width:380px){.tile{width:30px;height:30px;font-size:.95rem}.tile-row{gap:4px}@keyframes hopSpell{0%{transform:translateX(calc(-50% - 119px)) translateY(0) scaleY(1)}6.25%{transform:translateX(calc(-50% - 102px)) translateY(-36px) scaleY(1.03)}12.5%{transform:translateX(calc(-50% - 85px)) translateY(0) scaleY(.85)}18.75%{transform:translateX(calc(-50% - 68px)) translateY(-36px) scaleY(1.03)}25%{transform:translateX(calc(-50% - 51px)) translateY(0) scaleY(.85)}31.25%{transform:translateX(calc(-50% - 34px)) translateY(-36px) scaleY(1.03)}37.5%{transform:translateX(calc(-50% - 17px)) translateY(0) scaleY(.85)}43.75%{transform:translateX(calc(-50% + 0px)) translateY(-36px) scaleY(1.03)}50%{transform:translateX(calc(-50% + 17px)) translateY(0) scaleY(.85)}56.25%{transform:translateX(calc(-50% + 34px)) translateY(-36px) scaleY(1.03)}62.5%{transform:translateX(calc(-50% + 51px)) translateY(0) scaleY(.85)}68.75%{transform:translateX(calc(-50% + 68px)) translateY(-36px) scaleY(1.03)}75%{transform:translateX(calc(-50% + 85px)) translateY(0) scaleY(.85)}81.25%{transform:translateX(calc(-50% + 102px)) translateY(-36px) scaleY(1.03)}87.5%{transform:translateX(calc(-50% + 119px)) translateY(0) scaleY(.85)}93.75%{transform:translateX(calc(-50% + 0px)) translateY(-50px) scaleY(1.06)}to{transform:translateX(calc(-50% - 119px)) translateY(0) scaleY(1)}}}