.landing{max-width:1200px;margin:0 auto;padding:20px 28px 0}.landing code{background:#ffffffb3;border:1.5px solid var(--sky-200)}.sky-hero{position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;text-align:center;padding:48px 40px 150px;border:var(--outline);border-radius:40px 34px 42px 36px/36px 42px 34px 40px;background:linear-gradient(180deg,#bcdcfa,#d8ebfd 55%,#eef7ff);box-shadow:var(--sticker)}.sky-hero>:not(.cloud-edge):not(.sky-spark):not(.sky-star){position:relative;z-index:2}.mascot-perch{position:relative;display:grid;justify-items:center;margin-bottom:18px}.speech{position:absolute;top:18px;left:calc(100% - 26px);margin:0;padding:8px 16px;white-space:nowrap;background:var(--paper);border:2px solid var(--doodle);border-radius:18px 18px 18px 4px;font-family:var(--font-heading);font-size:16px;font-weight:500;line-height:1.3;transform:rotate(-4deg)}.mascot-float{position:relative;z-index:1;width:170px;height:auto;animation:float 4.5s ease-in-out infinite}.perch-cloud{width:220px;height:46px;margin-top:-22px;border-radius:40px;background:#fff;border:2px solid var(--sky-200);box-shadow:-60px 6px 0 -10px #fff,60px 6px 0 -10px #fff}@keyframes float{0%,to{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-10px) rotate(2deg)}}.sky-hero h1{max-width:760px;font-size:70px;line-height:1.02;margin:0 0 18px}.sky-hero h1 mark{background:linear-gradient(180deg,transparent 58%,var(--yellow) 58%,var(--yellow) 90%,transparent 90%);color:inherit;padding:0 4px}.sky-lede{max-width:520px;font-size:18px;line-height:1.6;color:#34506f;margin-bottom:28px}.sky-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:14px}.sky-spark{position:absolute;z-index:1;color:#fff}.sky-spark.s1{width:26px;top:46px;left:14%}.sky-spark.s2{width:18px;top:150px;right:12%}.sky-spark.s3{width:14px;top:260px;left:8%}.sky-spark.s4{width:20px;top:40px;right:26%}.sky-star{position:absolute;z-index:1;color:var(--yellow)}.sky-star.a{width:36px;top:120px;left:22%;transform:rotate(-14deg)}.sky-star.b{width:26px;top:260px;right:18%;transform:rotate(16deg)}.cloud-edge{position:absolute;left:-2%;width:104%;bottom:-2px;height:120px}.cloud-edge.back{color:#e6f2fe;bottom:26px;transform:scaleX(-1)}.cloud-edge.front{color:var(--canvas)}.doodle-heading{position:relative;display:inline-block;font-size:42px;margin:0 0 34px}.doodle-heading:after{content:"";position:absolute;left:0;right:-6px;bottom:-10px;height:10px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 10' preserveAspectRatio='none'%3E%3Cpath d='M2 6C20 2 30 9 48 5S78 2 96 6 112 4 118 5' stroke='%23FFD84D' stroke-width='4' fill='none' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat 50% /100% 100%}.sticker{position:relative;padding:30px 30px 24px;background:var(--paper);border:var(--outline);border-radius:var(--wobble);box-shadow:var(--sticker);transition:transform .2s ease}.sticker:hover{transform:rotate(-.6deg) translateY(-2px)}.sticker.message{background:var(--yellow-soft)}.sticker.voice{background:var(--blue-soft)}.sticker-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;border:2px solid var(--doodle);background:var(--paper);color:var(--blue-strong);flex-shrink:0}.sticker h3{font-size:25px;margin:14px 0 6px}.sticker p{font-size:15px;margin-bottom:10px}.sticker .fine{font-size:14px}.sticker .fine,.sticker.plain p{color:var(--muted)}.sticker .big-goal{font-family:var(--font-heading);font-size:96px;font-weight:600;line-height:1;margin:6px 0 0;color:var(--ink)}.big-goal small{font-size:20px;font-weight:500;color:var(--muted)}.sticker .goal-unit{font-family:var(--font-heading);font-size:20px;color:var(--muted);margin:0 0 18px}.bento{padding-top:72px}.bento-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-template-areas:"msg msg voice voice" "msg msg cmd privacy" "nudge nudge cmd privacy";grid-gap:22px;gap:22px}.tile-message{grid-area:msg;display:flex;flex-direction:column}.tile-message .text-link{margin-top:auto}.tile-voice{grid-area:voice}.tile-commands{grid-area:cmd;background:#f7fbff}.tile-privacy{grid-area:privacy}.tile-nudge{grid-area:nudge}.voice-head{display:flex;align-items:center;gap:12px}.voice-head h3{margin:0}.voice-body{display:grid;grid-template-columns:auto 1fr;grid-gap:22px;gap:22px;align-items:center;margin-top:8px}.tile-voice .big-goal{font-size:84px}.tile-commands h3{margin-top:0}.command-chips{list-style:none;margin:12px 0 14px;padding:0;display:grid;grid-gap:10px;gap:10px;font-size:14px;color:var(--muted)}.command-chips code{font-family:var(--font-heading);font-size:16px;font-weight:600;color:var(--blue-strong);margin-right:4px}.tile-nudge,.tile-privacy{background:var(--paper)}.data-note{margin:22px 0 0;text-align:center;font-size:14px;color:var(--muted)}.night-sky{position:relative;overflow:hidden;margin-top:80px;padding:56px 56px 44px;border:var(--outline);border-radius:36px 42px 34px 40px/40px 34px 42px 36px;color:#fff;background:radial-gradient(60% 45% at 25% 30%,#8fbdf0aa 0,transparent 70%),radial-gradient(40% 30% at 80% 75%,#b9dfff66 0,transparent 70%),radial-gradient(30% 20% at 50% 55%,#ffffff40 0,transparent 70%),linear-gradient(160deg,#22477a,#1c3354 60%,#172a46);box-shadow:var(--sticker)}.night-copy{max-width:560px;margin-bottom:40px}.night-sky h2{font-size:44px;margin:0 0 8px}.night-copy p{font-size:17px;color:#d6e8fb;margin:0}.night-sky>.text-link{margin-top:26px;color:var(--yellow)}.night-sky code{background:#fff}.night-spark{position:absolute;color:#fff;opacity:.9}.night-spark.n1{width:20px;top:34px;right:30%}.night-spark.n2{width:12px;top:90px;right:12%}.night-spark.n3{width:16px;bottom:40px;right:6%;color:var(--yellow)}.night-spark.n4{width:10px;bottom:60px;left:44%}.diary-notes{position:relative;list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:26px;gap:26px}.diary-notes li{position:relative;padding:30px 24px 20px;background:#fffdf6;color:var(--ink);border:2px solid var(--doodle);border-radius:6px 6px 22px 6px}.diary-notes li:first-child{transform:rotate(-1.6deg)}.diary-notes li:nth-child(2){transform:rotate(1.2deg) translateY(14px)}.diary-notes li:nth-child(3){transform:rotate(-.8deg);background:var(--yellow-soft)}.tape{position:absolute;top:-12px;left:50%;width:84px;height:24px;margin-left:-42px;background:#b9dfffcc;border-radius:3px;transform:rotate(-3deg)}.diary-notes li:nth-child(2) .tape{background:#ffd84dcc;transform:rotate(4deg)}.diary-notes strong{display:block;font-family:var(--font-heading);font-size:22px;font-weight:600;margin-bottom:6px}.diary-notes p{margin:0;font-size:15px;line-height:32px;color:#3f5975;background-image:repeating-linear-gradient(180deg,transparent 0 30px,#d9e8f6 30px 32px)}.hello-cta{position:relative;margin:140px auto 0;max-width:760px;display:flex;flex-direction:column;align-items:center;text-align:center;padding:40px 44px;background:var(--yellow-soft);border:var(--outline);border-radius:var(--wobble);box-shadow:var(--sticker)}.peek-mascot{position:absolute;top:-104px;right:56px;width:104px;-webkit-clip-path:inset(0 0 24% 0);clip-path:inset(0 0 24% 0)}.hello-cta h2{font-size:38px;margin-bottom:8px}.hello-cta p{max-width:520px;margin:0 0 22px;font-size:16px;color:#3f5975}@media (max-width:1000px){.bento-grid{grid-template-columns:1fr 1fr;grid-template-areas:"msg voice" "msg cmd" "privacy nudge"}.voice-body{gap:0}.diary-notes,.voice-body{grid-template-columns:1fr}.diary-notes{max-width:520px;gap:30px}.diary-notes li:nth-child(2){transform:rotate(1.2deg)}}@media (max-width:760px){.landing{padding:12px 16px 0}.sky-hero{padding:36px 20px 110px;border-radius:30px}.speech{left:auto;right:-70px;top:-6px;font-size:14px}.mascot-float{width:130px}.sky-spark.s3,.sky-star.b{display:none}.perch-cloud{width:160px;height:38px}.sky-hero h1{font-size:44px}.sky-lede{font-size:16px}.sky-actions .button{width:100%}.cloud-edge{height:80px}.doodle-heading{font-size:32px}.bento{padding-top:56px}.bento-grid{grid-template-columns:1fr;grid-template-areas:"msg" "voice" "cmd" "privacy" "nudge";gap:18px}.sticker{padding:24px 22px 18px}.sticker .big-goal,.tile-voice .big-goal{font-size:70px}.night-sky{margin-top:64px;padding:36px 20px 30px;border-radius:30px}.night-sky h2{font-size:32px}.hello-cta{margin-top:120px;padding:30px 22px}.peek-mascot{right:24px;width:88px;top:-88px}.hello-cta h2{font-size:28px}}