:root{--bg-primary: #0A0A0F;--bg-secondary: #0E0E16;--bg-card: rgba(255, 255, 255, .02);--bg-card-hover: rgba(0, 212, 170, .04);--text-primary: #E8E6E1;--text-secondary: #8A8A9A;--text-muted: #555555;--text-dark: #333333;--accent: #00D4AA;--accent-dim: rgba(0, 212, 170, .4);--accent-glow: rgba(0, 212, 170, .1);--vizual-accent: #FF6B35;--border: rgba(255, 255, 255, .06);--border-hover: rgba(0, 212, 170, .2);--font-display: "Sora", "Noto Sans JP", sans-serif;--font-mono: "Space Mono", monospace;--font-body: "Sora", "Noto Sans JP", sans-serif}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background:var(--bg-primary);color:var(--text-primary);font-family:var(--font-body);line-height:1.6;overflow-x:hidden}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:#1a1a2e;border-radius:3px}::selection{background:#00d4aa4d;color:#fff}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}@keyframes fadeUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes pulse{0%,to{opacity:.4}50%{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes drawLine{0%{width:0}to{width:100%}}.container{max-width:1200px;margin:0 auto;padding:0 48px}@media(max-width:768px){.container{padding:0 24px}}.section-divider{width:100%;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.06),transparent)}.mono{font-family:var(--font-mono)}.glow-text{background:linear-gradient(135deg,#00d4aa,#4ecdc4,#00d4aa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.animate-section{opacity:0;transform:translateY(40px);transition:all .8s cubic-bezier(.16,1,.3,1)}.animate-section.visible{opacity:1;transform:translateY(0)}.pillar-card{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;padding:40px 36px;cursor:pointer;transition:all .5s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.pillar-card:hover{background:var(--bg-card-hover);border-color:var(--border-hover);transform:translateY(-4px)}.pillar-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--accent-dim),transparent);opacity:0;transition:opacity .5s}.pillar-card:hover:before{opacity:1}.addon-card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:24px;transition:all .4s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.addon-card:hover{background:#ffffff0a;transform:translateY(-2px)}.feature-tag{display:inline-block;padding:6px 16px;border:1px solid var(--accent-dim);border-radius:20px;font-size:13px;color:var(--accent);background:var(--accent-glow)}.feature-tag--vizual{border-color:#ff6b3533;color:var(--vizual-accent);background:#ff6b350d}.nav-link{color:var(--text-secondary);font-size:13px;letter-spacing:.08em;text-transform:uppercase;transition:color .3s;cursor:pointer;font-weight:400;background:none;border:none;font-family:var(--font-body)}.nav-link:hover{color:var(--accent)}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}@media(max-width:960px){.grid-3{grid-template-columns:1fr}.grid-2{grid-template-columns:1fr;gap:40px}}.page-enter{animation:fadeUp .6s ease-out}.blog-content h2{font-size:22px;font-weight:500;margin:48px 0 16px;color:var(--text-primary);letter-spacing:-.01em}.blog-content h3{font-size:18px;font-weight:500;margin:36px 0 12px;color:var(--text-primary)}.blog-content p{margin-bottom:24px}.blog-content a{color:var(--accent);text-decoration:underline;text-underline-offset:3px;transition:opacity .3s}.blog-content a:hover{opacity:.7}.blog-content img{max-width:100%;border-radius:8px;margin:24px 0;border:1px solid var(--border)}.blog-content ul,.blog-content ol{margin:16px 0 24px 24px}.blog-content li{margin-bottom:8px}.blog-content blockquote{padding:16px 24px;border-left:2px solid var(--accent);background:#00d4aa05;border-radius:0 8px 8px 0;margin:24px 0;font-style:italic;color:#b8b8c8}.blog-content pre{background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;padding:20px 24px;overflow-x:auto;margin:24px 0;font-family:var(--font-mono);font-size:13px;line-height:1.6}.blog-content code{font-family:var(--font-mono);font-size:13px;background:#ffffff0a;padding:2px 6px;border-radius:4px;border:1px solid var(--border)}.blog-content pre code{background:none;padding:0;border:none}.blog-content hr{border:none;border-top:1px solid var(--border);margin:48px 0}.blog-content table{width:100%;border-collapse:collapse;margin:24px 0;font-size:14px}.blog-content th,.blog-content td{padding:10px 16px;border:1px solid var(--border);text-align:left}.blog-content th{background:var(--bg-secondary);font-weight:500;color:var(--text-primary)}