/* Desktop navigation: one horizontal row with visible dropdown indicators. */
@media(min-width:901px){
 .nav nav{display:flex;flex-wrap:nowrap;align-items:center;gap:clamp(12px,2vw,28px);white-space:nowrap}
 .nav nav>a,.nav-platform,.nav-countries,.nav-trigger{display:flex;align-items:center;white-space:nowrap}
 .nav-trigger{gap:8px}
 .nav-chevron{font-size:12px;line-height:1;opacity:.72;transition:transform .18s ease}
 .nav-trigger[aria-expanded=true] .nav-chevron{transform:rotate(180deg)}
}
@media(min-width:901px) and (max-width:1120px){
 .nav{gap:16px;padding-left:22px;padding-right:22px}
 .nav nav{gap:13px;font-size:12px}
 .nav>.button{padding:10px 12px}
 .brand{font-size:17px}
}
/* Full-bleed, single-slide hero inspired by the supplied reference page. */
.hero.hero-full{width:100%;max-width:none;min-height:max(640px,calc(100svh - 130px));margin:0;padding:clamp(48px,7vh,82px) 0;display:flex;align-items:center;overflow:hidden;border:0;border-radius:0;box-shadow:none;color:#fff;background-color:#07112b;background-image:radial-gradient(ellipse at 83% 50%,#254c8c77 0,transparent 36%),linear-gradient(112deg,#07112b 0%,#0c1b3b 54%,#122c50 100%);transition:background-color .3s ease}
.hero.hero-full[data-active-slide="1"]{background-color:#07112b;background-image:radial-gradient(ellipse at 85% 42%,#087e8a88 0,transparent 38%),linear-gradient(112deg,#07112b 0%,#0b2546 54%,#114452 100%)}
.hero.hero-full[data-active-slide="2"]{background-color:#0b1231;background-image:radial-gradient(ellipse at 82% 48%,#7655bd77 0,transparent 38%),linear-gradient(112deg,#0a1028 0%,#191b47 60%,#31244e 100%)}
.hero.hero-full[data-active-slide="3"]{background-color:#0b1730;background-image:radial-gradient(ellipse at 85% 48%,#c1873770 0,transparent 38%),linear-gradient(112deg,#091329 0%,#172544 58%,#48351d 100%)}
.hero.hero-full:before{width:560px;height:560px;left:-310px;bottom:-380px;background:#34539230;filter:blur(20px)}
.hero-inner{width:100%;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(350px,.92fr);gap:clamp(32px,6vw,86px);align-items:center}
.hero-copy{width:100%;max-width:700px;z-index:2}
.hero-carousel{max-width:none}
.hero-slides{display:grid;grid-template-columns:minmax(0,1fr);min-height:390px;isolation:isolate}
.hero-slide,.hero-slide.is-active{grid-area:1/1;position:relative;inset:auto;min-width:0;align-self:start}
.hero-slide{display:none;opacity:0;transform:none;pointer-events:none;transition:none}
.hero-slide.is-active{display:block;opacity:1;transform:none;pointer-events:auto;animation:hero-slide-enter .26s ease-out both}
@keyframes hero-slide-enter{from{opacity:.7;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
.hero-full .hero-slide .eyebrow{color:#f5c35d;font-size:11px;letter-spacing:.15em}
.hero-full .hero-slide h1{max-width:730px;color:#fff;font-size:clamp(48px,5.7vw,76px);line-height:1.06;letter-spacing:-.06em}
.hero-full .hero-slide .lead{max-width:600px;color:#c4d0e3;font-size:clamp(16px,1.45vw,19px);line-height:1.75;margin:24px 0 30px}
.hero-full .proof{color:#aebbd1;border-top:1px solid #ffffff24;padding-top:18px;margin-top:30px}
.hero-full .proof strong{color:#f5f7ff}
.hero-full .carousel-controls{margin:0 0 27px;gap:11px}
.hero-full .carousel-controls>button{width:40px;height:40px;background:#ffffff12;color:#fff;border-color:#ffffff35}
.hero-full .carousel-controls>button:hover{background:#e5a93c;color:#10182b;border-color:#e5a93c}
.hero-full .carousel-dots button{background:#8d9ab2}
.hero-full .carousel-dots button[aria-current=true]{background:#f0b343}
.hero-full .slide-count,.hero-full .slide-count b{color:#c6d2e6}
.hero-full .button{background:linear-gradient(135deg,#e5a93c,#f0bf58);color:#10182b;box-shadow:0 10px 28px #e5a93c35}
.hero-full .button:hover{background:linear-gradient(135deg,#f0bd55,#f6ce79)}
.hero-full .text-link{color:#f2f5fc}
.hero-full .text-link span{color:#f0b343}
.hero-art{min-height:440px;position:relative;display:grid;place-items:center}
.hero-glow{position:absolute;width:min(440px,40vw);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#4386d45a 0%,#5e63f430 46%,transparent 72%);filter:blur(5px)}
.hero-product-card{position:relative;z-index:1;width:min(460px,100%);min-height:325px;padding:25px;border:1px solid #ffffff3b;border-radius:22px;background:linear-gradient(145deg,#fffffffa,#f6f8ffef);color:#17213a;box-shadow:0 38px 100px #030a1f6b;transform:rotate(1deg)}
.product-card-head{display:flex;align-items:center;gap:11px;border-bottom:1px solid #e9edf5;padding-bottom:17px}
.product-card-head .brand-mark{width:36px;height:36px;flex:none;border-radius:11px;font-size:20px}
.product-card-head strong,.product-card-head small{display:block}
.product-card-head strong{font:800 16px Manrope}
.product-card-head small{margin-top:2px;color:#8590a5;font-size:8px;letter-spacing:.1em}
.product-card-head>i{margin-left:auto;color:#21a77a;font-size:10px}
.product-card-title{margin:20px 0 12px;font:700 20px Manrope;letter-spacing:-.04em}
.product-pill-row{display:flex;gap:8px}
.product-pill-row span{padding:7px 11px;border:1px solid #e5eaf4;border-radius:999px;background:#f7f8fc;color:#52617a;font-size:10px;font-weight:700}
.product-pill-row span:nth-child(2){background:#fff5df;color:#9b6b15;border-color:#f3e4c3}
.product-card-chart{height:112px;display:flex;align-items:end;gap:10px;margin-top:21px;padding:0 3px;border-bottom:1px solid #e4e9f2}
.product-card-chart i{flex:1;border-radius:5px 5px 0 0;background:linear-gradient(180deg,#6a70f4,#c5c9ff)}
.product-card-chart i:nth-child(3n){background:linear-gradient(180deg,#e3a936,#f7dda1)}
.product-card-footer{display:flex;justify-content:space-between;margin-top:12px;color:#808ca3;font-size:9px}
.product-card-footer b{color:#33836e;font-size:9px}
.hero-chip{position:absolute;z-index:2;display:flex;align-items:center;gap:10px;padding:12px 16px;border:1px solid #ffffff4d;border-radius:14px;background:#ffffffed;color:#16203a;box-shadow:0 18px 50px #030a1f45}
.hero-chip>span{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:#e9f7f0;color:#1b9b6a;font-weight:800}
.hero-chip b,.hero-chip small{display:block}.hero-chip b{font:700 11px Manrope}.hero-chip small{margin-top:2px;color:#78849c;font-size:9px}
.chip-one{top:9%;right:-3%}.chip-two{bottom:8%;left:-7%}.chip-two>span{background:#efedff;color:#6664e8}
.hero-orbit{position:absolute;right:5%;bottom:4%;color:#f0bb51;font-size:32px;opacity:.9}
/* A dedicated light dashboard section sits immediately beneath the full-bleed hero. */
.live-data-section{position:relative;padding:88px 0 96px;background:linear-gradient(180deg,#f5f7fc 0%,#fff 100%);border-bottom:1px solid #e6eaf3}
.live-data-heading{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:32px}
.live-data-heading h2{max-width:700px;font-size:clamp(32px,4vw,48px);letter-spacing:-.05em;color:#141c36}
.live-data-heading p{max-width:640px;margin:13px 0 0;color:#69758c;font-size:14px}
.sample-note{display:flex;align-items:center;gap:8px;max-width:310px;padding:10px 13px;border:1px solid #e4e8f1;border-radius:10px;background:#fff;color:#758199;font-size:10px;line-height:1.5;box-shadow:0 6px 20px #19244a09}
.sample-note i{width:7px;height:7px;flex:none;border-radius:50%;background:#e1a238}
.live-data-grid{display:grid;grid-template-columns:minmax(225px,.72fr) minmax(0,1.7fr);gap:22px;align-items:stretch}
.live-data-aside{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.live-data-aside article{position:relative;min-height:155px;padding:18px;border:1px solid #e5e9f2;border-radius:15px;background:#fff;box-shadow:0 12px 32px #17214008}
.live-data-aside article small{display:block;margin-top:18px;color:#8691a6;font-size:9px;font-weight:800;letter-spacing:.09em}
.live-data-aside article strong{display:block;margin-top:5px;color:#19213a;font:800 22px Manrope;letter-spacing:-.04em}
.live-data-aside article:nth-child(2) strong{font-size:16px}
.live-data-aside article em{display:block;margin-top:3px;color:#43886d;font-size:10px;font-style:normal}
.live-stat-icon{position:absolute;right:14px;top:14px;display:grid;place-items:center;width:30px;height:30px;border-radius:9px;font-size:15px}
.live-stat-icon.violet{background:#efefff;color:#6462e8}.live-stat-icon.green{background:#eaf7f0;color:#29875f}
.live-data-note{grid-column:1/-1;padding:18px 20px;border:1px solid #e5e9f2;border-radius:15px;background:linear-gradient(135deg,#fff,#f6f7ff)}
.live-data-note b{font:700 13px Manrope;color:#19213a}.live-data-note p{margin:7px 0 13px;color:#748098;font-size:11px;line-height:1.7}.live-data-note a{color:#5c60e9;font-size:11px;font-weight:700}.live-data-note a span{margin-left:4px}
.dash.live-dashboard{width:100%;min-height:100%;padding:25px 28px 20px;border:1px solid #e4e8f1;border-radius:18px;background:#fff;box-shadow:0 18px 50px #1721400c;transform:none}
.live-dashboard .dash-head{font-size:9px}.live-dashboard .dash-title{display:flex;justify-content:space-between;align-items:center;margin-top:22px;font-size:18px}.live-dashboard .dash-title>span{font:800 20px Manrope;color:#18213b}.live-dashboard .sample-tag{vertical-align:middle}.live-dashboard .dash-sub{margin-top:5px;font-size:10px}.live-dashboard .bars{height:190px;margin:24px 0 7px;gap:14px}.live-dashboard .bars i{background:linear-gradient(180deg,#6468ed,#d0d2ff)}.live-dashboard .bars i:nth-child(3n){background:linear-gradient(180deg,#e5aa3b,#f5e1b6)}.live-dashboard .dash-foot{font-size:9px}.live-dashboard .dash-live-foot{font-size:9px}
@media(max-width:900px){
 .hero.hero-full{min-height:660px;padding:54px 0}
 .hero-inner{grid-template-columns:1fr;gap:0}
 .hero-art{display:none}
 .hero-copy{max-width:760px;margin:auto}
 .hero-slides{min-height:370px}
 .hero-full .hero-slide h1{font-size:clamp(46px,8vw,68px)}
 .live-data-grid{grid-template-columns:1fr}
 .live-data-aside{grid-template-columns:1fr 1fr}
}
@media(max-width:700px){
 .hero.hero-full{min-height:620px;padding:42px 0 50px}
 .hero-inner{padding-left:22px;padding-right:22px}
 .hero-slides{min-height:390px}
 .hero-full .hero-slide h1{font-size:clamp(42px,11vw,56px)}
 .hero-full .hero-slide .lead{font-size:15px;margin:19px 0 23px}
 .hero-full .proof{margin-top:23px}
 .live-data-section{padding:58px 0 64px}
 .live-data-heading{align-items:flex-start;flex-direction:column;gap:16px;margin-bottom:22px}
 .live-data-heading h2{font-size:34px}
 .live-data-aside{grid-template-columns:1fr 1fr}
 .live-data-aside article{padding:14px;min-height:145px}
 .live-data-aside article strong{font-size:19px}
 .live-dashboard{padding:18px 15px 15px!important}
 .live-dashboard .dash-title{align-items:flex-start;flex-direction:column;gap:6px;font-size:16px}
 .live-dashboard .dash-title>span{font-size:18px}
 .live-dashboard .bars{height:145px;gap:7px}
}.nav-countries{position:relative}
.country-menu{display:none;position:absolute;z-index:30;top:calc(100% + 8px);left:50%;width:250px;transform:translateX(-50%);padding:8px;border:1px solid #e5e8f1;border-radius:13px;background:#fff;color:#17203a;box-shadow:0 20px 55px #080d2630}
.country-menu.visible{display:grid}
.country-menu a{display:block;padding:11px;border-radius:8px}
.country-menu a:hover{background:#f4f5fc}
.country-menu strong,.country-menu small{display:block}.country-menu strong{font:700 12px Manrope}.country-menu small{margin-top:3px;color:#78849a;font-size:10px}
@media(max-width:900px){.nav-countries{position:relative}.country-menu{position:static;width:auto;transform:none;margin:4px 0 6px;background:#f7f7fc;box-shadow:none}.country-menu.visible{display:grid}}/* Keep the sticky navigation and its dropdown above hero boundaries. */
.nav{z-index:100;overflow:visible}
.nav-platform,.nav-countries{z-index:2}
.mega{max-height:calc(100svh - 110px);overflow-y:auto;overscroll-behavior:contain}
.country-menu{max-height:calc(100svh - 110px);overflow:auto}
/* Improve legibility across navigation and content. */
body{font-size:16px}
.top-inner{font-size:12px}
.nav nav{font-size:15px}
.nav nav>a,.nav-trigger{font-size:15px}
.brand small{font-size:9px}
.feature p{font-size:13px}
.feature h3{font-size:18px}
.section-head>p,.country>p,.calc-wrap>div:first-child>p{font-size:14px}
@media(max-width:900px){.nav nav>a,.nav-trigger{font-size:14px}.mega{max-height:52vh}}
@media(max-width:700px){.top-inner{font-size:10px}.hero-full .hero-slide .lead{line-height:1.7}}