.astro-route-announcer{position:absolute;left:0;top:0;clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden;white-space:nowrap;width:1px;height:1px}:root{--maxw: 1200px;--card-bg: rgba(255, 255, 255, .08);--card-border: rgba(255, 255, 255, .12);--glass-bg: linear-gradient(135deg, rgba(139, 92, 246, .15) 0%, rgba(168, 85, 247, .08) 100%);--glass-bg-strong: linear-gradient(135deg, rgba(139, 92, 246, .2) 0%, rgba(168, 85, 247, .1) 100%);--gradient-start: #2d1b4e;--gradient-end: #1a0a2e;--gradient-purple: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--gradient-purple-dark: linear-gradient(135deg, #7c3aed 0%, #a855f7 100%);--gradient-text: linear-gradient(135deg, #e879f9 0%, #ec4899 100%);--color-purple: #a855f7;--color-purple-rgb: 168, 85, 247;--color-white-10: rgba(255, 255, 255, .1);--color-white-15: rgba(255, 255, 255, .15);--color-white-50: rgba(255, 255, 255, .5);--color-white-70: rgba(255, 255, 255, .7);--shadow-sm: 0 4px 24px rgba(0, 0, 0, .4);--shadow-md: 0 8px 32px rgba(0, 0, 0, .5);--shadow-lg: 0 16px 64px rgba(0, 0, 0, .6);--shadow-purple: 0 4px 24px rgba(var(--color-purple-rgb), .4);--shadow-purple-lg: 0 8px 40px rgba(var(--color-purple-rgb), .6);--shadow-hero: 0 16px 64px rgba(0, 0, 0, .6), 0 0 80px rgba(var(--color-purple-rgb), .15);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-full: 9999px;--transition-fast: .2s ease;--transition-normal: .3s ease;--transition-slow: .5s ease-in-out}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;min-height:100%}body{margin:0;padding:0;background:linear-gradient(180deg,var(--gradient-start) 0%,var(--gradient-end) 50%,#0f051a 100%);background-attachment:fixed;min-height:100vh;color:var(--fg);font-family:system-ui,-apple-system,Segoe UI,Roboto,Noto Sans JP,Hiragino Kaku Gothic ProN,Meiryo,sans-serif;line-height:1.6}img,video{max-width:100%;height:auto}button,input,select,textarea{font:inherit}.skip-link{position:absolute;top:-100%;left:16px;padding:8px 16px;background:var(--accent);color:var(--bg);border-radius:var(--radius-sm);z-index:100;text-decoration:none;font-weight:500}.skip-link:focus{top:16px}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}a:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:2px}h1{margin:0;font-size:clamp(2rem,6vw,3.5rem);line-height:1.2;font-weight:700;letter-spacing:-.02em}h2{margin:0;font-size:clamp(1.25rem,3vw,1.75rem)}h3{margin:0;font-size:1.25rem;font-weight:600}p{margin:0}.gradient-text{background:var(--gradient-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.section{max-width:var(--maxw);margin:0 auto;padding:clamp(100px,12vw,160px) 24px clamp(40px,8vw,120px);display:flex;flex-direction:column;gap:clamp(48px,8vw,96px)}.hero{display:flex;flex-direction:column;align-items:center;text-align:center;gap:20px;padding-top:20px}.hero .icon{width:72px;height:72px;border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.hero h1{font-size:clamp(2.5rem,7vw,4rem);max-width:800px;letter-spacing:-.03em;font-weight:700}.tagline{color:var(--muted);font-size:clamp(1rem,2vw,1.25rem);max-width:650px;line-height:1.7}.lang{display:flex;gap:12px;margin-top:8px}.lang a{padding:6px 16px;border-radius:var(--radius-full);background:var(--color-white-10);border:1px solid var(--color-white-15);transition:all var(--transition-fast)}.lang a:hover{background:var(--gradient-purple);color:#fff;text-decoration:none;border-color:transparent}.lang a.current{background:var(--gradient-purple);color:#fff;font-weight:600;pointer-events:none;border-color:transparent}.media{display:flex;justify-content:center}.media img,.media video{width:100%;max-width:900px;display:block;border-radius:var(--radius-lg);background:#000;box-shadow:var(--shadow-hero)}.desc{text-align:center;font-size:clamp(1rem,2vw,1.2rem);line-height:1.8;max-width:700px;margin:0 auto;color:var(--muted)}.grid{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.cta{display:flex;justify-content:center;gap:16px;flex-wrap:wrap}.cta-button{display:inline-block;padding:16px 32px;background:var(--gradient-purple);color:#fff;font-size:1.1rem;font-weight:600;border-radius:var(--radius-md);text-decoration:none;transition:transform var(--transition-fast),box-shadow var(--transition-fast);box-shadow:var(--shadow-purple)}.cta-button:hover{text-decoration:none;transform:translateY(-3px);box-shadow:var(--shadow-purple-lg)}.cta-button:active{transform:translateY(0)}.cta-button-secondary{display:inline-block;padding:16px 32px;background:var(--color-white-10);color:#fff;font-size:1.1rem;font-weight:600;border-radius:var(--radius-md);border:1px solid rgba(255,255,255,.2);text-decoration:none;transition:transform var(--transition-fast),background var(--transition-fast)}.cta-button-secondary:hover{text-decoration:none;transform:translateY(-2px);background:#ffffff1f}.features{display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.feature-card{background:var(--glass-bg-strong);border:1px solid var(--color-white-10);border-radius:var(--radius-xl);padding:28px;display:flex;flex-direction:column;gap:16px;backdrop-filter:blur(10px);transition:transform var(--transition-fast)}.feature-card:hover{transform:translateY(-4px)}.feature-icon{width:48px;height:48px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:1.5rem}.feature-icon.purple{background:var(--gradient-purple-dark)}.feature-icon.yellow{background:linear-gradient(135deg,#eab308,#fbbf24)}.feature-icon.cyan{background:linear-gradient(135deg,#06b6d4,#22d3ee)}.feature-card h3{color:#fff}.feature-card p{color:var(--muted);font-size:.95rem;line-height:1.6}.gallery{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.gallery img{width:100%;display:block;border-radius:var(--radius-md);object-fit:cover;aspect-ratio:16 / 10;box-shadow:var(--shadow-sm);transition:transform var(--transition-fast)}.gallery img:hover{transform:scale(1.02)}.voices{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.voices blockquote{background:var(--glass-bg);border:1px solid var(--color-white-10);border-radius:var(--radius-xl);padding:28px;margin:0;font-style:normal;backdrop-filter:blur(10px)}.voice-text{font-size:1.05rem;line-height:1.7;color:#fff;margin-bottom:16px}.voices cite{display:block;text-align:right;color:var(--muted);font-size:.9rem;font-style:normal}.site-footer{display:flex;flex-direction:column;align-items:center;gap:24px;padding:48px 24px;border-top:1px solid rgba(255,255,255,.08);text-align:center}.site-footer .author-credit{color:var(--color-white-50);font-size:.8rem;letter-spacing:.08em;text-transform:uppercase}.footer-links{display:flex;gap:20px;flex-wrap:wrap;justify-content:center}.footer-link{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;color:var(--color-white-70);font-size:.95rem;border-radius:var(--radius-sm);transition:all var(--transition-fast)}.footer-link:hover{color:#fff;background:var(--color-white-10);text-decoration:none}.footer-link svg{width:20px;height:20px;fill:currentColor}.fade-in{opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease}.fade-in.is-in{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.fade-in{opacity:1;transform:none;transition:none}.cta-button,.gallery img,.lang a,.footer-link,.feature-card{transition:none}}@media print{:root{--bg: #fff;--fg: #000;--accent: #000;--muted: #666;--card-bg: #f5f5f5;--card-border: #ddd}body{background:#fff;color:#000}.skip-link,.lang,.cta,video{display:none!important}.fade-in{opacity:1;transform:none}.media img{max-height:300px;object-fit:contain}.gallery{grid-template-columns:repeat(2,1fr)}a{color:#000;text-decoration:underline}a[href^=http]:after{content:" (" attr(href) ")";font-size:.8em;color:#666}}