:root{--color-bg-start:#f0f4f8;--color-bg-end:#e8f0f6;--color-glass:#ffffffb3;--color-glass-border:#ffffff40;--color-glass-hover:#ffffffd9;--color-text-primary:#1a2b3c;--color-text-secondary:#5a6b7c;--color-text-tertiary:#8a9bac;--color-accent:#4a9fd4;--color-accent-hover:#3a8fc4;--color-accent-soft:#e3f2fd;--color-success:#5cb88f;--font-family:"Nunito",-apple-system,BlinkMacSystemFont,sans-serif;--space-xs:8px;--space-sm:16px;--space-md:24px;--space-lg:48px;--space-xl:80px;--space-2xl:120px;--max-width:1200px;--nav-height:72px;--radius-sm:12px;--radius-md:24px;--radius-full:100px;--shadow-soft:0 4px 24px #1a2b3c0f;--shadow-lifted:0 8px 32px #1a2b3c1a;--transition-fast:.15s ease;--transition-smooth:.3s cubic-bezier(.4,0,.2,1);--transition-float:.4s cubic-bezier(.4,0,.2,1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-family);color:var(--color-text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:linear-gradient(#ace0f9 0%,#fff1eb 100%);background-attachment:fixed;min-height:100vh;line-height:1.6}#root{min-height:100vh}h1,h2,h3,h4{color:var(--color-text-primary);font-weight:700;line-height:1.2}h1{letter-spacing:-.02em;font-size:clamp(2.5rem,5vw,3.5rem)}h2{letter-spacing:-.01em;font-size:clamp(1.75rem,3vw,2.25rem)}h3{font-size:1.25rem;font-weight:600}p{color:var(--color-text-secondary)}.container{width:100%;max-width:var(--max-width);padding:0 var(--space-md);margin:0 auto}@media (min-width:768px){.container{padding:0 var(--space-lg)}}@media (max-width:480px){:root{--space-lg:32px;--space-xl:48px;--space-2xl:64px;--radius-md:20px}}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}::selection{background:var(--color-accent-soft);color:var(--color-text-primary)}.glass-card{background:var(--color-glass);border:1px solid var(--color-glass-border);border-radius:var(--radius-md);-webkit-backdrop-filter:blur(12px);box-shadow:var(--shadow-soft);padding:var(--space-md);transition:transform var(--transition-smooth),box-shadow var(--transition-smooth),background var(--transition-fast);will-change:transform;transform:translateZ(0)}@media (hover:hover){.glass-card:hover{box-shadow:var(--shadow-lifted);background:var(--color-glass-hover);transform:translateY(-4px)}}.glass-card:active{background:var(--color-glass-hover);transform:translateY(-2px)}@media (min-width:768px){.glass-card{padding:var(--space-lg)}}.mizu-button{justify-content:center;align-items:center;gap:var(--space-xs);font-family:var(--font-family);cursor:pointer;color:var(--color-text-primary);-webkit-backdrop-filter:blur(16px)saturate(180%);transition:transform var(--transition-fast),box-shadow var(--transition-fast),background var(--transition-fast);background:linear-gradient(#8cc8f099 0%,#64b4e68c 50%,#50a0d780 100%);border:1.5px solid #ffffffb3;border-radius:16px;font-weight:600;text-decoration:none;display:inline-flex;box-shadow:0 4px 16px #64b4e640,inset 0 1px #fff9,inset 0 -1px #0000000d,0 0 0 1px #ffffff4d}.mizu-button:hover{background:linear-gradient(#a0d7fab3 0%,#78c3f0a6 50%,#64b4e699 100%);transform:scale(1.03);box-shadow:0 6px 24px #64b4e659,inset 0 1px #ffffffb3,inset 0 -1px #0000000d,0 0 0 1px #fff6}.mizu-button:active{background:linear-gradient(#5aaadc8c 0%,#64b4e699 50%,#6eb9eb8c 100%);transform:scale(.97)}.mizu-button--default{padding:12px 20px;font-size:.9375rem}.mizu-button--large{padding:14px 24px;font-size:1rem}.mizu-button--small{padding:8px 16px;font-size:.8125rem}@media (min-width:480px){.mizu-button--default{padding:14px 28px;font-size:1rem}.mizu-button--large{padding:16px 32px;font-size:1.0625rem}.mizu-button--small{padding:10px 20px;font-size:.875rem}}@media (min-width:768px){.mizu-button--large{padding:18px 36px;font-size:1.125rem}}.app{flex-direction:column;min-height:100vh;display:flex}.nav{top:var(--space-sm);z-index:100;width:calc(100% - var(--space-sm)*2);-webkit-backdrop-filter:blur(24px)saturate(180%);border-radius:var(--radius-md);max-width:1100px;padding:var(--space-xs)var(--space-sm);will-change:transform;background:#fff6;border:1px solid #fff9;position:fixed;left:50%;transform:translate(-50%)translateZ(0);box-shadow:0 4px 24px #1a2b3c0f,inset 0 1px 1px #fffc}@media (min-width:768px){.nav{width:calc(100% - var(--space-md)*2);padding:var(--space-sm)var(--space-sm)}}.nav__container{justify-content:space-between;align-items:center;display:flex}.nav__logo{align-items:center;gap:var(--space-xs);color:var(--color-text-primary);text-decoration:none;display:flex}.nav__logo-text{color:var(--color-accent);font-size:1.5rem;font-weight:700}.nav__logo-name{letter-spacing:-.01em;font-size:1.125rem;font-weight:600}@media (min-width:768px){.nav__logo-text{font-size:1.75rem}.nav__logo-name{font-size:1.25rem}}.hero{align-items:center;min-height:100vh;padding-top:80px;display:flex}.hero__container{text-align:center;align-items:center;gap:var(--space-md);padding:var(--space-lg)0;flex-direction:column;display:flex}.hero__neko{animation:4s ease-in-out infinite float;position:relative}.hero__neko-image{filter:drop-shadow(0 16px 32px #1a2b3c1f);width:200px;height:auto}.hero__content{align-items:center;gap:var(--space-sm);max-width:600px;padding:0 var(--space-sm);flex-direction:column;display:flex}.hero__title{margin:0}.hero__subtitle{max-width:480px;font-size:1.0625rem;line-height:1.6}.hero__cta{margin-top:var(--space-xs)}@media (min-width:480px){.hero__neko-image{width:260px}.hero__subtitle{font-size:1.125rem}.hero__container{gap:var(--space-lg)}}@media (min-width:768px){.hero__neko-image{filter:drop-shadow(0 20px 40px #1a2b3c26);width:360px}.hero__subtitle{font-size:1.375rem}.hero__content{gap:var(--space-md)}.hero__cta{margin-top:var(--space-sm)}}.features{padding:var(--space-xl)0 var(--space-2xl)}.features__grid{gap:var(--space-md);grid-template-columns:1fr;display:grid}.feature-card{text-align:center}.feature-card__icon{background:var(--color-accent-soft);width:64px;height:64px;color:var(--color-accent);margin-bottom:var(--space-sm);border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.feature-card__title{margin-bottom:var(--space-xs)}.feature-card__description{font-size:1rem;line-height:1.6}@media (min-width:768px){.features__grid{gap:var(--space-lg);grid-template-columns:repeat(3,1fr)}}.preview{padding:var(--space-lg)0 var(--space-xl);justify-content:center;align-items:center;display:flex;overflow:hidden}.preview__phone{perspective:1200px}.preview__phone-frame{background:linear-gradient(145deg,#1a2b3c 0%,#2a3b4c 100%);border-radius:42px;width:220px;height:460px;padding:8px;transition:transform .4s cubic-bezier(.34,1.56,.64,1),box-shadow .4s;animation:5s ease-in-out infinite float,3s ease-in-out infinite auraGlow;position:relative;box-shadow:0 0 24px #4a9fd44d,0 0 48px #4a9fd426,inset 0 1px 2px #ffffff26}@media (hover:hover){.preview__phone-frame:hover{animation-play-state:paused;transform:translateY(-12px)scale(1.03)rotateX(5deg);box-shadow:0 0 60px #4a9fd480,0 0 100px #4a9fd459,0 0 160px #4a9fd433,inset 0 1px 2px #fff3}}.preview__phone-frame:active{transform:translateY(-6px)scale(1.01)}@keyframes auraGlow{0%,to{box-shadow:0 0 24px #4a9fd44d,0 0 48px #4a9fd426,inset 0 1px 2px #ffffff26}50%{box-shadow:0 0 32px #4a9fd466,0 0 64px #4a9fd433,inset 0 1px 2px #ffffff26}}@media (min-width:480px){.preview__phone-frame{border-radius:48px;width:260px;height:540px;box-shadow:0 0 32px #4a9fd44d,0 0 64px #4a9fd433,inset 0 1px 2px #ffffff26}@keyframes auraGlow{0%,to{box-shadow:0 0 32px #4a9fd44d,0 0 64px #4a9fd433,inset 0 1px 2px #ffffff26}50%{box-shadow:0 0 40px #4a9fd466,0 0 80px #4a9fd440,inset 0 1px 2px #ffffff26}}}@media (min-width:768px){.preview{padding:var(--space-lg)0 var(--space-2xl)}.preview__phone-frame{border-radius:54px;width:320px;height:660px;padding:10px;box-shadow:0 0 40px #4a9fd44d,0 0 80px #4a9fd433,0 0 120px #4a9fd41a,inset 0 1px 2px #ffffff26}@keyframes auraGlow{0%,to{box-shadow:0 0 40px #4a9fd44d,0 0 80px #4a9fd433,0 0 120px #4a9fd41a,inset 0 1px 2px #ffffff26}50%{box-shadow:0 0 50px #4a9fd466,0 0 100px #4a9fd440,0 0 140px #4a9fd426,inset 0 1px 2px #ffffff26}}}.preview__phone-notch{z-index:10;background:#1a2b3c;border-radius:0 0 12px 12px;width:70px;height:20px;position:absolute;top:8px;left:50%;transform:translate(-50%)}.preview__phone-screen{background:linear-gradient(165deg,var(--color-bg-start)0%,var(--color-bg-end)100%);border-radius:34px;justify-content:center;align-items:center;width:100%;height:100%;display:flex;overflow:hidden}.preview__placeholder{align-items:center;gap:var(--space-xs);color:var(--color-text-tertiary);flex-direction:column;display:flex}.preview__placeholder-text{color:var(--color-text-secondary);font-size:1rem;font-weight:600}.preview__placeholder-subtext{font-size:.75rem}@media (min-width:480px){.preview__phone-notch{border-radius:0 0 14px 14px;width:85px;height:24px}.preview__phone-screen{border-radius:40px}.preview__placeholder-text{font-size:1.0625rem}.preview__placeholder-subtext{font-size:.8125rem}}@media (min-width:768px){.preview__phone-notch{border-radius:0 0 18px 18px;width:100px;height:28px;top:10px}.preview__phone-screen{border-radius:44px}.preview__placeholder-text{font-size:1.125rem}.preview__placeholder-subtext{font-size:.875rem}}.cta{padding:var(--space-2xl)0;text-align:center}.cta__container{align-items:center;gap:var(--space-md);flex-direction:column;display:flex}.cta__title{margin:0}.cta__subtitle{max-width:400px;font-size:1.125rem}.cta__button{margin-top:var(--space-sm)}.footer{padding:var(--space-lg)0;margin-top:auto}.footer__container{text-align:center}.footer__copyright{color:var(--color-text-tertiary);font-size:.875rem}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.fade-in{opacity:0;animation:.5s cubic-bezier(.4,0,.2,1) forwards fadeInUp}.fade-in--delay-1{animation-delay:.1s}.fade-in--delay-2{animation-delay:.2s}.fade-in--delay-3{animation-delay:.3s}