/* AI Atlas · Aurora. Shared color system for every public page. */
:root{color-scheme:dark;--bg:#080d1b;--ink:#edf3ff;--muted:#b5c1d9;--border:#283652;--purple:#a89aff;--surface:#111a2d;--surface-raised:#18233a;--cyan:#70e4f1;--violet:#b3a3ff;--accent-gradient:linear-gradient(115deg,#386ce6,#7453de 65%,#974fd0)}
body{background:radial-gradient(ellipse at 0 2%,#26356a40,transparent 45%),radial-gradient(ellipse at 100% 35%,#40296430,transparent 42%),var(--bg);color:var(--ink)}
::selection{background:#7154bc;color:#fff}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}input,select,textarea{accent-color:var(--cyan)}
header{background:#0d1528eb;border-bottom-color:#293958;box-shadow:0 4px 35px #00000015;backdrop-filter:blur(18px)}.brand,.brand.small{color:#f3f6ff}.directory{color:#a7b9d4;border-left-color:#384662}nav>a,nav>button{color:#b7c4db}nav a:hover,nav>button:hover{color:#8cebf5}nav .navactive,nav>a[aria-current=page]{color:#87e7f4}nav span,.quiet span{background:#293658;color:#c1ceff}nav .add-btn,.primary,.hub-primary{background:var(--accent-gradient);color:#fff;box-shadow:0 5px 18px #4e42c32b;border:1px solid #9c91ff40}.primary:hover,.hub-primary:hover,nav .add-btn:hover{filter:brightness(1.14);color:white}
aside{background:linear-gradient(180deg,#111a2a88,transparent);border-right-color:#23304a}.sideheading,.sideitem,.sideitem>span:last-child{color:#a8bad4}.sideitem.active{background:linear-gradient(100deg,#21425d,#34305c);color:#95ebf7;border:1px solid #73d7ec24}.sideitem:hover{background:#1a2942}.side-note{background:linear-gradient(135deg,#163146,#252142);border-color:#374365}.side-note>span{color:#91e7f5}.side-note p{color:#b4c4dc}.side-note strong{color:#e3edff}.eyebrow,.category-label,.hero-tag{color:#8bcee4}
.hero,.hub-hero{isolation:isolate;border-color:#5264ab66;background:radial-gradient(ellipse at 85% 20%,#39639d70,transparent 53%),radial-gradient(ellipse at 95% 95%,#8454b34d,transparent 55%),linear-gradient(125deg,#152541,#202b57 55%,#352850);box-shadow:inset 0 1px #d0e7ff10,0 20px 60px #01040c30}.hero::before,.hub-hero::before{content:"";position:absolute;z-index:-1;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 25%,#61e7ed0b 44%,#b28aff12 58%,transparent 77%);background-size:240% 100%;animation:atlas-aurora 22s ease-in-out infinite alternate}.hub-hero{position:relative;overflow:hidden}.hero h1,.hub-hero h1{color:#f4f7ff}.hero h1 em,.hub-hero h1 em{color:#86e7f3;background:linear-gradient(100deg,#7ce9ed,#a6baff 60%,#d3a5ff);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero p,.hub-hero p{color:#c3cee7}.hero-link,.hero-tag{color:#a0eaf3}.hero-tag span{background:#71e5e5;box-shadow:0 0 10px #71e5e580}.orbit{border-color:#80bce02e}.float-icon{background:linear-gradient(135deg,#233c5ec9,#3c3157b5);border-color:#91c9ff4d;box-shadow:0 15px 35px #02071938,inset 0 1px #d3e9ff20;color:#b7e9ff}.spark{color:#9bd9f2}.art-label{color:#b1c3df}.atlas-logo,.small .atlas-logo{background:linear-gradient(145deg,#147eac,#6055d8 58%,#974fc2);color:white;box-shadow:0 0 20px #6092ff30,inset 0 1px #d7faff35}.hero-brand>.brandmark{box-shadow:0 0 65px #4b9fe34d,0 18px 60px #00000040}
.stats{color:#afbed7}.stats b{color:#e0eaff}.small-star{color:#82dce9}.section-title h2 span{color:#8cc6ff}.quiet,.search,.sort-label select,.quickfilters button,.update-strip button{background:#121d32;border-color:#30405f;color:#becbe0}.search input{color:#e8efff;caret-color:#7be6f1}.search input::placeholder{color:#a6b6cf}.search>span{color:#a6c4e1}.search:focus-within{border-color:#79d7ec;box-shadow:0 0 0 3px #6cd9f118}kbd{border-color:#3a4965;color:#a8bad2}.quickfilters button.selected,.goal-chips button.active{background:linear-gradient(115deg,#244f70,#494079);border-color:#7db6dc70;color:#c5f9ff;box-shadow:0 3px 12px #00000020}.quickfilters button:hover{border-color:#6294bc}.results-bar,.update-strip,.ranking-note,.rating-caption{color:#adbed6}.textbutton,.ranking-note button,.update-strip button{color:#a7d4ff}.update-strip.stale{color:#f2c27b}.rating-stars{color:#41516b}.rating-stars .filled{color:#f3c66c}.rating-score,.agent-rating strong{color:#f4d89d}.rating-breakdown{color:#bfcee5}.rank-badge{color:#a8d2ff}
.card,.hub-card,.goal-card,.path-step,.hub-links a,.hub-empty{background:linear-gradient(145deg,#142037,#11192c);border-color:#2a3956;box-shadow:inset 0 1px #c3d7ff06}.card,.hub-card,.hub-links a{transition:border-color .22s,box-shadow .22s,transform .22s}.card:hover,.hub-card:hover,.goal-card:hover{border-color:#6089b4;box-shadow:0 10px 28px #02050f35,0 0 22px #678fff0b}.hub-links a:hover{border-color:#789cc9;background:#1a2944}.tool-name,.hub-card h2,.goal-card h3,.path-step h2{color:#f0f4ff}.tool-icon{color:#303544}.domain,.hub-card .provider{color:#a3b6d2}.bookmark{color:#a9bdd8}.bookmark.on{color:#7ee6ef}.badge{background:#27395c;color:#c0d9ff;border:1px solid #7892c124}.description,.hub-card p,.goal-card p,.path-step p{color:#b9c6dc}.use,.use-example,.detail-use{background:#0d172a;border:1px solid #2b3b57}.use-label,.use-example>strong{color:#8bcfe2}.use p,.use-example p,.detail-use p{color:#b7c8df}.card-actions,.hub-card details{border-color:#2a3b57}.detail-button,.visit,.hub-action,.source-link,.goal-card>button{color:#91d8f4}.compare-label{color:#a7b8d1}.site-preview,.detail-preview,.agent-cover{border-color:#30415e;background-color:#16233a}.preview-label{background:#101d30eb;color:#d1e4f8;border-color:#56769c66}.bottom-banner{background:linear-gradient(110deg,#18364b,#30284e);border-color:#405471}.bottom-banner p{color:#bfd0e3}.banner-icon{color:#91e3ed;border-color:#477087}.bottom-banner button{background:#202f4b;border-color:#587398;color:#d5e8ff}
footer{color:#a7bad4;border-color:#2b3a55}footer a:hover{color:#87e8f1}dialog{background:#111c31;border-color:#485e81;color:#eff5ff;box-shadow:0 30px 110px #00000085}dialog::backdrop{background:#030813b8;backdrop-filter:blur(9px)}.close{color:#c0d2eb}.muted,.source-note,.empty p{color:#b4c6df}.source-note a{color:#99daff}.empty>div{color:#9ac8f6}#addForm label{color:#bfd0e7}#addForm input,#addForm select,#addForm textarea{background:#0b1527;border-color:#3a506f;color:#e3ecff}#formError{color:#ffb2c4}table{background:#101a2c}td,th{border-color:#344766}th{background:#21324f;color:#e2edff}td{color:#bcccdf}#toast{background:#243b5a;border:1px solid #6397bc;color:#e8f7ff;box-shadow:0 10px 40px #00000040}
.hero-panel{background:linear-gradient(130deg,#18364bbf,#302b54c4);border-color:#a0c6ff30;box-shadow:inset 0 1px #d9eaff16,0 15px 45px #00000020}.hero-panel strong{color:#e7f5ff}.hero-panel p{color:#c0d0e8}.path-step b{color:#7fcde9}.hub-heading p,.progress-note{color:#b0c0da}.card-kicker{color:#99ccea}.agent-rating small,.hub-card .tiny,.tiny{color:#a9bbd5}.agent-meta span{background:#1d2c46;border-color:#384a69;color:#bbd5ed}.hub-card summary{color:#93d9f6}.agent-guide h3{color:#d4e6fc}.agent-guide ol{color:#b8c9e0}.agent-guide blockquote{border-color:#81b6ee;background:#182943;color:#c8def3}.copy-prompt{background:#263859;border-color:#526b92;color:#c5e8ff}.tiny a,.source-link{color:#a6d8ff}.hub-controls input,.hub-controls select,.sort-bar select{background:#121f35;border-color:#354965;color:#cfddf1}.hub-controls input::placeholder{color:#a8b9d2}.hub-controls input:focus{border-color:#79daec}.sort-bar p,.rating-explainer{color:#b1c1da}.rating-explainer summary,.reset-hub{color:#9bdaf3}.letter-cover{background:radial-gradient(circle at 90% 15%,#3b4b7660,transparent 65%),linear-gradient(115deg,#183a4d,#30264a)}.letter-cover span{color:#99d7ee}.letter-cover small{color:#c7d6f1}.hub-links a{color:#b4def7}.hub-links small{color:#adc2dc}.video-cover{background:radial-gradient(circle at 85% 20%,#527aa560,transparent 58%),linear-gradient(120deg,#173e58,#3c2d67);color:#c7eeff}.cover-1{background:radial-gradient(circle at 80% 20%,#31999450,transparent 60%),linear-gradient(120deg,#153e4d,#243b54);color:#bdf6ee}.cover-2{background:radial-gradient(circle at 90% 20%,#9763bc50,transparent 60%),linear-gradient(120deg,#32335c,#4b305c);color:#eed6ff}.cover-3{background:radial-gradient(circle at 85% 20%,#be7c5c45,transparent 60%),linear-gradient(120deg,#29344e,#4a3447);color:#ffe4cd}.play-symbol{background:#dceeff15;border-color:#dceeff66;color:white;box-shadow:0 0 35px #87cfff18}.video-cover:hover .play-symbol{background:#dceeff30}.watched{color:#bbcee5}
.discovery{border-color:#354569;background:radial-gradient(ellipse at 100% 0,#3d346033,transparent 60%),linear-gradient(130deg,#142239,#151c32)}.discovery-top p:not(.eyebrow),.spotlight-heading p:not(.eyebrow){color:#b6c6dd}.goal-chips button{background:#192941;border-color:#364b6b;color:#c0d0e5}.goal-heading h3{color:#e7f2ff}.goal-heading p{color:#bbcee4}.goal-heading>button{color:#9cdef2}.discovery-caption{color:#afc1d9}.goal-number{color:#5a7397}.spotlight-controls>button{background:#182841;border-color:#3e5779;color:#bbdffc}.spotlight-controls .surprise{background:linear-gradient(110deg,#23465f,#43365e);color:#d1e5ff}.spotlight-controls>span{color:#afc5df}#spotlight-content{background:linear-gradient(110deg,#14263b,#1c2039);border-color:#354b6d}.spotlight-image{background:#0f1c2e}.spotlight-copy h3{color:#eff7ff}.spotlight-copy p{color:#b9cce4}.spotlight-copy .spotlight-use{border-color:#35435e}.spotlight-copy a{color:#a7def7}.motion-toggle{background:#1b2c45;border-color:#4b6281;color:#c0d9ed}.motion-toggle:disabled{opacity:.8}
.policy p,.policy li,.policy .date,.sources+ p{color:#b9c9df}.policy a{color:#9edaff}body:has(.sources) main>p{color:#b9c9df}body:has(.sources) main>a{color:#a4deff}body:has(.sources) table{background:#101a2c}body:has(.sources) td a{color:#a8dcff}
.motion-paused .hero::before,.motion-paused .hub-hero::before{animation-play-state:paused}
@keyframes atlas-aurora{from{background-position:0 50%}to{background-position:100% 50%}}
@media(prefers-reduced-motion:reduce){.hero::before,.hub-hero::before{animation:none}.card,.hub-card,.hub-links a{transition:none}.card:hover{transform:none}}
@media(max-width:760px){.hero,.hub-hero{box-shadow:inset 0 1px #d0e7ff10,0 8px 25px #01040c20}}

/* Compact browsing: keep categories and learning links visible on every card. */
.grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;align-items:stretch}.grid .card{padding:13px;border-radius:10px}.grid .site-preview{height:72px;aspect-ratio:auto;margin:-13px -13px 11px;border-radius:9px 9px 0 0}.grid .site-image{inset:auto 0;top:50%;transform:translateY(-50%);width:100%;aspect-ratio:230/130}.grid .preview-label{font-size:7px;padding:2px 5px;bottom:5px}.grid .card-category{display:block;align-self:stretch;margin:0 0 10px;padding:5px 7px;font-size:9px;line-height:1.5;background:linear-gradient(100deg,#20415b,#34305b);color:#b8e8ff;border-color:#76bfdf35;min-height:24px}.card-category>span{color:#9fb5d0;font-size:8px;margin-right:5px}.grid .card-top{gap:8px;align-items:center}.grid .tool-icon{width:28px;height:28px;font-size:18px;border-radius:7px}.grid .tool-name{font-size:13px;line-height:1.4;margin-bottom:1px;overflow-wrap:anywhere}.grid .domain{font-size:8px;overflow-wrap:anywhere}.grid .card-top>div{min-width:0}.grid .bookmark{font-size:18px;padding-left:0}.grid .rating-line{margin:10px 0 8px;gap:5px}.grid .rating-stars{font-size:13px}.grid .rating-score{font-size:11px}.grid .rating-caption{font-size:7px}.grid .description{font-size:11px;line-height:1.65;margin:0 0 9px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:36px}.grid .use{padding:9px;margin:auto 0 9px}.grid .use-label{font-size:7px;margin-bottom:4px}.grid .use p{font-size:10px;line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-learning{display:flex;align-items:center;gap:6px;color:#9ce5f4;font-size:10px;font-weight:600;line-height:1.5;padding:7px 0;margin:0 0 8px;border-bottom:1px solid #354765}.card-learning>span{color:#ff9fb3;font-size:11px}.card-learning:hover{color:#d5f8ff}.grid .card-actions{border-top:0;padding-top:0;gap:5px}.grid .detail-button,.grid .visit{font-size:9px;line-height:1.6}.grid .compare-label{font-size:8px;margin-top:9px}.tutorial-note{font-size:10px;line-height:1.8;color:#afc2dc;margin:5px 0 16px}.learning-note{margin-top:0}dialog .card-learning{margin-top:14px;font-size:12px}.agent-category{font-size:9px;color:#b4e7ff;letter-spacing:.5px}.agent-card .hub-card-body{padding:17px}.agent-card .letter-cover{height:85px;aspect-ratio:auto}.agent-card h2{font-size:17px;margin:7px 0}.agent-card .agent-description{font-size:11px;line-height:1.7;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.agent-card .use-example{padding:10px;margin:12px 0}.agent-card .use-example p{font-size:10px}.agent-card .agent-meta{margin-bottom:9px}.agent-card summary{padding:12px 0}.agent-card .card-learning{font-size:10px;margin:0 0 2px}.agent-card .hub-action{margin-top:7px;font-size:10px}.learning-grid .hub-card-body{padding:20px}.learning-grid .video-cover{aspect-ratio:16/6}.learning-grid .play-symbol{width:48px;height:48px;font-size:18px}
@media(min-width:1600px){.grid{grid-template-columns:repeat(5,minmax(0,1fr))}#agents-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:1250px){.grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:950px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.grid .card{padding:12px}.grid .site-preview{margin:-12px -12px 10px;height:65px}.grid .card-category{font-size:8px;padding:5px;line-height:1.6}.card-category>span{display:block;font-size:7px}.grid .description{font-size:10px;min-height:33px}.grid .use p{font-size:10px}.grid .rating-caption{display:none}.grid .card-learning{font-size:9px}.grid .tool-name{font-size:12px}.grid .tool-icon{display:none}.grid .card-actions{flex-wrap:wrap;gap:4px 9px}.tutorial-note{font-size:9px}.learning-grid .video-cover{aspect-ratio:16/7}}
@media(max-width:350px){.grid{grid-template-columns:1fr}.grid .tool-icon{display:grid}.card-category>span{display:inline}.grid .rating-caption{display:inline}}

.discovery-drawer{margin:15px 0 20px;border:1px solid #354765;border-radius:9px;background:#111f34}.discovery-drawer>summary{display:flex;justify-content:space-between;gap:15px;padding:13px 16px;cursor:pointer;font-size:11px;color:#bed8ef;line-height:1.7;list-style:none}.discovery-drawer>summary>span:last-child{color:#9de2f5;white-space:nowrap}.discovery-drawer>summary::-webkit-details-marker{display:none}.discovery-drawer .discovery{margin:0;border-width:1px 0 0;border-radius:0;padding:20px}.discovery-drawer .spotlight{margin:20px}.hero{min-height:220px}.hero-copy{padding:23px 30px}.hero h1{font-size:clamp(31px,3vw,43px);margin:12px 0}.hero p{margin-bottom:12px}.hero-brand>.brandmark{width:110px;height:110px;border-radius:30px}.hero-brand .ai-face{font-size:58px}.orbit{width:190px;height:190px}.orbit.two{width:240px;height:125px}.float-icon{width:40px;height:40px;font-size:17px}.f1,.f2{top:25px}.f3,.f4{bottom:32px}.art-label{bottom:10px}.stats{padding:17px 4px}.hub-links{margin:16px 0}.hub-links a{padding:14px 17px}.hub-links strong{font-size:16px}.section-title{margin:22px 0 16px}#motion-toggle{float:right;margin-top:2px}.discovery-drawer{clear:both;margin-top:38px}@media(max-width:760px){.hero{min-height:210px}.hero-copy{padding:23px}.hero h1{font-size:32px}.hero-brand>.brandmark{width:85px;height:85px;border-radius:24px}.hero-brand .ai-face{font-size:44px}.discovery-drawer>summary{flex-direction:column;gap:4px;font-size:10px}.discovery-drawer .spotlight{margin:16px}.hub-links{gap:9px}.hub-links a{padding:12px 14px}.hub-links strong{font-size:15px}}
.grid .use-label{font-size:7px;margin-bottom:3px}.grid .use{padding:7px 8px}.grid .card-learning{padding:6px 0;margin-bottom:6px}@media(max-width:760px){.grid .card-category{font-size:9px}.card-category>span{font-size:8px}}

/* Agent cards share the compact website-directory layout. */
#agents-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;align-items:start}#agents-grid .agent-card{border-radius:10px}#agents-grid .hub-card-body{padding:13px;display:flex;flex-direction:column}.agent-cover{height:72px;aspect-ratio:auto;position:relative;overflow:hidden}.agent-cover-image{position:absolute;inset:auto 0;top:50%;transform:translateY(-50%);width:100%;aspect-ratio:230/130;background-repeat:no-repeat}.agent-card .letter-cover{height:72px;aspect-ratio:auto;padding:15px 19px}.agent-card .letter-cover span{font-size:27px;letter-spacing:-1px}.agent-card .letter-cover small{font-size:8px;letter-spacing:1px}#agents-grid .agent-category{display:block;align-self:stretch;margin:0 0 10px;padding:5px 7px;font-size:9px;line-height:1.5;letter-spacing:0;text-transform:none;background:linear-gradient(100deg,#20415b,#34305b);color:#b8e8ff;border:1px solid #76bfdf35;min-height:24px}#agents-grid h2{font-size:13px;line-height:1.4;margin:0 0 3px;letter-spacing:-.2px;overflow-wrap:anywhere}#agents-grid .provider{font-size:8px;line-height:1.6;margin:0 0 4px}#agents-grid .agent-rating{margin:7px 0 9px;gap:5px}#agents-grid .rating-stars{font-size:13px}#agents-grid .agent-rating strong{font-size:11px}#agents-grid .agent-rating small{font-size:7px}#agents-grid .agent-description{font-size:11px;line-height:1.65;margin:0 0 9px;min-height:36px}#agents-grid .use-example{padding:7px 8px;margin:0 0 9px}#agents-grid .use-example>strong{font-size:7px;letter-spacing:1px}#agents-grid .use-example p{font-size:10px;line-height:1.6;margin:4px 0 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}#agents-grid .agent-meta{margin:0 0 4px}#agents-grid .agent-meta span{font-size:8px;padding:3px 6px}#agents-grid .card-learning{font-size:10px;padding:6px 0;margin:0 0 6px}#agents-grid .agent-details{border-top:0;margin-top:0}#agents-grid summary{font-size:9px;padding:5px 0;color:#91d8f4}#agents-grid .hub-action{font-size:9px;margin-top:7px}#agents-grid .agent-guide{padding-top:5px}#agents-grid .agent-guide p,#agents-grid .agent-guide li{font-size:11px}#agents-grid .agent-guide .tiny{font-size:9px}
@media(min-width:1600px){.hub-main:has(#agents-grid){max-width:1450px}#agents-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(max-width:1250px){#agents-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:950px){#agents-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){#agents-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}#agents-grid .hub-card-body{padding:12px}#agents-grid .agent-category{font-size:9px;padding:5px;line-height:1.6}#agents-grid h2{font-size:12px}#agents-grid .agent-description{font-size:10px;min-height:33px}#agents-grid .agent-rating small{display:none}#agents-grid .card-learning{font-size:9px}.agent-cover,.agent-card .letter-cover{height:65px}.agent-card .letter-cover{padding:12px}.agent-card .letter-cover small{max-width:70px;overflow-wrap:anywhere;font-size:7px}}
@media(max-width:350px){#agents-grid{grid-template-columns:1fr}#agents-grid .agent-rating small{display:inline}}

.agent-types-explainer{border:1px solid #354765;border-radius:9px;margin:15px 0 22px;background:#111f34}.agent-types-explainer>summary{padding:13px 16px;font-size:11px;color:#bed8ef;cursor:pointer;line-height:1.7}.agent-types-explainer .learning-path{margin:0;padding:12px}.hub-main:has(#agents-grid) .hub-hero{padding:28px;gap:25px;margin-bottom:20px}.hub-main:has(#agents-grid) .hub-hero h1{font-size:clamp(32px,3vw,43px);margin:12px 0 16px}.hub-main:has(#agents-grid) .hub-hero p{font-size:12px}.hub-main:has(#agents-grid) .hero-panel{padding:20px}@media(max-width:760px){.hub-main:has(#agents-grid) .hub-hero{padding:23px;gap:12px}.agent-types-explainer>summary{font-size:10px}}

/* Agent category navigation uses the same left column as the website directory. */
.agent-page-layout{display:grid;grid-template-columns:220px minmax(0,1fr);max-width:1600px;margin:auto;align-items:start}
.agent-sidebar{display:block;padding:33px 14px 24px 22px;align-self:stretch;border-right:1px solid #23304a}
.agent-sidebar-inner{position:sticky;top:20px}.agent-sidebar .eyebrow{margin:0 10px 18px}
.agent-category-filters{display:flex;flex-direction:column;gap:3px}.agent-category-filters .sideitem{gap:10px;line-height:1.55;margin:0;padding:10px;font-size:11px;border:1px solid transparent}.agent-category-filters .sideitem>span:first-child{min-width:0}.agent-category-filters .sideitem>span:last-child{flex-shrink:0;font-size:10px}
.agent-category-filters .sideitem.selected{background:linear-gradient(100deg,#21425d,#34305c);color:#95ebf7;border-color:#73d7ec24;font-weight:600}
.agent-page-layout>.hub-main{width:100%;max-width:none;padding:28px 24px 0;min-width:0}
@media(min-width:761px){.agent-page-layout #agents-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(min-width:1450px){.agent-page-layout #agents-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(min-width:761px) and (max-width:1080px){.agent-page-layout{grid-template-columns:190px minmax(0,1fr)}.agent-sidebar{padding-left:12px}.agent-page-layout #agents-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.agent-page-layout .hub-hero{grid-template-columns:1fr}.agent-page-layout .hero-panel{transform:none}}
@media(max-width:760px){.agent-page-layout{display:block}.agent-sidebar{display:block;padding:15px 17px 12px;border-right:0;border-bottom:1px solid #23304a}.agent-sidebar-inner{position:static}.agent-sidebar .eyebrow{margin:0 0 10px;font-size:8px}.agent-category-filters{flex-direction:row;gap:7px;overflow-x:auto;padding:2px 2px 9px}.agent-category-filters .sideitem{flex:0 0 auto;width:auto;white-space:nowrap;padding:8px 10px;border-color:#30405f;border-radius:7px;font-size:10px}.agent-page-layout>.hub-main{padding:20px 17px 0}}

/* Short banners across every directory: browsing comes first. */
.hero{min-height:0;grid-template-columns:minmax(0,1fr) 150px;border-radius:12px}
.hero-copy{padding:18px 22px}
.hero h1{font-size:clamp(24px,2.4vw,30px);line-height:1.25;margin:8px 0}
.hero p{font-size:12px;line-height:1.6;margin:8px 0}
.hero p br{display:none}
.hero-brand>.brandmark{width:70px;height:70px;border-radius:20px}
.hero-brand .ai-face{font-size:36px}
.orbit{width:105px;height:105px}.orbit.two{width:130px;height:70px}
.orbit-art .float-icon,.orbit-art .spark,.orbit-art .art-label{display:none}
:is(.hub-main,.hub-main:has(#agents-grid)) .hub-hero{grid-template-columns:minmax(0,1fr) minmax(190px,.45fr);padding:18px 22px;gap:20px;margin-bottom:16px;border-radius:12px;align-items:start}
:is(.hub-main,.hub-main:has(#agents-grid)) .hub-hero h1{font-size:clamp(24px,2.4vw,30px);line-height:1.25;margin:7px 0;max-width:none;letter-spacing:-.6px}
:is(.hub-main,.hub-main:has(#agents-grid)) .hub-hero p{font-size:12px;line-height:1.6;margin:6px 0;max-width:760px}
.hub-hero .eyebrow{font-size:9px;letter-spacing:1px}
.hub-hero .hub-primary{padding:8px 12px;font-size:11px;margin-top:5px}
:is(.hub-main,.hub-main:has(#agents-grid)) .hero-panel{padding:10px 12px;transform:none;align-self:start;border-radius:8px;box-shadow:none}
.hero-extra>summary{font-size:12px;font-weight:600;line-height:1.6;color:#d4e8ff;cursor:pointer}
.hero-extra>summary span{font-size:11px;white-space:nowrap}
.hero-extra[open]>summary{margin-bottom:8px}
.hero-extra .eyebrow,.hero-extra .card-kicker{margin-top:10px}
.hub-links{gap:10px;margin:12px 0}
.hub-links a{padding:10px 12px;font-size:12px}
.hub-links strong{font-size:14px;margin-bottom:4px}
.hub-links small{font-size:11px;line-height:1.5}
.learning-path{gap:10px;margin:16px 0 20px}
.path-step{padding:12px}.path-step b{font-size:17px}.path-step h2{margin:5px 0}
.learning-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.learning-grid .hub-card-body{padding:13px}
.learning-grid .video-cover{aspect-ratio:auto;height:100px;padding:12px}
.learning-grid .play-symbol{width:32px;height:32px;font-size:14px}
.learning-grid .hub-card h2{font-size:15px}
.bottom-banner{padding:12px 16px;margin:18px 0;gap:12px}
.stats{padding:12px 4px}
@media(max-width:850px){:is(.hub-main,.hub-main:has(#agents-grid)) .hub-hero{grid-template-columns:1fr;gap:10px;padding:16px}.learning-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.hero{grid-template-columns:1fr}.hero-copy{padding:16px}.hero .orbit-art{display:none}.hero h1{font-size:25px}.learning-grid{grid-template-columns:1fr}.bottom-banner button{margin-left:0}.hub-hero .hub-primary{line-height:1.5}}

/* Contain the compact banner artwork inside its actual grid column. */
.hero .orbit-art{min-width:0;width:100%;height:100%;align-self:stretch;overflow:hidden}
.hero .hero-brand{display:grid;place-items:center;left:50%;top:50%;width:70px;height:70px;font-size:0;line-height:0;transform:translate(-50%,-50%) rotate(-13deg)}
.hero .hero-brand>.brandmark{display:block;margin:0}
.hero .orbit{left:50%;top:50%}

/* Colourful, compact cards: product identities retain their own accent. */
.grid>.card,.hub-grid>.hub-card{--card-accent:var(--item-accent,#6650ac);--card-tint:var(--item-tint,#eee7fc);background:linear-gradient(135deg,var(--card-tint),#fff 82%);border-color:color-mix(in srgb,var(--card-accent) 35%,#dce3ee);box-shadow:inset 0 3px var(--card-accent),0 4px 15px #06132410;color:#26344a}
:is(.grid>.card,.hub-grid>.agent-card,.learning-grid>.hub-card,#news-grid>.hub-card,#leader-grid>.hub-card):nth-child(5n+1){--card-accent:#315fb4;--card-tint:#dfeaff}
:is(.grid>.card,.hub-grid>.agent-card,.learning-grid>.hub-card,#news-grid>.hub-card,#leader-grid>.hub-card):nth-child(5n+2){--card-accent:#8b4294;--card-tint:#f3dff5}
:is(.grid>.card,.hub-grid>.agent-card,.learning-grid>.hub-card,#news-grid>.hub-card,#leader-grid>.hub-card):nth-child(5n+3){--card-accent:#16746b;--card-tint:#d7f2e9}
:is(.grid>.card,.hub-grid>.agent-card,.learning-grid>.hub-card,#news-grid>.hub-card,#leader-grid>.hub-card):nth-child(5n+4){--card-accent:#9a5722;--card-tint:#ffead3}
:is(.grid>.card,.hub-grid>.agent-card,.learning-grid>.hub-card,#news-grid>.hub-card,#leader-grid>.hub-card):nth-child(5n){--card-accent:#6546b2;--card-tint:#e9e1fc}
.grid>.card:hover,.hub-grid>.hub-card:hover{border-color:var(--card-accent);box-shadow:inset 0 3px var(--card-accent),0 7px 20px #06132422}
.grid .card .card-category,#agents-grid .agent-card .agent-category,.section-grid .hub-card .card-category{background:var(--card-tint);color:var(--card-accent);border-color:color-mix(in srgb,var(--card-accent) 25%,transparent)}
.grid .card-category>span,.section-grid .card-category>span{color:inherit;opacity:.8}
.grid .card .use,.hub-grid .hub-card .use-example{background:color-mix(in srgb,var(--card-tint) 70%,white);border-color:color-mix(in srgb,var(--card-accent) 18%,white)}
.grid .card .use-label,.hub-grid .hub-card .use-example>strong{color:var(--card-accent)}
.grid .card .card-learning,.hub-grid .hub-card .card-learning,.grid .card .visit,.hub-grid .hub-card .hub-action{color:var(--card-accent)}
.grid .card .card-learning{border-color:color-mix(in srgb,var(--card-accent) 22%,white)}
.hub-grid .agent-card .letter-cover,.learning-grid .hub-card .video-cover{background:linear-gradient(125deg,var(--card-tint),#fff);color:var(--card-accent)}
.hub-grid .agent-card .letter-cover span,.hub-grid .agent-card .letter-cover small{color:var(--card-accent)}
.hub-links>a:nth-child(5n+1){background:linear-gradient(120deg,#173d59,#202f52);border-color:#38658c}
.hub-links>a:nth-child(5n+2){background:linear-gradient(120deg,#38305c,#302346);border-color:#6b4f92}
.hub-links>a:nth-child(5n+3){background:linear-gradient(120deg,#16443f,#203547);border-color:#34756d}
.hub-links>a:nth-child(5n+4){background:linear-gradient(120deg,#4c3425,#332c45);border-color:#8b6442}
.hub-links>a:nth-child(5n){background:linear-gradient(120deg,#3d2853,#24304f);border-color:#755290}

/* Small, persistent jumps avoid repeated scrolling on long catalogue pages. */
.atlas-page-jumps{position:fixed;right:0;bottom:calc(22px + env(safe-area-inset-bottom));z-index:80;display:grid;gap:0;padding:0;border:1px solid #4d6483;border-right:0;border-radius:6px 0 0 6px;background:#101c30ed;box-shadow:0 2px 8px #0003}.atlas-page-jumps button{width:30px;min-height:34px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;border:0;border-radius:0;background:transparent;color:#dcf4ff;cursor:pointer;padding:2px 0}.atlas-page-jumps button:hover{background:#294363}.atlas-page-jumps button>span{font:18px/1 system-ui,sans-serif}.atlas-page-jumps small{font:8px/1.2 system-ui,sans-serif}.atlas-page-jumps button:focus-visible{outline:2px solid #80e4ef;outline-offset:1px}body:has(.analytics-choice:not([hidden])) .atlas-page-jumps{bottom:180px}@media(max-width:760px){.atlas-page-jumps{right:0;bottom:calc(16px + env(safe-area-inset-bottom))}.atlas-page-jumps button{width:30px;min-height:38px}}@media print{.atlas-page-jumps{display:none!important}}

@media(max-width:760px){body:has(.analytics-choice:not([hidden])) .atlas-page-jumps{bottom:260px}}

/* Make the directory title legible and preserve room for the shared navigation. */
header{height:auto;min-height:88px;flex-wrap:wrap;gap:12px;padding-block:14px}header>nav{flex-wrap:wrap;gap:16px}header .brand .directory-title{display:inline-block;font:800 12px/1.4 'DM Sans',system-ui,sans-serif;letter-spacing:.09em;color:#f3f8ff;border-left:2px solid #80dce9;padding-left:13px;margin-left:5px;white-space:normal;max-width:140px}@media(max-width:760px){header{min-height:72px;padding-block:12px}header .brand .directory-title{font-size:10px;letter-spacing:.06em;padding-left:9px;margin-left:0;max-width:105px}header>nav{gap:12px}}

header{padding-top:9px;padding-bottom:9px;gap:9px}header>nav{gap:13px}@media(max-width:760px){header{padding-top:8px;padding-bottom:8px}header>nav{gap:10px}}