@import "https://fonts.googleapis.com/css2?family=Fredoka:wght@400;500;600&family=Nunito:wght@400;600;700;800&display=swap";
:root{--cream:#fbf4e6;--cream-light:#fffaf1;--paper:#fffdf8;--bark:#574838;--bark-soft:#7a6650;--sage:#a7bca1;--sage-deep:#71866a;--mint:#bfd9ce;--sky:#dceaf6;--blush:#f7c6c1;--peach:#ffd9b3;--butter:#ffe8a6;--sand:#e6dcc9;--fox:#e8975c;--shadow:0 18px 50px #78624224;--display:"Fredoka", "Arial Rounded MT Bold", sans-serif;--body:"Nunito", system-ui, sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--cream);color:var(--bark);font-family:var(--body);margin:0}button,a{-webkit-tap-highlight-color:transparent}img{max-width:100%;display:block}a{color:inherit}.site-header{z-index:50;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fbf4e6e6;border-bottom:1px solid #d8c7acb3;align-items:center;gap:34px;height:82px;padding:12px clamp(22px,4vw,64px);display:flex;position:sticky;top:0}.brand{width:190px;margin-right:auto}.brand img{object-fit:contain;object-position:left center;width:100%;max-height:60px}nav{gap:30px;display:flex}nav a{color:var(--bark-soft);font-size:14px;font-weight:700;text-decoration:none;position:relative}nav a:after{content:"";background:var(--sage-deep);height:2px;transition:all .25s;position:absolute;bottom:-8px;left:50%;right:50%}nav a:hover:after,nav a:focus-visible:after{left:0;right:0}.header-cta{background:var(--paper);border:1.5px solid var(--sand);color:var(--sage-deep);border-radius:999px;padding:12px 20px;font-size:14px;font-weight:800;text-decoration:none;box-shadow:0 3px 12px #78624214}.header-cta span{color:#e89b93}.hero{background:radial-gradient(circle at 75% 21%,#fffc,#0000 26%),linear-gradient(#fffaf2 0%,#fbf4e6 72%);grid-template-columns:1.02fr .98fr;min-height:calc(100vh - 82px);display:grid;position:relative;overflow:hidden}.hero-copy{z-index:4;padding:clamp(80px,11vh,132px) 5vw 90px max(5vw,50vw - 660px)}.eyebrow,.kicker{color:var(--sage-deep);text-transform:uppercase;letter-spacing:.22em;margin:0 0 18px;font-size:12px;font-weight:800}.eyebrow span{color:#9aaa74;vertical-align:-2px;font-size:19px}h1,h2,h3{font-family:var(--display);margin-top:0;font-weight:500}h1{letter-spacing:-.045em;max-width:720px;margin-bottom:30px;font-size:clamp(62px,7.2vw,108px);line-height:.91}h1 em{color:var(--sage-deep);font-style:normal;position:relative}h1 em:after{content:"";background:var(--butter);z-index:-1;opacity:.8;border-radius:50%;height:9px;position:absolute;bottom:5px;left:-4px;right:-8px}.hero-lead{max-width:570px;color:var(--bark-soft);font-size:clamp(18px,1.6vw,22px);line-height:1.7}.hero-actions{flex-wrap:wrap;align-items:center;gap:26px;margin:35px 0 30px;display:flex}.button{border-radius:999px;align-items:center;gap:13px;padding:16px 25px;font-weight:800;text-decoration:none;transition:transform .25s,box-shadow .25s;display:inline-flex}.button-primary{background:var(--sage-deep);color:#fff;box-shadow:inset 0 -3px #57483824,0 8px 20px #71866a3d}.button:hover{transform:translateY(-3px);box-shadow:0 14px 28px #71866a42}.button:active{transform:scale(.97)}.text-link{color:var(--bark-soft);font-weight:800;text-decoration:none}.play{background:var(--butter);width:38px;height:38px;color:var(--bark);border-radius:50%;place-items:center;margin-right:8px;font-size:11px;display:inline-grid;box-shadow:0 5px 14px #7862421f}.trust-row{border-top:1px solid var(--sand);color:var(--bark-soft);flex-wrap:wrap;gap:22px;padding-top:22px;font-size:13px;font-weight:700;display:flex}.trust-row span:first-child{color:#c97e79}.hero-art{min-height:640px;position:relative}.sun{filter:blur(.2px);background:#ffe8a67a;border-radius:50%;width:410px;height:410px;position:absolute;top:13%;left:22%}.hero-sprout{z-index:4;width:min(32vw,450px);animation:5s ease-in-out infinite breathe;position:absolute;bottom:9%;left:11%}.hero-benny{z-index:3;width:min(19vw,255px);position:absolute;bottom:13%;right:4%;transform:rotate(2deg)}.hero-puffy{z-index:2;width:150px;animation:7s ease-in-out infinite float;position:absolute;top:12%;right:14%}.hero-star{color:#f1cd62;font-size:45px;position:absolute;top:20%;left:9%;transform:rotate(-10deg)}.hero-heart{color:#e89b93;font-size:32px;position:absolute;top:42%;right:6%;transform:rotate(10deg)}.hill{border-radius:50% 50% 0 0;position:absolute;left:-8%;right:-10%}.hill-back{background:#dbe4c2;height:210px;bottom:-72px;transform:rotate(3deg)}.hill-front{background:#b9c988;height:158px;bottom:-80px;transform:rotate(-2deg)}.flower{z-index:5;color:#f2b95f;font-size:42px;position:absolute;bottom:5%}.flower-one{left:1%}.flower-two{color:#e89b93;font-size:31px;right:30%}.hero-cloud{z-index:1;background:#dceaf699;border-radius:999px;width:90px;height:35px;position:absolute}.hero-cloud:before,.hero-cloud:after{content:"";background:inherit;border-radius:50%;position:absolute}.hero-cloud:before{width:46px;height:46px;top:-18px;left:17px}.hero-cloud:after{width:38px;height:38px;top:-10px;right:11px}.cloud-one{top:12%;left:45%}.cloud-two{opacity:.5;bottom:12%;left:3%;transform:scale(.7)}.section{max-width:1260px;margin:0 auto;padding:120px clamp(24px,5vw,68px)}.story{grid-template-columns:.9fr 1.1fr;align-items:center;gap:clamp(55px,9vw,130px);display:grid}.story-art{place-items:center;min-height:500px;display:grid;position:relative}.arch{aspect-ratio:.86;background:linear-gradient(180deg, var(--sky), #f4e7c8);width:min(100%,470px);box-shadow:var(--shadow);border:12px solid #ffffffbf;border-radius:50% 50% 32px 32px;place-items:center;display:grid;overflow:hidden}.arch img{filter:drop-shadow(0 14px 20px #7862421f);width:82%}.leaf-sketch{color:var(--sage-deep);opacity:.7;font-size:64px;position:absolute}.leaf-left{bottom:8%;left:-10px;transform:rotate(24deg)}.leaf-right{top:2%;right:-8px;transform:rotate(200deg)}.story-copy h2,.section-heading h2,.garden h2,.grow h2{letter-spacing:-.025em;margin-bottom:26px;font-size:clamp(38px,4.4vw,62px);line-height:1.08}.story-copy>p:not(.kicker){color:var(--bark-soft);font-size:18px;line-height:1.75}blockquote{font-family:var(--display);border-left:4px solid var(--blush);color:var(--sage-deep);margin:36px 0 0;padding:20px 0 20px 28px;font-size:24px;line-height:1.45}.friends-section{border-block:1px solid var(--sand);background:#fffaf1;padding:112px max(24px,50vw - 630px)}.section-heading{text-align:center;max-width:760px;margin:0 auto 52px}.section-heading>p:last-child{color:var(--bark-soft);font-size:18px}.section-heading.compact{margin-bottom:50px}.character-directory{gap:34px;display:grid}.character-profile{border:1.5px solid var(--sand);min-height:560px;box-shadow:var(--shadow);border-radius:42px;grid-template-columns:.82fr 1.18fr;align-items:center;gap:clamp(38px,6vw,88px);padding:clamp(30px,5vw,64px);scroll-margin-top:100px;display:grid;overflow:hidden}.character-profile:nth-child(2n) .portrait{order:2}.character-profile:nth-child(2n) .profile-copy{order:1}.profile-sage{background:linear-gradient(120deg, #e8efdf 0 48%, var(--paper) 48%)}.profile-blush{background:linear-gradient(120deg, #fce5e1 0 48%, var(--paper) 48%)}.profile-peach{background:linear-gradient(120deg, #ffe7cd 0 48%, var(--paper) 48%)}.profile-butter{background:linear-gradient(120deg, #fff1c8 0 48%, var(--paper) 48%)}.profile-mint{background:linear-gradient(120deg, #dcebe4 0 48%, var(--paper) 48%)}.profile-fox{background:linear-gradient(120deg, #f4d1b7 0 48%, var(--paper) 48%)}.portrait{background:#ffffff73;border-radius:48% 52% 42% 58%/54% 45% 55% 46%;place-items:end center;min-height:430px;display:grid;position:relative}.portrait img{object-fit:contain;filter:drop-shadow(0 18px 14px #7862422e);width:95%;max-height:430px;animation:.45s both fadeUp}.portrait-sparkle{color:#f1cd62;font-size:38px;position:absolute;top:8%;right:9%}.profile-number{text-transform:uppercase;letter-spacing:.2em;color:var(--sage-deep);font-size:12px;font-weight:800}.profile-copy h3{margin-bottom:18px;font-size:clamp(45px,5vw,72px);line-height:1}.trait-list{flex-wrap:wrap;gap:8px;display:flex}.trait-list span,.garden-places span{background:var(--cream);border:1px solid var(--sand);color:var(--bark-soft);border-radius:999px;padding:8px 14px;font-size:12px;font-weight:800}.profile-intro{color:var(--bark-soft);margin:25px 0;font-size:20px;line-height:1.65}dl{margin:0}dl div{border-top:1px dashed var(--sand);grid-template-columns:130px 1fr;gap:18px;padding:13px 0;display:grid}dt{color:var(--sage-deep);font-size:13px;font-weight:800}dd{color:var(--bark-soft);margin:0;font-size:15px}.little-lesson{font-family:var(--display);color:var(--sage-deep);margin-top:25px;font-size:20px}.little-lesson span{color:#e89b93}.garden{background:linear-gradient(90deg,#fbf4e6f2 0%,#fbf4e6ad 42%,#0000 70%),url(/brand/garden-banner.jpeg) 50%/cover no-repeat;align-items:center;min-height:680px;padding:80px max(24px,50vw - 630px);display:flex}.garden-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);width:530px;box-shadow:var(--shadow);background:#fffdf8e0;border:1.5px solid #e6dcc9e6;border-radius:36px;padding:clamp(32px,5vw,60px)}.garden-overlay>p:not(.kicker){color:var(--bark-soft);font-size:18px;line-height:1.7}.garden-places{flex-wrap:wrap;gap:8px;margin-top:28px;display:flex}.magic-grid,.promise-grid{grid-template-columns:repeat(3,1fr);gap:25px;display:grid}.magic-grid article{text-align:center;background:var(--paper);border:1px solid var(--sand);border-radius:34px;padding:35px 30px;box-shadow:0 10px 35px #78624214}.magic-grid article:first-child{transform:rotate(-1.5deg)}.magic-grid article:nth-child(3){transform:rotate(1.5deg)}.magic-image{place-items:center;height:185px;display:grid}.magic-image img{object-fit:contain;max-height:175px}.magic-grid h3,.promise-grid h3{margin:20px 0 8px;font-size:24px}.magic-grid p,.promise-grid p{color:var(--bark-soft);margin:0;line-height:1.65}.promise{padding-top:50px}.promise-grid article{text-align:center;border-radius:30px;padding:38px 30px}.promise-icon{border-radius:50%;place-items:center;width:74px;height:74px;margin:0 auto;font-size:31px;display:grid}.sage-icon{color:var(--sage-deep);background:#e0eadb}.sky-icon{background:var(--sky);color:#6f9aba}.blush-icon{color:#d8837d;background:#fce1dd}.faq{padding-top:45px}.faq-list{gap:13px;max-width:900px;margin:0 auto;display:grid}.faq-list details{background:var(--paper);border:1.5px solid var(--sand);border-radius:22px;padding:0 24px;box-shadow:0 6px 20px #7862420f}.faq-list summary{cursor:pointer;font-family:var(--display);padding:21px 42px 21px 0;font-size:20px;font-weight:500;list-style:none;position:relative}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:"+";width:34px;height:34px;color:var(--sage-deep);font-family:var(--body);background:#e7eedf;border-radius:50%;place-items:center;font-weight:800;display:grid;position:absolute;top:16px;right:2px}.faq-list details[open] summary:after{content:"−"}.faq-list details p{color:var(--bark-soft);max-width:760px;margin:-3px 0 22px;line-height:1.7}.grow{max-width:1150px;box-shadow:var(--shadow);background:linear-gradient(120deg,#dce9d5,#fff4cf);border-radius:46px;grid-template-columns:300px 1fr;align-items:center;gap:40px;margin:10px auto 110px;padding:42px clamp(35px,7vw,90px);display:grid;position:relative;overflow:hidden}.grow:after{content:"♥";color:#e89b9373;font-size:60px;position:absolute;top:12%;right:5%;transform:rotate(10deg)}.grow img{object-fit:contain;align-self:end;height:350px;margin-bottom:-42px}.grow h2{margin-bottom:18px}.grow p:not(.kicker){color:var(--bark-soft);max-width:600px;font-size:18px;line-height:1.65}.grow .button{margin-top:12px}footer{text-align:center;background:#e1e8d1;border-top:1px solid #c8d2b3;padding:56px 24px}footer img{width:210px;margin:0 auto 25px}footer p{text-transform:uppercase;letter-spacing:.19em;color:var(--bark-soft);font-size:11px;font-weight:800}footer p span{color:#d8837d;margin:0 7px}footer small{color:#8e7960}@keyframes breathe{0%,to{transform:scale(1)rotate(-1deg)}50%{transform:scale(1.025)rotate(1deg)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-13px)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@media (max-width:920px){nav{display:none}.site-header{height:70px}.brand{width:160px}.header-cta{padding:10px 15px}.hero{grid-template-columns:1fr;min-height:auto}.hero-copy{padding:80px 7vw 35px}.hero-art{min-height:520px}.hero-sprout{width:390px;left:18%}.hero-benny{width:220px;right:9%}.story{grid-template-columns:1fr}.story-art{min-height:420px}.arch{width:390px;height:440px}.character-profile{grid-template-columns:1fr}.character-profile:nth-child(2n) .portrait,.character-profile:nth-child(2n) .profile-copy{order:initial}.profile-sage,.profile-blush,.profile-peach,.profile-butter,.profile-mint,.profile-fox{background:var(--paper)}.portrait{min-height:380px}.garden{background-position:63%}.magic-grid,.promise-grid{gap:14px}.grow{grid-template-columns:220px 1fr;margin-inline:24px}}@media (max-width:620px){.header-cta{font-size:12px}.hero-copy{padding-top:60px}.hero-lead{font-size:18px}.trust-row{gap:11px 16px}.hero-art{min-height:400px}.hero-sprout{width:285px;left:6%}.hero-benny{width:160px;right:1%}.hero-puffy{width:105px}.sun{width:280px;height:280px;left:15%}.section,.friends-section{padding:82px 20px}.story-art{min-height:340px}.arch{width:300px;height:340px}.story-copy h2,.section-heading h2,.garden h2,.grow h2{font-size:39px}.character-profile{border-radius:28px;min-height:auto;padding:22px}.portrait{min-height:300px}.portrait img{max-height:300px}.profile-copy h3{font-size:45px}.profile-intro{font-size:18px}dl div{grid-template-columns:1fr;gap:4px}.garden{background-image:linear-gradient(#fbf4e614 25%,#fbf4e6e6),url(/brand/garden-banner.jpeg);background-position:69%;align-items:end;min-height:740px;padding:30px 18px}.garden-overlay{width:100%;padding:30px 24px}.magic-grid,.promise-grid{grid-template-columns:1fr}.magic-grid article{transform:none!important}.grow{text-align:center;grid-template-columns:1fr;margin:0 18px 80px;padding:35px 24px 0}.grow img{order:2;height:260px;margin:0 auto -1px}.grow .button{justify-self:center}.grow:after{display:none}footer p{line-height:2.1}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
