/* Agency art direction: a connected client workspace, with source-led demonstrations. */
.agencies-page{--source-violet:#6940e7;--source-coral:#a6405d}.agency-hero{grid-template-columns:.95fr 1.15fr;gap:40px;min-height:750px;position:relative;padding-block:70px 80px}.agency-hero h1{font-size:clamp(58px,5.7vw,82px)}.agency-hero .hero-detail{max-width:440px}.agency-hero .actions{gap:20px;flex-wrap:wrap}.agency-command-scene{position:relative;min-width:0;height:580px;display:flex;align-items:center;isolation:isolate}.scene-halo{position:absolute;inset:-35px -20px -15px;background:radial-gradient(ellipse at 65% 35%,#cab4ff 0, #e7d9fc 35%,#f7e4e9 65%,transparent 74%);z-index:-1;border-radius:50%}.scene-halo{overflow:hidden}.scene-halo:after{content:'';position:absolute;inset:30px;border:1px solid #c1a1ec65;border-radius:50%;transform:rotate(-20deg)}.scene-caption{position:absolute;top:0;right:0;font:9px Mono;letter-spacing:.13em;color:#74578b}.command-window{width:100%;background:#fcf9f5;border:1px solid #c4acce;border-radius:14px;box-shadow:0 35px 70px #47245826,0 2px 4px #47245812;overflow:hidden;transform:rotate(-1deg);position:relative;z-index:2}.command-top{display:flex;align-items:center;gap:10px;padding:16px 20px;border-bottom:1px solid #ddd0e6;background:#fbf7f2}.command-top img{width:23px}.command-top b{font-size:11px;letter-spacing:.15em}.command-top>span{font:8px Mono;color:#8c7297;margin-left:10px}.command-top i{font:8px Mono;color:#8c7297;margin-left:auto}.command-layout{display:grid;grid-template-columns:150px 1fr;min-height:376px}.command-layout aside{background:#f0e8f4;border-right:1px solid #dfd1e7;padding:20px 12px;font-size:10px;display:flex;flex-direction:column;gap:10px}.workspace-label{font:8px Mono;color:#80608f;letter-spacing:.08em;margin-bottom:10px}.command-layout aside>strong,.command-layout aside>span:not(.workspace-label){display:flex;align-items:center;gap:6px;padding:8px 5px;white-space:nowrap;font-weight:450}.command-layout aside>strong{background:#e1d1f4;border-radius:5px;color:#542c78}.command-layout aside i{font-style:normal;width:17px;height:17px;display:grid;place-items:center;border:1px solid #cbb4dc;border-radius:4px;font-size:9px}.workspace-bottom{margin-top:auto;line-height:2.5;color:#816590;padding:20px 5px 0}.command-main{padding:22px;min-width:0}.command-title small{font:8px Mono;letter-spacing:.08em;color:#8a6c99}.command-title h3{font-size:30px;line-height:1.02;margin:10px 0 20px}.command-request,.command-decision{padding:13px 15px;border:1px solid #ded0e8;border-radius:7px;margin-top:10px;background:#fffdfa}.command-request p{font-size:15px;line-height:1.4;margin:8px 0}.command-request>small,.command-decision>small{color:#8a7395;font-size:9px}.source-chip{font:8px Mono;letter-spacing:.08em}.slack-chip{color:#754a85}.read-chip{color:#6635ca}.command-decision{background:#eee5fa}.command-decision p{font-size:13px;margin-top:7px}.command-next{position:relative;background:#271434;color:#fff8f4;padding:13px 35px 13px 15px;border-radius:7px;margin-top:13px}.command-next>span:first-child{font:7px Mono;letter-spacing:.08em;color:#ceb1df;display:block}.command-next strong{display:block;font-size:11px;font-weight:500;margin-top:6px}.next-arrow{position:absolute;right:12px;top:20px;color:#ff8fbc;font-size:20px}.floating-context{position:absolute;z-index:3;bottom:0;left:-25px;background:#fcf9f5;box-shadow:0 12px 35px #45295420;border:1px solid #d7c5e0;border-radius:12px;padding:10px 18px 10px 10px;display:flex;align-items:center;gap:12px;transform:rotate(2deg)}.floating-context>img{width:50px;height:50px;object-fit:cover;object-position:50% 20%;border-radius:50%}.floating-context span{font:7px Mono;letter-spacing:.07em;color:#8a6c98;display:block}.floating-context strong{display:block;font-weight:500;font-size:12px;margin-top:6px}.floating-calendar{position:absolute;right:-12px;top:15px;padding:15px 42px 15px 18px;z-index:4;background:#e9deff;border:1px solid #c5abea;box-shadow:0 10px 30px #64368615;transform:rotate(4deg);border-radius:9px}.floating-calendar>span{font:7px Mono;color:#74528e;letter-spacing:.07em}.floating-calendar strong{font-size:14px;display:block;margin:5px 0}.floating-calendar small{font-size:9px;color:#86679a}.floating-calendar i{position:absolute;top:30px;right:15px;color:var(--violet);font-style:normal}.agency-strip{background:#271434;border-color:#271434;color:#eaddec}.agency-strip span{color:#d0adcd}.agency-strip a:hover{color:#ff9ac6}.connector-section{padding:90px 0;background:linear-gradient(155deg,#fcf8f2 45%,#f2eafa)}.connector-heading{display:grid;grid-template-columns:1.4fr 1fr;gap:90px;align-items:end;margin-bottom:48px}.connector-heading h2{font-size:clamp(40px,4.2vw,60px)}.connector-heading>div:last-child>p{font-size:17px;color:var(--muted);line-height:1.7}.connector-heading .text-link{margin-top:22px;color:#75528d;font-size:12px}.connector-lab{display:grid;grid-template-columns:.72fr 1.3fr;gap:60px;align-items:center}.connector-sources{display:flex;flex-direction:column;gap:9px}.connector-sources button{display:flex;gap:16px;align-items:center;text-align:left;background:transparent;padding:17px 18px;border:1px solid transparent;border-radius:11px;transition:background .2s,box-shadow .2s,border-color .2s}.connector-sources button[aria-selected=true]{background:#fffdfa;border-color:#d8c5e8;box-shadow:0 10px 30px #4c28500c}.connector-mark{height:43px;width:43px;border-radius:12px;display:grid;place-items:center;font-size:30px;background:#eee4f6;flex-shrink:0;color:#6d3f82;font-weight:500}.connector-mark svg{width:24px;height:24px}.gmail-mark{color:#a34b65;background:#f7e2e6}.read-mark{background:#e8dcff;color:#6940c0;font-size:27px;letter-spacing:-.07em}.calendar-mark{color:#6843b2;background:#e6dff8}.mcp-mark{color:#a25271;background:#f4dfe9;font-size:25px}.connector-sources button b{display:block;font-size:17px;font-weight:550}.connector-sources button small{display:block;font-size:11px;color:#806a8e;margin-top:4px}.connector-sources button>i{margin-left:auto;font-size:20px;font-style:normal;color:#a78ab8;opacity:0}.connector-sources button[aria-selected=true]>i{opacity:1;color:var(--violet)}.connector-panel{position:relative;isolation:isolate;min-height:510px;padding:28px;background:#251331;border:1px solid #654679;border-radius:17px;box-shadow:0 20px 55px #44235e1f;overflow:hidden;color:var(--cream)}.connector-panel:before{content:'';position:absolute;z-index:-1;width:400px;height:400px;background:radial-gradient(circle,#82489755,transparent 70%);right:-80px;bottom:-80px}.connector-topline{display:flex;justify-content:space-between;gap:15px;font:8px Mono;color:#d2b5df;letter-spacing:.08em}.connector-topline>span:last-child{color:#ac8fbd;font-size:7px}.source-evidence{padding:24px;background:#35213f;border:1px solid #80558f;border-radius:10px;margin:24px 0 0}.source-evidence>span{font:10px Mono;color:#ddc2e9}.source-evidence p{font-size:24px;line-height:1.35;margin:15px 0;letter-spacing:-.03em}.source-evidence small{color:#bba3c7;font-size:11px}.source-to-brain{display:flex;position:relative;align-items:center;justify-content:center;height:74px;gap:12px}.source-to-brain img{width:29px}.source-to-brain>div{width:65px;height:1px;background:#b185be;position:relative}.source-to-brain>div:first-child:after{content:'';width:5px;height:5px;border-radius:50%;background:#fa9dba;position:absolute;right:0;top:-2px}.source-to-brain>span{font:8px Mono;color:#d8bee1;letter-spacing:.08em}.connector-panel.changed .source-to-brain>div:first-child:after{animation:sourceTravel .5s ease-out}.connector-result{background:#fcf8f2;color:var(--ink);padding:22px 24px;border-radius:10px}.connector-result>small{font:9px Mono;color:#875d9c;letter-spacing:.08em}.connector-result h3{font-size:29px;line-height:1.1;margin-top:14px;white-space:pre-line}.connector-result p{color:#74607f;font-size:13px;margin-top:14px;min-height:45px}.connector-result>span{display:block;font-size:10px;line-height:1.5;color:#8b7197;border-top:1px solid #dfd0e5;padding-top:12px;margin-top:15px}.connector-bottom{display:flex;justify-content:space-between;gap:25px;align-items:center;margin-top:27px}.connector-bottom p{font-size:11px;color:#846b91}.connector-bottom a{font-size:12px;color:#6f478a;white-space:nowrap}.agency-bridge{padding-block:60px 75px}.agency-bridge h2{font-size:clamp(37px,3.7vw,53px)}.agency-bridge>p{font-size:17px;color:var(--muted);max-width:720px;margin-top:27px}.agency-workflow{background:radial-gradient(ellipse at right bottom,#57245b66,transparent 70%),#251331}.agency-feature-tabs{background:#ffffff06;border:1px solid #725380;border-radius:10px;padding:5px;gap:5px}.agency-feature-tabs button{border:0;border-radius:6px;padding:12px 7px}.agency-feature-tabs button[aria-selected=true]{background:#e7c4e0;color:#291632}.feature-stage{box-shadow:0 25px 50px #12041e40;transform:rotate(.5deg);border-color:#c5a5d3}.agency-feature-panel{gap:70px}.client-board{background:linear-gradient(145deg,#efe7f5,#e7dcf0);padding:28px;gap:22px;border-color:#cfb9dc;box-shadow:0 20px 40px #34164408}.board-column article{border-top:3px solid #b286d3;box-shadow:0 7px 15px #36213e06;transition:transform .2s}.board-column:nth-child(2) article{border-top-color:#e18aab}.board-column:nth-child(3) article{border-top-color:#9678b9}.board-column article:hover{transform:translateY(-3px)}.board-lane{padding:8px 0 20px}.board-column h3{font-size:25px}.beta-scope{background:linear-gradient(130deg,#f3d9e5,#f1e5f4)}.agency-price-card{box-shadow:0 25px 50px #34154618}.beta-request{background:radial-gradient(ellipse at 15% 100%,#813d73,transparent 65%),#251331}
@keyframes sourceTravel{from{right:100%}to{right:0}}
@media(max-width:1100px){.agency-hero{gap:30px;grid-template-columns:.9fr 1.1fr}.agency-hero h1{font-size:58px}.command-layout{grid-template-columns:110px 1fr}.command-layout aside{font-size:8px;padding:17px 8px}.command-layout aside i{width:14px;height:14px;font-size:8px}.command-main{padding:17px}.command-top>span{display:none}.floating-context{left:-10px}.floating-calendar{right:-5px}.scene-caption{right:5px;font-size:8px}.connector-heading{gap:40px}.connector-lab{gap:30px}.connector-sources button{padding:15px 12px;gap:12px}.connector-panel{padding:23px}.source-evidence{padding:20px}.source-evidence p{font-size:22px}.client-board{gap:15px;padding:20px}.agency-feature-panel{gap:40px}}
@media(max-width:900px){.agency-hero{grid-template-columns:1fr 1fr}.agency-hero h1{font-size:50px}.agency-command-scene{height:580px}.command-layout{display:block}.command-layout aside{display:none}.command-main{padding:20px}.floating-context{left:-20px;right:0;padding:9px;font-size:10px}.floating-context strong{font-size:10px}.floating-context span{font-size:6px}.floating-calendar{top:0}.scene-caption{display:none}.command-top{padding:13px}.connector-lab{grid-template-columns:.8fr 1.2fr;gap:25px}.connector-sources button b{font-size:15px}.connector-sources button small{font-size:10px}.connector-mark{width:36px;height:36px}.connector-sources button>i{display:none}.connector-result{padding:18px}.connector-result h3{font-size:26px}.connector-topline{font-size:7px}.connector-topline>span:last-child{display:none}.agency-feature-panel{grid-template-columns:1fr}}
@media(max-width:760px){.agency-hero{display:block;padding:35px 0 55px;min-height:0}.agency-hero h1{font-size:clamp(48px,12vw,72px)}.agency-command-scene{height:570px;margin-top:50px;max-width:500px;margin-inline:auto}.scene-halo{inset:-15px -10px;border-radius:35%}.command-layout{display:grid;grid-template-columns:100px 1fr}.command-layout aside{display:flex;font-size:8px;gap:8px}.workspace-label{font-size:7px}.command-top{padding:13px}.command-top b{font-size:10px}.command-top img{width:20px}.command-top i{font-size:7px}.command-main{padding:16px}.command-title h3{font-size:27px}.command-title small{font-size:7px}.command-request,.command-decision{padding:12px}.command-request p{font-size:13px}.command-request>small,.command-decision>small{font-size:8px}.command-decision p{font-size:12px}.command-next{padding:11px 24px 11px 11px}.command-next strong{font-size:10px}.command-next .next-arrow{right:8px;font-size:16px}.floating-calendar{right:2px;top:-5px;padding:12px 35px 12px 15px}.floating-calendar strong{font-size:13px}.floating-context{bottom:-2px;left:3px;right:auto;padding:9px 13px 9px 9px}.floating-context>img{width:42px;height:42px}.floating-context strong{font-size:11px}.floating-context span{font-size:6px}.agency-strip{position:relative}.connector-section{padding:55px 0}.connector-heading{display:block;margin-bottom:25px}.connector-heading h2{font-size:39px}.connector-heading>div:last-child>p{font-size:15px;margin-top:25px}.connector-heading .text-link{font-size:11px;margin-top:15px}.connector-lab{display:block}.connector-sources{flex-direction:row;overflow-x:auto;scrollbar-width:thin;gap:8px;padding:0 0 15px;margin-bottom:15px}.connector-sources button{flex:0 0 auto;padding:12px;gap:8px;border:1px solid #e0d1ea;border-radius:8px;min-height:60px}.connector-sources button small{display:none}.connector-sources button b{font-size:12px;white-space:nowrap}.connector-mark{width:28px;height:28px;border-radius:8px;font-size:22px}.connector-mark svg{width:19px;height:19px}.connector-panel{padding:19px;min-height:540px}.source-evidence{padding:18px;margin-top:20px}.source-evidence p{font-size:23px}.source-evidence small{font-size:10px}.connector-result{padding:20px}.connector-result h3{font-size:28px}.connector-result p{font-size:13px;min-height:63px}.connector-result>span{font-size:10px;min-height:48px}.connector-bottom{display:block;margin-top:20px}.connector-bottom p{font-size:10px;margin-bottom:14px}.connector-bottom a{font-size:11px;white-space:normal}.agency-bridge{padding-block:30px 55px}.agency-bridge h2{font-size:36px}.agency-bridge>p{font-size:15px;margin-top:20px}.agency-feature-tabs{padding:4px;gap:4px}.agency-feature-tabs button{font-size:10px;padding:12px 9px}.feature-stage{transform:none}.agency-feature-panel{gap:25px}.client-board{padding:18px}.board-column h3{font-size:24px}.board-column article:hover{transform:none}}
@media(max-width:360px){.command-layout{display:block}.command-layout aside{display:none}.agency-command-scene{height:560px;margin-top:40px}.command-main{padding:18px}.command-title h3{font-size:28px}.command-request p{font-size:14px}.command-top>span{display:block;font-size:6px;margin-left:0}.command-top i{display:none}.connector-heading h2{font-size:35px}.connector-panel{padding:15px}.source-evidence p{font-size:21px}.connector-result{padding:17px}.connector-result h3{font-size:26px}.floating-context strong{font-size:10px}.floating-calendar{font-size:10px}.agency-bridge h2{font-size:33px}}
@media(prefers-reduced-motion:reduce){.command-window,.floating-context,.floating-calendar,.feature-stage{transform:none}.source-to-brain>div:first-child:after{animation:none!important}}