.design-switch a[href='/studio.html']{background:transparent;color:#171922}.variation-a .design-switch a[href='/studio-a.html'],.variation-b .design-switch a[href='/studio-b.html'],.variation-c .design-switch a[href='/studio-c.html']{background:#315acb;color:white}.hero h1 em:after{display:none}.hero h1{margin:0}.focus-panel{background:#edf3ff;border-radius:24px;display:grid;grid-template-columns:1fr 1fr;gap:35px;align-items:center;padding:55px 42px;margin:5px -22px 38px}.focus-copy h1{font-size:clamp(44px,4.65vw,65px);line-height:1.08;letter-spacing:-.04em}.focus-copy p{font-size:18px;color:#536782;max-width:490px;margin:25px 0 30px}.focus-art img{display:block;width:100%;height:auto}.variation-a .header{height:98px}.variation-a .hero{padding-top:18px}.variation-a .engineering-index{border:0;padding:0 0 36px;gap:45px}.variation-a .engineering-index>div{border-top:1px solid #d7e1f1;padding-top:20px}.variation-a .statement{background:#fff}.variation-a .statement-inner{padding-top:60px;border-top:1px solid #d7e1f1}.variation-a .services{background:#f6f8fc;max-width:none;padding-left:max(64px,calc((100% - 1232px)/2));padding-right:max(64px,calc((100% - 1232px)/2))}.variation-a .contact{background:#edf3ff}.open-heading{text-align:center;max-width:850px;margin:20px auto 0}.open-heading h1{font-size:clamp(54px,6.3vw,82px);line-height:1.03}.open-heading p{font-size:19px;max-width:620px;margin:26px auto}.open-heading .button{border-radius:7px}.open-art{display:grid;grid-template-columns:1fr 210px;align-items:end;max-width:660px;margin:38px auto 40px;gap:25px}.open-art img{width:100%;height:auto;max-height:310px;object-fit:contain}.open-caption{display:grid;gap:10px;font-size:15px;color:#566984;padding-bottom:20px}.open-caption span:first-child{color:#315acb;font-weight:600}.variation-b .hero{padding-top:15px}.variation-b .engineering-index{border-top:1px solid #d7e1f1;text-align:center;padding:30px 0}.variation-b .statement-inner{grid-template-columns:1fr 1fr;gap:120px;padding-top:75px;padding-bottom:75px}.variation-b .statement{background:#f5f8ff}.variation-b .section-heading h2{font-size:52px}.variation-b .steps{gap:80px}.variation-b .steps h3{font-size:42px}.variation-b .contact{text-align:center;background:#f0f5ff}.variation-b .contact-bottom{flex-direction:column;align-items:center}.variation-b .contact h2{font-size:80px}.partner-hero{display:grid;grid-template-columns:1.05fr 1fr;gap:70px;align-items:center;padding:25px 0 65px}.partner-visual{padding:20px 0}.partner-visual img{width:100%;height:auto}.partner-copy h1{font-family:'DM Sans',sans-serif;font-size:clamp(44px,4.5vw,62px);font-weight:550;line-height:1.1;letter-spacing:-.035em}.partner-copy p{font-size:18px;color:#566984;margin:26px 0;max-width:500px}.partner-copy .button{border-radius:6px;background:#244caf}.location-note{display:block;font-size:13px;color:#566984;margin-top:24px}.variation-c .header{border-bottom:1px solid #e0e8f5}.variation-c .engineering-index{background:#eff4ff;border:0;padding:28px 34px;gap:32px;margin:0 -12px 40px;border-radius:12px}.variation-c .engineering-index span{font-size:14px}.variation-c .engineering-index strong{font-family:'DM Sans',sans-serif;font-size:21px}.variation-c .statement{background:white}.variation-c .statement-inner{border-bottom:1px solid #d7e1f1;padding-bottom:70px}.variation-c h2,.variation-c h3,.variation-c summary{font-family:'DM Sans',sans-serif;letter-spacing:-.035em}.variation-c .section-heading h2{font-size:44px}.variation-c summary{font-size:25px}.variation-c .services{padding-top:75px}.variation-c .approach{background:#eef4ff}.variation-c .steps h3{font-size:34px}.variation-c .stack{padding-top:70px;padding-bottom:70px}.variation-c .contact h2{font-size:74px}.variation-c .contact{background:#f5f8ff}
@media(max-width:1000px){.focus-panel{padding:35px 26px;gap:25px}.focus-copy h1{font-size:48px}.partner-hero{gap:35px}.partner-copy h1{font-size:49px}.variation-b .statement-inner{gap:50px}.variation-b .steps{gap:35px}.variation-a .services{padding-left:32px;padding-right:32px}}
@media(max-width:650px){.design-switch{font-size:12px}.design-switch a{padding:9px 8px}.focus-panel{grid-template-columns:1fr;padding:30px 23px;margin:0 -7px 30px;border-radius:18px;gap:26px}.focus-copy h1{font-size:45px}.focus-copy p{font-size:17px;margin:22px 0}.focus-art img{max-height:270px;object-fit:contain}.variation-a .engineering-index{gap:20px}.variation-a .engineering-index>div{padding-top:15px}.variation-a .services{padding-left:22px;padding-right:22px}.open-heading{margin-top:20px}.open-heading h1{font-size:49px}.open-heading p{font-size:17px;margin:22px auto}.open-art{grid-template-columns:1fr;margin:30px auto;gap:15px}.open-art img{height:270px}.open-caption{text-align:center;padding:0;gap:3px}.variation-b .engineering-index{text-align:left}.variation-b .statement-inner{grid-template-columns:1fr;gap:25px;padding-top:50px;padding-bottom:50px}.variation-b .section-heading h2{font-size:37px}.variation-b .contact h2{font-size:52px}.partner-hero{display:flex;flex-direction:column-reverse;padding:20px 0 28px;gap:15px}.partner-copy h1{font-size:46px}.partner-copy p{font-size:17px;margin:22px 0}.partner-visual{padding:10px 0}.partner-visual img{max-height:275px;object-fit:contain}.location-note{font-size:12px}.variation-c .engineering-index{margin:0 0 20px;padding:24px 20px;gap:20px}.variation-c .section-heading h2{font-size:36px}.variation-c .contact h2{font-size:51px}.variation-c summary{font-size:22px}}

.variation-c .brand{display:block;width:77px;height:48px;overflow:hidden;position:relative;flex-shrink:0}.variation-c .custom-brand-logo{display:block;position:absolute;width:290px;height:auto;max-width:none;left:-20px;top:-27px}.variation-c footer .brand{width:77px}@media(max-width:600px){.variation-c .brand{width:61px;height:38px}.variation-c .custom-brand-logo{width:230px;left:-16px;top:-21px}.variation-c footer .brand{width:61px}}
.variation-c .contact-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:80px;align-items:start}.variation-c .contact-intro h2{font-size:clamp(40px,4.4vw,60px)}.contact-intro>p{max-width:350px;margin:25px 0;font-size:18px}.contact-intro>a{font-size:18px;font-weight:600;color:#244caf}.contact-intro .contact-location{font-size:15px;margin-top:35px}.contact-form{min-width:0}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.field{display:flex;flex-direction:column;gap:8px;margin-bottom:21px}.field label{font-size:15px;font-weight:600;color:#1d3055}.field label span{font-weight:400;color:#566984;font-size:13px}.field input,.field textarea{width:100%;border:1px solid #b7c7df;border-radius:6px;background:white;padding:13px 14px;font:16px/1.5 'DM Sans',sans-serif;color:#1d3055;caret-color:#315acb}.field textarea{resize:vertical;min-height:145px}.field input::placeholder,.field textarea::placeholder{color:#68788e}.field input:focus,.field textarea:focus{outline:2px solid #315acb;outline-offset:2px}.form-actions{display:flex;gap:23px;align-items:center}.form-actions button{border:0;cursor:pointer;border-radius:6px;flex-shrink:0;font-family:inherit}.form-actions button:focus-visible{outline:3px solid #315acb;outline-offset:4px}.form-actions button:disabled{opacity:.65;cursor:wait}.variation-c .form-actions p{font-size:13px;line-height:1.5;margin:0;max-width:240px}.variation-c .contact-status{margin:16px 0 0;font-size:15px;min-height:24px}.contact-status[data-state='error']{color:#a02727}.contact-status[data-state='success']{color:#21613f}@media(max-width:900px){.variation-c .contact-layout{gap:35px;grid-template-columns:1fr 1.3fr}.form-row{grid-template-columns:1fr;gap:0}.form-actions{align-items:start;flex-direction:column;gap:14px}}@media(max-width:600px){.variation-c .contact-layout{grid-template-columns:1fr;gap:32px}.variation-c .contact-intro h2{font-size:42px}.contact-intro .contact-location{margin-top:18px}.form-actions{flex-direction:row;align-items:center;gap:15px}.form-actions .button{font-size:14px;padding:14px 18px}.variation-c .form-actions p{font-size:12px}.field label span{font-size:13px}}

.form-errors{color:#9b1c1c;background:#fff1f1;padding:16px;border-radius:8px}.form-errors ul{padding-left:20px} .contact-form [aria-invalid="true"]{border-color:#b42318}

.contact-form .field-error{font-size:14px;line-height:1.5;color:#9b1c1c;margin:0}
.contact-thanks{padding:36px 0;max-width:520px;outline:none}
.success-mark{width:48px;height:48px;color:#344fb0;margin-bottom:24px}
.contact-thanks h3{font-size:clamp(28px,3vw,40px);line-height:1.15;margin:0 0 20px;color:#1d3055}
.contact-thanks p{font-size:18px;line-height:1.7;color:#566984}
.error-page{min-height:100vh;display:flex;flex-direction:column}
.error-main{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:70px;padding-top:90px;padding-bottom:100px;flex:1}
.error-copy h1{font-family:'DM Sans',sans-serif;font-weight:550;font-size:clamp(42px,5vw,68px);line-height:1.08;letter-spacing:-.03em;margin:0 0 26px}
.error-copy p{color:#566984;max-width:470px;font-size:18px;line-height:1.7;margin:0 0 32px}
.error-code{font-family:'Space Grotesk',sans-serif;font-size:clamp(120px,20vw,280px);font-weight:600;line-height:1;color:#344fb0;letter-spacing:-.04em;text-align:center;background:#eff4ff;border-radius:12px;padding:60px 20px}
.error-page footer{width:100%}
@media(max-width:700px){.error-main{grid-template-columns:1fr;gap:36px;padding-top:40px;padding-bottom:50px}.error-code{grid-row:1;font-size:130px;padding:28px 20px}.error-page .header{gap:20px}.error-copy p{font-size:17px}}
.error-page .header{width:100%}
.error-page .button{border-radius:6px}

/* Technical motifs inherit the site's blue palette. */
.service-title{display:flex;align-items:center;gap:22px;min-width:0}
.service-icon{width:32px;height:32px;flex:0 0 32px;color:#344fb0}
.process-graphic{display:block;width:120px;height:96px;color:#344fb0;margin-bottom:28px}
.graphic-accent{fill:#eba633;stroke:#eba633}
@media(max-width:650px){.service-title{gap:14px}.service-icon{width:26px;height:26px;flex-basis:26px}.process-graphic{width:90px;height:72px;margin-bottom:18px}}

.technology-logos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 24px}
.technology-logos>span{display:flex;align-items:center;gap:12px;font-size:19px;color:#1d3055}
.technology-logos img{display:block;width:36px;height:36px;object-fit:contain;flex-shrink:0}
@media(max-width:1000px){.technology-logos{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:400px){.technology-logos>span{font-size:16px;gap:10px}.technology-logos img{width:30px;height:30px}}

.tool-tags>span{display:inline-flex;align-items:center;gap:8px}.tool-tags img{width:20px;height:20px;object-fit:contain;flex-shrink:0}