*{margin:0;padding:0;box-sizing:border-box}:root{--ink: #2b3328;--ink-soft: #5c6657;--green: #6fbe58;--green-dark: #4e9440;--paper: #fbfaf6;--card: #ffffff}body{font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,Roboto,sans-serif;background:var(--paper);color:var(--ink);line-height:1.6;-webkit-font-smoothing:antialiased}.nav{display:flex;align-items:center;gap:10px;max-width:960px;margin:0 auto;padding:20px 24px}.nav-mascot{width:40px;height:40px;transform:rotate(-8deg)}.nav-name{font-size:22px;font-weight:800;letter-spacing:-.02em}.nav-download{color:var(--green-dark);font-weight:600;text-decoration:none}.nav-download:hover{text-decoration:underline}.hero{max-width:960px;margin:0 auto;padding:56px 24px 40px;text-align:center}.hero h1{font-size:clamp(44px,8vw,76px);font-weight:900;letter-spacing:-.03em;line-height:1.05}.hero-sub{max-width:560px;margin:24px auto 0;font-size:19px;color:var(--ink-soft)}.hero-cta{margin-top:32px;display:flex;flex-direction:column;align-items:center;gap:10px}.download-button{display:inline-flex;align-items:center;gap:10px;background:var(--green);color:#fff;font-size:19px;font-weight:700;padding:14px 30px;border-radius:999px;text-decoration:none;box-shadow:0 6px 18px #6fbe5866;transition:transform .15s ease,box-shadow .15s ease}.download-button:hover{transform:translateY(-2px) rotate(-1deg);box-shadow:0 10px 24px #6fbe5880}.download-arrow{font-size:22px}.hero-note{font-size:14px;color:var(--ink-soft)}.demo{max-width:880px;margin:32px auto 0;padding:0 24px}.demo-menubar{display:flex;align-items:center;gap:14px;background:#ffffffe0;border:1px solid #e3e1d9;border-bottom:none;border-radius:14px 14px 0 0;padding:6px 16px;font-size:13px;font-weight:600}.demo-spacer{flex:1}.demo-clock{font-weight:400;color:var(--ink-soft)}.demo-wallpaper{position:relative;aspect-ratio:16 / 9.5;border:1px solid #e3e1d9;border-top:none;border-radius:0 0 14px 14px;background:linear-gradient(160deg,#a7c9e8,#7ea8d4 45%,#c9a7d4);overflow:hidden;box-shadow:0 24px 60px #2b33282e}.demo-sticker{position:absolute;width:17%;transform:translate(-50%,-50%) rotate(var(--rot)) scale(var(--scale));transition:left 1s cubic-bezier(.3,.9,.4,1),top 1s cubic-bezier(.3,.9,.4,1),transform .9s cubic-bezier(.3,1.4,.4,1);filter:drop-shadow(0 6px 8px rgba(0,0,0,.18))}.demo-sticker.enter{transform:translate(-50%,-50%) rotate(var(--rot)) scale(.1);transition:none}.demo-sticker.peel{transform:translate(-50%,-140%) rotate(38deg) scale(var(--scale));opacity:0;transition:all .7s cubic-bezier(.5,0,.8,.4)}.demo-cursor{position:absolute;z-index:10;transform:translate(-4px,-2px);transition:left .7s cubic-bezier(.4,.1,.3,1),top .7s cubic-bezier(.4,.1,.3,1);pointer-events:none}.demo-cursor.down svg{transform:scale(.82)}.demo-cursor svg{transition:transform .12s ease;filter:drop-shadow(0 1px 2px rgba(0,0,0,.35))}.features{max-width:960px;margin:72px auto 0;padding:0 24px;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.feature{background:var(--card);border:1px solid #ecebe4;border-radius:20px;padding:28px;box-shadow:0 4px 16px #2b33280d}.feature-emoji{font-size:34px;margin-bottom:12px}.feature h3{font-size:18px;margin-bottom:8px;letter-spacing:-.01em}.feature p{font-size:15px;color:var(--ink-soft)}.first-launch{max-width:620px;margin:72px auto 0;padding:28px 32px;background:#fff8e8;border:1px solid #f0e3bc;border-radius:20px}.first-launch h2{font-size:20px;margin-bottom:10px}.first-launch p{color:var(--ink-soft);font-size:15px}.first-launch ol{margin:14px 0 0 22px;font-size:15px;color:var(--ink-soft)}.first-launch li{margin-bottom:6px}.footer{text-align:center;padding:80px 24px 48px;color:var(--ink-soft);font-size:14px}.footer-mascot{width:56px;transform:rotate(8deg);margin-bottom:12px}.footer a{color:var(--green-dark)}@media(max-width:640px){.first-launch{margin-left:24px;margin-right:24px}}