.ai-hub-section{background:0 0;padding:120px 0;position:relative}.ai-hub-section .section-header{text-align:center;flex-direction:column;gap:16px;max-width:700px;margin:0 auto 56px;display:flex}.ai-hub-section .section-pre-title{font-family:var(--font-display);letter-spacing:.15em;color:var(--cobalt-main);text-transform:uppercase;font-size:.78rem;font-weight:700}.ai-hub-section .section-title{font-family:var(--font-display-en);color:var(--text-bright);letter-spacing:.03em;text-wrap:balance;font-size:3.5rem;font-weight:400;line-height:1.2}.ai-hub-section .section-desc{color:var(--text-muted);max-width:520px;margin:0 auto;font-size:1rem}.hub-filters{flex-wrap:wrap;justify-content:center;gap:32px;margin-bottom:56px;display:flex}.filter-btn{color:var(--text-muted);font-family:var(--font-display);cursor:pointer;background:0 0;border:none;padding:4px 8px;font-size:.9rem;font-weight:600;transition:all .3s}.filter-btn:hover,.filter-btn.active{color:var(--cobalt-main)}.agents-list{border-top:1px solid #0f172a14;flex-direction:column;margin-top:24px;display:flex}.agent-row-item{transition:var(--transition-smooth);cursor:pointer;border-bottom:1px solid #0f172a14;border-radius:8px;grid-template-columns:.4fr 1.8fr 4fr;align-items:center;gap:32px;padding:36px 16px;display:grid;position:relative}.agent-row-item:hover{background:#0f172a04}.agent-row-num{font-family:var(--font-display-en);color:var(--text-muted);opacity:.45;transition:var(--transition-smooth);font-size:1.5rem;font-style:italic;font-weight:400}.agent-row-item:hover .agent-row-num{opacity:.85}.agent-row-identity{flex-direction:column;gap:4px;display:flex}.agent-row-name{font-family:"Zen Kaku Gothic New", var(--font-body), sans-serif;color:var(--text-bright);font-size:1.3rem;font-weight:500;transition:color .3s}.agent-row-tagline{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:500}.agent-row-desc{font-family:var(--font-rounded-jp);color:var(--text-muted);margin:0;padding-right:24px;font-size:.92rem;line-height:1.7}.agent-row--cobalt:hover .agent-row-name{color:var(--cobalt-main)}.agent-row--amber:hover .agent-row-name{color:var(--amber-main)}.hub-more-actions{justify-content:center;margin-top:56px;display:flex}.hub-more-actions .btn-apps-link{font-family:var(--font-display-jp);letter-spacing:.04em;font-weight:400}.hub-coral-decor{pointer-events:none;z-index:1;opacity:.28;filter:blur(2px);width:320px;height:320px;position:absolute}.hub-coral-decor img{object-fit:contain;width:100%;height:100%;-webkit-mask-image:radial-gradient(circle,#000 30%,#000c 50%,#0000004d 70%,#0000 90%);mask-image:radial-gradient(circle,#000 30%,#000c 50%,#0000004d 70%,#0000 90%)}.hub-coral-decor.decor-left img{transform:rotate(75deg)scaleX(-1)scale(.9)}.hub-coral-decor.decor-right img{transform:rotate(-30deg)scaleX(-1)scale(.85)}.hub-coral-decor.decor-left{top:15%;left:-120px}.hub-coral-decor.decor-right{top:55%;right:-120px}@media (max-width:1024px){.agent-row-item{grid-template-columns:.4fr 1.6fr 3.5fr;gap:24px}.ai-hub-section{padding:80px 0}}@media (max-width:900px){.agent-row-item{grid-template-columns:1fr;gap:12px;padding:28px 16px}.agent-row-item:hover{background:0 0}.agent-row-num{font-size:1.2rem}.agent-row-desc{padding-right:0}.hub-filters{gap:24px}}@media (max-width:640px){.ai-hub-section{padding:64px 0}.ai-hub-section .section-title{font-size:2.1rem}.hub-filters{gap:16px;margin-bottom:40px;padding-bottom:8px}.filter-btn{margin-bottom:-9px;padding-bottom:8px;font-size:.82rem}.hub-coral-decor{display:none}}
.agent-modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(16px);background:#0f172a4d;justify-content:center;align-items:center;padding:24px;animation:.3s modal-fade-in;display:flex;position:fixed;inset:0}@keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}.agent-modal-card.glass-panel{-webkit-backdrop-filter:blur(24px)saturate(160%);background:#ffffffdb;border:1px solid #ffffffa6;border-radius:28px;width:100%;max-width:960px;transition:all .4s cubic-bezier(.16,1,.3,1);animation:.45s cubic-bezier(.34,1.56,.64,1) modal-puff-in;position:relative;overflow:hidden;box-shadow:0 32px 80px #0f172a14,inset 0 1px #ffffffb3}.agent-modal-card.glass-panel:hover{background:#fffffff5;border-color:#ffffffd9;box-shadow:0 32px 80px #0f172a1f,inset 0 1px #fffc}@keyframes modal-puff-in{0%{opacity:0;filter:blur(10px);transform:scale(.92)translateY(12px)}to{opacity:1;filter:blur();transform:scale(1)translateY(0)}}.agent-modal-card--cobalt{box-shadow:0 32px 80px #0f172a14,0 0 40px #002fa70a,inset 0 1px #ffffffb3}.agent-modal-card--cobalt.glass-panel:hover{box-shadow:0 32px 80px #0f172a1f,0 0 50px #002fa714,inset 0 1px #fffc}.agent-modal-card--amber{box-shadow:0 32px 80px #0f172a14,0 0 40px #d977060a,inset 0 1px #ffffffb3}.agent-modal-card--amber.glass-panel:hover{box-shadow:0 32px 80px #0f172a1f,0 0 50px #d9770614,inset 0 1px #fffc}.modal-close-btn{z-index:20;width:38px;height:38px;color:var(--text-muted);cursor:pointer;background:#0f172a08;border:1px solid #0f172a0f;border-radius:50%;justify-content:center;align-items:center;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;top:24px;right:24px}.modal-close-btn:hover{color:var(--text-bright);background:#0f172a0f;transform:rotate(90deg)}.modal-grid-layout{grid-template-columns:380px 1fr;display:grid}.modal-visual-side{justify-content:center;align-items:center;padding:36px 0 36px 36px;display:flex}.modal-img-container{background:#0f172a05;border:1px solid #0f172a0d;border-radius:20px;justify-content:center;align-items:center;width:100%;height:100%;min-height:320px;display:flex;position:relative;overflow:hidden}.modal-agent-img{object-fit:cover;width:100%;height:100%;display:block}.modal-img-glow{pointer-events:none;background:linear-gradient(#0000 60%,#0f172a0a 100%);position:absolute;inset:0;box-shadow:inset 0 0 20px #fff3}.modal-info-side{flex-direction:column;gap:24px;padding:36px 40px;display:flex}.modal-info-header{flex-direction:column;gap:4px;display:flex}.modal-pre-title{font-family:var(--font-display-en);letter-spacing:.12em;text-transform:uppercase;font-size:.72rem;font-weight:700}.modal-agent-name{font-family:var(--font-display-en);color:var(--text-bright);letter-spacing:-.01em;font-size:2.2rem;font-weight:700;line-height:1.1}.modal-agent-tagline{font-family:var(--font-display-en);color:var(--text-muted);letter-spacing:.02em;font-size:.85rem;font-weight:600}.modal-long-desc{font-family:var(--font-rounded-jp);color:var(--text-main);font-size:.94rem;line-height:1.7}.modal-section-subtitle{font-family:var(--font-display);color:var(--text-bright);align-items:center;gap:6px;margin-bottom:12px;font-size:.85rem;font-weight:700;display:flex}.subtitle-icon{color:var(--accent-color)}.agent-modal-card--cobalt{--accent-color:var(--cobalt-main)}.agent-modal-card--amber{--accent-color:var(--amber-main)}.modal-features-list{flex-direction:column;gap:10px;display:flex}.modal-feature-item{font-family:var(--font-rounded-jp);color:var(--text-main);align-items:flex-start;gap:8px;font-size:.88rem;line-height:1.5;display:flex}.feature-check{color:var(--accent-color);flex-shrink:0;margin-top:2px}.modal-tech-text{font-family:var(--font-mono);color:var(--text-main);background:#0f172a0a;border-radius:8px;padding:8px 16px;font-size:.8rem;display:inline-block}.modal-info-footer{border-top:1px solid #0f172a14;justify-content:space-between;align-items:center;margin-top:auto;padding-top:24px;display:flex}.modal-stats{gap:24px;display:flex}.modal-stat-item{flex-direction:column;gap:2px;display:flex}.modal-stat-label{text-transform:uppercase;color:var(--text-muted);letter-spacing:.05em;font-size:.65rem;font-weight:600}.modal-stat-val{font-size:.82rem;font-family:var(--font-mono);color:var(--text-main);font-weight:500}.btn-close-action{cursor:pointer;border-radius:30px;justify-content:center;align-items:center;min-width:110px;height:40px;padding:0 20px;font-size:.85rem;font-weight:600;display:flex}@media (max-width:1024px){.agent-modal-card.glass-panel{max-width:820px}.modal-grid-layout{grid-template-columns:320px 1fr}}@media (max-width:900px){.agent-modal-card.glass-panel{max-width:700px}.modal-grid-layout{grid-template-columns:270px 1fr}.modal-visual-side{padding:24px 0 24px 24px}.modal-info-side{gap:20px;padding:32px}.modal-agent-name{font-size:1.85rem}}@media (max-width:768px){.agent-modal-overlay{padding:16px}.agent-modal-card.glass-panel{border-radius:20px;max-width:480px;max-height:90vh;overflow-y:auto}.modal-grid-layout{grid-template-columns:1fr}.modal-visual-side{padding:24px 24px 0}.modal-img-container{aspect-ratio:16/9;min-height:auto}.modal-info-side{padding:24px}.modal-agent-name{font-size:1.6rem}.modal-close-btn{width:32px;height:32px;top:16px;right:16px}.modal-info-footer{margin-top:16px;padding-top:20px}}