/* Shared Terrain Rivals-inspired studio identity. Loaded after component styles. */
:root{--bg:#fffaf0;--bg-soft:#e7f5ff;--surface:#fff;--surface-2:#eef4ff;--text:#10235c;--muted:#485b77;--muted-2:#526583;--line:#c8d8ed;--cyan:#1764d8;--blue:#1764d8;--violet:#7d55c7;--success:#196646;--grad:linear-gradient(135deg,#1764d8,#087ca4);--shadow:0 10px 0 #10235c12;--radius:24px;--radius-sm:16px}
body{background:var(--bg);color:var(--text);font-family:'Segoe UI',Arial,sans-serif}
h1,h2,h3,.hero h1,.payments-intro h1,.section-title,.payment-heading,.showreel-copy h3{font-family:'Segoe UI',Arial,sans-serif;font-weight:850;letter-spacing:-.045em!important;line-height:1.1!important}
.gradient-text{color:var(--blue);-webkit-text-fill-color:var(--blue)}
.site-header,.site-header.scrolled{height:88px;background:#fff;border-top:6px solid #ffdc28;border-bottom:1px solid #d6e4f3;box-shadow:0 3px 0 #10235c08}
.brand span{font-weight:900;letter-spacing:-.045em;color:var(--text)}.desktop-nav{gap:22px}.desktop-nav a{color:#253c6b;font-weight:700}.desktop-nav a:hover,.desktop-nav a[aria-current=page]{color:var(--blue)}
.btn{border:2px solid #10235c;border-radius:15px;font-weight:800;min-height:52px;box-shadow:0 5px 0 #10235c!important;transition:transform .15s,box-shadow .15s}
.btn:hover{transform:translateY(2px);box-shadow:0 3px 0 #10235c!important}.btn-primary,.btn-primary:hover{background:#ffdc28;color:#10235c}.btn-secondary,.btn-secondary:hover{background:white;color:#10235c;border-color:#10235c}
.menu-toggle{color:#10235c;background:#eef5ff;border:2px solid #c8d8ed;border-radius:13px}.mobile-menu{background:#fffaf0;inset:88px 0 0}.mobile-menu a{color:#10235c;font-weight:750}.mobile-menu .btn-primary{color:#10235c}
.eyebrow{color:#235da4;font-weight:850;letter-spacing:.1em}.eyebrow:before{background:#ffca28;width:26px;height:4px}.hero-kicker{background:#fff2b5;color:#344c77;border:1px solid #e4c653;border-radius:24px;padding:8px 12px;font-weight:800;letter-spacing:.07em}.hero-kicker i{background:#1764d8}
.hero{background:radial-gradient(ellipse at 95% 5%,#b9eaff 0,transparent 55%),linear-gradient(135deg,#e8f7ff,#d8edff);padding:145px 0 85px;min-height:790px}.hero h1{font-size:clamp(2.8rem,4.6vw,4.8rem);font-weight:900}.hero p{color:#3f5578}.hero-grid{gap:48px}.hero-note{color:#405b82}.hero-note span{background:#1764d8}.hero-frame{border-radius:30px;border:3px solid #10235c;box-shadow:10px 12px 0 #1764d82b;overflow:hidden}.hero-frame img,.work-media img{filter:none}.hero-frame:before{background:linear-gradient(0deg,#10235c4d,transparent 60%)}.visual-badge,.visual-status{border:2px solid #c8d8ed;border-radius:16px;background:#fff;color:#10235c}.visual-badge{box-shadow:0 6px 0 #10235c14}.visual-badge span{color:#485b77}.visual-status i,.cap-item i{background:#1764d8}
.metrics{background:#ffed9c;padding:12px 0}.metrics-grid{border:0;background:none}.metric{border-color:#d2b94f}.metric strong{font-family:'Segoe UI',sans-serif;font-weight:900;color:#10235c}.metric span{color:#3f5578}
.section{padding:88px 0}.section-title{font-weight:900}.section-copy,.portfolio-note,.hero-note,.service-number,.work-label,.form-note,.footer-meta{color:var(--muted)}
#services{background:#fffaf0}#work{background:#e7f5ff}#capabilities{background:#fffaf0}#process{background:#e6f6ea}#studio{background:#fff0df}#contact{background:#e7f5ff}
.service-grid-expanded{gap:22px}.service-card,.engagement-card{background:white;border:2px solid #c8d8ed;border-radius:22px;padding:28px;box-shadow:0 6px 0 #10235c0b}.service-card:nth-child(4n+1){background:#fff0bf}.service-card:nth-child(4n+2){background:#e1efff}.service-card:nth-child(4n+3){background:#e9e2ff}.service-card:nth-child(4n){background:#e2f4dc}.service-card:hover,.work-card:hover{border-color:#1764d8;box-shadow:0 8px 0 #10235c12}.service-card h3{font-weight:850}.service-number{font-weight:850;color:#45618b}.tag,.tech-pill{border:1px solid #c0d5ed;border-radius:24px;background:#fff;color:#294e81;font-weight:700}
.work-card,.project-grid .project-card{border:2px solid #c8d8ed;border-radius:24px;background:#fff;box-shadow:0 7px 0 #10235c0c}.project-card .project-scope,.scope-boundary{border-color:#1764d8;color:#485b77}.project-enquiry,.showreel-link,.text-link,.service-page-links a{color:#1559b1;font-weight:750}.work-label{color:#49648a}.project-still span{background:#fff4c6;color:#10235c;border-radius:8px}
.feature-band,.showreel-panel{background:#e1efff;border:2px solid #c8d8ed;border-radius:26px}.showreel-copy h3{font-weight:850}.cap-item{background:white;border:1px solid #b9d5f2;border-radius:16px}.engagement-card li{color:#405778}.service-scope-note,.work-review{border:2px solid #d6c7a6;background:#fff4d6;border-radius:20px}.service-page-links{border-color:#c6d8ef}.service-page-links>span{color:#485b77}.process-card{background:#fff;border:2px solid #b7d8c3;border-radius:20px;padding:24px}.process-card:before{color:#1764d8}.process-card h3{color:#10235c}.tech-pill{background:#fff4c6;border-color:#e6ca71}
.contact-wrap{background:#fff;border:2px solid #bfd6ed;border-radius:28px;box-shadow:0 9px 0 #10235c10;gap:48px}.contact-wrap h2{font-weight:900}.contact-link{color:#1559b1}.contact-link span:first-child{background:#e7f5ff;border-color:#bdd7f2;border-radius:12px}.field label{color:#344f78;font-weight:800}.field input,.field textarea,.field select{background:#f7fbff;color:#10235c;border:1px solid #9bb9da;border-radius:12px}.field select option{background:white;color:#10235c}.field input::placeholder,.field textarea::placeholder{color:#59708c;opacity:1}.field input:focus,.field textarea:focus,.field select:focus{border-color:#1764d8;box-shadow:0 0 0 3px #1764d829}.project-form .btn{border:2px solid #10235c}.form-status{color:#196646}
.site-footer{background:#fff;border-top:6px solid #ffdc28}.footer-meta a{color:#1559b1}.footer-meta a:hover{color:#10235c}.footer-brand{color:#10235c}::selection{background:#ffe77a;color:#10235c}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #ad392b;outline-offset:5px}
/* Product diagrams keep their existing factual content; surrounding UI shares the palette. */
.payments-product #payments{background:linear-gradient(135deg,#e8f7ff,#d8edff);padding-top:135px}.payments-product .payments-intro{background:transparent;border:0;padding:0;box-shadow:none}.payments-product .payments-intro h1{font-weight:900}.payment-art img{border-radius:24px}.payments-product #payments .payments-features{gap:18px}.payments-product #payments .service-card{border:2px solid #bfd3eb;border-radius:20px;padding:24px}.payments-product #payments .service-card+article{border-left:2px solid #bfd3eb}.payments-preview{background:#fff;border:2px solid #c3d9f0;border-radius:20px;color:#10235c}.payments-preview-head strong,.payments-preview-row strong,.payments-preview-row span{color:#234e87}.payments-preview-row{border-color:#d3e2f1}.payments-preview p,.payments-availability{color:#485b77}.payments-product .payment-showcase{background:#e6f6ea;border-color:#c6dfce}.payments-product .payment-screen{background:#fff;border:2px solid #c8d8ed;border-radius:22px}.payment-screen img{border-radius:16px}.payment-screen figcaption{color:#485b77}.payment-audiences span{background:#fff;border-color:#bcd5f2;color:#234e87;border-radius:24px}.operation-row{border-color:#c8d8ed}.operation-number,.example-caption{color:#245da6;font-weight:800}.operation-row p{color:#485b77}.operation-example{background:#e8f3ff;border:2px solid #c8d8ed;border-radius:22px}.balance-compartments>div,.review-slip{background:#fff;border-color:#c8d8ed;border-radius:14px}.balance-compartments strong,.review-slip strong{color:#10235c}.balance-compartments span,.balance-compartments small,.outcome-timeline span,.review-slip dt{color:#485b77}.review-slip dd{color:#10235c}.review-status{background:#fff0bf;color:#66501e;border-radius:12px}.outcome-timeline i{background:#1764d8;border-color:#c3defa}.outcome-timeline li:not(:last-child):before{background:#a6c8ee}.onboarding-panel{border-color:#1764d8}.payments-product #demo .feature-band{background:#fff0bf;border:2px solid #e8ce79}.payments-product .payment-journey li{background:#fff;border:2px solid #bfd3eb;border-radius:20px}.payment-journey b{font-family:'Segoe UI',sans-serif;font-weight:900;color:#1764d8}.payment-journey strong{color:#10235c}.payment-journey span{color:#485b77}.payments-product .payment-journey b{border-color:#c8d8ed}.payment-journey li:not(:last-child)::after{color:#1764d8}.payments-product #payments-contact .feature-band{background:#e5efff;border:2px solid #bcd3ef}
/* Service pages use the same component language and distinct pastel sections. */
.service-hero{background:linear-gradient(135deg,#e7f7ff,#dbeaff);padding-top:135px}.service-hero h1{font-weight:900}.service-breadcrumb{color:#426086}.service-focus{background:#fff0bf;border:2px solid #dfc773;border-radius:24px;box-shadow:0 7px 0 #10235c0c}.service-focus h2{font-weight:850}.service-focus li{color:#294e81;border-color:#dbc878}.service-focus li span,.step-number{color:#245da6;font-weight:850}.service-challenges{background:#fffaf0}.service-three-grid article{border:2px solid #c8d8ed;padding:24px;border-radius:22px;background:#fff}.service-three-grid article:nth-child(2){background:#eee7ff}.service-three-grid article:nth-child(3){background:#e6f6ea}.service-deliverables article{border:2px solid #c8d8ed;border-radius:20px;background:#fff;padding:22px}.service-tech{background:#e2efff;border:1px solid #bcd4ef;border-radius:24px}.service-evidence{background:#e6f6ea}.evidence-label,.evidence-layout figcaption{color:#3b5e6d}.evidence-layout video,.extra-proof img{border-radius:18px}.extra-proof{border-color:#bbd7c7}.workflow-example li{background:#fff;border:2px solid #bcd7c7;border-radius:20px}.brief-checklist li{color:#294e81;border-color:#c8d8ed}.service-faq{background:#fff0df}.service-faq details{background:#fff;border:1px solid #e4ccb3;border-radius:16px;padding:0 22px 20px;margin-bottom:12px}.service-faq summary{color:#234e87;font-weight:750}.related-services a{background:#e8f3ff;border:2px solid #c8d8ed;border-radius:18px;padding:24px;color:#1559b1}.service-final-cta{background:#fff0bf;border:2px solid #e2c972;border-radius:24px}
.enquiry-result{background:white;border:2px solid #c8d8ed;border-top:8px solid #ffdc28;border-radius:24px;margin-top:55px;margin-bottom:55px;padding:42px}.enquiry-result h1{font-weight:900}
@media(max-width:1040px){.hero-grid{gap:38px}.hero-visual{min-height:500px}.mobile-menu{display:block}.contact-wrap{gap:36px}}
@media(max-width:760px){.site-header,.site-header.scrolled{height:76px}.mobile-menu{inset:76px 0 0}.section{padding:60px 0}.hero{padding:110px 0 48px;min-height:auto}.hero h1{font-size:clamp(2.5rem,10vw,3.6rem)}.hero-visual{min-height:380px}.hero-frame{border-radius:24px;box-shadow:6px 7px 0 #1764d82b}.hero-kicker{font-size:.6rem;letter-spacing:.04em}.visual-badge{left:12px;right:12px}.metric strong{font-size:1.55rem}.service-grid-expanded{gap:16px}.service-card,.engagement-card{padding:24px}.process-card,.process-card:nth-child(n){padding:24px}.contact-wrap{padding:28px 20px;border-radius:22px}.feature-band{padding:26px}.service-hero{padding:110px 0 54px}.service-focus{padding:24px}.service-three-grid article,.service-deliverables article{padding:22px}.payments-product #payments{padding-top:110px}.payments-product .payments-intro{padding:0}.payments-product #payments .service-card+article{border:2px solid #bfd3eb}.enquiry-result{padding:28px 22px;margin-top:24px}.service-final-cta{padding:24px}.service-hero h1{overflow-wrap:anywhere}.related-services{gap:14px}}
@media(prefers-reduced-motion:reduce){.btn{transition:none}.btn:hover{transform:none}}