:root{--bg:#fff;--bg-alt:#eaf3fc;--surface:#fff;--ink:#15243a;--ink-soft:#4e6579;--ink-faint:#8299ac;--primary:#1879d1;--primary-dark:#0f4c81;--accent:#ff888b;--line:#d8e7f6;--shadow:0 18px 40px -22px #0f4c8147;--mood-relaxed:#5f9e76;--mood-happy:#e4a430;--mood-curious:#8a73c4;--mood-fearful:#6e88a0;--mood-aggressive:#de5a50}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#101c26;--bg-alt:#0b141c;--surface:#1b2a38;--ink:#f3efe4;--ink-soft:#aebbc5;--ink-faint:#7d8b96;--primary:#5ca9f5;--primary-dark:#8fc4ff;--accent:#ffa3a5;--line:#2a3d4c;--shadow:0 18px 40px -20px #0000008c;--mood-relaxed:#7bc290;--mood-happy:#f0bb52;--mood-curious:#a791de;--mood-fearful:#89a2b8;--mood-aggressive:#f07a70}}:root[data-theme=dark]{--bg:#101c26;--bg-alt:#0b141c;--surface:#1b2a38;--ink:#f3efe4;--ink-soft:#aebbc5;--ink-faint:#7d8b96;--primary:#5ca9f5;--primary-dark:#8fc4ff;--accent:#ffa3a5;--line:#2a3d4c;--shadow:0 18px 40px -20px #0000008c;--mood-relaxed:#7bc290;--mood-happy:#f0bb52;--mood-curious:#a791de;--mood-fearful:#89a2b8;--mood-aggressive:#f07a70}@font-face{font-display:swap}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);padding-inline:20px;font-family:Nunito,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.55}h1,h2,h3,.display{letter-spacing:-.01em;text-wrap:balance;color:var(--ink);margin:0;font-family:Fredoka,Nunito,sans-serif;font-weight:600}p{margin:0}a{color:inherit}img{max-width:100%;display:block}.wrap{max-width:1080px;margin-inline:auto}.paws{pointer-events:none;opacity:1;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cg fill='%231879D1' fill-opacity='0.05'%3E%3Ccircle cx='40' cy='55' r='7'/%3E%3Ccircle cx='58' cy='46' r='6'/%3E%3Ccircle cx='76' cy='50' r='6'/%3E%3Cellipse cx='58' cy='72' rx='15' ry='11'/%3E%3C/g%3E%3C/svg%3E");background-size:120px 120px;position:absolute;inset:0}header{padding-block:22px}.nav{justify-content:space-between;align-items:center;gap:12px;display:flex}.brand{align-items:center;gap:10px;display:flex}.brand img{border-radius:22%;width:38px;height:38px}.brand span{font-family:Fredoka,sans-serif;font-size:1.4rem;font-weight:600}.nav-cta{background:var(--primary);color:#fff;white-space:nowrap;border-radius:999px;padding:9px 16px;font-family:Fredoka,sans-serif;font-size:.85rem;font-weight:500;text-decoration:none}.hero{background:var(--bg-alt);border:1px solid var(--line);border-radius:28px;padding-block:48px 40px;position:relative;overflow:hidden}.hero-inner{z-index:1;grid-template-columns:1.1fr .9fr;align-items:center;gap:40px;padding-inline:36px;display:grid;position:relative}.eyebrow{letter-spacing:.06em;text-transform:uppercase;color:var(--primary-dark);background:color-mix(in srgb, var(--primary) 14%, transparent);border-radius:999px;align-items:center;gap:8px;margin-bottom:16px;padding:6px 14px;font-family:Fredoka,sans-serif;font-size:.78rem;font-weight:500;display:inline-flex}.hero h1{font-size:clamp(2.1rem,4vw,3rem);line-height:1.08}.hero h1 em{color:var(--primary);font-style:normal}.hero-sub{color:var(--ink-soft);max-width:46ch;margin-top:16px;font-size:1.05rem}.hero-ctas{flex-wrap:wrap;align-items:center;gap:14px;margin-top:26px;display:flex}.btn-store{line-height:0;display:inline-block}.btn-store img{filter:drop-shadow(0 16px 26px #0f4c8140);width:auto;height:56px;display:block}.btn-store:hover img{opacity:.9}.meta-line{color:var(--ink-faint);font-size:.82rem}.hero-visual{justify-content:center;display:flex;position:relative}.mascot-stage{aspect-ratio:1;justify-content:center;align-items:center;width:min(280px,100%);display:flex;position:relative}.mascot-stage img{filter:drop-shadow(0 16px 26px #0f4c8140);border-radius:22%;width:62%;animation:4.5s ease-in-out infinite bob}.mood-ring span{border-radius:50%;width:14px;height:14px;position:absolute;box-shadow:0 3px 8px #0000002e}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-9px)}}@media (prefers-reduced-motion:reduce){.mascot-stage img{animation:none}}section{padding-block:64px}.kicker{letter-spacing:.08em;text-transform:uppercase;color:var(--primary);margin-bottom:10px;font-family:Fredoka,sans-serif;font-size:.78rem;font-weight:500}.section-head{max-width:60ch;margin-bottom:36px}.section-head h2{font-size:clamp(1.5rem,3vw,2rem)}.section-head p{color:var(--ink-soft);margin-top:10px;font-size:1.02rem}.steps{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}.step{background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:26px 22px}.step-num{background:color-mix(in srgb, var(--primary) 15%, transparent);width:32px;height:32px;color:var(--primary-dark);border-radius:10px;justify-content:center;align-items:center;margin-bottom:16px;font-family:Fredoka,sans-serif;font-size:.95rem;font-weight:600;display:flex}.step h3{margin-bottom:8px;font-size:1.05rem}.step p{color:var(--ink-soft);font-size:.94rem}.moods{grid-template-columns:repeat(5,1fr);gap:14px;display:grid}.mood-card{background:var(--surface);border:1px solid var(--line);border-top:4px solid var(--dot);border-radius:18px;padding:18px 14px;transition:transform .18s}.mood-card:hover{transform:translateY(-4px)}.mood-card .dot{background:var(--dot);border-radius:50%;width:10px;height:10px;margin-bottom:12px}.mood-card h3{margin-bottom:6px;font-size:.98rem}.mood-card p{color:var(--ink-soft);font-size:.82rem}.features{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.feature{background:var(--bg-alt);border:1px solid var(--line);border-radius:20px;padding:24px}.feature .icon{background:var(--surface);border:1px solid var(--line);border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;margin-bottom:16px;font-size:1.15rem;display:flex}.feature h3{margin-bottom:8px;font-size:1.02rem}.feature p{color:var(--ink-soft);font-size:.92rem}.mood-cta{background:var(--bg-alt);border:1px solid var(--line);border-radius:28px;grid-template-columns:1fr auto;align-items:center;gap:24px;padding:36px 40px;display:grid}.mood-cta h2{font-size:clamp(1.3rem,2.4vw,1.7rem)}.mood-cta p{color:var(--ink-soft);max-width:52ch;margin-top:8px;font-size:.98rem}.screenshot-row{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.screenshot-row img{width:100%;height:auto;box-shadow:var(--shadow);border-radius:24px;display:block}.pricing{grid-template-columns:repeat(2,1fr);gap:22px;display:grid}.plan{border:1px solid var(--line);background:var(--surface);border-radius:22px;padding:30px 26px}.plan.pro{border-color:var(--primary);box-shadow:var(--shadow);position:relative}.plan .tag{letter-spacing:.05em;text-transform:uppercase;color:var(--primary-dark);background:color-mix(in srgb, var(--primary) 14%, transparent);border-radius:999px;margin-bottom:14px;padding:4px 10px;font-family:Fredoka,sans-serif;font-size:.72rem;font-weight:500;display:inline-block}.plan .price{margin:4px 0;font-family:Fredoka,sans-serif;font-size:2rem}.plan .price small{color:var(--ink-soft);font-size:.95rem;font-weight:400}.plan ul{flex-direction:column;gap:10px;margin:18px 0 0;padding:0;list-style:none;display:flex}.plan li{color:var(--ink-soft);gap:8px;font-size:.92rem;display:flex}.plan li:before{content:"✓";color:var(--primary);font-weight:700}footer{text-align:center;color:var(--ink-faint);padding-block:20px 50px;font-size:.82rem}footer a{color:var(--ink-soft);text-underline-offset:3px;text-decoration:underline}.legal-links{flex-wrap:wrap;justify-content:center;gap:18px;margin-bottom:14px;font-family:Fredoka,sans-serif;font-size:.82rem;font-weight:500;display:flex}.legal-links a{color:var(--ink-soft);text-decoration:none}.legal-links a:hover{text-decoration:underline}@media (max-width:820px){.hero-inner{text-align:left;grid-template-columns:1fr;padding-inline:22px}.hero-visual{order:-1}.steps,.features,.pricing{grid-template-columns:1fr}.moods{grid-template-columns:repeat(2,1fr)}.mood-cta{text-align:left;grid-template-columns:1fr}.screenshot-row{grid-template-columns:repeat(2,1fr)}}