/* =========================================================
   AI Monitoring & Observability — Dubai | page.css
   Scoped, section-based CSS. No globals, no CSS variables.
   ========================================================= */

/* ---------- HERO ---------- */
.aimon-page .hero-section{position:relative;overflow:hidden;padding:30px 0;background:#05070c;color:#eef3fb;}
.aimon-page .hero-bg{position:absolute;inset:0;overflow:hidden;z-index:0;}
.aimon-page .hero-grid{position:absolute;inset:-20% -10%;background-image:linear-gradient(rgba(94,200,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(94,200,255,.06) 1px,transparent 1px);background-size:44px 44px;transform:perspective(600px) rotateX(55deg);opacity:.5;}
.aimon-page .hero-orb{position:absolute;border-radius:50%;filter:blur(60px);opacity:.55;}
.aimon-page .hero-orb--one{width:360px;height:360px;background:radial-gradient(circle,#2e6bff,transparent 70%);top:-120px;left:-80px;animation:heroFloat 9s ease-in-out infinite;}
.aimon-page .hero-orb--two{width:300px;height:300px;background:radial-gradient(circle,#5ec8ff,transparent 70%);bottom:-100px;right:-60px;animation:heroFloat 11s ease-in-out infinite reverse;}
.aimon-page .hero-orb--three{width:220px;height:220px;background:radial-gradient(circle,#1435a8,transparent 70%);top:40%;right:20%;animation:heroFloat 13s ease-in-out infinite;}
@keyframes heroFloat{0%,100%{transform:translateY(0) translateX(0);}50%{transform:translateY(-26px) translateX(14px);}}
.aimon-page .hero-scanline{position:absolute;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(94,200,255,.55),transparent);animation:heroScan 5s linear infinite;}
@keyframes heroScan{0%{top:0;}100%{top:100%;}}
.aimon-page .hero-container{position:relative;z-index:2;}
.aimon-page .hero-eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:#8fd3ff;font-weight:600;margin-bottom:16px;}
.aimon-page .hero-eyebrow-dot{width:7px;height:7px;border-radius:50%;background:#5ec8ff;box-shadow:0 0 0 4px rgba(94,200,255,.18);animation:heroPulseDot 2s ease-in-out infinite;}
@keyframes heroPulseDot{0%,100%{opacity:1;}50%{opacity:.35;}}
.aimon-page .hero-heading{font-size:44px;line-height:1.12;font-weight:800;margin:0 0 18px;background:linear-gradient(100deg,#ffffff 10%,#8fd3ff 55%,#2e6bff 95%);-webkit-background-clip:text;background-clip:text;color:transparent;letter-spacing:-.01em;}
.aimon-page .hero-desc{font-size:16.5px;line-height:1.7;color:#aab6d4;max-width:560px;margin:0 0 30px;}
.aimon-page .hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:30px;}
.aimon-page .hero-btn{border:none;border-radius:12px;padding:14px 24px;font-size:15px;font-weight:700;display:inline-flex;align-items:center;gap:10px;cursor:pointer;transition:transform .25s ease,box-shadow .25s ease,background .25s ease;}
.aimon-page .hero-btn--primary{background:linear-gradient(115deg,#2e6bff,#1435a8);color:#fff;box-shadow:0 14px 30px -10px rgba(46,107,255,.65);}
.aimon-page .hero-btn--primary:hover{transform:translateY(-3px);box-shadow:0 20px 40px -10px rgba(46,107,255,.85);}
.aimon-page .hero-btn--ghost{background:rgba(255,255,255,.04);color:#eef3fb;border:1px solid rgba(148,175,255,.28);backdrop-filter:blur(6px);}
.aimon-page .hero-btn--ghost:hover{transform:translateY(-3px);background:rgba(94,200,255,.1);border-color:rgba(94,200,255,.55);}
.aimon-page .hero-badges{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:10px;}
.aimon-page .hero-badge{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;font-weight:600;color:#cfe0ff;background:rgba(255,255,255,.045);border:1px solid rgba(148,175,255,.2);padding:8px 12px;border-radius:999px;}
.aimon-page .hero-badge svg{color:#5ec8ff;}
.aimon-page .hero-visual{position:relative;padding:30px 0;}
.aimon-page .hero-panel{position:relative;background:linear-gradient(165deg,rgba(18,28,52,.85),rgba(6,10,20,.85));border:1px solid rgba(148,175,255,.22);border-radius:22px;padding:22px;backdrop-filter:blur(14px);box-shadow:0 30px 70px -25px rgba(0,10,40,.75);overflow:hidden;}
.aimon-page .hero-panel-glow{position:absolute;inset:-40%;background:radial-gradient(circle at 30% 20%,rgba(94,200,255,.18),transparent 60%);pointer-events:none;}
.aimon-page .hero-panel-head{display:flex;align-items:center;gap:8px;margin-bottom:18px;position:relative;z-index:1;}
.aimon-page .hero-dot{width:9px;height:9px;border-radius:50%;display:inline-block;}
.aimon-page .hero-dot--red{background:#ff5f6d;}
.aimon-page .hero-dot--amber{background:#ffb84d;}
.aimon-page .hero-dot--green{background:#4ade80;}
.aimon-page .hero-panel-title{margin-left:8px;font-size:12px;color:#8493b8;font-weight:600;}
.aimon-page .hero-panel-body{position:relative;z-index:1;}
.aimon-page .hero-stat-row{display:flex;justify-content:space-between;gap:12px;margin-bottom:18px;}
.aimon-page .hero-stat{display:flex;flex-direction:column;gap:4px;}
.aimon-page .hero-stat-label{font-size:11.5px;color:#8493b8;text-transform:uppercase;letter-spacing:.05em;}
.aimon-page .hero-stat-value{font-size:22px;font-weight:800;background:linear-gradient(100deg,#fff,#5ec8ff);-webkit-background-clip:text;background-clip:text;color:transparent;}
.aimon-page .hero-wave{margin:6px 0 18px;opacity:.9;}
.aimon-page .hero-mini-cards{display:flex;flex-direction:column;gap:10px;}
.aimon-page .hero-mini-card{display:flex;align-items:center;gap:10px;background:rgba(255,255,255,.04);border:1px solid rgba(148,175,255,.16);border-radius:12px;padding:10px 12px;font-size:13px;font-weight:600;color:#cfe0ff;transition:transform .25s ease,background .25s ease;}
.aimon-page .hero-mini-card:hover{transform:translateX(4px);background:rgba(94,200,255,.08);}
.aimon-page .hero-mini-card svg{color:#5ec8ff;}
.aimon-page .hero-pulse{margin-left:auto;width:9px;height:9px;border-radius:50%;}
.aimon-page .hero-pulse--ok{background:#4ade80;box-shadow:0 0 0 0 rgba(74,222,128,.6);animation:heroPulseRing 2s infinite;}
.aimon-page .hero-pulse--warn{background:#ffb84d;box-shadow:0 0 0 0 rgba(255,184,77,.6);animation:heroPulseRing 1.4s infinite;}
@keyframes heroPulseRing{0%{box-shadow:0 0 0 0 rgba(74,222,128,.55);}100%{box-shadow:0 0 0 8px rgba(74,222,128,0);}}
.aimon-page .hero-float-card{position:absolute;display:flex;align-items:center;gap:8px;background:rgba(10,16,30,.9);border:1px solid rgba(148,175,255,.3);border-radius:12px;padding:10px 14px;font-size:12.5px;font-weight:700;color:#eef3fb;box-shadow:0 16px 30px -12px rgba(0,10,40,.7);animation:heroFloat 6s ease-in-out infinite;}
.aimon-page .hero-float-card svg{color:#5ec8ff;}
.aimon-page .hero-float-card--one{top:-14px;right:10%;}
.aimon-page .hero-float-card--two{bottom:-22px;left:-18px;animation-duration:7.5s;}

/* ---------- WHY ---------- */
.aimon-page .why-section{background:#070b14;padding:30px 0;color:#eef3fb;}
.aimon-page .why-heading{font-size:30px;font-weight:800;margin-bottom:14px;color:#fff;}
.aimon-page .why-desc{font-size:15.5px;line-height:1.75;color:#98a5c4;max-width:680px;}
.aimon-page .why-flow{margin-top:38px;overflow-x:scroll;padding-bottom:18px;scrollbar-width:thin;scrollbar-color:#5ec8ff #0b1220;}
.aimon-page .why-flow::-webkit-scrollbar{height:10px;}
.aimon-page .why-flow::-webkit-scrollbar-track{background:#0b1220;border-radius:10px;border:1px solid rgba(148,175,255,.14);}
.aimon-page .why-flow::-webkit-scrollbar-thumb{border-radius:10px;background:linear-gradient(90deg,#1435a8,#2e6bff,#5ec8ff,#2e6bff,#1435a8);background-size:240% 100%;animation:scrollbarFlow 3.5s linear infinite;box-shadow:0 0 10px rgba(94,200,255,.5);}
.aimon-page .why-flow::-webkit-scrollbar-thumb:hover{box-shadow:0 0 16px rgba(94,200,255,.8);}
@keyframes scrollbarFlow{0%{background-position:0% 0;}100%{background-position:240% 0;}}
.aimon-page .why-flow-track{display:flex;align-items:center;gap:6px;min-width:max-content;}
.aimon-page .why-node{display:flex;flex-direction:column;align-items:center;gap:8px;background:linear-gradient(165deg,rgba(20,30,55,.9),rgba(8,12,22,.9));border:1px solid rgba(148,175,255,.22);border-radius:16px;padding:16px 18px;min-width:110px;font-size:12.5px;font-weight:700;color:#cfe0ff;transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease;}
.aimon-page .why-node:hover{transform:translateY(-6px);border-color:rgba(94,200,255,.6);box-shadow:0 18px 30px -14px rgba(46,107,255,.55);}
.aimon-page .why-node--ai{background:linear-gradient(165deg,rgba(46,107,255,.35),rgba(8,12,22,.9));}
.aimon-page .why-node svg{color:#5ec8ff;}
.aimon-page .why-arrow{color:#3a4a75;flex:0 0 auto;}

/* ---------- SERVICES ---------- */
.aimon-page .svc-section{background:#05070c;padding:30px 0;color:#eef3fb;}
.aimon-page .svc-heading{font-size:32px;font-weight:800;margin-bottom:14px;color:#fff;}
.aimon-page .svc-desc{font-size:15.5px;line-height:1.75;color:#98a5c4;max-width:760px;margin-bottom:8px;}
.aimon-page .svc-grid{margin-top:26px;}
.aimon-page .svc-col{margin-bottom:24px;}
.aimon-page .svc-card{height:100%;background:linear-gradient(165deg,rgba(16,24,44,.9),rgba(6,9,17,.95));border:1px solid rgba(148,175,255,.16);border-radius:18px;padding:28px 24px;transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease;position:relative;overflow:hidden;}
.aimon-page .svc-card::before{content:"";position:absolute;inset:0;background:linear-gradient(140deg,rgba(94,200,255,.08),transparent 55%);opacity:0;transition:opacity .3s ease;}
.aimon-page .svc-card:hover{transform:translateY(-8px);border-color:rgba(94,200,255,.5);box-shadow:0 24px 45px -20px rgba(46,107,255,.6);}
.aimon-page .svc-card:hover::before{opacity:1;}
.aimon-page .svc-card-icon{width:56px;height:56px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:rgba(94,200,255,.1);border:1px solid rgba(94,200,255,.25);margin-bottom:18px;}
.aimon-page .svc-card-title{font-size:18.5px;font-weight:700;color:#fff;margin-bottom:10px;}
.aimon-page .svc-card-text{font-size:14.5px;line-height:1.7;color:#98a5c4;margin:0;}

/* ---------- INDUSTRIES ---------- */
.aimon-page .ind-section{background:#070b14;padding:30px 0;color:#eef3fb;}
.aimon-page .ind-heading{font-size:32px;font-weight:800;margin-bottom:14px;color:#fff;}
.aimon-page .ind-desc{font-size:15.5px;line-height:1.75;color:#98a5c4;max-width:760px;}
.aimon-page .ind-grid{margin-top:20px;margin-left:-8px;margin-right:-8px;}
.aimon-page .ind-col{flex:0 0 50%;max-width:50%;padding:0 8px;box-sizing:border-box;margin-bottom:18px;}
.aimon-page .ind-card{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;height:100%;background:linear-gradient(165deg,rgba(16,24,44,.9),rgba(6,9,17,.95));border:1px solid rgba(148,175,255,.16);border-radius:16px;padding:26px 16px;text-decoration:none;overflow:hidden;text-align:center;transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease;}
.aimon-page .ind-card:hover{transform:translateY(-7px);border-color:rgba(94,200,255,.55);box-shadow:0 20px 38px -18px rgba(46,107,255,.6);text-decoration:none;}
.aimon-page .ind-card-glow{position:absolute;inset:-60% -20%;background:radial-gradient(circle,rgba(94,200,255,.16),transparent 65%);opacity:0;transition:opacity .3s ease;}
.aimon-page .ind-card:hover .ind-card-glow{opacity:1;}
.aimon-page .ind-card-icon{position:relative;z-index:1;width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:rgba(94,200,255,.1);border:1px solid rgba(94,200,255,.25);transition:transform .3s ease,background .3s ease;}
.aimon-page .ind-card:hover .ind-card-icon{transform:scale(1.08) rotate(-4deg);background:rgba(94,200,255,.18);}
.aimon-page .ind-card-title{font-size:14.5px;font-weight:700;color:#eef3fb;margin:0;position:relative;z-index:1;}

/* responsive column counts: 2 on mobile, 3 on tablet, 5 on desktop */
@media (min-width:576px){
  .aimon-page .ind-col{flex:0 0 33.3333%;max-width:33.3333%;}
}
@media (min-width:992px){
  .aimon-page .ind-col{flex:0 0 20%;max-width:20%;}
}

/* ---------- PLATFORMS MARQUEE ---------- */
.aimon-page .plat-section{background:#05070c;padding:30px 0;color:#eef3fb;overflow:hidden;}
.aimon-page .plat-heading{font-size:30px;font-weight:800;margin-bottom:14px;color:#fff;}
.aimon-page .plat-desc{font-size:15.5px;line-height:1.75;color:#98a5c4;max-width:720px;}
.aimon-page .plat-marquee{margin-top:32px;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);}
.aimon-page .plat-marquee-track{display:flex;gap:14px;width:max-content;animation:platScroll 34s linear infinite;}
@keyframes platScroll{0%{transform:translateX(0);}100%{transform:translateX(-50%);}}
.aimon-page .plat-chip{display:inline-flex;align-items:center;gap:10px;background:linear-gradient(165deg,rgba(16,24,44,.9),rgba(6,9,17,.95));border:1px solid rgba(148,175,255,.2);border-radius:999px;padding:10px 22px 10px 12px;font-size:14px;font-weight:700;color:#cfe0ff;white-space:nowrap;transition:border-color .3s ease,transform .3s ease,color .3s ease,box-shadow .3s ease;}
.aimon-page .plat-chip:hover{border-color:rgba(94,200,255,.6);transform:translateY(-4px);color:#fff;box-shadow:0 16px 30px -16px rgba(46,107,255,.6);}
.aimon-page .plat-chip img{width:50px;height: 50px;border-radius:7px;flex:0 0 auto;}

/* ---------- CAPABILITIES ---------- */
.aimon-page .cap-section{background:#070b14;padding:30px 0;color:#eef3fb;}
.aimon-page .cap-heading{font-size:32px;font-weight:800;margin-bottom:14px;color:#fff;}
.aimon-page .cap-grid{margin-top:24px;}
.aimon-page .cap-col{margin-bottom:24px;}
.aimon-page .cap-card{height:100%;background:linear-gradient(165deg,rgba(16,24,44,.9),rgba(6,9,17,.95));border:1px solid rgba(148,175,255,.16);border-radius:18px;padding:26px 22px;transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease;}
.aimon-page .cap-card:hover{transform:translateY(-8px);border-color:rgba(94,200,255,.5);box-shadow:0 24px 45px -20px rgba(46,107,255,.6);}
.aimon-page .cap-card-icon{width:52px;height:52px;border-radius:13px;display:flex;align-items:center;justify-content:center;background:rgba(94,200,255,.1);border:1px solid rgba(94,200,255,.25);margin-bottom:16px;}
.aimon-page .cap-card-title{font-size:17.5px;font-weight:700;color:#fff;margin-bottom:10px;}
.aimon-page .cap-card-text{font-size:14.5px;line-height:1.7;color:#98a5c4;margin:0;}

/* ---------- PROCESS TIMELINE ---------- */
.aimon-page .proc-section{background:#05070c;padding:30px 0;color:#eef3fb;}
.aimon-page .proc-heading{font-size:32px;font-weight:800;margin-bottom:34px;color:#fff;}
.aimon-page .proc-timeline{position:relative;padding-left:36px;border-left:2px solid rgba(148,175,255,.18);}
.aimon-page .proc-step{position:relative;padding-bottom:34px;padding-left:24px;}
.aimon-page .proc-step:last-child{padding-bottom:0;}
.aimon-page .proc-step-marker{position:absolute;left:-49px;top:0;width:38px;height:38px;border-radius:50%;background:linear-gradient(140deg,#2e6bff,#1435a8);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:800;color:#fff;box-shadow:0 0 0 6px #05070c,0 0 0 7px rgba(94,200,255,.3);}
.aimon-page .proc-step-body{background:linear-gradient(165deg,rgba(16,24,44,.85),rgba(6,9,17,.9));border:1px solid rgba(148,175,255,.16);border-radius:16px;padding:20px 22px;transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease;}
.aimon-page .proc-step-body:hover{transform:translateX(6px);border-color:rgba(94,200,255,.5);box-shadow:0 18px 34px -18px rgba(46,107,255,.55);}
.aimon-page .proc-step-title{font-size:17.5px;font-weight:700;color:#fff;margin-bottom:8px;}
.aimon-page .proc-step-text{font-size:14.5px;line-height:1.7;color:#98a5c4;margin:0;}

/* ---------- WHY US (TRUST) ---------- */
.aimon-page .trust-section{background:#070b14;padding:30px 0;color:#eef3fb;}
.aimon-page .trust-heading{font-size:30px;font-weight:800;margin-bottom:14px;color:#fff;}
.aimon-page .trust-desc{font-size:15.5px;line-height:1.75;color:#98a5c4;max-width:820px;}
.aimon-page .trust-grid{margin-top:24px;}
.aimon-page .trust-col{margin-bottom:20px;}
.aimon-page .trust-card{height:100%;background:linear-gradient(165deg,rgba(16,24,44,.9),rgba(6,9,17,.95));border:1px solid rgba(148,175,255,.16);border-radius:16px;padding:22px 20px;transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease;}
.aimon-page .trust-card:hover{transform:translateY(-7px);border-color:rgba(94,200,255,.5);box-shadow:0 20px 38px -18px rgba(46,107,255,.55);}
.aimon-page .trust-card-icon{width:46px;height:46px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:rgba(94,200,255,.1);border:1px solid rgba(94,200,255,.25);margin-bottom:14px;}
.aimon-page .trust-card-title{font-size:15.5px;font-weight:700;color:#fff;margin-bottom:8px;}
.aimon-page .trust-card-text{font-size:13.5px;line-height:1.65;color:#98a5c4;margin:0;}

/* ---------- BENEFITS ---------- */
.aimon-page .ben-section{background:#05070c;padding:30px 0;color:#eef3fb;}
.aimon-page .ben-heading{font-size:30px;font-weight:800;margin-bottom:14px;color:#fff;}
.aimon-page .ben-desc{font-size:15.5px;line-height:1.75;color:#98a5c4;max-width:780px;}
.aimon-page .ben-list{list-style:none;margin:26px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:12px;}
.aimon-page .ben-item{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(165deg,rgba(16,24,44,.9),rgba(6,9,17,.95));border:1px solid rgba(148,175,255,.18);border-radius:999px;padding:11px 18px;font-size:13.5px;font-weight:600;color:#cfe0ff;transition:transform .3s ease,border-color .3s ease;}
.aimon-page .ben-item:hover{transform:translateY(-4px);border-color:rgba(94,200,255,.55);}
.aimon-page .ben-item svg{color:#5ec8ff;}

/* ---------- DASHBOARD SHOWCASE (SIGNATURE) ---------- */
.aimon-page .dash-section{background:#070b14;padding:30px 0;color:#eef3fb;}
.aimon-page .dash-heading{font-size:32px;font-weight:800;margin-bottom:14px;color:#fff;}
.aimon-page .dash-desc{font-size:15.5px;line-height:1.75;color:#98a5c4;max-width:780px;}
.aimon-page .dash-badge{display:inline-block;margin-top:20px;font-size:12.5px;font-weight:700;letter-spacing:.02em;color:#8fd3ff;background:rgba(94,200,255,.08);border:1px solid rgba(94,200,255,.3);border-radius:999px;padding:9px 18px;}
.aimon-page .dash-console{margin-top:28px;display:grid;grid-template-columns:30% 70%;gap:20px;align-items:stretch;}
.aimon-page .dash-nav{display:flex;flex-direction:column;gap:8px;background:linear-gradient(165deg,rgba(12,18,34,.9),rgba(5,8,15,.95));border:1px solid rgba(148,175,255,.16);border-radius:18px;padding:14px;}
.aimon-page .dash-nav-item{display:flex;align-items:center;gap:12px;text-align:left;background:transparent;border:1px solid transparent;border-radius:12px;padding:11px 12px;cursor:pointer;transition:background .25s ease,border-color .25s ease,transform .25s ease;}
.aimon-page .dash-nav-item:hover{background:rgba(94,200,255,.08);transform:translateX(3px);}
.aimon-page .dash-nav-item.is-active{background:rgba(46,107,255,.16);border-color:rgba(94,200,255,.4);}
.aimon-page .dash-nav-icon{display:flex;align-items:center;justify-content:center;flex:0 0 auto;color:#5ec8ff;width:22px;height:22px;}
.aimon-page .dash-nav-copy{display:flex;flex-direction:column;gap:2px;}
.aimon-page .dash-nav-copy strong{font-size:13px;color:#eef3fb;font-weight:700;}
.aimon-page .dash-nav-copy small{font-size:11.5px;color:#7c88a8;line-height:1.4;}
.aimon-page .dash-preview{position:relative;background:linear-gradient(165deg,rgba(11,17,32,.95),rgba(4,6,12,.98));border:1px solid rgba(148,175,255,.2);border-radius:20px;padding:24px;overflow:hidden;box-shadow:0 30px 60px -25px rgba(0,10,40,.75);}
.aimon-page .dash-preview-glow{position:absolute;inset:-30%;background:radial-gradient(circle at 80% 0%,rgba(94,200,255,.16),transparent 60%);pointer-events:none;}
.aimon-page .dash-preview-head{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;}
.aimon-page .dash-preview-title{font-size:19px;font-weight:800;color:#fff;margin-bottom:6px;}
.aimon-page .dash-preview-text{font-size:13.5px;line-height:1.6;color:#98a5c4;max-width:440px;margin:0;}
.aimon-page .dash-live-btn{flex:0 0 auto;margin-top:14px;background:linear-gradient(115deg,#2e6bff,#1435a8);color:#fff;border:none;border-radius:10px;padding:10px 16px;font-size:12.5px;font-weight:700;cursor:pointer;transition:transform .25s ease,box-shadow .25s ease;}
.aimon-page .dash-live-btn:hover{transform:translateY(-3px);box-shadow:0 14px 26px -10px rgba(46,107,255,.7);}
.aimon-page .dash-metrics{position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:20px;}
.aimon-page .dash-metric{background:rgba(255,255,255,.03);border:1px solid rgba(148,175,255,.14);border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:4px;transition:border-color .25s ease,transform .25s ease;}
.aimon-page .dash-metric:hover{transform:translateY(-4px);border-color:rgba(94,200,255,.5);}
.aimon-page .dash-metric-label{font-size:10.5px;text-transform:uppercase;letter-spacing:.05em;color:#7c88a8;}
.aimon-page .dash-metric-value{font-size:19px;font-weight:800;color:#fff;}
.aimon-page .dash-metric-unit{font-size:11px;color:#5ec8ff;font-weight:700;}
.aimon-page .dash-chart{position:relative;z-index:1;margin-bottom:18px;background:rgba(255,255,255,.02);border:1px solid rgba(148,175,255,.12);border-radius:12px;padding:8px;}
.aimon-page .dash-list{position:relative;z-index:1;display:flex;flex-direction:column;gap:8px;}
.aimon-page .dash-list-row{display:flex;align-items:center;gap:10px;font-size:12.5px;color:#c3ceeb;background:rgba(255,255,255,.02);border:1px solid rgba(148,175,255,.1);border-radius:10px;padding:9px 12px;}
.aimon-page .dash-list-row strong{margin-left:auto;color:#fff;font-weight:700;}
.aimon-page .dash-status{width:8px;height:8px;border-radius:50%;flex:0 0 auto;}
.aimon-page .dash-status--ok{background:#4ade80;box-shadow:0 0 0 0 rgba(74,222,128,.6);animation:heroPulseRing 2s infinite;}
.aimon-page .dash-status--warn{background:#ffb84d;}
.aimon-page .dash-status--crit{background:#ff5f6d;}
.aimon-page .dash-features{margin-top:26px;}
.aimon-page .dash-feature-col{margin-bottom:12px;}
.aimon-page .dash-feature{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:#cfe0ff;}
.aimon-page .dash-feature svg{color:#5ec8ff;flex:0 0 auto;}
.aimon-page .dash-cards{margin-top:20px;}
.aimon-page .dash-card-col{margin-bottom:20px;}
.aimon-page .dash-card{height:100%;background:linear-gradient(165deg,rgba(16,24,44,.9),rgba(6,9,17,.95));border:1px solid rgba(148,175,255,.16);border-radius:16px;padding:20px;transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease;}
.aimon-page .dash-card:hover{transform:translateY(-7px);border-color:rgba(94,200,255,.5);box-shadow:0 20px 38px -18px rgba(46,107,255,.55);}
.aimon-page .dash-card-title{font-size:15.5px;font-weight:700;color:#fff;margin-bottom:8px;}
.aimon-page .dash-card-text{font-size:13.5px;line-height:1.65;color:#98a5c4;margin:0;}

/* ---------- TECHNOLOGIES TABS ---------- */
.aimon-page .tech-section{background:#05070c;padding:30px 0;color:#eef3fb;}
.aimon-page .tech-heading{font-size:32px;font-weight:800;margin-bottom:14px;color:#fff;}
.aimon-page .tech-desc{font-size:15.5px;line-height:1.75;color:#98a5c4;max-width:820px;}
.aimon-page .tech-tabs{margin-top:28px;display:flex;flex-wrap:wrap;gap:10px;}
.aimon-page .tech-tab{display:inline-flex;align-items:center;gap:7px;background:rgba(255,255,255,.03);border:1px solid rgba(148,175,255,.18);color:#aab6d4;border-radius:999px;padding:10px 16px;font-size:13px;font-weight:600;cursor:pointer;transition:background .25s ease,border-color .25s ease,color .25s ease,transform .25s ease;}
.aimon-page .tech-tab svg{flex:0 0 auto;color:#5ec8ff;transition:color .25s ease;}
.aimon-page .tech-tab.is-active svg{color:#fff;}
.aimon-page .tech-tab:hover{transform:translateY(-3px);color:#fff;border-color:rgba(94,200,255,.5);}
.aimon-page .tech-tab.is-active{background:linear-gradient(115deg,#2e6bff,#1435a8);border-color:transparent;color:#fff;}
.aimon-page .tech-panel{margin-top:24px;}
.aimon-page .tech-chip-grid{display:flex;flex-wrap:wrap;gap:10px;}
.aimon-page .tech-chip{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(165deg,rgba(16,24,44,.9),rgba(6,9,17,.95));border:1px solid rgba(148,175,255,.18);border-radius:10px;padding:8px 14px 8px 8px;font-size:13px;font-weight:600;color:#cfe0ff;transition:transform .25s ease,border-color .25s ease,color .25s ease,box-shadow .25s ease;}
.aimon-page .tech-chip img{width:50px;height:50px;border-radius:5px;flex:0 0 auto;}
.aimon-page .tech-chip:hover{transform:translateY(-4px);border-color:rgba(94,200,255,.6);color:#fff;}

/* ---------- OUTCOMES ---------- */
.aimon-page .out-section{background:#070b14;padding:30px 0;color:#eef3fb;}
.aimon-page .out-heading{font-size:30px;font-weight:800;margin-bottom:8px;color:#fff;}
.aimon-page .out-grid{margin-top:24px;}
.aimon-page .out-col{margin-bottom:18px;}
.aimon-page .out-card{height:100%;text-align:center;background:linear-gradient(165deg,rgba(16,24,44,.9),rgba(6,9,17,.95));border:1px solid rgba(148,175,255,.18);border-radius:16px;padding:26px 14px;transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease;}
.aimon-page .out-card:hover{transform:translateY(-8px) scale(1.02);border-color:rgba(94,200,255,.55);box-shadow:0 22px 40px -18px rgba(46,107,255,.6);}
.aimon-page .out-value{display:block;font-size:32px;font-weight:800;background:linear-gradient(100deg,#fff,#5ec8ff);-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:8px;}
.aimon-page .out-label{font-size:12.5px;color:#98a5c4;margin:0;line-height:1.5;}

/* ---------- 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 ---------- */
.aimon-page .cta-section{background:#070b14;padding:30px 0;color:#eef3fb;}
.aimon-page .cta-banner{position:relative;overflow:hidden;display:flex;flex-wrap:wrap;align-items:center;gap:24px;justify-content:space-between;background:linear-gradient(120deg,rgba(46,107,255,.22),rgba(6,9,17,.96));border:1px solid rgba(94,200,255,.3);border-radius:24px;padding:40px;}
.aimon-page .cta-banner-glow{position:absolute;inset:-30%;background:radial-gradient(circle at 90% 20%,rgba(94,200,255,.22),transparent 60%);}
.aimon-page .cta-banner-copy{position:relative;z-index:1;max-width:640px;}
.aimon-page .cta-heading{font-size:28px;font-weight:800;color:#fff;margin-bottom:12px;}
.aimon-page .cta-desc{font-size:14.5px;line-height:1.75;color:#c3ceeb;margin:0;}
.aimon-page .cta-banner-actions{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:14px;}
.aimon-page .cta-btn{border:none;border-radius:12px;padding:14px 22px;font-size:14.5px;font-weight:700;cursor:pointer;transition:transform .25s ease,box-shadow .25s ease,background .25s ease;}
.aimon-page .cta-btn--primary{background:linear-gradient(115deg,#5ec8ff,#2e6bff);color:#05070c;box-shadow:0 16px 32px -12px rgba(94,200,255,.7);}
.aimon-page .cta-btn--primary:hover{transform:translateY(-3px);box-shadow:0 22px 40px -12px rgba(94,200,255,.9);}
.aimon-page .cta-btn--ghost{background:rgba(255,255,255,.06);color:#eef3fb;border:1px solid rgba(255,255,255,.25);}
.aimon-page .cta-btn--ghost:hover{transform:translateY(-3px);background:rgba(255,255,255,.12);}
.aimon-page .cta-banner-visual{position:relative;z-index:1;color:#5ec8ff;opacity:.5;animation:heroFloat 6s ease-in-out infinite;}

/* ---------- FAQ ---------- */
.aimon-page .faq-section{background:#05070c;padding:30px 0;color:#eef3fb;}
.aimon-page .faq-heading{font-size:32px;font-weight:800;margin-bottom:28px;color:#fff;}
.aimon-page .faq-accordion{display:flex;flex-direction:column;gap:12px;}
.aimon-page .faq-item{background:linear-gradient(165deg,rgba(16,24,44,.85),rgba(6,9,17,.92));border:1px solid rgba(148,175,255,.16);border-radius:14px;overflow:hidden;transition:border-color .3s ease;}
.aimon-page .faq-item:hover{border-color:rgba(94,200,255,.35);}
.aimon-page .faq-q{margin:0;}
.aimon-page .faq-trigger{width:100%;text-align:left;background:transparent;border:none;color:#eef3fb;font-size:15px;font-weight:700;padding:18px 20px;display:flex;justify-content:space-between;align-items:center;gap:16px;cursor:pointer;}
.aimon-page .faq-icon{color:#5ec8ff;flex:0 0 auto;transition:transform .3s ease;}
.aimon-page .faq-trigger[aria-expanded="true"] .faq-icon{transform:rotate(180deg);}
.aimon-page .faq-a{padding:0 20px 20px;}
.aimon-page .faq-a p{margin:0;font-size:13.8px;line-height:1.75;color:#98a5c4;}
.aimon-page .faq-trigger:focus-visible, .aimon-page .hero-btn:focus-visible, .aimon-page .cta-btn:focus-visible, .aimon-page .dash-nav-item:focus-visible, .aimon-page .tech-tab:focus-visible, .aimon-page .ind-card:focus-visible, .aimon-page .dash-live-btn:focus-visible{outline:2px solid #5ec8ff;outline-offset:2px;}

/* ---------- CENTER ALIGNMENT (all sections except hero) ---------- */
.aimon-page .why-section, .aimon-page .svc-section, .aimon-page .ind-section, .aimon-page .plat-section, .aimon-page .cap-section, .aimon-page .proc-section, .aimon-page .trust-section, .aimon-page .ben-section, .aimon-page .dash-section, .aimon-page .tech-section, .aimon-page .out-section, .aimon-page .story-section, .aimon-page .cta-section, .aimon-page .faq-section{text-align:center;}

.aimon-page .why-desc, .aimon-page .svc-desc, .aimon-page .ind-desc, .aimon-page .plat-desc, .aimon-page .trust-desc, .aimon-page .ben-desc, .aimon-page .dash-desc, .aimon-page .tech-desc{
  margin-left:auto;margin-right:auto;
}

/* center card grids as a group */
.aimon-page .svc-grid, .aimon-page .ind-grid, .aimon-page .cap-grid, .aimon-page .trust-grid, .aimon-page .out-grid, .aimon-page .dash-cards, .aimon-page .dash-features{
  justify-content:center;
}
.aimon-page .tech-tabs, .aimon-page .tech-chip-grid, .aimon-page .ben-list{justify-content:center;}

/* center icon boxes that sit inside text-align:center cards */
.aimon-page .svc-card-icon, .aimon-page .cap-card-icon, .aimon-page .trust-card-icon{margin-left:auto;margin-right:auto;}

/* card text itself, centered */
.aimon-page .svc-card, .aimon-page .cap-card, .aimon-page .trust-card, .aimon-page .dash-card, .aimon-page .proc-step-body{text-align:center;}

/* dashboard console: keep functional data rows left-aligned for readability */
.aimon-page .dash-nav-item{text-align:left;}
.aimon-page .dash-list-row{text-align:left;}
.aimon-page .dash-metric{text-align:center;}
.aimon-page .dash-preview-head{flex-direction:column;align-items:center;text-align:center;}
.aimon-page .dash-preview-text{margin-left:auto;margin-right:auto;}

/* FAQ: center question text and icon together */
.aimon-page .faq-trigger{justify-content:center;text-align:center;}

/* CTA banner: centered column layout */
.aimon-page .cta-banner{flex-direction:column;text-align:center;align-items:center;justify-content:center;}
.aimon-page .cta-banner-copy{max-width:640px;margin:0 auto;}
.aimon-page .cta-banner-visual{position:absolute;top:50%;right:6%;transform:translateY(-50%);z-index:0;opacity:.16;}
.aimon-page .cta-banner-copy, .aimon-page .cta-banner-actions{position:relative;z-index:1;}

/* ---------- RESPONSIVE ---------- */
@media (max-width:991.98px){
  .aimon-page .hero-heading{font-size:34px;}
  .aimon-page .dash-console{grid-template-columns:1fr;}
  .aimon-page .dash-nav{flex-direction:row;overflow-x:auto;}
  .aimon-page .dash-nav-item{min-width:230px;}
  .aimon-page .dash-metrics{grid-template-columns:repeat(2,1fr);}
  .aimon-page .proc-timeline{padding-left:26px;}
  .aimon-page .proc-step-marker{left:-39px;width:32px;height:32px;font-size:12px;}
}
@media (max-width:767.98px){
  .aimon-page .hero-section{padding:56px 0 30px;}
  .aimon-page .hero-heading{font-size:28px;}
  .aimon-page .hero-visual{padding:34px 0 26px;}
  .aimon-page .hero-float-card--one{top:-6px;right:6px;}
  .aimon-page .hero-float-card--two{bottom:-16px;left:6px;}
  .aimon-page .why-heading, .aimon-page .svc-heading, .aimon-page .ind-heading, .aimon-page .plat-heading, .aimon-page .cap-heading, .aimon-page .proc-heading, .aimon-page .trust-heading, .aimon-page .ben-heading, .aimon-page .dash-heading, .aimon-page .tech-heading, .aimon-page .out-heading, .aimon-page .cta-heading, .aimon-page .faq-heading{font-size:24px;}
  .aimon-page .dash-metrics{grid-template-columns:repeat(2,1fr);}
  .aimon-page .cta-banner{padding:28px;}
  .aimon-page .cta-banner-visual{display:none;}
  .aimon-page .proc-timeline{padding-left:0;border-left:none;}
  .aimon-page .proc-step{padding-left:52px;}
  .aimon-page .proc-step-marker{left:0;}
}
@media (max-width:575.98px){
  .aimon-page .hero-actions{flex-direction:column;}
  .aimon-page .hero-btn{width:100%;justify-content:center;}
  .aimon-page .dash-metrics{grid-template-columns:repeat(2,1fr);}
  .aimon-page .dash-preview{padding:18px;}
}
@media (max-width:767.98px){
  .aimon-page .tech-tabs{
    flex-wrap:nowrap;
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
    justify-content:flex-start;
    padding-bottom:10px;
    scrollbar-width:thin;
    scrollbar-color:#5ec8ff #0b1220;
  }
  .aimon-page .tech-tab{
    flex:0 0 auto;
    white-space:nowrap;
  }
  .aimon-page .tech-tabs::-webkit-scrollbar{height:6px;}
  .aimon-page .tech-tabs::-webkit-scrollbar-track{background:#0b1220;border-radius:10px;}
  .aimon-page .tech-tabs::-webkit-scrollbar-thumb{background:#2e6bff;border-radius:10px;}
}