@font-face{font-family:Martynka;src:url('assets/font.ttf') format('truetype');font-display:swap}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:#f9f7ee;color:#253f35;font:16px/1.65 Martynka,Arial,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input,summary{-webkit-tap-highlight-color:transparent}button,a,summary{touch-action:manipulation}button{cursor:pointer}img{display:block;max-width:100%}.wrap{max-width:1260px;margin:auto;width:calc(100% - 100px)}.header{height:104px;display:flex;align-items:center;justify-content:space-between;gap:24px}.logo{font-size:33px;font-weight:800;letter-spacing:-1.4px;display:flex;align-items:center;gap:10px;line-height:1}.logo-dot{color:#d49046;margin-left:-10px}.logo-icon{display:grid;place-items:center;background:#346650;color:#fff9dd;border-radius:13px;width:40px;height:42px;font-size:33px;position:relative}.logo-icon span{font-size:16px;position:absolute;right:-5px;top:-8px;color:#d79a38}.header nav{display:flex;gap:32px;font-size:14px}.button{display:inline-flex;align-items:center;justify-content:center;gap:30px;border-radius:10px;background:#365e49;color:#fffdf2;padding:16px 24px;font-weight:700;font-size:15px;box-shadow:0 4px 0 #274634;transition:background .2s,transform .2s}.button:hover{background:#244c38;transform:translateY(-2px)}.small{padding:11px 19px;font-size:13px;gap:20px}.hero{display:grid;grid-template-columns:1fr 1.12fr;gap:32px;align-items:center;padding-top:54px;padding-bottom:85px}.eyebrow{font-size:11px;letter-spacing:1.9px;font-weight:800;margin:0 0 20px;color:#5f7464}.sun{color:#bf853a;font-size:24px;vertical-align:middle;margin-right:7px}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(38px,4.35vw,64px);line-height:1.13;letter-spacing:-2.5px;margin-bottom:25px;font-weight:800}h1 em{font-style:normal;color:#56815a;position:relative}h1 em:after{content:'';position:absolute;height:8px;border-top:3px solid #d5a34b;border-radius:50%;bottom:-8px;left:0;width:100%;transform:rotate(-2deg)}.lead{font-size:19px;line-height:1.6;max-width:480px;margin-bottom:18px}.intro{font-size:15px;color:#687269;max-width:440px}.actions{display:flex;align-items:center;gap:28px;margin-top:29px}.text-link{font-size:14px;font-weight:700;border-bottom:1px solid #9da990;padding-bottom:5px}.hero-meta{display:flex;gap:13px;align-items:center;font-size:11px;color:#687269;margin-top:30px}.hero-meta i{width:3px;height:3px;background:#899980;border-radius:50%}.hero-art{position:relative;padding:31px 0}.hero-art>img{width:100%;aspect-ratio:1.19;object-fit:cover;border-radius:110px 110px 22px 22px;box-shadow:0 14px 45px #6c775123;object-position:58%}.art-label{font-size:9px;letter-spacing:2px;position:absolute;top:0;right:10px;color:#66745d}.floating-note{position:absolute;bottom:0;left:-25px;padding:16px 23px;display:flex;align-items:center;gap:16px;background:#fffdf5;box-shadow:0 9px 30px #3d472721;border:1px solid #ece4cd;border-radius:12px;transform:rotate(-4deg);font-size:13px;line-height:1.6}.floating-note>span{color:#e5b14b;font-size:43px}.floating-note strong{font-size:14px}.doodle{position:absolute;right:-20px;top:14px;font-size:65px;color:#bb8b45}.promise-strip{background:#edf0df;border-top:1px solid #dfe4ce;border-bottom:1px solid #dfe4ce;padding:21px 0}.promise-strip>.wrap{display:flex;justify-content:space-between;gap:20px;font-size:13px}.section{padding-top:95px;padding-bottom:95px}h2{font-size:39px;line-height:1.2;letter-spacing:-1.4px;margin-bottom:20px}h3{font-size:22px;line-height:1.3;margin-bottom:12px;letter-spacing:-.5px}.section-top{display:flex;align-items:flex-end;justify-content:space-between;gap:55px;margin-bottom:38px}.section-top>p{max-width:380px;font-size:15px;color:#687269;margin-bottom:23px}.section-top h2{max-width:620px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:45px}.steps article{border-top:1px solid #d7ddcd;padding-top:20px}.step-num{font-size:10px;letter-spacing:1.6px;color:#77806c}.step-symbol{height:94px;display:flex;align-items:center;justify-content:center;gap:10px;font-size:35px;font-weight:800;border-radius:15px;margin:22px 0 25px;width:142px;transform:rotate(-3deg)}.step-symbol span{font-size:40px}.mint{background:#e0e9d9}.yellow{background:#f6e8b5;color:#aa7b24;transform:rotate(3deg)}.peach{background:#f3deca;color:#986337;font-size:60px}.steps p{font-size:15px;color:#687269;max-width:330px}.discover{background:#edf0e6;padding:80px 0}.gallery-tabs{display:flex;gap:10px;margin-bottom:25px;flex-wrap:wrap}.gallery-tabs button{border:1px solid #c7d2bc;border-radius:30px;padding:11px 20px;color:#425947;background:transparent;font-size:13px}.gallery-tabs .active{background:#365e49;color:#fff;border-color:#365e49}.gallery{display:grid;grid-template-columns:1.8fr 1fr;align-items:center;gap:55px}.screen-zoom{padding:9px;border:1px solid #b2bba9;background:#fffaf0;border-radius:15px;box-shadow:0 14px 35px #31413217;position:relative;overflow:hidden;width:100%}.screen-zoom img{aspect-ratio:1.6;object-fit:contain;border-radius:8px;background:#fff5dc}.screen-zoom>span{position:absolute;bottom:18px;right:18px;background:#fffdf0ee;padding:5px 10px;border-radius:5px;font-size:11px}.gallery-copy h3{font-size:29px;margin-top:16px}.gallery-copy p{font-size:15px;color:#687269}.caption{font-size:11px!important;line-height:1.65;color:#77816d!important;margin-top:23px}.learning{display:grid;grid-template-columns:1fr 1fr;gap:110px;align-items:center}.learning>div>p:not(.eyebrow):not(.lead){color:#687269;font-size:15px}.topics{display:flex;flex-wrap:wrap;gap:8px;margin-top:25px}.topics span{font-size:11px;padding:7px 12px;border:1px solid #d7ddca;border-radius:6px}.benefits article{display:flex;gap:23px;padding:23px 0;border-bottom:1px solid #dce0d1}.benefits article>span{font-size:13px;color:#80936e;padding-top:5px}.benefits p{color:#687269;font-size:15px;margin-bottom:0}.makeover{display:grid;grid-template-columns:.8fr 1.3fr;gap:65px;align-items:center;padding:40px;background:#f0e7d3;border-radius:22px}.makeover-copy{padding-left:10px}.makeover-copy p:not(.eyebrow){font-size:15px;color:#6c705e}.comparison{position:relative;overflow:hidden;border-radius:12px;--split:50%}.comparison>img{width:100%;aspect-ratio:16/9;object-fit:cover}.comparison>.before{position:absolute;inset:0;clip-path:inset(0 calc(100% - var(--split)) 0 0)}.before-tag,.after-tag{position:absolute;top:12px;background:#fff9eddd;padding:4px 10px;border-radius:4px;font-size:11px}.before-tag{left:12px}.after-tag{right:12px}.divider{position:absolute;left:var(--split);top:0;bottom:0;width:3px;background:white}.slider-label{display:flex;justify-content:space-between;font-size:11px;margin-top:12px}input[type=range]{width:100%;accent-color:#365e49;height:25px;cursor:ew-resize}.parents{display:grid;grid-template-columns:1fr 1fr;gap:85px}.parents>div>p:not(.eyebrow){color:#687269;font-size:15px}.parent-list article{display:flex;gap:20px;margin-bottom:25px}.parent-list article>span{display:grid;place-items:center;flex-shrink:0;width:30px;height:30px;background:#e5ebd8;border-radius:50%;color:#48714b}.parent-list h3{font-size:19px;margin-bottom:7px}.parent-list p{font-size:14px;color:#687269;margin:0}.faq{display:grid;grid-template-columns:.75fr 1.25fr;gap:50px;padding-top:15px;padding-bottom:90px}details{border-bottom:1px solid #d9dfce;padding:20px 0}summary{cursor:pointer;font-weight:700;font-size:15px;list-style:none;padding-right:32px;position:relative}summary:after{content:'+';position:absolute;right:4px;font-size:23px;top:-5px;color:#729064}details[open] summary:after{content:'−'}details p{font-size:14px;color:#687269;padding-top:14px;margin-bottom:0}.closing{text-align:center;background:#e6ecd8;border-radius:100px 100px 20px 20px;padding:60px 30px;position:relative}.closing h2{font-size:42px}.closing>p:not(.eyebrow){color:#65745e;font-size:15px}.closing small{display:block;font-size:10px;margin-top:20px;color:#6c7962}.closing-star{position:absolute;font-size:70px;color:#c39b45;left:12%;top:90px;transform:rotate(15deg)}footer{display:flex;align-items:center;justify-content:space-between;padding-top:40px;padding-bottom:40px}footer .logo{font-size:27px}footer p,footer>a:last-child{font-size:11px;color:#75816e;margin:0}dialog{border:0;border-radius:16px;padding:35px 15px 15px;max-width:1000px;width:90vw;background:#fff9ec;color:#354f3e}dialog::backdrop{background:#142b26bb}dialog img{max-height:75vh;margin:auto}dialog p{text-align:center;font-size:12px;margin:12px 0 0}.close{position:absolute;right:8px;top:0;border:0;background:none;font-size:28px;color:#304e3b;width:40px;height:36px}.skip{position:absolute;top:-100px;left:10px;background:white;padding:10px;z-index:100}.skip:focus{top:0}:focus-visible{outline:3px solid #b78a37;outline-offset:5px}
@media(min-width:1500px){.hero{padding-top:70px;padding-bottom:100px}}@media(max-width:1000px){.wrap{width:calc(100% - 50px)}.header nav{gap:16px;font-size:12px}.hero{gap:22px}h1{font-size:43px}.hero .eyebrow{font-size:9px;letter-spacing:1px}.hero .lead{font-size:17px}.hero-art>img{aspect-ratio:1/1.2}.floating-note{left:-10px;padding:10px 14px;font-size:11px}.floating-note strong{font-size:11px}.doodle{right:0}.learning{gap:45px}.gallery{gap:30px}.parents{gap:40px}.makeover{gap:30px;padding:30px}h2{font-size:33px}.promise-strip>.wrap{font-size:11px}.closing-star{left:6%}}
@media(max-width:700px){.wrap{width:calc(100% - 36px)}.header{height:84px;gap:12px}.header nav{display:none}.logo{font-size:27px}.logo-icon{width:32px;height:35px;font-size:28px}.header .small{font-size:10px;padding:10px 13px;gap:13px}.hero{grid-template-columns:1fr;padding-top:28px;padding-bottom:49px;gap:25px}h1{font-size:46px;letter-spacing:-2px}.hero-copy{max-width:530px}.hero .eyebrow{font-size:9px}.hero .lead{font-size:18px}.hero-art{padding-top:21px;margin:0 4px 0 10px}.hero-art>img{aspect-ratio:1.45;border-radius:65px 65px 18px 18px}.art-label{font-size:8px;letter-spacing:1.5px}.floating-note{left:-12px;bottom:2px}.floating-note strong{font-size:12px}.doodle{font-size:48px;top:5px;right:-10px}.hero-meta{font-size:10px;margin-top:24px}.actions{gap:23px}.button{font-size:13px;padding:14px 18px}.text-link{font-size:12px}.promise-strip>.wrap{display:grid;grid-template-columns:1fr 1fr;gap:12px;font-size:10px}.section{padding-top:60px;padding-bottom:60px}h2{font-size:32px}.section-top{display:block;margin-bottom:26px}.section-top>p{max-width:100%}.steps{gap:22px;grid-template-columns:1fr}.steps article{display:grid;grid-template-columns:90px 1fr;column-gap:20px}.step-num{grid-column:1/-1}.step-symbol{grid-row:2/4;width:82px;height:78px;font-size:23px;margin:18px 0}.step-symbol span{font-size:25px}.steps h3{font-size:20px;margin-top:17px;margin-bottom:8px}.steps p{font-size:14px;max-width:none}.discover{padding:55px 0}.gallery-tabs{gap:7px}.gallery-tabs button{font-size:10px;padding:9px 12px}.gallery{grid-template-columns:1fr;gap:24px}.gallery-copy h3{font-size:26px}.gallery-copy .caption{margin-top:12px}.learning{grid-template-columns:1fr;gap:20px}.benefits article{padding:22px 0}.makeover{grid-template-columns:1fr;gap:12px;padding:25px}.makeover-copy{padding:0}.parents{grid-template-columns:1fr;gap:30px}.faq{grid-template-columns:1fr;gap:4px;padding-bottom:55px}.faq h2{margin-bottom:10px}summary{font-size:14px}.closing{padding:50px 20px;border-radius:55px 55px 16px 16px}.closing h2{font-size:31px}.closing-star{font-size:33px;left:auto;right:20px;top:10px}.closing .eyebrow{font-size:8px;letter-spacing:1.2px}.closing small{font-size:9px}footer{gap:15px;flex-wrap:wrap;padding:30px 0}footer p{order:3;width:100%}.lead{font-size:18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}