/* ServAI Agency — Phase 6.11 main-site integration */
.agency-band{position:relative;overflow:hidden;padding:104px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:radial-gradient(circle at 82% 18%,rgba(200,164,100,.13),transparent 34%),radial-gradient(circle at 20% 88%,rgba(255,255,255,.04),transparent 30%),#050505}
.agency-band:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to bottom,transparent,#000 18%,#000 82%,transparent)}
.agency-wrap{position:relative;z-index:1}.agency-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:58px;align-items:center}.agency-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid rgba(200,164,100,.36);border-radius:999px;color:var(--gold);font-family:var(--mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;background:rgba(200,164,100,.05)}
.agency-title{font-family:var(--display);font-size:clamp(2.2rem,4.6vw,4.5rem);line-height:1.02;letter-spacing:-.045em;margin:20px 0 18px;max-width:820px}.agency-title em{color:var(--gold);font-style:normal}.agency-lead{max-width:740px;color:var(--ink-dim);font-size:1.06rem;line-height:1.75}.agency-proof{margin-top:22px;color:var(--ink-faint);font-size:.82rem;line-height:1.65}.agency-proof b{color:var(--ink-dim)}
.agency-console{border:1px solid rgba(200,164,100,.28);border-radius:22px;background:linear-gradient(145deg,rgba(200,164,100,.055),rgba(255,255,255,.018));padding:24px;box-shadow:0 32px 90px rgba(0,0,0,.35)}.agency-console-top{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-bottom:18px;border-bottom:1px solid var(--line);font-family:var(--mono);font-size:10px;color:var(--ink-faint);text-transform:uppercase;letter-spacing:.08em}.agency-live{color:#c8a464}.agency-live:before{content:"●";margin-right:7px}.agency-flow{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:18px}.agency-flow span{min-height:74px;display:flex;align-items:flex-end;padding:12px;border:1px solid var(--line);border-radius:12px;color:var(--ink-dim);font-size:.78rem;background:rgba(0,0,0,.22)}.agency-flow span:nth-child(4),.agency-flow span:nth-child(5),.agency-flow span:nth-child(6){border-color:rgba(200,164,100,.22)}
.agency-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin-top:34px;background:var(--line);border:1px solid var(--line)}.agency-metric{background:#050505;padding:22px}.agency-metric strong{display:block;font-family:var(--display);font-size:1.9rem;color:var(--ink)}.agency-metric span{display:block;color:var(--ink-faint);font-size:.76rem;margin-top:5px}
.agency-page-hero{padding:94px 0 72px;background:radial-gradient(circle at 80% 0,rgba(200,164,100,.14),transparent 32%),#050505;border-bottom:1px solid var(--line)}.agency-page-hero .hero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:54px;align-items:center}.agency-page-hero h1{font-family:var(--display);font-size:clamp(2.8rem,6vw,6.1rem);line-height:.95;letter-spacing:-.055em;margin:18px 0 22px;max-width:920px}.agency-page-hero h1 em{font-style:normal;color:var(--gold)}.agency-page-hero .lead{font-size:1.08rem;line-height:1.8;max-width:760px;color:var(--ink-dim)}
.agency-mode-stack{display:grid;gap:12px}.agency-mode{padding:22px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.02)}.agency-mode.gold{border-color:rgba(200,164,100,.38);background:rgba(200,164,100,.05)}.agency-mode small{font-family:var(--mono);font-size:10px;color:var(--gold);letter-spacing:.08em;text-transform:uppercase}.agency-mode h3{font-size:1.24rem;margin:8px 0}.agency-mode p{font-size:.88rem;line-height:1.65;color:var(--ink-dim)}
.agency-section{padding:92px 0}.agency-section.alt{background:var(--bg-alt)}.agency-section-head{max-width:850px;margin-bottom:34px}.agency-section-head .eyebrow{font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--gold)}.agency-section-head h2{font-family:var(--display);font-size:clamp(2rem,4vw,3.7rem);line-height:1.06;letter-spacing:-.04em;margin:12px 0}.agency-section-head p{color:var(--ink-dim);line-height:1.75}
.agency-cap-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.agency-cap{padding:20px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.018);min-height:170px}.agency-cap .n{font-family:var(--mono);font-size:9px;color:var(--gold);letter-spacing:.08em}.agency-cap h3{font-size:1rem;margin:20px 0 8px}.agency-cap p{font-size:.82rem;line-height:1.6;color:var(--ink-dim)}
.agency-chain{display:grid;grid-template-columns:repeat(9,1fr);gap:7px}.agency-chain div{padding:14px 9px;border:1px solid var(--line);border-radius:11px;min-height:88px;font-size:.72rem;color:var(--ink-dim);display:flex;align-items:flex-end}.agency-chain div:nth-child(3n){border-color:rgba(200,164,100,.28)}
.agency-role-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.agency-role{padding:20px;border:1px solid var(--line);border-radius:14px}.agency-role b{display:block;margin-bottom:9px}.agency-role span{display:block;color:var(--ink-dim);font-size:.8rem;line-height:1.55}.agency-truth{display:grid;grid-template-columns:1fr 1fr;gap:18px}.agency-truth-card{padding:26px;border:1px solid var(--line);border-radius:16px}.agency-truth-card.gold{border-color:rgba(200,164,100,.36);background:rgba(200,164,100,.045)}.agency-truth-card h3{margin-bottom:12px}.agency-truth-card ul{padding-left:18px;color:var(--ink-dim);line-height:1.9;font-size:.88rem}.agency-crosslink{display:grid;grid-template-columns:1fr auto;gap:24px;align-items:center;padding:28px;border:1px solid rgba(200,164,100,.28);border-radius:18px;background:rgba(200,164,100,.035)}
@media(max-width:980px){.agency-grid,.agency-page-hero .hero-grid,.agency-truth{grid-template-columns:1fr}.agency-cap-grid,.agency-role-grid{grid-template-columns:repeat(2,1fr)}.agency-chain{grid-template-columns:repeat(3,1fr)}.agency-metrics{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.agency-band,.agency-section{padding:70px 0}.agency-cap-grid,.agency-role-grid,.agency-metrics{grid-template-columns:1fr}.agency-flow{grid-template-columns:1fr 1fr}.agency-chain{grid-template-columns:1fr 1fr}.agency-crosslink{grid-template-columns:1fr}.agency-page-hero{padding:72px 0 54px}}

.agency-org{border:1px solid rgba(200,164,100,.3);border-radius:22px;padding:24px;background:linear-gradient(145deg,rgba(200,164,100,.06),rgba(255,255,255,.015));box-shadow:0 32px 90px rgba(0,0,0,.38);position:relative;overflow:hidden}.agency-org:before{content:"";position:absolute;inset:-40%;background:conic-gradient(from 90deg,transparent,rgba(200,164,100,.08),transparent 28%);animation:agencySweep 10s linear infinite;pointer-events:none}.agency-org>*{position:relative;z-index:1}.agency-org-top{display:flex;justify-content:space-between;gap:18px;padding-bottom:17px;border-bottom:1px solid var(--line);font-family:var(--mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint)}.agency-node{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:14px 15px;border:1px solid var(--line);border-radius:12px;background:rgba(0,0,0,.32)}.agency-node strong{font-size:.9rem}.agency-node span{font-family:var(--mono);font-size:9px;color:var(--gold);letter-spacing:.07em}.agency-node.spine{border-color:rgba(200,164,100,.42);box-shadow:0 0 30px rgba(200,164,100,.08)}.agency-line{height:19px;width:1px;background:linear-gradient(var(--gold),rgba(200,164,100,.08));margin:auto}.agency-specialists{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:15px}.agency-specialists span{padding:9px 10px;border:1px solid var(--line);border-radius:9px;color:var(--ink-dim);font-size:.72rem;background:rgba(0,0,0,.2)}@keyframes agencySweep{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.agency-org:before{animation:none}}@media(max-width:620px){.agency-org-top{align-items:flex-start;flex-direction:column}.agency-node{align-items:flex-start;flex-direction:column;gap:5px}.agency-specialists{grid-template-columns:1fr 1fr}}

/* R11 website refinement — cinematic Agency mission assembly */
.agency-cinematic{position:relative;min-height:610px;border:1px solid rgba(200,164,100,.34);border-radius:24px;overflow:hidden;padding:20px;background:radial-gradient(circle at 50% 43%,rgba(200,164,100,.115),transparent 28%),linear-gradient(145deg,rgba(200,164,100,.055),rgba(255,255,255,.012) 48%,rgba(0,0,0,.34));box-shadow:0 36px 110px rgba(0,0,0,.5),inset 0 0 70px rgba(200,164,100,.025);isolation:isolate}
.agency-cine-grid{position:absolute;inset:0;z-index:-3;background-image:linear-gradient(rgba(255,255,255,.022) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.022) 1px,transparent 1px);background-size:38px 38px;mask-image:radial-gradient(circle at center,#000 18%,rgba(0,0,0,.85) 57%,transparent 94%)}
.agency-cine-glow{position:absolute;border-radius:50%;filter:blur(8px);z-index:-2;opacity:.55;animation:agencyFloatGlow 8s ease-in-out infinite}.agency-cine-glow.glow-a{width:260px;height:260px;right:-100px;top:60px;background:radial-gradient(circle,rgba(200,164,100,.17),transparent 68%)}.agency-cine-glow.glow-b{width:230px;height:230px;left:-110px;bottom:70px;background:radial-gradient(circle,rgba(255,255,255,.07),transparent 70%);animation-delay:-3.5s}
.agency-cine-head,.agency-cine-foot{display:flex;justify-content:space-between;align-items:center;gap:14px;font-family:var(--mono);font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-faint)}.agency-cine-head{padding-bottom:14px;border-bottom:1px solid var(--line)}.agency-cine-head span:first-child{color:var(--gold)}.agency-cine-head i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 0 rgba(200,164,100,.55);margin-right:7px;animation:agencyBeacon 1.8s ease-out infinite}
.agency-brief{margin-top:16px;padding:14px 15px;border:1px solid rgba(255,255,255,.09);border-radius:13px;background:rgba(0,0,0,.35);position:relative}.agency-brief:after{content:"";position:absolute;left:18px;right:18px;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent);opacity:.75;animation:agencyScan 3.2s ease-in-out infinite}.agency-brief small{display:block;font:500 8px/1 var(--mono);letter-spacing:.12em;color:var(--gold);margin-bottom:8px}.agency-brief strong{display:block;font-size:.84rem;line-height:1.45}.agency-brief-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:11px}.agency-brief-tags span{padding:5px 7px;border:1px solid var(--line);border-radius:999px;font:500 8px/1 var(--mono);color:var(--ink-faint);background:rgba(255,255,255,.018)}
.agency-cine-stage{height:300px;position:relative;margin:8px 0 2px}.agency-core{position:absolute;left:50%;top:50%;width:132px;height:132px;transform:translate(-50%,-50%);border:1px solid rgba(200,164,100,.62);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:radial-gradient(circle,rgba(200,164,100,.17),rgba(0,0,0,.82) 68%);box-shadow:0 0 52px rgba(200,164,100,.15),inset 0 0 24px rgba(200,164,100,.12);z-index:4;animation:agencyCoreBreath 3.6s ease-in-out infinite}.agency-core small{font:500 7px/1 var(--mono);letter-spacing:.12em;color:var(--gold)}.agency-core strong{font-size:.88rem;margin:6px 0}.agency-core span{font:500 7px/1 var(--mono);letter-spacing:.13em;color:#c8a464}
.agency-pulse-ring{position:absolute;left:50%;top:50%;border:1px solid rgba(200,164,100,.22);border-radius:50%;transform:translate(-50%,-50%);animation:agencyRing 4.6s ease-out infinite}.agency-pulse-ring.ring-one{width:186px;height:186px}.agency-pulse-ring.ring-two{width:240px;height:240px;animation-delay:-2.25s}
.agency-role-orbit{position:absolute;min-width:126px;padding:9px 10px;border:1px solid rgba(255,255,255,.1);border-radius:10px;background:rgba(7,7,7,.86);box-shadow:0 10px 30px rgba(0,0,0,.28);z-index:3;animation:agencyNodeFloat 5s ease-in-out infinite}.agency-role-orbit b{display:block;font-size:.68rem;white-space:nowrap}.agency-role-orbit span{display:block;margin-top:3px;font:500 7px/1 var(--mono);letter-spacing:.09em;color:var(--gold)}.orbit-brand{left:2%;top:24%;animation-delay:-.7s}.orbit-creative{right:1%;top:20%;animation-delay:-1.8s}.orbit-media{right:0;bottom:16%;animation-delay:-3.1s}.orbit-gcc{left:0;bottom:14%;animation-delay:-2.2s}.orbit-performance{left:50%;bottom:3%;transform:translateX(-50%);animation:agencyNodeFloatCenter 5s ease-in-out infinite;animation-delay:-1.1s}
.agency-signal{position:absolute;height:1px;z-index:1;transform-origin:left center;background:linear-gradient(90deg,rgba(200,164,100,0),rgba(200,164,100,.7),rgba(200,164,100,0));background-size:200% 100%;animation:agencySignal 2.3s linear infinite;opacity:.72}.agency-signal.s1{width:30%;left:18%;top:36%;transform:rotate(16deg)}.agency-signal.s2{width:31%;left:51%;top:38%;transform:rotate(-17deg)}.agency-signal.s3{width:31%;left:18%;top:64%;transform:rotate(-15deg)}.agency-signal.s4{width:31%;left:51%;top:63%;transform:rotate(17deg)}
.agency-cine-flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;gap:7px;align-items:center;padding:10px 0 15px}.agency-cine-flow>div{min-height:57px;padding:9px;border:1px solid var(--line);border-radius:10px;background:rgba(0,0,0,.25)}.agency-cine-flow>div.active{border-color:rgba(200,164,100,.5);background:rgba(200,164,100,.07);box-shadow:0 0 24px rgba(200,164,100,.07)}.agency-cine-flow small{font:500 7px/1 var(--mono);color:var(--gold)}.agency-cine-flow b{display:block;font-size:.66rem;margin-top:5px}.agency-cine-flow span{display:block;color:var(--ink-faint);font-size:.58rem;margin-top:2px}.agency-cine-flow>i{font-style:normal;color:rgba(200,164,100,.45);font-size:.8rem;animation:agencyArrowPulse 1.7s ease-in-out infinite}
.agency-cine-foot{padding-top:13px;border-top:1px solid var(--line)}.agency-live-dot{display:inline-block;width:5px;height:5px;background:#c8a464;border-radius:50%;box-shadow:0 0 12px rgba(143,211,154,.7);margin-right:6px}
@keyframes agencyBeacon{70%{box-shadow:0 0 0 9px rgba(200,164,100,0)}}@keyframes agencyScan{0%,100%{transform:scaleX(.25);opacity:.2}50%{transform:scaleX(1);opacity:.9}}@keyframes agencyRing{0%{transform:translate(-50%,-50%) scale(.82);opacity:.55}75%,100%{transform:translate(-50%,-50%) scale(1.22);opacity:0}}@keyframes agencyCoreBreath{0%,100%{box-shadow:0 0 42px rgba(200,164,100,.11),inset 0 0 20px rgba(200,164,100,.1)}50%{box-shadow:0 0 68px rgba(200,164,100,.22),inset 0 0 34px rgba(200,164,100,.17)}}@keyframes agencyNodeFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes agencyNodeFloatCenter{0%,100%{transform:translate(-50%,0)}50%{transform:translate(-50%,-5px)}}@keyframes agencySignal{0%{background-position:200% 0;opacity:.18}50%{opacity:.8}100%{background-position:-200% 0;opacity:.18}}@keyframes agencyArrowPulse{0%,100%{opacity:.22;transform:translateX(0)}50%{opacity:.8;transform:translateX(2px)}}@keyframes agencyFloatGlow{0%,100%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(0,-14px,0) scale(1.08)}}
@media(max-width:980px){.agency-cinematic{min-height:590px;max-width:720px}.agency-cine-stage{height:290px}}
@media(max-width:620px){.agency-cinematic{min-height:auto;padding:15px;border-radius:18px}.agency-cine-head,.agency-cine-foot{align-items:flex-start;flex-direction:column}.agency-cine-stage{height:365px}.agency-core{width:114px;height:114px}.agency-pulse-ring.ring-one{width:156px;height:156px}.agency-pulse-ring.ring-two{width:205px;height:205px}.agency-role-orbit{min-width:108px;padding:8px}.agency-role-orbit b{font-size:.61rem}.orbit-brand{left:0;top:17%}.orbit-creative{right:0;top:17%}.orbit-media{right:0;bottom:14%}.orbit-gcc{left:0;bottom:14%}.orbit-performance{bottom:0}.agency-cine-flow{grid-template-columns:1fr 1fr;gap:7px}.agency-cine-flow>i{display:none}}
@media(prefers-reduced-motion:reduce){.agency-cinematic *{animation:none!important}.agency-cine-glow{opacity:.35}}