.scroll-home .hero-services{gap:26px}.scroll-home .hero-services>a{min-height:44px;color:var(--muted);align-items:center;gap:9px;font-size:12px;line-height:1.4;text-decoration:none;transition:color .25s;display:inline-flex;position:relative}.scroll-home .hero-services>a:after{content:"";background:var(--accent);transform-origin:0;height:1px;transition:transform .3s;position:absolute;bottom:4px;left:31px;right:0;transform:scaleX(0)}.scroll-home .hero-services>a:hover{color:var(--accent)}.scroll-home .hero-services>a:hover:after,.scroll-home .hero-services>a:focus-visible:after{transform:scaleX(1)}.scroll-home .hero-services .site-icon{color:var(--accent);font-size:23px}.scroll-home .hero-services>a:first-child .site-icon{color:var(--clay)}.scroll-home .hero-heading{display:flow-root;position:relative}.scroll-home .hero-detail{pointer-events:none;justify-items:center;gap:17px;width:116px;animation:8s ease-in-out infinite paused hero-detail-drift;display:grid;position:absolute}.scroll-home .hero-detail-frame{border:1px solid var(--line);background:var(--paper);width:67px;height:67px;box-shadow:7px 7px 0 -1px var(--soft),7px 7px 0 0 var(--line);border-radius:17px;place-items:center;display:grid;position:relative}.scroll-home .hero-detail .site-icon{font-size:40px}.scroll-home .hero-detail-caption{white-space:nowrap;color:var(--muted);font-family:Georgia,serif;font-size:13px;font-style:italic;line-height:1.4}.scroll-home .hero-detail-design{color:var(--clay);animation-delay:-2s;top:46px;left:5px}.scroll-home .hero-detail-design .hero-detail-frame{rotate:-11deg}.scroll-home .hero-detail-system{color:var(--accent);animation-duration:9.5s;animation-delay:-5s;top:112px;right:5px}.scroll-home .hero-detail-system .hero-detail-frame{box-shadow:-7px 7px 0 -1px var(--soft),-7px 7px 0 0 var(--line);rotate:9deg}@keyframes hero-detail-drift{0%,to{translate:0}50%{translate:0 -7px}}@media (max-width:1100px){.scroll-home .hero-detail{display:none}}@media (max-width:600px){.scroll-home .hero-services{gap:17px}.scroll-home .hero-services>a{gap:7px;font-size:11px}.scroll-home .hero-services .site-icon{font-size:21px}.scroll-home .hero-services>a:after{left:28px}}@media (max-width:360px){.scroll-home .hero-services{gap:12px}.scroll-home .hero-services>a{font-size:10px}}@media (prefers-reduced-motion:reduce){.scroll-home .hero-detail{animation:none!important}.scroll-home .hero-services>a,.scroll-home .hero-services>a:after{transition:none}}@media print{.scroll-home .hero-detail{display:none}}
.scroll-home [data-lab-panel=connected]{background:var(--paper)}.scroll-home .connection-demo .demo-explainer h3>span{color:var(--accent);font:italic 1.04em/1.1 Georgia,serif}.scroll-home .connection-demo .demo-explainer{align-items:center;padding-bottom:30px}.scroll-home .connection-demo .connection-grid{background:radial-gradient(var(--line) .8px,transparent .8px) 0 0 / 14px 14px;gap:28px 32px;padding-bottom:32px}.scroll-home .connection-demo .connection-node{--node-color:var(--accent);--node-surface:var(--highlight);--node-ink:var(--ink);--node-mark:var(--white);--node-status:var(--paper);background:var(--node-surface);color:var(--node-ink);border:1px solid color-mix(in srgb,var(--node-color) 25%,var(--node-surface));box-shadow:0 8px 18px -12px color-mix(in srgb,var(--deep) 30%,transparent);border-radius:12px;overflow:hidden}.scroll-home .connection-demo [data-node="1"]{--node-color:var(--deep);--node-surface:var(--white)}.scroll-home .connection-demo [data-node="2"]{--node-color:var(--white);--node-surface:var(--deep);--node-ink:var(--white);--node-mark:var(--deep);--node-status:var(--deep-raised)}.scroll-home .connection-demo [data-node="3"]{--node-color:var(--white);--node-surface:var(--accent);--node-ink:var(--white);--node-mark:var(--accent);--node-status:var(--accent-hover)}.scroll-home .connection-demo .node-heading{border-color:color-mix(in srgb,var(--node-ink) 15%,transparent);gap:10px;padding:13px 15px;font-size:12px}.scroll-home.palette-study .connection-demo .connection-node .node-icon{background:var(--node-color);width:32px;height:32px;color:var(--node-mark);border-color:#0000;border-radius:9px;flex-shrink:0;font-size:22px;line-height:1}.scroll-home.palette-study .connection-demo .connection-node[data-node="2"] .node-icon{font-size:26px;font-weight:700}.scroll-home.palette-study .connection-demo .connection-node .node-state{background:var(--node-status);color:var(--node-ink);border-radius:5px;padding:4px 7px;font-size:9px;line-height:1.4}.scroll-home .connection-demo .node-body{padding:19px 18px 22px}.scroll-home .connection-demo .node-body>span{color:var(--node-ink);font-size:10px}.scroll-home .connection-demo .node-order{font:10px var(--mono);margin-right:4px}.scroll-home .connection-demo .node-body>strong{margin-top:10px;font-size:19px;font-weight:550;line-height:1.35}.scroll-home .connection-demo .node-body>small{color:var(--node-ink);margin-top:12px;font-size:10px;line-height:1.6}.scroll-home .connection-demo .connection-node.is-active{border-color:var(--accent);box-shadow:0 0 0 3px var(--paper),0 0 0 5px var(--accent);transform:none}.scroll-home .connection-demo .connection-route path{stroke:var(--line-strong);stroke-width:1.5px}.scroll-home .connection-demo .connection-route .route-progress{stroke:var(--accent);stroke-width:3px}.scroll-home [data-lab-panel=connected] .connection-footer{border-color:var(--line);background:var(--paper);justify-content:flex-end}.scroll-home [data-lab-panel=assist]{background:var(--soft)}.scroll-home .agents-demo[data-compact]{padding-bottom:20px}.scroll-home .agents-demo[data-compact] .agents-network{margin:22px auto 0}.scroll-home .agents-demo[data-compact] .agents-hub{margin-block:34px}.scroll-home .agents-intro-copy{grid-template-columns:minmax(0,1fr);display:grid}.scroll-home .agents-intro-copy>p{grid-area:1/1}.scroll-home .agents-intro-copy>p[hidden]{visibility:hidden}@layer base{.scroll-home .agents-intro-copy>p[hidden]{display:block!important}}.scroll-home .agents-demo{--agent-color:var(--accent);--agent-surface:var(--highlight);--agent-ink:var(--ink);--agent-mark:var(--white);--agent-trace:var(--demo-accent)}.scroll-home .agents-demo [data-agent-tone=create]{--agent-color:var(--deep);--agent-surface:var(--white);--agent-trace:var(--clay)}.scroll-home .agents-demo [data-agent-tone=coordinate]{--agent-color:var(--white);--agent-surface:var(--deep-raised);--agent-ink:var(--white);--agent-mark:var(--deep);--agent-trace:var(--on-deep)}.scroll-home .agents-demo [data-agent-tone=monitor]{--agent-color:var(--white);--agent-surface:var(--accent);--agent-ink:var(--white);--agent-mark:var(--accent);--agent-trace:var(--white)}.scroll-home .agents-demo .agents-intro-accent{color:var(--accent);font:italic 1.04em/1.1 Georgia,serif}.scroll-home .agents-demo .agents-network{background:var(--deep);max-width:none;color:var(--white);--focus-ring:var(--focus-on-dark);box-shadow:0 16px 32px -22px color-mix(in srgb,var(--deep) 35%,transparent);border-radius:18px;padding:24px}.scroll-home .agents-demo .agents-routes{z-index:0}.scroll-home .agents-demo .agents-routes path{stroke:var(--on-deep-muted);stroke-width:1.5px}.scroll-home .agents-demo .agents-routes .agents-signal{stroke:var(--demo-accent);stroke-width:3px}.scroll-home .agents-demo .agents-routes .agents-input-signal{opacity:.75}.scroll-home .agents-demo .agents-routes [data-agent-tone] .agents-signal{stroke:var(--agent-trace)}.scroll-home .agents-demo .agents-routes .agents-work-signal{opacity:.4}.scroll-home .agents-demo .agents-routes [data-working=true] .agents-work-signal{opacity:1}.scroll-home .agents-demo .agents-routes [data-sharing=true] .agents-return-signal{opacity:.85}.scroll-home .agents-demo .agents-inputs{gap:14px}.scroll-home .agents-demo .agents-inputs li{border-color:var(--on-deep-muted);background:var(--deep-raised);color:var(--on-deep);border-radius:8px}.scroll-home .agents-demo .agents-hub{background:var(--accent);width:286px;color:var(--white);border-color:var(--demo-accent);box-shadow:0 0 0 6px var(--deep-raised);border-radius:15px;grid-template-columns:42px 1fr;padding:20px 22px}.scroll-home .agents-demo .agents-hub>.site-icon{--icon-face:var(--accent);font-size:42px}.scroll-home .agents-demo .agents-hub strong{font-size:18px;font-weight:600}.scroll-home .agents-demo .agents-capabilities{gap:12px}.scroll-home .agents-demo .agents-capabilities button{background:var(--agent-surface);color:var(--agent-ink);border:1px solid var(--on-deep-muted);box-shadow:none;border-radius:12px;padding-top:18px}.scroll-home .agents-demo .agents-capabilities button:hover{border-color:var(--white);box-shadow:0 0 0 2px var(--on-deep-muted)}.scroll-home .agents-demo .agents-capabilities button[data-working=true]{background:var(--agent-surface);border-color:var(--white);box-shadow:0 0 0 1px var(--on-deep-muted)}.scroll-home .agents-demo .agents-capabilities button[aria-pressed=true]{background:var(--agent-surface);border-color:var(--white);box-shadow:0 0 0 3px var(--deep),0 0 0 5px var(--focus-on-dark)}.scroll-home .agents-demo .agents-capabilities button:focus-visible{outline:3px solid var(--focus-on-dark);outline-offset:5px}.scroll-home .agents-demo .agent-avatar{background:var(--agent-color);width:44px;height:44px;color:var(--agent-mark);border-radius:12px}.scroll-home .agents-demo .agent-avatar .site-icon{--icon-face:var(--agent-color);font-size:32px}.scroll-home .agents-demo .agent-avatar>i{border-color:var(--agent-surface);background:var(--on-deep-muted);width:11px;height:11px}.scroll-home .agents-demo [data-working=true] .agent-avatar>i{background:var(--clay)}.scroll-home .agents-demo :is(.agent-hint,.agent-activity,.agent-activity-working){color:var(--agent-ink)}.scroll-home .agents-demo .agents-handoff{background:var(--deep-raised);border-color:var(--on-deep-muted);color:var(--white);position:relative}.scroll-home .agents-demo :is(.agents-handoff-label,.agents-handoff-note){color:var(--on-deep)}.scroll-home .agents-demo .agents-handoff b{color:var(--white)}.scroll-home .agents-demo .agents-handoff-arrow{color:var(--clay)}.scroll-home [data-lab-panel=assist] .agents-footer{background:var(--paper);border-color:var(--line)}.scroll-home .agents-footer[data-compact]{justify-content:flex-end}@media (max-width:1100px) and (min-width:851px){.scroll-home .connection-demo .node-heading{gap:7px;padding:11px;font-size:10px}.scroll-home.palette-study .connection-demo .connection-node .node-state{padding:4px;font-size:8px}.scroll-home .connection-demo .node-body{padding:16px 13px}.scroll-home .connection-demo .node-body>strong{font-size:16px}.scroll-home .agents-demo .agents-network{padding:18px}.scroll-home .agents-demo .agents-capabilities{gap:9px}}@media (max-width:600px){.scroll-home .connection-demo .connection-grid{gap:26px;padding-bottom:28px}.scroll-home .connection-demo .node-heading{gap:8px;padding:10px 12px;font-size:11px}.scroll-home.palette-study .connection-demo .connection-node .node-icon{width:28px;height:28px;font-size:19px}.scroll-home.palette-study .connection-demo .connection-node[data-node="2"] .node-icon{font-size:23px}.scroll-home.palette-study .connection-demo .connection-node .node-state{padding:4px 5px;font-size:8px}.scroll-home .connection-demo .node-body{padding:12px 14px 14px}.scroll-home .connection-demo .node-body>strong{margin-top:7px;font-size:17px}.scroll-home .connection-demo .node-body>small{margin-top:8px}.scroll-home .connection-demo .connection-grid:before{background:var(--line-strong)}.scroll-home .connection-demo .connection-grid:after{background-image:linear-gradient(transparent 0 65px,var(--accent) 65px 73px,transparent 73px)}.scroll-home .agents-demo .agents-network{border-radius:14px;margin:24px -6px;padding:18px 12px}.scroll-home .agents-demo[data-compact] .agents-network{margin:20px -6px 0}.scroll-home .agents-demo .agents-inputs{gap:6px}.scroll-home .agents-demo .agents-inputs li{padding:8px 4px;font-size:10px}.scroll-home .agents-demo .agents-hub{grid-template-columns:34px 1fr;gap:8px;width:245px;padding:17px 12px}.scroll-home .agents-demo .agents-hub>.site-icon{font-size:34px}.scroll-home .agents-demo .agents-hub strong{font-size:16px}.scroll-home .agents-demo[data-compact] .agents-hub{margin-block:30px;padding-block:15px}.scroll-home .agents-demo .agents-capabilities{gap:18px 10px}.scroll-home .agents-demo[data-compact] .agents-capabilities button{padding-top:14px}.scroll-home .agents-demo .agents-capabilities strong{font-size:13px}.scroll-home .agents-demo .agents-handoff{padding:12px 10px}.scroll-home [data-lab-panel=connected] .connection-footer,.scroll-home .agents-footer[data-compact]{align-items:flex-end}}