@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');
:root{--ink:#102036;--muted:#4c5f72;--mustard:#ffb900;--orange:#ec9100;--cream:#fff9ed;--line:#e7eaf0;--max:1200px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:white;font-family:Inter,Arial,sans-serif;color:var(--ink);font-size:16px;line-height:1.65}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}.container{width:min(var(--max),calc(100% - 64px));margin:auto}.site-header{background:#fff;border-bottom:1px solid #f0eee9;position:sticky;top:0;z-index:50}.header-inner{min-height:80px;display:flex;align-items:center;justify-content:space-between;gap:18px}.logo{font-size:27px;font-weight:800;letter-spacing:-1.3px;line-height:1}.logo .orange{color:var(--orange)}.brand-sub{font-size:11px;color:#48556a;font-weight:600;letter-spacing:0;display:block;margin-top:5px}.nav{display:flex;align-items:center;gap:30px}.nav a{font-size:15px;font-weight:600}.nav a.active{color:#b57500;border-bottom:3px solid var(--mustard);padding-bottom:12px;padding-top:15px}.header-actions{display:flex;gap:12px}.btn{display:inline-flex;justify-content:center;align-items:center;gap:10px;border-radius:9px;padding:12px 22px;font-size:15px;font-weight:750;border:1px solid #e6a400;background:#ffb900;line-height:1.3;transition:transform .2s,background .2s}.btn:hover{transform:translateY(-2px);background:#ffc928}.btn.secondary{background:white;border:1.5px solid #e0a100}.btn.dark{background:#0b1721;color:white;border-color:#0b1721}.menu-toggle{display:none;background:#fff;border:1px solid #ddd;border-radius:8px;padding:7px 12px;font-size:23px}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(36px,4.5vw,58px);letter-spacing:-.045em;line-height:1.13;margin-bottom:18px}h2{font-size:clamp(27px,3vw,37px);line-height:1.2;letter-spacing:-.035em;margin-bottom:13px}h3{font-size:21px;line-height:1.3;letter-spacing:-.02em;margin-bottom:11px}.accent{color:var(--orange)}.eyebrow{font-size:13px;letter-spacing:.20em;color:#996009;font-weight:800;text-transform:uppercase;margin-bottom:12px}.lede{font-size:18px;color:var(--muted);line-height:1.7}.copy{color:var(--muted)}.crumb{font-size:14px;color:#966520;margin-bottom:22px}.crumb a:hover{text-decoration:underline}.soft{background:linear-gradient(115deg,#fff9ed 0%,#fff 67%,#fff8e6 100%)}.block{padding:75px 0}.block.tight{padding:55px 0}.section-head{display:flex;align-items:end;gap:38px;justify-content:space-between;margin-bottom:28px}.section-head>p{max-width:440px;color:var(--muted)}.grid{display:grid;gap:22px}.four{grid-template-columns:repeat(4,1fr)}.three{grid-template-columns:repeat(3,1fr)}.two{grid-template-columns:repeat(2,1fr)}.panel{padding:27px;background:white;border:1px solid var(--line);border-radius:17px;box-shadow:0 9px 28px rgba(30,40,60,.035)}.panel p{font-size:16px;color:var(--muted)}.icon-round{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:#fff0cd;color:#d99000;font-size:28px;margin-bottom:17px}.list{padding-left:22px;margin:14px 0 0}.list li{margin:9px 0;font-size:16px;color:var(--muted)}.tick-list{list-style:none;padding-left:0}.tick-list li{position:relative;padding-left:30px;margin:11px 0;font-size:16px;color:var(--muted)}.tick-list li:before{content:'✓';position:absolute;left:0;top:2px;background:#ffbd19;color:#12222e;width:20px;height:20px;border-radius:50%;font-size:13px;font-weight:800;text-align:center;line-height:20px}.split{display:grid;grid-template-columns:1fr 1fr;gap:58px;align-items:center}.split.wide{grid-template-columns:1.05fr .95fr}.feature-band{border-radius:25px;background:var(--cream);padding:38px}.pill-link{display:inline-block;padding:11px 18px;border-radius:40px;background:white;box-shadow:0 3px 20px #101e3110;margin:7px 9px 0 0;font-size:14px;font-weight:700}.pill-link:hover{background:#fff1cb}.faq-item{border:1px solid var(--line);border-radius:10px;margin:11px 0;background:white}.faq-item summary{cursor:pointer;padding:15px 18px;font-weight:650;list-style:none;display:flex;align-items:center;justify-content:space-between;font-size:15px}.faq-item summary::after{content:'+';color:#e7a000;font-size:24px}.faq-item[open] summary::after{content:'−'}.faq-item p{padding:0 18px 16px;color:var(--muted);margin:0}.cta{margin:36px auto 42px;padding:25px 31px;background:linear-gradient(90deg,#ffd756,#ffb400);border-radius:17px;display:flex;align-items:center;justify-content:space-between;gap:24px}.cta h2{font-size:25px;margin-bottom:5px}.cta p{margin:0}.site-footer{background:#141b1c;color:white;padding:43px 0 20px}.foot-grid{display:grid;grid-template-columns:1.5fr repeat(5,1fr);gap:32px}.foot-grid h4{margin:0 0 12px}.foot-grid a{display:block;font-size:14px;color:#e4e7e6;margin:9px 0}.foot-grid a:hover{color:#ffc323}.foot-sub{font-size:12px;color:#d0d5d8;margin-top:12px}.foot-bottom{border-top:1px solid #475052;margin-top:36px;padding-top:18px;display:flex;justify-content:space-between;gap:15px;color:#ccd2d3;font-size:13px}.foot-bottom a{margin-left:15px}.mock-stage{position:relative;border-radius:35px;padding:24px;min-height:340px;background:radial-gradient(ellipse at 52% 48%,#ffe6a0,#fff8e7 67%,transparent 68%);display:flex;align-items:center;justify-content:center}.laptop{width:100%;max-width:570px;border:12px solid #222a30;border-bottom-width:17px;border-radius:18px;background:white;box-shadow:0 14px 19px #131b2740;overflow:hidden;transform:perspective(1200px) rotateY(-2deg)}.laptop-top{background:#f8f9fc;border-bottom:1px solid #e9e9e9;padding:8px 13px;font-size:12px;font-weight:800}.mock-main{padding:20px;min-height:220px}.mock-bars{display:flex;gap:9px;align-items:flex-end;height:92px}.mock-bars i{display:block;flex:1;background:linear-gradient(#ffc849,#ec9800);border-radius:4px 4px 0 0}.stat-row{display:flex;gap:9px;margin:12px 0}.stat-row b{flex:1;background:#f4f8fa;border-radius:9px;padding:12px 8px;text-align:center;font-size:16px}.stat-row small{display:block;font-weight:500;font-size:11px;color:#6d7c89}.phone{width:180px;height:355px;background:white;border:9px solid #172026;border-radius:29px;padding:13px 10px;box-shadow:0 15px 26px #1a24243d;flex:none}.phone:before{content:'';display:block;width:66px;height:9px;border-radius:0 0 11px 11px;background:#172026;margin:-13px auto 20px}.phone h4{font-size:15px;margin:0 0 12px}.phone .tiles{display:grid;grid-template-columns:1fr 1fr;gap:7px}.phone .tiles b{min-height:67px;display:grid;place-items:center;font-size:12px;text-align:center;border-radius:11px;background:#fff1cd}.phone .tiles b:nth-child(2){background:#ffe4e4}.phone .tiles b:nth-child(3){background:#e0f0ff}.phone .tiles b:nth-child(4){background:#ddf9ec}.mock-title{font-size:22px;font-weight:800;letter-spacing:-1px}.omr-sheet{width:150px;background:#fff;box-shadow:0 9px 30px #0002;padding:18px;transform:rotate(-9deg);border-radius:8px;flex:none}.bubble-row{display:flex;justify-content:space-between;padding:3px 0}.bubble-row span{border:1px solid #b2b8c4;width:13px;height:13px;border-radius:100%}.chart{display:flex;align-items:end;gap:9px;height:95px}.chart span{flex:1;background:linear-gradient(#ffc536,#ed9500);height:var(--bar);border-radius:5px 5px 0 0}.table-mock{width:100%;border-collapse:collapse}.table-mock td,.table-mock th{padding:9px;border-bottom:1px solid #edf0f0;font-size:12px;text-align:left}.table-mock th{background:#f7f7f7}.table-mock td:last-child{color:#0c9e60;font-weight:700}.tag{display:inline-block;padding:4px 9px;background:#dff8e8;border-radius:20px;color:#138254;font-size:12px;font-weight:700}.visual-icon{font-size:48px}.product-nav{display:flex;justify-content:space-between;gap:12px;margin-top:-20px;position:relative;z-index:2;flex-wrap:wrap}.product-nav a{background:white;border:1px solid #f1f0e8;border-radius:50px;padding:13px 21px;font-size:14px;font-weight:700;box-shadow:0 7px 19px #22334410}.product-nav a:hover{background:#fff4d4}.hero{padding:48px 0 65px}.hero .split{min-height:370px}.highlights{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.highlight{display:flex;gap:16px;align-items:center;font-weight:650;padding:18px}.highlight .icon-round{margin:0;flex:none}.aside-note{padding:22px;background:#fff4d9;border-left:4px solid var(--mustard);border-radius:8px}.label{font-weight:750;font-size:14px;color:#946009;letter-spacing:.12em;text-transform:uppercase}.comparison .panel{height:100%}.comparison .panel h3{color:#15273b}.product-category{font-size:14px;letter-spacing:.18em;font-weight:800;color:#9a6115;margin-bottom:11px;text-transform:uppercase}
@media(max-width:1050px){.nav{gap:14px}.header-actions .btn{padding:10px 12px}.foot-grid{grid-template-columns:repeat(3,1fr)}.four{grid-template-columns:repeat(2,1fr)}.highlights{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.container{width:min(100% - 34px,var(--max))}.header-inner{min-height:70px}.header-actions{display:none}.menu-toggle{display:block}.nav{display:none;position:absolute;left:0;right:0;top:70px;background:white;flex-direction:column;align-items:stretch;padding:20px 25px;box-shadow:0 13px 17px #0002}.nav.open{display:flex}.nav a.active{padding:5px 0}.split,.split.wide{grid-template-columns:1fr;gap:28px}.hero{padding:35px 0 50px}.block{padding:45px 0}.block.tight{padding:34px 0}.three,.two{grid-template-columns:1fr}.four{grid-template-columns:1fr 1fr}.section-head{display:block}.mock-stage{min-height:300px}.laptop{max-width:450px}.foot-grid{grid-template-columns:repeat(2,1fr);gap:22px}.foot-bottom{flex-direction:column}.foot-bottom a{margin-left:0;margin-right:11px}.cta{display:block}.cta .btn{margin-top:18px}.feature-band{padding:21px}.product-nav{margin-top:0}}@media(max-width:460px){.four,.highlights{grid-template-columns:1fr}.phone{width:145px;height:304px}.mock-stage{padding:10px}.panel{padding:22px}.stat-row b{font-size:12px}}


/* MeritSky v2: simple shared navigation, compact content cards and balanced grids */
.site-header .header-inner { gap:14px }
.nav { display:flex; align-items:center; gap:clamp(9px,1.45vw,22px) }
.nav > a, .ms-nav-trigger { font:inherit; font-weight:650; color:inherit; line-height:1.3; white-space:nowrap; }
.ms-nav-group { position:relative; display:flex; align-items:center }
.ms-nav-trigger { border:0; background:transparent; padding:18px 0; cursor:pointer; }
.ms-nav-trigger span { margin-left:4px; font-size:15px; color:#a76e00 }
.ms-nav-group.active > .ms-nav-trigger { color:#bc7900; }
.ms-nav-dropdown { display:none; position:absolute; top:100%; left:-15px; min-width:225px; background:#fff; border:1px solid #eee3cf; border-radius:12px; box-shadow:0 14px 35px #111b2633; z-index:300; padding:8px; }
.ms-nav-dropdown a { display:block !important; padding:10px 12px !important; border-radius:7px; font-size:13px; font-weight:600; line-height:1.45; color:#19304a !important; border:0 !important; }
.ms-nav-dropdown a:after { display:none !important }
.ms-nav-dropdown a:hover { background:#fff2d4; color:#a66300 !important }
.ms-nav-group:hover .ms-nav-dropdown,.ms-nav-group:focus-within .ms-nav-dropdown,.ms-nav-group.ms-open .ms-nav-dropdown { display:block; }
.ms-header-social { display:flex; align-items:center; gap:7px }
.ms-header-social span { width:25px; height:25px; border:1px solid #e9d9b6; border-radius:50%; display:grid; place-items:center; color:#775529; background:#fff9ed; font-size:11px; font-weight:850; cursor:default; }
.header-actions { gap:9px }
.header-actions .ms-contact-cta { background:#ffb900 !important; border:1px solid #e6a400 !important; color:#15212f !important; padding:11px 14px !important; border-radius:9px; white-space:nowrap; }
.ms-footer-contact { display:block }
.ms-footer-contact a { display:block; overflow-wrap:anywhere; }
.foot-grid { grid-template-columns:1.4fr repeat(4,minmax(0,1fr)) }
.footer-grid { grid-template-columns:1.6fr repeat(4,minmax(0,1fr)) }
/* inline, unobtrusive icon labels in cards */
.panel>.icon-round,.s-card>.s-symbol {display:inline-grid; width:31px;height:31px;line-height:1;margin:0 9px 9px 0; vertical-align:middle; font-size:17px; border-radius:9px; }
.panel>.icon-round + h3,.s-card>.s-symbol + h3 {display:inline;vertical-align:middle;line-height:1.4;}
.panel>.icon-round + h3 + p,.s-card>.s-symbol + h3 + p {margin-top:12px}
.panel>.number,.panel>.step-number{display:none!important}
.panel,.s-card { height:100%; }
.panel p,.s-card p { font-size:15px; line-height:1.58 }
.ms-six-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; margin-top:20px }
.ms-six-grid .s-card:nth-child(6n + 1),.ms-six-grid .s-card:nth-child(6n + 4){background:#fff6e4}
.ms-six-grid .s-card:nth-child(6n + 2),.ms-six-grid .s-card:nth-child(6n + 5){background:#f0f7ff}
.ms-six-grid .s-card:nth-child(6n + 3),.ms-six-grid .s-card:nth-child(6n + 6){background:#f1f8f0}
.ms-six-grid .s-card {padding:22px 23px; border-color:#e9e6db}
.s-card .s-card-copy {max-width:100%}
.s-card .s-card-copy p {max-width:100%;}
.s-section .s-three>.s-card:nth-child(3n + 1),.s-section .s-four>.s-card:nth-child(4n + 1) {background:#fff7e8}
.s-section .s-three>.s-card:nth-child(3n + 2),.s-section .s-four>.s-card:nth-child(4n + 2) {background:#f3f8ff}
.s-section .s-three>.s-card:nth-child(3n + 3),.s-section .s-four>.s-card:nth-child(4n + 3) {background:#f3f9f1}
.s-section .s-card p {max-width:100%}
.ms-parent-profile {background:linear-gradient(115deg,#fff7e5,#f3f8ff); border:1px solid #ece4d7; border-radius:18px; padding:25px; margin-top:25px}
.ms-parent-profile h3 {margin-bottom:10px}
.ms-parent-profile p {max-width:900px;line-height:1.65}
.ms-stat-strip {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-top:17px}
.ms-stat-strip>div {background:#fff;border:1px solid #efe7dc;border-radius:12px;padding:18px}
.ms-stat-strip strong {font-size:clamp(24px,2.8vw,34px);color:#d88200;display:block;line-height:1.2}
.ms-stat-strip span {font-size:13px;font-weight:650;display:block;margin-top:5px}
.catalogue-features {align-items:stretch}
.catalogue-features>div {min-height:96px}
.catalogue-features>div strong {display:block;line-height:1.4}
.catalogue-features>div span {display:block;line-height:1.5;margin-top:8px}
@media(max-width:1120px){.ms-header-social{display:none}.nav{gap:12px}.header-actions .ms-contact-cta{padding:10px 12px!important}}
@media(max-width:850px){.ms-header-social{display:none}.header-actions{display:none}}
@media(max-width:760px){.nav{display:none;gap:2px!important}.nav.open,.nav.is-open {display:flex;flex-direction:column;align-items:stretch;}.nav> a {padding:11px 0!important}.ms-nav-group{display:block;width:100%}.ms-nav-trigger{padding:11px 0;text-align:left;width:100%}.ms-nav-dropdown{position:static;box-shadow:none;border:0;border-left:2px solid #ffbc21;border-radius:0;margin-left:10px;padding:0 0 0 9px;display:none}.ms-nav-group:hover .ms-nav-dropdown{display:none}.ms-nav-group.ms-open .ms-nav-dropdown,.ms-nav-group:focus-within .ms-nav-dropdown{display:block}.ms-six-grid{grid-template-columns:1fr 1fr}.ms-stat-strip{grid-template-columns:1fr 1fr}.footer-grid,.foot-grid{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.ms-six-grid,.ms-stat-strip{grid-template-columns:1fr}.ms-parent-profile{padding:18px}}

.ms-spotlight .container {background:linear-gradient(115deg,#fff1cb,#f5f9ff);border:1px solid #f3ead7;border-radius:20px;padding-top:26px;padding-bottom:26px;}
.ms-spotlight p {max-width:850px;}


/* MeritSky v3: parent-company international customer information */
.ms-global-presence {display:flex;align-items:center;justify-content:space-between;gap:24px;
  margin:23px 0 5px;padding:19px 20px;background:#fff;border:1px solid #eadfca;border-radius:13px;}
.ms-global-copy {flex:1 1 310px;min-width:0;}
.ms-global-copy>strong {display:block;font-size:18px;color:#15283b;line-height:1.3;margin-bottom:5px;}
.ms-global-copy>p {margin:0!important;color:#4a5d72;font-size:14px;line-height:1.6;}
.ms-region-list {display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-start;flex:1 1 340px;}
.ms-region-list>span {background:#fff6e3;border:1px solid #efd9ab;border-radius:30px;padding:7px 12px;
  color:#795110;font-weight:750;font-size:12px;line-height:1.4;white-space:nowrap;}
@media(max-width:800px){.ms-global-presence {flex-direction:column;align-items:stretch;gap:14px;}
.ms-global-copy,.ms-region-list{flex:auto;}}
@media(max-width:480px){.ms-global-presence{padding:16px;}.ms-region-list>span{font-size:11px;padding:6px 10px;}}


/* MeritSky v4: approved logo and compact navigation */
.site-header .ms-custom-brand{display:flex!important;flex-direction:column;align-items:flex-start;justify-content:center;gap:1px;
  width:207px;max-width:207px;min-width:180px;padding:3px 0!important;font-size:inherit;line-height:1.15;letter-spacing:normal;text-decoration:none!important;}
.site-header .ms-logo-img{display:block;width:205px;max-width:100%;height:auto;object-fit:contain;}
.site-header .ms-header-tagline{display:block;color:#34455b;font-size:10px;font-weight:650;line-height:1.2;letter-spacing:0;white-space:nowrap;margin-top:1px;}
.ms-nav-trigger{display:inline-flex!important;align-items:center;gap:8px;}
.ms-nav-trigger .ms-menu-chevron{display:inline-block;width:7px;height:7px;flex:none;border-right:1.7px solid currentColor;border-bottom:1.7px solid currentColor;
  transform:rotate(45deg) translateY(-2px);transition:transform .16s ease;opacity:.8;margin:0 2px 0 0;}
.ms-nav-group.ms-open .ms-menu-chevron{transform:rotate(225deg) translate(-2px,-1px)}
.ms-footer-brand{display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:0!important;max-width:220px;color:inherit;text-decoration:none;}
.ms-footer-brand-panel{display:flex;background:#fff;border-radius:9px;padding:8px 9px;max-width:200px;min-width:150px;box-sizing:border-box;}
.ms-footer-brand-panel img{width:100%;height:auto;object-fit:contain;display:block;}
.ms-whatsapp-link{display:flex!important;flex-direction:row!important;align-items:center!important;gap:9px;color:#e7f8ed!important;white-space:nowrap;font-size:13px!important;font-weight:650;margin:11px 0!important;}
.ms-whatsapp-link svg{fill:#25d366;width:20px;height:20px;flex:none;display:block;}
.ms-whatsapp-link:hover{color:#88efb4!important;}
.header-inner .nav{gap:clamp(10px,1.5vw,24px)!important;}
.header-inner{gap:12px!important;}
@media(max-width:1300px){.ms-header-social{display:none!important;}.header-inner .nav{gap:13px!important}}
@media(max-width:1050px){.site-header .ms-custom-brand{width:180px;min-width:170px}.site-header .ms-logo-img{width:178px}.site-header .ms-header-tagline{font-size:9px}}
@media(max-width:850px){.header-inner .nav{gap:0!important}}
@media(max-width:760px){.site-header .ms-custom-brand{width:175px;min-width:0}.site-header .ms-logo-img{width:174px}}
