:root{--navy:#0F4C5C;--blue:#116D73;--ink:#0F4C5C;--muted:#64767A;--line:#cbe0e1}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:#fff;color:var(--ink);font-family:Aptos,Inter,Arial,sans-serif;font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}a:focus-visible,summary:focus-visible{outline:3px solid #1C9AA0;outline-offset:6px}.skip{position:absolute;top:-100px;left:10px;z-index:10;background:white;padding:12px}.skip:focus{top:10px}header{min-height:108px;display:flex;align-items:center;justify-content:space-between;padding:24px 5%;gap:28px}.brand{display:flex;align-items:center;gap:12px;font-size:18px;font-weight:800;letter-spacing:.05em;line-height:1.3}.brand-symbol{color:var(--blue);font-size:43px;letter-spacing:-10px;margin-right:10px;font-weight:900}.brand small{display:block;font-size:10px;letter-spacing:.22em;margin-top:5px}nav{display:flex;gap:34px;font-size:14px}nav a:hover,footer>a:last-child:hover{color:var(--blue)}.nav-cta{font-size:14px;border-bottom:1px solid var(--ink);padding:8px 0}.nav-cta span{margin-left:18px}.hero{position:relative;min-height:680px;overflow:hidden;background:var(--navy);color:white;padding:74px 6% 26px;display:flex;flex-direction:column;justify-content:space-between}.hero-image,.hero-shade{position:absolute;inset:0}.hero-image{background-image:url('hero.jpg');background-size:cover;background-position:center 52%}.hero-shade{background:linear-gradient(90deg,rgba(4,24,43,.93) 0%,rgba(5,27,45,.8) 35%,rgba(7,30,47,.18) 100%)}.hero-content,.hero-bottom{position:relative;z-index:1}.eyebrow{font-size:12px;letter-spacing:.18em;font-weight:700;margin:0 0 27px}.hero .eyebrow{color:#6FD7D6}h1{font-size:clamp(44px,5.45vw,82px);line-height:1.04;letter-spacing:-.045em;margin:0;font-weight:500}h1 em{font-style:normal;color:#6FD7D6}.hero-copy{max-width:475px;color:#F4F8F8;margin:27px 0 29px;font-size:17px;line-height:1.65}.button{display:inline-flex;gap:47px;align-items:center;background:var(--blue);padding:15px 22px;font-size:14px;font-weight:600}.button:hover{background:#0F4C5C}.hero-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:65px;padding-top:23px;border-top:1px solid #ffffff40;font-size:11px;letter-spacing:.08em}.hero-bottom a{font-size:12px;letter-spacing:0}.hero-bottom a span{margin-left:20px}.section{padding:90px 6%;scroll-margin-top:20px}.about{display:grid;grid-template-columns:1fr 2fr;gap:70px;border-bottom:1px solid var(--line)}.blue{color:var(--blue)}h2{font-weight:500;font-size:clamp(31px,3.2vw,47px);letter-spacing:-.04em;line-height:1.14;margin:0 0 28px}.about>div{max-width:750px}.about p:not(.eyebrow){color:var(--muted);max-width:650px;font-size:17px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:28px;margin-bottom:35px}.section-heading h2{margin:0}.section-heading>p{color:var(--muted);font-size:16px}.services{background:#F4F8F8}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.service{padding:32px 30px;background:white}.service+.service{border-left:1px solid var(--line)}.service-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:33px;color:var(--blue);font-size:13px}.service svg{width:45px;height:45px;fill:none;stroke:var(--blue);stroke-width:1.25}.service h3{font-weight:500;font-size:29px;letter-spacing:-.035em;line-height:1.15;margin:0 0 20px}.service p{color:var(--muted);min-height:102px;margin-bottom:25px}details{border-top:1px solid var(--line);font-size:14px}summary{display:flex;justify-content:space-between;cursor:pointer;padding-top:18px;list-style:none;font-weight:600}summary::-webkit-details-marker{display:none}summary span{font-size:20px;line-height:1.1;color:var(--blue)}details[open] summary span{transform:rotate(45deg)}.detail{margin-top:16px;color:var(--muted);line-height:1.6}.approach{background:var(--navy);color:#fff;display:grid;grid-template-columns:1fr 1fr;gap:10%}.approach .eyebrow{color:#6FD7D6}.approach>div>p:last-child{color:#d4e8e9;max-width:300px}.approach ol{padding:0;margin:0;list-style:none}.approach li{display:flex;gap:25px;border-top:1px solid #ffffff30;padding:24px 0}.approach li>span{color:#6FD7D6;font-size:13px;padding-top:4px}.approach h3{font-size:21px;font-weight:500;margin:0 0 8px}.approach li p{font-size:15px;color:#d4e8e9;margin:0}footer{padding:35px 6%;display:flex;justify-content:space-between;align-items:center;gap:24px}footer p,footer>a:last-child{font-size:13px;color:var(--muted)}@media(min-width:1600px){header,.section,footer{padding-left:max(6%,calc((100vw - 1440px)/2));padding-right:max(6%,calc((100vw - 1440px)/2))}.hero{padding-left:max(6%,calc((100vw - 1440px)/2))}}@media(max-width:800px){header{flex-wrap:wrap;padding:20px 6%;gap:22px}.brand{font-size:16px}nav{order:3;width:100%;gap:25px;font-size:14px}.nav-cta{font-size:12px}.hero{min-height:630px;padding-top:55px}.hero-shade{background:linear-gradient(90deg,#04182beb,#051b2daf)}.hero-bottom>span{display:none}.hero-bottom{justify-content:flex-end}.section{padding:60px 6%}.about{grid-template-columns:1fr;gap:5px}.section-heading{display:block}.section-heading>p{margin-top:22px}.service-grid{grid-template-columns:1fr}.service+.service{border-left:0;border-top:1px solid var(--line)}.service{padding:28px}.service-top{margin-bottom:20px}.service p{min-height:0}.approach{grid-template-columns:1fr;gap:25px}footer{flex-wrap:wrap}footer p{width:100%;order:3;margin:0}}@media(max-width:410px){.nav-cta{display:none}h1{font-size:42px}.eyebrow{font-size:11px;letter-spacing:.12em}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.language-switch{display:flex;gap:4px;margin-left:auto;flex-shrink:0}.language-switch button{display:flex;align-items:center;gap:6px;min-height:44px;padding:8px;border:1px solid transparent;border-radius:5px;background:transparent;color:var(--ink);font:600 14px Aptos,Inter,Arial,sans-serif;cursor:pointer}.language-switch button[aria-pressed=true]{background:#e3f3f3;border-color:#116D73;color:#0F4C5C}.language-switch button:hover{background:#e3f3f3}.language-switch button:focus-visible{outline:3px solid #1C9AA0;outline-offset:3px}.language-switch img{display:block;object-fit:cover;border-radius:2px;box-shadow:0 0 0 1px #0002}header{gap:20px}nav{gap:22px;flex-wrap:wrap}.brand>span:last-child{min-width:0}summary>span[data-i18n]{font-size:14px;line-height:1.6;color:inherit}details[open] summary>span[data-i18n]{transform:none}.nav-cta>span[data-i18n]{margin-left:0}.hero-bottom a>span[data-i18n]{margin-left:0}.hero-bottom>span[data-i18n]{max-width:75%}html[lang=mn] h1{font-size:clamp(36px,4.8vw,72px);line-height:1.13;letter-spacing:-.025em}html[lang=mn] h2{letter-spacing:-.025em;line-height:1.22}.service{min-width:0}h1,h2,h3{overflow-wrap:break-word}@media(max-width:1150px){header .nav-cta{display:none}}@media(max-width:800px){header{gap:16px}nav{order:3;gap:12px 22px}header .brand{max-width:calc(100% - 154px)}.language-switch{align-self:flex-start}.hero .eyebrow{line-height:1.7}.hero-content{min-width:0}}@media(max-width:410px){header{padding-left:4%;padding-right:4%;gap:10px}.brand{font-size:14px;gap:6px}.brand small{letter-spacing:.08em}.brand-symbol{font-size:30px;margin-right:5px}.language-switch button{padding:6px;gap:4px;font-size:12px}.language-switch img{width:21px;height:14px}header .brand{max-width:calc(100% - 135px)}html[lang=mn] h1{font-size:36px}}

/* TECHWELL — Dark Turquoise brandbook, digital applications. */
:root{--ocean:#116D73;--turquoise:#1C9AA0;--aqua:#6FD7D6;--mist:#F4F8F8}
body{background:var(--mist)}
header{background:#fff;padding-top:28px;padding-bottom:28px}
.brand{min-width:160px;font-family:"Aptos Display",Montserrat,Aptos,Arial,sans-serif;font-size:28px;letter-spacing:-.035em;line-height:1.05;display:block}
.brand-name{white-space:nowrap}.wordmark-accent{color:var(--turquoise)}
.brand small{font-family:Aptos,Inter,Arial,sans-serif;font-size:14px;font-weight:400;letter-spacing:.015em;line-height:1.35;margin-top:7px}
h1,h2,h3{font-family:"Aptos Display",Montserrat,Aptos,Arial,sans-serif;font-weight:600}
.hero{min-height:650px;padding-top:64px;padding-bottom:24px}
.hero-image{left:52%;background-position:63% center}
.hero-shade{background:linear-gradient(90deg,#0F4C5C 0%,#0F4C5C 43%,rgba(15,76,92,.85) 55%,rgba(15,76,92,.12) 100%)}
.hero-content{max-width:680px}h1{font-size:clamp(56px,6.5vw,94px);font-weight:700;letter-spacing:-.045em;line-height:1.03}
.hero-copy{max-width:470px}.hero .eyebrow{font-size:13px;letter-spacing:.13em}
.button{background:var(--aqua);color:var(--navy);font-size:16px;padding:16px 24px}.button:hover{background:#fff}
.hero-bottom{font-size:12px}.hero-bottom a{font-size:14px}
.about{background:#fff}.about h2{color:var(--navy)}
.services{background:var(--mist)}.service-grid{border:0;gap:22px}.service{border-top:3px solid var(--ocean);padding:32px 26px}.service+.service{border-left:0}.service:nth-child(2){border-top-color:var(--turquoise)}.service:nth-child(3){border-top-color:var(--aqua)}
.service h3{font-size:28px}.service-top{font-size:14px}.service p{min-height:112px}.service summary{gap:14px;align-items:start}
.approach{background:var(--navy)}.approach li>span{font-size:14px}.approach li p{font-size:16px}.eyebrow{font-size:14px;letter-spacing:.13em}
footer{background:#fff;padding-top:42px;padding-bottom:42px}footer p,footer>a:last-child{font-size:14px}
html[lang=mn] h1{font-size:clamp(42px,5.3vw,76px);line-height:1.14}html[lang=mn] h1 em{display:none}html[lang=mn] h1 br:last-of-type{display:none}
@media(max-width:1050px){header{flex-wrap:wrap}header nav{order:3;width:100%}.hero-content{max-width:620px}.service-grid{gap:12px}.service{padding:26px 20px}}
@media(max-width:800px){header .brand{max-width:none}.brand{font-size:26px}.hero{min-height:600px;padding-top:48px}.hero-image{left:0;opacity:.25}.hero-shade{background:linear-gradient(90deg,#0F4C5C 0%,rgba(15,76,92,.65) 100%)}.hero-copy{max-width:480px}.service-grid{gap:20px}.service+.service{border-top:3px solid var(--turquoise)}.service:last-child{border-top-color:var(--aqua)}.service p{min-height:0}.service{padding:28px}.hero-bottom{margin-top:45px}}
@media(max-width:410px){header{padding:22px 5%;gap:18px 8px}.brand{font-size:24px;min-width:152px}.brand small{font-size:12px;letter-spacing:0}.language-switch button{font-size:12px}.hero h1{font-size:56px}.hero .eyebrow{font-size:12px;letter-spacing:.06em}html[lang=mn] h1{font-size:42px}.eyebrow{font-size:13px}.button{gap:20px}}