@import "https://fonts.googleapis.com/css2?family=Patrick+Hand&family=Inter:wght@400;500;600&display=swap";
:root{--bg-cream:#f6f2ed;--text-dark:#242321;--blue-btn:#aebfdd;--card-bg:#fffdf9;--border-dark:#292725}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-cream);color:var(--text-dark);font-family:Patrick Hand,cursive,sans-serif;line-height:1.4}.container{max-width:1100px;margin:0 auto;padding:0 24px}.header{border-bottom:1px solid #00000014;justify-content:space-between;align-items:center;padding:20px 0;display:flex}.brand{color:var(--text-dark);align-items:center;gap:10px;font-size:20px;font-weight:700;text-decoration:none;display:flex}.nav-links{gap:28px;list-style:none;display:flex}.nav-links a{color:var(--text-dark);font-size:18px;text-decoration:none}.nav-links a.active{font-weight:700;text-decoration:underline}.hero{grid-template-columns:1fr 1fr;align-items:center;gap:40px;padding:60px 0;display:grid}.hero-title{margin-bottom:20px;font-size:64px;line-height:1.1}.hero-subtitle{color:#555;max-width:420px;margin-bottom:30px;font-size:22px}.btn-pill{background-color:var(--blue-btn);border:2px solid var(--border-dark);cursor:pointer;box-shadow:2px 2px 0px var(--border-dark);border-radius:20px;align-items:center;gap:8px;padding:12px 28px;font-family:Patrick Hand,cursive;font-size:22px;transition:transform .1s,box-shadow .1s;display:inline-flex}.btn-pill:hover{box-shadow:1px 1px 0px var(--border-dark);transform:translate(1px,1px)}.hero-image-wrap{justify-content:center;display:flex;position:relative}.hero-mascot{object-fit:contain;width:auto;height:280px}.hero-annotation{text-align:center;font-size:18px;position:absolute;bottom:20px;right:10px}.section-title{text-align:center;margin:40px 0 20px;font-size:32px}.features-grid{text-align:center;grid-template-columns:repeat(4,1fr);gap:20px;padding-bottom:50px;display:grid}.feature-item h3{margin:10px 0 6px;font-size:22px}.feature-item p{color:#666;font-size:16px}hr{border:none;border-top:1px solid #0000001a}@keyframes pulseBreath{0%{transform:scale(1)}50%{transform:scale(1.4)}to{transform:scale(1)}}.breathing-circle-anim{animation:4s ease-in-out infinite pulseBreath!important}@media (max-width:768px){.hero{text-align:center;grid-template-columns:1fr}.features-grid{grid-template-columns:1fr 1fr}}.hero-annotation-wrap{flex-direction:column;align-items:flex-start;display:flex;position:absolute;bottom:60px;right:-160px}@media (max-width:900px){.hero-annotation-wrap{align-items:center;margin-top:16px;position:static}}