/* Agency partnership page. Reuses the approved Brand2Game artwork and chrome. */
.agency-wrap{width:min(100% - 136px,1304px);margin-inline:auto}
.agency-section{padding-block:88px;border-top:1px solid var(--line)}
.agency-eyebrow{display:flex;align-items:center;gap:10px;font:700 10px/1.7 monospace;letter-spacing:1.5px;color:#c3b2d6;margin:0 0 22px}
.agency-eyebrow i{display:block;width:7px;height:7px;flex:none;border-radius:50%;background:var(--lime);box-shadow:0 0 16px #c5f75b55}
.agency-hero{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:54px;padding-block:58px 92px}
.agency-hero-copy{min-width:0}
.agency-hero h1{font-size:clamp(44px,5.2vw,78px);line-height:1.04;letter-spacing:-3.7px;margin:0 0 26px;font-weight:900}
.agency-hero h1>span{display:block;color:var(--lime)}
.agency-statement{font-size:clamp(20px,2vw,26px);line-height:1.45;letter-spacing:-.6px;color:#f7f5f0;margin:0 0 18px}
.agency-statement strong{color:#d6b0ff;font-weight:400}
.agency-intro{max-width:560px;color:#bfb5ce;font-size:15px;line-height:1.8;margin:0 0 30px}
.agency-actions{display:flex;flex-wrap:wrap;align-items:center;gap:22px}
.agency-demo-link{display:inline-flex;align-items:center;gap:8px;min-height:48px;font-size:13px;font-weight:700;color:#ddd2e9;border-bottom:1px solid #76608c}
.agency-demo-link .ui-icon{width:18px;height:18px;flex-basis:18px}
.agency-showcase{position:relative;min-width:0;border:1px solid #77628d;border-radius:18px;background:#261d34;box-shadow:12px 12px 0 #21182d;transform:rotate(2deg)}
.agency-showcase-top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px;font:700 9px/1.5 monospace;letter-spacing:1px;color:#cbb9dd}
.agency-window-dots{display:flex;gap:5px;flex:none}.agency-window-dots i{width:6px;height:6px;background:#7c648f;border-radius:50%}.agency-window-dots i:first-child{background:#c5f75b}
.agency-game-mosaic{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:0 14px;border-radius:10px;overflow:hidden;background:#151120}
.agency-game-mosaic>img{display:block;width:100%;height:100%;object-fit:cover;aspect-ratio:1.65}
.agency-game-mosaic .agency-cover-main{grid-column:1/-1;aspect-ratio:1.8}
.agency-client-tag{position:absolute;top:14px;left:14px;max-width:calc(100% - 28px);padding:10px 14px;border:1px solid #ffffff8c;border-radius:7px;background:#22182ee8;color:#fff;font-size:11px;font-weight:700}
.agency-showcase-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:17px 20px;color:#d9cde6;font-size:11px;line-height:1.5}
.agency-pixel-mark{font-size:23px;color:var(--lime)}
.agency-handoff{position:absolute;right:15px;bottom:-25px;display:flex;align-items:center;gap:15px;padding:15px 19px;max-width:100%;background:#d6b0ff;color:#261633;box-shadow:0 8px 25px #0004;border:1px solid #e6ccff;border-radius:9px;transform:rotate(-4deg);font-size:12px;line-height:1.5}
.agency-handoff>svg{width:62px;height:16px;flex:none;fill:none;stroke:currentColor;stroke-width:2}
.agency-model,.agency-terms{display:grid;grid-template-columns:1fr 1.1fr;gap:92px;align-items:start}
.agency-section-heading h2{font-size:clamp(32px,3.6vw,51px);line-height:1.12;font-weight:800;letter-spacing:-2px;margin:0 0 22px}
.agency-section-heading h2 span{color:#d6b0ff}
.agency-section-heading>p:last-child:not(.agency-eyebrow){color:#b6aac4;font-size:15px;line-height:1.8;max-width:420px;margin:0}
.agency-services article{display:flex;gap:21px;border-bottom:1px solid var(--line);padding:25px 0}.agency-services article:first-child{padding-top:3px}
.agency-service-number{font:12px/1.5 monospace;color:var(--lime);padding-top:4px}
.agency-services h3{font-size:21px;line-height:1.3;letter-spacing:-.4px;margin:0 0 10px}.agency-services p{font-size:14px;line-height:1.8;color:#b9acc8;margin:0}
.agency-heading-wide{margin-bottom:38px}
.agency-audience-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.agency-audience-grid article{min-width:0;border:1px solid #5e4a70;border-radius:13px;overflow:hidden;background:#211a2e}
.agency-audience-art{aspect-ratio:2.1;overflow:hidden}.agency-audience-art img{width:100%;height:100%;object-fit:cover;display:block}
.agency-audience-copy{padding:25px}.agency-audience-copy h3{font-size:23px;line-height:1.25;letter-spacing:-.6px;margin:0 0 13px}.agency-audience-copy p{color:#baacc8;font-size:14px;line-height:1.75;margin:0}
.agency-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px;padding:0;margin:0;list-style:none;counter-reset:none}
.agency-steps li{min-width:0;padding-top:23px;border-top:1px solid #77618a}
.agency-steps li>span{display:block;color:var(--lime);font:13px/1.5 monospace;margin-bottom:25px}
.agency-steps h3{font-size:22px;line-height:1.25;letter-spacing:-.6px;margin:0 0 14px}.agency-steps p{font-size:14px;line-height:1.8;color:#b9acc8;margin:0}
.agency-answers details{border-bottom:1px solid #5e4a70;padding:0 0 21px;margin-bottom:21px}
.agency-answers summary{position:relative;list-style:none;cursor:pointer;font-size:18px;font-weight:700;line-height:1.5;min-height:44px;display:flex;align-items:center;padding-right:37px}
.agency-answers summary::-webkit-details-marker{display:none}
.agency-answers summary:after{content:'+';position:absolute;right:2px;top:7px;font:26px/1 monospace;color:var(--lime)}.agency-answers details[open] summary:after{content:'−'}
.agency-answers summary:focus-visible{outline:3px solid var(--lime);outline-offset:4px;border-radius:4px}
.agency-answers p{font-size:14px;line-height:1.85;color:#bfb1cd;margin:12px 35px 0 0}
.agency-contact{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:65px;background:var(--lime);color:#252b1b;border-radius:16px;padding:50px;margin-bottom:70px}
.agency-contact .agency-eyebrow{color:#47582b;margin-bottom:18px}.agency-contact h2{font-size:clamp(32px,3.5vw,51px);line-height:1.08;letter-spacing:-2px;margin:0 0 20px}.agency-contact h2 span{color:#4a612d}
.agency-contact>.brief-intro>p:last-child{max-width:490px;font-size:14px;line-height:1.8;margin:0;color:#455332}

.agency-contact-brief{font-size:13px;text-decoration:underline;text-underline-offset:4px;line-height:1.65;min-height:44px;display:flex;align-items:center}

.agency-contact a:focus-visible{outline-color:#251a33}
.agencies-page .footer{max-width:1304px;margin-inline:auto;width:calc(100% - 136px)}
.agency-footer .footer-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-left:auto}
.agency-footer .back-top{font-size:12px}
.agency-footer .back-top .ui-icon{width:18px;height:18px;flex-basis:18px}
.agencies-page h1,.agencies-page h2,.agencies-page h3{overflow-wrap:break-word}
@media(hover:hover) and (pointer:fine){.agency-demo-link:hover{color:var(--lime)}.agency-contact-brief:hover{color:#5b6f3e}.agency-answers summary:hover{color:var(--lime)}}
@media(max-width:1100px){.agency-wrap{width:calc(100% - 70px)}.agency-hero{gap:32px;padding-top:42px}.agency-hero h1{font-size:52px;letter-spacing:-2.6px}.agency-hero .agency-actions{gap:13px}.agency-hero .button{font-size:13px}.agency-model,.agency-terms{gap:45px}.agency-audience-copy{padding:22px}.agency-audience-copy h3{font-size:21px}.agency-steps{gap:22px}.agency-steps h3{font-size:20px}.agency-contact{padding:38px;gap:35px}.agencies-page .footer{width:calc(100% - 70px)}}
@media(max-width:800px){.agency-hero{grid-template-columns:1fr;padding-block:35px 70px;gap:48px}.agency-hero h1{font-size:clamp(45px,8.5vw,68px);max-width:650px}.agency-intro{max-width:620px}.agency-showcase{width:min(100% - 14px,540px);margin-inline:auto}.agency-section{padding-block:60px}.agency-model,.agency-terms{grid-template-columns:1fr;gap:30px}.agency-section-heading h2{font-size:42px}.agency-audience-grid{grid-template-columns:1fr}.agency-audience-grid article{display:grid;grid-template-columns:33% 1fr;align-items:stretch}.agency-audience-art{height:100%;aspect-ratio:auto;min-height:165px}.agency-audience-copy{padding:25px}.agency-audience-copy h3{font-size:24px}.agency-steps{grid-template-columns:1fr 1fr;gap:32px}.agency-contact{grid-template-columns:1fr;gap:27px}.agency-contact h2{font-size:42px}.agencies-page .footer{gap:25px}.agency-footer .footer-actions{margin-left:0;width:100%;justify-content:space-between}}
@media(max-width:560px){.agency-wrap{width:calc(100% - 40px)}.agency-hero{padding-top:22px}.agency-eyebrow{font-size:9px;letter-spacing:1.1px;margin-bottom:19px}.agency-hero h1{font-size:clamp(40px,10.8vw,56px);letter-spacing:-2px;margin-bottom:22px}.agency-statement{font-size:22px}.agency-intro{font-size:14px}.agency-actions{align-items:flex-start;flex-direction:column;gap:14px}.agency-showcase-top{padding:16px;font-size:8px;letter-spacing:.6px}.agency-showcase-bottom{font-size:10px;padding:15px}.agency-client-tag{font-size:10px;padding:8px 10px;top:10px;left:10px}.agency-handoff{font-size:10px;gap:10px;padding:12px;right:7px}.agency-handoff>svg{width:40px}.agency-section{padding-block:44px}.agency-section-heading h2{font-size:35px;letter-spacing:-1.4px}.agency-section-heading>p:last-child:not(.agency-eyebrow){font-size:14px}.agency-services h3{font-size:21px}.agency-services article{gap:16px;padding-block:21px}.agency-audience-grid article{display:block}.agency-audience-art{height:auto;width:100%;aspect-ratio:2.4;min-height:0}.agency-audience-copy{padding:23px}.agency-audience-copy h3{font-size:23px}.agency-heading-wide{margin-bottom:27px}.agency-steps{grid-template-columns:1fr;gap:24px}.agency-steps li{display:grid;grid-template-columns:33px 1fr;gap:0 13px;padding-top:20px}.agency-steps li>span{grid-row:1/3;margin:0}.agency-steps h3{font-size:21px;margin-bottom:9px}.agency-steps p{font-size:14px}.agency-answers summary{font-size:17px}.agency-answers p{margin-right:12px}.agency-contact{padding:30px 24px;margin-bottom:44px;border-radius:12px}.agency-contact h2{font-size:35px;letter-spacing:-1.4px}.agencies-page .footer{width:calc(100% - 40px)}.agency-footer .footer-actions{gap:12px}.agency-footer .back-top{padding-inline:0;font-size:11px}.agency-footer .locale-control{padding:0}.agency-footer .locale-control select{padding:10px 6px}}
@media(prefers-reduced-motion:reduce){.agency-showcase,.agency-handoff{transform:none}}
/* Agency briefing and lightweight partner templates. */
.agency-material-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.agency-material-grid>article{display:flex;flex-direction:column;min-width:0;border:1px solid #5e4a70;border-radius:13px;padding:27px;background:#211a2e}
.agency-material-grid h3{font-size:24px;line-height:1.25;margin:0 0 14px;letter-spacing:-.6px}
.agency-material-grid p,.agency-template{font-size:14px;line-height:1.75;color:#c4b7d1;margin:0 0 20px}
.agency-material-grid summary{display:flex;align-items:center;min-height:44px;color:#ded1eb;cursor:pointer;font-size:13px;text-decoration:underline;text-underline-offset:4px}
.agency-template{margin-top:14px}.agency-template h4{font-size:15px;margin:0 0 12px;color:#f7f5f0}.agency-template ol{padding-left:20px;margin:0}.agency-template li{margin-bottom:9px}
.agency-material-download{margin-top:auto;min-height:48px;padding:13px 16px;font-size:13px;white-space:normal;text-align:center;color:var(--lime);background:#342640;border-color:#77618a;width:100%}
.agency-material-download[hidden]{display:none}.agency-material-grid details{margin-bottom:20px}
.agency-reference-links{display:grid;gap:8px;margin-bottom:20px}.agency-reference-links a{display:flex;align-items:center;min-height:44px;font-size:14px;text-decoration:underline;text-underline-offset:4px;color:var(--lime)}
.agency-material-grid .agency-material-note{font-size:12px;margin-top:auto;margin-bottom:0}
.agency-material-grid :is(button,a,summary):focus-visible{outline:3px solid var(--lime);outline-offset:4px;border-radius:5px}
.agency-brief{align-items:start;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:50px;scroll-margin-top:24px}
.agency-brief>form,.agency-brief>.brief-intro{min-width:0}.agency-brief .brief-intro>p{max-width:420px;font-size:15px;line-height:1.75;color:#455332;margin:0 0 22px}
.agency-brief .brief-intro>.agency-brief-note{font-size:13px}.agency-brief .brief-intro>.agency-eyebrow{font-size:10px;line-height:1.7}
.agency-brief .agency-contact-brief{font-size:13px;color:#293820;overflow-wrap:anywhere}.agency-brief .form-price{flex-wrap:wrap;font-size:13px}.agency-brief .form-price strong{font-size:25px;white-space:normal}
.agency-brief :is(input,select,textarea){min-height:48px;font-size:16px;max-width:100%}.agency-brief label{display:block;margin:0 0 9px;font-size:13px}.agency-brief input[type=date]{min-width:0;appearance:none;-webkit-appearance:none}
.agency-project-fields{border:0;padding:0;margin:12px 0 10px;min-width:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px}
.agency-project-fields[hidden]{display:none}.agency-project-fields>legend{font-size:17px;font-weight:700;line-height:1.5;padding:0;margin-bottom:8px}
.agency-project-fields>.form-field:nth-of-type(-n+3){grid-column:1/-1}.agency-project-fields :is(input,select)[aria-invalid=true]{border-color:#7e2140;outline:2px solid #7e2140;outline-offset:1px}
.agency-brief #download-request{min-height:52px;font-size:15px}.agency-brief .form-contact{margin:18px 0 0;font-size:13px;overflow-wrap:anywhere}.agency-brief .form-contact a{min-height:44px;display:inline-flex;align-items:center}
@media(max-width:1100px){.agency-material-grid{gap:16px}.agency-material-grid>article{padding:22px}.agency-brief{gap:32px}}
@media(max-width:800px){.agency-material-grid{grid-template-columns:1fr}.agency-brief{grid-template-columns:1fr}.agency-brief .brief-intro>p{max-width:600px}.agency-material-grid h3{font-size:24px}.agency-material-download{width:auto;align-self:flex-start}}
@media(max-width:560px){.agency-project-fields{grid-template-columns:1fr}.agency-brief{padding:30px 24px}.agency-brief .brief-intro>.agency-eyebrow{font-size:9px}.agency-brief .brief-intro>p{font-size:14px}.agency-material-download{width:100%}.agency-material-grid>article{padding:24px}.agency-brief .form-price strong{font-size:23px}}