/* Keep the WebGL compositing surface circular on Safari as well as Chromium. */
.adam-orb-shell canvas{border-radius:50%;clip-path:circle(49.9%);background:transparent}
.adam-orb-play{-webkit-appearance:none;appearance:none;color:#171717}
.adam-orb-play::before{content:'';display:block;width:0;height:0;border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:12px solid currentColor;margin-left:3px}
.adam-orb-play[aria-pressed=true]::before{width:13px;height:16px;border:0;border-left:4px solid currentColor;border-right:4px solid currentColor;margin:0;box-sizing:border-box}
.agents-benchmark-link span{display:inline-block;font-size:0;width:11px;height:11px;border-top:1px solid currentColor;border-right:1px solid currentColor;position:relative;margin-left:5px}
.agents-benchmark-link span::after{content:'';position:absolute;right:-1px;top:0;width:13px;border-top:1px solid currentColor;transform:rotate(-45deg);transform-origin:right top}
@media(max-width:760px){
 .adam-agents{padding:42px 20px max(40px,env(safe-area-inset-bottom));overflow:hidden}
 .adam-agents h2{font-size:34px;line-height:1.15;letter-spacing:-1.1px;margin:0 0 15px}
 .agents-subheading{max-width:30ch;margin:0 auto 19px;font-size:16px;line-height:1.55;text-wrap:balance}
 .agents-benchmark-link{min-height:44px;margin-bottom:24px;font-size:11px;letter-spacing:1.2px}
 .adam-agents-grid{padding:0;width:100%;gap:0;scroll-padding:0;scroll-snap-type:x mandatory;align-items:start}
 .adam-agent{flex:0 0 100%;width:100%;min-width:0;opacity:1;transform:none;scroll-snap-align:start;scroll-snap-stop:always}
 .adam-orb-shell{width:min(240px,76vw);max-width:100%;margin-inline:auto}
 .adam-agent h3{font-size:20px;margin:20px 0 5px}.adam-agent p{font-size:14px}
 .adam-orb-play{width:54px;height:54px}.adam-orb-play:hover{scale:1}
 .adam-carousel-nav{margin-top:20px;gap:28px}.adam-carousel-nav button{min-width:48px;min-height:48px;padding:4px 12px}.adam-carousel-count{font-size:13px}
 .agents-benchmarks{width:calc(100vw - 24px);max-height:calc(100dvh - 32px);padding:44px 12px 20px;border-radius:16px}
 .benchmarks-table-wrap{margin-top:12px}.benchmarks-close{min-width:44px;min-height:44px;top:2px;right:2px}
 .agents-benchmarks th,.agents-benchmarks td{padding:12px 5px;font-size:12px}.agents-benchmarks thead th{font-size:13px}.agents-benchmarks thead small{font-size:10px;line-height:1.4}
 .benchmarks-description{font-size:13px;line-height:1.65}.benchmarks-caveat{font-size:11px}
 .nav{gap:12px}.nav-actions{gap:10px}.menu{min-width:44px;min-height:44px}.navlinks.open{left:0;right:0;width:100%;box-sizing:border-box}
 .industry-tabs{border-radius:20px;max-width:100%}.industry-tabs button{min-height:44px}.industry-panel{min-height:420px}
 .refresh-section h2{overflow-wrap:break-word}.gallery-controls{flex-shrink:0}.section-top h2{font-size:clamp(27px,7vw,36px)}
 #about-dialog{padding:48px 24px 28px}#about-dialog h2{font-size:32px}
}
@media(max-width:360px){.nav-actions .pill{font-size:11px;padding:10px 12px}.nav .adam-wordmark{font-size:28px}.use-case>div{padding:22px}.industry-tabs button{padding-inline:12px}.onboarding ol{grid-template-columns:1fr}.hero h1{font-size:36px}}