.msp-vartai-page {
	--vg-ink: #121719;
	--vg-muted: #687073;
	--vg-paper: #f5f3ed;
	--vg-white: #fff;
	--vg-dark: #081014;
	--vg-line: rgba(18, 23, 25, .14);
	--vg-gold: #c5a45d;
	--vg-blue: #58bce8;
	color: var(--vg-ink);
	background: var(--vg-paper);
	font-family: "Bai Jamjuree", Arial, sans-serif;
}

.msp-vartai-page *, .msp-vartai-page *::before, .msp-vartai-page *::after { box-sizing: border-box; }
.msp-vartai-page h1, .msp-vartai-page h2, .msp-vartai-page h3, .msp-vartai-page p { margin-top: 0; }
.msp-vartai-page h1, .msp-vartai-page h2, .msp-vartai-page h3 { letter-spacing: -.055em; }
.msp-vartai-page h2 { margin-bottom: 0; font-size: clamp(38px, 5.1vw, 72px); font-weight: 600; line-height: .98; }
.msp-vartai-page a { text-underline-offset: 4px; }

.msp-vartai-eyebrow {
	display: flex;
	gap: 13px;
	align-items: center;
	margin-bottom: 22px;
	color: #8d6c28;
	font-family: "Jura", Arial, sans-serif;
	font-size: 9px;
	font-weight: 700;
	letter-spacing: .18em;
	text-transform: uppercase;
}
.msp-vartai-eyebrow::before { content: ""; width: 30px; height: 1px; background: currentColor; }

.msp-vartai-button {
	display: inline-flex;
	min-height: 52px;
	padding: 0 24px;
	align-items: center;
	justify-content: center;
	color: #0d1214;
	font-family: "Jura", Arial, sans-serif;
	font-size: 9px;
	font-weight: 700;
	letter-spacing: .13em;
	text-decoration: none;
	text-transform: uppercase;
	border: 1px solid transparent;
	transition: transform .25s ease, background .25s ease, border-color .25s ease;
}
.msp-vartai-button:hover { transform: translateY(-2px); }
.msp-vartai-button.is-primary { background: var(--vg-gold); border-color: var(--vg-gold); }
.msp-vartai-button.is-dark { color: #fff; background: var(--vg-dark); border-color: var(--vg-dark); }

.msp-vartai-hero {
	position: relative;
	min-height: min(850px, calc(100svh - 86px));
	padding: clamp(96px, 10vw, 150px) 0 78px;
	overflow: hidden;
	color: #eef3f5;
	background: radial-gradient(circle at 74% 40%, rgba(36, 96, 125, .2), transparent 33%), linear-gradient(130deg, #070d11 0%, #0a1318 55%, #071016 100%);
}
.msp-vartai-hero::before { content: ""; position: absolute; inset: 0; opacity: .13; background-image: linear-gradient(rgba(255,255,255,.18) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.18) 1px, transparent 1px); background-size: 54px 54px; mask-image: linear-gradient(90deg, transparent 4%, #000 60%, transparent); }
.msp-vartai-hero__grid { position: relative; display: grid; grid-template-columns: minmax(0, .92fr) minmax(520px, 1.08fr); gap: clamp(50px, 8vw, 120px); align-items: center; }
.msp-vartai-hero__copy h1 { max-width: 12ch; margin-bottom: 30px; color: #fff; font-size: clamp(54px, 6.9vw, 100px); font-weight: 500; line-height: .89; }
.msp-vartai-lead { max-width: 690px; margin-bottom: 30px; color: rgba(228, 238, 242, .68); font-size: clamp(15px, 1.15vw, 18px); line-height: 1.75; }
.msp-vartai-actions { display: flex; gap: 24px; align-items: center; margin-top: 36px; }
.msp-vartai-text-link { color: #dce6e9; font-family: "Jura", Arial, sans-serif; font-size: 9px; font-weight: 700; letter-spacing: .13em; text-decoration: none; text-transform: uppercase; }
.msp-vartai-text-link span { padding-left: 10px; color: var(--vg-gold); }
.msp-vartai-proof { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0; margin: 64px 0 0; padding: 0; list-style: none; border-top: 1px solid rgba(255,255,255,.13); }
.msp-vartai-proof li { display: grid; gap: 10px; padding: 20px 18px 0 0; color: rgba(225,234,238,.6); font-size: 10px; line-height: 1.45; border-right: 1px solid rgba(255,255,255,.1); }
.msp-vartai-proof li:last-child { padding-left: 18px; border-right: 0; }
.msp-vartai-proof li:nth-child(2) { padding-left: 18px; }
.msp-vartai-proof span { color: var(--vg-gold); font-family: "Jura", Arial, sans-serif; font-size: 9px; letter-spacing: .12em; }

.msp-vartai-plan { position: relative; padding: 22px; background: rgba(10,18,23,.75); border: 1px solid rgba(113,190,224,.25); box-shadow: 0 34px 100px rgba(0,0,0,.34); backdrop-filter: blur(12px); }
.msp-vartai-plan__top, .msp-vartai-plan__status { display: flex; justify-content: space-between; color: rgba(216,232,239,.54); font-family: "Jura", Arial, sans-serif; font-size: 8px; letter-spacing: .14em; text-transform: uppercase; }
.msp-vartai-plan__top strong { color: var(--vg-blue); font-size: inherit; }
.msp-vartai-plan__field { position: relative; height: 480px; margin: 20px 0; overflow: hidden; border: 1px solid rgba(255,255,255,.12); background-color: #0b151b; background-image: linear-gradient(rgba(87,175,214,.08) 1px, transparent 1px), linear-gradient(90deg, rgba(87,175,214,.08) 1px, transparent 1px); background-size: 40px 40px; }
.msp-vartai-plan__road { position: absolute; top: -10%; left: 34%; width: 32%; height: 120%; background: linear-gradient(90deg, transparent, rgba(255,255,255,.055) 15%, rgba(255,255,255,.055) 85%, transparent); border-right: 1px dashed rgba(255,255,255,.13); border-left: 1px dashed rgba(255,255,255,.13); }
.msp-vartai-plan__gate { position: absolute; top: 50%; left: 12%; width: 76%; height: 12px; transform: translateY(-50%); }
.msp-vartai-plan__gate::before, .msp-vartai-plan__gate::after { content: ""; position: absolute; top: -15px; width: 9px; height: 40px; background: #171f23; border: 1px solid rgba(197,164,93,.5); }
.msp-vartai-plan__gate::before { left: 0; }.msp-vartai-plan__gate::after { right: 0; }
.msp-vartai-plan__gate i { position: absolute; left: 8px; width: 70%; height: 12px; border: 1px solid var(--vg-gold); background: repeating-linear-gradient(90deg, rgba(197,164,93,.2) 0 10px, transparent 10px 20px); animation: mspGateServiceOpen 7s ease-in-out infinite; }
.msp-vartai-plan__gate b { position: absolute; right: 14%; width: 13%; height: 2px; top: 5px; background: rgba(88,188,232,.6); }
.msp-vartai-plan__car { position: absolute; top: 18%; left: 50%; width: 76px; height: 132px; transform: translateX(-50%); border: 2px solid rgba(221,231,236,.7); border-radius: 22px 22px 14px 14px; animation: mspGateServiceCar 7s ease-in-out infinite; }
.msp-vartai-plan__car::before { content: ""; position: absolute; inset: 22px 9px 38px; border: 1px solid rgba(221,231,236,.35); border-radius: 14px 14px 6px 6px; }
.msp-vartai-plan__car i { position: absolute; width: 5px; height: 20px; background: rgba(88,188,232,.8); }.msp-vartai-plan__car i:nth-child(1),.msp-vartai-plan__car i:nth-child(2){top:22px}.msp-vartai-plan__car i:nth-child(3),.msp-vartai-plan__car i:nth-child(4){bottom:22px}.msp-vartai-plan__car i:nth-child(odd){left:-7px}.msp-vartai-plan__car i:nth-child(even){right:-7px}
.msp-vartai-plan__sensor { position: absolute; top: calc(50% - 6px); width: 9px; height: 9px; background: var(--vg-blue); border-radius: 50%; box-shadow: 0 0 20px var(--vg-blue); }.msp-vartai-plan__sensor.is-left{left:24%}.msp-vartai-plan__sensor.is-right{right:24%}.msp-vartai-plan__sensor i { position: absolute; top: 3px; width: 190px; height: 1px; background: linear-gradient(90deg, var(--vg-blue), transparent); transform-origin: left; animation: mspGateSensor 2s ease-in-out infinite; }.msp-vartai-plan__sensor.is-right i { right: 4px; transform-origin: right; background: linear-gradient(90deg, transparent, var(--vg-blue)); }
.msp-vartai-plan__drive { position: absolute; top: calc(50% + 28px); left: 14%; display: grid; gap: 6px; color: var(--vg-gold); text-align: center; }.msp-vartai-plan__drive span { display: grid; place-items: center; width: 42px; height: 42px; border: 1px solid rgba(197,164,93,.55); }.msp-vartai-plan__drive small{font-family:"Jura",Arial,sans-serif;font-size:7px;letter-spacing:.12em}
.msp-vartai-plan__route { position:absolute;top:12%;right:10%;display:grid;gap:10px}.msp-vartai-plan__route i{width:5px;height:5px;background:var(--vg-blue);border-radius:50%;opacity:.2;animation:mspGateSignal 1.6s linear infinite}.msp-vartai-plan__route i:nth-child(2){animation-delay:.3s}.msp-vartai-plan__route i:nth-child(3){animation-delay:.6s}.msp-vartai-plan__route i:nth-child(4){animation-delay:.9s}
.msp-vartai-plan__status span { display: flex; gap: 8px; align-items: center; }.msp-vartai-plan__status i { width: 6px; height: 6px; background: #55d696; border-radius: 50%; box-shadow: 0 0 12px #55d696; }

.msp-vartai-situations, .msp-vartai-system, .msp-vartai-price, .msp-vartai-process, .msp-vartai-faq { padding: clamp(90px, 10vw, 150px) 0; }
.msp-vartai-heading { display: grid; grid-template-columns: minmax(0, 1fr) minmax(300px, .47fr); gap: 60px; align-items: end; margin-bottom: clamp(50px, 6vw, 86px); }
.msp-vartai-heading > p { margin: 0; color: var(--vg-muted); font-size: 13px; line-height: 1.75; }
.msp-vartai-heading.is-light h2 { color: #fff; }.msp-vartai-heading.is-light > p { color: rgba(225,234,238,.6); }
.msp-vartai-situation-grid { display: grid; grid-template-columns: repeat(4, 1fr); border: 1px solid var(--vg-line); background: var(--vg-line); gap: 1px; }
.msp-vartai-situation-grid article { min-height: 330px; padding: 28px; background: #fff; }.msp-vartai-situation-grid article > span { float: right; color: #9ba1a3; font-family:"Jura",Arial,sans-serif;font-size:9px}.msp-vartai-situation-grid small { color:#9a762e;font-family:"Jura",Arial,sans-serif;font-size:8px;letter-spacing:.14em;text-transform:uppercase}.msp-vartai-situation-grid h3 { max-width: 14ch; margin: 108px 0 16px; font-size: 22px; line-height: 1.05; }.msp-vartai-situation-grid p { margin: 0; color: var(--vg-muted); font-size: 11px; line-height: 1.65; }

.msp-vartai-types { padding: clamp(90px, 10vw, 150px) 0; color: #e8eef0; background: #080e11; }
.msp-vartai-types__grid { display:grid;grid-template-columns:repeat(3,1fr);border:1px solid rgba(255,255,255,.12)}.msp-vartai-types__grid article{min-height:430px;padding:28px;border-right:1px solid rgba(255,255,255,.12)}.msp-vartai-types__grid article:last-child{border-right:0}.msp-vartai-types__grid small{color:var(--vg-gold);font-family:"Jura",Arial,sans-serif;font-size:8px;letter-spacing:.15em}.msp-vartai-types__grid h3{max-width:15ch;margin:32px 0 14px;color:#fff;font-size:25px;line-height:1.05}.msp-vartai-types__grid p{margin:0;color:rgba(225,234,238,.56);font-size:11px;line-height:1.7}
.msp-vartai-type-diagram{position:relative;height:165px;margin-bottom:32px;background-image:linear-gradient(rgba(88,188,232,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(88,188,232,.08) 1px,transparent 1px);background-size:22px 22px}.msp-vartai-type-diagram::before,.msp-vartai-type-diagram::after{content:"";position:absolute;bottom:20px;width:8px;height:70px;background:#1c262a;border:1px solid rgba(197,164,93,.5)}.msp-vartai-type-diagram::before{left:8%}.msp-vartai-type-diagram::after{right:8%}.msp-vartai-type-diagram span,.msp-vartai-type-diagram i{position:absolute;border:1px solid rgba(197,164,93,.85)}.msp-vartai-type-diagram b{position:absolute;width:28px;height:20px;background:rgba(88,188,232,.14);border:1px solid rgba(88,188,232,.5)}.is-sliding span{left:12%;right:12%;bottom:28px;height:54px;background:repeating-linear-gradient(90deg,rgba(197,164,93,.15) 0 8px,transparent 8px 16px)}.is-sliding i{left:18%;right:18%;bottom:16px;height:1px}.is-sliding b{right:12%;bottom:2px}.is-swing span,.is-swing i{bottom:20px;width:40%;height:72px}.is-swing span{left:9%;transform-origin:left bottom;transform:skewY(-18deg)}.is-swing i{right:9%;transform-origin:right bottom;transform:skewY(18deg)}.is-swing b{left:calc(50% - 14px);bottom:0}.is-barrier span{left:12%;right:20%;bottom:64px;height:7px;transform-origin:left;transform:rotate(-7deg);background:repeating-linear-gradient(90deg,var(--vg-gold) 0 18px,#e8edf0 18px 36px)}.is-barrier i{left:12%;bottom:20px;width:30px;height:46px}.is-barrier b{right:12%;bottom:20px}

.msp-vartai-flow { display:grid;grid-template-columns:repeat(4,1fr);margin:0;padding:0;list-style:none;border:1px solid var(--vg-line)}.msp-vartai-flow li{min-height:300px;padding:28px;border-right:1px solid var(--vg-line)}.msp-vartai-flow li:last-child{border-right:0}.msp-vartai-flow span{color:#99762d;font-family:"Jura",Arial,sans-serif;font-size:9px}.msp-vartai-flow strong{display:block;max-width:14ch;margin-top:105px;font-size:19px;line-height:1.15}.msp-vartai-flow p{margin:13px 0 0;color:var(--vg-muted);font-size:11px;line-height:1.65}

.msp-vartai-control{padding:clamp(95px,10vw,150px) 0;color:#e6eef1;background:linear-gradient(135deg,#071019,#0b1922)}.msp-vartai-control__grid{display:grid;grid-template-columns:minmax(0,.66fr) minmax(520px,1.34fr);gap:clamp(60px,9vw,130px);align-items:start}.msp-vartai-control__grid>div:first-child{position:sticky;top:130px}.msp-vartai-control h2{max-width:11ch;color:#fff}.msp-vartai-control__grid>div:first-child>p:last-child{max-width:560px;margin:28px 0 0;color:rgba(225,234,238,.58);font-size:13px;line-height:1.8}.msp-vartai-control__options{display:grid;grid-template-columns:repeat(2,1fr);border:1px solid rgba(255,255,255,.13)}.msp-vartai-control__options article,.msp-vartai-control__options a{min-height:265px;padding:28px;color:inherit;text-decoration:none;border-right:1px solid rgba(255,255,255,.13);border-bottom:1px solid rgba(255,255,255,.13);transition:background .25s ease}.msp-vartai-control__options>*:nth-child(even){border-right:0}.msp-vartai-control__options>*:nth-last-child(-n+2){border-bottom:0}.msp-vartai-control__options a:hover{background:rgba(88,188,232,.06)}.msp-vartai-control__options small{color:var(--vg-gold);font-family:"Jura",Arial,sans-serif;font-size:8px;letter-spacing:.14em}.msp-vartai-control__options strong{display:block;max-width:14ch;margin-top:68px;color:#fff;font-size:20px;line-height:1.12}.msp-vartai-control__options p{margin:13px 0 0;color:rgba(225,234,238,.54);font-size:11px;line-height:1.6}.msp-vartai-control__options span{display:block;margin-top:22px;color:var(--vg-blue);font-family:"Jura",Arial,sans-serif;font-size:8px;letter-spacing:.12em;text-transform:uppercase}

.msp-vartai-price{background:#fff}.msp-vartai-price__grid{display:grid;grid-template-columns:minmax(0,.75fr) minmax(520px,1.25fr);gap:clamp(70px,10vw,150px);align-items:start}.msp-vartai-price h2{max-width:11ch}.msp-vartai-price__grid>div>p:nth-of-type(2){max-width:560px;margin:28px 0;color:var(--vg-muted);font-size:13px;line-height:1.75}.msp-vartai-price ol{margin:0;padding:0;list-style:none;border-top:1px solid var(--vg-line)}.msp-vartai-price li{display:grid;grid-template-columns:50px 1fr;gap:18px;padding:24px 0;border-bottom:1px solid var(--vg-line)}.msp-vartai-price li>span{color:#99762d;font-family:"Jura",Arial,sans-serif;font-size:9px}.msp-vartai-price li p{display:grid;gap:6px;margin:0}.msp-vartai-price li strong{font-size:15px}.msp-vartai-price li small{color:var(--vg-muted);font-size:11px}

.msp-vartai-process ol{display:grid;grid-template-columns:repeat(4,1fr);margin:0;padding:0;list-style:none;border-top:1px solid var(--vg-line);border-bottom:1px solid var(--vg-line)}.msp-vartai-process li{min-height:220px;padding:27px;border-right:1px solid var(--vg-line)}.msp-vartai-process li:last-child{border-right:0}.msp-vartai-process span{color:#9b762c;font-family:"Jura",Arial,sans-serif;font-size:9px}.msp-vartai-process strong{display:block;margin-top:60px;font-size:16px}.msp-vartai-process p{margin:12px 0 0;color:var(--vg-muted);font-size:10px;line-height:1.6}

.msp-vartai-faq{background:#fff}.msp-vartai-faq__grid{display:grid;grid-template-columns:minmax(0,.65fr) minmax(520px,1.35fr);gap:clamp(70px,10vw,150px)}.msp-vartai-faq h2{max-width:10ch}.msp-vartai-faq details{border-top:1px solid var(--vg-line)}.msp-vartai-faq details:last-child{border-bottom:1px solid var(--vg-line)}.msp-vartai-faq summary{position:relative;padding:25px 48px 25px 0;font-size:14px;font-weight:600;cursor:pointer;list-style:none}.msp-vartai-faq summary::-webkit-details-marker{display:none}.msp-vartai-faq summary::after{content:"+";position:absolute;right:10px;color:#a37c2e;font-size:20px;font-weight:300}.msp-vartai-faq details[open] summary::after{content:"–"}.msp-vartai-faq details p{max-width:700px;margin:-4px 0 25px;color:var(--vg-muted);font-size:12px;line-height:1.7}

.msp-vartai-cta{padding:78px 0;color:#eef4f6;background:#080e12}.msp-vartai-cta .msp-shell{display:grid;grid-template-columns:1fr auto;gap:60px;align-items:end}.msp-vartai-cta h2{max-width:18ch;color:#fff;font-size:clamp(38px,4.8vw,66px)}

@keyframes mspGateServiceOpen{0%,38%,100%{transform:translateX(0)}55%,82%{transform:translateX(-50%)}}
@keyframes mspGateServiceCar{0%,20%{transform:translate(-50%,0)}55%,100%{transform:translate(-50%,240px)}}
@keyframes mspGateSensor{0%,100%{opacity:.35;transform:scaleX(.6)}50%{opacity:1;transform:scaleX(1)}}
@keyframes mspGateSignal{0%{opacity:.15;transform:translateY(0)}50%{opacity:1}100%{opacity:.15;transform:translateY(12px)}}

@supports (content-visibility: auto) {
	.msp-vartai-situations,.msp-vartai-types,.msp-vartai-system,.msp-vartai-control,.msp-vartai-price,.msp-vartai-process,.msp-vartai-faq,.msp-vartai-cta{content-visibility:auto;contain-intrinsic-size:auto 850px}
}

@media(max-width:1100px){.msp-vartai-hero__grid{grid-template-columns:1fr}.msp-vartai-plan{max-width:760px}.msp-vartai-situation-grid,.msp-vartai-flow{grid-template-columns:repeat(2,1fr)}.msp-vartai-situation-grid article:nth-child(2),.msp-vartai-flow li:nth-child(2){border-right:0}.msp-vartai-control__grid,.msp-vartai-price__grid,.msp-vartai-faq__grid{grid-template-columns:1fr}.msp-vartai-control__grid>div:first-child{position:static}.msp-vartai-control h2,.msp-vartai-price h2,.msp-vartai-faq h2{max-width:14ch}}
@media(max-width:760px){.msp-vartai-hero{min-height:auto;padding:90px 0 60px}.msp-vartai-hero__grid{gap:55px}.msp-vartai-hero__copy h1{font-size:52px}.msp-vartai-actions{align-items:stretch;flex-direction:column}.msp-vartai-text-link{padding:12px 0}.msp-vartai-proof{grid-template-columns:1fr}.msp-vartai-proof li,.msp-vartai-proof li:nth-child(2),.msp-vartai-proof li:last-child{padding:15px 0;border-right:0;border-bottom:1px solid rgba(255,255,255,.1)}.msp-vartai-plan{padding:14px}.msp-vartai-plan__field{height:390px}.msp-vartai-heading{grid-template-columns:1fr;gap:25px}.msp-vartai-page h2{font-size:42px}.msp-vartai-situation-grid,.msp-vartai-types__grid,.msp-vartai-flow,.msp-vartai-control__options,.msp-vartai-process ol{grid-template-columns:1fr}.msp-vartai-situation-grid article,.msp-vartai-types__grid article,.msp-vartai-flow li,.msp-vartai-control__options article,.msp-vartai-control__options a,.msp-vartai-process li{border-right:0;border-bottom:1px solid var(--vg-line)}.msp-vartai-types__grid article{border-color:rgba(255,255,255,.12)}.msp-vartai-control__options>*:nth-last-child(-n+2){border-bottom:1px solid rgba(255,255,255,.13)}.msp-vartai-control__options>*:last-child{border-bottom:0}.msp-vartai-price__grid,.msp-vartai-faq__grid{gap:58px}.msp-vartai-cta .msp-shell{grid-template-columns:1fr;align-items:start}.msp-vartai-cta .msp-vartai-button{justify-self:start}}
@media(prefers-reduced-motion:reduce){.msp-vartai-page *,.msp-vartai-page *::before,.msp-vartai-page *::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* WCAG AA contrast refinements for technical labels. */
.msp-vartai-page .msp-vartai-eyebrow,
.msp-vartai-situation-grid small,
.msp-vartai-flow span,
.msp-vartai-price li > span,
.msp-vartai-process span { color: #75561a; }
.msp-vartai-situation-grid article > span { color: #657074; }
.msp-vartai-hero .msp-vartai-eyebrow,
.msp-vartai-types .msp-vartai-eyebrow,
.msp-vartai-control .msp-vartai-eyebrow,
.msp-vartai-cta .msp-vartai-eyebrow,
.msp-vartai-types__grid small,
.msp-vartai-control__options small { color: #d6b86e; }

@supports (content-visibility: auto) {
	.msp-vartai-types,
	.msp-vartai-control,
	.msp-vartai-cta {
		content-visibility: visible;
		contain-intrinsic-size: none;
	}
}