*{box-sizing:border-box}body{margin:0;background:#fff;color:#171b1b;font:17px/1.6 'Segoe UI',Arial,sans-serif}a{color:inherit}a:focus-visible{outline:3px solid #111;outline-offset:6px}.skip{position:absolute;left:12px;top:-100px;background:white;z-index:3;padding:10px}.skip:focus{top:8px}header,main,footer{max-width:1180px;margin:auto}header{display:flex;align-items:center;justify-content:space-between;padding:30px 34px}header img{display:block;width:215px;height:auto}.header-note{font-size:14px;color:#526360}main{padding:18px 34px 64px}.intro{position:relative;max-width:850px;padding:24px 0 40px}.eyebrow{font-size:12px;letter-spacing:2px;font-weight:750;color:#007278;margin:0 0 19px}h1{font-size:clamp(42px,5.8vw,72px);line-height:1.07;letter-spacing:-3px;margin:0 0 26px;font-weight:800}h1 span{display:inline-block;position:relative;z-index:0}h1 span:after{content:'';height:13px;position:absolute;bottom:2px;left:0;right:0;background:#9dd9d2;z-index:-1;transform:rotate(-1deg);border-radius:8px}.intro>p:last-of-type{max-width:620px;font-size:19px;color:#526360;margin:0}.doodle{position:absolute;right:0;top:50px;transform:rotate(10deg);padding:8px 24px;border:2px solid #30bead;border-radius:50%;font-size:25px;font-style:italic;color:#007b7f}.tools{display:grid;grid-template-columns:1fr 1fr;gap:28px}.tool{display:grid;grid-template-columns:.75fr 1.25fr;border:1px solid #c7dfda;border-radius:26px;text-decoration:none;overflow:hidden;box-shadow:0 7px 0 #e4efec;transition:transform .16s,box-shadow .16s}.tool:hover{transform:translateY(-4px);box-shadow:0 11px 0 #e4efec}.tool-art{position:relative;display:flex;align-items:center;justify-content:center;background:#edf8f5;min-height:340px}.placement .tool-art{background:#e2f3f0}.tool-art img{width:95%;height:auto;object-fit:contain;max-height:190px}.tag{position:absolute;bottom:32px;border-radius:20px;background:white;border:1px solid #bbdcd4;padding:5px 13px;font-size:12px;font-weight:650}.sound-note,.level-note{position:absolute;top:29px;left:14px;right:14px;text-align:center;font-size:21px;color:#00777b;transform:rotate(-8deg)}.level-note{font-size:17px}.tool-copy{padding:34px 25px 30px}.tool-type{font-size:10px;letter-spacing:1px;font-weight:750;color:#007177}h2{font-size:29px;line-height:1.13;letter-spacing:-.8px;margin:15px 0 19px}.tool p{font-size:15px;color:#526360;line-height:1.65;margin-bottom:24px}.action{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #d9e7e3;padding-top:16px;font-size:15px;font-weight:750;color:#00777b}.action span{font-size:25px}.growing{display:flex;align-items:center;gap:20px;padding:26px 30px;border:1px dashed #9dcfc5;border-radius:20px;margin:38px 0 0;background:#fcfefd}.growing>span{font-size:48px;color:#30bead}.growing h2{font-size:21px;margin:0 0 7px}.growing p{font-size:15px;color:#526360;margin:0}footer{border-top:1px solid #d9e7e3;display:flex;justify-content:space-between;align-items:center;padding:28px 34px;gap:25px}footer img{width:155px;height:auto}footer span{font-size:13px;color:#526360}@media(max-width:950px){.tools{gap:22px}.tool{grid-template-columns:1fr}.tool-art{min-height:190px}.tool-art img{width:155px;height:155px}.sound-note,.level-note{top:18px;left:15px;right:auto;font-size:15px}.tag{bottom:14px;right:14px}.tool-copy{padding:25px}.tool h2 br{display:none}.tool h2 br:after{content:' '}.doodle{right:20px}}@media(max-width:620px){header{padding:23px 22px}header img{width:170px}.header-note{display:none}main{padding:4px 22px 40px}.intro{padding:22px 0 32px}h1{letter-spacing:-1.6px;font-size:44px}.intro>p:last-of-type{font-size:17px}.doodle{display:none}.tools{grid-template-columns:1fr;gap:28px}.tool-art{min-height:175px}.tool-copy{padding:25px}.tool h2{font-size:29px}.tool h2 br{display:block}.tool h2 br:after{content:none}.growing{padding:20px;gap:14px}.growing>span{font-size:35px}footer{padding:24px 22px;flex-wrap:wrap}footer span{display:none}}@media(prefers-reduced-motion:reduce){.tool{transition:none}}.ecosystem-nav{display:flex;justify-content:center;align-items:center;gap:8px;flex-wrap:wrap;width:100%;padding:10px 18px;border-bottom:1px solid #d9e7e3;background:#f2faf8;box-sizing:border-box}.ecosystem-nav a{display:inline-flex;align-items:center;min-height:40px;padding:7px 14px;color:#264b48;font:600 14px/1.3 Arial,sans-serif;text-decoration:none;border-radius:9px;white-space:nowrap}.ecosystem-nav a:hover{background:#dcf2ed}.ecosystem-nav a[aria-current=page]{color:#006b70;background:#d7eeea}.ecosystem-nav a:focus-visible{outline:3px solid #111;outline-offset:3px}@media(max-width:620px){.ecosystem-nav{gap:2px;padding:8px}.ecosystem-nav a{font-size:12px;padding:7px 9px}}