.ai-page{color:#e0e0e0;background:#0f1117;min-height:100vh}.ai-page .ai-header{background:linear-gradient(135deg,#0f1117 0%,#1a1f2e 100%);padding:80px 20px 60px}.ai-page .ai-badge{color:#fff;letter-spacing:1.5px;background:linear-gradient(135deg,#3b82f6,#8b5cf6);font-size:13px}.ai-page .ai-title{color:#fff}.ai-page .ai-subtitle{color:#94a3b8}.ai-section{padding:60px 20px}.ai-container{max-width:1000px;margin:0 auto}.ai-section-title{color:#fff;margin:0 0 8px;font:28px/1.3 NanumSquareOTF_acEB}.ai-section-desc{color:#94a3b8;margin:0 0 36px;font:16px/1.5 NanumSquareOTF_acR}.tool-grid{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.tool-card{background:#1a1f2e;border:1px solid #2a3040;border-radius:16px;padding:28px;transition:border-color .2s,box-shadow .2s}.tool-card:hover{border-color:#3b82f6;box-shadow:0 4px 20px #3b82f61a}.tool-card-header{align-items:flex-start;gap:14px;margin-bottom:20px;display:flex}.tool-icon{flex-shrink:0;font-size:32px}.tool-name{color:#fff;margin:0 0 4px;font:18px/1.3 NanumSquareOTF_acEB}.tool-tagline{color:#94a3b8;margin:0;font:13px/1.4 NanumSquareOTF_acR}.tool-install{background:#0d1017;border:1px solid #2a3040;border-radius:8px;align-items:center;gap:10px;margin-bottom:16px;padding:12px 14px;display:flex}.install-label{color:#64748b;text-transform:uppercase;letter-spacing:.5px;flex-shrink:0;font:11px/1 NanumSquareOTF_acB}.install-cmd{color:#7dd3fc;word-break:break-all;font:13px/1.4 SF Mono,Fira Code,Consolas,monospace}.tool-examples{margin:0 0 16px;padding:0;list-style:none}.tool-examples li{border-bottom:1px solid #1e2535;flex-direction:column;gap:2px;padding:8px 0;display:flex}.tool-examples li:last-child{border-bottom:none}.tool-examples code{color:#4ade80;font:13px/1.4 SF Mono,Fira Code,Consolas,monospace}.tool-examples span{color:#64748b;font:12px/1.4 NanumSquareOTF_acR}.free-badge{color:#052e16;letter-spacing:.5px;vertical-align:middle;background:linear-gradient(135deg,#4ade80,#22c55e);border-radius:4px;margin-left:8px;padding:4px 8px;font:11px/1 NanumSquareOTF_acEB;display:inline-block}.tool-card-highlight{border-color:#4ade80;box-shadow:0 0 20px #4ade8014}.tool-card-highlight:hover{border-color:#4ade80;box-shadow:0 4px 24px #4ade8026}.tool-docs-link{color:#3b82f6;font:13px/1 NanumSquareOTF_acB;text-decoration:none;transition:color .2s;display:inline-block}.tool-docs-link:hover{color:#60a5fa;text-decoration:underline}.vision-section{background:linear-gradient(#0f1117 0%,#131720 100%)}.vision-header-row{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.coming-soon-badge{color:#fbbf24;letter-spacing:.3px;background:#fbbf2426;border:1px solid #fbbf244d;border-radius:6px;padding:6px 12px;font:12px/1 NanumSquareOTF_acB;display:inline-block}.vision-grid{grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:32px;display:grid}.vision-card{background:#1a1f2e;border:1px solid #2a3040;border-radius:16px;padding:24px}.vision-card-title{color:#fff;margin:0 0 14px;font:18px/1.3 NanumSquareOTF_acEB}.vision-list{margin:0 0 12px;padding:0;list-style:none}.vision-list li{color:#cbd5e1;padding:4px 0 4px 16px;font:14px/1.6 NanumSquareOTF_acR;position:relative}.vision-list li:before{content:"•";color:#3b82f6;position:absolute;left:0}.vision-note{color:#64748b;margin:0;font:13px/1.5 NanumSquareOTF_acR}.roles-section{margin-bottom:32px}.roles-title{color:#fff;margin:0 0 16px;font:18px/1.3 NanumSquareOTF_acEB}.roles-row{flex-wrap:wrap;gap:12px;display:flex}.role-chip{color:#e0e0e0;background:#1a1f2e;border:1px solid #2a3040;border-radius:24px;align-items:center;gap:8px;padding:10px 18px;font:14px/1 NanumSquareOTF_acB;transition:border-color .2s;display:inline-flex}.role-chip:hover{border-color:#3b82f6}.orchestrator-card{background:linear-gradient(135deg,#1e293b,#1a1f2e);border:1px solid #2a3040;border-radius:16px;margin-bottom:20px;padding:28px}.orchestrator-title{color:#fff;margin:0 0 12px;font:20px/1.3 NanumSquareOTF_acEB}.orchestrator-desc{color:#94a3b8;margin:0;font:15px/1.7 NanumSquareOTF_acR}.benefits-card{background:#1a1f2e;border:1px solid #2a3040;border-radius:16px;padding:28px}.benefits-title{color:#fff;margin:0 0 16px;font:18px/1.3 NanumSquareOTF_acEB}.benefits-list{margin:0;padding:0;list-style:none}.benefits-list li{color:#cbd5e1;padding:6px 0 6px 24px;font:14px/1.6 NanumSquareOTF_acR;position:relative}.benefits-list li:before{content:"✓";color:#4ade80;font-weight:700;position:absolute;left:0}@media (max-width:768px){.ai-page .ai-header{padding:60px 16px 44px}.ai-page .ai-title{font-size:28px}.ai-section{padding:40px 16px}.ai-section-title{font-size:24px}.tool-grid,.vision-grid{grid-template-columns:1fr}.tool-card{padding:24px 20px}}@media (max-width:480px){.ai-page .ai-header{padding:44px 12px 32px}.ai-page .ai-badge{padding:8px 14px;font-size:11px}.ai-page .ai-title{font-size:22px}.ai-section{padding:32px 12px}.ai-section-title{font-size:20px}.ai-section-desc{font-size:14px}.tool-card{padding:20px 16px}.tool-name{font-size:16px}.tool-icon{font-size:28px}.install-cmd{font-size:12px}.vision-card,.orchestrator-card,.benefits-card{padding:20px}.roles-row{gap:8px}.role-chip{padding:8px 14px;font-size:13px}}
