:root{--bg:#fbfaf7;--surface:#fff;--text:#1c1b19;--muted:#6b675f;--border:#e6e2da;--accent:#d9480f;--sans:ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace}@media (prefers-color-scheme:dark){:root{--bg:#141312;--surface:#1c1b19;--text:#ece8df;--muted:#9c978d;--border:#2e2c29;--accent:#ff7a3d}}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{background:var(--bg);color:var(--text);font-family:var(--sans);margin:0;font-size:17px;line-height:1.6;overflow-x:clip}a{color:inherit}code{font-family:var(--mono);color:var(--accent);background:color-mix(in srgb, var(--accent) 10%, transparent);border-radius:4px;padding:.1em .35em;font-size:.88em;font-weight:600}.session-title{border:1px solid var(--border);background:var(--surface);color:var(--text);white-space:nowrap;border-radius:6px;padding:.1em .45em;font-weight:600}.expressive-code code{font-weight:inherit;color:inherit;background:0 0;padding:0}h1,h2,h3{letter-spacing:-.02em;line-height:1.2}.nav,main,.footer{max-width:960px;margin:0 auto;padding:0 24px}.nav{z-index:1;justify-content:space-between;align-items:center;gap:12px;padding-top:24px;display:flex;position:relative}.nav>*{flex-shrink:0}.wordmark{font-family:var(--mono);align-items:center;gap:8px;font-size:20px;font-weight:700;text-decoration:none;display:inline-flex}.wordmark-logo{width:24px;height:auto}.brand-name{font-family:var(--mono);letter-spacing:-.01em;color:var(--text);font-size:.92em;font-weight:700}.nav nav{font-family:var(--mono);gap:20px;font-size:13px;display:flex}.nav nav a{color:var(--muted);text-decoration:none}.nav nav a:not(.nav-icon){text-box:trim-both cap alphabetic;padding:8px 0}.nav nav a:hover{color:var(--text)}.nav nav{align-items:center}.nav-icon svg{fill:currentColor;width:20px;height:20px;display:block}.hero{isolation:isolate;padding:72px 0 80px;position:relative}.hero h1{margin:0 0 12px;font-size:clamp(40px,9vw,84px);line-height:1.05}.hero-status{font-family:var(--mono);letter-spacing:-.02em;word-spacing:-.25em;white-space:nowrap;font-size:.8em}.hero-status-task{color:var(--muted);font-weight:500}.status-emoji{margin-right:.3em}.hero-status{margin-left:.3em}.task-text{display:inline-block}.task-text.is-swapping{animation:.12s ease-out task-in}@keyframes task-in{0%{opacity:0;transform:translateY(.15em)}}.name-flipper{clip-path:inset(0 -100vw);height:1.5em;color:var(--accent);white-space:nowrap;margin:-.2em 0 -.45em;padding-top:.2em;transition:width .2s;display:inline-block;position:relative}.name-flipper:before{content:"​"}.name-flipper>span{position:absolute;top:.2em;left:0}.name-flipper>span:only-child{position:static}.name-flipper .is-entering{animation:name-in .45s linear(0, .034, .122, .244, .383, .526, .662, .785, .889, .974, 1.038, 1.083, 1.111, 1.124, 1.126, 1.119, 1.106, 1.09, 1.072, 1.054, 1.038, 1.023, 1.01, 1, .993, .988, .985, .984, .984, .985, .987, .989, .992, .994, .996, .998, 1) both}.name-flipper .is-leaving{animation:.16s ease-in both name-out}@keyframes name-in{0%{opacity:0;transform:translateY(110%)}}@keyframes name-out{to{opacity:0;transform:translateY(-110%)}}.hero-subtitle{margin:0 0 24px;font-size:clamp(26px,3.2vw,32px);font-weight:700;line-height:1.15}@media (width<=640px){.hero h1{font-size:calc(13.6986vw - 6.57534px)}.hero-subtitle{font-size:calc(6.99301vw - 3.35664px)}.hero-status{margin:6px 0 0;display:block}}.lede{color:var(--muted);max-width:36em;margin:0 0 32px;font-size:20px}.cta{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.copy{max-width:100%;font:14px var(--mono);color:var(--text);background:var(--surface);border:1px solid var(--border);cursor:pointer;text-align:left;border-radius:10px;align-items:center;gap:16px;padding:12px 16px;display:inline-flex}.copy:hover{border-color:var(--accent)}.copy-label{color:var(--accent);flex-shrink:0;font-weight:600}.copy-block{justify-content:space-between;width:100%}.cta-title{text-transform:uppercase;letter-spacing:.08em;color:var(--accent);margin:0 0 10px;font-size:13px;font-weight:700}.cta-alt{color:var(--muted);margin-top:12px;font-size:15px;display:inline-block}.cta-alt:hover{color:var(--text)}.live-board{display:none}@media (width>=1360px){.live-board:not([hidden]){z-index:50;perspective:700px;perspective-origin:50% 0;width:0;font-family:var(--mono);white-space:nowrap;pointer-events:none;justify-content:center;font-size:13px;display:flex;position:fixed;top:0;right:calc(25vw - 228px)}}.live-board-rig{transform-origin:50% 0;visibility:hidden;flex-direction:column;align-items:center;display:flex}.live-board.is-dropped .live-board-rig{visibility:visible}.live-board-shadow{visibility:hidden;background:#00000073;border-radius:8px;position:absolute;top:150px}.live-board.is-dropped .live-board-shadow{visibility:visible;opacity:.18;filter:blur(4px);translate:0 3px}.live-board-wire{background:var(--text);width:2px;height:150px}.live-board-sign{background:#1c1b19;border:1px solid #2e2c29;border-radius:8px;justify-items:center;padding:18px 16px 12px;display:grid;position:relative}.live-board-light{background:#ff3b30;border-radius:50%;width:6px;height:6px;animation:1.4s ease-in-out infinite live-board-light;position:absolute;top:7px;left:7px;box-shadow:0 0 6px 1px #ff3b30b3}@keyframes live-board-light{50%{opacity:.3;box-shadow:none}}.live-board-label{color:#ece8df;margin-top:12px;font-weight:700}.live-board-bench{color:#9c978d;margin-top:4px}.live-board-bench b{color:#ece8df}.flaps{--flap-w:52px;--flap-h:76px;--flap-font:50px;gap:4px;display:flex}.flaps[data-digits="3"]{--flap-w:40px;--flap-h:58px;--flap-font:38px}.flaps[data-digits="4"]{--flap-w:34px;--flap-h:50px;--flap-font:32px}.flaps[data-digits="5"]{--flap-w:28px;--flap-h:42px;--flap-font:27px}.flaps[data-digits="6"],.flaps[data-digits="7"]{--flap-w:23px;--flap-h:36px;--flap-font:22px}.flap.is-thousands{margin-left:6px}.flap{width:var(--flap-w);height:var(--flap-h);color:#ff7a3d;font-size:var(--flap-font);text-align:center;perspective:300px;background:#0a0908;border-radius:7px;font-weight:800;position:relative}.flap>span{backface-visibility:hidden;background:#36332e;height:calc(50% - .5px);position:absolute;left:0;right:0;overflow:hidden}.flap i{height:var(--flap-h);font-style:normal;line-height:var(--flap-h);position:absolute;left:0;right:0}.flap-top,.flap-fold-top{transform-origin:50% 100%;border-radius:7px 7px 0 0;top:0}.flap-bottom,.flap-fold-bottom{transform-origin:50% 0;border-radius:0 0 7px 7px;bottom:0}.flap-top i,.flap-fold-top i{top:0}.flap-bottom i,.flap-fold-bottom i{bottom:0}.flap-fold-top,.flap-fold-bottom{z-index:1;visibility:hidden}.flap.is-turning .flap-fold-top{visibility:visible;animation:80ms ease-in both flap-fall}.flap.is-turning .flap-fold-bottom{visibility:visible;animation:80ms ease-out 80ms both flap-land}@keyframes flap-fall{to{filter:brightness(.6);transform:rotateX(-90deg)}}@keyframes flap-land{0%{filter:brightness(.6);transform:rotateX(90deg)}}.live-bar{z-index:50;padding-bottom:env(safe-area-inset-bottom);color:#ece8df;font-family:var(--mono);white-space:nowrap;font-variant-numeric:tabular-nums;background:#1c1b19;font-size:13px;transition:transform .4s cubic-bezier(.2,.8,.2,1);position:fixed;bottom:0;left:0;right:0;overflow:hidden;transform:translateY(110%)}.live-bar.is-shown{transform:none}.live-bar-track{padding:10px 0;animation:75s linear infinite live-bar;display:inline-flex}.live-bar-item{align-items:center;gap:8px;padding-right:max(240px,35vw);display:inline-flex}.live-bar-badge{color:#fff;background:#e03131;border-radius:4px;padding:1px 8px;font-weight:800}.live-bar b{color:#ff7a3d;font-weight:800}@keyframes live-bar{to{transform:translate(-50%)}}.copy-hero{border:1.5px solid var(--accent);box-shadow:3px 3px 0 var(--accent);padding:8px 8px 8px 16px;transition:transform .12s,box-shadow .12s}.copy-hero:hover{box-shadow:4px 4px 0 var(--accent);transform:translate(-1px,-1px)}.copy-hero:active{box-shadow:1px 1px 0 var(--accent);transform:translate(2px,2px)}.copy-hero .copy-label{background:var(--accent);color:#fff;font-family:var(--sans);border-radius:7px;padding:6px 14px;font-weight:700}.hero-terminal{margin-top:64px;position:relative}.hero>:is(h1,.hero-subtitle,.lede,.cta-title,.cta,.cta-alt){--rise:12px;animation:.7s cubic-bezier(.2,.8,.2,1) both rise-in}.hero>.hero-subtitle{animation-delay:70ms}.hero>.lede{animation-delay:.14s}.hero>.cta-title{animation-delay:.21s}.hero>.cta{animation-delay:.28s}.hero>.cta-alt{animation-delay:.35s}.hero-terminal>.expressive-code{--rise:24px;animation:.8s cubic-bezier(.2,.8,.2,1) .4s both rise-in}@keyframes rise-in{0%{opacity:0;transform:translateY(var(--rise))}}.hero-notification{z-index:1}.hero-notification-claude{animation:.5s cubic-bezier(.2,.9,.3,1.15) 1.3s both notification-in,3.2s ease-in-out 1.8s infinite notification-float}.hero-notification-slack{visibility:hidden;width:min(92%,330px);position:absolute;bottom:-28px;left:-16px}.hero-notification-slack.is-shown{visibility:visible;animation:.5s cubic-bezier(.2,.9,.3,1.15) both notification-in,3.6s ease-in-out .5s infinite notification-float}.notification-icon.notification-icon-slack{background:#4a154b;font-size:20px;font-weight:800}@keyframes notification-in{0%{opacity:0;transform:translate(40px)}}@media (prefers-reduced-motion:reduce){.hero-notification,.hero>:is(h1,.hero-subtitle,.lede,.cta-title,.cta,.cta-alt),.hero-terminal>.expressive-code,.live-board-light,.live-bar-track{animation:none!important}}@keyframes notification-float{50%{translate:0 -5px}}.section{border-top:1px solid var(--border);padding:56px 0}.section>:last-child,.section>:last-child>li:last-child{margin-bottom:0}.section h2{margin:0 0 16px;font-size:32px}@media (width<=640px){.section h2{font-size:27px}}.narrow p{max-width:38em}.section-lede{color:var(--muted);max-width:38em;margin:0 0 32px}.legal{max-width:44em;padding:72px 0 56px}.legal h1{margin:0 0 8px;font-size:clamp(36px,6vw,52px)}.legal h2{margin:40px 0 12px;font-size:22px}.legal table{border-collapse:collapse;width:100%;font-size:15px}.legal th,.legal td{border-bottom:1px solid var(--border);text-align:left;vertical-align:top;padding:10px 8px}.steps{counter-reset:step;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;margin:0 0 32px;padding:0;list-style:none;display:grid}.steps li{counter-increment:step}.steps li:before{content:counter(step);background:var(--accent);color:#fff;border-radius:50%;place-items:center;width:28px;height:28px;font-size:14px;font-weight:700;line-height:1;display:inline-grid}.steps h3{margin:12px 0 6px;font-size:19px}.steps p{color:var(--muted);margin:0}@media (width<=640px){.steps li{grid-template-columns:28px 1fr;column-gap:14px;display:grid}.steps li:before{grid-row:span 2}.steps h3{margin-top:3px}}.cards{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;display:grid}.card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:24px}.card h3{margin:0 0 8px;font-size:19px}.card p{color:var(--muted);margin:0 0 16px}.card p:last-child{margin-bottom:0}.value-list{counter-reset:reason;gap:24px;max-width:38em;margin:28px 0 0;padding:0;list-style:none;display:grid}.value-list li{counter-increment:reason;grid-template-columns:24px 1fr;column-gap:14px;display:grid}.value-list li:before{content:counter(reason);background:var(--accent);color:#fff;border-radius:50%;grid-row:span 2;place-items:center;width:24px;height:24px;font-size:13px;font-weight:700;line-height:1;display:grid}.value-list h3{margin:1px 0 4px;font-size:19px}.value-list p{color:var(--muted);margin:0}.scene-notification{width:min(92%,330px);position:absolute;top:-34px;right:-12px}.scene-notification.is-waiting{box-shadow:0 0 0 2px #d9480f,0 8px 24px -12px #00000080}@media (width<=640px){.scene-notification{right:-6px}}.notification{color:#1c1b19;background:#f6f6f6;border-radius:14px;align-items:center;gap:10px;padding:10px 12px;display:flex;box-shadow:0 8px 24px -12px #00000080}.notification-icon{color:#fff;background:#d97757;border-radius:8px;flex-shrink:0;place-items:center;width:32px;height:32px;display:grid}.notification-icon svg{fill:currentColor;width:20px;height:20px}.notification-text{flex:1;min-width:0}.notification-top{justify-content:space-between;gap:8px;font-size:13.5px;display:flex}.notification-top strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.notification-top span{color:#6b675f;flex-shrink:0;font-size:12px}.notification-text p{color:#3d3a35;margin:0;font-size:13px;line-height:1.4}.dashboard{--dash-bg:#f2efff;--dash-card:#e7e1ff;--dash-deep:#e2dbff;--dash-ink:#1f1842;--dash-soft:#6e64a3;--dash-accent:#5b34e6;margin:0 0 32px}.dashboard-app{background:var(--dash-bg);color:var(--dash-ink);border-radius:16px;overflow:hidden}.dashboard-bar{background:var(--dash-deep);align-items:center;gap:6px;padding:10px 14px;display:flex}.dashboard-bar>span:empty{background:#c9bef5;border-radius:50%;width:10px;height:10px}.dashboard-url{background:var(--dash-bg);color:var(--dash-soft);font:12px var(--mono);border-radius:999px;margin-left:12px;padding:2px 12px}.dashboard-body{padding:20px}.dashboard-header{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:16px;display:flex}.dashboard-header strong{letter-spacing:-.02em;font-size:22px}.dashboard-header span{color:var(--dash-soft);font-size:14px;font-weight:600}.dashboard-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px;display:grid}.agent-card{background:var(--dash-card);border-radius:12px;flex-direction:column;padding:16px;display:flex}.agent-top{align-items:center;gap:8px;display:flex}.agent-emoji{font-size:22px}.agent-time{font-variant-numeric:tabular-nums}.dashboard-updated{color:var(--dash-soft);font:12px var(--mono);white-space:nowrap;align-items:center;gap:6px;margin-left:auto;display:inline-flex}.dashboard-updated:before{content:"";background:#2f9e44;border-radius:50%;width:6px;height:6px}.dashboard-updated.is-polling:before{animation:.8s ease-out poll-flash}.agent-card{transition:opacity .3s,transform .3s}.agent-card.is-leaving{opacity:0;transform:translateY(4px)}.agent-card.is-updated{animation:1.4s ease-out card-glow}.dashboard-bench .chip{transition:opacity .3s}.dashboard-bench .chip.is-leaving{opacity:0}.dashboard-bench .chip.is-new{animation:1.4s ease-out chip-glow}@keyframes poll-flash{0%{box-shadow:0 0 #2f9e4499}to{box-shadow:0 0 0 6px #2f9e4400}}@keyframes card-glow{0%{background:#d2c4ff}}@keyframes chip-glow{0%{background:#c9b8ff}}@media (prefers-reduced-motion:reduce){.agent-card,.dashboard-bench .chip{transition:none}.dashboard-updated.is-polling:before,.agent-card.is-updated,.dashboard-bench .chip.is-new{animation:none}}.agent-task{flex:1;margin:12px 0 14px;font-size:16px;font-weight:600;line-height:1.35}.agent-meta{color:var(--dash-soft);font:12px var(--mono);justify-content:space-between;display:flex}.dashboard-bench{flex-wrap:wrap;align-items:center;gap:6px;margin-top:16px;display:flex}.dashboard-bench .chip{background:var(--dash-card);color:var(--dash-ink);border:0}.bench-label{color:var(--dash-soft);margin-right:6px;font-size:13px;font-weight:700}.dashboard figcaption{color:var(--muted);margin-top:10px;font-size:14px}.build-cards h3{margin-bottom:12px}.build-cards .build-subhead{margin-top:28px}.build-cards .expressive-code{--ec-codeFontSize:13px;--ec-codePadInl:16px}.copy-link{font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;padding:0;font-size:15px;display:block}.copy-link:hover .copy-label{text-decoration:underline}.build-note code{white-space:nowrap}.build-note{font-size:15px;margin:12px 0 16px!important}.build-note:last-child{margin-bottom:0!important}.accent-link{color:var(--accent);font-weight:600;text-decoration:none}.cli-help{color:#e1e4e8;font-family:var(--mono);background:#1f2428;border-radius:12px;font-size:14px;line-height:1.7;overflow:hidden;box-shadow:1.6px 1.6px 3.2px #0000005c}.cli-help-bar{background:#24292e;border-bottom:1px solid #1b1f23;gap:3px;padding:12px 16px;display:flex}.cli-help-bar span{background:#e1e4e826;border-radius:50%;width:9px;height:9px}.cli-help-body{padding:16px 22px 18px}.cli-help p,.cli-help dl,.cli-help dd{margin:0}.cli-help a{text-decoration:none}.cli-help a:hover{text-decoration:underline}.cli-help-prompt span{color:#ff875f}.cli-help-groups{grid-template-columns:repeat(auto-fit,minmax(min(340px,100%),1fr));gap:1.7em 32px;margin-top:1.7em;display:grid}.cli-help-group{flex-wrap:wrap;column-gap:1ch;font-weight:700;display:flex}.cli-help-group span{color:#e1e4e880;font-weight:400}.cli-help dl div{grid-template-columns:9ch 1fr;column-gap:1ch;padding-left:2ch;display:grid}.cli-help dt a{color:#ff875f}.cli-help dd{color:#e1e4e8b3}@media (width<=640px){.cli-help{font-size:13px}.cli-help-body{padding:14px 18px 16px}}.tools{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.tool{flex-direction:column;min-width:0;margin:0;display:flex}.tool-window{border:1px solid var(--border);border-radius:12px;flex:1;font-size:13px;line-height:1.4;overflow:hidden}:where(.tool-window) :where(p,ul){margin:0;padding:0;list-style:none}.tool-window li,.tool-window p{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.tool figcaption{text-align:center;margin-top:8px;font-size:15px;font-weight:600}.tool-chrome{gap:6px;padding:12px 12px 6px;display:flex}.tool-chrome span{background:#ff5f57;border-radius:50%;width:9px;height:9px}.tool-chrome span:nth-child(2){background:#febc2e}.tool-chrome span:nth-child(3){background:#28c840}.tool-claude .tool-window{color:#29261b;background:#faf9f5;padding-bottom:6px}.tool-claude li{border-radius:6px;align-items:center;gap:8px;margin:0 6px;padding:5px 8px;display:flex}.tool-claude li.is-active{background:#f0eee6}.tool-claude li span{text-overflow:ellipsis;overflow:hidden}.tool-claude-dot{background:#c9c6bc;border-radius:50%;flex:none;width:6px;height:6px;margin-left:auto}.tool-claude li svg{fill:none;stroke:#8a877d;stroke-width:1.6px;flex:none;width:15px;height:15px;margin-left:auto}.tool-codex-app .tool-window{color:#1f1f1f;background:#fff;padding-bottom:6px}.tool-codex-app-project{align-items:center;gap:7px;padding:5px 14px;display:flex}.tool-codex-app-project svg{fill:none;stroke:#1f1f1f;stroke-width:1.6px;flex:none;width:15px;height:15px}.tool-codex-app-project i{background:#e5352b;border-radius:50%;flex:none;width:7px;height:7px;margin-left:auto}.tool-codex-app li{color:#6f6f6f;padding:5px 14px 5px 36px}.tool-term{color:#d7dae0;font-family:var(--mono);background:#282c34;border-color:#1d2026;font-size:12px}.tool-tmux .tool-window{flex-direction:column;display:flex}.tool-tmux-border{color:#c5c86a;align-items:center;gap:6px;padding:12px 10px 4px;display:flex}.tool-tmux-border:before,.tool-tmux-border:after{content:"";background:#8a8c4a;height:1px}.tool-tmux-border:before{flex:0 0 8px}.tool-tmux-border:after{flex:1 0 8px}.tool-tmux-border span{text-overflow:ellipsis;overflow:hidden}.tool-tmux-body{flex:1;padding:8px 0}.tool-tmux-prompt{background:#3a3f4b;padding:5px 10px}.tool-tmux-bar{color:#10251a;background:#2e8b57;gap:10px;padding:2px 10px;display:flex}.tool-tmux-bar .is-active{background:#d4f28a;padding:0 4px}.tool-herdr .tool-window{padding:8px 6px}.tool-herdr li{border-radius:4px;gap:1px;padding:4px 8px;display:grid}.tool-herdr li.is-active{background:#1e1f2b}.tool-herdr-pane{color:#8b919c}.tool-herdr-pane b{color:#e6e8ec}.tool-herdr-name{color:#b5bac4;padding-left:2.15em}.tools.is-waiting .tool{opacity:0;translate:0 24px}.tools.is-in .tool{transition:opacity .5s ease-out,translate .6s cubic-bezier(.2,.8,.2,1)}.tools.is-in .tool:nth-child(2){transition-delay:.1s}.tools.is-in .tool:nth-child(3){transition-delay:.2s}.tools.is-in .tool:nth-child(4){transition-delay:.3s}@media (width<=860px){.tools{grid-template-columns:repeat(2,minmax(0,1fr))}}.modes{gap:12px;max-width:44em;margin:0 0 20px;display:grid}.modes div{grid-template-columns:110px 1fr;gap:12px;display:grid}.modes dt{font-weight:700}.modes dd,.modes-note{color:var(--muted);margin:0}@media (width<=640px){.modes div{grid-template-columns:1fr;gap:2px}}.install-cloud{margin:20px 0 0}.docs-link{margin:14px 0 0;font-weight:600;line-height:1.3}.docs-link a{color:var(--accent);text-decoration:none}.squad-section{isolation:isolate;position:relative}.rosters{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.rosters li{background:var(--surface);border:1px solid var(--border);cursor:pointer;border-radius:12px;align-items:center;gap:12px;padding:14px 16px;transition:transform .15s,border-color .15s,box-shadow .15s;display:flex;position:relative}.rosters li:focus-visible{z-index:5;border-color:var(--accent);outline:none;transform:translateY(-2px);box-shadow:0 8px 20px -14px #00000059}.rosters li.roster-featured{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 8%, var(--surface))}.roster-tag{background:var(--accent);color:#fff;letter-spacing:.06em;text-transform:uppercase;border-radius:999px;padding:1px 8px;font-size:11px;font-weight:700;position:absolute;top:-9px;right:12px}@media (hover:hover){.rosters li:hover{z-index:5;border-color:var(--accent);transform:translateY(-2px);box-shadow:0 8px 20px -14px #00000059}.rosters li:hover .roster-members{display:block}}.roster-members{background:var(--surface);border:1px solid var(--border);pointer-events:none;border-radius:12px;width:min(340px,100vw - 32px);padding:12px;animation:.18s ease-out popover-in;display:none;position:absolute;bottom:calc(100% + 8px);left:0;box-shadow:0 16px 40px -16px #0000004d}.rosters li:focus-within .roster-members{display:block}.roster-members b{color:var(--accent);text-transform:uppercase;letter-spacing:.08em;margin:0 0 6px;font-size:11px;display:block}.chips{flex-wrap:wrap;gap:5px;display:flex}.chip{border:1.5px solid var(--border);background:var(--bg);white-space:nowrap;border-radius:999px;padding:2px 8px;font-size:12.5px}@keyframes popover-in{0%{opacity:0;transform:translateY(4px)}}@media (prefers-reduced-motion:reduce){.rosters li,.roster-members{transition:none;animation:none}}.rosters small{color:var(--muted);font-size:13px;display:block}.roster-emoji{font-size:24px;display:inline-block}.roster-custom{border-style:dashed!important}@media (width<=640px){.rosters .roster-desktop-only{display:none}}.tip{border:1px solid var(--border);background:var(--surface);border-radius:14px;align-items:center;gap:16px;max-width:640px;margin:40px 0 0;padding:16px 20px;display:flex}.tip-icon{background:color-mix(in srgb, var(--accent) 10%, transparent);border-radius:10px;flex:none;place-items:center;width:40px;height:40px;font-size:20px;display:grid}.tip p{color:var(--muted);margin:0;font-size:15px;line-height:1.5}.tip strong{color:var(--text)}.footer{border-top:1px solid var(--border);width:calc(100% - 48px);max-width:912px;color:var(--muted);grid-template-columns:1fr auto;align-items:center;gap:14px 24px;padding:40px 0 56px;font-size:14px;line-height:1.6;display:grid}.footer-wordmark{color:var(--text);justify-self:start;font-size:17px}.footer-wordmark .wordmark-logo{width:20px}.footer-links{flex-wrap:wrap;gap:24px;display:flex}.footer-links a{color:var(--muted);font-weight:500;text-decoration:none}.footer-credit{grid-column:1/-1;margin:0;font-size:13px}.footer-copyright{white-space:nowrap}.footer-credit a{color:var(--text);font-weight:500;text-decoration:none}.footer-credit a:hover,.footer-links a:hover{color:var(--accent)}@media (width<=640px){.nav nav a:not(:last-child){display:none}.hero{padding-top:48px}.footer-links{gap:16px}.footer-separator{display:none}.footer-copyright{display:block}}
