@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700&display=swap");*{margin:0;padding:0;box-sizing:border-box}.landing-page{font-family:Noto Sans JP,sans-serif;background-color:#fafafa;color:#333;line-height:1.6;overflow-x:hidden;scroll-snap-type:y mandatory;height:100vh;overflow-y:scroll;scroll-behavior:smooth}@supports (height:100dvh){.hero{min-height:100dvh}}.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;background:linear-gradient(135deg,#fafafa,#f0f8ff);overflow:hidden;scroll-snap-align:start}.hero:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(45,156,219,.05) 0,transparent 70%);animation:float 20s ease-in-out infinite}@keyframes float{0%,to{transform:rotate(0deg) scale(1)}50%{transform:rotate(180deg) scale(1.1)}}.hero-content{text-align:center;z-index:2;position:relative;padding:0 2rem}.hero h1{font-size:clamp(4rem,12vw,6rem);font-weight:700;margin-bottom:1rem;background:linear-gradient(45deg,#2d9cdb,#1e88e5);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-description{font-size:1.2rem;margin-bottom:3rem;color:#666;max-width:600px;margin-left:auto;margin-right:auto;opacity:0;animation:fadeInUp 1s ease 1s forwards}.cta-button{display:inline-block;padding:1.5rem 3rem;background:linear-gradient(45deg,#2d9cdb,#1e88e5);color:white;text-decoration:none;border-radius:50px;font-size:1.2rem;font-weight:500;box-shadow:0 10px 30px rgba(45,156,219,.3);transition:all .3s ease;opacity:0;animation:fadeInUp 1s ease 1.5s forwards}.cta-button:hover{transform:translateY(-5px);box-shadow:0 20px 40px rgba(45,156,219,.4)}.problems{padding:8rem 2rem;background:white;position:relative;scroll-snap-align:start;min-height:100vh;display:flex;flex-direction:column;justify-content:center}.problems:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,#e0e0e0,transparent)}.container{max-width:1200px;margin:0 auto}.section-title{text-align:center;font-size:3rem;font-weight:500;margin-bottom:4rem;color:#333}.problems-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:6rem}.problem-card{background:#fafafa;padding:1rem;border-radius:20px;text-align:center;transition:all .3s ease;border:2px solid transparent}.problem-card:hover{transform:translateY(-10px);border-color:#2d9cdb;box-shadow:0 20px 40px rgba(45,156,219,.1)}.problem-icon{font-size:3rem;color:#666}.problem-title{font-size:1.5rem;font-weight:500;margin-bottom:1rem;color:#333}.problem-description{color:#666;line-height:1.8}.solution{padding:8rem 2rem;background:linear-gradient(135deg,#f8fffe,#e3f2fd);scroll-snap-align:start;min-height:100vh;display:flex;flex-direction:column;justify-content:center}.solution-content{display:grid;grid-template-columns:1fr 1fr;align-items:center;justify-items:center;max-width:1000px;margin:0 auto 6rem}.solution-text{max-width:500px}.solution-description,.solution-text{text-align:center}.solution-text h2{font-size:2.5rem;font-weight:500;margin-bottom:2rem;color:#333}.solution-text p{font-size:1.1rem;color:#666;margin-bottom:2rem;line-height:1.8}.features-title{font-size:2rem;font-weight:500;margin-bottom:.5rem;color:#2d9cdb;text-align:center}.features-list{list-style:none;text-align:center}.features-list li{padding:.3rem 0;position:relative;color:#333;font-weight:500}.solution-visual{display:flex;justify-content:center;align-items:center;max-width:500px}.mockup-image{max-width:100%;height:auto;object-fit:contain;background:transparent!important;mix-blend-mode:multiply;filter:drop-shadow(0 10px 30px rgba(45,156,219,.2));transition:transform .3s ease}.mockup-image:hover{transform:scale(1.05)}.mockup{font-size:8rem;color:#2d9cdb;opacity:.7;animation:pulse 3s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:.7}50%{transform:scale(1.1);opacity:1}}.science{padding:8rem 2rem;background:white;scroll-snap-align:start;min-height:100vh;display:flex;flex-direction:column;justify-content:center}.science-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.science-card{padding:2.5rem;background:#fafafa;border-radius:15px;border-left:5px solid #2d9cdb;transition:all .3s ease}.science-card:hover{transform:translateX(10px);box-shadow:-10px 10px 30px rgba(45,156,219,.1)}.science-title{font-size:1.3rem;font-weight:500;margin-bottom:1rem;color:#2d9cdb}.science-description{display:flex;justify-content:center}.science-description p{color:#666;line-height:1.7}.personas{padding:8rem 2rem;background:linear-gradient(135deg,#f0f8ff,#fafafa);scroll-snap-align:start;min-height:100vh;display:flex;flex-direction:column;justify-content:center}.persona-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:3rem}.persona-card{background:white;padding:3rem 2rem;border-radius:20px;text-align:center;box-shadow:0 10px 30px rgba(0,0,0,.05);transition:all .3s ease}.persona-card:hover{transform:translateY(-10px);box-shadow:0 20px 50px rgba(45,156,219,.1)}.persona-avatar{width:80px;height:80px;background:linear-gradient(45deg,#2d9cdb,#1e88e5);border-radius:50%;margin:0 auto 2rem;display:flex;align-items:center;justify-content:center;font-size:2rem;color:white}.persona-name{font-size:1.3rem;font-weight:500;margin-bottom:1rem;color:#333}.persona-problem{color:#666;margin-bottom:1.5rem;font-style:italic}.persona-solution{color:#2d9cdb;font-weight:500}.pricing{padding:2rem;background:linear-gradient(135deg,#f0f8ff,#fafafa);text-align:center;scroll-snap-align:start;min-height:100vh;display:flex;flex-direction:column;justify-content:center}.pricing .section-title{margin-bottom:1rem}.pricing-card{max-width:400px;margin:0 auto;background:linear-gradient(135deg,#2d9cdb,#1e88e5);color:white;padding:2rem 1rem;border-radius:30px;box-shadow:0 20px 60px rgba(45,156,219,.3);transform:scale(1.05)}.pricing-card h3{font-size:2rem;margin-bottom:2rem}.pricing-features{list-style:none;margin-bottom:2rem}.pricing-features li{padding:.5rem 0;font-size:1.1rem}.pricing-cta{display:inline-block;padding:1.5rem 3rem;background:white;color:#2d9cdb;text-decoration:none;border-radius:50px;font-weight:500;transition:all .3s ease}.pricing-cta:hover{transform:translateY(-3px);box-shadow:0 10px 30px rgba(255,255,255,.3)}.footer{padding:4rem 2rem;background:#333;color:white;text-align:center;scroll-snap-align:start;min-height:100vh;display:flex;flex-direction:column;justify-content:center}.footer-content{max-width:800px;margin:0 auto}.footer h3{font-size:2rem;margin-bottom:2rem;color:#2d9cdb}.footer p{font-size:1.1rem;line-height:1.8;margin-bottom:3rem}.final-cta{display:inline-block;padding:1.5rem 3rem;background:linear-gradient(45deg,#2d9cdb,#1e88e5);color:white;text-decoration:none;border-radius:50px;font-size:1.2rem;font-weight:500;box-shadow:0 10px 30px rgba(45,156,219,.3);transition:all .3s ease}.final-cta:hover{transform:translateY(-5px);box-shadow:0 20px 40px rgba(45,156,219,.4)}.solution-cta{display:inline-block;padding:1rem 2rem;background:linear-gradient(45deg,#2d9cdb,#1e88e5);color:white;text-decoration:none;border-radius:50px;font-size:1rem;font-weight:500;box-shadow:0 10px 30px rgba(45,156,219,.3);transition:all .3s ease;margin-top:2rem}.solution-cta:hover{transform:translateY(-3px);box-shadow:0 15px 35px rgba(45,156,219,.4)}.desktop-title{display:inline}.mobile-title{display:none}.price-container{display:flex;align-items:baseline;justify-content:center;gap:.5rem;margin-bottom:1rem}.beta-badge{background:rgba(255,255,255,.2);color:white;padding:.5rem 1rem;border-radius:20px;font-size:.9rem;font-weight:500;margin-bottom:1rem;display:inline-block}.price-original{font-size:2.5rem;font-weight:700;text-decoration:line-through;opacity:.6}.price-beta{font-size:4rem;font-weight:700;color:#ffeb3b}@media (max-width:768px){.problems,.science,.solution{padding-top:3rem;padding-bottom:2rem}.section-title{font-size:2rem;margin-bottom:1rem}.pricing .section-title{font-size:3rem}.problems .section-title{line-height:1.4}.desktop-title{display:none}.mobile-title{display:inline}.solution-title{margin-bottom:0}.solution-content{grid-template-columns:1fr;gap:2rem;max-width:none;margin:0 auto}.solution-text{max-width:none;text-align:center}.solution-visual{max-width:none}.persona-cards,.problems-grid,.science-grid{grid-template-columns:1fr;margin-bottom:0}.pricing-card{padding:2rem 1rem}.price-original{font-size:2rem;margin-bottom:0}.price-beta{font-size:3rem;margin-bottom:0}.price-period{font-size:1rem}}@media (max-width:1024px){.science-description p{text-align:left;hyphens:auto;word-break:break-word}.solution-description{text-align:left}}.scroll-animate{opacity:0;transform:translateY(50px);transition:all .8s ease}.scroll-animate.visible{opacity:1;transform:translateY(0)}.catchphrase-only{font-size:clamp(2.5rem,8vw,8rem);font-weight:700;color:#2d9cdb;text-align:center;animation:catchphrase-entrance 3.5s ease-in-out;background:linear-gradient(45deg,#2d9cdb,#1e88e5);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@keyframes catchphrase-entrance{0%,to{opacity:0}60%{opacity:1}}.catchphrase{font-size:clamp(1.5rem,4vw,2.5rem);font-weight:500;margin-bottom:2rem;color:#333;opacity:0;transform:translateY(30px);transition:all 1s ease;animation:fade-in-up 1s ease .3s forwards}@keyframes fade-in-up{to{opacity:1;transform:translateY(0)}}.hero-description.animate-in{transform:translateY(30px);transition:all 1s ease;animation:fade-in-up 1s ease .6s forwards}.cta-button.animate-in{transform:translateY(30px);animation:fade-in-up 1s ease .9s forwards}