.hero{grid-template-columns:1.1fr 1fr;gap:50px}
.agent-network{margin:0;position:relative;height:510px;min-width:0;isolation:isolate}
.agent-network:before{content:"";position:absolute;inset:15px -15px 30px;background:radial-gradient(ellipse at center,#edf4ff 0,#f5f8fe 42%,transparent 71%);z-index:-1}
.agent-connections{position:absolute;inset:0 0 30px;width:100%;height:480px;overflow:visible;z-index:0}
.agent-connections>path{fill:none;stroke:#1670E7;stroke-opacity:.6;stroke-width:1.8;stroke-dasharray:5 5;marker-end:url(#agent-arrow)}
.agent-node{position:absolute;width:44%;min-height:181px;padding:18px 18px 15px;background:#fff;border:1px solid #dce5f2;border-radius:17px;box-shadow:0 9px 28px #263d6810;z-index:1}
.agent-email{left:0;top:35px;transform:rotate(-3deg)}
.agent-reviews{right:0;top:10px;transform:rotate(2deg)}
.agent-seo{left:0;top:302px;transform:rotate(2deg)}
.agent-social{right:0;top:276px;transform:rotate(-2deg)}
.agent-avatar{width:43px;height:43px;position:relative;background:#e8f1ff;color:#1670e7;border-radius:13px;margin-bottom:12px;display:grid;place-items:center}
.agent-avatar>svg{width:34px;height:34px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.agent-avatar>svg circle{fill:currentColor;stroke:none}
.agent-reviews .agent-avatar{background:#edf0f8;color:#52628c}
.agent-seo .agent-avatar{background:#e6f4fc;color:#277daa}
.agent-social .agent-avatar{background:#ebedff;color:#606cca}
.agent-badge{position:absolute;right:-6px;bottom:-4px;background:#fff;border:1px solid #dce5f2;width:22px;height:22px;border-radius:7px;display:grid;place-items:center;font-size:16px;line-height:1}
.agent-badge svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.agent-node h2{font-size:15px;line-height:1.35;letter-spacing:-.25px;margin:0 0 8px}
.agent-node p{font-size:12px;line-height:1.6;color:var(--muted);margin:0 0 12px}
.agent-task{display:block;font-size:9px;font-weight:600;color:#697b98;border-top:1px solid #edf0f5;padding-top:9px;white-space:nowrap}
.agent-network-hub{position:absolute;top:238px;left:50%;transform:translateX(-50%);white-space:nowrap;text-align:center;font-size:11px;font-weight:600;line-height:1.6;color:#436084}
.hub-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#1670e7;margin-right:6px;vertical-align:1px}
.agent-network-hub>span:last-child{display:block;font-size:10px;font-weight:400;color:var(--muted)}
.agent-network figcaption{position:absolute;bottom:-10px;width:100%;text-align:center;font-size:10px;color:var(--muted)}
@media(max-width:1000px) and (min-width:851px){.hero{gap:30px}.agent-node{padding:15px 12px}.agent-node h2{font-size:13px}.agent-node p{font-size:11px}.agent-task{font-size:8px}}
@media(max-width:850px){.hero{grid-template-columns:1fr;gap:45px}.agent-network{width:min(520px,100%);margin-inline:auto}.agent-node h2{font-size:16px}.agent-node p{font-size:13px}}
@media(max-width:480px){.agent-node{padding:14px 12px;width:44%;min-height:198px}.agent-node h2{font-size:13px}.agent-node p{font-size:11px;line-height:1.6}.agent-task{font-size:7px;letter-spacing:-.1px}.agent-avatar{width:37px;height:37px;margin-bottom:11px}.agent-avatar>svg{width:30px;height:30px}.agent-network{height:525px}.agent-network-hub{font-size:10px}.agent-network-hub>span:last-child{font-size:9px}.agent-network figcaption{font-size:9px;bottom:-4px}}

.workspace-example{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center;max-width:none}
.workspace-copy h2{font-size:clamp(28px,2.9vw,38px)}
.workspace-copy p:not(.eyebrow){font-size:15px;line-height:1.8;color:var(--muted)}
.workspace-copy .text-link{margin-top:10px}
.workspace-image{margin:0;min-width:0}
.workspace-image a{display:block}
.workspace-example .workspace-image img{margin:0;box-shadow:0 12px 35px #263d6810}
.workspace-image figcaption{font-size:11px;color:var(--muted);margin-top:12px;text-align:center}
@media(max-width:850px){.workspace-example{gap:30px}}
@media(max-width:600px){.workspace-example{grid-template-columns:1fr;gap:25px}.workspace-copy h2{font-size:30px}}

.why-boastable{display:grid;grid-template-columns:1fr 1.1fr;gap:72px;align-items:start;border-bottom:1px solid var(--line)}
.why-intro h2{font-size:clamp(30px,3vw,40px);line-height:1.2;letter-spacing:-1px;margin:0 0 24px}
.why-boastable p{font-size:15px;line-height:1.8}
.why-founders{display:flex;align-items:start;gap:28px;margin:24px 0;flex-wrap:wrap}
.why-founders figure{margin:0;text-align:center}
.why-founders figcaption{margin-top:10px;font-size:13px;font-weight:600}
.why-founders img{display:block;width:116px;height:116px;object-fit:cover;border-radius:50%}
.why-intro>.text-link{font-size:13px}
.why-reasons article{padding:0 0 24px;margin-bottom:24px;border-bottom:1px solid var(--line)}
.why-reasons article:last-child{padding-bottom:0;margin-bottom:0;border-bottom:0}
.why-reasons h3{font-size:22px;line-height:1.35;margin:0 0 12px;letter-spacing:-.4px}
.why-reasons p{margin:0}
@media(max-width:800px){.why-boastable{grid-template-columns:1fr;gap:36px}.why-intro{max-width:650px}}

.client-quotes{padding:58px 0;background:var(--paper);border-bottom:1px solid var(--line);text-align:center}
.client-quotes .eyebrow{margin:0 0 26px}.quote-slider{max-width:920px;margin:auto}.quote-slide{margin:0}
.quote-slide[hidden],.quote-controls[hidden]{display:none!important}
.quote-slide blockquote{margin:0;font-size:clamp(23px,2.7vw,32px);line-height:1.55;letter-spacing:-.5px;color:var(--ink)}
.quote-slide figcaption{display:flex;flex-direction:column;gap:5px;margin-top:27px;font-size:14px}.quote-person{font-weight:600}.quote-company{font-size:13px;color:var(--muted)}
.quote-controls{display:flex;justify-content:center;align-items:center;gap:24px;margin-top:27px;font-size:13px;color:var(--muted)}
.quote-controls button{width:42px;height:42px;border:1px solid var(--line);border-radius:50%;background:white;color:var(--blue);font-size:21px;cursor:pointer}
@media(max-width:600px){.client-quotes{padding:40px 0}.quote-slide blockquote{font-size:23px}}

.quote-draft-note{font-size:12px;color:var(--muted);margin-top:8px}

.quote-slider{max-width:980px}.quote-slide{display:grid;grid-template-columns:120px minmax(0,1fr);gap:32px;align-items:start;text-align:left}
.quote-headshot{display:block;width:120px;height:120px;object-fit:cover;object-position:center 23%;border-radius:50%}
.quote-photo-pending{width:120px;height:120px;border-radius:50%;background:#e6e8ec;color:var(--muted);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px}
.quote-photo-pending span{font-size:30px;font-weight:600}.quote-photo-pending small{font-size:11px}
.quote-slide blockquote{font-size:clamp(22px,2.4vw,29px)}.quote-slide figcaption{margin-top:20px}
@media(max-width:600px){.quote-slide{grid-template-columns:72px minmax(0,1fr);gap:18px}.quote-headshot,.quote-photo-pending{width:72px;height:72px}.quote-photo-pending span{font-size:23px}.quote-photo-pending small{font-size:9px}.quote-slide blockquote{font-size:20px}}
.quote-headshot-virginia{object-position:50% 100%}

/* Approach: conversation, agreed work, working setup, ownership. */
#approach .steps article{padding-top:24px}
.approach-step-top{display:flex;align-items:center;justify-content:space-between;gap:16px}
.approach-icon{display:grid;place-items:center;width:76px;height:76px;border-radius:50%;background:#F0F3F7;color:#1670E7}
.approach-icon svg{width:43px;height:43px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
#approach .step-number{font-size:14px;color:#747C88}
#approach .steps h3{margin-top:22px}
@media(max-width:600px){.approach-icon{width:64px;height:64px}.approach-icon svg{width:36px;height:36px}}

/* Customer portraits sit beside the quote on its right. */
.quote-slide{grid-template-columns:minmax(0,1fr) 120px}
.quote-slide .quote-copy{grid-column:1;grid-row:1}
.quote-slide .quote-headshot{grid-column:2;grid-row:1}
@media(max-width:600px){.quote-slide{grid-template-columns:minmax(0,1fr) 72px}}

/* Browsable marketing ideas; motion pauses for reading and interaction. */
.work-list.marketing-ideas{min-width:0}
.work-list .marketing-ideas-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:0;padding:0 0 16px;border-bottom:1px solid #ffffff24}
.marketing-ideas-heading>span{font-size:12px;font-weight:600;letter-spacing:.4px;color:#A8CBFF}
.ideas-pause{display:inline-flex;align-items:center;gap:10px;cursor:pointer;border:1px solid #ffffff40;border-radius:6px;background:transparent;color:#D5DBE5;font:inherit;font-size:12px;padding:6px 11px}
.work-list .marketing-ideas-scroll{height:380px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#66748b transparent;margin:0;padding:0;border-bottom:1px solid #ffffff24}
.marketing-ideas-scroll ul{list-style:none;padding:0;margin:0}
.marketing-ideas-scroll li{font-size:clamp(19px,2vw,25px);font-weight:500;line-height:1.45;padding:19px 10px 19px 0;border-bottom:1px solid #ffffff16;color:#F5F6F8}
.marketing-ideas-scroll:focus-visible{outline:2px solid #A8CBFF;outline-offset:5px}
.work-list.marketing-ideas .work-note{margin-top:18px;font-size:12px;color:#D5DBE5}
@media(max-width:600px){.work-list .marketing-ideas-scroll{height:310px}.marketing-ideas-scroll li{font-size:20px}}