/* Liquid Glass presentation reference: luminous canvas, translucent surfaces,
   rounded geometry, restrained highlights. TECHWELL turquoise identity. */
:root{--ink:#123e4b;--muted:#48646e;--line:rgba(70,121,135,.18);--glass:rgba(255,255,255,.72);--shadow:0 18px 60px rgba(21,76,94,.09),inset 0 1px 0 #fff}
html{scroll-padding-top:160px}body{background:radial-gradient(ellipse at 8% 15%,#d5f0f1 0,transparent 45%),radial-gradient(ellipse at 95% 32%,#e6eafa 0,transparent 40%),linear-gradient(160deg,#f6f9fd,#e9f4f6 55%,#f6f9fd);color:var(--ink)}
header{position:relative;z-index:5;margin:22px auto;width:calc(100% - 48px);max-width:1440px;min-height:96px;padding:22px 30px;border-radius:28px;border:1px solid rgba(255,255,255,.95);background:rgba(255,255,255,.78);box-shadow:var(--shadow);backdrop-filter:blur(24px) saturate(150%);-webkit-backdrop-filter:blur(24px) saturate(150%)}
nav a{padding:8px 12px;border-radius:30px;transition:background .2s}nav{gap:4px}nav a:hover{background:rgba(17,109,115,.08)}.nav-cta{border:0;border-radius:40px;padding:12px 18px;background:rgba(17,109,115,.07)}
.language-switch{padding:4px;background:rgba(236,244,247,.75);border:1px solid #fff;border-radius:30px}.language-switch button{border-radius:24px}.language-switch button[aria-pressed=true]{background:#fff;border-color:rgba(17,109,115,.16);box-shadow:0 3px 10px #0f4c5c12}
.hero{margin:0 24px;border-radius:40px;padding:64px 5% 26px;min-height:660px;isolation:isolate;background:#dcecee;color:var(--ink);border:1px solid #fff;box-shadow:var(--shadow)}
.hero-image{left:38%;opacity:.9;background-position:center}.hero-shade{background:linear-gradient(90deg,#e9f4f6 0%,rgba(233,244,246,.96) 32%,rgba(229,242,246,.68) 55%,rgba(229,242,246,.06) 100%)}
.hero-content{max-width:690px;padding:34px 40px 38px;border:1px solid rgba(255,255,255,.85);border-radius:32px;background:rgba(255,255,255,.65);box-shadow:0 24px 70px rgba(19,62,78,.08),inset 0 1px 1px #fff;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.hero .eyebrow{color:var(--ocean);font-size:12px;letter-spacing:.12em;margin-bottom:22px}h1{font-size:clamp(54px,6.1vw,88px);line-height:1.03;letter-spacing:-.055em}h1 em{color:var(--ocean)}.hero-copy{color:#385c68;font-size:17px;margin:24px 0}.button{border:1px solid rgba(255,255,255,.75);border-radius:40px;background:linear-gradient(135deg,#197c83,#0f4c5c);box-shadow:0 7px 20px #0f4c5c26,inset 0 1px 0 #ffffff66;color:#fff;padding:15px 22px;transition:transform .2s,box-shadow .2s}.button:hover{background:#116d73;transform:translateY(-2px);box-shadow:0 10px 24px #0f4c5c35}
.hero-bottom{margin-top:35px;border-top:1px solid #ffffffa6;color:var(--ink);padding:18px 18px 0;font-weight:600}.hero-bottom>span{background:#ffffffa6;padding:8px 14px;border-radius:30px}.hero-bottom a{background:#ffffffc9;padding:8px 14px;border-radius:30px}
.section{padding:90px 7%}.about{background:transparent;border-bottom:0;gap:6%}.about p:not(.eyebrow){color:var(--muted)}h2{letter-spacing:-.035em}.services{background:transparent;padding-top:20px}.service-grid{gap:24px}.service,.service+.service,.service:last-child{background:rgba(255,255,255,.66);border:1px solid #ffffffeb;border-radius:28px;padding:32px;box-shadow:var(--shadow);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);transition:transform .2s,background .2s}.service:hover{transform:translateY(-4px);background:rgba(255,255,255,.86)}.service p{color:var(--muted)}.service-top{margin-bottom:30px}.service-top>span{padding:6px 12px;border:1px solid #fff;background:#e0f0f2;border-radius:20px}.service svg{background:#edf6f8;border-radius:14px;padding:8px;width:52px;height:52px}.service h3{font-size:28px}.detail{color:var(--muted)}summary{min-height:48px}
.approach{margin:0 24px;border-radius:36px;background:radial-gradient(ellipse at 100% 100%,#217c85,transparent 65%),linear-gradient(135deg,#0f3d4d,#0f4c5c);border:1px solid #ffffffaa;box-shadow:0 24px 60px #0f4c5c1a;gap:7%;padding:64px 6%}.approach ol{display:grid;gap:14px}.approach li{padding:22px 24px;border:1px solid #ffffff38;border-radius:22px;background:linear-gradient(130deg,#ffffff17,#ffffff08);box-shadow:inset 0 1px 0 #ffffff26}.approach li p{color:#deeff1}.approach h3{font-size:20px}.approach>div>p:last-child{color:#d4e8e9}
footer{background:transparent;padding:42px 6%;margin-top:14px}.brand{flex-shrink:0}.skip{z-index:20}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){header,.hero-content,.service{background:#f4f9fb}}
@media(min-width:1600px){.hero,.approach{max-width:1440px;margin-left:auto;margin-right:auto}.section,footer{padding-left:max(7%,calc((100vw - 1280px)/2));padding-right:max(7%,calc((100vw - 1280px)/2))}.approach{padding:70px}}
@media(max-width:1100px){header .nav-cta{display:none}.hero-content{max-width:620px}.service{padding:26px}.service-grid{gap:16px}}
@media(max-width:800px){html{scroll-padding-top:30px}header{width:calc(100% - 28px);margin:14px;padding:20px;border-radius:24px;gap:16px}.brand{font-size:25px}header nav{gap:0;justify-content:space-between;font-size:14px}nav a{padding:8px 6px}.hero{margin:0 14px;padding:24px 18px 18px;border-radius:28px;min-height:auto}.hero-image{left:0;opacity:.45}.hero-shade{background:linear-gradient(135deg,#e9f4f6c9,#e9f4f64d)}.hero-content{padding:28px 24px;max-width:100%;border-radius:24px;background:#ffffffc2}.hero h1{font-size:clamp(48px,9vw,72px)}.hero-bottom{margin-top:22px;padding:0;border:0}.hero-bottom>span{display:none}.hero-bottom a{font-size:14px}.section{padding:58px 6%}.services{padding-top:0}.service-grid{gap:18px}.service,.service+.service,.service:last-child{padding:28px}.service p{min-height:0}.approach{margin:0 14px;padding:38px 24px;border-radius:28px;gap:25px}.approach li{padding:20px;gap:16px}.about{gap:8px}html[lang=mn] h1{font-size:clamp(36px,7vw,58px)}footer{padding:32px 6%}}
@media(max-width:410px){header{padding:16px 12px;gap:14px 6px}.brand{font-size:23px;min-width:144px}.language-switch{gap:0;padding:2px}.language-switch button{padding:6px 4px}.hero{padding:16px 12px}.hero-content{padding:26px 18px}.hero .eyebrow{font-size:12px;letter-spacing:.04em}.hero h1{font-size:50px}html[lang=mn] h1{font-size:35px}.button{font-size:14px;gap:16px}.service h3{font-size:26px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}.service:hover,.button:hover{transform:none}}
@media(prefers-contrast:more){header,.hero-content,.service{background:#fff;border-color:#64767a}.hero-copy,.service p,.detail{color:#123e4b}}

/* Four service cards in balanced rows, with comfortable bilingual widths. */
.service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.service p{min-height:0}.service{display:flex;flex-direction:column}.service details{margin-top:auto}@media(max-width:800px){.service-grid{grid-template-columns:1fr}}

.hero .eyebrow{line-height:1.8}footer p{max-width:540px}nav{flex-shrink:1}