/* Shared vector icons stay monochrome on every platform, including iOS. */
.ui-icon{display:inline-block;width:20px;height:20px;flex:none;vertical-align:middle;pointer-events:none}
.button .ui-icon{width:18px;height:18px}.text-link .ui-icon{width:16px;height:16px}
.search-submit{display:grid;place-items:center}.search-submit .ui-icon{width:20px;height:20px}
.card-arrow{display:grid;place-items:center;width:28px;height:28px;border:1px solid #6a77615c;border-radius:50%;bottom:17px;right:12px}
.card-arrow .ui-icon{width:14px;height:14px}.card-body{padding-bottom:52px}
.save-button .ui-icon{width:17px;height:17px}.collection-tile .arrow{display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--line);border-radius:50%}
.collection-card h2 .ui-icon{width:22px;height:22px}.search-mobile,.close-icon{display:none}
.menu-toggle[aria-expanded=true] .menu-icon{display:none}.menu-toggle[aria-expanded=true] .close-icon{display:block}
.command-search>.ui-icon{color:var(--muted)}.empty-state>span>.ui-icon{width:34px;height:34px}
@media(max-width:800px){
 .site-header{height:76px;gap:12px}.header-actions{gap:4px}
 .quick-search-trigger{display:grid;place-items:center;width:44px;min-width:44px;height:44px;border:0;background:transparent;padding:0}
 .quick-search-trigger .search-keyboard{display:none}.quick-search-trigger .search-mobile{display:flex}
 .menu-toggle{display:grid;place-items:center;width:44px;height:44px;padding:0}
 .library-link{min-height:44px;padding:0 8px}
 .mobile-nav{position:fixed;inset:78px 18px auto;margin:0;padding:10px 16px;background:#101c15f7;backdrop-filter:blur(20px);border-color:#43523e;box-shadow:0 24px 50px #0006;border-radius:16px}
 .mobile-nav a{padding:16px 6px;font-size:16px;border-bottom:1px solid #ffffff0d}.mobile-nav a:last-child{border:0}
 .button{min-height:48px}.chip{min-height:44px;display:inline-flex;align-items:center}
 .save-button{width:44px;height:44px;top:4px;right:4px;background:transparent;border:0}
 .save-button:before{content:"";position:absolute;inset:6px;background:#0d1916df;border:1px solid #dadfce66;border-radius:50%;z-index:-1}
 .save-button[aria-pressed=true]{background:transparent;border:0;color:#17200b}.save-button[aria-pressed=true]:before{background:var(--lime);border-color:var(--lime)}
 .save-button .ui-icon{width:18px;height:18px}
 .search-form input,.command-search input{font-size:16px}.search-submit{width:44px;height:44px}
 .command-dialog{width:calc(100% - 24px);max-height:calc(100dvh - 40px);margin:20px auto;padding:0}
 .command-search{padding:12px;gap:10px}.command-search input{min-width:0}
 .key-button{min-width:44px;min-height:44px}.command-results{max-height:calc(100dvh - 190px)}
 .command-result{min-height:64px}.command-result strong{font-size:14px}.command-result small{font-size:12px}
 .command-footer>span:first-child{display:none}.command-footer{justify-content:flex-end}
 .reveal{opacity:1;transform:none;transition:none}.reveal.revealed:hover,.agent-card:hover{transform:none;box-shadow:none}
 .card-art:after{display:none}.button:hover{transform:none}.hero-copy>*{animation:none}
}
@media(max-width:560px){
 .site-header,.site-footer,.container{width:calc(100% - 40px)}
 .brand{gap:9px}.brand span{font-size:13px;letter-spacing:.25em}.brand svg{width:26px;height:26px}
 .header-actions{gap:0}.library-link{display:none}
 .hero{display:flex;align-items:flex-start;min-height:670px;margin:0}
 .hero-copy{padding:30px 0 0;max-width:100%;width:100%}
 .hero .eyebrow{font-size:9px;letter-spacing:.16em;margin-bottom:22px}
 .hero h1{font-size:clamp(42px,12.3vw,67px);line-height:1.02;letter-spacing:-.06em;margin-bottom:18px}
 .hero-copy>p{font-size:16px;line-height:1.55;max-width:310px;margin-bottom:23px}
 .hero .button{font-size:14px;padding:14px 21px;gap:26px}
 .hero-art{inset:290px -20px 12px -20px;opacity:1;background-position:69% 50%;mask-image:linear-gradient(180deg,transparent,#000 17%,#000 78%,transparent)}
 .hero:after{background:linear-gradient(180deg,var(--bg) 33%,transparent 56%,transparent 85%,var(--bg))}
 .hero-bottom-meta{bottom:8px;align-items:center;font-size:9px;gap:10px;line-height:1.6}
 .hero-bottom-meta>span{max-width:190px}.hero-bottom-meta button{font-size:10px;min-height:44px;border-bottom:0;padding:0;text-decoration:underline;text-underline-offset:5px}
 .discover{margin:18px auto 42px}.search-form{padding:5px 6px 5px 14px;gap:9px}.search-form input{font-size:16px}
 .search-form input::placeholder{font-size:13px}.discover .chips{margin-top:14px;padding-bottom:5px;gap:8px}
 .chip{font-size:12px;padding:9px 16px}
 .section-heading{flex-wrap:wrap;gap:8px;margin-bottom:20px}.section-heading h2{font-size:29px;letter-spacing:-.045em;line-height:1.13}
 .section-heading p{font-size:14px}.section-heading .text-link{font-size:12px;min-height:44px;padding:0;gap:8px}
 .agent-grid,.explore-grid{gap:12px}.agent-card{border-radius:12px;border-color:#334133}
 .status-badge{top:13px;left:10px;font-size:8px;letter-spacing:.02em;padding:4px 6px;max-width:calc(100% - 52px);line-height:1.2}
 .card-body,.explore-grid .card-body{padding:16px 12px 52px;min-height:150px}
 .card-body h3{font-size:16px;line-height:1.2;letter-spacing:-.03em;margin:0 0 9px}
 .card-body p,.explore-grid .card-body p{font-size:12px;line-height:1.5;padding:0}
 .card-arrow{right:12px;bottom:13px;width:27px;height:27px}
 .portfolio-note{font-size:12px;line-height:1.65;margin-top:20px}
 .feature-banner{margin-top:36px;border-radius:16px}.feature-copy{padding:190px 24px 28px}.feature-copy h2{font-size:34px}
 .feature-copy p{font-size:14px;line-height:1.6}.feature-copy .button{font-size:13px;padding-inline:18px;gap:18px}
 .collection-tile{padding:24px 46px 24px 0}.collection-tile h3{font-size:24px}.collection-tile p{font-size:14px;line-height:1.5}
 .collection-tile .arrow{top:40px;right:0}
 .site-footer{padding:30px 0;gap:20px}.site-footer nav{width:100%;margin:0;justify-content:space-between;gap:20px;font-size:13px}.site-footer nav a{display:flex;align-items:center;min-height:44px}
 .preview-label{justify-content:flex-start;font-size:11px;line-height:1.6}
 .page-head{padding:30px 0 28px}.page-head h1{font-size:clamp(36px,10vw,48px);line-height:1.08}.page-head p{font-size:16px;line-height:1.6}
 .filter-controls{display:grid;grid-template-columns:1fr 1fr;gap:12px}.filter-controls label{display:flex;align-items:flex-start;flex-direction:column;font-size:12px;gap:7px;min-width:0}
 .filter-controls select{width:100%;max-width:none;font-size:16px;min-height:44px;padding:9px 22px 9px 10px;border-radius:9px}
 .results-bar{gap:18px}#results-count{font-size:12px;line-height:1.6}
 .breadcrumbs{flex-wrap:wrap;font-size:12px;line-height:1.6}.breadcrumbs a{min-height:32px;display:inline-flex;align-items:center}
 .product-copy h1{font-size:clamp(36px,10vw,46px);overflow-wrap:anywhere}.product-copy p{font-size:16px;line-height:1.65}.product-copy .quiet-note{font-size:12px}
 .product-actions{gap:12px}.product-actions .button{font-size:14px;width:100%}
 .detail-panel p,.prose p,.step p{font-size:16px;line-height:1.65}.detail-panel{padding:24px}
 .library-meta{flex-wrap:wrap;font-size:13px}.library-meta .text-link{min-height:44px;font-size:13px}
 .info-banner{font-size:14px;line-height:1.65}.toast{max-width:calc(100% - 32px);bottom:max(20px,env(safe-area-inset-bottom));font-size:13px}
}
@media(max-width:360px){
 .site-header,.site-footer,.container{width:calc(100% - 32px)}
 .hero h1{font-size:42px}.hero{min-height:665px}.hero-art{left:-16px;right:-16px}
 .agent-grid,.explore-grid{gap:10px}.card-body,.explore-grid .card-body{padding-inline:10px}
 .status-badge{font-size:7px;left:8px}.feature-copy{padding-inline:18px}.feature-copy h2{font-size:31px}
}

.key-button{display:grid;place-items:center}.key-button .ui-icon{width:17px;height:17px}
@media(max-width:800px){.chips{scrollbar-width:none}.chips::-webkit-scrollbar{display:none}}
@media(max-width:360px){.filter-controls{grid-template-columns:1fr}.filter-controls label{display:grid;grid-template-columns:40px 1fr;align-items:center}.hero-bottom-meta>span{max-width:160px}}