:root{
  --noto-sans:"Noto Sans",sans-serif;
  --dm-sans:"DM Sans",sans-serif;
  --font-plus:"Plus Jakarta Sans",sans-serif;
  --font-mono:"Courier New",monospace;
  --hex-pattern:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='80' height='92' viewBox='0 0 80 92'><g fill='none' stroke='%23FFFFFF' stroke-width='0.6'><polygon points='40,2 76,23 76,69 40,90 4,69 4,23'/><line x1='40' y1='2' x2='40' y2='46'/><line x1='40' y1='46' x2='4' y2='23'/><line x1='40' y1='46' x2='76' y2='23'/><line x1='40' y1='46' x2='40' y2='90'/></g></svg>");
  --color-slate:#485260;--color-dark:#1C1C1C;--color-neutral-600:#586679;--color-charcoal:#25282D;
  --color-neutral-500:#6B7C94;--color-periwinkle:#2D50A4;--color-white:#FFFFFF;--color-lime-yellow:#D3D95F;
  --color-purple:#79428F;--color-steel:#383E48;--primary-blue:#1A3DBA;--orange-accent:#D94500;
  --success-green:#1AAA88;--olive-green:#7A8A00;--purple-accent:#7830E0;--black:#1c1a1a;--muted:#666;
  --neutral-50:#F7F7F8;--primary-500:#2647FF;--success-500:#22AF56;--warning-500:#E84B1E;
  --purple-500:#944EB1;--purple-50:#E9D9F0;--danger-500:#EB1414;--danger-50:#ECCBCB;
  --neutral-dot:#D0D6E7;--info-500:#0BABC6;--info-50:#C9E8EE;--amber-500:#C4800D;--amber-50:#EDE0C9;
  --neutral-700:#383E48;--neutral-500:#6E6F6F;--neutral-200:#EAECF0;--primary-600:#3360CC;
  --neutral-25:#F8F7F8;--orange-500:#FF6A3D;--primary-700:#203C7F;--primary-100:#DEE4F2;
  --orange-100:#FFE2DA;--teal-100:#E7F6F4;--lime-100:#F7F8E5;--purple-100:#F5EFF6;
  --orange-400:#F9633B;--teal-500:#3DAF9E;--olive-500:#A8AD4A;--purple-400:#B085B7;
}
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:var(--dm-sans);background:#f6f7f8;color:#111;overflow-x:hidden;min-height:100vh}
body::before{content:'';position:fixed;inset:0;z-index:0;pointer-events:none}
.hex-wrap{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}
.hexagon{position:absolute;animation:hexFloat ease-in-out infinite}
@keyframes hexFloat{0%,100%{transform:translateY(0px) rotate(0deg)}50%{transform:translateY(-14px) rotate(4deg)}}
.hex-blue{left:7%;top:19%;width:46px;height:46px;animation-duration:5s;animation-delay:0s}
.hex-teal{left:57%;top:11%;width:26px;height:26px;animation-duration:6s;animation-delay:1s}
.page{position:relative;z-index:1;display:flex;flex-direction:column;min-height:100vh;background-color:var(--color-white)}
.header{position:sticky;top:0;z-index:999;background:#fff;border-bottom:1px solid rgba(0,0,0,.06);backdrop-filter:blur(12px)}
.header-inner{max-width:1440px;margin:0 auto;padding:0 clamp(20px,5vw,80px);height:58px;display:flex;align-items:center;justify-content:space-between;gap:32px}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none}
.brand-icon{height:36px;width:auto;flex-shrink:0;display:block;object-fit:contain}
.brand-name{font-family:var(--noto-sans);font-size:22px;font-weight:900;color:#111;letter-spacing:-.4px}
.nav{display:flex;align-items:center;gap:clamp(16px,2.5vw,34px)}
.nav a{position:relative;text-decoration:none;color:#333;font-size:14px;font-weight:600;letter-spacing:.1px;transition:color .25s}
.nav a::after{content:'';position:absolute;left:0;bottom:-4px;width:0;height:2px;background:#2142ff;border-radius:99px;transition:width .3s}
.nav a:hover{color:#2142ff}
.nav a:hover::after{width:100%}
.hdr-actions{display:flex;align-items:center;gap:10px}
.btn-signin{padding:9px 18px;border-radius:10px;border:1px solid #ddd;background:#fafafa;color:#222;font-size:13px;font-weight:600;cursor:pointer;transition:.25s}
.btn-signin:hover{background:#fff;border-color:#6e6f6f}
.btn-demo{padding:9px 20px;border-radius:10px;border:none;background:#1f3bbf;color:#fff;font-size:13px;font-weight:700;cursor:pointer;transition:.25s;box-shadow:0 6px 18px rgba(31,59,191,.25)}
.btn-demo:hover{background:#172f99;transform:translateY(-1px)}
.hdr-toggle{display:none;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:40px;height:40px;border:none;background:#fff;border-radius:10px;cursor:pointer;box-shadow:0 2px 8px rgba(0,0,0,.08)}
.hdr-toggle span{width:20px;height:2px;background:#222;border-radius:99px}
.hero{position:relative;display:flex;align-items:center;gap:11px;padding:clamp(28px,3.5vw,44px) clamp(20px,4vw,60px) clamp(28px,3.5vw,44px);width:100%;max-width:1440px;margin:0 auto;min-height:calc(100vh - 58px)}
.left{flex:0 0 49%;max-width:49%;padding-top:0;padding-right:0;opacity:0;transform:translateY(28px);transition:opacity .85s cubic-bezier(.22,1,.36,1),transform .85s cubic-bezier(.22,1,.36,1)}
.left.show{opacity:1;transform:translateY(0)}
.badge{display:inline-flex;align-items:center;gap:8px;padding:5px 12px 5px 7px;background:#fff;border:1px solid #e0e0e0;border-radius:999px;margin-bottom:18px;box-shadow:0 2px 8px rgba(0,0,0,.06);font-size:10.5px}
.badge-new{background:#1c36b8;color:#fff;font-size:9px;font-weight:800;letter-spacing:.5px;padding:2px 8px;border-radius:999px}
.badge-dot{width:6px;height:6px;border-radius:50%;background:#2157ff;flex-shrink:0;animation:bdBlink 1.3s infinite}
@keyframes bdBlink{0%{opacity:1;box-shadow:0 0 0 0 rgba(33,87,255,.7)}70%{opacity:.3;box-shadow:0 0 0 5px rgba(33,87,255,0)}100%{opacity:1}}
.badge-txt{color:#666;font-weight:500;font-size:10px}
.badge-arr{color:#6e6f6f;font-size:10px}
h1{font-family:var(--noto-sans);font-size:clamp(48px,6.24vw,65px);font-weight:700;line-height:1.07;letter-spacing:-2px;color:var(--black)}
.h1-orange{color:#ff6a3d}
.wavy-line{display:block;width:100%;max-width:100%;height:27px;margin:-10px 0 -13px 0;overflow:visible}
.desc{font-size:14.5px;line-height:1.74;color:#666;margin-bottom:22px}
.btns{display:flex;gap:12px;margin-bottom:25px;flex-wrap:wrap;margin-top:25px}
.btn-p{display:inline-flex;align-items:center;gap:6px;background:var(--black);color:var(--color-white);padding:13px 22px;border-radius:10px;font-size:13px;font-weight:600;letter-spacing:.2px;text-decoration:none;box-shadow:0 8px 20px rgba(26,61,186,.28);transition:transform .25s,box-shadow .25s;white-space:nowrap}
.btn-p:hover{transform:translateY(-2px);box-shadow:0 14px 28px rgba(26,61,186,.36)}
.btn-s{display:inline-flex;align-items:center;background:#fff;color:#111;border:1px solid #ddd;padding:13px 22px;border-radius:10px;font-size:13px;font-weight:500;letter-spacing:.1px;text-decoration:none;transition:background .2s;white-space:nowrap}
.btn-s:hover{background:#f4f4f4}
.stats{display:flex;gap:2px;flex-wrap:wrap}
.stat h3{font-family:var(--noto-sans);font-size:20px;font-weight:700;letter-spacing:-1.5px;color:var(--black);margin-bottom:4px}
.stat span{font-size:10px;font-weight:500;letter-spacing:0.6px;color:#999;text-transform:uppercase}
.stat{position:relative;padding:2px 10px}
.stat:not(:last-child)::after{content:'';position:absolute;top:10%;right:0;width:1px;height:80%;background:#D0D6E7}
.dash-card{flex:0 0 52%;max-width:52%;min-width:0;background:#F7F7F8;border:1px solid #EAECF0;border-radius:20px;overflow:hidden;opacity:0;transform:translateY(28px);transition:opacity .85s .12s cubic-bezier(.22,1,.36,1),transform .85s .12s cubic-bezier(.22,1,.36,1);align-self:center}
.dash-card.show{opacity:1;transform:translateY(0)}
.dh{display:flex;align-items:center;justify-content:space-between;padding:10px 16px}
.dh-left{display:flex;align-items:center;gap:9px}
.dh-logo{height:22px;width:auto;flex-shrink:0;display:block;object-fit:contain}
.dh-title{font-family:var(--dm-sans);font-size:16px;font-weight:600;color:#000000}
.live-dot{width:6px;height:6px;border-radius:50%;background:#ff4d2e;animation:ldPulse 1s infinite}
@keyframes ldPulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.5);opacity:.4}}
.db{display:flex}
.map-panel{width:50%;padding:11px;display:flex;flex-direction:column}
.map-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:50px}
.net-label{font-family:var(--dm-sans);font-size:12px;font-weight:500;color:var(--color-neutral-500)}
.net-num{font-family:var(--dm-sans);font-size:16px;font-weight:700;letter-spacing:-1px;color:var(--color-steel)}
.net-sub{font-family:var(--dm-sans);font-weight:500;font-size:12px;color:var(--color-neutral-500);margin-top:3px}
.map-time{font-family:var(--dm-sans);font-size:12px;color:var(--color-neutral-500);font-weight:500}
.map-wrap{flex:1;position:relative;display:flex;justify-content:center;background:var(--color-white);border-radius:16px;padding:16px 18px}
.india-img-wrap{position:relative;width:100%;max-width:260px;margin:0 auto}
.india-img{width:100%;height:auto;display:block;opacity:1}
.india-img-wrap::after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 50% 45%,rgba(87,216,193,.12) 0%,rgba(87,216,193,.04) 60%,transparent 80%);pointer-events:none;z-index:1}
.map-dots-svg{position:absolute;top:30px;left:0;width:100%;height:100%;overflow:visible;z-index:2;pointer-events:none}
.nd-core{stroke:#fff;stroke-width:2.5}
.nd-blue{fill:#2647ff}.nd-orange{fill:#ff7a50}.nd-green{fill:#57d8c1}.nd-purple{fill:#c89af8}.nd-yellow{fill:#cfd74f}
.map-legend{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin-top:8px}
.map-legend span{font-family:var(--dm-sans);display:flex;align-items:center;gap:4px;font-size:12px;font-weight:500;color:#666}
.ml-dot{width:6px;height:6px;border-radius:50%;display:inline-block;flex-shrink:0}
.right-panel{flex:1;padding:12px;display:flex;flex-direction:column;gap:8px;min-width:0}
.mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.mc{border-radius:5px;padding:7px 13px;position:relative;overflow:hidden}
.mc h3{font-family:var(--dm-sans);font-size:20px;font-weight:800;letter-spacing:-1px}
.mc p{font-family:var(--dm-sans);font-size:12px;font-weight:500;letter-spacing:.7px;line-height:1.4;color:var(--color-neutral-500)}
.mc-bl{background:var(--color-white)}.mc-bl h3{color:var(--primary-500)}
.mc-gr{background:var(--color-white)}.mc-gr h3{color:var(--success-500)}
.mc-or{background:var(--color-white)}.mc-or h3{color:var(--warning-500)}
.mc-pu{background:var(--color-white)}.mc-pu h3{color:var(--purple-500)}
.stream{background:transparent;flex:1;display:flex;flex-direction:column;gap:0}
.stream-hdr{font-family:var(--dm-sans);display:flex;justify-content:space-between;align-items:center;font-size:12px;font-weight:700;letter-spacing:1.3px;color:#6e6f6f;margin-bottom:8px;margin-top:21px;text-transform:uppercase;padding:0 2px}
.s-live{display:flex;align-items:center;gap:5px;color:#38c9a8;font-size:9px;font-weight:800;letter-spacing:.8px}
.s-dot{width:7px;height:7px;border-radius:50%;background:#38c9a8;animation:sBlink .9s ease-in-out infinite alternate;flex-shrink:0}
@keyframes sBlink{0%{opacity:1;box-shadow:0 0 0 0 rgba(56,201,168,.6)}100%{opacity:.3;box-shadow:0 0 0 4px rgba(56,201,168,0)}}
.tasks{display:flex;flex-direction:column;gap:6px}
.ti{display:flex;align-items:center;justify-content:space-between;padding:10px 18px;gap:12px;background:var(--color-white);border:1px solid #eeeeee;border-radius:5px;box-shadow:0 1px 6px rgba(0,0,0,.05);transition:box-shadow .2s}
.ti:hover{box-shadow:0 4px 14px rgba(0,0,0,.09)}
.ti.entering{animation:tiSlide .38s ease forwards}
@keyframes tiSlide{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}
.ti-left{display:flex;align-items:center;gap:11px;min-width:0;flex:1}
.ti-dot{width:11px;height:13px;flex-shrink:0;display:inline-block}
.ti-text{display:flex;flex-direction:column;gap:0px;min-width:0}
.ti-code{font-family:var(--dm-sans);font-size:12px;font-weight:600;color:var(--color-steel);line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ti-loc{font-family:var(--dm-sans);font-weight:500;font-size:12px;color:var(--color-neutral-500)}
.tbadge{font-family:var(--dm-sans);font-size:10px;font-weight:500;padding:6px 12px;border-radius:999px;white-space:nowrap;flex-shrink:0;letter-spacing:.3px}
.tb-cl{background:var(--danger-50);color:var(--danger-500)}
.tb-pr{background:var(--amber-50);color:var(--amber-500)}
.tb-pe{background:var(--purple-50);color:var(--purple-500)}
.tb-lv{background:var(--info-50);color:var(--info-500)}
.foot-stats{display:flex;gap:9px;margin-top:21px}
.sla-box{width:48%;border:1px solid #e8e8e8;border-radius:8px;background:#E9F1EC;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:2px}
.sla-ring-wrap{position:relative;width:30px;height:30px;flex-shrink:0}
.sla-svg{width:30px;height:30px;transform:rotate(-119deg);display:block}
.ring-bg{fill:none;stroke:#f0f0f0;stroke-width:5}
.ring-fg{fill:none;stroke:var(--success-500);stroke-width:7;stroke-linecap:round;stroke-dasharray:150;stroke-dashoffset:17}
.sla-labels{display:flex;flex-direction:column;align-items:flex-start;gap:1px}
.sla-labels .sl1{font-family:var(--dm-sans);font-size:16px;font-weight:700;color:var(--neutral-700);line-height:1}
.sla-labels .sl2{font-family:var(--dm-sans);font-size:12px;font-weight:500;color:var(--color-neutral-500);letter-spacing:.8px}
.ascore{flex:1;border:1px solid #e8e8e8;border-radius:8px;background:#EAECF0;padding:15px}
.as-label{font-size:12px;font-weight:500;color:var(--color-neutral-500);letter-spacing:.8px}
.as-num{font-family:var(--dm-sans);font-size:16px;font-weight:700;color:var(--color-steel);line-height:1}
.strip-wrap{width:100%;padding:0 20px 28px;max-width:1400px;margin:28px auto 0}
.strip{background:#fff;border:1px solid #e8e8e8;border-radius:14px;padding:14px 22px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.strip-label{font-size:9px;font-weight:800;letter-spacing:1.4px;color:#aaa;text-transform:uppercase}
.strip-legend{display:flex;gap:16px;flex-wrap:wrap}
.strip-legend div{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:600;color:#555}
.sldot{width:8px;height:8px;border-radius:50%;flex-shrink:0}
.particle{position:absolute;border-radius:50%;pointer-events:none;z-index:1;animation:pRise linear forwards}
@keyframes pRise{from{opacity:.6;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-150px) scale(0)}}
.brands-section{width:100%;background:var(--color-white);position:relative;z-index:2;border-top:1px solid #eeeeee;border-bottom:1px solid #eeeeee;padding:28px 0 32px;overflow:hidden}
.brands-title{text-align:center;font-size:10px;font-weight:700;letter-spacing:2px;color:#6e6f6f;text-transform:uppercase;margin-bottom:22px}
.brands-track-wrap{position:relative;width:100%;overflow:hidden;mask-image:linear-gradient(to right,transparent 0%,#000 8%,#000 92%,transparent 100%);-webkit-mask-image:linear-gradient(to right,transparent 0%,#000 8%,#000 92%,transparent 100%)}
.brands-track{display:flex;align-items:center;gap:0;width:max-content;animation:brandScroll 28s linear infinite}
.brands-track:hover{animation-play-state:paused}
@keyframes brandScroll{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
.brand-item{display:flex;align-items:center;gap:10px;padding:0 44px;white-space:nowrap;cursor:default;transition:opacity .25s}
.brand-item:hover{opacity:.7}
.brand-dot{width:7px;height:7px;border-radius:50%;background:#ccc;flex-shrink:0}
.brand-name-txt{font-family:var(--noto-sans);font-size:17px;font-weight:700;color:#888;letter-spacing:-.3px}
.problem-section{background:var(--color-white);padding:clamp(60px,6vw,90px) clamp(20px,5vw,80px);position:relative;z-index:1}
.problem-eyebrow{font-family:var(--dm-sans);font-size:16px;font-weight:600;letter-spacing:1.5px;color:var(--color-slate)}
.problem-heading{font-family:var(--noto-sans);font-size:clamp(26px,3vw,48px);font-weight:700;color:var(--color-dark);line-height:1.1;letter-spacing:.5px;margin-bottom:clamp(30px,4vw,50px)}
.problem-heading .op{color:#ff6a3d}
.problem-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:14px}
.prob-card{background:#fff;border:1px solid #e8e8e8;border-radius:18px;padding:26px 22px 28px;cursor:default;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}
.prob-card:hover{transform:translateY(-6px);box-shadow:0 20px 50px rgba(0,0,0,.11);border-color:#ccc}
.prob-icon{width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;margin-bottom:20px;transition:transform .3s ease,background .3s ease}
.prob-card:hover .prob-icon{transform:scale(1.08)}
.prob-card h3{font-family:var(--dm-sans);font-size:20px;font-weight:700;color:var(--color-charcoal);margin-bottom:9px;letter-spacing:-.2px;line-height:1.3;transition:color .3s}
.prob-card h5{font-family:var(--dm-sans);font-size:16px;font-weight:600;color:var(--color-charcoal);margin-bottom:9px;letter-spacing:-.2px;line-height:1.3;transition:color .3s}
.prob-card p{font-family:var(--dm-sans);font-size:16px;color:var(--color-neutral-500);line-height:1.3;font-weight:500}
.c-vendors .prob-icon{background:#fff0f6}
.c-vendors:hover .prob-icon{background:#ffd6ea}
.vd{transition:transform .45s ease}
.c-vendors:hover .vd1{transform:translate(-5px,-4px)}.c-vendors:hover .vd2{transform:translate(4px,-5px)}
.c-vendors:hover .vd3{transform:translate(6px,-2px)}.c-vendors:hover .vd4{transform:translate(-6px,4px)}
.c-vendors:hover .vd5{transform:translate(5px,5px)}.c-vendors:hover .vd6{transform:translate(-4px,5px)}
.c-delay .prob-icon{background:#f5f5f5}.c-delay:hover .prob-icon{background:#e8e8e8}
.cmin{transform-origin:50% 59%}
.c-delay:hover .cmin{animation:probClockSpin 1.1s cubic-bezier(.4,0,.2,1) forwards}
@keyframes probClockSpin{0%{transform:rotate(0deg)}65%{transform:rotate(410deg)}100%{transform:rotate(360deg)}}
.c-proof .prob-icon{background:#fff4ef}.c-proof:hover .prob-icon{background:#ffe5d5}
.docg{transform-origin:50% 55%}
.c-proof:hover .docg{animation:probDocShake .5s ease}
@keyframes probDocShake{0%,100%{transform:rotate(0)}18%{transform:rotate(-6deg)}36%{transform:rotate(6deg)}54%{transform:rotate(-4deg)}72%{transform:rotate(4deg)}}
.c-visibility .prob-icon{background:#eef3ff}.c-visibility:hover .prob-icon{background:#dce6ff}
.epath,.eiris,.epfill,.epring{transition:stroke .3s,fill .3s,transform .4s ease}
.c-visibility:hover .epath{stroke:#1a3dba}.c-visibility:hover .eiris{stroke:#1a3dba;transform:translateX(4px)}
.c-visibility:hover .epfill{fill:#1a3dba;transform:translateX(4px)}.c-visibility:hover .epring{transform:translateX(4px);stroke:#1a3dba}
.prob-cta-bar{background:var(--primary-600);border:1px solid #e8e8e8;border-radius:16px;padding:19px 26px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.prob-cta-left{display:flex;align-items:center;gap:16px;flex:1}
.prob-cta-text{font-family:var(--dm-sans);font-size:clamp(12px,1.1vw,24px);font-weight:700;color:var(--neutral-200);letter-spacing:-.1px;line-height:1.4}
.prob-cta-btn{display:inline-flex;align-items:center;gap:6px;background:var(--neutral-50);color:var(--color-periwinkle);padding:12px 22px;border-radius:10px;font-size:13px;font-weight:700;text-decoration:none;white-space:nowrap;flex-shrink:0;box-shadow:0 6px 18px rgba(26,61,186,.28);transition:transform .25s,box-shadow .25s}
.prob-cta-btn:hover{transform:translateY(-2px);box-shadow:0 12px 26px rgba(26,61,186,.36)}
.hiw-section{background:var(--color-white);padding:clamp(60px,6vw,90px) clamp(20px,5vw,80px)}
.hiw-eyebrow{font-family:var(--dm-sans);font-size:16px;font-weight:600;letter-spacing:1.5px;color:var(--color-slate);margin-bottom:16px}
.hiw-heading{font-family:var(--noto-sans);font-size:clamp(26px,3vw,48px);font-weight:700;color:var(--color-dark);line-height:1.1;letter-spacing:.5px;margin-bottom:clamp(30px,4vw,30px)}
.hiw-subtext{font-family:var(--noto-sans);color:var(--color-neutral-600);font-weight:500;font-size:20px;max-width:520px;letter-spacing:0%;margin-bottom:48px}
.hiw-steps{display:grid;grid-template-columns:repeat(5,1fr);gap:0;position:relative}
.hiw-steps::before{content:'';position:absolute;top:37px;left:37px;right:37px;height:1.5px;background:#e0e0e0;z-index:0}
.hiw-step{display:flex;flex-direction:column;align-items:flex-start;position:relative;z-index:1;padding-right:20px}
.hiw-icon-box{width:74px;height:74px;border-radius:16px;background:#fff;border:1.5px solid #e0e0e0;display:flex;align-items:center;justify-content:center;margin-bottom:24px;position:relative;z-index:2;flex-shrink:0;transition:transform .3s ease,box-shadow .3s ease}
.hiw-step:hover .hiw-icon-box{transform:translateY(-4px);box-shadow:0 12px 28px rgba(0,0,0,.1)}
.hiw-s1 .hiw-icon-box{border-color:#2647ff}.hiw-s2 .hiw-icon-box{border-color:#c89af8}
.hiw-s3 .hiw-icon-box{border-color:#ff6a3d}.hiw-s4 .hiw-icon-box{border-color:#cfd74f}.hiw-s5 .hiw-icon-box{border-color:#38c9a8}
.hiw-step-num{font-size:9px;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:8px}
.hiw-s1 .hiw-step-num{color:#2647ff}.hiw-s2 .hiw-step-num{color:#9b59f5}
.hiw-s3 .hiw-step-num{color:#ff6a3d}.hiw-s4 .hiw-step-num{color:#9ca800}.hiw-s5 .hiw-step-num{color:#1aaa88}
.hiw-step-title{font-family:var(--noto-sans);font-size:16px;font-weight:800;color:#111;margin-bottom:10px;line-height:1.3}
.hiw-step-desc{font-family:var(--dm-sans);font-size:16px;color:#999;line-height:1.2;font-weight:400}
.mhos-section{position:relative;background:#1C1C1C;overflow:hidden;padding:clamp(60px,7vw,100px) clamp(20px,5vw,80px);font-family:var(--dm-sans)}
.mhos-bg-pattern{position:absolute;inset:0;background-image:var(--hex-pattern);opacity:0.06;pointer-events:none}
.mhos-container{max-width:1280px;margin:auto;position:relative;z-index:2;display:grid;grid-template-columns:430px 1fr;gap:38px;align-items:center}
.mhos-label{font-family:var(--dm-sans);font-size:16px;font-weight:600;letter-spacing:0%;color:#5dd8d0;line-height:20px}
.mhos-heading{font-family:var(--noto-sans);font-size:clamp(32px,4vw,48px);font-weight:700;color:#fff;line-height:1.05;letter-spacing:-0.5px;margin-bottom:14px}
.mhos-heading span{color:#ff6f47}
.mhos-desc{font-family:var(--noto-sans);color:#b8b8b8;font-weight:500;font-size:20px;max-width:486px;letter-spacing:0%;margin-bottom:48px}
.mhos-feature-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px 30px;margin-bottom:40px}
.mhos-feature{display:flex;align-items:center;gap:12px;color:#fff;font-size:14.5px;font-weight:400;letter-spacing:.1px}
.mhos-dot{width:12px;height:12px;border-radius:3px;transform:rotate(45deg);flex-shrink:0}
.mhos-dot.teal{background:#62d1c5}.mhos-dot.orange{background:#ff7447}.mhos-dot.yellow{background:#d8db62}
.mhos-dot.purple{background:#b587cf}.mhos-dot.cyan{background:#68d7c9}.mhos-dot.blue{background:#2947a6}
.mhos-dot.lime{background:#dbe25f}.mhos-dot.lavender{background:#b89acb}
.mhos-btn-wrap{display:flex;gap:14px;flex-wrap:wrap}
.mhos-btn{height:54px;padding:0 28px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;font-size:15px;font-weight:700;transition:.35s cubic-bezier(.16,1,.3,1)}
.mhos-btn.primary{background:#ff6f47;color:#fff;box-shadow:0 12px 24px rgba(255,111,71,.25)}
.mhos-btn.primary:hover{transform:translateY(-3px)}
.mhos-btn.secondary{border:1px solid #444;color:#fff}.mhos-btn.secondary:hover{background:#1d1d1d}
.mhos-dashboard{background:#050505;border-radius:22px;overflow:hidden;border:1px solid #1f1f1f;box-shadow:0 20px 60px rgba(0,0,0,.45)}
.mhos-topbar{height:42px;border-bottom:1px solid #1e1e1e;display:flex;align-items:center;justify-content:space-between;padding:0 18px;background:#0d0d0d}
.mhos-brand{display:flex;align-items:center;gap:10px;color:#fff;font-size:12px}
.mhos-brand strong{font-size:13px;font-weight:700;letter-spacing:-.3px}
.mhos-brand b{font-size:13px;font-weight:400;color:#888}.mhos-brand small{color:#666}
.mhos-divider{width:1px;height:12px;background:#333}
.mhos-brand-cubes{display:flex;gap:2px}
.mhos-brand-cubes span{width:8px;height:8px;border-radius:2px;transform:rotate(45deg)}
.mhos-brand-cubes span:nth-child(1){background:#5cd2cb}.mhos-brand-cubes span:nth-child(2){background:#ff7447}
.mhos-brand-cubes span:nth-child(3){background:#d7d95f}.mhos-brand-cubes span:nth-child(4){background:#4660ba}
.mhos-window-dots{display:flex;gap:8px}
.mhos-window-dots span{width:8px;height:8px;border-radius:50%}
.mhos-window-dots .green{background:#6ad6cb}.mhos-window-dots .yellow{background:#d5d861}.mhos-window-dots .orange{background:#ff7447}
.mhos-dashboard-body{display:grid;grid-template-columns:160px 1fr}
.mhos-sidebar{border-right:1px solid #181818;padding:18px 12px;display:flex;flex-direction:column}
.mhos-menu{height:36px;border-radius:8px;display:flex;align-items:center;gap:12px;color:#aaa;padding:0 12px;font-size:12.5px;cursor:pointer;margin-bottom:6px;transition:.25s;font-weight:400}
.mhos-menu:hover{background:#111}.mhos-menu.active{background:#181818;color:#fff}
.mhos-menu .dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}
.mhos-menu .teal{background:#63d1c8}.mhos-menu .blue{background:#2849a7}.mhos-menu .orange{background:#ff7447}
.mhos-menu .cyan{background:#61d4ca}.mhos-menu .purple{background:#b687ce}.mhos-menu .lime{background:#d7da62}.mhos-menu .gray{background:#5b5b5b}
.mhos-wave-card{margin-top:auto;background:#111;border:1px solid #222;border-radius:10px;padding:14px}
.mhos-wave-card span{color:#888;font-size:10px;letter-spacing:1px;text-transform:uppercase}
.mhos-wave-card strong{display:block;font-size:18px;color:#fff;margin:8px 0;letter-spacing:-1px}
.mhos-wave-progress{height:3px;background:#222;border-radius:20px;overflow:hidden;margin-bottom:6px}
.mhos-wave-fill{width:68%;height:100%;background:#63d1c8;border-radius:20px}
.mhos-wave-card small{display:block;color:#888;font-size:9.5px}
.mhos-main{padding:18px}
.mhos-main-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}
.mhos-main-header h3{font-size:19px;color:#fff;margin:0 0 5px;font-weight:800;letter-spacing:-.5px;font-family:var(--noto-sans)}
.mhos-main-header p{color:#888;margin:0;font-size:12px}
.mhos-live{display:flex;align-items:center;gap:6px;color:#ff6a3d;font-size:9.5px;letter-spacing:1.2px;font-weight:800;text-transform:uppercase}
.mhos-live-dot{width:7px;height:7px;border-radius:50%;background:#ff7447;animation:mhosblink 1s infinite}
@keyframes mhosblink{0%,100%{opacity:1}50%{opacity:.2}}
.mhos-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:14px}
.mhos-stat-card{height:74px;border-radius:10px;background:#111;border:1px solid #1e1e1e;padding:12px 16px;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}
.mhos-stat-card::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;border-radius:20px}
.mhos-stat-card.teal::before{background:#63d1c8}.mhos-stat-card.yellow::before{background:#d7da62}
.mhos-stat-card.orange::before{background:#ff7447}.mhos-stat-card.purple::before{background:#b687ce}
.mhos-stat-card strong{color:#fff;font-size:24px;font-weight:900;letter-spacing:-2px;line-height:1}
.mhos-stat-card span{color:#555;font-size:8.5px;letter-spacing:.8px;margin-top:5px;text-transform:uppercase;font-weight:600}
.mhos-middle-grid{display:grid;grid-template-columns:1fr 190px;gap:10px;margin-bottom:10px}
.mhos-chart-card,.mhos-live-card,.mhos-table-card{background:#111;border:1px solid #222;border-radius:12px;padding:14px}
.mhos-card-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}
.mhos-card-head span{color:#999;font-size:9.5px;letter-spacing:1px;font-weight:700;text-transform:uppercase}
.mhos-mini-tabs{display:flex;gap:5px}
.mhos-mini-tabs span{width:20px;height:20px;border-radius:4px;border:1px solid #2a2a2a;display:flex;align-items:center;justify-content:center;font-size:8px;color:#666;cursor:pointer;font-weight:700;transition:.2s}
.mhos-mini-tabs span:first-child{background:#1c1c1c;color:#aaa}
.mhos-chart{height:162px;display:flex;justify-content:space-between;align-items:flex-end;gap:10px;padding-bottom:22px;position:relative}
.mhos-chart-day{display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-end;gap:0;flex:none;position:relative}
.mhos-chart-day small{position:absolute;bottom:-18px;color:#666;font-size:7.5px;letter-spacing:.6px;text-transform:uppercase;font-weight:600;white-space:nowrap}
.mhos-bars{height:132px;display:flex;gap:3px;align-items:flex-end;width:auto}
.mhos-bars span{width:7px;flex:none;border-radius:1px 1px 0 0;height:0;transform-origin:bottom;transition:height .65s cubic-bezier(.22,1,.36,1)}
.mhos-bars .teal{background:#58c7b4}.mhos-bars .orange{background:#f6623a}.mhos-bars .purple{background:#b085ba}
.mhos-bars .yellow{background:#d1d65e}.mhos-bars .blue{background:#1f3c80}
.mhos-proof-item{display:flex;align-items:center;gap:10px;background:#161616;border:1px solid #222;border-radius:9px;padding:10px 12px;margin-bottom:7px}
.mhos-proof-item:last-child{margin-bottom:0}
.mhos-proof-icon{width:22px;height:22px;border-radius:4px;transform:rotate(45deg);flex-shrink:0}
.mhos-proof-icon.blue{background:#2948a8}.mhos-proof-icon.orange{background:#ff7447}.mhos-proof-icon.teal{background:#63d1c8}
.mhos-proof-item strong{display:block;color:#ddd;font-size:11.5px;font-weight:700;letter-spacing:-.2px}
.mhos-proof-item small{color:#666;font-size:10px;margin-top:1px}
.mhos-status-dot{margin-left:auto;width:6px;height:6px;border-radius:50%;background:#63d1c8;animation:mhosblink 1.5s infinite;flex-shrink:0}
.table-head small{color:#777;font-size:10px}
.mhos-table-row{display:grid;grid-template-columns:80px 1fr 68px 110px;align-items:center;border-top:1px solid #222;min-height:44px;color:#aaa;font-size:11px;gap:6px}
.mhos-table-row strong{color:#e0e0e0;font-size:11.5px;font-weight:700;letter-spacing:-.1px}
.mhos-table-row span{font-size:11px;color:#aaa;font-weight:600}
.mhos-table-row small{color:#888;font-size:10.5px}
.mhos-table-row label{justify-self:start;padding:4px 9px;border-radius:5px;font-size:8px;font-weight:800;letter-spacing:.8px;cursor:default}
.mhos-table-row label.closed{background:#0d2e2b;color:#63d1c8;border:1px solid rgba(99,209,200,.25)}
.mhos-table-row label.progress{background:#2a2b0d;color:#d7da62;border:1px solid rgba(215,218,98,.25)}
.mhos-table-row label.pending{background:#231530;color:#b687ce;border:1px solid rgba(182,135,206,.25)}
.uc-section{background:#f6f7f8;padding:clamp(60px,6vw,90px) clamp(20px,5vw,80px);position:relative;z-index:1}
.uc-eyebrow{font-family:var(--dm-sans);font-size:16px;font-weight:600;letter-spacing:0%;color:var(--color-slate);line-height:20px}
.uc-heading{font-family:var(--noto-sans);font-size:clamp(32px,4vw,48px);font-weight:700;color:var(--color-dark);line-height:1.05;letter-spacing:-0.5px;margin-bottom:14px}
.uc-subtext{font-family:var(--noto-sans);color:var(--color-neutral-600);font-weight:500;font-size:20px;max-width:486px;letter-spacing:0%;height:72px;margin-bottom:48px}
.uc-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.uc-card{background:#fff;border:1px solid #e8e8e8;border-radius:20px;padding:28px 24px 26px;position:relative;overflow:hidden;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;display:flex;flex-direction:column;min-height:190px}
.uc-card:hover{transform:translateY(-6px);box-shadow:0 20px 52px rgba(0,0,0,.09);border-color:#d4d4d4}
.uc-icon{width:40px;height:40px;border-radius:11px;display:flex;align-items:center;justify-content:center;margin-bottom:20px;flex-shrink:0;transition:transform .3s ease}
.uc-card:hover .uc-icon{transform:scale(1.1)}
.uc-title{font-family:var(--dm-sans);font-weight:700;color:var(--color-charcoal);font-size:20px;line-height:24px;letter-spacing:0%}
.uc-stat{font-family:var(--dm-sans);color:var(--color-neutral-500);font-weight:600;font-size:16px;line-height:20px;letter-spacing:0%}
.uc-link{font-size:12px;font-weight:600;color:var(--color-periwinkle);font-family:var(--dm-sans);text-decoration:none;display:inline-flex;align-items:center;gap:10px;transition:color .25s,gap .25s;margin-top:auto}
.uc-card:hover .uc-link{color:#1a3dba;gap:9px}
.uc-deco{position:absolute;right:-18px;bottom:-18px;width:100px;height:115px;opacity:.07;transition:opacity .3s ease,transform .3s ease;pointer-events:none}
.uc-card:hover .uc-deco{opacity:.14;transform:scale(1.06) rotate(3deg)}
.uc-icon-blue{background:#dce8ff}.uc-icon-orange{background:#ffe8d4}.uc-icon-purple{background:#ede8ff}
.uc-icon-teal{background:#d8f4ee}.uc-icon-yellow{background:#f8f4d4}.uc-icon-indigo{background:#e4e8ff}
.uc-icon-pink{background:#fde8e4}.uc-icon-cyan{background:#d8f0f4}
.uc-deco-blue polygon{fill:#2647ff}.uc-deco-orange polygon{fill:#ff6a3d}.uc-deco-purple polygon{fill:#9b59f5}
.uc-deco-teal polygon{fill:#38c9a8}.uc-deco-yellow polygon{fill:#cfd74f}.uc-deco-indigo polygon{fill:#4f67bf}
.uc-deco-pink polygon{fill:#f4607a}.uc-deco-cyan polygon{fill:#14b8d4}
.uc-card.uc-active .uc-link{color:#38c9a8}
.impact-section{position:relative;background:#1c1c1c;overflow:hidden;padding:clamp(60px,7vw,100px) clamp(20px,5vw,80px);font-family:var(--dm-sans)}
.impact-section::before{content:'';position:absolute;inset:0;opacity:0.06;pointer-events:none}
.impact-inner{max-width:1100px;margin:0 auto;position:relative;z-index:2}
.impact-eyebrow{font-size:16px;font-weight:600;color:var(--neutral-25);margin-bottom:20px;font-family:var(--dm-sans);line-height:20px;letter-spacing:0%}
.impact-heading{font-family:var(--dm-sans);font-size:clamp(34px,5vw,48px);font-weight:700;line-height:44px;letter-spacing:0.5px;color:#fff;margin-bottom:18px}
.impact-heading .ih-teal{color:#38c9a8}.impact-heading .ih-dot{color:#38c9a8}
.impact-subtext{font-size:20px;color:#EAECF0;line-height:24px;max-width:424px;margin-bottom:52px;font-family:var(--dm-sans);font-weight:500;letter-spacing:0%}
/* .impact-grid{display:grid;grid-template-columns:repeat(5,1fr);border:1px solid #383E48;border-radius:4px;overflow:hidden}
.impact-cell{
  padding:40px 32px 36px;position:relative;border-right:1px solid #383E48;border-bottom:1px solid #383E48;transition:background .3s ease;min-height:160px;opacity:1;border-radius:8px;border-width:2px
} */
.impact-grid{
    display:grid;
    grid-template-columns:repeat(5,1fr);
    gap:5px;
}

.impact-cell{
    position:relative;
    min-height:160px;

    padding:40px 32px 36px;

    border:1px solid #383E48;
    border-radius:8px;

    transition:background .3s ease;

    opacity:1;
}
.impact-cell:hover{background:#1f1f22}
/* .impact-cell:nth-child(4n){border-right:none}
.impact-cell:nth-child(n+5){border-bottom:none} */
.impact-cell::before{content:'';position:absolute;left:0;top:0px;bottom:0px;width:5px;border-radius:5px 0px 0px 5px}
.impact-cell:nth-child(1)::before{background:#38c9a8}.impact-cell:nth-child(2)::before{background:#cfd74f}
.impact-cell:nth-child(3)::before{background:#ff6a3d}.impact-cell:nth-child(4)::before{background:#6a9fff}
.impact-cell:nth-child(5)::before{background:#a682b7}
/*.impact-cell:nth-child(6)::before{background:#cfd74f}
 .impact-cell:nth-child(7)::before{background:#ff6a3d}.impact-cell:nth-child(8)::before{background:#6a9fff} */
.impact-num{font-family:var(--font-plus);font-size:clamp(35px,5.5vw,40px);font-weight:700;color:#F7F7F8;letter-spacing:-0.5px;margin-bottom:16px;display:block}
.impact-label{font-family:var(--font-body);font-weight:500;font-size:20px;line-height:24px;letter-spacing:0%;color:#F7F7F8}
.cta-section{background:#f6f7f8;padding:clamp(40px,5vw,70px) clamp(20px,5vw,80px)}
.cta-card{background:#25282D;border-radius:24px;padding:clamp(40px,5vw,64px) clamp(28px,4vw,56px);position:relative;overflow:hidden;display:flex;align-items:center;gap:clamp(32px,5vw,72px);max-width:1200px;margin:0 auto}
.cta-left{flex:1;min-width:0;position:relative;z-index:2}
.cta-eyebrow{font-family:var(--dm-sans);font-size:16px;font-weight:600;letter-spacing:2px;color:var(--neutral-25);margin-bottom:18px}
.cta-heading{font-family:var(--noto-sans);font-size:clamp(32px,4vw,48px);font-weight:700;line-height:1.05;letter-spacing:.5px;color:var(--neutral-50);margin-bottom:20px}
.cta-heading .cta-q{color:#ff6a3d}
.cta-desc{font-family:var(--dm-sans);font-size:20px;font-weight:500;color:var(--neutral-50);line-height:1.3;max-width:530px;margin-bottom:32px}
.cta-btns{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:36px}
.cta-btn-p{font-family:var(--dm-sans);display:inline-flex;align-items:center;gap:8px;background:var(--orange-500);color:var(--neutral-50);padding:13px 24px;border-radius:10px;font-size:16px;font-weight:600;text-decoration:none;box-shadow:0 8px 20px rgba(255,106,61,.35);transition:transform .25s,box-shadow .25s;white-space:nowrap;cursor:pointer;border:none}
.cta-btn-p:hover{transform:translateY(-2px);box-shadow:0 14px 28px rgba(255,106,61,.45)}
.cta-btn-s{font-family:var(--dm-sans);display:inline-flex;align-items:center;background:transparent;color:var(--neutral-50);border:1.5px solid rgba(255,255,255,.3);padding:13px 24px;border-radius:10px;font-size:16px;font-weight:600;text-decoration:none;transition:all .25s;white-space:nowrap;cursor:pointer}
.cta-btn-s:hover{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.5)}
.cta-contacts{display:flex;gap:32px;flex-wrap:wrap}
.cta-contact div:first-child{font-family:var(--dm-sans);font-size:16px;font-weight:700;color:var(--neutral-50);margin-bottom:3px}
.cta-contact div:last-child{font-family:var(--dm-sans);font-weight:400;font-size:16px;color:var(--neutral-50)}
.cta-right{flex:0 0 300px;width:300px;position:relative;z-index:2;top:60px}
.cta-form-card{background:#383E48;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid #586679;border-radius:16px;padding:28px 24px}
.cta-form-eyebrow{font-family:var(--dm-sans);font-size:16px;font-weight:300;color:var(--neutral-50);margin-bottom:2px}
.cta-form-title{font-family:var(--dm-sans);font-size:16px;font-weight:600;color:var(--color-white);letter-spacing:-.3px;line-height:1.3;margin-bottom:18px}
.cta-checks{display:flex;flex-direction:column;gap:10px;margin-bottom:22px}
.cta-check{font-family:var(--dm-sans);display:flex;align-items:center;gap:7px;font-size:14px;font-weight:500;color:var(--neutral-50)}
.cta-check-dot{width:20px;height:22px;flex-shrink:0;display:inline-block}
.cta-form-btn{font-family:var(--dm-sans);width:100%;padding:13px;background:var(--neutral-50);color:var(--color-steel);border:none;border-radius:32px;font-size:16px;font-weight:600;cursor:pointer;text-align:center;transition:all .25s;display:block;text-decoration:none;box-shadow:0 2px 12px rgba(0,0,0,.15)}
.cta-form-btn:hover{background:#f0f0f0;transform:translateY(-1px)}
.site-footer{background:#1c1c1c;padding:60px clamp(20px,5vw,80px) 0;font-family:var(--dm-sans)}
.footer-inner{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:48px;padding-bottom:52px;border-bottom:1px solid #2a2a2a}
.footer-brand{display:flex;flex-direction:column;gap:0}
.footer-logo-wrap{display:flex;align-items:center;gap:10px;margin-bottom:6px}
.footer-logo-img{height:38px;width:auto;flex-shrink:0;display:block}
.footer-brand-name{font-family:var(--noto-sans);font-size:22px;font-weight:700;color:#fff;letter-spacing:-.4px}
.footer-tagline-row{display:flex;gap:10px;font-size:9px;font-weight:500;color:#555;letter-spacing:.5px;margin-bottom:18px;margin-left:48px}
.footer-desc{font-size:15px;color:#a5a6a6;line-height:1.72;margin-bottom:22px;max-width:300px}
.footer-live{display:flex;align-items:center;gap:7px;font-size:9.5px;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;color:#38c9a8}
.footer-live-dot{width:7px;height:7px;border-radius:50%;background:#38c9a8;flex-shrink:0;animation:mhosblink 1.2s infinite}
.footer-col-title{font-size:9.5px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#6e6f6f;margin-bottom:20px}
.footer-links{display:flex;flex-direction:column;gap:13px}
.footer-links a{font-size:13.5px;font-weight:400;color:#aaa;text-decoration:none;letter-spacing:.1px;transition:color .2s}
.footer-links a:hover{color:#fff}
.footer-links span{font-size:14px;color:#aaa}
.footer-bottom{max-width:1280px;margin:0 auto;padding:22px 0;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;border-top:1px solid #2a2a2a}
.footer-copy{font-size:12.5px;color:#6e6f6f;font-weight:400;letter-spacing:.2px}
.footer-markets{font-size:12.5px;color:#6e6f6f;display:flex;align-items:center;gap:5px;flex-wrap:wrap;letter-spacing:.2px}
.footer-markets span{color:#555}
.btn-p,.btn-s{font-family:var(--dm-sans);font-size:17px;padding:18px 42px;border-radius:500px;white-space:nowrap}
.btns{gap:10px;flex-wrap:wrap}
.mhos-btn{height:46px;padding:0 22px;font-size:14px}
@media(max-width:1000px){
  .problem-cards{grid-template-columns:repeat(2,1fr)}
  .hiw-steps{grid-template-columns:repeat(3,1fr);gap:32px 16px}.hiw-steps::before{display:none}
  .impact-grid{grid-template-columns:repeat(2,1fr)}
  .impact-cell:nth-child(2n){border-right:none}
  .impact-cell:nth-child(n+5){border-bottom:1px solid #2a2a2a}
  .impact-cell:nth-child(n+7){border-bottom:none}
  .footer-inner{grid-template-columns:1fr 1fr;gap:36px}
}
@media(max-width:900px){
  .db{flex-direction:column}.map-panel{width:100%;border-right:none;padding:16px}
  .map-wrap{min-height:200px}.india-img-wrap{max-width:220px}
  .foot-stats{flex-direction:column;gap:10px}
  .sla-box{width:100%;flex-direction:row;gap:14px;padding:12px 16px}.ascore{width:100%}
  .cta-card{flex-direction:column;gap:32px;padding:40px 28px}.cta-right{width:100%;max-width:440px}
  .mhos-dashboard-body{grid-template-columns:1fr}
  .mhos-sidebar{border-right:none;border-bottom:1px solid #181818;flex-direction:row;flex-wrap:nowrap;overflow-x:auto;padding:10px 12px;gap:4px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .mhos-sidebar::-webkit-scrollbar{display:none}.mhos-wave-card{display:none}
  .mhos-menu{margin-bottom:0;height:34px;font-size:12px;padding:0 12px;flex-shrink:0}
  .mhos-stats{grid-template-columns:repeat(2,1fr);gap:10px}
  .mhos-middle-grid{grid-template-columns:1fr;gap:10px}
}
@media(max-width:768px){
  .nav,.hdr-actions{display:none}.hdr-toggle{display:flex}
  .header-inner{height:56px;padding:0 18px}.brand-icon{height:30px}.brand-name{font-size:17px}
  .nav.open{display:flex;flex-direction:column;position:absolute;top:56px;left:0;width:100%;background:#fff;padding:20px 20px;gap:16px;border-bottom:1px solid #eee;box-shadow:0 8px 24px rgba(0,0,0,.09);z-index:998}
  .nav.open a{font-size:15px;font-weight:600;padding:4px 0}
  .hero{padding:24px 20px 36px;gap:28px}
  h1{font-size:clamp(34px,8vw,48px);letter-spacing:-2px;line-height:.91}
  .desc{font-size:14px;line-height:1.7;margin-bottom:20px}
  .btns{display:flex;flex-direction:row;gap:10px;flex-wrap:nowrap;margin-bottom:28px}
  .btn-p{padding:11px 20px;font-size:13px;border-radius:10px;width:auto;flex:none}
  .btn-s{padding:11px 18px;font-size:13px;border-radius:10px;width:auto;flex:none}
  .stats{display:grid;grid-template-columns:1fr 1fr;gap:14px 20px}.stat h3{font-size:22px}.badge-txt{display:none}
  .dh{padding:9px 14px}.dh-title{font-size:11px}.mini-grid{gap:8px}
  .mc{padding:13px 15px;border-radius:14px}.mc h3{font-size:24px}
  .ti{padding:10px 12px}.ti-code{font-size:11.5px}.tbadge{font-size:8.5px;padding:5px 10px}
  .strip{flex-direction:column;align-items:flex-start;gap:10px}.strip-wrap{padding:0 20px 24px}
  .problem-section{padding:56px 20px}.problem-heading{font-size:clamp(24px,6.5vw,36px)}
  .prob-card{padding:22px 18px 24px}
  .prob-cta-bar{flex-direction:row;align-items:center;gap:16px;padding:16px 18px;flex-wrap:wrap}.prob-cta-btn{width:auto;flex-shrink:0}
  .hiw-section{padding:56px 20px}.hiw-heading{font-size:clamp(26px,6.5vw,40px)}.hiw-subtext{font-size:13.5px;margin-bottom:36px}
  .hiw-steps{grid-template-columns:1fr 1fr;gap:28px 16px}.hiw-icon-box{width:60px;height:60px;margin-bottom:18px}
  .hiw-step-title{font-size:14px}.hiw-step-desc{font-size:12.5px}
  .mhos-section{padding:56px 20px}.mhos-heading{font-size:clamp(36px,8.5vw,52px);letter-spacing:-2.5px}
  .mhos-feature-grid{grid-template-columns:1fr 1fr;gap:14px 20px}.mhos-btn-wrap{gap:10px}
  .mhos-btn{height:46px;padding:0 20px;font-size:13.5px}.mhos-main{padding:14px}.mhos-stat-card{height:64px}
  .mhos-stat-card strong{font-size:18px}.mhos-topbar{padding:0 12px}.mhos-brand small{display:none}
  .mhos-table-row{grid-template-columns:68px 1fr auto;font-size:10.5px}.mhos-table-row small{display:none}
  .uc-section{padding:56px 20px}.uc-heading{font-size:clamp(26px,6.5vw,40px)}
  .uc-card{min-height:160px;padding:22px 18px 18px}.uc-title{font-size:15px}
  .impact-section{padding:56px 20px}.impact-heading{font-size:clamp(28px,7vw,44px)}
  .impact-num{font-size:clamp(36px,7.5vw,52px)}.impact-cell{padding:28px 20px 24px;min-height:130px}
  .cta-section{padding:32px 20px}.cta-card{padding:36px 24px;border-radius:20px;gap:28px}
  .cta-heading{font-size:clamp(28px,7vw,42px)}
  .cta-btns{display:flex;flex-direction:row;gap:10px;flex-wrap:nowrap}
  .cta-btn-p{padding:11px 20px;font-size:13px;border-radius:10px;flex:none;width:auto;height:auto}
  .cta-btn-s{padding:11px 18px;font-size:13px;border-radius:10px;flex:none;width:auto;height:auto}
  .cta-contacts{gap:16px}.cta-form-card{padding:24px 20px}
  .site-footer{padding:44px 20px 0}.footer-inner{grid-template-columns:1fr 1fr;gap:28px;padding-bottom:36px}.footer-desc{font-size:13px}
  .fv-sticky{padding:0 20px}.fv-top-header{padding:32px 20px 16px}.fv-top-h2{font-size:clamp(22px,6vw,32px)}
  .fv-cstats{grid-template-columns:1fr 1fr;gap:8px}.fv-card{padding:20px 18px;gap:14px;border-radius:18px}
  .fv-cbp,.fv-cbs{font-family:var(--dm-sans);padding:9px 16px;font-size:16px;font-weight:600;color:var(--neutral-50)}
}
@media(max-width:580px){
  .hero{padding:20px 16px 32px;gap:22px}
  h1{font-size:clamp(30px,8.5vw,40px);letter-spacing:-1.8px}.desc{font-size:13.5px;margin-bottom:18px}
  .btns{gap:8px;margin-bottom:22px}
  .btn-p{padding:10px 18px;font-size:12.5px;border-radius:10px}.btn-s{padding:10px 16px;font-size:12.5px;border-radius:10px}
  .stats{gap:12px 16px}.stat h3{font-size:20px}.mc h3{font-size:22px}.mc{padding:12px 14px}
  .map-wrap{min-height:180px}.india-img-wrap{max-width:200px}
  .problem-section{padding:48px 16px}.problem-cards{grid-template-columns:1fr}.problem-heading{font-size:clamp(22px,7vw,32px)}
  .hiw-section{padding:48px 16px}.hiw-steps{grid-template-columns:1fr 1fr;gap:22px 12px}.hiw-icon-box{width:54px;height:54px}
  .mhos-section{padding:48px 16px}.mhos-feature-grid{grid-template-columns:1fr}
  .mhos-stats{grid-template-columns:1fr 1fr;gap:8px}.mhos-stat-card{height:60px;padding:10px 12px}
  .mhos-stat-card strong{font-size:16px}.mhos-btn{height:44px;padding:0 18px;font-size:13px}
  .mhos-menu{font-size:11px;padding:0 9px;height:34px}.cube-icon{width:26px;height:26px;min-width:26px}
  .cube-svg{width:13px;height:15px}.mhos-topbar{height:38px}.mhos-brand b{display:none}
  .mhos-table-row{grid-template-columns:60px 1fr auto;font-size:10px}
  .uc-section{padding:48px 16px}.uc-grid{grid-template-columns:1fr 1fr;gap:10px}
  .uc-card{padding:16px 14px 14px;min-height:140px;border-radius:14px}.uc-title{font-size:13.5px}.uc-icon{width:34px;height:34px;margin-bottom:14px}
  .impact-section{padding:48px 16px}.impact-grid{grid-template-columns:1fr 1fr}
  .impact-cell{padding:22px 14px 18px}.impact-num{font-size:clamp(26px,7.5vw,36px)}.impact-label{font-size:11px}
  .cta-section{padding:28px 16px}.cta-card{padding:28px 18px;border-radius:16px;gap:22px}.cta-heading{font-size:clamp(24px,7vw,34px)}
  .cta-btn-p{padding:10px 18px;font-size:12.5px}.cta-btn-s{padding:10px 16px;font-size:12.5px}.cta-form-card{padding:20px 16px}
  .footer-inner{grid-template-columns:1fr;gap:24px}.site-footer{padding:36px 16px 0}
  .footer-bottom{flex-direction:column;gap:8px}.footer-tagline-row{margin-left:0}.footer-brand-name{font-size:19px}.footer-logo-img{height:30px}
  .fv-sticky{padding:0 16px}.fv-top-header{padding:28px 16px 12px}.fv-top-h2{font-size:clamp(20px,7vw,28px)}
  .fv-card{padding:18px 16px;gap:12px;border-radius:16px}.fv-cstats{grid-template-columns:1fr 1fr;gap:7px}
  .fv-cbp,.fv-cbs{padding:8px 14px;font-size:12px}.fv-csn{font-size:15px}
  .strip-wrap{padding:0 16px 20px}.brands-section{padding:20px 0 24px}.brands-title{font-size:9px;margin-bottom:14px}
  .brand-name-txt{font-size:13px}.brand-item{padding:0 22px}
  .prob-cta-bar{flex-direction:column;align-items:flex-start;gap:12px;padding:14px 16px}
  .prob-cta-left{gap:12px}.prob-cta-btn{align-self:stretch;justify-content:center}.prob-cta-text{font-size:13px}
}
@media(max-width:390px){
  .header-inner{padding:0 14px}.brand-icon{height:27px}.brand-name{font-size:15.5px}.hdr-toggle{width:34px;height:34px}
  .hero{padding:16px 14px 28px;gap:20px}
  h1{font-size:clamp(26px,7.5vw,32px);letter-spacing:-1.2px}.badge-txt{display:none}.desc{font-size:13.5px;margin-bottom:16px}
  .btns{gap:8px;margin-bottom:20px}.btn-p{padding:10px 16px;font-size:12.5px}.btn-s{padding:10px 14px;font-size:12.5px}
  .stats{gap:10px 14px}.stat h3{font-size:19px}.stat span{font-size:7.5px}.dh-title{font-size:10.5px}.mc h3{font-size:20px}
  .fv-tab{padding:6px 12px}.fv-tn{font-size:12px}
  .fv-cbtns{flex-direction:column;gap:7px;margin-left:auto}.fv-cbp,.fv-cbs{width:100%;justify-content:center;text-align:center}
  .brand-name-txt{font-size:12.5px}.brand-item{padding:0 18px}
  .prob-cta-bar{padding:12px 14px;gap:10px}.prob-cta-text{font-size:12.5px}.prob-cta-btn{padding:10px 18px;font-size:12.5px}
}
@media(max-width:375px){
  .hero{padding:14px 12px 24px;gap:18px}
  h1{font-size:26px;letter-spacing:-1px}.badge{display:none}.desc{font-size:13px;margin-bottom:14px}
  .btns{gap:7px;margin-bottom:18px}.btn-p{padding:10px 14px;font-size:12px}.btn-s{padding:10px 12px;font-size:12px}
  .stats{gap:10px 12px}.stat h3{font-size:18px}.problem-cards{grid-template-columns:1fr}
  .impact-grid{grid-template-columns:1fr 1fr}.footer-inner{gap:20px}.footer-brand-name{font-size:18px}.footer-logo-img{height:28px}
  .hiw-steps{grid-template-columns:1fr 1fr;gap:18px 10px}
}
@media(max-width:320px){
  .header-inner{padding:0 10px}.brand-icon{height:24px}.brand-name{font-size:14px}.hdr-toggle{width:32px;height:32px}
  .hero{padding:12px 10px 20px;gap:16px}
  h1{font-size:22px;letter-spacing:-.8px}.badge{display:none}.desc{font-size:12.5px;margin-bottom:12px}
  .btns{gap:6px;margin-bottom:16px}.btn-p{padding:9px 12px;font-size:11.5px;border-radius:9px}.btn-s{padding:9px 10px;font-size:11.5px;border-radius:9px}
  .stats{gap:8px 10px}.stat h3{font-size:16px}.stat span{font-size:7px}
  .dh{padding:7px 10px}.dh-title{font-size:9.5px;max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .mc h3{font-size:18px}.mc{padding:10px 11px}.india-img-wrap{max-width:160px}.map-wrap{min-height:150px}
  .problem-section{padding:36px 10px}.problem-heading{font-size:20px}.prob-card{padding:14px 12px}.prob-card h3{font-size:13px}
  .hiw-section{padding:36px 10px}.hiw-steps{grid-template-columns:1fr;gap:18px}.hiw-heading{font-size:21px}
  .mhos-section{padding:36px 10px}.mhos-heading{font-size:26px;letter-spacing:-1.8px}.mhos-stat-card strong{font-size:14px}
  .mhos-table-row{grid-template-columns:50px 1fr auto;font-size:9.5px}
  .uc-section{padding:36px 10px}.uc-grid{grid-template-columns:1fr}.uc-heading{font-size:20px}
  .impact-section{padding:36px 10px}.impact-grid{grid-template-columns:1fr}
  .impact-cell:nth-child(n){border-right:none}.impact-num{font-size:26px}
  .cta-section{padding:22px 10px}.cta-card{padding:18px 12px;border-radius:14px}.cta-heading{font-size:20px}
  .cta-btn-p{padding:9px 12px;font-size:11.5px}.cta-btn-s{padding:9px 10px;font-size:11.5px}
  .footer-inner{grid-template-columns:1fr;gap:18px}.site-footer{padding:28px 10px 0}
  .footer-brand-name{font-size:16px}.footer-logo-img{height:26px}
  .fv-sticky{padding:0 10px}.fv-top-h2{font-size:18px}.fv-card{padding:14px 12px}
  .fv-cstats{grid-template-columns:1fr;gap:6px}
  .brand-name-txt{font-size:12px}.brand-item{padding:0 14px}.strip-wrap{padding:0 10px 16px}
  .prob-cta-text{font-size:12px}.prob-cta-btn{padding:9px 14px;font-size:12px}
}
.pt-hex-dot{width:12px;height:13px;display:inline-block;background:#203C7F;clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);animation:mh-pulse-soft 3.6s ease-in-out infinite}
@keyframes mh-pulse-soft{0%{transform:scale(1);opacity:1}50%{transform:scale(1.25);opacity:.6}100%{transform:scale(1);opacity:1}}
.brand-logo{display:block;height:42px;width:auto;max-width:150px;object-fit:contain}
@media(max-width:768px){.brand-logo{height:30px;max-width:100px}}

.fv-section{background:#f0f2f9;position:relative}
.fv-outer{position:relative;z-index:1}
.fv-sticky{position:sticky;background:transparent;top:240px;height:calc(100vh - 58px);display:grid;grid-template-columns:260px 1fr;gap:0;overflow:hidden;max-width:1400px;margin:0 auto;padding:0 clamp(20px,5vw,80px);align-items:start}
.fv-top-header{text-align:center;padding:clamp(36px,5vw,56px) clamp(20px,5vw,80px) clamp(20px,3vw,32px);position:sticky;top:45px;z-index:8;background:rgba(240,242,249,0.96);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.fv-top-eyebrow{font-family:var(--dm-sans);font-size:16px;font-weight:600;letter-spacing:1.5px;color:var(--color-slate)}
.fv-top-h2{font-family:var(--noto-sans);font-size:clamp(26px,3vw,48px);font-weight:700;color:var(--color-dark);letter-spacing:.5px;line-height:1.1;margin-bottom:12px}
.fv-top-h2 em{font-style:normal;color:#38c9a8}
.fv-top-sub{max-width:650px;margin:0 auto;font-family:var(--dm-sans);font-size:16px;color:#888;line-height:1.3;font-weight:500}
.fv-left{display:flex;flex-direction:column;justify-content:flex-start;padding:0 28px 0 0;position:relative;z-index:2}
.fv-eyebrow{font-size:10px;font-weight:700;letter-spacing:2.5px;color:#aaa;text-transform:uppercase;margin-bottom:14px}
.fv-h2{font-family:var(--noto-sans);font-size:clamp(24px,2.6vw,40px);font-weight:900;color:#111;letter-spacing:-1.5px;line-height:1.1;margin-bottom:10px}
.fv-h2 em{font-style:normal;color:#38c9a8}
.fv-sub{font-size:13px;color:#888;line-height:1.65;max-width:290px;margin-bottom:28px}
.fv-tabs{display:flex;flex-direction:column;gap:4px}
.fv-tab{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:11px;cursor:pointer;border:1.5px solid transparent;background:transparent;text-align:left;transition:background .25s,border-color .25s,box-shadow .25s;position:relative}
.fv-tab:hover{background:rgba(0,0,0,.04)}
.fv-tab.on{background:#fff;border-color:#e4e4e4;box-shadow:0 2px 12px rgba(0,0,0,.08)}
.fv-tab::before{content:'';position:absolute;left:0;top:22%;bottom:22%;width:3px;border-radius:0 2px 2px 0;opacity:0;transition:opacity .25s}
.fv-tab.on::before{opacity:1}
.fv-tab.on.fk-audit::before{background:#1a3dba}.fv-tab.on.fk-maintain::before{background:#ff6a3d}
.fv-tab.on.fk-activate::before{background:#38c9a8}.fv-tab.on.fk-connect::before{background:#9ca800}.fv-tab.on.fk-verify::before{background:#9b59f5}
.fv-tab.on .fv-dot{transform:scale(1.3)}.fv-tab.on .fv-tn{color:#111}.fv-tab.on .fv-ts{color:#999}.fv-tab.on .fv-tno{color:#bbb}
.fv-dot{width:9px;height:9px;border-radius:50%;flex-shrink:0;transition:transform .25s;transform:scale(1.3)}
.fv-ti{flex:1;min-width:0}
.fv-tn{font-family:var(--noto-sans);font-size:14px;font-weight:700;color:#111;margin-bottom:2px;transition:color .25s}
.fv-tno{font-size:10px;font-weight:700;color:#bbb;font-family:var(--noto-sans);transition:color .25s}
.fv-ts{font-size:11px;color:#999;font-weight:500;transition:color .25s}
.fv-right{position:relative;overflow:hidden;height:430px}
.fv-card{position:absolute;top:0;left:clamp(20px,3vw,36px);right:0;height:415px;border-radius:22px;padding:clamp(24px,3vw,40px);display:flex;flex-direction:column;gap:16px;transition:transform .55s cubic-bezier(.22,1,.36,1);will-change:transform;overflow:hidden;border:3px solid var(--card-border)}
.fv-card.fv-maintain .fv-cbp{background:#d94500}
.fv-audit{background:var(--primary-100);color:#8DA5DE;--card-border:var(--primary-700)}
.fv-audit .fv-cbp{background:var(--primary-700)}.fv-audit .fv-csn{color:var(--primary-700)}.fv-audit .fv-cname{color:var(--primary-700)}
.fv-maintain{background:var(--orange-100);color:#FD967B;--card-border:var(--orange-400)}
.fv-maintain.fv-cbp,.fv-card.fv-maintain .fv-cbp{background:#d94500}
.fv-maintain .fv-csn{color:var(--orange-400)}.fv-maintain .fv-cname{color:var(--orange-400)}
.fv-activate{background:var(--teal-100);color:#91E0D4;--card-border:var(--teal-500)}
.fv-activate .fv-cbp{background:#1aaa88}.fv-activate .fv-csn{color:var(--teal-500)}.fv-activate .fv-cname{color:var(--teal-500)}
.fv-connect{background:var(--lime-100);color:rgba(168,173,74,0.5);--card-border:var(--olive-500)}
.fv-connect .fv-cname{color:var(--olive-500)}.fv-connect .fv-cbp{background:#7a8a00}.fv-connect .fv-csn{color:var(--olive-500)}
.fv-verify{background:var(--purple-100);color:#C7A0CD;--card-border:var(--purple-400)}
.fv-verify .fv-cname{color:var(--purple-400)}.fv-verify .fv-cbp{background:#7830e0}.fv-verify .fv-csn{color:var(--purple-400)}
.fv-chead{display:flex;align-items:center;}
.fv-cname{font-family:var(--dm-sans);font-weight:900;font-size:64px;line-height:36px;letter-spacing:-0.3px;color:var(--primary-700)}
.fv-ctag{font-family:var(--dm-sans);font-size:16px;font-weight:600;opacity:.5;color:#0f0e0e;margin-bottom:15px}
.fv-ctline{font-family:var(--dm-sans);font-weight:600;font-size:20px;line-height:24px;letter-spacing:0%;color:var(--color-steel)}
.fv-cdesc{font-family:var(--dm-sans);font-weight:500;font-size:16px;line-height:20px;letter-spacing:0%;max-width:570px;height:60px;color:var(--color-neutral-500)}
.fv-cbtns{display:flex;gap:9px;flex-wrap:wrap}
.fv-cbp{font-family:var(--dm-sans);display:inline-flex;align-items:center;gap:5px;padding:9px 20px;border-radius:9px;font-size:16px;font-weight:600;text-decoration:none;color:var(--neutral-50);white-space:nowrap;transition:transform .2s,opacity .2s;background:#7830e0}
.fv-cbp:hover{transform:translateY(-2px);opacity:.88}
.fv-cbs{font-family:var(--dm-sans);display:inline-flex;align-items:center;padding:9px 20px;border-radius:9px;font-size:16px;font-weight:600;text-decoration:none;color:var(--color-steel);background:var(--neutral-50);white-space:nowrap;transition:background .2s}
.fv-cbs:hover{background:rgba(255,255,255,.85)}
.fv-cstats{margin-top:auto;display:grid;grid-template-columns:repeat(3,1fr)}
.fv-cstat{position:relative;margin-top:15px;padding-top:15px;border-top:1px solid #BAC0C9}
.fv-cstat:first-child{padding-left:0}
.fv-cstat:not(:last-child)::after{
     content:"";
    position:absolute;
    top:0;          /* top border ko touch karega */
    bottom:12px;    /* niche gap */
    right:14px;
    width:1px;
    background:#BAC0C9;
}
.fv-csn sup{
    vertical-align:super;
    font-size:60%;
    line-height:0;
}
.fv-csn{font-family:var(--font-plus);font-size:clamp(16px,1.8vw,32px);font-weight:700;letter-spacing:-0.1px;line-height:1;margin-bottom:4px;color:#7830e0; margin-left: 10px;}
.fv-csl{font-family:var(--dm-sans);font-size:16px;font-weight:500;letter-spacing:1px;color:var(--color-slate);line-height:2.4;margin-left:10px}
.fv-step-no{position:absolute;top:25px;right:40px;font-size:92px;line-height:1;font-weight:900;opacity:.9;letter-spacing:-4px;pointer-events:none;user-select:none}
.cta-retail-card{background:#F9FAFB;border-radius:24px;border:1px solid #ECEDEE;padding:clamp(40px,5vw,64px) clamp(28px,4vw,56px);position:relative;overflow:hidden;align-items:center;gap:clamp(32px,5vw,72px);max-width:1200px;margin:0 auto}
.flip-line{display:block;margin-top:20px}
.flip-wrap{display:inline-block;position:relative;overflow:hidden;border-radius:12px;vertical-align:top;transition:background 0.5s ease}
.flip-sizer{display:inline-block;visibility:hidden;font-family:'Noto Sans',sans-serif;font-weight:700;font-size:clamp(58px,7.55vw,79px);line-height:1.3;padding:0.08em 0.28em;white-space:nowrap;letter-spacing:-2px;transition:none}
.flip-item{display:block;font-family:'Noto Sans',sans-serif;font-weight:700;font-size:clamp(58px,7.55vw,79px);line-height:1.3;padding:0.08em 0.28em;white-space:nowrap;letter-spacing:-2px;position:absolute;top:0;left:0;right:0;transform:translateY(110%);opacity:0;transition:transform 0.55s cubic-bezier(0.22,1,0.36,1),opacity 0.4s ease}
.flip-item.active{transform:translateY(0%);opacity:1}
.flip-item.exit{transform:translateY(-110%);opacity:0}
.body-text{font-size:16.5px;color:var(--muted);line-height:1.65;max-width:480px;font-weight:400;margin-top:29px}
.p-dot-icon{width:12px;height:12px;opacity:1;border-radius:4px;background:var(--neutral-dot)}
.cta-geoo{position:absolute;top:22px;right:48px;z-index:5;pointer-events:none}
.brand-iconn{width:120px;height:auto;display:block;object-fit:contain}
@media(max-width:768px){
  .fv-top-h2{font-size:clamp(22px,6vw,32px)}.fv-top-sub{font-size:13px}
  .fv-cstats{grid-template-columns:1fr 1fr;gap:8px}.fv-card{padding:18px 16px;gap:14px}
  .fv-tab{padding:6px 10px}.fv-tn{font-size:12px}
}
@media(max-width:480px){
  .fv-top-h2{font-size:clamp(20px,7vw,28px);letter-spacing:-1px}.fv-cstats{grid-template-columns:1fr 1fr}
  .fv-csn{font-size:16px}.fv-cbtns{gap:7px}.fv-cbp,.fv-cbs{padding:8px 14px;font-size:12px}
  .fv-tab{padding:5px 9px}.fv-tn{font-size:11.5px}
}
@media(max-width:1100px){
  .hero{flex-direction:column;min-height:auto;padding:36px 20px 44px;gap:40px}
  .left{flex:0 0 100%;max-width:100%}.dash-card{flex:0 0 100%;max-width:600px;width:100%;align-self:center}
  h1{font-size:clamp(44px,6vw,68px)}.mhos-container{grid-template-columns:1fr;gap:40px}
  .mhos-dashboard{max-width:680px;margin:0 auto;width:100%}.uc-grid{grid-template-columns:repeat(2,1fr)}
  .fv-outer{height:auto !important}
  .fv-sticky{position:relative !important;top:0 !important;height:auto !important;grid-template-columns:1fr !important;overflow:visible !important;padding:0 clamp(16px,4vw,32px) !important}
  .fv-left{position:sticky !important;top:58px !important;z-index:10 !important;background:rgba(240,242,249,0.95) !important;backdrop-filter:blur(8px) !important;padding:8px 0 !important;border-bottom:1px solid #e8e8e8 !important;justify-content:flex-start !important;height:auto !important}
  .fv-sub,.fv-eyebrow,.fv-h2{display:none !important}
  .fv-tabs{flex-direction:row !important;flex-wrap:nowrap !important;overflow-x:auto !important;gap:6px !important;padding-bottom:4px !important;scrollbar-width:none !important;-webkit-overflow-scrolling:touch !important;display:flex !important}
  .fv-tabs::-webkit-scrollbar{display:none}
  .fv-tab{flex-shrink:0 !important;padding:7px 14px !important;border-radius:9px !important}
  .fv-tab::before{display:none !important}.fv-ts,.fv-tno{display:none !important}.fv-tn{font-size:13px !important;font-weight:600 !important}
  .fv-right{position:relative !important;overflow:visible !important;height:auto !important;padding:16px 0 24px !important;display:flex !important;flex-direction:column !important;gap:16px !important}
  .fv-card{position:relative !important;left:auto !important;right:auto !important;top:auto !important;transform:none !important;transition:none !important;height:auto !important;width:100% !important;overflow:hidden !important;display:flex !important}
  .fv-cstats{grid-template-columns:repeat(3,1fr) !important}
  .fv-top-header{position:relative !important;top:auto !important;backdrop-filter:none !important;-webkit-backdrop-filter:none !important;background:#f0f2f9 !important;padding:clamp(28px,5vw,44px) clamp(16px,4vw,40px) clamp(14px,2.5vw,20px) !important}
}
@media(max-width:768px){
  .fv-top-header{padding:24px 20px 14px !important}.fv-top-h2{font-size:clamp(22px,6vw,32px) !important}.fv-top-sub{font-size:13px !important}
  .fv-card{padding:20px 18px !important;gap:13px !important;border-radius:18px !important}.fv-cbp,.fv-cbs{padding:9px 16px !important;font-size:12.5px !important}
}
@media(max-width:580px){
  .fv-top-header{padding:20px 16px 12px !important}.fv-top-h2{font-size:clamp(20px,7vw,28px) !important}
  .fv-card{padding:18px 16px !important;gap:11px !important;border-radius:16px !important}
  .fv-cstats{grid-template-columns:1fr 1fr 1fr !important;gap:6px !important}.fv-cstat{padding:10px 10px !important}
  .fv-csn{font-size:16px !important}.fv-cbp,.fv-cbs{padding:8px 14px !important;font-size:12px !important}
  .fv-cdesc{font-size:12px !important;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}
}
@media(max-width:390px){
  .fv-top-header{padding:16px 14px 10px !important}.fv-top-h2{font-size:18px !important;letter-spacing:-1px !important}
  .fv-card{padding:16px 14px !important}.fv-cname{font-size:18px !important}
  .fv-cbtns{flex-direction:column !important;gap:7px !important}.fv-cbp,.fv-cbs{width:100% !important;justify-content:center !important}
  .fv-tab{padding:6px 10px !important}.fv-tn{font-size:11.5px !important}.fv-cstats{grid-template-columns:1fr 1fr !important}
}

/* Model css codes*/
  .package-modal{
    position:fixed;
    inset:0;
    background:rgba(15,23,42,.65);
    backdrop-filter:blur(6px);
    display:none;
    align-items:center;
    justify-content:center;
    padding:24px;
    z-index:99999;
}

.package-modal.active{
    display:flex;
}

.package-box{
    width:100%;
    max-width:900px;
    background:#fff;
    border-radius:24px;
    padding:40px;
    position:relative;
    box-shadow:0 30px 80px rgba(0,0,0,.15);
}

.package-close{
    position:absolute;
    top:18px;
    right:18px;
    width:42px;
    height:42px;
    border:none;
    border-radius:50%;
    background:#f3f4f6;
    cursor:pointer;
    font-size:24px;
    line-height:1;
    display:flex;
    align-items:center;
    justify-content:center;
    transition:.3s;
}

.package-close:hover{
    background:#e5e7eb;
    transform:rotate(90deg);
}

.package-head{
    margin-bottom:30px;
}

.package-head h3{
    margin:0 0 10px;
    font-size:36px;
    font-weight:700;
}

.package-head p{
    margin:0;
    color:#667085;
}

.package-list{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:20px;
}

.pkg-card{
    border:1px solid #e5e7eb;
    border-radius:20px;
    padding:24px;
    transition:.3s;
}

.pkg-card:hover{
    transform:translateY(-4px);
    box-shadow:0 10px 30px rgba(0,0,0,.08);
}

.pkg-card h4{
    margin:0 0 12px;
    font-size:22px;
}

.pkg-card p{
    margin:0 0 20px;
    color:#667085;
    line-height:1.6;
}

.pkg-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:12px 18px;
    border-radius:10px;
    background:#1a3dba;
    color:#fff;
    text-decoration:none;
    font-weight:600;
}

  .quote-modal{
    position:fixed;
    inset:0;
    background:rgba(0,0,0,.65);
    display:none;
    align-items:center;
    justify-content:center;
    z-index:99999;
    padding:20px;
}

.quote-modal.active{
    display:flex;
}

.quote-modal-box{
    width:100%;
    max-width:550px;
    background:#fff;
    border-radius:24px;
    padding:32px;
    position:relative;
}

.quote-close{
    position:absolute;
    top:16px;
    right:16px;
    border:none;
    background:none;
    font-size:28px;
    cursor:pointer;
}

.quote-head h3{
    font-size:32px;
    margin:0 0 10px;
}

.quote-head p{
    margin-bottom:25px;
    color:#667085;
}

.qf-row{
    margin-bottom:16px;
}

.qf-row input,
.qf-row textarea{
    width:100%;
    border:1px solid #d0d5dd;
    border-radius:12px;
    padding:14px 16px;
    outline:none;
}

.quote-submit{
    width:100%;
    border:none;
    padding:15px;
    border-radius:12px;
    background:#1a3dba;
    color:#fff;
    font-weight:700;
}