*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0a0a1e;--bg-2: #0f0f2e;--bg-card: #12122a;--accent-green: #00ff88;--accent-orange: #ff6b35;--accent-blue: #4a9eff;--text: #e8e8f0;--text-muted: #8888aa;--border: rgba(255,255,255,.08);--glow-green: 0 0 20px rgba(0,255,136,.3);--glow-orange: 0 0 20px rgba(255,107,53,.3);--radius: 12px;--nav-h: 64px}html{scroll-behavior:smooth}body{font-family:Inter,Noto Sans JP,sans-serif;background:var(--bg);color:var(--text);line-height:1.6;overflow-x:hidden}h1,h2,h3,h4{line-height:1.2;font-weight:700}a{color:var(--accent-green);text-decoration:none;transition:opacity .2s}a:hover{opacity:.8}img{max-width:100%;display:block}.container{max-width:1200px;margin:0 auto;padding:0 1.5rem}.section{padding:5rem 0}.section-title{font-size:clamp(1.8rem,4vw,2.8rem);margin-bottom:.5rem;background:linear-gradient(135deg,#fff 0%,var(--accent-green) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.section-subtitle{color:var(--text-muted);margin-bottom:3rem;font-size:1.1rem}.nav{position:fixed;top:0;left:0;right:0;z-index:100;height:var(--nav-h);display:flex;align-items:center;background:#0a0a1ed9;backdrop-filter:blur(12px);border-bottom:1px solid var(--border);transition:background .3s}.nav .container{display:flex;align-items:center;justify-content:space-between;width:100%}.nav-logo{display:flex;align-items:center;gap:.75rem;font-weight:700;font-size:1rem;color:var(--text)}.nav-logo img{height:32px;width:auto}.nav-links{display:flex;gap:2rem;list-style:none}.nav-links a{color:var(--text-muted);font-size:.9rem;font-weight:500;transition:color .2s}.nav-links a:hover{color:var(--accent-green);opacity:1}.nav-cta{background:var(--accent-green);color:#000;font-weight:700;padding:.5rem 1.25rem;border-radius:6px;font-size:.85rem;transition:box-shadow .2s,transform .2s}.nav-cta:hover{box-shadow:var(--glow-green);transform:translateY(-1px);opacity:1;color:#000}.nav-hamburger{display:none;background:none;border:none;cursor:pointer;padding:.5rem}.nav-hamburger span{display:block;width:22px;height:2px;background:var(--text);margin:5px 0;transition:.3s}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.75rem;border-radius:8px;font-weight:600;font-size:.95rem;cursor:pointer;border:none;transition:all .2s;text-decoration:none}.btn-primary{background:var(--accent-green);color:#000}.btn-primary:hover{box-shadow:var(--glow-green);transform:translateY(-2px);opacity:1;color:#000}.btn-secondary{background:transparent;color:var(--text);border:1px solid var(--border)}.btn-secondary:hover{border-color:var(--accent-green);color:var(--accent-green);opacity:1}.btn-orange{background:var(--accent-orange);color:#fff}.btn-orange:hover{box-shadow:var(--glow-orange);transform:translateY(-2px);opacity:1;color:#fff}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;transition:transform .2s,border-color .2s,box-shadow .2s}.card:hover{transform:translateY(-4px);border-color:#00ff884d;box-shadow:var(--glow-green)}.badge{display:inline-block;padding:.2rem .6rem;border-radius:4px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.badge-green{background:#00ff8826;color:var(--accent-green)}.badge-orange{background:#ff6b3526;color:var(--accent-orange)}.badge-blue{background:#4a9eff26;color:var(--accent-blue)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 10px #00ff884d}50%{box-shadow:0 0 30px #0f89}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.fade-in{animation:fadeInUp .6s ease forwards}.fade-in-delay-1{animation-delay:.1s;opacity:0}.fade-in-delay-2{animation-delay:.2s;opacity:0}.fade-in-delay-3{animation-delay:.3s;opacity:0}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}.divider{height:1px;background:var(--border);margin:0}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:#00ff884d;border-radius:3px}@media(max-width:768px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.nav-links{display:none}.nav-links.open{display:flex;flex-direction:column;gap:0;position:absolute;top:var(--nav-h);left:0;right:0;background:var(--bg-2);border-bottom:1px solid var(--border);padding:1rem 1.5rem}.nav-hamburger{display:block}.section{padding:3rem 0}}@media(min-width:768px)and (max-width:1024px){.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}}