*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--bg: #ffffff;--bg-subtle: #f5f5f7;--bg-card: #f8f8f8;--text-primary: #111111;--text-secondary: #555555;--text-dim: #999999;--accent: #3B82F6;--accent-bright: #2563EB;--accent-glow: rgba(59,130,246,.08);--accent-cyan: #0891B2;--silver: #888888;--font-jp: "Noto Sans JP", sans-serif;--font-en: "Noto Sans JP", sans-serif;--font-display: "Noto Sans JP", sans-serif;--transition: cubic-bezier(.22, 1, .36, 1)}html{scroll-behavior:smooth;font-size:16px;background:var(--bg);overflow-x:hidden}body{font-family:var(--font-jp);background:var(--bg);color:var(--text-primary);line-height:1.8;-webkit-font-smoothing:antialiased;overflow-x:hidden}a{color:inherit;text-decoration:none}.lang-toggle{display:flex;align-items:center;gap:0;background:#0000000a;border-radius:20px;padding:3px;margin-left:1.5rem;border:1px solid rgba(0,0,0,.08)}.lang-btn{font-family:var(--font-en);font-size:.75rem;font-weight:600;letter-spacing:.08em;padding:5px 14px;border-radius:16px;border:none;cursor:pointer;background:transparent;color:var(--text-dim);transition:all .3s ease}.lang-btn.active{background:var(--accent);color:#fff;box-shadow:0 2px 8px #3b82f64d}.lang-btn:hover:not(.active){color:#111}.nav{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:1.2rem 3rem;background:#fffffff7;backdrop-filter:blur(12px);border-bottom:1px solid rgba(0,0,0,.06);transition:box-shadow .3s}.nav.scrolled{box-shadow:0 2px 12px #00000014}.nav-logo{font-family:var(--font-en);font-size:1.3rem;font-weight:700;letter-spacing:.12em;color:#111}.nav-logo span{color:var(--accent)}.nav-links{display:flex;gap:2rem;list-style:none}.nav-links a{font-family:var(--font-en);font-size:.82rem;font-weight:500;letter-spacing:.06em;color:#666;transition:color .2s}.nav-links a:hover{color:#111}.page-hero{padding:10rem 0 6rem;text-align:center;max-width:760px;margin:0 auto}.page-label{font-family:var(--font-en);font-size:.75rem;font-weight:600;letter-spacing:.18em;color:var(--accent);text-transform:uppercase;margin-bottom:1.5rem;display:block}.page-title{font-family:var(--font-jp);font-size:clamp(2rem,4vw,3rem);font-weight:700;color:var(--text-primary);line-height:1.3;margin-bottom:1.5rem}.page-desc{font-size:1.05rem;color:var(--text-secondary);line-height:1.9}.section{padding:6rem 0}.section-inner{max-width:900px;margin:0 auto;padding:0 2rem}.section-label{font-family:var(--font-en);font-size:.72rem;font-weight:700;letter-spacing:.18em;color:var(--accent);text-transform:uppercase;display:block;margin-bottom:1rem}.section-heading{font-size:clamp(1.6rem,3vw,2.2rem);font-weight:700;color:var(--text-primary);line-height:1.3;margin-bottom:3rem}.alt-bg{background:var(--bg-subtle)}.steps{display:flex;flex-direction:column;gap:3rem}.step{display:flex;gap:2rem}.step-number{flex-shrink:0;width:3rem;height:3rem;border-radius:50%;background:var(--accent);display:flex;align-items:center;justify-content:center;font-family:var(--font-en);font-weight:700;font-size:1.1rem;color:#fff}.step-title{font-size:1.2rem;font-weight:700;color:var(--text-primary);margin-bottom:.75rem}.step-desc{font-size:.95rem;color:var(--text-secondary);line-height:1.85}.placeholder-box{background:var(--bg-card);border:1px solid rgba(0,0,0,.08);border-radius:12px;padding:4rem 2rem;text-align:center;color:var(--text-dim);font-size:.9rem}.tech-tags{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;margin-top:2rem}.tech-tag{background:var(--bg-card);border:1px solid rgba(0,0,0,.1);border-radius:20px;padding:.5rem 1.2rem;font-size:.85rem;color:var(--text-secondary)}.cta-section{background:#f5f5f7;border-top:1px solid rgba(0,0,0,.08);padding:6rem 0;text-align:center}.cta-heading{font-size:clamp(1.4rem,2.5vw,2rem);font-weight:700;color:var(--text-primary);margin-bottom:2.5rem;line-height:1.4}.cta-btn{display:inline-flex;align-items:center;gap:.5rem;background:var(--accent);color:#fff;font-family:var(--font-en);font-weight:700;font-size:.95rem;letter-spacing:.06em;padding:.9rem 2.5rem;border-radius:8px;transition:background .2s,transform .2s}.cta-btn:hover{opacity:.85;transform:translateY(-2px)}.cta-note{font-size:.82rem;color:var(--text-dim);margin-top:1rem}.footer{padding:2rem;text-align:center;border-top:1px solid rgba(0,0,0,.08)}.footer-copy{font-family:var(--font-en);font-size:.78rem;color:var(--text-dim)}.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s var(--transition),transform .7s var(--transition)}.reveal.visible{opacity:1;transform:none}.reveal-delay-1{transition-delay:.1s}.reveal-delay-2{transition-delay:.2s}.reveal-delay-3{transition-delay:.3s}