@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Noto+Sans+JP:wght@400;500;700&family=JetBrains+Mono:wght@400;500&display=swap";
:root{--bg-base:#111114;--bg-default:#18181d;--bg-surface:#19191eb3;--bg-surface-solid:#1e1e23;--bg-elevated:#2a2a2f80;--bg-hover:#252530cc;--bg-grid-dot:#ffffff08;--bg-glass-subtle:#ffffff08;--text-primary:#e4e4e7;--text-secondary:#a1a1aa;--text-tertiary:#71717a;--text-inverse:#18181b;--border-default:#ffffff14;--border-subtle:#ffffff0a;--border-glow:#05966959;--accent-primary:#059669;--accent-primary-hover:#10b981;--accent-cyan:#2dd4bf;--accent-mint:#34d399;--accent-teal:#0d9488;--accent-amber:#f59e0b;--accent-red:#ef4444;--accent-primary-5:#0596690d;--accent-primary-10:#0596691a;--accent-primary-12:#0596691f;--accent-primary-20:#05966933;--accent-primary-25:#05966940;--accent-teal-5:#0d94880d;--accent-teal-6:#0d94880f;--accent-teal-12:#0d94881f;--accent-red-3:#ef444408;--accent-red-10:#ef44441a;--accent-mint-3:#34d39908;--accent-mint-10:#34d3991a;--surface-negative-bg:var(--accent-red-3);--surface-negative-border:var(--accent-red-10);--surface-positive-bg:var(--accent-mint-3);--surface-positive-border:var(--accent-mint-10);--header-bg:#0a0a0fcc;--status-preview:var(--accent-primary);--status-preview-bg:#05966926;--status-preview-border:#0596694d;--status-available:var(--accent-mint);--status-available-bg:#34d39926;--status-available-border:#34d3994d;--status-in-dev:var(--accent-amber);--status-in-dev-bg:#f59e0b26;--status-in-dev-border:#f59e0b4d;--status-planned:var(--accent-teal);--status-planned-bg:#0d948826;--status-planned-border:#0d94884d;--status-coming-soon:var(--accent-cyan);--status-coming-soon-bg:#2dd4bf26;--status-coming-soon-border:#2dd4bf4d;--gradient-primary:linear-gradient(135deg, var(--accent-primary), var(--accent-mint), var(--accent-teal));--gradient-glow:linear-gradient(to right, var(--accent-primary), var(--accent-mint), var(--accent-cyan));--gradient-cta:linear-gradient(135deg, var(--accent-primary), var(--accent-teal));--gradient-surface:linear-gradient(180deg, var(--bg-surface) 0%, transparent 100%);--glow-hero:radial-gradient(circle, var(--accent-primary-10), transparent 70%);--glow-cta:radial-gradient(circle, var(--accent-primary-10), var(--accent-teal-5), transparent 70%);--glow-ambient-a:radial-gradient(circle, var(--accent-primary-6,#0596690f) 0%, transparent 50%);--glow-ambient-b:radial-gradient(circle, var(--accent-teal-6) 0%, transparent 50%);--banner-bg:linear-gradient(90deg, var(--accent-primary-12), var(--accent-teal-12));--banner-border:var(--accent-primary-25);--badge-text:var(--accent-primary);--badge-bg:var(--accent-primary-10);--badge-border:var(--accent-primary-20);--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--space-3xl:64px;--space-4xl:96px;--space-5xl:128px;--section-py:var(--space-5xl);--section-max-w:1200px;--section-px:var(--space-lg);--section-narrow:720px;--section-wide:1440px;--font-sans:"Inter", "Noto Sans JP", -apple-system, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", monospace;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--text-6xl:3.75rem;--leading-tight:1.1;--leading-snug:1.2;--leading-normal:1.5;--leading-relaxed:1.7;--tracking-tight:-.03em;--tracking-snug:-.02em;--tracking-normal:0;--tracking-wide:.05em;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--shadow-sm:0 2px 8px #0003;--shadow-md:0 8px 32px #0006;--shadow-lg:0 16px 64px #0009;--shadow-glow-primary:0 0 20px var(--accent-primary-20);--shadow-glow-mint:0 0 20px #34d39933;--shadow-glow-cyan:0 0 20px #2dd4bf33;--transition-fast:.15s ease;--transition-normal:.25s ease;--transition-slow:.4s ease;--z-preview-banner:110;--z-header:100;--z-mega-menu:90;--z-mobile-nav:95;--z-modal:200;--z-toast:300;--theme-transition:background-color .3s ease, color .3s ease, border-color .3s ease, box-shadow .3s ease;--bento-card-bg:var(--bg-surface-solid);--bento-card-border:var(--border-default);--bento-card-shadow:var(--shadow-sm);--bento-card-shadow-hover:var(--shadow-md);--bento-card-radius:var(--radius-xl);--bento-media-bg:#ffffff08}[data-theme=light]{--bg-base:#fafafa;--bg-default:#fff;--bg-surface:#ffffffd9;--bg-surface-solid:#f3f4f6;--bg-elevated:#f3f4f6cc;--bg-hover:#e5e7eb99;--bg-grid-dot:#0000000a;--bg-glass-subtle:#fff9;--text-primary:#18181b;--text-secondary:#52525b;--text-tertiary:#71717a;--text-inverse:#fafafa;--border-default:#00000014;--border-subtle:#0000000a;--border-glow:#05966940;--accent-primary-5:#0596690d;--accent-primary-10:#05966914;--accent-primary-12:#0596691a;--accent-primary-20:#05966926;--accent-primary-25:#05966933;--accent-teal-5:#0d94880d;--accent-teal-6:#0d94880d;--accent-teal-12:#0d94881a;--accent-red-3:#ef44440d;--accent-red-10:#ef44441f;--accent-mint-3:#34d3990d;--accent-mint-10:#34d3991f;--gradient-surface:linear-gradient(180deg, #ffffffe6 0%, transparent 100%);--glow-hero:radial-gradient(circle, #0596690f, transparent 70%);--glow-cta:radial-gradient(circle, #0596690f, #0d948808, transparent 70%);--glow-ambient-a:radial-gradient(circle, #0596690a 0%, transparent 50%);--glow-ambient-b:radial-gradient(circle, #0d94880a 0%, transparent 50%);--banner-bg:linear-gradient(90deg, #05966914, #0d948814);--banner-border:#05966933;--badge-text:#047857;--badge-bg:#05966914;--badge-border:#05966926;--status-preview-bg:#0596691a;--status-preview-border:#05966933;--status-available-bg:#34d3991a;--status-available-border:#34d39933;--status-in-dev-bg:#f59e0b1a;--status-in-dev-border:#f59e0b33;--status-planned-bg:#0d94881a;--status-planned-border:#0d948833;--status-coming-soon-bg:#2dd4bf1a;--status-coming-soon-border:#2dd4bf33;--header-bg:#ffffffd9;--shadow-sm:0 2px 8px #0000000f;--shadow-md:0 8px 32px #00000014;--shadow-lg:0 16px 64px #0000001f;--shadow-glow-primary:0 0 20px #05966926;--shadow-glow-mint:0 0 20px #34d39926;--shadow-glow-cyan:0 0 20px #2dd4bf26;--bento-card-bg:#fff;--bento-card-border:#0000000f;--bento-card-shadow:0 1px 3px #0000000a, 0 4px 16px #0000000a;--bento-card-shadow-hover:0 2px 8px #0000000f, 0 8px 32px #0000000f;--bento-card-radius:var(--radius-xl);--bento-media-bg:#f3f4f6}
.hero-headline{font-size:var(--text-6xl);font-weight:700;line-height:var(--leading-tight);letter-spacing:var(--tracking-tight)}.section-headline{font-size:var(--text-5xl);font-weight:700;line-height:var(--leading-snug);letter-spacing:var(--tracking-snug)}.sub-headline{font-size:var(--text-2xl);letter-spacing:-.01em;font-weight:600;line-height:1.4}.body-lg{font-size:var(--text-xl);font-weight:400;line-height:var(--leading-relaxed)}.caption{font-size:var(--text-sm);font-weight:400;line-height:var(--leading-normal);letter-spacing:.01em}.badge-text{font-size:var(--text-xs);letter-spacing:var(--tracking-wide);text-transform:uppercase;font-weight:500;line-height:1}.mono{font-family:var(--font-mono)}@media (max-width:640px){.hero-headline{font-size:2.5rem}.section-headline{font-size:2rem}.sub-headline{font-size:var(--text-xl)}}
@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes softPulse{0%,to{opacity:.05}50%{opacity:.15}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes gradientShift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes countUp{0%{--num:0}}.animate-fade-up{animation:.6s cubic-bezier(.25,.46,.45,.94) forwards fadeUp}.animate-fade-in{animation:.4s forwards fadeIn}.animate-pulse{animation:2s ease-in-out infinite pulse}.stagger-1{animation-delay:0s}.stagger-2{animation-delay:.1s}.stagger-3{animation-delay:.2s}.stagger-4{animation-delay:.3s}.stagger-5{animation-delay:.4s}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
.text-gradient{background:var(--gradient-glow);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.text-gradient-primary{background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.glass{background:var(--bg-surface);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-default);box-shadow:var(--shadow-md)}.glass-subtle{background:var(--bg-glass-subtle);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-subtle)}.glow-primary{box-shadow:var(--shadow-glow-primary)}.glow-mint{box-shadow:var(--shadow-glow-mint)}.glow-cyan{box-shadow:var(--shadow-glow-cyan)}.section-container{max-width:var(--section-max-w);padding:0 var(--section-px);margin:0 auto}.section-narrow{max-width:var(--section-narrow);padding:0 var(--section-px);margin:0 auto}.section-wide{max-width:var(--section-wide);padding:0 var(--section-px);margin:0 auto}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}
*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--bg-base);max-width:100vw;color:var(--text-primary);font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-relaxed);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:var(--theme-transition);overflow-x:hidden}a{color:inherit;text-decoration:none}h1,h2,h3,h4,h5,h6{line-height:var(--leading-snug);font-weight:700}img,video{max-width:100%;height:auto}::selection{background-color:var(--accent-primary-25);color:var(--text-primary)}