.expertise-section{background:linear-gradient(180deg,#fff,#f6fafc)}.agent-comparison{font-size:14px;color:var(--muted);line-height:1.8;max-width:900px;margin:-8px 0 29px}.agent-comparison a{color:var(--cyan);margin-left:10px;text-decoration:underline;text-underline-offset:4px}.expertise-demo{border:1px solid #d5e1e8;border-radius:18px;background:#fff;overflow:hidden;box-shadow:0 15px 55px #1e3a4c06}.expertise-toolbar{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:22px 25px;border-bottom:1px solid var(--line)}.expertise-toolbar strong{display:block;font-size:17px;font-weight:550}.expertise-toolbar span{display:block;font-size:12px;color:var(--muted);margin-top:4px}.expertise-controls{display:flex;gap:7px;flex-shrink:0}.expertise-controls button{font:inherit;font-size:14px;padding:8px 11px;background:white;border:1px solid var(--line);border-radius:7px}.expertise-controls button:nth-child(2){background:var(--ink);color:white;border-color:var(--ink);min-width:90px}.expertise-controls button:disabled{opacity:.4;cursor:default}.expertise-path{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;padding:25px 25px 20px}.expertise-path > div{position:relative;text-align:left;min-width:0;display:flex;flex-direction:column;gap:8px;background:#f9fbfc;border:1px solid var(--line);padding:16px 10px;border-radius:9px;transition:border-color .3s,background .3s,box-shadow .3s}.expertise-path > div:not(:last-child):after{content:'→';position:absolute;right:-10px;top:43px;color:#8a9fab;font-size:14px;z-index:1}.expertise-path span{font-size:12px;color:var(--cyan);white-space:nowrap;letter-spacing:-.1px}.expertise-path strong{font-size:16px;font-weight:550}.expertise-path small{font-size:12px;color:var(--muted)}.expertise-path > div[aria-pressed=true]{border-color:var(--orange);background:#fff7ef;box-shadow:0 0 0 3px #d8893510}.expertise-path > div.done{border-color:#aacbd3;background:#f2fafb}.expertise-progress{height:2px;background:#edf2f5;margin:0 25px}.expertise-progress span{display:block;width:16.6667%;height:100%;background:var(--orange);transition:width .55s}.expertise-caption{padding:24px 25px;display:grid;grid-template-columns:64px 1fr;gap:16px}.expertise-caption>span{font-size:12px;color:var(--cyan);padding-top:6px;font-variant-numeric:tabular-nums}.expertise-caption h3{font-size:21px;font-weight:550;margin:0 0 8px}.expertise-caption p{font-size:15px;color:var(--muted);line-height:1.8;margin:0}.expertise-workbench{display:grid;grid-template-columns:.94fr 1.06fr;gap:20px;padding:0 25px 25px;align-items:stretch}.expertise-document{border:1px solid #cedde5;border-radius:11px;overflow:hidden;display:flex;flex-direction:column;background:#fafcfd}.document-top{display:flex;align-items:center;gap:13px;padding:17px 19px;border-bottom:1px solid #dce7ed;background:#f0f5f8}.file-glyph{width:32px;height:39px;border:1px solid #aec2cd;border-radius:4px;background:white;font-size:24px;text-align:center;color:var(--cyan)}.document-top strong{font-family:ui-monospace,SFMono-Regular,monospace;font-size:14px;display:block;overflow-wrap:anywhere}.document-top>div{min-width:0;flex:1}.document-top>div span{font-size:12px;color:var(--muted);display:block;margin-top:3px}.document-badge{padding:3px 8px;border:1px solid #b7cdd6;color:var(--cyan);background:white;border-radius:5px;font:12px ui-monospace,monospace;flex-shrink:0}.expertise-document dl{margin:0;padding:12px 19px;flex:1}.expertise-document dl>div{display:grid;grid-template-columns:83px 1fr;gap:13px;padding:13px 0;border-bottom:1px solid #e3ebef}.expertise-document dl>div:last-child{border:0}.expertise-document dt{font-size:13px;color:var(--cyan)}.expertise-document dd{font-size:14px;margin:0;color:#354854;line-height:1.7}.document-foot{font-size:12px;color:var(--muted);padding:12px 19px;border-top:1px solid #dce7ed}.expertise-runtime{border:1px solid var(--line);border-radius:11px;padding:18px 20px;background-image:radial-gradient(#dbe5eb .7px,transparent .7px);background-size:16px 16px;display:flex;flex-direction:column}.runtime-top{display:flex;gap:14px;justify-content:space-between;align-items:baseline;margin-bottom:16px}.runtime-top strong{font-size:15px;font-weight:550}.runtime-top span{font-size:12px;color:var(--muted)}.runtime-map{display:flex;flex-direction:column;align-items:center;flex:1}.runtime-node{position:relative;text-align:center;max-width:330px;width:100%;background:#fff;border:1px solid #d1dfe6;border-radius:8px;padding:11px 14px;transition:border .3s,box-shadow .3s,background .3s}.runtime-node>span{display:block;font-size:12px;color:var(--cyan)}.runtime-node strong{font-size:16px;display:block;margin:4px 0 3px;font-weight:550}.runtime-node small{font-size:12px;color:var(--muted)}.runtime-node.active{border-color:#559dac;box-shadow:0 0 0 3px #72acbb12;background:#f4fbfc}.runtime-link{width:1px;height:24px;background:#b7cbd5;position:relative;overflow:visible}.runtime-link:after{content:'';position:absolute;bottom:0;left:-3px;border-left:3.5px solid transparent;border-right:3.5px solid transparent;border-top:4px solid #8faab7}.runtime-link i{position:absolute;top:-4px;left:-2px;width:5px;height:5px;border-radius:50%;background:var(--orange);opacity:0}.expertise-demo[data-stage="3"] .runtime-link i,.expertise-demo[data-stage="4"] .runtime-link i{opacity:1;animation:expertise-flow 1.6s infinite}.expertise-demo.paused .runtime-link i{animation-play-state:paused}.runtime-receipt{border-top:1px solid #dbe6ec;padding-top:13px;margin-top:15px;font-size:13px;color:var(--muted);line-height:1.7;min-height:59px}.expertise-feedback{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;background:#f0f7fa;border-top:1px solid #d6e5ec;border-bottom:1px solid #d6e5ec;padding:14px 22px;font-size:13px;color:var(--muted)}.expertise-feedback>span:first-child{font-size:22px;color:var(--cyan)}.expertise-feedback strong{font-size:14px;color:var(--cyan);font-weight:550}.expertise-demo[data-stage="5"] .expertise-feedback{background:#fff7ef;color:#9a632c}.expertise-extension{padding:25px;display:grid;grid-template-columns:1fr 1.2fr;gap:28px;align-items:center}.expertise-extension .eyebrow{font-size:12px}.expertise-extension h3{font-size:19px;margin:9px 0 10px;font-weight:550}.expertise-extension p{font-size:14px;color:var(--muted);line-height:1.8}.extension-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.extension-options > div{border:1px solid var(--line);border-radius:9px;background:#fff;padding:16px 11px;text-align:left;min-height:90px}.extension-options strong{display:block;font-size:14px;font-weight:550}.extension-options span{display:block;font-size:12px;color:var(--muted);margin-top:9px}.extension-options > div[aria-pressed=true]{background:#f1f9fb;border-color:#6da5b2}.expertise-extension-detail{border-top:1px solid var(--line);margin:0 25px;padding:18px 0 23px;font-size:14px;color:var(--cyan);line-height:1.8;min-height:84px}.expertise-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;margin:28px 0 21px}.expertise-benefits article{border-top:2px solid #d3e2e9;padding-top:16px}.expertise-benefits h3{font-size:18px;font-weight:550;margin:0 0 10px}.expertise-benefits p{font-size:14px;color:var(--muted);line-height:1.8}.expertise-boundary{font-size:12px;line-height:1.8;color:var(--muted);max-width:950px}.expertise-demo button:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}@keyframes expertise-flow{from{transform:translateY(0);opacity:0}20%{opacity:1}to{transform:translateY(26px);opacity:0}}
@media(max-width:1000px){.expertise-path{grid-template-columns:repeat(3,minmax(0,1fr))}.expertise-path > div:nth-child(3):after{display:none}.expertise-extension{grid-template-columns:1fr;gap:18px}.expertise-workbench{grid-template-columns:1fr 1fr;gap:13px}.runtime-top{flex-direction:column;gap:4px}.expertise-document dl>div{grid-template-columns:1fr;gap:4px}.expertise-path span{font-size:12px}}
@media(max-width:700px){.agent-comparison{font-size:14px;margin:0 0 22px}.expertise-toolbar{padding:18px;flex-direction:column;align-items:flex-start;gap:14px}.expertise-toolbar strong{font-size:16px}.expertise-controls{width:100%;justify-content:space-between}.expertise-controls button{flex:1;padding:9px 8px}.expertise-path{padding:19px 16px 17px;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}.expertise-path > div:nth-child(n):after{display:none}.expertise-path strong{font-size:15px}.expertise-path > div{padding:13px 12px;gap:6px}.expertise-progress{margin:0 16px}.expertise-caption{padding:20px 16px;grid-template-columns:1fr;gap:7px}.expertise-caption h3{font-size:19px}.expertise-caption p{font-size:15px}.expertise-workbench{grid-template-columns:1fr;padding:0 16px 20px;gap:16px}.expertise-document dl>div{grid-template-columns:80px 1fr}.document-top{padding:15px 14px;gap:10px}.expertise-document dl{padding:8px 14px}.document-top strong{font-size:13px}.document-top>div span{font-size:12px}.expertise-runtime{padding:17px 15px}.runtime-top{flex-direction:row}.runtime-top strong{font-size:14px}.runtime-node{max-width:none}.runtime-receipt{min-height:0}.expertise-feedback{justify-content:flex-start;gap:9px;padding:15px 17px}.expertise-feedback>span:last-child{width:100%;font-size:12px}.expertise-extension{padding:23px 16px}.extension-options{grid-template-columns:1fr}.extension-options > div{min-height:0;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px}.extension-options span{margin:0}.expertise-extension-detail{margin:0 16px;min-height:0}.expertise-benefits{grid-template-columns:1fr;gap:22px}.expertise-boundary{font-size:12px}.document-badge{padding:3px 5px}.file-glyph{width:25px;flex-shrink:0}}
@media(prefers-reduced-motion:reduce){.expertise-demo *{transition:none!important;animation:none!important}}