:root{--ink:#071a3d;--muted:#53627a;--blue:#287fbe;--blue-dark:#1f67a0;--cyan:#2db7dd;--line:#d9e6ef;--wash:#f3f8fb;--white:#fff;--brand-gradient:linear-gradient(110deg,#2db7dd,#327abb);--shadow:0 18px 50px rgba(24,82,127,.09);font-family:Quicksand,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);background:#fff;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;line-height:1.6;color:var(--ink);background:linear-gradient(120deg,rgba(220,239,255,.16),transparent 35%) no-repeat}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}img,svg{display:block;max-width:100%}.shell{width:min(1180px,calc(100% - 40px));margin-inline:auto}.skip-link{position:fixed;top:8px;left:8px;z-index:999;transform:translateY(-150%);background:#fff;padding:10px 16px;border:2px solid var(--blue);border-radius:6px}.skip-link:focus{transform:none}.site-header{height:82px;position:sticky;top:0;z-index:50;background:rgba(255,255,255,.94);border-bottom:1px solid rgba(220,229,241,.9);backdrop-filter:blur(14px)}.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between}.brand{display:inline-flex;align-items:center;gap:10px;font-family:Montserrat,Quicksand,sans-serif;font-weight:750;font-size:19px;letter-spacing:-.03em}.brand-mark{width:40px;height:40px;object-fit:contain}.main-nav{display:flex;align-items:center;gap:32px;font-size:14px;font-weight:560}.main-nav>a:not(.button),.services-menu>button{position:relative;padding:12px 0}.main-nav>a:not(.button):after,.services-menu>button:after{content:"";position:absolute;left:0;right:0;bottom:4px;height:2px;background:var(--blue);transform:scaleX(0);transition:transform .2s}.main-nav>a:hover:after,.main-nav>a:focus-visible:after,.main-nav>a.active:after,.services-menu>button:hover:after{transform:scaleX(1)}.services-menu{position:relative}.services-menu>button{display:flex;align-items:center;gap:5px;border:0;background:none;color:inherit;cursor:pointer}.services-popover{position:absolute;top:46px;left:-24px;width:360px;padding:10px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);border-radius:10px;opacity:0;visibility:hidden;transform:translateY(-6px);transition:.2s}.services-popover.is-open{opacity:1;visibility:visible;transform:none}.services-popover a{display:block;padding:12px 14px;border-radius:7px;font-weight:650}.services-popover a:hover,.services-popover a:focus-visible{background:var(--wash);color:var(--blue)}.services-popover span{display:block;margin-top:2px;color:var(--muted);font-size:11px;font-weight:450;line-height:1.45}.language-link{display:flex;align-items:center;gap:6px}.menu-button{display:none;background:none;border:0;color:var(--ink);padding:8px}.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:48px;padding:12px 22px;border:1px solid var(--blue);border-radius:6px;background:var(--brand-gradient);color:#fff;font-weight:700;font-size:14px;cursor:pointer;transition:background .2s,transform .2s,box-shadow .2s}.button:hover{background:var(--blue-dark);box-shadow:0 10px 25px rgba(8,100,247,.2);transform:translateY(-1px)}.button:focus-visible,a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #87c9ff;outline-offset:3px}.button--small{min-height:42px;padding:9px 18px}.button--outline{background:#fff;color:var(--blue)}.button--light{background:#fff;color:var(--blue);border-color:#fff}.button--outline-light{background:transparent;border-color:#a8c9ff}.button-row{display:flex;flex-wrap:wrap;gap:18px}.hero{min-height:610px;display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:40px;padding-block:80px}.hero h1,.internal-hero h1,.contact-page h1{max-width:750px;margin:0 0 22px;font-size:clamp(38px,5vw,67px);line-height:1.08;letter-spacing:-.055em}.hero .lead{max-width:620px}.lead{font-size:clamp(17px,2vw,21px);line-height:1.65;color:var(--muted);margin:0 0 30px}.proof-line{display:flex;align-items:center;gap:10px;margin:34px 0 0;font-size:13px;font-weight:600}.proof-line svg{color:var(--blue)}.brand-graphic{position:relative;isolation:isolate}.brand-graphic:before{content:"";position:absolute;inset:12%;z-index:-1;background:radial-gradient(circle,rgba(60,159,255,.18),transparent 68%);filter:blur(12px)}.brand-graphic svg{width:100%;height:auto}.brand-graphic--compact svg{max-height:310px}.section{padding-block:88px}.section--tint{background:var(--wash)}.section-heading{text-align:center;max-width:720px;margin:0 auto 42px}.section h2,.problem-band h2,.experience-band h2,.studio-band h2,.final-cta h2{margin:0 0 16px;font-size:clamp(27px,3vw,39px);line-height:1.16;letter-spacing:-.04em}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.service-card{display:flex;flex-direction:column;align-items:center;text-align:center;min-height:350px;padding:42px 30px 30px;border:1px solid var(--line);border-radius:8px;background:#fff;box-shadow:0 3px 15px rgba(17,53,105,.03);transition:transform .25s,border-color .25s,box-shadow .25s}.service-card:hover{transform:translateY(-4px);border-color:#a9caff;box-shadow:var(--shadow)}.icon-hex{display:grid;place-items:center;width:64px;height:68px;margin-bottom:20px;color:var(--blue);background:linear-gradient(145deg,#ddf7fb,#eaf2fb);clip-path:polygon(50% 0,100% 28%,100% 72%,50% 100%,0 72%,0 28%)}.icon-hex svg{width:31px}.service-card h3{margin:0 0 12px;font-size:19px}.service-card p{color:var(--muted);font-size:14px}.service-card a{display:flex;align-items:center;gap:8px;margin-top:auto;color:var(--blue);font-size:13px;font-weight:750}.problem-band,.experience-band,.studio-band{margin-block:26px 72px;border:1px solid #e5ecf5;border-radius:10px;background:linear-gradient(110deg,#eff5fd,#fff);box-shadow:var(--shadow)}.problem-band{display:grid;grid-template-columns:.86fr 1.5fr;align-items:center;gap:40px;padding:42px}.problem-intro p,.experience-band p,.studio-band p,.content-grid p{color:var(--muted)}.problem-grid{display:grid;grid-template-columns:repeat(4,1fr)}.problem-grid div{display:flex;min-height:125px;align-items:center;justify-content:center;flex-direction:column;gap:13px;padding:15px;text-align:center;border-left:1px solid var(--line);font-size:13px;line-height:1.35}.problem-grid svg{color:var(--ink);stroke-width:1.5}.method-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:70px;margin:0;padding:0;list-style:none;text-align:center}.method-grid li{position:relative}.method-grid li:not(:last-child):after{content:"";position:absolute;top:54px;right:-62px;width:54px;height:1px;background:var(--line)}.method-number{position:absolute;left:15%;top:10px;color:var(--blue);font-weight:800;font-size:17px}.method-icon{display:grid;place-items:center;width:68px;height:68px;margin:0 auto 16px;border-radius:50%;background:var(--wash);color:var(--ink)}.method-grid h3{margin:0 0 5px}.method-grid p{margin:0;color:var(--muted);font-size:14px}.experience-band{padding:36px}.experience-band>div:first-child{max-width:620px}.reference-row{display:grid;grid-template-columns:repeat(5,1fr);align-items:center;margin:26px 0 20px;border-block:1px solid var(--line)}.reference-row a{height:86px;padding:19px;border-right:1px solid var(--line)}.reference-row a:last-child{border-right:0}.reference-row img{width:100%;height:100%;object-fit:contain;filter:contrast(1.1)}.proof-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.proof-grid div{display:flex;align-items:center;gap:12px}.proof-grid svg{color:var(--blue)}.studio-band{display:grid;grid-template-columns:1fr 1.1fr;align-items:center;overflow:hidden;padding:0 48px 0 0}.studio-band .brand-graphic{align-self:stretch;display:grid;place-items:center;background:linear-gradient(135deg,#f7fbff,#e8f2ff)}.studio-band>div:last-child{padding:45px}.text-link{display:inline-flex;align-items:center;gap:8px;color:var(--blue);font-weight:750}.final-cta{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:26px;padding:32px 42px;border-radius:9px 9px 0 0;background:linear-gradient(110deg,#123e70,#287fbe 62%,#2db7dd);color:#fff}.final-cta h2{font-size:26px;margin:0}.final-cta p{margin:2px 0 0;color:#dceaff}.final-cta-icon{display:grid;place-items:center;width:68px;height:68px;border:2px solid #fff;border-radius:50%;font-size:33px}.site-footer{background:#051938;color:#fff;padding:44px 0 24px}.footer-grid{display:grid;grid-template-columns:1.45fr repeat(4,1fr);gap:34px}.footer-grid h2{margin:0 0 14px;font-size:13px}.footer-grid p,.footer-grid a,.footer-grid span{display:flex;align-items:center;gap:8px;margin:0 0 7px;color:#bfcaDA;font-size:11px}.footer-grid a:hover{color:#fff}.brand--footer{margin-bottom:12px;font-size:16px}.footer-bottom{display:flex;justify-content:space-between;margin-top:28px;padding-top:20px;border-top:1px solid #234063;color:#a8b6c9;font-size:11px}.footer-bottom a{display:flex;align-items:center;gap:8px}.internal-hero{padding-block:90px;background:linear-gradient(120deg,#f4f8fd,#fff)}.internal-hero-grid{display:grid;grid-template-columns:1.3fr .7fr;align-items:center;gap:80px}.internal-hero h1{font-size:clamp(38px,4.5vw,61px)}.service-symbol{display:grid;place-items:center;aspect-ratio:1;border:1px solid #c8dcf7;border-radius:50%;background:radial-gradient(circle,#fff,#eaf4ff);box-shadow:var(--shadow);color:var(--blue)}.service-symbol svg{width:78px;height:78px;stroke-width:1}.service-symbol span{margin-top:-30%;font-size:12px;font-weight:700}.split-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px}.check-list{display:grid;gap:12px;margin:0;padding:0;list-style:none}.check-list li{display:flex;align-items:flex-start;gap:14px;padding:18px;border-bottom:1px solid var(--line);font-weight:600}.check-list svg{flex:0 0 22px;color:var(--blue)}.feature-list{display:grid;grid-template-columns:1fr 1fr;gap:20px}.feature-list div{padding:25px;background:#fff;border:1px solid var(--line);border-radius:8px}.feature-list span,.content-grid article>span{color:var(--blue);font-size:12px;font-weight:800}.feature-list p{margin:8px 0 0;font-weight:600}.content-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.content-grid article{padding:30px;border:1px solid var(--line);border-radius:8px}.content-grid h2{font-size:22px}.content-grid--about article{min-height:290px}.faq-wrap{display:grid;grid-template-columns:.75fr 1.25fr;gap:90px}.faq-wrap details{padding:20px 0;border-bottom:1px solid #cad7e8}.faq-wrap summary{cursor:pointer;font-weight:700}.faq-wrap details p{color:var(--muted)}.related-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.related-grid a{display:grid;grid-template-columns:1fr auto;gap:8px;padding:28px;border:1px solid var(--line);border-radius:8px}.related-grid span{grid-column:1;color:var(--muted);font-size:13px}.related-grid svg{grid-column:2;grid-row:1 / 3;align-self:center;color:var(--blue)}.contact-page{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;padding-block:100px}.direct-contact{margin-top:42px;padding-top:26px;border-top:1px solid var(--line)}.direct-contact span{display:block;color:var(--muted);font-size:13px}.direct-contact a{color:var(--blue);font-weight:750}.contact-form{padding:36px;border:1px solid var(--line);border-radius:10px;background:#fff;box-shadow:var(--shadow)}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.contact-form label{display:block;margin-bottom:18px;font-size:12px;font-weight:750}.contact-form input,.contact-form select,.contact-form textarea{display:block;width:100%;margin-top:7px;padding:12px 14px;border:1px solid #bdcadb;border-radius:5px;background:#fff;color:var(--ink)}.contact-form textarea{resize:vertical}.honeypot{position:absolute!important;left:-9999px!important}.form-status{min-height:24px;margin:14px 0 0;font-size:13px}.form-status--success{color:#087746}.form-status--error{color:#b42318}
@media(max-width:900px){.site-header{height:72px}.menu-button{display:block}.main-nav{position:absolute;top:71px;left:0;right:0;display:none;align-items:stretch;flex-direction:column;gap:6px;padding:20px;background:#fff;border-bottom:1px solid var(--line);box-shadow:var(--shadow)}.main-nav.is-open{display:flex}.main-nav>a,.services-menu>button{width:100%;text-align:left}.services-menu>button{justify-content:space-between}.services-popover{position:static;width:100%;display:none;opacity:1;visibility:visible;transform:none;box-shadow:none}.services-popover.is-open{display:block}.hero,.internal-hero-grid,.studio-band,.contact-page{grid-template-columns:1fr}.hero{padding-block:55px}.hero .brand-graphic{max-width:650px;margin:auto;order:-1}.problem-band,.split-section,.faq-wrap{grid-template-columns:1fr}.problem-grid{grid-template-columns:1fr 1fr}.method-grid{gap:30px}.method-grid li:not(:last-child):after{display:none}.studio-band{padding:0}.footer-grid{grid-template-columns:1.4fr 1fr 1fr}.final-cta{grid-template-columns:auto 1fr}.final-cta .button-row{grid-column:2}.internal-hero-grid{gap:35px}.service-symbol,.internal-hero .brand-graphic{max-width:360px}.contact-page{gap:45px;padding-block:70px}}
@media(max-width:650px){.shell{width:min(100% - 28px,1180px)}.hero{min-height:auto}.hero h1,.internal-hero h1,.contact-page h1{font-size:36px}.hero .brand-graphic{margin-inline:-8px}.button-row .button{width:100%}.section{padding-block:62px}.service-grid,.method-grid,.content-grid,.related-grid,.feature-list,.proof-grid{grid-template-columns:1fr}.service-card{min-height:310px}.problem-band{padding:28px 20px}.problem-grid{grid-template-columns:1fr 1fr}.problem-grid div:nth-child(odd){border-left:0}.problem-grid div{border-top:1px solid var(--line)}.experience-band{padding:26px 20px}.reference-row{grid-template-columns:repeat(2,1fr)}.reference-row a{border-bottom:1px solid var(--line)}.reference-row a:last-child{grid-column:1 / -1}.studio-band>div:last-child{padding:30px 22px}.final-cta{grid-template-columns:1fr;padding:30px 22px;text-align:center}.final-cta-icon{margin:auto}.final-cta .button-row{grid-column:1}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1 / -1}.footer-bottom{gap:18px;flex-direction:column}.internal-hero{padding-block:55px}.service-symbol{max-width:250px}.split-section{gap:30px}.field-grid{grid-template-columns:1fr}.contact-form{padding:24px 18px}.contact-page{padding-block:55px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
.final-cta-icon{position:relative;width:64px;height:64px;border:1px solid rgba(255,255,255,.4);border-radius:10px;background:rgba(255,255,255,.08);overflow:hidden}
.final-cta-icon:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.16),transparent 60%)}
.final-cta-icon svg{position:relative;width:29px;height:29px;stroke-width:1.7}
.service-symbol{position:relative;display:flex;aspect-ratio:4/3;align-items:flex-start;justify-content:flex-end;flex-direction:column;overflow:hidden;padding:34px;border:1px solid #bddbe8;border-radius:10px;background:linear-gradient(135deg,#f9fdff 0%,#edf8fb 48%,#edf3fa 100%);box-shadow:var(--shadow);color:var(--ink)}
.service-symbol:before,.service-symbol:after{content:"";position:absolute;pointer-events:none}
.service-symbol:before{inset:0;background-image:linear-gradient(rgba(45,183,221,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(45,183,221,.09) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(120deg,#000,transparent 74%)}
.service-symbol:after{top:32px;right:32px;width:82px;height:82px;border-top:1px solid rgba(40,127,190,.3);border-right:1px solid rgba(40,127,190,.3)}
.service-symbol-mark{position:absolute;top:34px;right:36px;opacity:.15}
.service-symbol-mark .brand-mark{width:112px;height:112px}
.service-symbol-icon{position:relative;display:grid;place-items:center;width:76px;height:76px;margin-bottom:22px;border:1px solid rgba(40,127,190,.28);border-radius:8px;background:rgba(255,255,255,.86);color:var(--blue);box-shadow:0 12px 30px rgba(24,82,127,.08)}
.service-symbol-icon svg{width:36px;height:36px;stroke-width:1.5}
.service-symbol span{position:relative;margin:0;max-width:75%;font-size:15px;font-weight:750;letter-spacing:-.02em;color:var(--ink)}
@media(max-width:650px){.service-symbol{max-width:100%;padding:26px}.service-symbol-mark{top:24px;right:26px}.service-symbol-mark .brand-mark{width:88px;height:88px}.service-symbol-icon{width:66px;height:66px}.final-cta-icon{margin-inline:auto}}
.reference-row a{position:relative}
.reference-row .reference-logo{position:absolute;inset:19px;width:calc(100% - 38px);height:calc(100% - 38px);object-fit:contain;transition:opacity .22s ease,transform .22s ease}
.reference-logo--mono{opacity:1}
.reference-logo--color{opacity:0}
.reference-row a:hover .reference-logo--mono,.reference-row a:focus-visible .reference-logo--mono{opacity:0;transform:scale(.98)}
.reference-row a:hover .reference-logo--color,.reference-row a:focus-visible .reference-logo--color{opacity:1;transform:scale(1.03)}
.studio-band--simple{position:relative;display:block;overflow:hidden;padding:52px 56px;background:linear-gradient(110deg,#f3f9fc,#fff)}
.studio-band--simple:after{content:"";position:absolute;right:38px;top:50%;width:190px;height:190px;transform:translateY(-50%);background:url("/logo-mts-official.png") center/contain no-repeat;opacity:.055;pointer-events:none}
.studio-band--simple>div{position:relative;z-index:1;max-width:720px;padding:0}
@media(max-width:650px){.studio-band--simple{padding:36px 24px}.studio-band--simple:after{right:-24px;width:150px;height:150px}.reference-row .reference-logo{inset:16px;width:calc(100% - 32px);height:calc(100% - 32px)}}
h1,h2,h3,.button,.main-nav,.service-symbol span{font-family:Quicksand,sans-serif}
@media(max-width:900px){.hero>.brand-graphic{display:none}.hero{display:block;min-height:auto}.hero-copy{max-width:720px}}
.privacy-hint{max-width:620px;margin:4px 0 22px;color:var(--muted);font-size:12px;line-height:1.6}.privacy-hint a{color:var(--blue);font-weight:700;text-decoration:underline;text-underline-offset:3px}
.legal-page{max-width:900px;padding-block:80px 100px}.legal-page>header{padding-bottom:34px;border-bottom:1px solid var(--line)}.legal-page h1{max-width:760px;margin:0 0 18px;font-size:clamp(38px,5vw,62px);line-height:1.08;letter-spacing:-.045em}.legal-page>header p{max-width:720px;margin:0;color:var(--muted);font-size:18px}.legal-page>header small{display:block;margin-top:14px;color:var(--muted)}.legal-page section{padding:34px 0;border-bottom:1px solid var(--line)}.legal-page section h2{margin:0 0 14px;font-size:25px}.legal-page section p{margin:9px 0;color:var(--muted)}.legal-page a{color:var(--blue);font-weight:650;text-decoration:underline;text-underline-offset:3px}.legal-notice{margin:32px 0 0;padding:22px 24px;border:1px solid #e7c97b;border-radius:8px;background:#fff9e9}.legal-notice strong{display:block;margin-bottom:5px}.legal-notice p{margin:0;color:#685626}.legal-page dl{margin:0}.legal-page dl div{display:grid;grid-template-columns:220px 1fr;gap:24px;padding:12px 0;border-bottom:1px solid #edf1f5}.legal-page dl div:last-child{border-bottom:0}.legal-page dt{font-weight:700}.legal-page dd{margin:0;color:var(--muted)}
@media(max-width:650px){.legal-page{padding-block:56px 76px}.legal-page h1{font-size:36px}.legal-page>header p{font-size:16px}.legal-page dl div{grid-template-columns:1fr;gap:3px}.legal-notice{padding:18px}}
.reference-row{gap:30px;padding-block:10px;border:0}
.reference-row a,.reference-row a:last-child{height:72px;padding:8px;border:0}
.button--light:hover,.button--light:focus-visible{background:#e5f7fb;color:#123e70;border-color:#e5f7fb}
.button--outline:hover,.button--outline:focus-visible{background:var(--blue-dark);color:#fff;border-color:var(--blue-dark)}
.internal-hero-grid--service{display:block}.internal-hero-grid--service>div{max-width:880px}
.service-deep-dive>h2{max-width:720px}.service-detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:42px;margin-top:40px}.service-detail-grid article{padding-top:20px;border-top:2px solid var(--cyan)}.service-detail-grid h3{margin:0 0 10px;font-size:20px}.service-detail-grid p{margin:0;color:var(--muted)}.service-context{max-width:820px;margin:38px 0 0;color:var(--muted)}.service-context a{color:var(--blue);font-weight:750;text-decoration:underline;text-underline-offset:3px}
.reference-row .reference-logo{inset:8px;width:calc(100% - 16px);height:calc(100% - 16px)}
@media(max-width:650px){.service-detail-grid{grid-template-columns:1fr;gap:24px}.reference-row{gap:18px}.reference-row a,.reference-row a:last-child{border:0}.reference-row .reference-logo{inset:8px;width:calc(100% - 16px);height:calc(100% - 16px)}}