:root{--primary: #4c63ee;--primary-light: #edf0ff;--primary-dark: #3a4fd9;--text-dark: #1d2230;--text-body: #4a5264;--text-muted: #6d7486;--bg-main: #f4f6fb;--bg-white: #ffffff;--border: #e5e7eb;--heatmap-1: #DBEAFE;--heatmap-2: #93C5FD;--heatmap-3: #60A5FA;--heatmap-4: #2563EB;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 20px;--radius-xl: 24px;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 40px;--space-2xl: 64px;--space-3xl: 96px}.fade-up{opacity:0;transform:translateY(24px);transition:opacity .6s cubic-bezier(.23,1,.32,1),transform .6s cubic-bezier(.23,1,.32,1)}.fade-up.is-visible{opacity:1;transform:translateY(0)}.fade-up-delay-1{transition-delay:.08s}.fade-up-delay-2{transition-delay:.16s}.fade-up-delay-3{transition-delay:.24s}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Hiragino Sans,Hiragino Kaku Gothic ProN,Noto Sans JP,Segoe UI,sans-serif;line-height:1.75;color:var(--text-body);background-color:var(--bg-main);-webkit-font-smoothing:antialiased;font-feature-settings:"palt";letter-spacing:.02em}.container{max-width:1100px;margin:0 auto;padding:0 20px}.hero{text-align:center;padding:var(--space-3xl) 20px var(--space-2xl)}.hero-icon{width:100px;height:100px;margin:0 auto var(--space-lg);border-radius:22px;overflow:hidden;box-shadow:0 8px 30px #4c63ee26}.hero-icon img{width:100%;height:100%;object-fit:cover}.hero h1{font-size:clamp(1.625rem,4.5vw,2.375rem);font-weight:800;color:var(--text-dark);margin-bottom:var(--space-md);letter-spacing:-.03em;line-height:1.35}.hero-tagline{font-size:1.0625rem;color:var(--text-muted);margin-bottom:var(--space-lg);line-height:1.9;letter-spacing:.01em}.hero-cta{display:inline-flex;align-items:center;gap:8px;background:var(--primary);color:#fff;padding:14px 32px;border-radius:var(--radius-lg);text-decoration:none;font-weight:600;font-size:.9375rem;letter-spacing:.01em;transition:background .25s,transform .25s,box-shadow .25s;box-shadow:0 4px 14px #4c63ee40}.hero-cta:hover{background:var(--primary-dark);transform:translateY(-2px);box-shadow:0 6px 20px #4c63ee59}.hero-badges{display:flex;justify-content:center;gap:10px;margin-bottom:var(--space-lg);flex-wrap:wrap}.hero-badge{display:inline-block;background:var(--primary-light);color:var(--primary);font-size:.8125rem;font-weight:600;padding:5px 14px;border-radius:100px;letter-spacing:.02em}.hero-note{margin-top:var(--space-md);font-size:.8125rem;color:var(--text-muted)}.qr-code-container{margin-top:24px;display:flex;flex-direction:column;align-items:center;gap:12px}.qr-code-wrapper{background:var(--bg-white);padding:16px;border-radius:var(--radius-md);box-shadow:0 2px 8px #0000000f;display:inline-block}.qr-code-wrapper canvas,.qr-code-wrapper img{display:block}.qr-code-label{font-size:.875rem;color:var(--text-muted);text-align:center}.hero-visual{margin-top:var(--space-xl);position:relative;max-width:360px;margin-left:auto;margin-right:auto}.hero-visual img{width:100%;height:auto;border-radius:var(--radius-xl);box-shadow:0 24px 64px #4c63ee33,0 4px 16px #0000000f;transition:transform .4s cubic-bezier(.23,1,.32,1)}.hero-visual:hover img{transform:scale(1.02)}.hero-visual:after{content:"";position:absolute;inset:0;border-radius:var(--radius-xl);box-shadow:inset 0 0 0 1px #ffffff26;pointer-events:none}@media(max-width:600px){.qr-code-container{display:none}.hero-visual{margin-top:32px;max-width:300px}}section{padding:var(--space-2xl) 0}.section-title{font-size:1.25rem;font-weight:700;color:var(--text-dark);text-align:center;margin-bottom:var(--space-xl);letter-spacing:-.01em;line-height:1.4}.painpoints{max-width:560px;margin:0 auto;padding:0 20px}.painpoint-item{display:flex;align-items:flex-start;gap:var(--space-md);background:var(--bg-white);border-radius:var(--radius-md);padding:20px 24px;margin-bottom:10px;box-shadow:0 1px 4px #0000000a;transition:box-shadow .25s,transform .25s}.painpoint-item:hover{box-shadow:0 4px 16px #00000012;transform:translateY(-1px)}.painpoint-item:last-child{margin-bottom:0}.painpoint-icon{flex-shrink:0;width:28px;height:28px;margin-top:2px}.painpoint-icon svg{width:24px;height:24px}.painpoint-item p{font-size:.9375rem;color:var(--text-body);line-height:1.7}.painpoint-item strong{color:var(--text-dark)}.philosophy{background:linear-gradient(135deg,var(--bg-white) 0%,var(--primary-light) 100%);border-radius:var(--radius-xl);padding:var(--space-2xl) var(--space-xl);margin:0 20px;box-shadow:0 2px 12px #0000000a}.philosophy-message{font-size:1.25rem;color:var(--text-dark);text-align:center;line-height:2;font-weight:600;letter-spacing:-.01em}.philosophy-message strong{color:var(--primary)}.steps{max-width:480px;margin:0 auto;padding:0 20px}.step{display:flex;gap:20px;align-items:flex-start;margin-bottom:var(--space-xl)}.step:last-child{margin-bottom:0}.step-number{width:36px;height:36px;background:var(--primary);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.875rem;flex-shrink:0;box-shadow:0 3px 10px #4c63ee40}.step-content h3{font-size:.9375rem;font-weight:700;color:var(--text-dark);margin-bottom:3px;letter-spacing:-.01em}.step-content p{font-size:.875rem;color:var(--text-muted);line-height:1.7}.gallery-wrapper{position:relative;overflow:hidden}.gallery-scroll{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding:0 max(20px,calc((100vw - 1100px)/2));scrollbar-width:none}.gallery-scroll::-webkit-scrollbar{display:none}.gallery-item{flex:0 0 280px;scroll-snap-align:center;border-radius:var(--radius-xl);overflow:hidden;box-shadow:0 6px 24px #00000014,0 1px 4px #0000000a;transition:transform .35s cubic-bezier(.23,1,.32,1),box-shadow .35s cubic-bezier(.23,1,.32,1);background:#0d1229}.gallery-item:hover{transform:translateY(-6px) scale(1.02);box-shadow:0 20px 48px #4c63ee2e,0 4px 12px #0000000f}.gallery-item img{width:100%;height:auto;display:block}.gallery-dots{display:flex;justify-content:center;gap:8px;margin-top:24px}.gallery-dot{width:8px;height:8px;border-radius:50%;background:var(--border);border:none;padding:0;cursor:pointer;transition:background .2s,transform .2s}.gallery-dot.active{background:var(--primary);transform:scale(1.25)}@media(max-width:600px){.gallery-item{flex:0 0 240px}.gallery-scroll{padding:0 20px;gap:14px}}.founder-story{max-width:600px;margin:0 auto;padding:var(--space-xl) 32px;background:var(--bg-white);border-radius:var(--radius-xl);box-shadow:0 2px 12px #0000000a;border-left:3px solid var(--primary)}.founder-story p{font-size:.9375rem;color:var(--text-body);line-height:1.85;margin-bottom:var(--space-md)}.founder-story p:last-child{margin-bottom:0}.founder-story strong{color:var(--text-dark)}.faq-list{max-width:600px;margin:0 auto;padding:0 20px}.faq-item{background:var(--bg-white);border-radius:var(--radius-md);padding:22px 24px;margin-bottom:12px;box-shadow:0 1px 4px #0000000a;transition:box-shadow .25s,transform .25s}.faq-item:hover{box-shadow:0 4px 16px #00000012;transform:translateY(-1px)}.faq-item:last-child{margin-bottom:0}.faq-item h3{font-size:.9375rem;font-weight:700;color:var(--text-dark);margin-bottom:6px;letter-spacing:-.01em}.faq-item p{font-size:.875rem;color:var(--text-muted);line-height:1.75}.section-cta{text-align:center;margin-top:32px;padding:0 20px}.inline-cta{display:inline-block;background:var(--primary);color:#fff;padding:12px 28px;border-radius:var(--radius-lg);text-decoration:none;font-weight:600;font-size:.9375rem;letter-spacing:.01em;transition:background .25s,transform .25s,box-shadow .25s;box-shadow:0 4px 14px #4c63ee40}.inline-cta:hover{background:var(--primary-dark);transform:translateY(-2px);box-shadow:0 6px 20px #4c63ee59}.section-cta-note{margin-top:var(--space-sm);font-size:.8125rem;color:var(--text-muted)}.cta-section{text-align:center;padding:var(--space-2xl) 20px var(--space-3xl)}.cta-message{font-size:1.1875rem;color:var(--text-dark);font-weight:700;margin-bottom:var(--space-lg);letter-spacing:-.01em;line-height:1.6}footer{background:var(--bg-white);border-top:1px solid var(--border);padding:var(--space-xl) 20px;text-align:center}.footer-links{display:flex;justify-content:center;gap:var(--space-xl);margin-bottom:var(--space-md)}.footer-links a{color:var(--text-muted);text-decoration:none;font-size:.875rem;transition:color .2s}.footer-links a:hover{color:var(--primary)}.footer-copy{font-size:.8125rem;color:var(--text-muted)}@media(min-width:768px){.hero-inner{display:flex;align-items:center;gap:48px}.hero-text{flex:1;text-align:left}.hero-text .hero-icon{margin:0 0 32px}.hero-text .hero-badges{justify-content:flex-start}.hero-visual{flex:0 0 340px;margin-top:0;margin-left:0;margin-right:0;max-width:340px}.hero-text .qr-code-container{align-items:flex-start}.painpoints{max-width:720px}.philosophy{max-width:900px;margin:0 auto}.steps{max-width:640px}.gallery-scroll{flex-wrap:wrap;justify-content:center;overflow-x:visible;scroll-snap-type:none;padding:0 20px;gap:16px;max-width:1100px;margin:0 auto}.gallery-item{flex:0 0 calc(25% - 12px);scroll-snap-align:unset}.gallery-wrapper{overflow:visible}.gallery-dots{display:none}.founder-story,.faq-list{max-width:760px}}@media(min-width:1024px){.hero{padding:100px 20px var(--space-2xl)}.hero-inner{gap:var(--space-2xl)}.hero-visual{flex:0 0 400px;max-width:400px}.painpoints{max-width:800px}.faq-list{max-width:840px}.gallery-item{flex:0 0 calc(25% - 15px)}}@media(max-width:600px){.sp-hide{display:none}.hero{padding:var(--space-2xl) 20px var(--space-xl)}.hero-text{text-align:center}.philosophy{margin:0 12px;padding:var(--space-xl) var(--space-lg)}.footer-links{gap:var(--space-lg)}section{padding:var(--space-xl) 0}}