:root{--tomato: #E8554A;--tomato-light: #FF8A7A;--blush: #FFBDB4;--cream: #FFF8F0;--cream-dark: #FFF0E0;--leaf: #6BBF45;--leaf-light: #A0DC7A;--brown: #4A3728;--brown-light: #7A6455;--brown-faint: #A89888;--tana-bg: #F0EBE3;--tana-ink: #2A2420}body{font-family:Zen Maru Gothic,serif;background:var(--cream);color:var(--brown);overflow-x:hidden;min-height:100vh;line-height:1.8}body:after{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background-image:radial-gradient(circle,var(--blush) 1px,transparent 1px);background-size:40px 40px;opacity:.25}.wrap{position:relative;z-index:1;max-width:1100px;margin:0 auto;padding:0 3rem}.site-nav{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;justify-content:center;gap:.3rem;padding:.7rem 1rem;background:#fff8f0bf;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid rgba(232,85,74,.06)}.site-nav a{color:var(--brown-light);text-decoration:none;font-size:.9rem;font-weight:500;padding:.3rem .85rem;border-radius:999px;transition:background .25s ease,color .25s ease}.site-nav a:hover,.site-nav a.active{background:#e8554a14;color:var(--tomato)}.lang-switch{position:absolute;right:1rem;top:50%;transform:translateY(-50%);color:var(--brown-light);text-decoration:none;font-size:.78rem;font-weight:500;padding:.25rem .6rem;border-radius:999px;border:1px solid rgba(74,55,40,.15);transition:background .25s ease,color .25s ease}.lang-switch:hover{background:#e8554a14;color:var(--tomato)}@keyframes riseIn{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes gentleBob{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes twinkle{0%,to{opacity:0;transform:scale(.5)}50%{opacity:1;transform:scale(1.2)}}.hero{position:relative;z-index:1;text-align:center;padding:5rem 2rem 2rem}.logo-wrap{position:relative;display:inline-block;margin-bottom:.8rem;animation:gentleBob 4s ease-in-out infinite}.logo-wrap img{width:min(70vw,520px);height:auto;filter:drop-shadow(0 8px 24px rgba(232,85,74,.12));transition:transform .4s cubic-bezier(.34,1.56,.64,1)}.logo-wrap:hover img{transform:scale(1.04) rotate(-1.5deg)}.sparkle{position:absolute;width:10px;height:10px;border-radius:50%;pointer-events:none}.sparkle:before,.sparkle:after{content:"";position:absolute;border-radius:50%}.sparkle:before{width:6px;height:6px;top:0;left:2px;background:var(--tomato-light)}.sparkle:after{width:4px;height:4px;top:5px;left:0;background:var(--leaf-light)}.sparkle-1{top:8%;left:2%;animation:twinkle 3s ease-in-out .2s infinite}.sparkle-2{top:5%;right:5%;animation:twinkle 3.5s ease-in-out 1s infinite}.sparkle-3{bottom:22%;left:0%;animation:twinkle 2.8s ease-in-out 1.6s infinite}.sparkle-4{bottom:18%;right:2%;animation:twinkle 3.2s ease-in-out .7s infinite}.brand-name{font-size:1.7rem;font-weight:900;letter-spacing:.06em;color:var(--brown);margin-bottom:.5rem;animation:riseIn .8s .2s cubic-bezier(.22,1,.36,1) both}.motto{font-size:1.1rem;font-weight:500;line-height:1.9;color:var(--brown-light);animation:riseIn .8s .4s cubic-bezier(.22,1,.36,1) both}.tana-panel{position:relative;z-index:1;background:var(--tana-bg);border-top:1px solid rgba(74,55,40,.06);border-bottom:1px solid rgba(74,55,40,.06);padding:4rem 0 0;overflow:hidden}.tana-panel:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.2;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.4'/%3E%3C/svg%3E");background-size:256px 256px}.tana-link{display:block;text-decoration:none;color:inherit}.tana-inner{display:grid;grid-template-columns:1fr 380px;gap:3rem;min-height:40vh}.tana-content{position:relative;z-index:1;padding-bottom:4rem}.tana-badge{display:inline-flex;align-items:center;gap:.8rem;margin-bottom:1.8rem}.tana-icon{width:80px;height:80px;border-radius:18px;box-shadow:0 4px 16px #2a24201f}.tana-label{font-family:Newsreader,serif;font-size:1.4rem;font-weight:400;letter-spacing:.28em;color:var(--tana-ink)}.tana-headline{font-family:Shippori Mincho,serif;font-size:clamp(1.7rem,3.5vw,2.5rem);font-weight:800;line-height:1.55;color:var(--tana-ink);margin-bottom:1rem}.tana-desc{font-family:Noto Sans JP,sans-serif;font-size:1rem;font-weight:400;color:var(--brown-light);line-height:2;margin-bottom:2rem;max-width:400px}.tana-cta{font-family:Noto Sans JP,sans-serif;display:inline-flex;align-items:center;gap:.5rem;font-size:.92rem;font-weight:600;color:var(--tomato);letter-spacing:.03em;transition:gap .3s ease}.tana-link:hover .tana-cta{gap:.9rem}.tana-cta-arrow{display:inline-block;transition:transform .3s ease}.tana-link:hover .tana-cta-arrow{transform:translate(3px)}.tana-visual{position:relative;z-index:1;overflow:hidden}.tana-screenshot-wrap{position:absolute;top:0;left:0;right:0;display:flex;justify-content:center;transition:transform .5s cubic-bezier(.22,1,.36,1);transform:perspective(800px) rotateY(0) rotateX(0) translateY(8px)}.tana-link:hover .tana-screenshot-wrap{transform:perspective(800px) rotateY(-4deg) rotateX(2deg) translateY(0)}.tana-screenshot-wrap img{display:block;width:360px;height:auto;transition:filter .5s ease}.tana-link:hover .tana-screenshot-wrap img{filter:drop-shadow(0 12px 24px rgba(42,36,32,.12))}.section-heading{font-size:1.2rem;font-weight:900;color:var(--brown);display:flex;align-items:center;gap:1rem}.section-heading:after{content:"";flex:1;height:1.5px;background:linear-gradient(90deg,var(--blush),transparent);border-radius:1px}.about-section{position:relative;z-index:1;background:linear-gradient(180deg,var(--cream) 0%,var(--cream-dark) 100%);border-bottom:1px solid rgba(74,55,40,.04);padding:2rem 0 3.5rem}.about-section .section-heading{margin-bottom:1.2rem}.about-text{max-width:520px}.about-text p{font-size:1rem;line-height:2;color:var(--brown-light)}.about-text p+p{margin-top:.4rem}.about-text strong{color:var(--brown);font-weight:700}.apps-heading-section{position:relative;z-index:1;background:#fff;border-bottom:1px solid rgba(74,55,40,.06);padding:2rem 0 1.8rem}.apps-heading-section .section-heading{font-size:1.5rem;font-weight:900;color:var(--tomato);letter-spacing:.08em}.apps-heading-section .section-heading:after{height:2px;background:linear-gradient(90deg,var(--blush),transparent)}.apps-subtitle{font-size:.92rem;font-weight:400;color:var(--brown-light);margin-top:.4rem}.footer{position:relative;z-index:1;background:var(--brown);color:var(--cream);text-align:center;padding:3.5rem 2rem 2.5rem;border-top:3px solid var(--tomato)}.footer-cta-heading{font-size:1.15rem;font-weight:700;letter-spacing:.08em;margin-bottom:.3rem;color:var(--cream)}.footer-cta-sub{font-size:.88rem;font-weight:400;color:var(--brown-faint);margin-bottom:2rem}.footer-social{display:flex;justify-content:center;gap:1rem;margin-bottom:2.5rem}.social-btn{display:inline-flex;align-items:center;gap:.6rem;padding:.7rem 1.6rem;border:1.5px solid rgba(255,248,240,.2);border-radius:999px;color:var(--cream);text-decoration:none;font-size:.9rem;font-weight:500;letter-spacing:.03em;transition:all .3s cubic-bezier(.25,.46,.45,.94);background:#fff8f00d}.social-btn:hover{background:var(--tomato);border-color:var(--tomato);transform:translateY(-2px);box-shadow:0 4px 16px #e8554a4d}.social-btn svg{width:18px;height:18px;fill:currentColor;flex-shrink:0}.footer-copy{font-size:.78rem;color:var(--brown-faint);opacity:.7}@media(max-width:820px){.wrap{padding:0 2rem}.tana-inner{grid-template-columns:1fr;gap:1.5rem;text-align:center}.tana-content{padding-bottom:1rem}.tana-badge{justify-content:center}.tana-desc{max-width:400px;margin-left:auto;margin-right:auto}.tana-cta{justify-content:center}.tana-visual{min-height:460px}.tana-screenshot-wrap{transform:perspective(800px) rotateY(0) rotateX(0) translateY(8px)}.tana-link:hover .tana-screenshot-wrap{transform:perspective(800px) rotateY(0) rotateX(2deg) translateY(0)}.tana-screenshot-wrap img{width:340px}}@media(max-width:520px){.hero{padding:4.5rem 1rem 1.5rem}.logo-wrap img{width:min(85vw,360px)}.brand-name{font-size:1.4rem}.wrap{padding:0 1.5rem}.tana-panel{padding:3rem 0}.tana-visual{min-height:400px}.tana-screenshot-wrap img{width:300px}.site-nav a{font-size:.82rem;padding:.25rem .6rem}.about-text{max-width:420px}.apps-heading-section .section-heading{font-size:1.35rem}.footer{padding:2.5rem 1.5rem 2rem}.footer-social{flex-direction:column;align-items:center;gap:.8rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.logo-wrap:hover img{transform:none}.tana-screenshot-wrap{transform:none!important}}