@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Outfit:wght@400;500;600;700&display=swap');
:root{--ink:#293e35;--green:#2b5944;--cream:#faf9f3}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font:18px 'DM Sans',sans-serif;line-height:1.55}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit;border:0}button:focus-visible,a:focus-visible,textarea:focus-visible{outline:3px solid #7850ae;outline-offset:5px}header{max-width:1280px;margin:auto;padding:25px 45px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dedfd4}.brand{position:relative;text-decoration:none;color:var(--ink);font:600 30px 'Outfit',sans-serif;padding-left:53px;line-height:1.1}.sun{position:absolute;left:0;top:-5px;color:#c58a20;font-size:45px}.brand-sub{display:block;font:600 10px 'DM Sans';letter-spacing:2px;margin-top:8px}nav{display:flex;align-items:center;gap:25px}nav button{background:none;font-size:16px;min-height:48px}.nav.active{border-bottom:2px solid var(--green)}#size{border:1px solid #d8ddcf;border-radius:25px;padding:7px 18px}#size span{font-size:14px;margin-left:5px}main{max-width:1190px;margin:auto;padding:0 25px}.hero{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;padding:56px 0 38px;gap:30px}.eyebrow{font-size:12px;font-weight:700;letter-spacing:2px}h1{font:500 clamp(44px,4.8vw,64px)/1.12 'Outfit',sans-serif;letter-spacing:-2px;margin:18px 0 22px}h1 em{font-style:normal;color:#587755}p{margin:0 0 20px}.hero p{color:#5b685d;font-size:19px}.primary{background:var(--green);color:white;padding:17px 24px;border-radius:14px;font-weight:600}.primary span{margin-left:20px}.reassurance{font-size:14px;color:#657363;margin-top:16px}.illustration{height:350px;position:relative;background:#eef0df;border-radius:48% 48% 42% 42%;margin:0 15px;isolation:isolate}.hello{position:absolute;top:27px;left:20px;background:white;transform:rotate(-7deg);padding:10px 19px;border-radius:14px;font-size:15px;box-shadow:0 4px 0 #dce0ca}.sunshine{position:absolute;right:18px;top:0;font-size:105px;color:#e7ae37;line-height:1.3}.ground{height:24px;position:absolute;bottom:26px;left:10%;right:10%;background:#d6dec6;border-radius:50%;z-index:-1}.flower{position:absolute;left:35px;bottom:39px;width:140px;height:225px}.petals{position:absolute;font-size:150px;color:#be81ad;line-height:1;top:-15px;z-index:2}.stem{position:absolute;width:9px;height:104px;background:#54815c;top:98px;left:63px;transform:rotate(-8deg)}.leaf{position:absolute;font-size:60px;top:95px;left:70px;color:#6d965e;transform:rotate(-30deg)}.pot{position:absolute;bottom:0;left:20px;width:98px;height:78px;background:#d68b60;border-radius:8px 8px 35px 35px;text-align:center;color:#643c30;font-size:48px}.computer{position:absolute;width:195px;right:25px;bottom:49px;transform:rotate(7deg)}.screen{height:144px;background:#fbf7dd;border:12px solid #95aaa3;border-radius:16px;text-align:center;box-shadow:5px 5px 0 #708e83}.screen span{display:block;font-size:51px;line-height:1.3;color:#547365}.screen small{font-size:12px}.base{height:14px;width:225px;background:#708e83;border-radius:4px 4px 14px 14px;margin-left:-14px;margin-top:10px}.tiny-star{position:absolute;color:#bd8742;font-size:36px}.one{top:105px;left:0}.two{right:2px;bottom:15px}.affirmation{display:flex;gap:20px;align-items:center;background:#f3eedf;border:1px solid #e7dfcb;border-radius:18px;padding:19px 26px}.affirm-icon{font-size:42px;color:#bf8154}.affirmation .eyebrow{font-size:10px;color:#7d6545}.affirmation p{margin:2px 0;font-size:17px}.affirmation button{margin-left:auto;background:transparent;font-size:30px;min-width:48px;min-height:48px}.explore{margin-top:42px}.section-heading{display:flex;justify-content:space-between;align-items:end}.section-heading h2{font:500 32px 'Outfit';margin:6px 0 22px}.section-heading>p{font-size:15px;color:#657363}.filters{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:25px}.filters button{border:1px solid #d8ddcf;background:transparent;padding:9px 20px;border-radius:30px;font-size:15px}.filters .selected{background:var(--green);color:white;border-color:var(--green)}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{border:1px solid #dbdfd3;border-radius:20px;overflow:hidden;background:#fffef9;display:flex;flex-direction:column}.card-art{height:130px;display:flex;align-items:center;justify-content:center;font-size:62px;position:relative}.card-art:after{content:'✧';font-size:26px;position:absolute;left:25%;top:16px;opacity:.45}.card-content{padding:22px;flex:1;display:flex;flex-direction:column}.tag{font-size:11px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:#5c6e59}.card h3{font:500 24px 'Outfit';margin:9px 0}.card p{font-size:16px;color:#61705f}.card button{margin-top:auto;border-top:1px solid #e6e7df;text-align:left;background:none;padding:15px 0 0;font-size:16px;font-weight:600;display:flex;justify-content:space-between}.bottom-note{display:flex;align-items:center;gap:20px;padding:26px 30px;background:#ecf0e5;border-radius:18px;margin:35px 0}.bottom-note>span{font-size:40px}.bottom-note h3{font:500 22px 'Outfit';margin:0 0 3px}.bottom-note p{font-size:15px;margin:0}.bottom-note button{margin-left:auto;background:none;font-size:15px}footer{font-size:12px;color:#6c7667;padding:15px 0 28px;display:flex;justify-content:space-between}dialog{border:1px solid #d5decc;border-radius:24px;width:min(660px,calc(100% - 24px));padding:40px;color:var(--ink);background:var(--cream);max-height:90vh}dialog::backdrop{background:#20382b80}.close{float:right;background:#e8ecdf;border-radius:50%;width:44px;height:44px;font-size:28px}dialog h2{font:500 34px 'Outfit';margin:15px 0}dialog .icon{font-size:50px}dialog .choice{display:block;width:100%;text-align:left;background:white;border:1px solid #cdd7c5;border-radius:12px;padding:15px;margin:12px 0}.feedback{padding:16px;background:#e6efdd;border-radius:12px;margin:16px 0}.feedback:empty{display:none}textarea{width:100%;min-height:120px;border:1px solid #8a9d83;border-radius:12px;padding:16px;font:inherit}label{display:block;margin-bottom:10px}.hint{font-size:15px;color:#62705c}.garden-grid{font-size:48px;display:flex;flex-wrap:wrap;gap:12px;margin:20px 0}body.large{font-size:21px}body.large p,body.large button,body.large .hint{font-size:21px}@media(max-width:760px){header{padding:20px;align-items:flex-start}.brand{font-size:25px}nav{gap:5px;flex-wrap:wrap;justify-content:flex-end;max-width:180px}nav button{font-size:13px}#size span{display:none}.hero{grid-template-columns:1fr;padding-top:35px}.illustration{height:310px;max-width:400px;width:100%;margin:auto}.cards{grid-template-columns:1fr}.card-art{height:110px}.section-heading>p{display:none}.bottom-note{flex-wrap:wrap}.bottom-note button{margin-left:0}footer{display:block}footer span{display:block}.affirmation{padding:16px}.hero h1{font-size:48px}dialog{padding:25px}}

.search-label{font-weight:600;margin-top:8px}#search{width:100%;max-width:600px;padding:14px 18px;border:1px solid #8a9d83;border-radius:12px;background:#fffef9;font:inherit;color:var(--ink);margin-bottom:12px}#search:focus-visible{outline:3px solid #7850ae;outline-offset:3px}.lesson-intro{border-bottom:1px solid #cdd7c5;padding-bottom:10px;margin-bottom:24px}dialog h3{font-size:21px;margin:18px 0 10px}dialog a{color:#2b5944;text-underline-offset:3px}body.large input{font-size:21px}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}