/* ================= HERO ================= */
.hero-section{position:relative;overflow:hidden;background:#05070E;background:linear-gradient(160deg,#05070E 0%,#070B1A 45%,#0A1230 100%);}
.hero-bg{position:absolute;inset:0;overflow:hidden;pointer-events:none;}
.hero-orb{position:absolute;border-radius:50%;filter:blur(70px);opacity:.55;animation:heroFloat 9s ease-in-out infinite;}
.hero-orb-a{width:360px;height:360px;background:radial-gradient(circle,#2547FF 0%,rgba(37,71,255,0) 70%);top:-80px;left:-60px;}
.hero-orb-b{width:420px;height:420px;background:radial-gradient(circle,#38BDF8 0%,rgba(56,189,248,0) 70%);bottom:-140px;right:-100px;animation-delay:-4s;}
.hero-grid{position:absolute;inset:0;opacity:.5;}
@keyframes heroFloat{0%,100%{transform:translateY(0) translateX(0);}50%{transform:translateY(-22px) translateX(14px);}}
.hero-container{position:relative;z-index:2;padding-top:64px;padding-bottom:48px;}
.hero-title{font-size:3.35rem;line-height:1.08;font-weight:800;margin:0 0 20px;letter-spacing:-.02em;background:linear-gradient(92deg,#EAF1FF 0%,#8FB4FF 45%,#38BDF8 100%);-webkit-background-clip:text;background-clip:text;color:transparent;}
.hero-desc{color:#B7C2DE;font-size:1.05rem;line-height:1.75;max-width:560px;margin:0 0 30px;}
.hero-ctas{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:36px;}
.hero-cta-primary,.hero-cta-secondary{border:none;cursor:pointer;font-size:.95rem;font-weight:700;padding:15px 26px;border-radius:12px;transition:transform .25s ease,box-shadow .25s ease,background .25s ease;}
.hero-cta-primary{background:linear-gradient(95deg,#3557FF,#38BDF8);color:#04060D;box-shadow:0 14px 30px -10px rgba(56,140,255,.65);}
.hero-cta-primary:hover{transform:translateY(-3px);box-shadow:0 20px 38px -8px rgba(56,140,255,.8);}
.hero-cta-secondary{background:rgba(255,255,255,.04);color:#EAF1FF;border:1px solid rgba(148,171,255,.4);}
.hero-cta-secondary:hover{background:rgba(148,171,255,.12);transform:translateY(-3px);}
.hero-trust{border-top:1px solid rgba(148,171,255,.18);padding-top:22px;}
.hero-trust-label{display:block;color:#fff;font-size:1rem;text-transform:uppercase;letter-spacing:.08em;margin-bottom:10px; font-weight:700; text-align:center;}
.hero-trust-list{display:flex; justify-content: center; flex-wrap:wrap;gap:10px 22px;}
.hero-trust-list span{display:inline-flex;align-items:center;gap:7px;color:#fff;font-size:.9rem;font-weight:600;opacity:.85;}
.hero-trust-list span svg{width:16px;height:16px;flex:0 0 auto;}

/* ---- hero dashboard visual ---- */
.hero-visual-col{position:relative;min-height:420px;}
.hero-visual{position:relative;display:flex;align-items:flex-start;gap:16px;}
.hero-dash{flex:1 1 64%;min-width:0;background:linear-gradient(165deg,rgba(15,23,50,.85),rgba(7,10,24,.9));border:1px solid rgba(120,150,255,.28);border-radius:18px;backdrop-filter:blur(14px);box-shadow:0 30px 60px -20px rgba(0,10,40,.65);padding:18px 18px 16px;}
.hero-dash-head{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(120,150,255,.18);padding-bottom:14px;margin-bottom:16px;}
.hero-dash-head-left{display:flex;align-items:center;gap:9px;color:#EAF1FF;font-weight:800;font-size:.86rem;letter-spacing:.02em;text-transform:uppercase;}
.hero-dash-head-left svg{width:19px;height:19px;flex:0 0 auto;}
.hero-dash-live{display:inline-flex;align-items:center;gap:6px;color:#22C55E;font-weight:700;font-size:.74rem;text-transform:uppercase;letter-spacing:.06em;}
.hero-dash-live-dot{width:7px;height:7px;border-radius:50%;background:#22C55E;box-shadow:0 0 8px #22C55E;animation:dashPulse 1.6s ease-in-out infinite;}
@keyframes dashPulse{0%,100%{opacity:1;transform:scale(1);}50%{opacity:.4;transform:scale(1.4);}}
.hero-dash-users{margin-bottom:6px;}
.hero-dash-users-label{display:block;color:#7C8CBE;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px;}
.hero-dash-users-row{display:flex;align-items:center;gap:6px;}
.hero-dash-avatar{display:flex;align-items:center;justify-content:center;width:22px;height:22px;flex:0 0 auto;border-radius:50%;background:linear-gradient(160deg,#2547FF,#16214A);border:1px solid rgba(148,180,255,.4);}
.hero-dash-avatar svg{width:13px;height:13px;}
.hero-dash-users-more{color:#5C6C9E;font-weight:800;letter-spacing:1px;margin-left:2px;}
.hero-dash-users-lines{display:block;width:100%;height:34px;margin-top:2px;}
.hero-dash-node{position:relative;background:linear-gradient(160deg,#101B3C,#0A0E1E);border:1px solid rgba(120,150,255,.32);border-radius:12px;padding:10px 14px;box-shadow:0 12px 22px -14px rgba(20,60,180,.5);}
.hero-dash-node-icon{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:8px;background:rgba(56,120,255,.16);margin-right:8px;}
.hero-dash-node-icon svg{width:15px;height:15px;}
.hero-dash-lb{margin:0 auto;max-width:260px;text-align:left;}
.hero-dash-node-title{color:#EAF1FF;font-weight:800;font-size:.78rem;vertical-align:middle;}
.hero-dash-bar{display:block;margin-top:8px;height:5px;border-radius:4px;background:rgba(120,150,255,.16);overflow:hidden;}
.hero-dash-bar-fill{display:block;height:100%;width:var(--w);border-radius:4px;animation:dashBarGrow 1.4s ease forwards;}
@keyframes dashBarGrow{from{width:0;}}
.hero-dash-bar-green{background:linear-gradient(90deg,#22C55E,#4ADE80);}
.hero-dash-connector{display:block;width:100%;height:34px;}
.hero-dash-connector path{stroke:url(#hg1);stroke-width:1.6;opacity:.6;}
.hero-dash-servers{display:flex;gap:12px;}
.hero-dash-server{flex:1;min-width:0;}
.hero-dash-node-stat{display:block;color:#8494BE;font-size:.66rem;margin-top:6px;}
.hero-dash-node-stat strong{color:#EAF1FF;font-weight:800;}
.hero-dash-db{max-width:220px;margin:0 auto;}
.hero-dash-node-stat-ok{display:flex;align-items:center;gap:5px;color:#22C55E;font-weight:700;font-size:.72rem;margin-top:5px;}
.hero-dash-node-stat-ok svg{width:13px;height:13px;}
.hero-dash-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:16px;border-top:1px solid rgba(120,150,255,.18);padding-top:14px;}
.hero-dash-metric{min-width:0;}
.hero-dash-metric-head{display:flex;align-items:center;gap:5px;color:#8494BE;font-size:.62rem;font-weight:700;margin-bottom:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.hero-dash-metric-head svg{width:12px;height:12px;flex:0 0 auto;}
.hero-dash-metric-value{display:block;font-weight:800;font-size:1rem;margin-bottom:4px;}
.hero-dash-metric-spark{display:block;width:100%;height:20px;}

/* floating status cards */
.hero-float-stack{flex:0 0 34%;display:flex;flex-direction:column;gap:14px;min-width:0;}
.hero-float-card{position:relative;background:linear-gradient(160deg,rgba(15,23,50,.85),rgba(7,10,24,.92));border-radius:16px;padding:16px;backdrop-filter:blur(10px);box-shadow:0 24px 44px -20px rgba(0,10,40,.6);animation:heroFloatCard 5s ease-in-out infinite;animation-delay:calc(var(--fx) * -1.1s);}
@keyframes heroFloatCard{0%,100%{transform:translateY(0);}50%{transform:translateY(-8px);}}
.hero-float-alert{border:1px solid rgba(239,68,68,.4);box-shadow:0 24px 44px -20px rgba(180,30,30,.35);}
.hero-float-peak{border:1px solid rgba(56,189,248,.4);}
.hero-float-stable{border:1px solid rgba(34,197,94,.4);box-shadow:0 24px 44px -20px rgba(20,150,80,.35);}
.hero-float-card-icon{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;margin-bottom:10px;}
.hero-float-card-icon svg{width:18px;height:18px;}
.hero-float-card-icon-red{background:rgba(239,68,68,.14);}
.hero-float-card-icon-blue{background:rgba(56,189,248,.14);}
.hero-float-card-icon-green{background:rgba(34,197,94,.14);}
.hero-float-card-title{display:block;font-weight:800;font-size:.85rem;margin-bottom:6px;}
.hero-float-card-title-red{color:#F87171;}
.hero-float-card-title-blue{color:#38BDF8;}
.hero-float-card-title-green{color:#4ADE80;}
.hero-float-card-sub{display:block;color:#9AA6C9;font-size:.74rem;line-height:1.5;}
.hero-float-card-strong-red{color:#F87171;font-weight:800;}
.hero-float-card-big{display:block;color:#EAF1FF;font-weight:800;font-size:1.4rem;margin:2px 0;}
.hero-float-card-spark{display:block;width:100%;height:22px;margin-top:10px;}
.hero-float-card-bars{display:flex;align-items:flex-end;gap:3px;height:34px;margin-top:10px;}
.hero-float-card-bars span{flex:1;height:var(--h);border-radius:2px 2px 0 0;background:linear-gradient(180deg,#38BDF8,#1B2C63);}

/* ================= WHY (flow diagram) ================= */
.why-section{padding:30px 0;background:#080B16;}
.why-head{max-width:760px;margin:6px auto 30px;text-align:center;}
.why-title{font-size:2.1rem;font-weight:800;background:linear-gradient(95deg,#8FB4FF 0%,#38BDF8 100%);-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:16px;letter-spacing:-.01em;}
.why-desc{color:#AEBAD8;font-size:1rem;line-height:1.75;}
.why-flow{display:flex;flex-wrap:nowrap;align-items:stretch;justify-content:center;gap:0;margin-bottom:10px;overflow-x:auto;overflow-y:hidden;padding:4px 4px 14px;-webkit-overflow-scrolling:touch;scrollbar-width:thin;}
.why-flow-item{display:flex;align-items:center;flex:0 0 auto;}
.why-flow-card{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 14px;min-width:118px;flex:0 0 auto;border-radius:14px;background:linear-gradient(160deg,#101B3C 0%,#0A0E1E 100%);border:1px solid rgba(120,150,255,.3);color:#DCE4FF;box-shadow:0 12px 24px -14px rgba(30,60,180,.5);transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease,background .35s ease;}
.why-flow-card:hover{transform:translateY(-8px);border-color:rgba(88,160,255,.7);box-shadow:0 26px 46px -16px rgba(30,90,220,.6);background:linear-gradient(160deg,#152552 0%,#0B1024 100%);}
.why-flow-icon{display:flex;align-items:center;justify-content:center;width:38px;height:38px;flex:0 0 auto;border-radius:11px;background:rgba(56,120,255,.14);}
.why-flow-icon svg{width:20px;height:20px;}
.why-flow-label{font-size:.76rem;font-weight:700;white-space:nowrap;text-align:center;}
.why-flow-card-end{background:linear-gradient(95deg,#3557FF,#38BDF8);color:#04060D;border-color:transparent;}
.why-flow-card-end .why-flow-icon{background:rgba(4,6,13,.16);}
.why-flow-card-end:hover{background:linear-gradient(95deg,#4C6FFF,#5AD2FF);}
.why-flow-arrow{width:22px;height:22px;margin:0 4px;flex:0 0 auto;animation:whyArrow 1.8s ease-in-out infinite;}
@keyframes whyArrow{0%,100%{transform:translateX(0);opacity:.7;}50%{transform:translateX(4px);opacity:1;}}
.why-flow::-webkit-scrollbar{height:6px;}
.why-flow::-webkit-scrollbar-thumb{background:rgba(102,132,224,.4);border-radius:6px;}

/* ================= SERVICES (flip cards) ================= */
.services-section{padding:30px 0;background:#05070E;}
.services-head{max-width:820px;margin:6px auto 40px;text-align:center;}
.services-title{font-size:2.1rem;font-weight:800;margin-bottom:16px;background:linear-gradient(95deg,#EAF1FF,#8FB4FF 55%,#38BDF8);-webkit-background-clip:text;background-clip:text;color:transparent;letter-spacing:-.01em;}
.services-title span{display:block;font-size:1.15rem;font-weight:600;color:#93A3C9;-webkit-text-fill-color:#93A3C9;}
.services-desc{color:#AEBAD8;font-size:1rem;line-height:1.75;}
.services-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-bottom:20px;}
.services-card{position:relative;background:transparent;border:none;border-radius:16px;padding:0;perspective:1400px;height:230px;cursor:pointer;}
.services-card-inner{position:relative;width:100%;height:100%;transition:transform .7s cubic-bezier(.4,.2,.2,1);transform-style:preserve-3d;}
.services-card:hover .services-card-inner,.services-card:focus .services-card-inner,.services-card:focus-within .services-card-inner,.services-card.is-flipped .services-card-inner{transform:rotateY(180deg);}
.services-card-face{position:absolute;inset:0;-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:16px;padding:28px 24px;display:flex;flex-direction:column;align-items:flex-start;}
.services-card-front{background:linear-gradient(165deg,#0E1730 0%,#0A0F22 100%);border:1px solid rgba(102,132,224,.28);box-shadow:0 20px 40px -20px rgba(20,60,180,.5);justify-content:center;}
.services-card-back{background:linear-gradient(165deg,#FFFFFF 0%,#F3F6FF 100%);border:1px solid rgba(102,132,224,.35);transform:rotateY(180deg);justify-content:center;box-shadow:0 26px 46px -16px rgba(20,40,120,.35);}
.services-card-icon{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:12px;background:rgba(56,120,255,.16);margin-bottom:18px;}
.services-card-icon svg{width:26px;height:26px;stroke-width:2.2;}
.services-card-icon-sm{background:rgba(56,120,255,.12);width:44px;height:44px;margin-bottom:12px;}
.services-card-icon-sm svg{width:22px;height:22px;}
.services-card-title{color:#EAF1FF;font-size:1.08rem;font-weight:800;margin-bottom:10px;}
.services-card-title-sm{color:#0B1230;font-size:.98rem;margin-bottom:8px;}
.services-card-text{color:#3B4568;font-size:.88rem;line-height:1.6;margin:0;font-weight:600;}
.services-card-hint{color:#7E8DBF;font-size:.76rem;font-weight:600;letter-spacing:.02em;}

/* ================= INDUSTRIES ================= */
.industries-section{padding:30px 0;background:#080B16;}
.industries-head{max-width:820px;margin:6px auto 40px;text-align:center;}
.industries-title{font-size:2.1rem;font-weight:800;background:linear-gradient(95deg,#8FB4FF 0%,#38BDF8 100%);-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:16px;letter-spacing:-.01em;}
.industries-desc{color:#AEBAD8;font-size:1rem;line-height:1.75;}
.industries-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin-bottom:20px;}
.industries-card{display:flex;align-items:center;gap:12px;padding:16px 16px;border-radius:12px;background:linear-gradient(160deg,#0F1830,#0A0E1E);border:1px solid rgba(102,132,224,.2);color:#DCE4FF;text-decoration:none;font-weight:700;font-size:.9rem;transition:transform .3s ease,border-color .3s ease,background .3s ease;}
.industries-card:hover{transform:translateY(-6px);border-color:rgba(88,160,255,.6);background:linear-gradient(160deg,#132049,#0B1024);color:#FFFFFF;text-decoration:none;}
.industries-card-icon{display:flex;align-items:center;justify-content:center;width:34px;height:34px;flex:0 0 auto;border-radius:9px;background:rgba(56,120,255,.16);}
.industries-card-icon svg{width:18px;height:18px;}
.industries-card-name{flex:1;}
.industries-card-arrow{width:16px;height:16px;flex:0 0 auto;opacity:.65;transition:opacity .3s ease,transform .3s ease;}
.industries-card:hover .industries-card-arrow{opacity:1;transform:translate(2px,-2px);}

/* ================= WHY CHOOSE US ================= */
.choose-section{padding:30px 0;background:#05070E;}
.choose-head{max-width:820px;margin:6px auto 30px;text-align:center;}
.choose-title{font-size:2.1rem;font-weight:800;background:linear-gradient(95deg,#EAF1FF,#8FB4FF 55%,#38BDF8);-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:16px;letter-spacing:-.01em;}
.choose-desc{color:#AEBAD8;font-size:1rem;line-height:1.75;}
.choose-row{margin-top:14px;}
.choose-list{list-style:none;margin:0;padding:0;}
.choose-list-item{display:flex;align-items:center;gap:14px;padding:16px 18px;margin-bottom:14px;border-radius:12px;background:linear-gradient(160deg,#0F1830,#0A0E1E);border:1px solid rgba(102,132,224,.2);color:#DCE4FF;font-weight:600;font-size:.95rem;transition:transform .3s ease,border-color .3s ease,background .3s ease,color .3s ease;}
.choose-list-item:hover{transform:translateX(6px);border-color:rgba(88,160,255,.7);background:linear-gradient(95deg,#3557FF,#38BDF8);color:#04060D;}
.choose-list-item:hover svg{stroke:#04060D;}
.choose-list-item svg{width:22px;height:22px;flex:0 0 auto;}
.choose-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;}
.choose-stat-card{background:linear-gradient(165deg,#0E1730,#0A0F22);border:1px solid rgba(102,132,224,.22);border-radius:14px;padding:22px 18px;text-align:center;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;}
.choose-stat-card:hover{transform:translateY(-6px);border-color:rgba(88,160,255,.55);box-shadow:0 20px 36px -18px rgba(30,80,220,.55);}
.choose-stat-value{display:block;font-size:1.5rem;font-weight:800;background:linear-gradient(95deg,#8FB4FF,#38BDF8);-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:6px;}
.choose-stat-label{color:#93A3C9;font-size:.8rem;font-weight:600;}

/* ================= PROCESS (signature flow) ================= */
.process-section{padding:30px 0;background:#080B16;position:relative;}
.process-head{max-width:820px;margin:6px auto 50px;text-align:center;}
.process-title{font-size:2.1rem;font-weight:800;background:linear-gradient(95deg,#8FB4FF 0%,#38BDF8 100%);-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:16px;letter-spacing:-.01em;}
.process-desc{color:#AEBAD8;font-size:1rem;line-height:1.75;}
.process-flow{position:relative;max-width:640px;margin:0 auto 20px;padding-left:8px;}
.process-flow-line{position:absolute;left:20px;top:0;width:6px;height:100%;overflow:visible;}
.process-flow-line line{stroke:rgba(102,132,224,.28);stroke-width:2;}
.process-flow-pulse{fill:#38BDF8;filter:drop-shadow(0 0 6px #38BDF8);}
.process-step{position:relative;display:flex;align-items:center;gap:20px;padding:16px 0 16px 46px;opacity:0;transform:translateY(16px);animation:processIn .6s ease forwards;animation-delay:calc(var(--i) * .08s);}
@keyframes processIn{to{opacity:1;transform:translateY(0);}}
.process-step-num{position:absolute;left:0;top:50%;transform:translateY(-50%);width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(160deg,#16214A,#0B0F22);border:1px solid rgba(102,132,224,.4);color:#8FB4FF;font-weight:800;font-size:.78rem;transition:background .3s ease,color .3s ease,border-color .3s ease;}
.process-step-label{background:linear-gradient(160deg,#0F1830,#0A0E1E);border:1px solid rgba(102,132,224,.2);border-radius:12px;padding:14px 20px;color:#DCE4FF;font-weight:700;font-size:.95rem;width:100%;transition:transform .3s ease,border-color .3s ease,background .3s ease,color .3s ease;}
.process-step:hover .process-step-label{transform:translateX(6px);border-color:rgba(88,160,255,.7);background:linear-gradient(95deg,#3557FF,#38BDF8);color:#04060D;}
.process-step:hover .process-step-num{background:linear-gradient(160deg,#3557FF,#1B2C63);color:#EAF1FF;border-color:transparent;}

/* ================= TOOLS (marquee) ================= */
.tools-section{padding:30px 0;background:#05070E;overflow:hidden;}
.tools-head{max-width:820px;margin:6px auto 34px;text-align:center;}
.tools-title{font-size:2.1rem;font-weight:800;background:linear-gradient(95deg,#8FB4FF 0%,#38BDF8 100%);-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:16px;letter-spacing:-.01em;}
.tools-desc{color:#AEBAD8;font-size:1rem;line-height:1.75;}
.tools-marquee{width:100%;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);}
.tools-track{display:flex;gap:16px;width:max-content;animation:toolsScroll 26s linear infinite;padding:6px 0 20px;}
@keyframes toolsScroll{from{transform:translateX(0);}to{transform:translateX(-50%);}}
.tools-pill{flex:0 0 auto;display:inline-flex;align-items:center;gap:12px;padding:10px 24px 10px 10px;border-radius:999px;background:linear-gradient(160deg,#101A38,#0A0E1E);border:1px solid rgba(102,132,224,.28);color:#DCE4FF;font-weight:700;font-size:.9rem;transition:border-color .3s ease,transform .3s ease;}
.tools-pill:hover{border-color:rgba(88,160,255,.7);transform:translateY(-4px);}
.tools-pill-logo{border-radius:50%;background:rgba(255,255,255,.92);padding:4px;flex:0 0 auto;width: 50px;height:50px;display:flex;align-items:center;justify-content:center;}

/* ================= APPLICATIONS (single-column accordion) ================= */
.apps-section{padding:30px 0;background:#080B16;}
.apps-head{max-width:860px;margin:6px auto 40px;text-align:center;}
.apps-title{font-size:2.1rem;font-weight:800;background:linear-gradient(95deg,#8FB4FF 0%,#38BDF8 100%);-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:16px;letter-spacing:-.01em;}
.apps-desc{color:#AEBAD8;font-size:1rem;line-height:1.75;}
.apps-accordion{max-width:760px;margin:0 auto 20px;}
.apps-row{background:linear-gradient(160deg,#0F1830,#0A0E1E);border:1px solid rgba(102,132,224,.22);border-radius:14px;margin-bottom:14px;overflow:hidden;transition:border-color .3s ease,transform .3s ease;}
.apps-row:hover{border-color:rgba(88,160,255,.5);transform:translateX(4px);}
.apps-row-head{width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 20px;background:transparent;border:none;cursor:pointer;text-align:left;}
.apps-row-left{display:flex;align-items:center;gap:14px;}
.apps-row-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;flex:0 0 auto;border-radius:10px;background:rgba(56,120,255,.14);}
.apps-row-icon svg{width:20px;height:20px;}
.apps-row-name{color:#EAF1FF;font-weight:800;font-size:.98rem;}
.apps-row-arrow{width:20px;height:20px;flex:0 0 auto;color:#8FB4FF;transition:transform .3s ease;}
.apps-row-head[aria-expanded="true"] .apps-row-arrow{transform:rotate(180deg);}
.apps-row-panel{padding:0 20px 18px 74px;color:#A3AFCC;font-size:.88rem;line-height:1.65;}
.apps-row-panel p{margin:0;}

/* ================= BENEFITS (zigzag) ================= */
.benefits-section{padding:30px 0;background:#05070E;}
.benefits-title{font-size:2.1rem;font-weight:800;background:linear-gradient(95deg,#8FB4FF 0%,#38BDF8 100%);-webkit-background-clip:text;background-clip:text;color:transparent;text-align:center;margin:6px 0 40px;letter-spacing:-.01em;}
.benefits-zigzag{max-width:920px;margin:0 auto 20px;display:flex;flex-direction:column;gap:22px;}
.benefits-row{display:flex;align-items:center;gap:24px;}
.benefits-row-left{flex-direction:row;}
.benefits-row-right{flex-direction:row-reverse;}
.benefits-card-num{flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:50%;font-size:1.3rem;font-weight:800;background:linear-gradient(160deg,#16214A,#0B0F22);border:1px solid rgba(102,132,224,.4);color:#8FB4FF;transition:background .35s ease,color .35s ease,border-color .35s ease;}
.benefits-row:hover .benefits-card-num{background:linear-gradient(95deg,#3557FF,#38BDF8);color:#04060D;border-color:transparent;}
.benefits-card{flex:1;background:linear-gradient(165deg,#0E1730,#0A0F22);border:1px solid rgba(102,132,224,.22);border-radius:14px;padding:22px 26px;transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease,background .35s ease;}
.benefits-row-left .benefits-card:hover{transform:translateX(8px) translateY(-4px);}
.benefits-row-right .benefits-card:hover{transform:translateX(-8px) translateY(-4px);}
.benefits-card:hover{border-color:rgba(88,160,255,.55);box-shadow:0 24px 42px -18px rgba(30,80,220,.55);background:linear-gradient(165deg,#132049,#0B1024);}
.benefits-card-title{color:#EAF1FF;font-size:1rem;font-weight:700;margin-bottom:8px;}
.benefits-card-text{color:#A3AFCC;font-size:.87rem;line-height:1.6;margin:0;}

/* ================= LOCAL / DUBAI PROVIDER ================= */
.local-section{padding:30px 0;background:#080B16;}
.local-head{max-width:820px;margin:6px auto 30px;text-align:center;}
.local-title{font-size:2.1rem;font-weight:800;background:linear-gradient(95deg,#8FB4FF 0%,#38BDF8 100%);-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:16px;letter-spacing:-.01em;}
.local-desc{color:#AEBAD8;font-size:1rem;line-height:1.75;}
.local-pills{display:flex;flex-wrap:wrap;justify-content:center;gap:14px;margin-bottom:20px;}
.local-pill{display:inline-flex;align-items:center;gap:10px;padding:12px 20px;border-radius:999px;background:linear-gradient(160deg,#101A38,#0A0E1E);border:1px solid rgba(102,132,224,.28);color:#DCE4FF;font-weight:700;font-size:.85rem;transition:transform .3s ease,border-color .3s ease,background .3s ease,color .3s ease;}
.local-pill-icon{width:18px;height:18px;flex:0 0 auto;transition:stroke .3s ease;}
.local-pill:hover{transform:translateY(-4px);border-color:rgba(88,160,255,.7);background:linear-gradient(95deg,#3557FF,#38BDF8);color:#04060D;}
.local-pill:hover .local-pill-icon{stroke:#04060D;}

/* ================= ENGAGEMENT MODELS ================= */
.engage-section{padding:30px 0;background:#05070E;}
.engage-head{max-width:840px;margin:6px auto 40px;text-align:center;}
.engage-title{font-size:2.1rem;font-weight:800;background:linear-gradient(95deg,#EAF1FF,#8FB4FF 55%,#38BDF8);-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:16px;letter-spacing:-.01em;}
.engage-desc{color:#AEBAD8;font-size:1rem;line-height:1.75;}
.engage-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:20px;}
.engage-card{background:linear-gradient(165deg,#0E1730,#0A0F22);border:1px solid rgba(102,132,224,.22);border-radius:14px;padding:26px 22px;transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease;}
.engage-card:hover{transform:translateY(-10px) scale(1.02);border-color:rgba(88,160,255,.55);box-shadow:0 24px 42px -18px rgba(30,80,220,.55);}
.engage-card-icon{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:12px;background:rgba(56,120,255,.14);margin-bottom:16px;transition:transform .35s ease;}
.engage-card:hover .engage-card-icon{transform:rotate(-8deg) scale(1.08);}
.engage-card-icon svg{width:24px;height:24px;}
.engage-card-title{color:#EAF1FF;font-size:1rem;font-weight:700;margin-bottom:10px;}
.engage-card-text{color:#A3AFCC;font-size:.87rem;line-height:1.6;margin:0;}

/* ================= TECH EXPERTISE (tabs) ================= */
.tech-section{padding:30px 0;background:#080B16;}
.tech-head{max-width:840px;margin:6px auto 34px;text-align:center;}
.tech-title{font-size:2.1rem;font-weight:800;background:linear-gradient(95deg,#8FB4FF 0%,#38BDF8 100%);-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:16px;letter-spacing:-.01em;}
.tech-desc{color:#AEBAD8;font-size:1rem;line-height:1.75;}
.tech-tabs{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:26px;}
.tech-tab{cursor:pointer;padding:10px 18px;border-radius:999px;background:rgba(16,24,50,.7);border:1px solid rgba(102,132,224,.22);color:#93A3C9;font-size:.82rem;font-weight:700;transition:all .3s ease;}
.tech-tab:hover{border-color:rgba(88,160,255,.5);color:#DCE4FF;}
.tech-tab.is-active{background:linear-gradient(95deg,#3557FF,#38BDF8);color:#04060D;border-color:transparent;}
.tech-panel{display:none;margin-bottom:10px;}
.tech-panel.is-active{display:block;}
.tech-pill-list{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;}
.tech-pill{display:inline-flex;align-items:center;gap:9px;padding:9px 16px 9px 9px;border-radius:10px;background:linear-gradient(160deg,#101A38,#0A0E1E);border:1px solid rgba(102,132,224,.24);color:#DCE4FF;font-size:.83rem;font-weight:600;transition:transform .3s ease,border-color .3s ease,background .3s ease;}
.tech-pill:hover{transform:translateY(-3px);border-color:rgba(88,160,255,.65);background:linear-gradient(160deg,#152552,#0B1024);}
.tech-pill-logo{border-radius:6px;background:rgba(255,255,255,.92);padding:3px;flex:0 0 auto;width: 50px; height:50px;}

/* ================= METRICS ================= */
.metrics-section{padding:30px 0;background:#05070E;}
.metrics-head{max-width:820px;margin:6px auto 34px;text-align:center;}
.metrics-title{font-size:2.1rem;font-weight:800;background:linear-gradient(95deg,#8FB4FF 0%,#38BDF8 100%);-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:16px;letter-spacing:-.01em;}
.metrics-desc{color:#AEBAD8;font-size:1rem;line-height:1.75;}
.metrics-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:14px;margin-bottom:20px;}
.metrics-badge{display:inline-flex;align-items:center;gap:10px;padding:13px 20px;border-radius:12px;background:linear-gradient(160deg,#0E1730,#0A0F22);border:1px solid rgba(102,132,224,.22);color:#DCE4FF;font-weight:700;font-size:.86rem;transition:transform .3s ease,border-color .3s ease;}
.metrics-badge:hover{transform:translateY(-4px);border-color:rgba(88,160,255,.6);}
.metrics-badge svg{width:18px;height:18px;flex:0 0 auto;}

/* ================= SUCCESS STORIES ================= */
 #CaseStudies {
    background: #07080B;
    padding: 30px 0;
    position: relative;
    overflow: hidden;
    color: #F3F4F6;
  }

  #CaseStudies::before {
    content: "";
    position: absolute;
    top: -200px;
    left: 50%;
    transform: translateX(-50%);
    width: 900px;
    height: 600px;
    background: radial-gradient(circle, rgba(34,211,238,0.10) 0%, rgba(139,92,246,0.06) 45%, transparent 70%);
    filter: blur(60px);
    pointer-events: none;
  }

  #CaseStudies::after {
    content: "";
    position: absolute;
    inset: 0;
    background-image:
      linear-gradient(rgba(255,255,255,0.025) 1px, transparent 1px),
      linear-gradient(90deg, rgba(255,255,255,0.025) 1px, transparent 1px);
    background-size: 48px 48px;
    pointer-events: none;
  }

  #CaseStudies .cs-container {
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 32px;
    position: relative;
    z-index: 2;
  }

  #CaseStudies .client-title {
    font-size: 36px;
    font-weight: 700;
    line-height: 1.05;
    letter-spacing: -0.02em;
    text-align: center;
    margin: 0 0 16px 0;
    color: #F3F4F6;
  }



  #CaseStudies .cs-subtext {
    text-align: center;
    max-width: 620px;
    margin: 0 auto 64px auto;
    font-size: 18px;
    font-weight: 300;
    line-height: 1.55;
    color: #8A8F9B;
  }

  /* ===== VIEWPORT (shows exactly one card) ===== */
  #CaseStudies .cs-viewport {
    position: relative;
    max-width: 1140px;
    margin: 0 auto;
    overflow: hidden;
  }

  #CaseStudies .casestudies_slider {
    position: relative;
    overflow: hidden;
  }

  #CaseStudies .slider-casestudies {
    display: flex;
    transition: transform 0.6s cubic-bezier(0.65, 0, 0.35, 1);
    will-change: transform;
  }

  #CaseStudies .caseStudiesSliderBox {
    flex: 0 0 100%;
    max-width: 100%;
    box-sizing: border-box;
    padding: 6px;
  }

  /* ===== CARD ===== */
  #CaseStudies .case_box {
    position: relative;
    display: flex;
    align-items: center;
    gap: 36px;
    background: #0F1219;
    border-radius: 24px;
    overflow: hidden;
    padding: 40px;
    transition: transform 0.35s ease, background 0.35s ease;
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
    z-index: 0;
  }

  /* static border */
  #CaseStudies .case_box::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 24px;
    padding: 1px;
    background: rgba(255,255,255,0.07);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    transition: opacity 0.35s ease;
    z-index: 1;
  }

  /* animated gradient border on hover */
  #CaseStudies .case_box::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 24px;
    padding: 1.5px;
    background: conic-gradient(from var(--angle, 0deg), #22D3EE, #8B5CF6, #5EE6E0, #22D3EE);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.35s ease;
    animation: cs-rotate 3s linear infinite;
    z-index: 2;
  }

  @property --angle {
    syntax: '<angle>';
    initial-value: 0deg;
    inherits: false;
  }

  @keyframes cs-rotate {
    to { --angle: 360deg; }
  }

  #CaseStudies .case_box:hover {
    transform: translateY(-6px);
    background: rgba(15, 18, 25, 0.92);
    box-shadow: 0 24px 60px -20px rgba(56,189,248,0.25), 0 0 40px rgba(56,189,248,0.08);
  }

  #CaseStudies .case_box:hover::before { opacity: 0; }
  #CaseStudies .case_box:hover::after { opacity: 1; }

  #CaseStudies .case_box__image {
    flex: 0 0 420px;
    width: 420px;
    height: 300px;
    position: relative;
    overflow: hidden;
    /* background: #0C0E14; */
    /* border-radius: 16px;
    border: 1px solid rgba(255,255,255,0.07); */
    display: flex;
    align-items: center;
    justify-content: center;
  }

  #CaseStudies .case_box__image img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
    display: block;
  }

  #CaseStudies .case_box__content {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
  }

  #CaseStudies .case_box__content h4 {
    font-size: 28px;
    font-weight: 600;
    letter-spacing: -0.02em;
    margin: 0 0 14px 0;
    color: #F3F4F6;
  }

  #CaseStudies .case_box__content p {
    font-size: 14px;
    font-weight: 300;
    line-height: 1.6;
    color: #C7CAD1;
    margin: 0 0 20px 0;
  }

  #CaseStudies .case_box__points {
    list-style: none;
    margin: 0 0 28px 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
  }

  #CaseStudies .case_box__points li {
    position: relative;
    padding-left: 22px;
    font-size: 13px;
    font-weight: 400;
    color: #8A8F9B;
    line-height: 1.4;
  }

  #CaseStudies .case_box__points li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 6px;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: linear-gradient(135deg, #22D3EE, #8B5CF6);
  }

  #CaseStudies .viewCaseStudies {
    margin-top: auto;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    width: fit-content;
    padding: 14px 22px;
    border-radius: 999px;
    background: #F3F4F6;
    color: #07080B;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    transition: transform 0.3s ease, background 0.3s ease, gap 0.3s ease;
  }

  #CaseStudies .viewCaseStudies i {
    font-style: normal;
    transition: transform 0.3s ease;
  }

  #CaseStudies .viewCaseStudies::after {
    content: "\2192";
    transition: transform 0.3s ease;
  }

  #CaseStudies .viewCaseStudies i {
    display: none; /* font-awesome glyph not loaded, use unicode arrow above */
  }

  #CaseStudies .viewCaseStudies:hover {
    transform: translateY(-3px);
    background: #22D3EE;
  }

  #CaseStudies .viewCaseStudies:hover::after {
    transform: translateX(4px);
  }

  /* ===== DOTS / PROGRESS ===== */
  #CaseStudies .cs-dots {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    margin-top: 32px;
    flex-wrap: wrap;
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
  }

  #CaseStudies .cs-dot {
    width: 8px;
    height: 8px;
    border-radius: 999px;
    background: rgba(255,255,255,0.12);
    border: none;
    cursor: pointer;
    transition: width 0.35s ease, background 0.35s ease;
    padding: 0;
  }

  #CaseStudies .cs-dot.active {
    width: 26px;
    background: linear-gradient(90deg, #22D3EE, #8B5CF6);
  }

  /* ===== ARROWS ===== */
  #CaseStudies .caseStudiesBottomArrows {
    display: flex;
    justify-content: center;
    gap: 14px;
    margin-top: 36px;
  }

  #CaseStudies .caseStudiesBottomArrows button {
    width: 48px;
    height: 48px;
    border-radius: 999px;
    background: rgba(255,255,255,0.04);
    border: 1px solid rgba(255,255,255,0.07);
    color: #F3F4F6;
    font-size: 16px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: border-color 0.3s ease, background 0.3s ease, transform 0.3s ease;
  }

  #CaseStudies .caseStudiesBottomArrows button:hover {
    border-color: rgba(56,189,248,0.55);
    background: rgba(56,189,248,0.08);
    transform: translateY(-2px);
  }

  #CaseStudies .caseStudiesBottomArrows i {
    font-style: normal;
  }

  #CaseStudies .caseStudiesBottomArrows .fa-arrow-left::before { content: "\2190"; }
  #CaseStudies .caseStudiesBottomArrows .fa-arrow-right::before { content: "\2192"; }

  /* ===== RESPONSIVE ===== */
  @media (max-width: 991px) {
    #CaseStudies { padding: 90px 0; }
    #CaseStudies .client-title { font-size: 40px; }
    #CaseStudies .case_box { flex-direction: column; padding: 32px; gap: 24px; }
    #CaseStudies .case_box__image { width: 100%; max-width: 360px; height: 260px; flex: 0 0 260px; }
    #CaseStudies .case_box__content { align-items: center; text-align: center; }
    #CaseStudies .case_box__content h4 { font-size: 24px; }
    #CaseStudies .case_box__points { align-items: flex-start; }
  }

  @media (max-width: 575px) {
    #CaseStudies { padding: 30px 0; }
    #CaseStudies .cs-container { padding: 0 20px; }
    #CaseStudies .client-title { font-size: 30px; }
    #CaseStudies .cs-subtext { font-size: 15px; margin-bottom: 40px; }
    #CaseStudies .case_box { padding: 24px; }
    #CaseStudies .case_box__image { width: 100%; max-width: 280px; height: 220px; flex: 0 0 220px; }
    #CaseStudies .case_box__content h4 { font-size: 21px; }
    #CaseStudies .case_box__points li { font-size: 12px; }
    #CaseStudies .caseStudiesBottomArrows button { width: 42px; height: 42px; }
  }
.tr-gradient-text{
    background: linear-gradient(90deg, #22D3EE, #8B5CF6, #FFFFFF);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
   display:inline-block;
    padding-bottom:6px;
    line-height:inherit;
}


/* ================= FINAL CTA ================= */
.cta-section{padding:30px 0;background:#05070E;}
.cta-inner{padding:20px 0;}
.cta-glass{position:relative;overflow:hidden;text-align:center;max-width:820px;margin:0 auto;padding:56px 40px;border-radius:22px;background:linear-gradient(155deg,rgba(28,42,90,.65),rgba(10,14,30,.85));border:1px solid rgba(120,150,255,.3);backdrop-filter:blur(10px);box-shadow:0 40px 80px -30px rgba(20,60,200,.55);}
.cta-title{font-size:2rem;font-weight:800;background:linear-gradient(95deg,#8FB4FF 0%,#38BDF8 100%);-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:16px;letter-spacing:-.01em;}
.cta-desc{color:#B7C2DE;font-size:1rem;line-height:1.7;margin-bottom:30px;}
.cta-buttons{display:flex;flex-wrap:wrap;justify-content:center;gap:16px;}
.cta-btn-primary,.cta-btn-secondary{border:none;cursor:pointer;font-weight:700;font-size:.92rem;padding:15px 26px;border-radius:12px;transition:transform .3s ease,box-shadow .3s ease,background .3s ease;}
.cta-btn-primary{background:linear-gradient(95deg,#3557FF,#38BDF8);color:#04060D;box-shadow:0 16px 32px -12px rgba(56,140,255,.65);}
.cta-btn-primary:hover{transform:translateY(-3px);}
.cta-btn-secondary{background:rgba(255,255,255,.05);color:#EAF1FF;border:1px solid rgba(148,171,255,.4);}
.cta-btn-secondary:hover{background:rgba(148,171,255,.14);transform:translateY(-3px);}

/* ================= FAQ ================= */
.faq-section{padding:30px 0;background:#080B16;}
.faq-head{max-width:820px;margin:6px auto 34px;text-align:center;}
.faq-title{font-size:2.1rem;font-weight:800;background:linear-gradient(95deg,#8FB4FF 0%,#38BDF8 100%);-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:16px;letter-spacing:-.01em;}
.faq-desc{color:#AEBAD8;font-size:1rem;line-height:1.75;}
.faq-accordion{max-width:820px;margin:0 auto 20px;}
.faq-item{border:1px solid rgba(102,132,224,.2);border-radius:14px;margin-bottom:14px;background:linear-gradient(160deg,#0E1730,#0A0F22);overflow:hidden;transition:border-color .3s ease;}
.faq-item:hover{border-color:rgba(88,160,255,.4);}
.faq-item-heading{margin:0;}
.faq-question{width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 22px;background:transparent;border:none;color:#EAF1FF;font-weight:700;font-size:.95rem;text-align:left;cursor:pointer;}
.faq-chevron{width:20px;height:20px;flex:0 0 auto;transition:transform .3s ease;color:#8FB4FF;}
.faq-question[aria-expanded="true"] .faq-chevron{transform:rotate(180deg);}
.faq-panel{padding:0 22px 20px;color:#A3AFCC;font-size:.9rem;line-height:1.7;}
.faq-panel p{margin:0;}



/* Focus visibility (kept scoped to interactive elements used on this page) */
.hero-cta-primary:focus-visible,.hero-cta-secondary:focus-visible,.cta-btn-primary:focus-visible,.cta-btn-secondary:focus-visible,.success-cta:focus-visible,.sticky-cta:focus-visible,.tech-tab:focus-visible,.faq-question:focus-visible,.industries-card:focus-visible{outline:2px solid #38BDF8;outline-offset:3px;}

/* ======================================================================
   RESPONSIVE
   ====================================================================== */
@media (max-width:1199px){
    .services-grid{grid-template-columns:repeat(3,1fr);}
    .industries-grid{grid-template-columns:repeat(4,1fr);}
    .engage-grid{grid-template-columns:repeat(2,1fr);}
}
@media (max-width:991px){
    .hero-title{font-size:2.6rem;}
    .hero-visual-col{margin-top:40px;}
    .services-grid{grid-template-columns:repeat(2,1fr);}
    .industries-grid{grid-template-columns:repeat(3,1fr);}
    .choose-stats{grid-template-columns:repeat(2,1fr);}
    .benefits-row,.benefits-row-right{flex-direction:column;text-align:center;}
    .benefits-row-left .benefits-card:hover,.benefits-row-right .benefits-card:hover{transform:translateY(-6px);}
}
@media (max-width:767px){
    .hero-container{padding-top:44px;}
    .hero-title{font-size:2.1rem;}
    .hero-desc{font-size:.96rem;}
    .hero-ctas{flex-direction:column;}
    .hero-cta-primary,.hero-cta-secondary{width:100%;text-align:center;}
    .services-grid,.engage-grid{grid-template-columns:1fr;}
    .industries-grid{grid-template-columns:repeat(2,1fr);}
    .cta-glass{padding:40px 22px;}
    .cta-title{font-size:1.6rem;}
    .apps-row-panel{padding-left:20px;}
    .hero-visual{flex-direction:column;}
    .hero-float-stack{flex-direction:row;flex-wrap:wrap;}
    .hero-float-card{flex:1 1 220px;}
    .hero-dash-metrics{grid-template-columns:repeat(2,1fr);}
    .tech-tabs{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;-webkit-overflow-scrolling:touch;padding:2px 2px 10px;margin-bottom:20px;}
    .tech-tab{flex:0 0 auto;white-space:nowrap;}
    .tech-tabs::-webkit-scrollbar{height:5px;}
    .tech-tabs::-webkit-scrollbar-thumb{background:rgba(102,132,224,.4);border-radius:6px;}
}
@media (max-width:575px){
    .industries-grid{grid-template-columns:1fr;}
    .choose-stats{grid-template-columns:1fr;}
    .hero-title{font-size:1.8rem;}
    .hero-dash-servers{flex-direction:column;}
    .hero-dash-users-row{flex-wrap:wrap;}
    .services-card{height:210px;}
}

@media (prefers-reduced-motion:reduce){
    .hero-orb,.hero-dash-bar-fill,.hero-dash-live-dot,.hero-float-card,.why-flow-arrow,.process-step{animation:none !important;}
    .services-card-inner{transition:none;}
}