.ai-page{--ai:#bd34ff}.ai-main{padding-bottom:10px}.ai-hero{height:326px;position:relative;overflow:hidden}.ai-art{position:absolute;inset:0;background:linear-gradient(90deg,#02060b 0%,rgba(2,6,11,.94) 44%,rgba(20,3,38,.08) 80%),url('assets/ai-hub-hero.jpg') center right/cover no-repeat}.ai-copy{position:relative;padding:25px 26px}.ai-copy h1{font-size:48px;line-height:1;margin:0 0 7px;color:var(--ai)}.ai-copy h2{font-size:25px;line-height:1.35;margin:0 0 8px;color:#c44cff}.ai-copy h2 strong{color:#eee}.ai-copy p{font-size:14px;line-height:1.6;color:#ddd;margin:0 0 18px}.ai-copy>div{display:flex;gap:14px}.ai-primary{background:linear-gradient(135deg,#a92bea,#6016a5);border:0;color:#fff}.feature-nav,.tool-search,.kpi-strip,.learning{margin:13px 18px 0;border:1px solid var(--line);border-radius:8px;background:#03090ecc}.feature-nav{display:grid;grid-template-columns:repeat(6,1fr);min-height:88px}.feature-nav article{display:flex;align-items:center;gap:9px;padding:12px;border-right:1px solid #222d35}.feature-nav article:last-child{border:0}.feature-nav b{font-size:32px;color:var(--ai);font-weight:400}.feature-nav strong,.feature-nav small{display:block}.feature-nav strong{font-size:14px}.feature-nav small{font-size:10px;color:#aaa}.tool-search{padding:11px}.search-box{display:grid;grid-template-columns:30px 1fr 135px;align-items:center;border:1px solid #26323b;border-radius:6px;overflow:hidden}.search-box svg{width:20px;height:20px;margin-left:11px;fill:none;stroke:#ddd}.search-box input,.tool-search select{background:#03090e;color:#ddd;border:0}.search-box input{padding:11px}.search-box button{height:100%;border:0;background:#7120a7;color:#fff}.filter-row{display:grid;grid-template-columns:repeat(5,1fr) 1.2fr;gap:8px;margin-top:9px}.tool-search select{border:1px solid #26323b;border-radius:5px;padding:8px}.kpi-strip{display:grid;grid-template-columns:repeat(4,1fr);min-height:76px}.kpi-strip article{display:flex;align-items:center;gap:13px;padding:10px 20px;border-right:1px solid #26313a}.kpi-strip article:last-child{border:0}.kpi-strip svg{width:40px;height:40px;fill:none;stroke:#4ac8ff;stroke-width:1.8}.kpi-strip b{font-size:34px;color:#b7e72d}.kpi-strip strong,.kpi-strip small{display:block}.kpi-strip small{font-size:10px;color:#929da6}.tools-section{padding:0 18px;text-align:center}.tools-section h2{font-size:25px;margin:8px 0}.tools-section h2 i{display:inline-block;width:42px;height:1px;background:var(--ai);vertical-align:middle;margin:0 10px}.tool-cards{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;text-align:left}.tool-card{border:1px solid #49315c;border-radius:8px;padding:13px;background:linear-gradient(#061019,#02070c);display:flex;flex-direction:column;min-height:310px}.tool-mark{width:54px;height:54px;border-radius:14px;background:linear-gradient(135deg,#77d2bd,#338a79);display:grid;place-items:center;margin:auto;font-weight:700}.tool-card h3{text-align:center;font-size:18px;margin:6px 0 0}.tool-card>small{text-align:center;color:#aaa}.tool-card>p{font-size:12px;line-height:1.5;color:#ddd;flex:1}.tags{display:flex;gap:4px;flex-wrap:wrap}.tags span{background:#16202a;padding:3px 6px;border-radius:3px;font-size:10px}.meta{font-size:9px;color:#9ca6ae;display:flex;justify-content:space-between;margin:8px 0}.verified{color:#aeea55}.review{color:#ffb238}.tool-card>strong{font-size:11px;margin-bottom:6px}.tool-card>a{font-size:10px;color:#d47cff;border-top:1px solid #202a33;padding-top:7px}.c1 .tool-mark{background:#101820}.c2 .tool-mark{background:#fff;color:#111}.c3 .tool-mark{background:linear-gradient(135deg,#29d0e9,#7043dc)}.c4 .tool-mark{background:#ee6846}.all-tools{display:inline-block;border:1px solid var(--ai);border-radius:5px;padding:8px 55px;margin:10px}.learning{display:grid;grid-template-columns:1.6fr repeat(4,1fr);min-height:115px}.learning article{display:flex;gap:9px;padding:13px;border-right:1px solid #23303a}.learning article:last-child{border:0}.learning b{font-size:31px;color:var(--ai)}.learning h2,.learning h3{margin:0;color:#d54eff}.learning h2{font-size:21px}.learning h3{font-size:16px}.learning p{font-size:10px;color:#bbb;margin:2px 0 8px}.learning a{font-size:11px}.learn-main a{display:inline-block;background:#7120a7;padding:6px 22px;border-radius:4px}.ai-platform{margin:11px 18px 0;height:auto;padding:3px 22px 14px}.ai-platform>div{flex-wrap:nowrap}.ai-page footer{border-top:1px solid #1c2730}
@media(max-width:900px){.feature-nav{grid-template-columns:repeat(3,1fr)}.tool-cards{grid-template-columns:repeat(2,1fr)}.learning{grid-template-columns:1fr 1fr}.learn-main{grid-column:1/-1}.kpi-strip{grid-template-columns:1fr 1fr}.filter-row{grid-template-columns:1fr 1fr 1fr}.ai-platform>div{flex-wrap:wrap}}
@media(max-width:600px){.ai-hero{height:590px}.ai-art{background:linear-gradient(180deg,transparent,#02060b 48%),url('assets/ai-hub-hero.jpg') 70% top/auto 310px no-repeat}.ai-copy{padding:245px 20px 16px}.ai-copy h1{font-size:41px}.ai-copy h2{font-size:21px}.ai-copy p br{display:none}.ai-copy>div{flex-direction:column;align-items:flex-start}.feature-nav{margin:12px;grid-template-columns:1fr 1fr}.feature-nav article:nth-child(even){border-right:0}.tool-search,.kpi-strip,.learning,.ai-platform{margin-left:12px;margin-right:12px}.search-box{grid-template-columns:30px 1fr}.search-box button{grid-column:1/-1;padding:9px}.filter-row{grid-template-columns:1fr 1fr}.kpi-strip,.tool-cards,.learning{grid-template-columns:1fr}.tools-section{padding:0 12px}.learning article{border-right:0;border-bottom:1px solid #23303a}.learn-main{grid-column:auto}.ai-platform>div{justify-content:center}.all-tools{padding:8px 20px}}