@import url('https://fonts.googleapis.com/css2?family=Baloo+2:wght@400;500;600;700;800&family=Nunito:wght@400;600;700;800;900&display=swap');
:root{--sky:#50d0dc;--sky2:#baf5ee;--leaf:#2c7a3f;--leaf2:#75b83e;--sun:#ffc928;--orange:#f28a28;--soil:#60402e;--cream:#fff7dc;--ink:#183c3b;--wood:#9a6036}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--sky);color:var(--ink);font-family:'Nunito',sans-serif;overflow-x:hidden}
a{color:inherit;text-decoration:none}.site-shell{min-height:100vh;position:relative;background:radial-gradient(circle at 80% 12%,#a7f4ec 0 8%,transparent 25%),linear-gradient(180deg,#51d1dc 0%,#9ce9d9 62%,#76bd45 100%)}
.site-shell:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(#fff8 1.3px,transparent 1.5px);background-size:34px 34px;opacity:.28}
.topbar{position:relative;z-index:2;max-width:1180px;margin:auto;padding:18px 24px;display:flex;align-items:center;justify-content:space-between;gap:18px}
.brand{display:flex;align-items:center;gap:12px;font-family:'Baloo 2';font-size:1.45rem;font-weight:800;letter-spacing:.4px}.brand img{width:54px;height:54px;border-radius:15px;border:3px solid #fff0b5;box-shadow:0 4px 0 #8b5b32}
.nav{display:flex;gap:8px;flex-wrap:wrap}.nav a{font-weight:900;padding:10px 16px;border-radius:999px;background:#fff9;border:2px solid #fff8}.nav a:hover,.nav a.active{background:#fff0b8;border-color:#f3a52e}
main{position:relative;z-index:1}.container{max-width:1120px;margin:auto;padding:30px 24px 72px}
.hero{display:grid;grid-template-columns:1fr 1.05fr;align-items:center;gap:34px;padding:34px 0 54px}
.eyebrow{display:inline-block;background:#fff1b8;border:2px solid #e6a52e;color:#71471f;border-radius:999px;padding:7px 15px;font-weight:900;letter-spacing:1px;text-transform:uppercase;font-size:.76rem}
h1,h2,h3{font-family:'Baloo 2',sans-serif;line-height:1.04;margin:12px 0;color:#184d39}h1{font-size:clamp(3.1rem,7vw,6rem);font-weight:800;text-shadow:0 4px 0 #fff0a5}h1 span{color:#e97822}h2{font-size:clamp(2rem,4vw,3.2rem)}h3{font-size:1.45rem}
.lead{font-size:1.18rem;line-height:1.75;max-width:520px;font-weight:700}
.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:13px 22px;border-radius:16px;background:linear-gradient(#ffdb59,#ffae25);border:3px solid #9c5c28;box-shadow:0 5px 0 #754323;color:#58361f;font-weight:1000;font-size:1rem}.btn.secondary{background:#fff8dc}.btn:hover{transform:translateY(-2px)}
.hero-art{position:relative}.hero-art img{width:100%;display:block;border:8px solid #fff0b8;border-radius:32px;box-shadow:0 12px 0 #477b3d,0 22px 40px #174d3c55;transform:rotate(1deg)}
.sun-deco{position:absolute;right:-18px;top:-28px;font-size:4rem;filter:drop-shadow(0 4px 0 #c98023)}
.drop{position:absolute;left:-20px;bottom:10px;font-size:2.8rem}
.section{margin:28px 0 48px}.section-head{text-align:center;max-width:700px;margin:0 auto 24px}.section-head p{font-size:1.05rem;font-weight:700;line-height:1.65}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{background:#fff8dc;border:3px solid #9d6739;border-radius:24px;padding:22px;box-shadow:0 7px 0 #79502f}.card .emoji{font-size:2.3rem}.card p{line-height:1.65;font-weight:700;margin-bottom:0}
.screenshot-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.shot{background:#fff8dc;border:4px solid #9b6639;border-radius:24px;padding:10px;box-shadow:0 7px 0 #79502f}.shot img{width:100%;display:block;border-radius:15px}.shot figcaption{font-weight:900;padding:10px 6px 3px;text-align:center}
.wood-panel{background:linear-gradient(135deg,#bd8550,#8d542e);border:5px solid #603d28;border-radius:28px;color:#fff5d8;padding:28px;box-shadow:0 9px 0 #563821}.wood-panel h2,.wood-panel h3{color:#fff0b8;text-shadow:0 2px #603d28}.wood-panel p{line-height:1.75;font-weight:700}
.page-hero{text-align:center;padding:46px 0 26px}.page-hero h1{font-size:clamp(2.8rem,6vw,4.8rem)}.page-hero p{max-width:720px;margin:0 auto;font-weight:800;font-size:1.1rem;line-height:1.7}
.paper{background:#fff9e7;border:4px solid #9a6338;border-radius:26px;padding:clamp(22px,4vw,42px);box-shadow:0 9px 0 #744a2c;max-width:900px;margin:20px auto}.paper h2{font-size:1.8rem;margin-top:28px}.paper h2:first-child{margin-top:0}.paper p,.paper li{line-height:1.8;font-weight:700}.paper ul{padding-left:22px}
.contact-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:22px;align-items:start}.contact-note{background:#fff1b8;border:3px dashed #a56835;border-radius:24px;padding:24px}.contact-note .big{font-size:3rem}.contact-note p{line-height:1.7;font-weight:800}
form{display:grid;gap:14px}label{font-weight:900}input,textarea{width:100%;border:2px solid #a66b3b;border-radius:13px;padding:13px 15px;font:inherit;background:#fffdf5;color:var(--ink)}textarea{min-height:150px;resize:vertical}input:focus,textarea:focus{outline:3px solid #ffd45a}
.footer{position:relative;z-index:1;background:#245b3b;color:#fff4cf;padding:28px 24px;text-align:center;border-top:8px solid #9b642f}.footer p{margin:7px}.footer a{text-decoration:underline}.footer-nav{display:flex;justify-content:center;gap:20px;flex-wrap:wrap;margin:12px}
.breadcrumb{font-weight:900;color:#356c43}.smallprint{font-size:.9rem;opacity:.85}
@media(max-width:780px){.topbar{align-items:flex-start;flex-direction:column}.hero{grid-template-columns:1fr;padding-top:18px}.hero-art{max-width:650px;margin:auto}.cards{grid-template-columns:1fr}.screenshot-grid{grid-template-columns:1fr}.contact-layout{grid-template-columns:1fr}h1{font-size:3.5rem}.container{padding-top:20px}}