.story-hero{background:radial-gradient(circle at 7% 13%,#ffdc66 0 82px,transparent 83px),radial-gradient(circle at 95% 82%,#b8efd8 0 170px,transparent 171px),linear-gradient(135deg,#fff8e8 0%,#fff 44%,#edfaff 100%)}
.story-hero .new-hero-copy:before{content:"BIG DREAMS START SMALL";display:inline-block;margin-bottom:14px;color:#8b70d6;font-size:10px;font-weight:900;letter-spacing:2px}
.animated-daycare{min-height:590px;border-radius:44% 56% 38% 62%/42% 39% 61% 58%;background:radial-gradient(circle at 18% 17%,rgba(255,255,255,.8) 0 7%,transparent 7.5%),linear-gradient(145deg,#83d7f1 0 42%,#c2efd9 42% 70%,#ffd76a 70%);border:11px solid #fff;box-shadow:0 32px 80px rgba(37,68,96,.22)}
.animated-daycare:after,.storybook-school,.storybook-sun{display:none}
.walking-family{left:2%;bottom:0;width:96%;height:88%;border:0;border-radius:0;box-shadow:none;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 20px 16px rgba(23,50,77,.16));animation:kidBounce 5s ease-in-out infinite}
.hero-confetti i{position:absolute;z-index:1;width:13px;height:13px;border-radius:4px;background:#ff806e;animation:confettiFloat 4s ease-in-out infinite}.hero-confetti i:nth-child(1){left:8%;top:16%;rotate:25deg}.hero-confetti i:nth-child(2){left:29%;top:7%;background:#ffc94f;animation-delay:-1s}.hero-confetti i:nth-child(3){right:12%;top:13%;border-radius:50%;background:#8b70d6;animation-delay:-2s}.hero-confetti i:nth-child(4){right:6%;top:43%;background:#1aad91;rotate:45deg;animation-delay:-3s}.hero-confetti i:nth-child(5){left:6%;bottom:21%;border-radius:50%;background:#4f8fdf;animation-delay:-1.5s}.hero-confetti i:nth-child(6){right:28%;bottom:8%;background:#ff806e;rotate:20deg;animation-delay:-2.5s}
.hero-word{position:absolute;z-index:2;font:800 20px 'Fredoka';letter-spacing:2px;color:rgba(23,50,77,.2);animation:wordFloat 5s ease-in-out infinite}.word-play{left:8%;top:28%;rotate:-11deg}.word-learn{right:6%;top:28%;rotate:9deg;animation-delay:-1.6s}.word-grow{right:11%;bottom:25%;rotate:-7deg;animation-delay:-3s}.animated-daycare .parent-card{top:7%;left:13%;scale:.9;transform-origin:left top;border-radius:20px;animation:cardPop 4.7s ease-in-out infinite}.animated-daycare .growth-card{right:4%;bottom:7%;scale:.92;transform-origin:right bottom;border-radius:20px;animation:cardPop 5.3s ease-in-out infinite reverse}
.colour-ribbon{position:relative;z-index:4;overflow:hidden;background:#17324d;color:#fff;border-top:7px solid #ffc94f;border-bottom:7px solid #ff806e;transform:rotate(-1deg);margin:-8px -10px 24px;padding:14px 0}.colour-ribbon>div{width:max-content;display:flex;align-items:center;gap:24px;animation:ribbonMove 28s linear infinite}.colour-ribbon span{font:800 14px 'Fredoka';letter-spacing:1.2px}.colour-ribbon i{font-style:normal;color:#ffc94f;font-size:18px}.colour-ribbon i:nth-of-type(2){color:#ff806e}.colour-ribbon i:nth-of-type(3){color:#75c9ee}.colour-ribbon i:nth-of-type(4){color:#8ee5cb}
.visual-growth-story{background:radial-gradient(circle at 8% 9%,#ffe8f0 0 100px,transparent 101px),radial-gradient(circle at 92% 88%,#e8e2ff 0 150px,transparent 151px),#fffdf8}.story-steps{gap:32px}.story-steps:before{width:8px;background:linear-gradient(#4f8fdf 0 20%,#ff806e 20% 40%,#ffc94f 40% 60%,#1aad91 60% 80%,#8b70d6 80%);box-shadow:0 0 0 6px #fff}.story-step{border:0;min-height:300px;overflow:hidden;box-shadow:0 20px 55px rgba(23,50,77,.09)}.story-step:nth-child(1){background:#e9f7ff;border-radius:36px 80px 36px 36px}.story-step:nth-child(2){background:#fff0ea;border-radius:80px 36px 36px 36px}.story-step:nth-child(3){background:#fff5cf;border-radius:36px 36px 80px 36px}.story-step:nth-child(4){background:#e6f8ee;border-radius:36px 80px 36px 80px}.story-step:nth-child(5){background:#f0ebff;border-radius:80px 36px 80px 36px}.story-step>b{border-radius:50%;border-width:8px;background:#fff;color:#17324d}
.story-icon{height:230px;border:8px solid rgba(255,255,255,.85);border-radius:36% 64% 45% 55%;background:#fff;color:#4f8fdf;box-shadow:0 14px 28px rgba(23,50,77,.08);animation:artWiggle 5s ease-in-out infinite}.web-icon{color:#ff806e;animation-delay:-1.2s}.reach-icon{color:#d09a00;animation-delay:-2.4s}.story-picture{height:245px;border:8px solid #fff;border-radius:42% 58% 45% 55%;box-shadow:0 16px 32px rgba(23,50,77,.12);background:transparent}.story-picture>img{object-fit:contain;background:transparent}.thrive-step .story-picture{border-radius:28px;overflow:hidden;background:#fff}.thrive-step .story-picture img{object-fit:cover}.story-step section small{display:inline-flex;padding:7px 10px;border-radius:999px;background:rgba(255,255,255,.78);color:#17324d}.story-step section h3{font-size:clamp(30px,3.2vw,44px)}.story-step section p{color:#50687c;font-size:17px}
.parent-lens{background:linear-gradient(125deg,#17324d,#244d69 52%,#2c6a69)}.site-tile,.new-process-grid article{border-radius:30px}.new-process-grid article:nth-child(1){background:#e9f7ff}.new-process-grid article:nth-child(2){background:#fff0e8}.new-process-grid article:nth-child(3){background:#dff7eb}.new-process-grid article:nth-child(4){background:#eee9ff}
@keyframes kidBounce{0%,100%{transform:translateY(0) rotate(-.3deg)}50%{transform:translateY(-9px) rotate(.5deg)}}@keyframes confettiFloat{50%{transform:translateY(-12px) rotate(20deg) scale(1.15)}}@keyframes wordFloat{50%{transform:translateY(-8px) scale(1.06)}}@keyframes cardPop{50%{transform:translateY(-10px) rotate(1deg)}}@keyframes ribbonMove{to{transform:translateX(-50%)}}@keyframes artWiggle{0%,100%{transform:rotate(-1deg)}50%{transform:translateY(-6px) rotate(1deg)}}
@media(prefers-reduced-motion:reduce){.colour-ribbon>div,.animated-daycare *,.story-steps *{animation:none!important}}
@media(max-width:800px){.animated-daycare{min-height:510px;border-radius:34px}.walking-family{width:98%;height:84%}.colour-ribbon{transform:none}.story-step:nth-child(n){border-radius:28px}.story-picture{border-radius:28px}.story-step section p{font-size:15px}}
@media(max-width:480px){.animated-daycare{min-height:430px;border-width:7px}.hero-word{font-size:13px}.colour-ribbon{padding:11px 0}.story-step:nth-child(n){border-radius:24px}.story-picture,.story-icon{height:195px}.story-step section h3{font-size:27px}}
