@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700;800;900&display=swap');
:root{--ink:#203c35;--leaf:#287f58;--light:#f8ffe7;--cream:#fff8dc;--yellow:#ffcc4d;--orange:#ff8c50;--pink:#ffabc4;--border:#25483b;--shadow:0 13px 0 #244e3a22}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#eff8d8;color:var(--ink);font:600 16px/1.6 Nunito,'Trebuchet MS',sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}header{position:sticky;top:0;z-index:30;background:#fffbe9ee;backdrop-filter:blur(12px);border-bottom:3px solid #2a5943}nav{max-width:1160px;margin:auto;min-height:78px;display:flex;align-items:center;gap:25px;padding:8px 24px}.brand{display:flex;align-items:center;gap:12px;font-weight:900;font-size:21px;line-height:1.1;margin-right:auto}.brand-mark{background:var(--yellow);border:3px solid var(--border);border-radius:50%;font-size:26px;width:49px;height:49px;display:grid;place-items:center;transform:rotate(-9deg)}.nav-links{display:flex;gap:6px;flex-wrap:wrap}.nav-links a{padding:8px 15px;border-radius:30px;font-weight:900}.nav-links a:hover,.nav-links a.active{background:#c9edaa}.nav-toggle{display:none;background:var(--yellow);border:2px solid var(--border);border-radius:12px;padding:7px 11px}.container{width:min(1130px,calc(100% - 40px));margin:auto}.hero{position:relative;overflow:hidden;background:radial-gradient(circle at 82% 22%,#fff9ba 0 11%,transparent 11.5%),linear-gradient(140deg,#b9ed92,#e6f9bb 55%,#fff5cc);border-bottom:4px solid #487a4c}.hero-inner{min-height:520px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:30px;padding:56px 0 66px}.eyebrow,.tag{display:inline-block;background:#fff9d9;border:2px solid var(--border);border-radius:100px;padding:6px 16px;font-weight:900;font-size:13px;letter-spacing:.05em;text-transform:uppercase}.hero h1{font-size:clamp(42px,6vw,78px);line-height:1.03;margin:22px 0 16px;font-weight:900;letter-spacing:-.055em}.hero h1 em{font-style:normal;color:#e76a36;text-shadow:3px 3px 0 #fff4d4}.lead{font-size:20px;max-width:540px;margin:0 0 28px}.actions{display:flex;gap:12px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:50px;padding:10px 23px;border:3px solid var(--border);border-radius:16px;background:var(--yellow);font-weight:900;box-shadow:4px 5px 0 #25483b;transition:transform .15s,box-shadow .15s}.btn:hover{transform:translate(3px,3px);box-shadow:1px 2px 0 #25483b}.btn.alt{background:white}.scene{height:380px;display:flex;align-items:end;justify-content:center;gap:7px;position:relative}.scene:after{content:'';position:absolute;bottom:-35px;left:-25px;right:-25px;height:75px;background:#73b86e;border-radius:50%;z-index:0}.character{--skin:#c5e36b;--shirt:#ee854b;--face:#789f50;position:relative;width:180px;height:280px;z-index:2;filter:drop-shadow(6px 11px 0 #2d59302b)}.character.pup{--skin:#f4da80;--shirt:#69a7dd;--face:#ad9143;transform:rotate(6deg) translateY(8px)}.character.vup{transform:rotate(-6deg)}.character .body{position:absolute;left:22px;top:119px;width:137px;height:134px;border:5px solid #3f6038;border-radius:48% 48% 37% 37%;background:repeating-linear-gradient(90deg,transparent 0 23px,#ffffff20 23px 32px),var(--shirt)}.character .head{position:absolute;left:27px;top:23px;width:128px;height:133px;border:5px solid #3f6038;border-radius:48% 52% 44% 46%;background:var(--skin);z-index:3}.character .antenna{position:absolute;width:10px;height:62px;background:#405b35;top:-22px;left:70px;border-radius:8px;transform:rotate(-19deg)}.character .antenna:after{content:'';position:absolute;width:19px;height:19px;border-radius:50%;background:#ee9c63;top:-7px;left:-5px;border:3px solid #405b35}.character .antenna.two{left:115px;transform:rotate(24deg);height:53px}.character .eye{position:absolute;top:50px;width:19px;height:25px;background:white;border:3px solid #43603b;border-radius:50%}.character .eye.left{left:33px}.character .eye.right{right:32px}.character .eye:after{content:'';width:7px;height:12px;position:absolute;left:7px;top:6px;border-radius:50%;background:#27392c}.character .nose{width:20px;height:13px;border-radius:50%;background:#e69b5d;position:absolute;left:51px;top:82px}.character .mouth{width:47px;height:17px;border-bottom:4px solid #59603a;border-radius:50%;position:absolute;left:42px;top:97px}.character .arm{position:absolute;top:142px;width:33px;height:87px;background:var(--skin);border:5px solid #3f6038;border-radius:20px;z-index:4}.character .arm.left{left:0;transform:rotate(27deg)}.character .arm.right{right:0;transform:rotate(-28deg)}.character .shoe{position:absolute;bottom:0;width:76px;height:41px;background:#5d7049;border:5px solid #3f6038;border-radius:38px 35px 17px 17px}.character .shoe.left{left:11px}.character .shoe.right{right:5px}.sparkle{position:absolute;font-size:34px;z-index:2}.sparkle.one{top:8%;right:5%}.sparkle.two{top:36%;left:4%}.sparkle.three{bottom:5%;right:5%}section{padding:76px 0}.section-heading{margin-bottom:30px}.section-heading h2,.page-head h1{font-size:clamp(32px,4vw,49px);line-height:1.15;margin:12px 0;font-weight:900;letter-spacing:-.035em}.section-heading p{font-size:18px;max-width:680px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card{background:#fffefa;border:3px solid var(--border);border-radius:26px;padding:25px;box-shadow:var(--shadow)}.card h3{font-size:24px;font-weight:900;line-height:1.15;margin:10px 0}.card p{margin:9px 0}.card .emoji{font-size:51px}.card a.text-link{font-weight:900;color:#22784c;text-decoration:underline;text-underline-offset:4px}.stripe{background:#fff2c9;border-top:3px dashed #8aa35e;border-bottom:3px dashed #8aa35e}.quote{font-size:clamp(23px,3vw,36px);font-weight:900;max-width:780px;margin:0 auto;text-align:center;line-height:1.3}.quote span{color:#d46d3e}.page-head{background:linear-gradient(110deg,#bdeba3,#fff0b4);border-bottom:3px solid #406748;padding:65px 0}.page-head p{font-size:19px;max-width:760px}.duo{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.profile{overflow:hidden;padding:0}.profile-top{height:270px;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}.profile-top.green{background:#d5f2ad}.profile-top.blue{background:#c9e9f7}.profile-top .character{transform:scale(.72);transform-origin:center;flex-shrink:0}.profile-top .character.pup{transform:scale(.72) rotate(6deg)}.profile-content{padding:28px}.profile-content h2{font-size:33px;margin:0}.fact-list{padding-left:20px}.fact-list li{margin:8px 0}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.gallery-item{min-height:260px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden;border:3px solid var(--border);border-radius:24px;padding:23px;background:#ffdf9d}.gallery-item:nth-child(2){background:#cdf1b4}.gallery-item:nth-child(3){background:#c1e9f8}.gallery-item:nth-child(4){background:#ffccce}.gallery-item:nth-child(5){background:#e7d2fc}.gallery-item:nth-child(6){background:#fee8a4}.gallery-item .art{font-size:90px;text-align:center;line-height:1.4;filter:drop-shadow(4px 6px #273b3523)}.gallery-item h3{margin:0;font-size:21px}.gallery-item p{margin:5px 0}.quiz-wrap{max-width:740px;margin:0 auto}.quiz-box{background:#fffefa;border:3px solid var(--border);border-radius:25px;padding:30px;box-shadow:var(--shadow)}.progress{height:13px;background:#dfebcd;border-radius:30px;overflow:hidden;border:2px solid #698365}.progress-inner{height:100%;background:#69b66e;transition:width .2s}.question{font-size:28px;font-weight:900;margin:25px 0}.choices{display:grid;gap:12px}.choice{display:block;width:100%;text-align:left;background:#f2f9e7;border:2px solid #5a7861;border-radius:16px;padding:15px 19px;font-weight:800}.choice:hover,.choice.selected{background:#ffe09e}.choice:disabled{cursor:default}.quiz-meta{font-size:14px;font-weight:900;text-transform:uppercase;letter-spacing:.07em;margin:16px 0 0}.result{text-align:center}.result .big{font-size:76px}.hide{display:none!important}.footer{background:#25493a;color:#fff9df;padding:44px 0}.footer-inner{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.footer a{text-decoration:underline;text-underline-offset:3px}.muted{opacity:.8}.note{font-size:14px}.pill-row{display:flex;flex-wrap:wrap;gap:9px;margin-top:15px}.pill{border-radius:100px;padding:6px 13px;background:#e4f5c9;border:2px solid #648964;font-weight:900;font-size:13px}.about-tiles{display:grid;grid-template-columns:1fr 1fr;gap:22px}.about-tiles .card{min-height:210px}@media(max-width:800px){.hero-inner{grid-template-columns:1fr;text-align:center;padding:48px 0}.hero .lead{margin-left:auto;margin-right:auto}.actions{justify-content:center}.scene{height:310px}.scene .character{transform:scale(.84);transform-origin:bottom}.scene .character.pup{transform:scale(.84) rotate(6deg)}.grid,.gallery{grid-template-columns:repeat(2,1fr)}.nav-toggle{display:block}.nav-links{display:none;position:absolute;top:77px;left:0;right:0;background:#fffbe9;padding:14px 20px;border-bottom:3px solid var(--border);flex-direction:column}.nav-links.open{display:flex}.nav-links a{width:100%}}@media(max-width:560px){.container{width:min(100% - 30px,1130px)}.hero h1{font-size:45px}.lead{font-size:17px}.scene{height:260px}.scene .character{transform:scale(.68);margin:0 -18px}.scene .character.pup{transform:scale(.68) rotate(6deg)}.grid,.gallery,.duo,.about-tiles{grid-template-columns:1fr}.card{padding:21px}.page-head{padding:43px 0}.quiz-box{padding:20px}.question{font-size:23px}section{padding:48px 0}.brand{font-size:17px}}