:root{--bg:#04060B;--bg2:#080C14;--surface:rgba(16,22,36,0.65);--surface2:rgba(20,28,48,0.82);--cyan:#00F2FE;--cyan2:#00C3FF;--violet:#BD00FF;--white:#F0F4FF;--muted:#6B7A99;--border:rgba(0,242,254,0.12);--border2:rgba(0,242,254,0.28);--glow-c:0 0 20px rgba(0,242,254,0.4),0 0 60px rgba(0,242,254,0.15);--glow-v:0 0 20px rgba(189,0,255,0.4),0 0 60px rgba(189,0,255,0.15);--font:'Outfit',sans-serif;--font-ar:'Tajawal',sans-serif;--r:10px;--r2:16px;--accent-muted:#5a9fb8;--accent-muted-bg:rgba(90,159,184,0.10);--accent-muted-border:rgba(90,159,184,0.22)}
[data-theme="light"]{--bg:#EEF2FF;--bg2:#E4E9F8;--surface:rgba(220,228,255,0.75);--surface2:rgba(200,215,255,0.9);--cyan:#0055BB;--cyan2:#0077DD;--violet:#6600AA;--white:#080E20;--muted:#4A5580;--border:rgba(0,85,187,0.15);--border2:rgba(0,85,187,0.3);--glow-c:0 0 14px rgba(0,85,187,0.2),0 0 36px rgba(0,85,187,0.08);--glow-v:0 0 14px rgba(102,0,170,0.2),0 0 36px rgba(102,0,170,0.08);--accent-muted:#3a6f8a;--accent-muted-bg:rgba(58,111,138,0.10);--accent-muted-border:rgba(58,111,138,0.22)}
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:var(--font);background:var(--bg);color:var(--white);overflow-x:hidden;min-height:100vh;transition:background .4s,color .4s}
[data-lang="ar"]{direction:rtl;font-family:var(--font-ar)}
[data-lang="ar"] .ltr-only{display:none}
[data-lang="en"] .rtl-only{display:none}

/* BG */
.bg-canvas{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}
#bg-stars{position:absolute;inset:0;width:100%;height:100%}
.bg-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(0,242,254,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(0,242,254,.03) 1px,transparent 1px);background-size:60px 60px;animation:gridPulse 8s ease-in-out infinite alternate}
@keyframes gridPulse{from{opacity:.5}to{opacity:1}}
.bg-orb{position:absolute;border-radius:50%;filter:blur(80px)}
.orb1{width:800px;height:800px;background:radial-gradient(circle,rgba(0,242,254,.13) 0%,transparent 70%);top:-250px;left:15%;animation:f1 12s ease-in-out infinite}
.orb2{width:650px;height:650px;background:radial-gradient(circle,rgba(189,0,255,.10) 0%,transparent 70%);bottom:5%;right:-150px;animation:f2 15s ease-in-out infinite}
.orb3{width:400px;height:400px;background:radial-gradient(circle,rgba(0,195,255,.09) 0%,transparent 70%);top:35%;left:-80px;animation:f1 10s ease-in-out infinite reverse}
.orb4{width:500px;height:500px;background:radial-gradient(circle,rgba(0,242,254,.07) 0%,transparent 70%);bottom:20%;left:40%;animation:f2 18s ease-in-out infinite}
@keyframes f1{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(30px,-40px) scale(1.05)}}
@keyframes f2{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(-40px,30px) scale(.95)}}

/* HEADER */
header{position:fixed;top:0;left:0;right:0;z-index:1000;padding:0 40px;height:64px;display:flex;align-items:center;justify-content:space-between;background:rgba(4,6,11,.88);backdrop-filter:blur(20px);border-bottom:1px solid var(--border);transition:background .4s}
[data-theme="light"] header{background:rgba(238,242,255,.92)}
.logo{display:flex;align-items:center;gap:10px;text-decoration:none}
.logo-icon{width:34px;height:34px;background:linear-gradient(135deg,var(--cyan),var(--violet));border-radius:8px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:14px;color:#fff;box-shadow:var(--glow-c);position:relative;overflow:hidden}
.logo-icon::before{content:'';position:absolute;inset:-50%;background:conic-gradient(transparent 60%,rgba(255,255,255,.3) 80%,transparent 100%);animation:logoSpin 4s linear infinite}
@keyframes logoSpin{to{transform:rotate(360deg)}}
.logo-text{font-size:15px;font-weight:700;color:var(--white)}
.logo-text span{color:var(--cyan)}
nav{display:flex;align-items:center;gap:4px}
.nav-item{padding:8px 14px;font-size:13.5px;font-weight:500;color:var(--muted);border:none;background:none;cursor:pointer;border-radius:8px;transition:color .2s,background .2s;text-decoration:none;font-family:var(--font)}
.nav-item:hover{color:var(--white);background:rgba(0,242,254,.06)}
.nav-divider{width:1px;height:20px;background:var(--border);margin:0 8px}
.nav-dropdown{position:relative;display:flex;align-items:center}
.nav-dropdown-menu{display:none;position:absolute;top:calc(100% + 6px);left:0;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:6px;min-width:220px;z-index:200;box-shadow:0 12px 32px rgba(0,0,0,.3);flex-direction:column;gap:2px}
.nav-dropdown:hover .nav-dropdown-menu{display:flex}
.nav-dropdown-item{display:block;padding:9px 14px;font-size:13px;font-weight:600;color:var(--muted);text-decoration:none;border-radius:8px;transition:color .15s,background .15s;white-space:nowrap}
.nav-dropdown-item:hover{color:var(--cyan);background:rgba(0,242,254,.07)}
.header-controls{display:flex;align-items:center;gap:12px}
.lang-toggle{display:flex;align-items:center;gap:2px;background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:3px;backdrop-filter:blur(10px)}
.lang-btn{padding:4px 10px;border-radius:6px;font-size:12px;font-weight:600;border:none;cursor:pointer;transition:all .2s;color:var(--muted);background:transparent;font-family:var(--font)}
.lang-btn.active{background:var(--cyan);color:#000;box-shadow:0 0 10px rgba(0,242,254,.4)}
.theme-toggle{display:flex;align-items:center;gap:8px;cursor:pointer;background:none;border:none;padding:0;font-family:var(--font)}
.toggle-track{width:40px;height:22px;background:var(--surface);border:1px solid var(--border2);border-radius:11px;position:relative;transition:background .3s}
.toggle-thumb{position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:var(--cyan);transition:left .3s;box-shadow:0 0 8px var(--cyan)}
[data-theme="light"] .toggle-thumb{left:20px}
.toggle-lbl{font-size:11px;color:var(--muted)}
.btn-cta{padding:9px 20px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;border:none;background:var(--white);color:var(--bg);transition:all .2s;font-family:var(--font)}
.btn-cta:hover{background:var(--cyan);color:#000;box-shadow:var(--glow-c);transform:translateY(-1px)}
.hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:4px;background:none;border:none}
.hamburger span{width:22px;height:2px;background:var(--white);border-radius:2px;transition:all .3s}

/* MOBILE NAV */
.mobile-nav{display:none;position:fixed;inset:0;z-index:999;background:rgba(4,6,11,.97);backdrop-filter:blur(24px);padding:80px 5% 40px;flex-direction:column}
.mobile-nav.open{display:flex}
[data-theme="light"] .mobile-nav{background:rgba(238,242,255,.97)}
.mobile-nav-links{list-style:none;display:flex;flex-direction:column;gap:4px;margin-bottom:32px}
.mobile-nav-links a{display:block;font-size:24px;font-weight:700;color:var(--white);text-decoration:none;padding:12px 0;border-bottom:1px solid var(--border);transition:color .2s}
.mobile-nav-links a:hover{color:var(--cyan)}
.mobile-nav-group-label{font-size:11px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--cyan);padding:16px 0 4px;opacity:.7}

/* BUTTONS */
.btn-neon{padding:13px 26px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;border:1px solid var(--cyan);background:rgba(0,242,254,.08);color:var(--cyan);transition:all .3s;font-family:var(--font);display:inline-flex;align-items:center;gap:8px;text-decoration:none}
.btn-neon:hover{background:rgba(0,242,254,.16);box-shadow:var(--glow-c);transform:translateY(-2px)}
.btn-ghost{padding:13px 26px;border-radius:10px;font-size:14px;font-weight:500;cursor:pointer;border:1px solid var(--border2);background:transparent;color:var(--white);transition:all .3s;font-family:var(--font);display:inline-flex;align-items:center;gap:8px;text-decoration:none}
.btn-ghost:hover{border-color:rgba(0,242,254,.4);background:rgba(0,242,254,.05);transform:translateY(-1px)}

/* HERO */
.hero{min-height:100vh;display:flex;align-items:center;padding:100px 5% 60px;position:relative;z-index:1}
.hero-inner{max-width:1100px;margin:0 auto;width:100%;display:flex;flex-direction:column;align-items:center;gap:48px}
/* Top: centered text block */
.hero-top{text-align:center;max-width:760px}
.hero-top .hero-badge{justify-content:center}
/* Diagram wrapper: full width, capped height */
.hero-diagram-wrap{position:relative;width:100%;max-width:100%;padding-bottom:120px}
/* Stats at bottom */
.hero-stats-bottom{width:100%;max-width:800px}
/* Right column kept for backwards compat */
.hero-right{display:flex;flex-direction:column;gap:20px;align-items:center}
.hero-badge{display:inline-flex;align-items:center;gap:8px;background:var(--surface);border:1px solid var(--border2);border-radius:100px;padding:6px 16px;font-size:12px;color:var(--cyan);font-weight:500;letter-spacing:.5px;margin-bottom:24px;backdrop-filter:blur(12px);animation:fuUp .6s ease both}
.hero-badge-dot{width:6px;height:6px;border-radius:50%;background:var(--cyan);animation:pDot 2s infinite;box-shadow:0 0 6px var(--cyan)}
@keyframes pDot{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.8)}}
.hero h1{font-size:clamp(38px,4.5vw,62px);font-weight:800;line-height:1.1;letter-spacing:-1.5px;color:var(--white);margin-bottom:8px;animation:fuUp .7s ease .1s both}
.hero h1 .accent{color:var(--cyan)}
.hero-sub{font-size:15px;color:var(--muted);font-weight:400;line-height:1.7;margin-bottom:24px;animation:fuUp .7s ease .2s both;max-width:640px;margin-left:auto;margin-right:auto}
.hero-sub span{color:rgba(0,242,254,.6)}
.hero-sub strong{color:var(--white);font-weight:600}
.hero-identity-tag{display:inline-flex;align-items:center;gap:8px;background:rgba(0,242,254,.07);border:1px solid rgba(0,242,254,.2);border-radius:20px;padding:6px 16px;font-size:12px;font-weight:600;color:var(--cyan);letter-spacing:.5px;margin-bottom:10px;animation:fuUp .7s ease 0s both}
.hero-avail{display:inline-flex;align-items:center;gap:7px;font-size:11.5px;font-weight:600;color:#2ECC71;margin-bottom:16px;animation:fuUp .7s ease .05s both}
.avail-dot{width:7px;height:7px;border-radius:50%;background:#2ECC71;box-shadow:0 0 8px rgba(46,204,113,.7);flex-shrink:0;animation:pDot 2s infinite}
.hero-id-dot{width:6px;height:6px;border-radius:50%;background:var(--cyan);box-shadow:0 0 8px var(--cyan);flex-shrink:0;animation:pDot 2s infinite}
.hero-why-strip{display:inline-flex;align-items:center;gap:0;background:rgba(0,0,0,.2);border:1px solid var(--border);border-radius:12px;padding:10px 20px;margin-bottom:28px;flex-wrap:wrap;justify-content:center;animation:fuUp .7s ease .25s both}
.hero-why-item{display:flex;align-items:center;gap:7px;padding:4px 14px}
.hero-why-num{font-size:18px;font-weight:800;color:var(--cyan);letter-spacing:-1px;white-space:nowrap}
.hero-why-lbl{font-size:11px;color:var(--muted);font-weight:500;white-space:nowrap}
.hero-why-sep{width:1px;height:28px;background:var(--border);flex-shrink:0}
@media(max-width:600px){.hero-why-strip{padding:10px 12px}.hero-why-sep{display:none}.hero-why-item{padding:4px 8px}.hero-why-num{font-size:15px}.hero-why-lbl{font-size:10px}}
.hero-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap;animation:fuUp .7s ease .3s both}
.hero-sec-link{font-size:14px;font-weight:500;color:var(--muted);text-decoration:none;transition:color .2s}
.hero-sec-link:hover{color:var(--white)}
@keyframes fuUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}

/* STATS */
.stats-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--border);border-radius:14px;overflow:hidden;margin-top:44px}
.stat-box{background:var(--surface);padding:22px 16px;text-align:center;backdrop-filter:blur(12px);transition:background .3s}
.stat-box:hover{background:var(--surface2)}
.stat-num{font-size:32px;font-weight:800;color:var(--cyan);letter-spacing:-1px;display:block}
.stat-lbl{font-size:11px;color:var(--muted);margin-top:4px}

/* ERP GRAPH */
.erp-graph{position:relative;width:100%;aspect-ratio:16/8;max-width:100%;max-height:55vh;margin:0 auto;animation:fuUp .8s ease .4s both}
.erp-svg{width:100%;height:100%;position:absolute;inset:0}
.erp-line{stroke-dasharray:300;stroke-dashoffset:300;animation:drawLine 1.5s ease forwards}
.erp-line:nth-child(1){animation-delay:.5s}
.erp-line:nth-child(2){animation-delay:.7s}
.erp-line:nth-child(3){animation-delay:.9s}
.erp-line:nth-child(4){animation-delay:1.1s}
.erp-line:nth-child(5){animation-delay:1.3s}
@keyframes drawLine{to{stroke-dashoffset:0}}
.erp-nodes{position:absolute;inset:0}
.erp-node{position:absolute;transform:translate(-50%,-50%)}
.node-core{top:50%;left:50%}
.node-finance1{top:38%;left:12%}
.node-finance2{top:18%;left:52%}
.node-retail1{top:22%;left:78%}
.node-hr{top:62%;left:75%}
.node-retail2{top:78%;left:48%}
.node-bubble{background:var(--surface2);border:1px solid var(--border2);border-radius:50px;padding:10px 18px;font-size:13px;font-weight:600;color:var(--white);backdrop-filter:blur(16px);white-space:nowrap;cursor:pointer;transition:all .3s;position:relative;box-shadow:0 0 20px rgba(0,195,255,.12)}
.node-bubble:hover{box-shadow:var(--glow-c);transform:scale(1.08);border-color:var(--cyan)}
.node-core-bubble{background:var(--surface2);border:1px solid rgba(0,242,254,.4);border-radius:50%;width:110px;height:110px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:var(--white);backdrop-filter:blur(20px);cursor:pointer;animation:coreGlow 3s ease-in-out infinite alternate;position:relative}
@keyframes coreGlow{from{box-shadow:0 0 30px rgba(0,242,254,.2),0 0 60px rgba(0,242,254,.08)}to{box-shadow:0 0 50px rgba(0,242,254,.35),0 0 100px rgba(0,242,254,.15)}}
.core-icon{font-size:22px;margin-bottom:4px}
.core-label{font-size:11px;color:var(--cyan);letter-spacing:.5px}
.node-tooltip{position:absolute;bottom:calc(100% + 12px);left:50%;transform:translateX(-50%) translateY(8px);background:var(--surface2);border:1px solid var(--border2);border-radius:12px;padding:14px 18px;font-size:12px;width:200px;backdrop-filter:blur(20px);box-shadow:0 8px 32px rgba(0,0,0,.4),var(--glow-c);opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;z-index:10;white-space:normal}
.node-bubble:hover .node-tooltip,.node-core-bubble:hover .node-tooltip{opacity:1;transform:translateX(-50%) translateY(0)}
.tooltip-title{color:var(--cyan);font-weight:700;margin-bottom:6px;font-size:13px}
.tooltip-desc{color:var(--muted);font-size:11px;line-height:1.5}
.tooltip-metric{margin-top:8px;color:var(--white);font-weight:600}
.tooltip-metric span{color:var(--cyan)}

/* SECTIONS */
.sec{padding:72px 5%;position:relative;z-index:1}
.sec-inner{max-width:1200px;margin:0 auto}
.sec-label{display:block;font-size:12px;letter-spacing:3px;text-transform:uppercase;color:var(--cyan);font-weight:600;margin-bottom:12px}
.sec-title{font-size:clamp(26px,3.5vw,44px);font-weight:800;letter-spacing:-1px;color:var(--white);margin-bottom:14px}
.sec-title .accent{color:var(--cyan)}
.sec-sub{font-size:15px;color:var(--muted);line-height:1.7;max-width:560px}
.sec-header{margin-bottom:52px}
.neon-divider{height:1px;background:linear-gradient(90deg,transparent,var(--cyan),transparent);opacity:.18;margin:0 5%}

/* TABS */
.tabs-bar{display:flex;gap:6px;flex-wrap:wrap;justify-content:center;margin-bottom:40px}
.tab-btn{padding:10px 22px;border-radius:10px;font-size:13px;font-weight:600;cursor:pointer;border:1px solid var(--border);background:var(--surface);color:var(--muted);transition:all .3s;font-family:var(--font);backdrop-filter:blur(12px)}
.tab-btn:hover{border-color:rgba(0,242,254,.3);color:var(--white)}
.tab-btn.active{border-color:var(--cyan);color:var(--cyan);background:rgba(0,242,254,.08);box-shadow:var(--glow-c)}
.cards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.sol-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r2);padding:28px;backdrop-filter:blur(20px);transition:all .35s;cursor:pointer;position:relative;overflow:hidden}
.sol-card::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--cyan),var(--violet));opacity:0;transition:opacity .3s}
.sol-card:hover{border-color:var(--border2);box-shadow:0 0 40px rgba(0,242,254,.1),0 8px 40px rgba(0,0,0,.3);transform:translateY(-4px)}
.sol-card:hover::before{opacity:1}
.card-icon{width:48px;height:48px;border-radius:12px;background:rgba(0,242,254,.08);border:1px solid rgba(0,242,254,.2);display:flex;align-items:center;justify-content:center;font-size:22px;margin-bottom:18px;transition:all .3s}
.sol-card:hover .card-icon{background:rgba(0,242,254,.14);box-shadow:0 0 20px rgba(0,242,254,.25)}
.sol-card h3{font-size:17px;font-weight:700;color:var(--white);margin-bottom:8px}
.sol-card p{font-size:13px;color:var(--muted);line-height:1.65;margin-bottom:20px}
.card-link{font-size:13px;font-weight:600;color:var(--cyan);text-decoration:none;display:inline-flex;align-items:center;gap:6px;transition:gap .2s}
.card-link:hover{gap:10px}

/* WHY */
.why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;background:var(--border);border-radius:16px;overflow:hidden;margin-bottom:24px}
.why-item{background:var(--surface);padding:36px 32px;transition:background .3s}
.why-item:hover{background:var(--surface2)}
.why-num{font-size:48px;font-weight:800;color:rgba(0,242,254,.1);line-height:1;margin-bottom:16px;letter-spacing:-2px}
.why-item h3{font-size:16px;font-weight:700;color:var(--white);margin-bottom:10px}
.why-item p{font-size:13px;color:var(--muted);line-height:1.7}
.values-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:24px 28px;backdrop-filter:blur(16px)}
.val-item{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--muted);padding:5px 0}
.val-dot{width:6px;height:6px;border-radius:50%;background:var(--cyan);flex-shrink:0;box-shadow:0 0 6px var(--cyan)}

/* SERVICES */
.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.svc-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r2);padding:28px;backdrop-filter:blur(16px);transition:all .3s;position:relative;overflow:hidden}
.svc-card::after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--cyan),var(--violet));opacity:0;transition:opacity .3s}
.svc-card:hover{border-color:var(--border2);transform:translateY(-4px);box-shadow:0 12px 40px rgba(0,242,254,.08)}
.svc-card:hover::after{opacity:1}
.svc-icon{width:52px;height:52px;border-radius:14px;background:rgba(0,242,254,.07);border:1px solid rgba(0,242,254,.18);display:flex;align-items:center;justify-content:center;font-size:24px;margin-bottom:18px}
.svc-card h3{font-size:16px;font-weight:700;margin-bottom:8px;color:var(--white)}
.svc-card p{font-size:13px;color:var(--muted);line-height:1.65;margin-bottom:16px}
.svc-tags{display:flex;flex-wrap:wrap;gap:6px}
.svc-tag{background:rgba(0,242,254,.07);border:1px solid rgba(0,242,254,.15);color:var(--cyan);padding:4px 10px;border-radius:5px;font-size:11px;font-weight:500}
.svc-link{display:inline-flex;align-items:center;gap:6px;color:var(--cyan);font-size:13px;font-weight:600;text-decoration:none;margin-top:16px;transition:gap .2s}
.svc-link:hover{gap:10px}

/* SCALE/FEATURED */
.scale-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.scale-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r2);padding:24px;backdrop-filter:blur(16px);transition:all .3s}
.scale-card:hover{border-color:var(--border2);transform:translateY(-4px);box-shadow:0 12px 40px rgba(0,242,254,.08)}
.scale-card-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}
.scale-card-icon{font-size:28px}
.scale-card-action{width:32px;height:32px;border-radius:8px;background:rgba(0,242,254,.1);border:1px solid rgba(0,242,254,.2);display:flex;align-items:center;justify-content:center;font-size:14px;color:var(--cyan);cursor:pointer;transition:all .2s}
.scale-card-action:hover{background:rgba(0,242,254,.2);box-shadow:0 0 12px rgba(0,242,254,.3)}
.scale-card-mock{background:var(--bg2);border-radius:8px;height:80px;margin-bottom:16px;display:flex;align-items:center;justify-content:center;overflow:hidden;border:1px solid var(--border)}
.mock-bars{display:flex;align-items:flex-end;gap:6px;padding:8px 12px;height:100%}
.mock-bar{width:14px;border-radius:4px 4px 0 0;background:linear-gradient(180deg,var(--cyan),rgba(0,195,255,.3));animation:barGrow 1.5s ease both}
@keyframes barGrow{from{height:0}}
.mock-bar:nth-child(1){height:40%;animation-delay:.1s}
.mock-bar:nth-child(2){height:70%;animation-delay:.2s}
.mock-bar:nth-child(3){height:55%;animation-delay:.3s}
.mock-bar:nth-child(4){height:85%;animation-delay:.4s}
.mock-bar:nth-child(5){height:60%;animation-delay:.5s}
.scale-card h3{font-size:15px;font-weight:700;margin-bottom:6px}
.scale-card p{font-size:12px;color:var(--muted);line-height:1.6;margin-bottom:16px}
.explore-btn{padding:8px 18px;border-radius:8px;font-size:12px;font-weight:600;border:1px solid var(--border2);background:rgba(0,242,254,.06);color:var(--cyan);cursor:pointer;transition:all .2s;font-family:var(--font)}
.explore-btn:hover{background:rgba(0,242,254,.12);box-shadow:var(--glow-c)}

/* ABOUT */
.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start}
.cert-badges{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}
.cert-badge{display:flex;align-items:center;gap:8px;background:var(--surface);border:1px solid var(--border2);border-radius:8px;padding:10px 16px;font-size:13px;font-weight:600;color:var(--white);transition:all .2s;cursor:default}
.cert-badge:hover{border-color:var(--cyan);box-shadow:var(--glow-c)}
.cert-badge span{font-size:16px}
.exp-list{display:flex;flex-direction:column;gap:10px;margin-top:20px}
.exp-item{display:flex;align-items:center;gap:14px;padding:12px 18px;background:var(--surface);border:1px solid var(--border);border-radius:10px;transition:all .3s;font-size:14px;color:var(--muted)}
.exp-item:hover{border-color:var(--border2);transform:translateX(6px)}
.exp-dot{width:7px;height:7px;border-radius:50%;background:var(--cyan);flex-shrink:0;box-shadow:0 0 7px var(--cyan)}
.proc-steps{display:flex;flex-direction:column;gap:0}
.p-step{display:flex;gap:18px;padding:16px 0;border-bottom:1px solid var(--border)}
.p-step:last-child{border-bottom:none}
.p-num{width:30px;height:30px;border-radius:8px;background:rgba(0,242,254,.08);border:1px solid rgba(0,242,254,.2);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:var(--cyan);flex-shrink:0;margin-top:2px}
.p-step h4{font-size:14px;font-weight:700;color:var(--white);margin-bottom:3px}
.p-step p{font-size:12px;color:var(--muted);line-height:1.55}

/* CONTACT */
.contact-grid{display:grid;grid-template-columns:1fr 1.4fr;gap:64px;align-items:start}
.ci-items{display:flex;flex-direction:column;gap:16px;margin-top:28px}
.ci-item{display:flex;align-items:flex-start;gap:14px}
.ci-icon{width:42px;height:42px;border-radius:10px;background:rgba(0,242,254,.07);border:1px solid rgba(0,242,254,.2);display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}
.ci-lbl{font-size:11px;color:var(--muted);margin-bottom:2px;letter-spacing:.5px;text-transform:uppercase}
.ci-val{font-size:14px;font-weight:600;color:var(--white)}
.form-box{background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:36px;backdrop-filter:blur(20px)}
.form-title{font-size:20px;font-weight:700;margin-bottom:24px}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px}
.form-group{display:flex;flex-direction:column;gap:6px}
.form-group.full{grid-column:1/-1}
.form-group label{font-size:11px;font-weight:600;color:var(--muted);letter-spacing:.5px;text-transform:uppercase}
.form-group input,.form-group select,.form-group textarea{background:var(--bg2);border:1px solid var(--border);border-radius:8px;padding:11px 14px;font-size:13px;color:var(--white);font-family:var(--font);outline:none;transition:border-color .2s,box-shadow .2s;width:100%}
.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:rgba(0,242,254,.4);box-shadow:0 0 0 3px rgba(0,242,254,.06)}
.form-group input::placeholder,.form-group textarea::placeholder{color:var(--muted)}
.form-group textarea{height:110px;resize:none}
.form-group select option{background:var(--bg2);color:var(--white)}
.form-group.field-error input,.form-group.field-error textarea{border-color:rgba(231,76,60,.6);box-shadow:0 0 0 3px rgba(231,76,60,.08)}
.form-group.field-ok input,.form-group.field-ok textarea{border-color:rgba(46,204,113,.45)}
.field-err-msg{font-size:11px;color:#E74C3C;font-weight:500;margin-top:2px;min-height:14px}
.form-submit{width:100%;padding:14px;border-radius:10px;font-size:14px;font-weight:700;border:none;background:var(--cyan);color:#000;cursor:pointer;font-family:var(--font);transition:all .2s;margin-top:6px;display:flex;align-items:center;justify-content:center;gap:8px}
.form-submit:hover{box-shadow:var(--glow-c);transform:translateY(-1px)}
.form-note{font-size:11px;color:var(--muted);text-align:center;margin-top:10px}
.form-next-steps{display:flex;flex-direction:column;gap:8px;margin:14px 0 16px;padding:14px 16px;background:rgba(0,242,254,.04);border-left:2px solid rgba(0,242,254,.3);border-radius:0 8px 8px 0}
.fns-item{display:flex;align-items:center;gap:10px;font-size:12.5px;color:var(--muted)}
.fns-num{width:20px;height:20px;border-radius:50%;background:rgba(0,242,254,.15);color:var(--cyan);font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.promise-box{margin-top:28px;padding:20px;background:rgba(0,242,254,.05);border:1px solid rgba(0,242,254,.15);border-radius:12px}
.promise-title{font-size:13px;font-weight:700;color:var(--cyan);margin-bottom:10px}
.promise-item{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--muted);padding:3px 0}
.promise-item .ck{color:var(--cyan);font-weight:700}

/* CHATBOT */
.chatbot-trigger{position:fixed;bottom:32px;right:32px;z-index:999}
.chat-fab{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,var(--cyan),var(--violet));border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:22px;box-shadow:0 0 30px rgba(0,242,254,.4),0 8px 24px rgba(0,0,0,.4);transition:transform .3s;animation:fabPulse 3s ease-in-out infinite}
@keyframes fabPulse{0%,100%{box-shadow:0 0 20px rgba(0,242,254,.4),0 8px 24px rgba(0,0,0,.4)}50%{box-shadow:0 0 40px rgba(0,242,254,.6),0 8px 30px rgba(0,0,0,.4)}}
.chat-fab:hover{transform:scale(1.1)}
.chatbot-window{position:fixed;bottom:100px;right:32px;width:360px;background:var(--surface2);border:1px solid var(--border2);border-radius:20px;backdrop-filter:blur(24px);box-shadow:0 20px 80px rgba(0,0,0,.6),0 0 60px rgba(0,242,254,.08);z-index:1000;overflow:hidden;transform:scale(.9) translateY(20px);opacity:0;pointer-events:none;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}
.chatbot-window.open{transform:scale(1) translateY(0);opacity:1;pointer-events:all}
.chat-header{padding:16px 20px;background:rgba(0,242,254,.05);border-bottom:1px solid var(--border);display:flex;align-items:center;gap:12px}
.chat-avatar{width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0;position:relative;box-shadow:0 0 15px rgba(102,126,234,.4)}
.chat-online{position:absolute;bottom:1px;right:1px;width:10px;height:10px;border-radius:50%;background:#2ECC71;border:2px solid var(--bg);box-shadow:0 0 6px #2ECC71}
.chat-name{font-weight:700;font-size:14px;color:var(--white)}
.chat-role{font-size:11px;color:var(--cyan)}
.chat-close{margin-left:auto;width:28px;height:28px;border-radius:6px;background:rgba(255,255,255,.06);border:1px solid var(--border);color:var(--muted);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;transition:all .2s}
.chat-close:hover{background:rgba(255,0,0,.1);color:#ff6b6b}
.chat-messages{height:300px;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:12px;scrollbar-width:thin;scrollbar-color:rgba(0,242,254,.2) transparent}
.chat-messages::-webkit-scrollbar{width:4px}
.chat-messages::-webkit-scrollbar-thumb{background:rgba(0,242,254,.2);border-radius:2px}
.chat-date{text-align:center;font-size:10px;color:var(--muted)}
.msg-group{display:flex;flex-direction:column;gap:4px}
.msg-bot{display:flex;align-items:flex-end;gap:8px}
.msg-avatar-sm{width:26px;height:26px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;font-size:12px;flex-shrink:0}
.bubble{padding:10px 14px;border-radius:14px;max-width:80%;font-size:13px;line-height:1.55}
.bubble-bot{background:rgba(30,38,60,.8);border:1px solid var(--border);color:var(--white);border-bottom-left-radius:4px}
.bubble-user{background:rgba(0,242,254,.12);border:1px solid rgba(0,242,254,.25);color:var(--white);margin-left:auto;border-bottom-right-radius:4px;box-shadow:0 0 16px rgba(0,242,254,.1)}
.msg-user{justify-content:flex-end}
.chat-input-row{padding:14px 16px;border-top:1px solid var(--border);display:flex;align-items:center;gap:10px;background:rgba(0,0,0,.2)}
.chat-input{flex:1;background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:10px 14px;font-size:13px;color:var(--white);outline:none;font-family:var(--font);transition:border-color .2s}
.chat-input:focus{border-color:rgba(0,242,254,.4)}
.chat-input::placeholder{color:var(--muted)}
.chat-send{width:38px;height:38px;border-radius:10px;background:linear-gradient(135deg,var(--cyan),var(--cyan2));border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;color:#000;transition:all .2s;flex-shrink:0}
.chat-send:hover{box-shadow:var(--glow-c);transform:scale(1.08)}

/* FOOTER */
.main-footer{background:var(--bg2);border-top:1px solid var(--border);padding:60px 5% 0;position:relative;z-index:1}

/* ═══ INDUSTRIES ═══ */
.industries-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.ind-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r2);padding:28px;backdrop-filter:blur(16px);transition:all .35s;cursor:pointer;position:relative;overflow:hidden}
.ind-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--cyan),var(--violet));opacity:0;transition:opacity .3s}
.ind-card:hover{border-color:var(--border2);transform:translateY(-4px);box-shadow:0 12px 40px rgba(0,242,254,.1)}
.ind-card:hover::before{opacity:1}
.ind-emoji{font-size:36px;margin-bottom:16px;display:block}
.ind-card h3{font-size:16px;font-weight:700;color:var(--white);margin-bottom:10px}
.ind-card p{font-size:13px;color:var(--muted);line-height:1.65;margin-bottom:16px}
.ind-pains{display:flex;flex-direction:column;gap:5px;margin-bottom:16px}
.ind-pain{display:flex;align-items:center;gap:7px;font-size:12px;color:var(--muted)}
.ind-pain::before{content:'✗';color:#ff6b6b;font-weight:700;flex-shrink:0}
.ind-solutions{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:16px}
.ind-sol-tag{background:rgba(0,242,254,.07);border:1px solid rgba(0,242,254,.15);color:var(--cyan);padding:3px 8px;border-radius:5px;font-size:11px}
.ind-cta{font-size:12px;font-weight:600;color:var(--cyan);text-decoration:none;display:inline-flex;align-items:center;gap:5px;transition:gap .2s}
.ind-cta:hover{gap:9px}

/* ═══ CASE STUDIES ═══ */
.cases-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.case-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r2);overflow:hidden;backdrop-filter:blur(16px);transition:all .35s}
.case-card:hover{border-color:var(--border2);transform:translateY(-5px);box-shadow:0 16px 50px rgba(0,242,254,.1)}
.case-top{background:linear-gradient(135deg,rgba(0,242,254,.08),rgba(189,0,255,.06));padding:22px;border-bottom:1px solid var(--border)}
.case-industry-badge{display:inline-block;background:rgba(0,242,254,.15);border:1px solid rgba(0,242,254,.25);color:var(--cyan);padding:3px 10px;border-radius:4px;font-size:11px;font-weight:600;letter-spacing:.5px;margin-bottom:10px}
.case-top h3{font-size:15px;font-weight:700;color:var(--white);line-height:1.4}
.case-body{padding:20px}
.case-metrics{display:flex;gap:16px;margin-bottom:14px}
.case-metric{flex:1;text-align:center}
.metric-val{font-size:26px;font-weight:800;color:var(--cyan);letter-spacing:-1px;display:block}
.metric-lbl{font-size:10px;color:var(--muted);margin-top:2px}
.case-divider{height:1px;background:var(--border);margin:14px 0}
.case-body p{font-size:12px;color:var(--muted);line-height:1.6}
.case-tech{display:flex;flex-wrap:wrap;gap:5px;margin-top:12px}
.case-tech-tag{background:rgba(189,0,255,.07);border:1px solid rgba(189,0,255,.2);color:#cc88ff;padding:3px 8px;border-radius:4px;font-size:10px}

/* ═══ TESTIMONIALS ═══ */
.testi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.testi-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r2);padding:28px;backdrop-filter:blur(16px);transition:all .35s;position:relative}
.testi-card:hover{border-color:var(--border2);box-shadow:0 8px 32px rgba(0,242,254,.08)}
.testi-quote{font-size:48px;color:var(--cyan);line-height:1;margin-bottom:14px;font-family:Georgia,serif;opacity:.7}
.testi-text{font-size:14px;color:var(--white);line-height:1.75;margin-bottom:22px;font-style:italic}
.testi-author{display:flex;align-items:center;gap:12px}
.testi-avatar{width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,var(--cyan),var(--violet));display:flex;align-items:center;justify-content:center;font-weight:800;font-size:14px;color:#000;flex-shrink:0}
.testi-name{font-weight:700;font-size:14px;color:var(--white)}
.testi-role{font-size:11px;color:var(--muted)}
.testi-stars{color:#F1C40F;font-size:13px;margin-bottom:12px;letter-spacing:2px}

/* ═══ BLOG ═══ */
.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.blog-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r2);overflow:hidden;backdrop-filter:blur(16px);transition:all .35s;cursor:pointer}
.blog-card:hover{border-color:var(--border2);transform:translateY(-4px);box-shadow:0 12px 40px rgba(0,242,254,.08)}
.blog-img{height:120px;background:linear-gradient(135deg,rgba(0,242,254,.08),rgba(189,0,255,.06));display:flex;align-items:center;justify-content:center;font-size:40px;border-bottom:1px solid var(--border)}
.blog-body{padding:20px}
.blog-cat{display:inline-block;background:rgba(0,242,254,.1);color:var(--cyan);padding:3px 10px;border-radius:4px;font-size:11px;font-weight:600;margin-bottom:10px}
.blog-card h3{font-size:15px;font-weight:700;color:var(--white);margin-bottom:8px;line-height:1.4}
.blog-card p{font-size:12px;color:var(--muted);line-height:1.6;margin-bottom:14px}
.blog-meta{display:flex;align-items:center;justify-content:space-between}
.blog-date{font-size:11px;color:var(--muted)}
.blog-read{font-size:12px;font-weight:600;color:var(--cyan);text-decoration:none;transition:gap .2s;display:flex;align-items:center;gap:4px}
.blog-read:hover{gap:8px}

/* ═══ FAQ ═══ */
.faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.faq-item{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:20px 24px;cursor:pointer;transition:all .3s}
.faq-item:hover{border-color:var(--border2)}
.faq-item.open{border-color:rgba(0,242,254,.4);background:var(--surface2)}
.faq-q{display:flex;align-items:center;justify-content:space-between;gap:12px}
.faq-q span{font-size:14px;font-weight:600;color:var(--white);line-height:1.4}
.faq-icon{width:24px;height:24px;border-radius:6px;background:rgba(0,242,254,.1);border:1px solid rgba(0,242,254,.2);display:flex;align-items:center;justify-content:center;font-size:14px;color:var(--cyan);flex-shrink:0;transition:transform .3s}
.faq-item.open .faq-icon{transform:rotate(45deg)}
.faq-a{font-size:13px;color:var(--muted);line-height:1.65;margin-top:12px;display:none}
.faq-item.open .faq-a{display:block}

/* ═══ INTEGRATIONS SHOWCASE ═══ */
.integrations-row{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:8px}
.int-badge{display:flex;align-items:center;gap:8px;background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:10px 18px;font-size:13px;font-weight:500;color:var(--muted);transition:all .25s}
.int-badge:hover{border-color:var(--cyan);color:var(--white);box-shadow:var(--glow-c)}
.int-icon{font-size:18px}

/* ═══ TOOLS WE USE ═══ */
.tools-row{display:flex;flex-wrap:wrap;gap:14px;margin-top:8px}
.tool-item{display:flex;align-items:center;gap:8px;background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:10px 16px;font-size:13px;font-weight:600;color:var(--muted);transition:all .25s}
.tool-item:hover{border-color:var(--cyan);color:var(--white);box-shadow:0 0 12px rgba(0,242,254,.15)}

/* ═══ PROCESS BLUEPRINTS (parts 23/24) ═══ */
.process-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}
.process-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r2);padding:28px;backdrop-filter:blur(16px);transition:all .3s}
.process-card:hover{border-color:var(--border2);transform:translateY(-3px);box-shadow:0 10px 36px rgba(0,242,254,.08)}
.process-card-head{display:flex;align-items:center;gap:12px;margin-bottom:18px;padding-bottom:16px;border-bottom:1px solid var(--border)}
.process-card-icon{width:46px;height:46px;border-radius:12px;background:rgba(0,242,254,.08);border:1px solid rgba(0,242,254,.2);display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0}
.process-card h3{font-size:16px;font-weight:700;color:var(--white)}
.process-card .process-sub{font-size:11px;color:var(--muted);margin-top:2px}
.process-flow{display:flex;align-items:center;flex-wrap:wrap;gap:6px}
.pf-step{background:var(--bg2);border:1px solid var(--border);border-radius:8px;padding:8px 12px;font-size:12px;font-weight:600;color:var(--muted);white-space:nowrap;transition:all .3s}
.pf-step:hover{border-color:rgba(0,242,254,.4);color:var(--cyan);box-shadow:0 0 10px rgba(0,242,254,.1)}
.pf-arrow{color:var(--cyan);font-size:14px;opacity:.6}
.process-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px}
.ptag{background:rgba(0,242,254,.07);border:1px solid rgba(0,242,254,.15);color:var(--cyan);padding:3px 8px;border-radius:5px;font-size:11px}

/* ═══ ERP ROADMAP (parts 25/29/30) ═══ */
.roadmap-track{position:relative;padding-left:0}
.roadmap-phases{display:grid;grid-template-columns:repeat(4,1fr);gap:0;background:var(--border);border-radius:16px;overflow:hidden}
.roadmap-phase{background:var(--surface);padding:28px 24px;backdrop-filter:blur(12px);position:relative;transition:background .3s;border-right:1px solid var(--border)}
.roadmap-phase:last-child{border-right:none}
.roadmap-phase:hover{background:var(--surface2)}
.rp-num{font-size:44px;font-weight:800;color:rgba(0,242,254,.08);line-height:1;margin-bottom:10px;letter-spacing:-2px}
.rp-title{font-size:16px;font-weight:700;color:var(--white);margin-bottom:8px}
.rp-sub{font-size:12px;color:var(--cyan);font-weight:600;margin-bottom:12px;letter-spacing:.5px}
.rp-items{display:flex;flex-direction:column;gap:6px}
.rp-item{display:flex;align-items:center;gap:7px;font-size:12px;color:var(--muted)}
.rp-item::before{content:'→';color:var(--cyan);font-size:11px;flex-shrink:0}
.rp-timeline{display:flex;gap:0;margin-top:16px;background:var(--surface);border:1px solid var(--border);border-radius:12px;overflow:hidden}
.rp-tl-item{flex:1;padding:14px 16px;text-align:center;border-right:1px solid var(--border);transition:background .2s}
.rp-tl-item:last-child{border-right:none}
.rp-tl-item:hover{background:var(--surface2)}
.rp-tl-label{font-size:11px;color:var(--muted);margin-bottom:4px}
.rp-tl-val{font-size:14px;font-weight:700;color:var(--white)}

/* ═══ ROI / VALUE (parts 29/30) ═══ */
.roi-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:start}
.roi-stats{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.roi-stat{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:24px;text-align:center;backdrop-filter:blur(12px);transition:all .3s}
.roi-stat:hover{border-color:var(--border2);transform:translateY(-2px)}
.roi-val{font-size:36px;font-weight:800;color:var(--cyan);letter-spacing:-1.5px;display:block;line-height:1}
.roi-lbl{font-size:12px;color:var(--muted);margin-top:6px;line-height:1.4}
.roi-formula{background:var(--bg2);border:1px solid var(--border2);border-radius:12px;padding:20px 24px;margin-top:16px;font-family:monospace;font-size:13px;color:var(--cyan);line-height:1.8}
.roi-list{display:flex;flex-direction:column;gap:12px}
.roi-item{display:flex;align-items:flex-start;gap:14px;padding:16px;background:var(--surface);border:1px solid var(--border);border-radius:12px;transition:all .3s}
.roi-item:hover{border-color:var(--border2)}
.roi-item-icon{font-size:24px;flex-shrink:0}
.roi-item h4{font-size:14px;font-weight:700;color:var(--white);margin-bottom:3px}
.roi-item p{font-size:12px;color:var(--muted);line-height:1.5}
.roi-item-badge{font-size:13px;font-weight:700;color:#2ECC71;margin-top:4px}

/* ═══ GO-LIVE CHECKLIST (part 30) ═══ */
.golive-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.golive-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r2);padding:24px;backdrop-filter:blur(12px);transition:all .3s}
.golive-card:hover{border-color:var(--border2);transform:translateY(-2px)}
.golive-card-head{display:flex;align-items:center;gap:10px;margin-bottom:16px}
.golive-icon{font-size:22px}
.golive-card h3{font-size:14px;font-weight:700;color:var(--white)}
.golive-card .golive-phase{font-size:11px;font-weight:600;letter-spacing:1px;text-transform:uppercase;margin-top:1px}
.golive-phase.pre{color:#F1C40F}
.golive-phase.live{color:var(--cyan)}
.golive-phase.post{color:#2ECC71}
.checklist{display:flex;flex-direction:column;gap:7px}
.cl-item{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted);padding:5px 0;border-bottom:1px solid rgba(255,255,255,.04)}
.cl-item:last-child{border-bottom:none}
.cl-check{width:16px;height:16px;border-radius:4px;border:1px solid rgba(0,242,254,.3);display:flex;align-items:center;justify-content:center;font-size:9px;color:var(--cyan);flex-shrink:0}

/* ═══ SOCIAL PROOF COUNTER ═══ */
.counters-strip{display:grid;grid-template-columns:repeat(6,1fr);gap:1px;background:var(--border);border-radius:16px;overflow:hidden;margin-top:48px}
.counter-box{background:var(--surface2);padding:24px 16px;text-align:center;backdrop-filter:blur(12px);transition:background .3s}
.counter-box:hover{background:var(--surface)}
.counter-num{font-size:28px;font-weight:800;color:var(--cyan);letter-spacing:-1px;display:block}
.counter-lbl{font-size:11px;color:var(--muted);margin-top:3px}

/* ═══ RESPONSIVE NEW ═══ */
@media(max-width:1024px){
  .roadmap-phases{grid-template-columns:repeat(2,1fr)}
  .process-grid{grid-template-columns:1fr}
  .roi-grid{grid-template-columns:1fr}
  .golive-grid{grid-template-columns:1fr 1fr}
  .counters-strip{grid-template-columns:repeat(3,1fr)}
  .rp-timeline{flex-wrap:wrap}
}
@media(max-width:768px){
  .roadmap-phases{grid-template-columns:1fr}
  .roadmap-phase{border-right:none;border-bottom:1px solid var(--border)}
  .golive-grid{grid-template-columns:1fr}
  .roi-stats{grid-template-columns:1fr 1fr}
  .counters-strip{grid-template-columns:repeat(2,1fr)}
  .rp-tl-item{min-width:45%}
}
@media(max-width:480px){
  .counters-strip{grid-template-columns:repeat(2,1fr)}
  .roi-stats{grid-template-columns:1fr}
}

/* ═══ LS CENTRAL DEEP DIVE (parts 41-46) ═══ */
.ls-tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:32px}
.ls-tab{padding:9px 18px;border-radius:8px;font-size:12px;font-weight:600;cursor:pointer;border:1px solid var(--border);background:var(--surface);color:var(--muted);transition:all .25s;font-family:var(--font);white-space:nowrap}
.ls-tab:hover{color:var(--white);border-color:rgba(0,242,254,.3)}
.ls-tab.active{border-color:var(--cyan);color:var(--cyan);background:rgba(0,242,254,.08);box-shadow:var(--glow-c)}
.ls-panel{display:none}
.ls-panel.active{display:block}
.ls-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.ls-feature{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:20px;transition:all .3s}
.ls-feature:hover{border-color:var(--border2);transform:translateY(-2px)}
.ls-feature-icon{font-size:24px;margin-bottom:10px;display:block}
.ls-feature h4{font-size:14px;font-weight:700;color:var(--white);margin-bottom:6px}
.ls-feature p{font-size:12px;color:var(--muted);line-height:1.55}
.ls-feature-tags{display:flex;flex-wrap:wrap;gap:5px;margin-top:10px}
.ls-tag{background:rgba(0,242,254,.07);border:1px solid rgba(0,242,254,.15);color:var(--cyan);padding:2px 7px;border-radius:4px;font-size:10px}

/* ═══ ENTERPRISE PROCESS CYCLES (parts 33) ═══ */
.cycle-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.cycle-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r2);padding:24px;backdrop-filter:blur(12px);transition:all .3s;position:relative;overflow:hidden}
.cycle-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;transition:opacity .3s;opacity:0}
.cycle-card:hover{border-color:var(--border2);transform:translateY(-3px)}
.cycle-card:hover::before{opacity:1}
.cycle-o2c::before{background:linear-gradient(90deg,var(--cyan),#00ff88)}
.cycle-p2p::before{background:linear-gradient(90deg,var(--violet),var(--cyan))}
.cycle-r2r::before{background:linear-gradient(90deg,#F1C40F,var(--cyan))}
.cycle-head{display:flex;align-items:center;gap:10px;margin-bottom:14px}
.cycle-abbr{font-size:11px;font-weight:700;letter-spacing:2px;color:var(--cyan);background:rgba(0,242,254,.08);border:1px solid rgba(0,242,254,.2);padding:3px 8px;border-radius:5px}
.cycle-card h3{font-size:15px;font-weight:700;color:var(--white)}
.cycle-steps{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}
.cycle-step{background:var(--bg2);border:1px solid var(--border);border-radius:6px;padding:5px 10px;font-size:11px;color:var(--muted);display:flex;align-items:center;gap:4px}
.cycle-step::before{content:'→';color:var(--cyan);font-size:10px}
.cycle-card p{font-size:12px;color:var(--muted);line-height:1.6}

/* ═══ BC vs LS COMPARISON (parts 44/46) ═══ */
.compare-table{width:100%;border-collapse:collapse;background:var(--surface);border-radius:14px;overflow:hidden;backdrop-filter:blur(12px)}
.compare-table th{background:var(--surface2);padding:14px 18px;text-align:left;font-size:12px;font-weight:700;color:var(--muted);letter-spacing:1px;text-transform:uppercase;border-bottom:1px solid var(--border)}
.compare-table th:first-child{color:var(--white)}
.compare-table td{padding:13px 18px;font-size:13px;color:var(--muted);border-bottom:1px solid var(--border)}
.compare-table tr:last-child td{border-bottom:none}
.compare-table tr:hover td{background:rgba(0,242,254,.03)}
.compare-table td:first-child{font-weight:600;color:var(--white)}
.check-yes{color:#2ECC71;font-weight:700}
.check-no{color:#E74C3C;opacity:.5}
.check-partial{color:#F1C40F;font-weight:600}
.col-bc{color:var(--cyan)}
.col-ls{color:#cc88ff}

/* ═══ AL CODE SHOWCASE (parts 42) ═══ */
.code-showcase{background:var(--bg2);border:1px solid var(--border);border-radius:14px;overflow:hidden}
.code-header{background:rgba(0,0,0,.3);padding:12px 20px;display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--border)}
.code-dots{display:flex;gap:6px}
.code-dot{width:10px;height:10px;border-radius:50%}
.code-dot-r{background:#E74C3C}
.code-dot-y{background:#F1C40F}
.code-dot-g{background:#2ECC71}
.code-filename{font-size:12px;color:var(--muted);font-family:monospace}
.code-body{padding:20px;font-family:monospace;font-size:12px;line-height:1.8;color:rgba(0,242,254,.7);overflow-x:auto}
.code-kw{color:#cc88ff}
.code-fn{color:#00F2FE}
.code-str{color:#2ECC71}
.code-comment{color:rgba(107,122,153,.7)}
.code-num{color:#F1C40F}


/* ═══ MARKETPLACE ═══ */
.mp-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.mp-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r2);overflow:hidden;transition:all .35s;position:relative}
.mp-card:hover{border-color:var(--border2);transform:translateY(-5px);box-shadow:0 20px 60px rgba(0,242,254,.1)}
.mp-card-badge{position:absolute;top:14px;right:14px;font-size:10px;font-weight:700;letter-spacing:1px;padding:4px 10px;border-radius:20px;text-transform:uppercase}
.badge-new{background:rgba(0,242,254,.15);color:var(--cyan);border:1px solid rgba(0,242,254,.3)}
.badge-popular{background:rgba(189,0,255,.15);color:#cc88ff;border:1px solid rgba(189,0,255,.3)}
.badge-bundle{background:rgba(241,196,15,.12);color:#F1C40F;border:1px solid rgba(241,196,15,.3)}
.mp-card-top{padding:24px 24px 0;display:flex;align-items:center;gap:14px;margin-bottom:16px}
.mp-icon{width:52px;height:52px;border-radius:14px;background:rgba(0,242,254,.08);border:1px solid rgba(0,242,254,.2);display:flex;align-items:center;justify-content:center;font-size:24px;flex-shrink:0}
.mp-card h3{font-size:17px;font-weight:700;color:var(--white);margin-bottom:3px}
.mp-cat{font-size:11px;color:var(--cyan);font-weight:600;letter-spacing:.5px;text-transform:uppercase}
.mp-card-body{padding:0 24px 16px}
.mp-desc{font-size:13px;color:var(--muted);line-height:1.7;margin-bottom:16px}
.mp-features{display:flex;flex-direction:column;gap:7px;margin-bottom:18px}
.mp-feat{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted)}
.mp-feat::before{content:'✓';color:#2ECC71;font-weight:700;flex-shrink:0}
.mp-card-footer{padding:16px 24px;border-top:1px solid var(--border);display:flex;align-items:center;justify-content:flex-end;background:rgba(0,0,0,.15)}
/* ── PRICE VISIBILITY: hidden site-wide ── */
.hire-pkg-price,.price-tag{display:none!important}
.mp-price{display:flex;flex-direction:column}
.mp-price-from{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.5px}
.mp-price-val{font-size:22px;font-weight:800;color:var(--cyan);letter-spacing:-1px}
.mp-price-note{font-size:10px;color:var(--muted)}
.mp-btn{padding:9px 18px;border-radius:8px;font-size:12px;font-weight:700;cursor:pointer;border:1px solid var(--cyan);background:rgba(0,242,254,.08);color:var(--cyan);transition:all .3s;text-decoration:none;white-space:nowrap}
.mp-btn:hover{background:var(--cyan);color:#000;box-shadow:var(--glow-c)}
/* ── MARKETPLACE SIDEBAR LAYOUT ── */
.mp-layout{display:grid;grid-template-columns:240px 1fr;gap:32px;align-items:start}
.mp-sidebar{position:sticky;top:90px;background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:20px;display:flex;flex-direction:column;gap:16px}
.mp-search-wrap{position:relative;display:flex;align-items:center}
.mp-search-input{width:100%;padding:9px 36px 9px 12px;border-radius:8px;border:1px solid var(--border);background:var(--bg);color:var(--white);font-size:13px;font-family:var(--font);outline:none;transition:border-color .2s}
.mp-search-input::placeholder{color:var(--muted)}
.mp-search-input:focus{border-color:rgba(0,242,254,.4)}
.mp-search-icon{position:absolute;right:10px;font-size:14px;color:var(--muted);pointer-events:none}
.mp-filter-list{display:flex;flex-direction:column;gap:2px;border-top:1px solid var(--border);padding-top:14px}
.mp-check-item{display:flex;align-items:center;gap:8px;padding:7px 8px;border-radius:8px;cursor:pointer;font-size:13px;color:var(--muted);transition:all .18s;user-select:none}
.mp-check-item:hover{background:rgba(0,242,254,.06);color:var(--white)}
.mp-check-item input[type="checkbox"]{width:15px;height:15px;accent-color:var(--cyan);cursor:pointer;flex-shrink:0}
.mp-count{margin-left:auto;font-size:11px;color:var(--muted);font-weight:600}
.mp-cta-strip{margin-top:40px;background:rgba(0,242,254,.04);border:1px solid var(--border2);border-radius:14px;padding:24px 32px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}
.mp-cta-strip p{font-size:14px;color:var(--muted);margin:0}
.mp-cta-strip strong{color:var(--white)}

/* ═══ HIRE ME ═══ */
.hire-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start}
.hire-packages{display:flex;flex-direction:column;gap:16px}
.hire-pkg{background:var(--surface);border:1px solid var(--border);border-radius:var(--r2);padding:24px;transition:all .3s;position:relative;overflow:hidden}
.hire-pkg:hover{border-color:var(--border2);transform:translateY(-2px);box-shadow:0 12px 40px rgba(0,242,254,.08)}
.hire-pkg.featured{border-color:rgba(0,242,254,.35);background:rgba(0,242,254,.04)}
.hire-pkg.featured::before{content:'MOST POPULAR';position:absolute;top:0;right:0;background:var(--cyan);color:#000;font-size:9px;font-weight:800;padding:4px 12px;border-radius:0 var(--r2) 0 8px;letter-spacing:1px}
.hire-pkg-top{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:12px}
.hire-pkg h3{font-size:17px;font-weight:700;color:var(--white);margin-bottom:3px}
.hire-pkg-sub{font-size:12px;color:var(--muted)}
.hire-pkg-price{text-align:right}
.hire-pkg-price .price{font-size:26px;font-weight:800;color:var(--cyan);letter-spacing:-1px}
.hire-pkg-price .period{font-size:11px;color:var(--muted);display:block}
.hire-pkg-features{display:flex;flex-direction:column;gap:8px;margin:14px 0 18px}
.hire-feat{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--muted)}
.hire-feat .hf-check{color:#2ECC71;font-size:12px;flex-shrink:0;font-weight:700}
.hire-cta{width:100%;padding:11px;border-radius:8px;font-size:13px;font-weight:700;cursor:pointer;border:1px solid var(--border2);background:transparent;color:var(--white);transition:all .3s;font-family:var(--font);text-align:center;display:block;text-decoration:none}
.hire-pkg.featured .hire-cta{border-color:var(--cyan);background:rgba(0,242,254,.08);color:var(--cyan)}
.hire-cta:hover{background:var(--cyan);border-color:var(--cyan);color:#000;box-shadow:var(--glow-c)}
.hire-info{display:flex;flex-direction:column;gap:20px}
.hire-avatar-card{background:var(--surface);border:1px solid var(--border2);border-radius:var(--r2);padding:28px;display:flex;gap:20px;align-items:center}
.hire-avatar{width:72px;height:72px;border-radius:50%;background:linear-gradient(135deg,var(--cyan),var(--violet));display:flex;align-items:center;justify-content:center;font-size:30px;flex-shrink:0;box-shadow:var(--glow-c)}
.hire-avatar-name{font-size:20px;font-weight:800;color:var(--white);margin-bottom:4px}
.hire-avatar-role{font-size:13px;color:var(--cyan);margin-bottom:8px}
.hire-avatar-bio{font-size:13px;color:var(--muted);line-height:1.6}
.hire-trust{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.hire-trust-item{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:16px;text-align:center;transition:all .3s}
.hire-trust-item:hover{border-color:var(--border2)}
.hire-trust-num{font-size:26px;font-weight:800;color:var(--cyan);letter-spacing:-1px;display:block}
.hire-trust-lbl{font-size:11px;color:var(--muted);margin-top:2px}
.hire-process{background:var(--surface);border:1px solid var(--border);border-radius:var(--r2);padding:24px}
.hire-process h4{font-size:14px;font-weight:700;color:var(--white);margin-bottom:16px;letter-spacing:.5px}
.hire-steps{display:flex;flex-direction:column;gap:0}
.hire-step{display:flex;gap:14px;align-items:flex-start;padding:12px 0;border-bottom:1px solid var(--border)}
.hire-step:last-child{border-bottom:none}
.hire-step-num{width:28px;height:28px;border-radius:8px;background:rgba(0,242,254,.1);border:1px solid rgba(0,242,254,.25);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;color:var(--cyan);flex-shrink:0}
.hire-step-text{font-size:13px;color:var(--muted);line-height:1.5}
.hire-step-text strong{color:var(--white);display:block;margin-bottom:2px}
@media(max-width:900px){.hire-grid{grid-template-columns:1fr}}

/* ═══ BLOG ═══ */
.blog-grid-new{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.blog-card-new{background:var(--surface);border:1px solid var(--border);border-radius:var(--r2);overflow:hidden;transition:all .35s;display:flex;flex-direction:column}
.blog-card-new:hover{border-color:var(--border2);transform:translateY(-4px);box-shadow:0 16px 48px rgba(0,242,254,.09)}
.blog-thumb{height:140px;display:flex;align-items:center;justify-content:center;font-size:48px;position:relative;overflow:hidden}
.blog-thumb-bc{background:linear-gradient(135deg,rgba(0,242,254,.08),rgba(0,195,255,.04))}
.blog-thumb-ls{background:linear-gradient(135deg,rgba(189,0,255,.08),rgba(0,242,254,.04))}
.blog-thumb-dev{background:linear-gradient(135deg,rgba(46,204,113,.08),rgba(0,242,254,.04))}
.blog-card-body{padding:20px;flex:1;display:flex;flex-direction:column}
.blog-meta{display:flex;align-items:center;gap:10px;margin-bottom:10px}
.blog-tag-pill{font-size:10px;font-weight:700;padding:3px 9px;border-radius:20px;letter-spacing:.5px;text-transform:uppercase}
.tag-bc{background:rgba(0,242,254,.1);color:var(--cyan);border:1px solid rgba(0,242,254,.2)}
.tag-ls{background:rgba(189,0,255,.1);color:#cc88ff;border:1px solid rgba(189,0,255,.2)}
.tag-dev{background:rgba(46,204,113,.1);color:#2ECC71;border:1px solid rgba(46,204,113,.2)}
.blog-date{font-size:11px;color:var(--muted)}
.blog-card-new h3{font-size:16px;font-weight:700;color:var(--white);line-height:1.4;margin-bottom:10px}
.blog-excerpt{font-size:12px;color:var(--muted);line-height:1.7;flex:1;margin-bottom:16px}
.blog-footer-new{display:flex;align-items:center;justify-content:space-between;padding-top:14px;border-top:1px solid var(--border)}
.blog-read-time{font-size:11px;color:var(--muted)}
.blog-read-link{font-size:12px;font-weight:700;color:var(--cyan);text-decoration:none;display:inline-flex;align-items:center;gap:5px;transition:gap .2s}
.blog-read-link:hover{gap:9px}
.blog-featured{grid-column:span 3;background:var(--surface);border:1px solid var(--border2);border-radius:var(--r2);padding:32px;display:flex;gap:32px;align-items:center;transition:all .3s;margin-bottom:8px}
.blog-featured:hover{box-shadow:0 0 40px rgba(0,242,254,.1)}
.blog-featured-icon{font-size:72px;flex-shrink:0}
.blog-featured-content{flex:1}
.blog-featured-label{font-size:10px;font-weight:700;letter-spacing:2px;color:var(--cyan);text-transform:uppercase;margin-bottom:10px;display:block}
.blog-featured h3{font-size:22px;font-weight:800;color:var(--white);margin-bottom:10px;letter-spacing:-.5px}
.blog-featured p{font-size:14px;color:var(--muted);line-height:1.7;margin-bottom:18px}
@media(max-width:900px){.blog-grid-new{grid-template-columns:1fr 1fr}.blog-featured{grid-column:span 2;flex-direction:column}}
@media(max-width:600px){.blog-grid-new{grid-template-columns:1fr}.blog-featured{grid-column:span 1}}
@media(max-width:900px){.mp-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.mp-grid{grid-template-columns:1fr}}



/* ═══ PAIN POINTS (part 52) ═══ */
.pain-tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:32px}
.pain-tab{padding:9px 20px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;border:1px solid var(--border);background:var(--surface);color:var(--muted);transition:all .25s;font-family:var(--font);white-space:nowrap}
.pain-tab:hover{color:var(--white);border-color:rgba(255,80,80,.4)}
.pain-tab.active{border-color:#E74C3C;color:#ff6b6b;background:rgba(231,76,60,.08);box-shadow:0 0 20px rgba(231,76,60,.2)}
.pain-panel{display:none}
.pain-panel.active{display:block}
.pain-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.pain-card{background:var(--surface);border:1px solid rgba(231,76,60,.15);border-radius:var(--r2);padding:24px;backdrop-filter:blur(12px);transition:all .3s}
.pain-card:hover{border-color:rgba(231,76,60,.35);transform:translateY(-2px);box-shadow:0 8px 30px rgba(231,76,60,.08)}
.pain-card-head{display:flex;align-items:center;gap:10px;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid rgba(231,76,60,.1)}
.pain-icon{font-size:22px}
.pain-card h3{font-size:14px;font-weight:700;color:var(--white)}
.pain-cat{font-size:11px;color:#ff6b6b;font-weight:600;letter-spacing:.5px;margin-top:1px}
.pain-items{display:flex;flex-direction:column;gap:8px}
.pain-item{display:flex;align-items:flex-start;gap:10px}
.pain-bullet{width:20px;height:20px;border-radius:5px;background:rgba(231,76,60,.12);border:1px solid rgba(231,76,60,.25);display:flex;align-items:center;justify-content:center;font-size:9px;color:#ff6b6b;flex-shrink:0;margin-top:1px}
.pain-item-content{flex:1}
.pain-item-label{font-size:13px;color:var(--white);font-weight:500;margin-bottom:2px}
.pain-item-cause{font-size:11px;color:var(--muted);line-height:1.4}
.pain-solution{display:flex;align-items:center;gap:8px;margin-top:6px;background:rgba(46,204,113,.07);border:1px solid rgba(46,204,113,.2);border-radius:6px;padding:6px 10px}
.pain-sol-icon{color:#2ECC71;font-size:12px;flex-shrink:0}
.pain-solution span{font-size:11px;color:#2ECC71;font-weight:600}

/* ═══ TROUBLESHOOTING FLOWCHARTS (part 54) ═══ */
.flow-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}
.flow-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r2);padding:28px;backdrop-filter:blur(12px);transition:all .3s}
.flow-card:hover{border-color:var(--border2);transform:translateY(-2px)}
.flow-card-head{display:flex;align-items:center;gap:12px;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--border)}
.flow-card-icon{width:42px;height:42px;border-radius:10px;background:rgba(0,242,254,.08);border:1px solid rgba(0,242,254,.2);display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}
.flow-card h3{font-size:15px;font-weight:700;color:var(--white);margin-bottom:2px}
.flow-card .flow-sub{font-size:11px;color:var(--muted)}
.flow-steps{display:flex;flex-direction:column;gap:0}
.flow-node{display:flex;align-items:flex-start;gap:12px;position:relative}
.flow-node-body{flex:1;background:var(--bg2);border:1px solid var(--border);border-radius:8px;padding:10px 14px;margin-bottom:4px;transition:all .2s}
.flow-node-body:hover{border-color:var(--border2)}
.flow-node-label{font-size:12px;font-weight:600;color:var(--white)}
.flow-node-desc{font-size:11px;color:var(--muted);margin-top:2px}
.flow-connector{display:flex;align-items:center;gap:8px;margin:2px 0 2px 16px}
.flow-connector-line{width:1px;height:16px;background:linear-gradient(180deg,var(--cyan),var(--violet));margin-left:20px}
.flow-branch{display:flex;gap:8px;margin:4px 0}
.flow-yes{background:rgba(46,204,113,.08);border:1px solid rgba(46,204,113,.25);border-radius:6px;padding:6px 10px;font-size:10px;font-weight:700;color:#2ECC71;flex:1}
.flow-no{background:rgba(231,76,60,.08);border:1px solid rgba(231,76,60,.25);border-radius:6px;padding:6px 10px;font-size:10px;font-weight:700;color:#ff6b6b;flex:1}
.flow-action{display:flex;align-items:center;gap:6px;background:rgba(0,242,254,.06);border:1px solid rgba(0,242,254,.2);border-radius:6px;padding:6px 10px;font-size:11px;color:var(--cyan);font-weight:600;margin:4px 0}
.flow-action::before{content:'→';font-weight:800}
.flow-final{background:linear-gradient(135deg,rgba(46,204,113,.12),rgba(0,242,254,.08));border:1px solid rgba(46,204,113,.3);border-radius:8px;padding:10px 14px;text-align:center;font-size:12px;font-weight:700;color:#2ECC71;margin-top:4px}

/* ═══ RESPONSIVE ═══ */
@media(max-width:1024px){
  .pain-grid{grid-template-columns:1fr}
  .flow-grid{grid-template-columns:1fr}
}

/* ═══ CTA BAND ═══ */
.cta-band{background:linear-gradient(135deg,rgba(0,242,254,.06),rgba(189,0,255,.05));border:1px solid var(--border2);border-radius:20px;padding:60px 40px;text-align:center;position:relative;overflow:hidden;margin:0 5%;z-index:1}
.cta-band::before{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(0,242,254,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(0,242,254,.03) 1px,transparent 1px);background-size:40px 40px}
.cta-band-inner{position:relative;z-index:2;max-width:680px;margin:0 auto}
.cta-band h2{font-size:clamp(28px,3.5vw,48px);font-weight:800;color:var(--white);letter-spacing:-1px;margin-bottom:14px}
.cta-band h2 .accent{color:var(--cyan)}
.cta-band p{font-size:16px;color:var(--muted);line-height:1.7;margin-bottom:36px}
.cta-band-actions{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}

/* ═══ ERP HEALTH CHECK (part 14/15) ═══ */
.health-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.health-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r2);padding:26px;backdrop-filter:blur(16px);transition:all .3s;position:relative;overflow:hidden}
.health-card:hover{border-color:var(--border2);transform:translateY(-3px);box-shadow:0 10px 36px rgba(0,242,254,.09)}
.health-card-top{display:flex;align-items:center;gap:12px;margin-bottom:16px}
.health-icon{width:44px;height:44px;border-radius:12px;background:rgba(0,242,254,.08);border:1px solid rgba(0,242,254,.2);display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}
.health-card h3{font-size:15px;font-weight:700;color:var(--white)}
.health-steps{display:flex;flex-direction:column;gap:7px;margin-top:4px}
.health-step{display:flex;align-items:flex-start;gap:8px;font-size:12px;color:var(--muted);line-height:1.5}
.hstep-num{width:18px;height:18px;border-radius:50%;background:rgba(0,242,254,.12);border:1px solid rgba(0,242,254,.25);display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:700;color:var(--cyan);flex-shrink:0;margin-top:1px}
.health-badge{position:absolute;top:16px;right:16px;background:rgba(0,242,254,.1);border:1px solid rgba(0,242,254,.2);color:var(--cyan);padding:3px 8px;border-radius:5px;font-size:10px;font-weight:600}

/* ═══ SLA / SUPPORT LEVELS (part 17) ═══ */
.sla-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.sla-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:24px 20px;text-align:center;backdrop-filter:blur(12px);transition:all .3s;position:relative;overflow:hidden}
.sla-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;border-radius:0 0 3px 3px}
.sla-critical::before{background:#E74C3C}
.sla-high::before{background:#F1C40F}
.sla-medium::before{background:var(--cyan)}
.sla-low::before{background:#2ECC71}
.sla-card:hover{border-color:var(--border2);transform:translateY(-3px)}
.sla-level{font-size:11px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:12px}
.sla-critical .sla-level{color:#E74C3C}
.sla-high .sla-level{color:#F1C40F}
.sla-medium .sla-level{color:var(--cyan)}
.sla-low .sla-level{color:#2ECC71}
.sla-time{font-size:30px;font-weight:800;color:var(--white);letter-spacing:-1px;margin-bottom:4px}
.sla-label{font-size:11px;color:var(--muted);margin-bottom:14px}
.sla-examples{display:flex;flex-direction:column;gap:5px}
.sla-ex{font-size:11px;color:var(--muted);background:rgba(255,255,255,.04);border-radius:5px;padding:4px 8px}

/* ═══ KPI DASHBOARDS (part 20) ═══ */
.kpi-tabs{display:flex;gap:8px;margin-bottom:32px;flex-wrap:wrap}
.kpi-tab{padding:8px 18px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;border:1px solid var(--border);background:var(--surface);color:var(--muted);transition:all .25s;font-family:var(--font)}
.kpi-tab:hover{color:var(--white);border-color:rgba(0,242,254,.3)}
.kpi-tab.active{border-color:var(--cyan);color:var(--cyan);background:rgba(0,242,254,.08);box-shadow:var(--glow-c)}
.kpi-panel{display:none}
.kpi-panel.active{display:block}
.kpi-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}
.kpi-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:20px;backdrop-filter:blur(12px);transition:all .3s}
.kpi-card:hover{border-color:var(--border2);transform:translateY(-2px)}
.kpi-val{font-size:28px;font-weight:800;color:var(--cyan);letter-spacing:-1px}
.kpi-lbl{font-size:12px;color:var(--muted);margin-top:4px}
.kpi-trend{font-size:11px;margin-top:6px;font-weight:600}
.kpi-trend.up{color:#2ECC71}
.kpi-trend.down{color:#E74C3C}
.kpi-trend.stable{color:#F1C40F}
.kpi-chart{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:24px;backdrop-filter:blur(12px);position:relative;overflow:hidden}
.kpi-chart-title{font-size:14px;font-weight:700;color:var(--white);margin-bottom:20px}
.chart-bars{display:flex;align-items:flex-end;gap:8px;height:100px}
.chart-bar-wrap{display:flex;flex-direction:column;align-items:center;gap:6px;flex:1}
.chart-b{width:100%;border-radius:4px 4px 0 0;transition:height .8s ease;min-width:20px}
.chart-b-cyan{background:linear-gradient(180deg,var(--cyan),rgba(0,195,255,.3))}
.chart-b-violet{background:linear-gradient(180deg,var(--violet),rgba(189,0,255,.3))}
.chart-b-green{background:linear-gradient(180deg,#2ECC71,rgba(46,204,113,.3))}
.chart-lbl{font-size:9px;color:var(--muted);white-space:nowrap}

/* ═══ AUTOMATION BLUEPRINTS (part 16/20) ═══ */
.auto-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.auto-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r2);padding:28px;backdrop-filter:blur(16px);transition:all .3s}
.auto-card:hover{border-color:var(--border2);transform:translateY(-3px);box-shadow:0 10px 36px rgba(0,242,254,.08)}
.auto-card-head{display:flex;align-items:center;gap:12px;margin-bottom:16px}
.auto-icon{width:46px;height:46px;border-radius:12px;background:rgba(0,242,254,.08);border:1px solid rgba(0,242,254,.2);display:flex;align-items:center;justify-content:center;font-size:22px}
.auto-card h3{font-size:16px;font-weight:700;color:var(--white);margin-bottom:2px}
.auto-card .auto-sub{font-size:11px;color:var(--muted)}
.auto-flow{display:flex;flex-direction:column;gap:0;margin-top:4px}
.auto-step{display:flex;align-items:flex-start;gap:12px;padding:9px 0;border-bottom:1px solid var(--border);position:relative}
.auto-step:last-child{border-bottom:none}
.auto-step-num{width:22px;height:22px;border-radius:6px;background:rgba(0,242,254,.1);border:1px solid rgba(0,242,254,.2);display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;color:var(--cyan);flex-shrink:0;margin-top:1px}
.auto-step span{font-size:13px;color:var(--muted);line-height:1.5}
.auto-tag{display:inline-block;background:rgba(189,0,255,.08);border:1px solid rgba(189,0,255,.2);color:#cc88ff;padding:3px 8px;border-radius:5px;font-size:10px;font-weight:600;margin-top:10px}

/* ═══ ARCHITECTURE (part 12) ═══ */
.arch-wrap{background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:36px;backdrop-filter:blur(16px)}
.arch-row{display:flex;align-items:center;justify-content:center;gap:0;flex-wrap:wrap;margin-bottom:8px}
.arch-box{background:var(--bg2);border:1px solid var(--border2);border-radius:10px;padding:12px 20px;text-align:center;min-width:120px;transition:all .3s;cursor:default}
.arch-box:hover{border-color:var(--cyan);box-shadow:var(--glow-c);transform:translateY(-2px)}
.arch-box-icon{font-size:22px;margin-bottom:6px}
.arch-box-label{font-size:12px;font-weight:600;color:var(--white)}
.arch-box-sub{font-size:10px;color:var(--muted);margin-top:2px}
.arch-arrow{color:var(--cyan);font-size:18px;margin:0 8px;opacity:.6}
.arch-arrow-down{text-align:center;color:var(--cyan);font-size:18px;margin:4px 0;opacity:.6}
.arch-layer-label{font-size:10px;font-weight:700;color:var(--muted);letter-spacing:2px;text-transform:uppercase;text-align:center;margin-bottom:12px}

/* ═══ RESPONSIVE ADDITIONS ═══ */
/* ═══ RESPONSIVE ═══ */
@media(max-width:1024px){
  .cards-grid,.services-grid,.why-grid,.scale-grid,.industries-grid,.cases-grid,.testi-grid,.blog-grid{grid-template-columns:repeat(2,1fr)}
  .about-grid,.contact-grid{grid-template-columns:1fr;gap:40px}
  .stats-strip{grid-template-columns:repeat(2,1fr)}
  .faq-grid{grid-template-columns:1fr}
}
@media(max-width:768px){
  header{padding:0 20px}
  nav{display:none}
  .hamburger{display:flex}
  .hero-inner{grid-template-columns:1fr;gap:40px}
  .erp-graph{max-width:340px}
  .node-bubble{font-size:11px;padding:7px 12px}
  .node-core-bubble{width:80px;height:80px;font-size:12px}
  .cards-grid,.services-grid,.scale-grid,.why-grid,.industries-grid,.cases-grid,.testi-grid,.blog-grid,.health-grid,.auto-grid{grid-template-columns:1fr}
  .chatbot-window{width:calc(100vw - 32px);right:16px}
  .form-row{grid-template-columns:1fr}
  .values-row{grid-template-columns:1fr 1fr}
  .cta-band{margin:0 3%;padding:40px 24px}
  .cta-band-actions{flex-direction:column;align-items:center}
  .sla-grid{grid-template-columns:repeat(2,1fr)}
  .kpi-cards{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:480px){
  .hero h1{font-size:32px}
  .hero-actions{flex-direction:column}
  .btn-neon,.btn-ghost{justify-content:center}
  .toggle-lbl{display:none}
  .values-row{grid-template-columns:1fr}
  .faq-grid{grid-template-columns:1fr}
  .sla-grid{grid-template-columns:1fr}
  .kpi-cards{grid-template-columns:1fr 1fr}
  .kpi-tabs{gap:5px}
}

/* ═══ HERO ECOSYSTEM ═══ */
.erp-graph{position:relative;overflow:visible}
.erp-svg,.erp-nodes{z-index:2;pointer-events:none}
.erp-nodes .node-bubble,.erp-nodes .node-core-bubble{pointer-events:auto}
.erp-graph::before{content:'';position:absolute;inset:6%;border-radius:50%;background:radial-gradient(circle,rgba(0,242,254,.10) 0%,rgba(189,0,255,.06) 35%,transparent 70%);filter:blur(40px);z-index:0;animation:coreAura 6s ease-in-out infinite alternate;pointer-events:none}
@keyframes coreAura{from{transform:scale(.95);opacity:.7}to{transform:scale(1.05);opacity:1}}

/* Hero scanline overlay (cinematic atmosphere, hero only) */
.hero::after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(0deg,rgba(0,242,254,.025) 0,rgba(0,242,254,.025) 1px,transparent 1px,transparent 4px);pointer-events:none;z-index:0;opacity:.45;mix-blend-mode:screen}
.hero{overflow:hidden}

/* ═══ INLINE HERO CHAT PREVIEW ═══ */
.hero-chat{position:absolute;bottom:-10px;right:-30px;width:240px;background:var(--surface2);border:1px solid var(--border2);border-radius:16px;backdrop-filter:blur(20px);box-shadow:0 12px 40px rgba(0,0,0,.5),0 0 30px rgba(0,242,254,.15);padding:14px;z-index:5;animation:chatFloat 5s ease-in-out infinite,fuUp .8s ease .8s both;cursor:pointer;transition:transform .3s,box-shadow .3s}
.hero-chat:hover{transform:translateY(-4px);box-shadow:0 16px 50px rgba(0,0,0,.55),0 0 40px rgba(0,242,254,.25)}
@keyframes chatFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
.hero-chat-head{display:flex;align-items:center;gap:8px;margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid var(--border)}
.hero-chat-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0;position:relative;box-shadow:0 0 12px rgba(102,126,234,.5)}
/* Human avatar override */
.hero-chat-avatar--human{background:none;padding:0;overflow:visible}
.hero-chat-avatar--human svg{display:block;border-radius:50%;filter:drop-shadow(0 0 8px rgba(102,126,234,.6))}
.hero-chat-avatar::after{content:'';position:absolute;bottom:0;right:0;width:8px;height:8px;border-radius:50%;background:#2ECC71;border:2px solid var(--bg);box-shadow:0 0 6px #2ECC71}
.hero-chat-name{font-size:11px;font-weight:700;color:var(--white);line-height:1.2}
.hero-chat-role{font-size:9px;color:var(--cyan);letter-spacing:.5px}
.hero-chat-close{margin-left:auto;width:20px;height:20px;border-radius:6px;background:rgba(255,255,255,.06);border:1px solid var(--border);color:var(--muted);font-size:12px;display:flex;align-items:center;justify-content:center;cursor:pointer}
.hero-chat-bubble{background:rgba(30,38,60,.7);border:1px solid var(--border);border-radius:10px;padding:8px 10px;font-size:10.5px;line-height:1.5;color:var(--white);margin-bottom:8px}
.hero-chat-input-mock{display:flex;align-items:center;gap:6px;background:rgba(0,0,0,.25);border:1px solid var(--border);border-radius:8px;padding:6px 10px;font-size:10px;color:var(--muted)}
.hero-chat-input-mock::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--cyan);box-shadow:0 0 6px var(--cyan);animation:pDot 1.4s infinite}
.hero-chat-cta{display:inline-flex;align-items:center;font-size:10px;font-weight:600;color:var(--cyan);text-decoration:none;padding:5px 10px;border-radius:8px;background:rgba(0,242,254,.07);border:1px solid rgba(0,242,254,.2);transition:all .2s;white-space:nowrap}
.hero-chat-cta:hover{background:rgba(0,242,254,.14);box-shadow:0 0 12px rgba(0,242,254,.25)}
/* Hero chat footer — stat + action buttons row */
.hero-chat-footer{display:flex;align-items:center;gap:6px;margin-top:8px;flex-wrap:wrap}
.hero-chat-stat{display:flex;flex-direction:column;align-items:center;background:rgba(0,242,254,.06);border:1px solid rgba(0,242,254,.15);border-radius:8px;padding:4px 8px;margin-right:auto}
.hero-chat-stat-val{font-size:13px;font-weight:800;color:var(--cyan);line-height:1}
.hero-chat-stat-lbl{font-size:8px;color:var(--muted);letter-spacing:.5px;text-transform:uppercase}
/* Floating node info card — hidden until core node hover */
.hero-node-card{position:absolute;top:4%;right:-2%;background:var(--surface2);border:1px solid var(--border2);border-radius:12px;backdrop-filter:blur(18px);padding:12px 14px;width:210px;z-index:6;box-shadow:0 8px 32px rgba(0,0,0,.4),0 0 20px rgba(0,242,254,.12);opacity:0;pointer-events:none;transform:translateY(6px);transition:opacity .3s,transform .3s}
.hero-node-card.visible{opacity:1;pointer-events:auto;transform:translateY(0)}
.hero-node-card-title{font-size:12px;font-weight:700;color:var(--white);margin-bottom:8px;padding-bottom:6px;border-bottom:1px solid var(--border)}
.hero-node-card-row{display:flex;justify-content:space-between;align-items:center;font-size:10.5px;color:var(--muted);padding:2px 0}
.hero-node-card-val{color:var(--cyan);font-weight:700;font-size:11px}
.hero-node-card-cta{display:block;margin-top:8px;font-size:10px;font-weight:600;color:var(--cyan);text-decoration:none;text-align:right;transition:color .2s}
.hero-node-card-cta:hover{color:var(--white)}
@media(max-width:680px){.hero-chat{position:static;width:100%;max-width:100%;margin-top:16px}.hero-node-card{display:none}.hero-diagram-wrap{max-width:100%}}
@media(max-width:768px){.hero-diagram-wrap{display:none}}

/* ═══ SCALE CARD 3D TILT + SCREENSHOT MOCKS ═══ */
.scale-grid{perspective:1200px}
.scale-card{transform-style:preserve-3d;transform:perspective(1000px) rotateX(0) rotateY(0);transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s,border-color .3s;position:relative;overflow:hidden}
.scale-card::before{content:'';position:absolute;inset:0;background:radial-gradient(600px circle at var(--mx,50%) var(--my,50%),rgba(0,242,254,.10),transparent 40%);opacity:0;transition:opacity .3s;pointer-events:none;border-radius:inherit}
.scale-card:hover::before{opacity:1}
.scale-card:hover{transform:perspective(1000px) rotateX(4deg) rotateY(-6deg) translateY(-6px);box-shadow:0 24px 60px rgba(0,242,254,.18),0 0 30px rgba(189,0,255,.08);border-color:rgba(0,242,254,.35)}
.scale-card-mock{height:100px;position:relative;background:linear-gradient(135deg,rgba(8,12,28,.95),rgba(16,22,40,.9));border:1px solid var(--border);overflow:hidden;padding:10px}
.mock-shot{position:absolute;inset:0;display:flex;flex-direction:column;padding:8px 10px;font-family:'SF Mono',Consolas,monospace;font-size:9px;color:rgba(0,242,254,.75);line-height:1.55}
.mock-shot::before{content:'';position:absolute;top:0;left:0;right:0;height:14px;background:linear-gradient(90deg,rgba(0,242,254,.12),rgba(189,0,255,.06));border-bottom:1px solid var(--border);display:flex}
.mock-shot::after{content:'• • •';position:absolute;top:1px;left:6px;font-size:8px;color:rgba(255,255,255,.4);letter-spacing:1px}
.mock-shot-line{margin-top:14px}
.mock-shot-line+.mock-shot-line{margin-top:2px}
.mock-shot-key{color:rgba(189,0,255,.85)}
.mock-shot-val{color:#00F2FE}
.mock-shot-ok{color:#2ECC71}
.scale-card-action{transition:all .3s,transform .3s}
.scale-card:hover .scale-card-action{transform:scale(1.1) rotate(3deg);background:rgba(0,242,254,.22);box-shadow:0 0 14px rgba(0,242,254,.4)}
@media(min-width:1100px){.scale-grid{grid-template-columns:repeat(4,1fr)}}

/* ═══ ERP AUDIT TOOL WIDGET ═══ */
.contact-grid{position:relative}
.audit-tool{background:var(--surface);border:1px solid var(--border2);border-radius:18px;padding:24px;backdrop-filter:blur(20px);box-shadow:0 12px 40px rgba(0,0,0,.4),0 0 30px rgba(0,242,254,.06);margin-top:24px;position:relative;overflow:hidden}
.audit-tool::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--cyan),var(--violet),var(--cyan));background-size:200% 100%;animation:auditShimmer 4s linear infinite}
@keyframes auditShimmer{to{background-position:200% 0}}
.audit-title{font-size:16px;font-weight:700;color:var(--white);display:flex;align-items:center;gap:8px;margin-bottom:4px}
.audit-title-dot{width:8px;height:8px;border-radius:50%;background:var(--cyan);box-shadow:0 0 8px var(--cyan);animation:pDot 2s infinite}
.audit-sub{font-size:12px;color:var(--muted);margin-bottom:18px}
.audit-q{display:flex;flex-direction:column;gap:4px;margin-bottom:12px}
.audit-q label{font-size:10px;font-weight:600;color:var(--muted);letter-spacing:.5px;text-transform:uppercase}
.audit-q select{background:var(--bg2);border:1px solid var(--border);border-radius:8px;padding:9px 12px;font-size:12px;color:var(--white);font-family:var(--font);outline:none;transition:border-color .2s,box-shadow .2s;cursor:pointer}
.audit-q select:focus{border-color:rgba(0,242,254,.45);box-shadow:0 0 0 3px rgba(0,242,254,.06)}
.audit-q select option{background:var(--bg2);color:var(--white)}
.audit-submit{width:100%;padding:11px;border-radius:10px;font-size:13px;font-weight:700;border:none;background:linear-gradient(135deg,var(--cyan),var(--cyan2));color:#000;cursor:pointer;font-family:var(--font);margin-top:6px;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:8px}
.audit-submit:hover{box-shadow:0 0 24px rgba(0,242,254,.45);transform:translateY(-1px)}
.audit-result{display:none;margin-top:14px;padding:12px;border-radius:10px;background:rgba(0,242,254,.07);border:1px solid rgba(0,242,254,.25);font-size:12px;color:var(--white);line-height:1.6}
.audit-result.show{display:block;opacity:1;animation:none}
.audit-score{font-size:22px;font-weight:800;color:var(--cyan);display:block;margin-bottom:4px;letter-spacing:-1px}
.audit-result a{color:var(--cyan);text-decoration:none;font-weight:600;display:inline-block;margin-top:6px;border-bottom:1px solid currentColor}
.audit-result a:hover{color:var(--white)}
@media(min-width:769px) and (max-width:1099px){
  .contact-grid{grid-template-columns:1fr 1fr;gap:32px}
  .audit-tool{grid-column:1/-1;margin-top:0}
}
@media(min-width:1100px){
  .contact-grid{grid-template-columns:1fr 1.4fr .85fr;gap:32px}
  .audit-tool{margin-top:0}
}

/* ═══ FLOATING CHATBOT POLISH ═══ */
.chat-quick-row{display:flex;flex-wrap:wrap;gap:6px;padding:10px 14px 0;background:rgba(0,0,0,.2)}
.chat-chip{background:rgba(0,242,254,.08);border:1px solid rgba(0,242,254,.22);color:var(--cyan);padding:5px 11px;border-radius:14px;font-size:11px;font-weight:600;cursor:pointer;font-family:var(--font);transition:all .2s;white-space:nowrap}
.chat-chip:hover{background:rgba(0,242,254,.18);box-shadow:0 0 10px rgba(0,242,254,.3);transform:translateY(-1px)}
.typing-dots{display:inline-flex;gap:3px;align-items:center;padding:4px 0}
.typing-dots span{width:5px;height:5px;border-radius:50%;background:var(--cyan);box-shadow:0 0 4px var(--cyan);animation:typingDot 1.2s infinite ease-in-out}
.typing-dots span:nth-child(2){animation-delay:.18s}
.typing-dots span:nth-child(3){animation-delay:.36s}
@keyframes typingDot{0%,60%,100%{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}
.chat-mic{width:34px;height:38px;border-radius:10px;background:rgba(0,242,254,.06);border:1px solid var(--border);color:var(--cyan);font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .2s}
.chat-mic:hover{background:rgba(0,242,254,.14);box-shadow:0 0 10px rgba(0,242,254,.3)}
.chat-mic.listening{background:rgba(255,80,80,.15);border-color:rgba(255,80,80,.4);color:#ff6b6b;animation:micPulse 1.2s ease-in-out infinite}
@keyframes micPulse{0%,100%{box-shadow:0 0 0 0 rgba(255,80,80,.4)}50%{box-shadow:0 0 0 6px rgba(255,80,80,0)}}

/* ═══ REDUCED-MOTION FALLBACK ═══ */
@media(prefers-reduced-motion:reduce){
  .erp-graph::before{animation:none}
  .hero-chat{animation:none}
  .audit-tool::before{animation:none}
  .chat-fab,.bg-orb,.bg-grid{animation:none!important}
  .hero::after{display:none}
  #bg-stars{display:none}
  .erp-line{animation:none;stroke-dashoffset:0}
  .erp-svg circle[r="3"]{display:none}
}

/* ═══ MOBILE FIXES ═══ */
@media(max-width:768px){
  /* Hero: reduce padding to give diagram more breathing room */
  .hero{padding:80px 3% 40px}

  /* ERP diagram: clip at graph level so nodes don't leak outside */
  .erp-graph{overflow:hidden;border-radius:12px}

  /* Diagram wrap: remove large bottom padding used for desktop chat positioning */
  .hero-diagram-wrap{padding-bottom:16px!important}

  /* Scale section: single column cards on mobile */
  #scaleRotatingGrid{grid-template-columns:1fr!important;max-width:100%!important}

  /* Fix explore/solution button text wrapping */
  .explore-btn{white-space:nowrap;font-size:11px;padding:7px 12px}

  /* Contact grid: always stacked on mobile */
  .contact-grid{display:flex!important;flex-direction:column;gap:24px}

  /* Chatbot window: full width on small screens */
  .chatbot-window{width:calc(100vw - 24px)!important;right:12px!important;bottom:80px}

  /* Scale section title: slightly smaller */
  #solutions .sec-title{font-size:clamp(20px,5vw,28px)}

  /* Hero inner gap tighter on mobile */
  .hero-inner{gap:28px}
}

@media(max-width:480px){
  .hero{padding:72px 4% 32px}
  .hero h1{font-size:clamp(26px,8vw,36px);line-height:1.2}
  .hero-stats-bottom{max-width:100%}
  /* Scale cards: prevent icon overflow */
  .scale-card{padding:16px}
  .scale-card-mock{height:80px}
}

/* ── BACK TO TOP ── */
.st-btn{position:fixed;bottom:32px;right:100px;width:44px;height:44px;border-radius:12px;background:var(--surface2);border:1px solid var(--border2);color:var(--white);font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:all .3s;z-index:99;box-shadow:0 8px 32px rgba(0,0,0,.3)}
.st-btn.show{opacity:1;pointer-events:auto;transform:translateY(0)}
.st-btn:hover{background:var(--cyan);color:#000;border-color:var(--cyan);transform:translateY(-3px)}

/* ── MARKETPLACE RESPONSIVE ── */
[data-theme="light"] .mp-sidebar{background:rgba(220,228,255,.6)}
[data-theme="light"] .mp-search-input{background:#fff;color:#111}

@media(max-width:900px){
  .mp-layout{grid-template-columns:1fr}
  .mp-sidebar{position:static;flex-direction:row;flex-wrap:wrap;gap:12px;align-items:center;border-radius:10px}
  .mp-filter-list{flex-direction:row;flex-wrap:wrap;border-top:none;padding-top:0;gap:6px}
  .mp-search-wrap{width:100%}
  .mp-count{display:none}
}

/* ═══════════════════════════════════════════════════
   LIGHT MODE — targeted overrides for hardcoded darks
   ═══════════════════════════════════════════════════ */

/* Hero chat card — full light mode fix */
[data-theme="light"] .hero-chat{background:#fff;border-color:rgba(0,85,187,.18);box-shadow:0 8px 32px rgba(0,0,0,.12),0 0 20px rgba(0,85,187,.08)}
[data-theme="light"] .hero-chat:hover{box-shadow:0 12px 40px rgba(0,0,0,.16),0 0 28px rgba(0,85,187,.12)}
[data-theme="light"] .hero-chat-bubble{background:rgba(200,215,255,.75);border-color:rgba(0,85,187,.15)}
[data-theme="light"] .hero-chat-input-mock{background:rgba(230,235,255,.7);border-color:rgba(0,85,187,.15)}
[data-theme="light"] .hero-chat-close{background:rgba(0,0,0,.06);border-color:rgba(0,85,187,.18)}
[data-theme="light"] .hero-chat-avatar::after{border-color:#fff}

/* Botpress panel header — hardcoded color:#fff */
[data-theme="light"] #bpPanel{box-shadow:0 12px 40px rgba(0,0,0,.18);border-color:var(--border2)}
[data-theme="light"] #bpPanelHead{background:var(--surface)}
[data-theme="light"] #bpPanelHead span{color:var(--white)!important}
[data-theme="light"] #bpCloseBtn:hover{color:var(--white)!important}
[data-theme="light"] .chat-fab{box-shadow:0 0 16px rgba(0,85,187,.3)!important;border-color:#0055BB!important}

/* Scale-card terminal/code mock (hardcoded dark gradient) */
[data-theme="light"] .scale-card-mock{background:linear-gradient(135deg,rgba(180,200,240,.6),rgba(210,220,250,.7))}
[data-theme="light"] .mock-shot{color:var(--cyan)}
[data-theme="light"] .mock-shot::before{background:linear-gradient(90deg,rgba(0,85,187,.1),rgba(102,0,170,.05))}
[data-theme="light"] .mock-shot-val{color:var(--cyan)}
[data-theme="light"] .mock-shot-ok{color:#1a8a4a}

/* ERP graph / hero diagram nodes */
[data-theme="light"] .erp-node{background:var(--surface);border-color:var(--border2)}
[data-theme="light"] .erp-core{background:var(--surface2)}

/* Form inputs & selects */
[data-theme="light"] input,[data-theme="light"] select,[data-theme="light"] textarea{background:rgba(220,228,255,.6);border-color:rgba(0,85,187,.2);color:var(--white)}
[data-theme="light"] input::placeholder,[data-theme="light"] textarea::placeholder{color:var(--muted)}

/* Blog cards */
[data-theme="light"] .blog-card,[data-theme="light"] .blog-card-new{background:var(--surface);border-color:var(--border)}
[data-theme="light"] .blog-featured{background:var(--surface2)}

/* Neon divider */
[data-theme="light"] .neon-divider{background:linear-gradient(90deg,transparent,rgba(0,85,187,.35),transparent);opacity:1}

/* mock-shot decorative dots — white is invisible on light terminal bg */
[data-theme="light"] .mock-shot::after{color:rgba(0,0,0,.25)}

/* hero-sub bullet separators */
[data-theme="light"] .hero-sub span{color:rgba(0,85,187,.5)}

/* why-num decorative watermark */
[data-theme="light"] .why-num{color:rgba(0,85,187,.18)}

/* why dual-role result card — hardcoded teal rgba */
[data-theme="light"] .why-role-result{background:rgba(0,85,187,.04);border-color:rgba(0,85,187,.2)}
[data-theme="light"] .why-role-card{box-shadow:0 4px 16px rgba(0,0,0,.06)}

/* Promise / info boxes */
[data-theme="light"] .promise-box{background:var(--surface);border-color:var(--border)}

/* Audit tool */
[data-theme="light"] .audit-tool{background:var(--surface2)}
[data-theme="light"] .audit-tool select{background:var(--surface);border-color:var(--border2);color:var(--white)}

/* Icon boxes & process numbers — hardcoded cyan rgba */
[data-theme="light"] .card-icon,[data-theme="light"] .svc-icon,[data-theme="light"] .ci-icon{background:rgba(0,85,187,.08);border-color:rgba(0,85,187,.2)}
[data-theme="light"] .p-num{background:rgba(0,85,187,.08);border-color:rgba(0,85,187,.2)}

/* Service & solution tags */
[data-theme="light"] .svc-tag{background:rgba(0,85,187,.08);border-color:rgba(0,85,187,.18)}

/* Scale card arrow button */
[data-theme="light"] .scale-card-action{background:rgba(0,85,187,.1);border-color:rgba(0,85,187,.2)}

/* Hero chat stat bubble & CTA links */
[data-theme="light"] .hero-chat-stat{background:rgba(0,85,187,.06);border-color:rgba(0,85,187,.15)}
[data-theme="light"] .hero-chat-cta{background:rgba(0,85,187,.07);border-color:rgba(0,85,187,.2)}

/* ERP node bubbles */
[data-theme="light"] .node-bubble{box-shadow:0 0 14px rgba(0,85,187,.1)}
[data-theme="light"] .node-bubble:hover{box-shadow:var(--glow-c)}

/* Tab btn inactive */
[data-theme="light"] .tab-btn{background:var(--surface);border-color:var(--border);color:var(--muted)}
[data-theme="light"] .tab-btn:hover{border-color:rgba(0,85,187,.3);color:var(--white)}

/* Logo swap — dark version has white ERP text (invisible on light header) */
[data-theme="light"] .logo-dark-img{display:none!important}
[data-theme="light"] .logo-light-img{display:block!important}

/* Compare table — yellow partial & faded red invisible on light */
[data-theme="light"] .check-partial{color:#A0700A}
[data-theme="light"] .check-no{opacity:1;color:#C0392B}
[data-theme="light"] .check-yes{color:#1a8a4a}

/* Module showcase — real business case cards (hardcoded light rgba colors) */
[data-theme="light"] .mod-case-problem{color:rgb(175,45,25)}
[data-theme="light"] .mod-case-solution{color:rgb(25,115,55)}
[data-theme="light"] .mod-case-result{background:rgba(0,85,187,.06);border-color:rgba(0,85,187,.15)}
[data-theme="light"] .mod-case-card:hover{box-shadow:0 8px 32px rgba(0,85,187,.12)}

/* BC vs LS stack section — yellow "Other BC Add-ons" layer invisible on light */
[data-theme="light"] .stack-addons{background:rgba(160,110,0,.04);border-color:rgba(160,110,0,.22)}
[data-theme="light"] .stack-badge--other{background:rgba(160,110,0,.1);border-color:rgba(160,110,0,.3);color:#7A5500}
[data-theme="light"] .stack-mod--other{border-color:rgba(160,110,0,.25);color:#7A5500}

/* Tip bar inside bc-vs-ls section (hardcoded teal rgba) */
[data-theme="light"] .platform-tip{background:rgba(0,85,187,.05)!important;border-color:rgba(0,85,187,.18)!important}

/* Compare rec cards */
[data-theme="light"] .compare-rec-card{background:var(--surface);border-color:var(--border)}

/* Stack arrow separator */
[data-theme="light"] .stack-arrow{background:var(--surface2)}

/* Marketplace badges — hardcoded light colors invisible on light bg */
[data-theme="light"] .badge-popular{background:rgba(140,0,200,.12);color:#7A00B8;border-color:rgba(140,0,200,.35)}
[data-theme="light"] .badge-bundle{background:rgba(160,100,0,.12);color:#8A5500;border-color:rgba(160,100,0,.35)}
[data-theme="light"] .badge-new{background:rgba(0,85,187,.12);color:#0055BB;border-color:rgba(0,85,187,.3)}

/* Article / contact modal — dark-mode hardcoded colors */
[data-theme="light"] .art-modal-box{box-shadow:0 24px 80px rgba(0,0,0,.18),0 0 40px rgba(0,85,187,.06)}
[data-theme="light"] .art-modal-close:hover{background:rgba(0,0,0,.07);color:var(--white)}
[data-theme="light"] .art-modal-article-label{background:rgba(0,85,187,.07);border-color:rgba(0,85,187,.2);color:#0044AA}
[data-theme="light"] .art-form-group input,
[data-theme="light"] .art-form-group textarea{background:#fff;border-color:rgba(0,0,0,.15);color:var(--white)}
[data-theme="light"] .art-form-group input::placeholder,
[data-theme="light"] .art-form-group textarea::placeholder{color:rgba(0,0,0,.35)}
[data-theme="light"] .art-form-group input:focus,
[data-theme="light"] .art-form-group textarea:focus{border-color:rgba(0,85,187,.5);box-shadow:0 0 0 3px rgba(0,85,187,.09)}
[data-theme="light"] .art-submit-btn{background:#0055BB;color:#fff}
[data-theme="light"] .art-close-btn{background:var(--surface);border-color:var(--border);color:var(--white)}

/* Roadmap section — hardcoded teal watermark numbers */
[data-theme="light"] .rp-num{color:rgba(0,85,187,.18)}
[data-theme="light"] .roadmap-phase:hover{background:var(--surface2);box-shadow:inset 0 0 0 1px rgba(0,85,187,.1)}

/* AL code showcase — syntax colors invisible on light bg */
[data-theme="light"] .code-showcase{background:#f0f4f8}
[data-theme="light"] .code-header{background:rgba(0,0,0,.08);border-bottom-color:rgba(0,0,0,.1)}
[data-theme="light"] .code-filename{color:#3a4a6b}
[data-theme="light"] .code-body{color:#3a4a6b}
[data-theme="light"] .code-kw{color:#6B21A8}
[data-theme="light"] .code-fn{color:#0055BB}
[data-theme="light"] .code-str{color:#166534}
[data-theme="light"] .code-num{color:#92400E}
[data-theme="light"] .code-comment{color:rgba(60,80,120,.55)}

/* Health card — hardcoded teal rgba elements */
[data-theme="light"] .health-icon{background:rgba(0,85,187,.08);border-color:rgba(0,85,187,.2)}
[data-theme="light"] .health-card{border-color:rgba(0,85,187,.18)!important}
[data-theme="light"] .health-card:hover{box-shadow:0 10px 36px rgba(0,85,187,.1)}
[data-theme="light"] .hstep-num{background:rgba(0,85,187,.1);border-color:rgba(0,85,187,.22);color:#0055BB}

/* ═══════ A11Y + MOBILE QUICK FIXES ═══════ */

/* Visible keyboard focus on all interactive elements */
:focus{outline:none}
:focus-visible{outline:2px solid var(--cyan);outline-offset:3px;border-radius:4px}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}

/* Skip-to-content link (visually hidden until focused) */
.skip-link{position:fixed;top:8px;left:8px;background:var(--cyan);color:#000;padding:10px 18px;border-radius:8px;font-weight:700;font-family:var(--font);font-size:13px;text-decoration:none;z-index:10000;transform:translateY(-200%);transition:transform .2s}
.skip-link:focus{transform:translateY(0);outline:2px solid #fff;outline-offset:2px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* Prevent iOS auto-zoom on input focus (requires font-size >= 16px) */
@media(max-width:600px){
  input,textarea,select{font-size:16px!important}
}

/* ═══════════════════════════════════════════════════════
   ENHANCEMENT PACK — Visual & UI Improvements
═══════════════════════════════════════════════════════ */

/* Font rendering */
body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}

/* Gradient text utility */
.gradient-text{background:linear-gradient(135deg,var(--cyan) 0%,var(--violet) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}

/* ── Header scrolled state ── */
header{transition:height .3s ease,background .3s ease,box-shadow .3s ease}
header.scrolled{height:56px;box-shadow:0 2px 28px rgba(0,0,0,.45)}
header.scrolled .logo img{height:36px!important}

/* ── Nav active indicator ── */
header nav .nav-item{position:relative}
header nav .nav-item--active{color:var(--cyan)!important;background:rgba(0,242,254,.09)}
[data-theme="light"] header nav .nav-item--active{background:rgba(0,85,187,.08)}

/* ── Nav dropdown — refined ── */
.nav-dropdown{position:relative;display:inline-flex;align-items:center}
.nav-dropdown-arrow{font-size:8px;margin-left:3px;display:inline-block;transition:transform .22s ease;color:var(--muted);opacity:.7}
.nav-dropdown:hover .nav-dropdown-arrow,.nav-dropdown:focus-within .nav-dropdown-arrow{transform:rotate(180deg);color:var(--cyan);opacity:1}
.nav-dropdown-menu{display:none;position:absolute;top:calc(100% + 12px);left:50%;transform:translateX(-50%);background:rgba(8,12,22,.97);border:1px solid var(--border2);border-radius:14px;padding:7px;min-width:256px;z-index:300;box-shadow:0 20px 60px rgba(0,0,0,.55),0 0 0 1px rgba(0,242,254,.03);flex-direction:column;gap:2px;backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px)}
[data-theme="light"] .nav-dropdown-menu{background:rgba(232,238,255,.98);box-shadow:0 16px 48px rgba(0,0,0,.15),0 0 0 1px rgba(0,85,187,.07)}
.nav-dropdown:hover .nav-dropdown-menu,.nav-dropdown:focus-within .nav-dropdown-menu{display:flex;animation:ddFadeIn .18s ease}
@keyframes ddFadeIn{from{opacity:0;transform:translateX(-50%) translateY(-8px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}
.nav-dropdown-item{display:flex;align-items:center;gap:11px;padding:9px 12px;border-radius:9px;text-decoration:none;transition:background .14s}
.nav-dropdown-item:hover{background:rgba(0,242,254,.07)}
[data-theme="light"] .nav-dropdown-item:hover{background:rgba(0,85,187,.06)}
.nav-dd-icon{font-size:17px;width:22px;text-align:center;flex-shrink:0;line-height:1}
.nav-dd-text{display:flex;flex-direction:column;gap:1px}
.nav-dd-label{font-size:12.5px;font-weight:600;color:var(--white);transition:color .14s;line-height:1.2}
.nav-dd-sub{font-size:10.5px;color:var(--muted);font-weight:400;line-height:1.2}
.nav-dropdown-item:hover .nav-dd-label{color:var(--cyan)}
[data-theme="light"] .nav-dropdown-item:hover .nav-dd-label{color:var(--cyan)}
.nav-dd-divider{height:1px;background:var(--border);margin:4px 6px}
.nav-dd-footer{display:flex;align-items:center;justify-content:space-between;padding:7px 12px 3px;text-decoration:none;border-radius:8px;transition:background .14s}
.nav-dd-footer:hover{background:rgba(0,242,254,.06)}
.nav-dd-footer-lbl{font-size:11px;font-weight:600;color:var(--cyan)}
.nav-dd-footer-arr{font-size:11px;color:var(--cyan)}

/* ── Enhanced card hover glow ── */
.sol-card:hover,.svc-card:hover,.ind-card:hover{box-shadow:0 0 0 1px rgba(0,242,254,.2),0 16px 50px rgba(0,242,254,.15),0 4px 16px rgba(0,0,0,.4)!important}
.case-card:hover,.blog-card:hover,.blog-card-new:hover,.mp-card:hover{box-shadow:0 0 0 1px rgba(0,242,254,.16),0 20px 56px rgba(0,242,254,.12),0 4px 16px rgba(0,0,0,.3)!important}

/* ── CTA neon pulse animation ── */
@keyframes neonPulse{0%,100%{box-shadow:0 0 8px rgba(0,242,254,.2)}50%{box-shadow:0 0 28px rgba(0,242,254,.6),var(--glow-c)}}
.btn-neon--pulse{animation:neonPulse 2.8s ease-in-out infinite}

/* ── Tabular nums for all counters ── */
.stat-num,.counter-num,.hero-why-num,.metric-val,.roi-val,.hire-trust-num,.kpi-val{font-variant-numeric:tabular-nums}

/* ── Secondary accent — reserve bright cyan for primary CTAs & active states ── */
/* Category badges on industry / service cards */
.ind-cat-retail,.ind-cat-fnb,.ind-cat-b2b,.ind-cat-industrial,.ind-cat-other{color:var(--accent-muted)!important;background:var(--accent-muted-bg)!important;border-color:var(--accent-muted-border)!important}
/* Solution / feature tags */
.ind-sol-tag,.sol-tag,.feature-tag,.mod-ind-chip,.mod-tag{color:var(--accent-muted)!important;background:var(--accent-muted-bg)!important;border-color:var(--accent-muted-border)!important}
/* Guide tile tags */
.ind-guide-tags span{color:var(--accent-muted)!important;background:var(--accent-muted-bg)!important;border-color:var(--accent-muted-border)!important}
/* Section labels (ALL-CAPS eyebrow text) */
.sec-label{color:var(--accent-muted)!important;letter-spacing:.12em}
/* Filter tab counts */
.ind-filter-count{color:var(--accent-muted)}
/* Nav dropdown sub-text */
.nav-dd-sub{color:var(--accent-muted)!important}
/* Keep primary CTAs, active nav, stat numbers, and glow elements at full --cyan */
.btn-neon,.btn-cta,.nav-item--active,.ind-stat-num,.cs-stat-num,.stat-num,.counter-num,.proof-num,.hero-why-num,.kpi-val,.roi-val,.metric-val,.hire-trust-num{color:var(--cyan)!important}

/* ── Mobile nav sub-links ── */
.mobile-nav-item-row{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border)}
.mobile-nav-links li:has(.mobile-nav-item-row)>.mobile-nav-item-row a{border-bottom:none!important}
.mobile-nav-toggle{background:none;border:none;color:var(--muted);font-size:22px;cursor:pointer;padding:8px 10px;transition:transform .3s ease,color .2s;line-height:1;flex-shrink:0}
.mobile-nav-toggle.open{transform:rotate(180deg);color:var(--cyan)}
.mobile-nav-sub{display:flex;flex-direction:column;gap:0;padding-left:14px;border-left:2px solid var(--border);margin:4px 0 10px;overflow:hidden;max-height:0;opacity:0;transition:max-height .35s ease,opacity .3s ease}
.mobile-nav-sub.open{max-height:400px;opacity:1}
.mobile-nav-sub a{font-size:16px!important;font-weight:500!important;color:var(--muted)!important;border-bottom:none!important;padding:9px 0!important;display:flex;align-items:center;gap:8px;text-decoration:none}
.mobile-nav-sub a:hover{color:var(--cyan)!important}
@media(max-width:768px){.mobile-nav-sub a{font-size:15px!important}}

/* ── Lucide icon sizing by container ── */
[data-lucide],
[data-lucide] svg{display:inline-block;vertical-align:middle;stroke-width:1.75;stroke:currentColor;fill:none;flex-shrink:0}
.ind-emoji [data-lucide],.ind-emoji svg{width:28px;height:28px}
.ind-guide-icon [data-lucide],.ind-guide-icon svg{width:28px;height:28px}
.ind-platform-icon [data-lucide],.ind-platform-icon svg{width:22px;height:22px}
.nav-dd-icon [data-lucide],.nav-dd-icon svg{width:18px;height:18px;color:var(--muted)}
.nav-dropdown-item:hover .nav-dd-icon [data-lucide],.nav-dropdown-item:hover .nav-dd-icon svg{color:var(--cyan)}
.feature-icon [data-lucide],.feature-icon svg{width:24px;height:24px}
.svc-icon [data-lucide],.svc-icon svg,.sol-icon [data-lucide],.sol-icon svg{width:26px;height:26px}
.step-icon [data-lucide],.step-icon svg,.why-icon [data-lucide],.why-icon svg,.mod-icon [data-lucide],.mod-icon svg{width:24px;height:24px}
.ind-dd-icon [data-lucide],.ind-dd-icon svg{width:22px;height:22px}
.hire-icon [data-lucide],.hire-icon svg,.proof-icon [data-lucide],.proof-icon svg,.cert-icon [data-lucide],.cert-icon svg{width:22px;height:22px}

/* ── Skeleton / shimmer loader ── */
@keyframes skShimmer{from{background-position:200% 0}to{background-position:-200% 0}}
.sk-wrap{padding:80px 5% 40px;max-width:1200px;margin:0 auto}
.sk-hero,.sk-block{border-radius:14px;background:linear-gradient(90deg,var(--surface) 25%,rgba(255,255,255,.04) 50%,var(--surface) 75%);background-size:400% 100%;animation:skShimmer 1.6s ease-in-out infinite}
.sk-hero{height:min(100vh,700px);margin-bottom:32px}
.sk-block{height:320px;margin-bottom:24px}
.sk-block--short{height:200px}

/* ── Mobile hero static fallback ── */
.erpGraph--static #erp-3d{display:none}
.erpGraph--static::after{content:'Business Central · LS Central · Power BI';display:flex;align-items:center;justify-content:center;min-height:180px;font-size:13px;font-weight:600;color:var(--muted);text-align:center;letter-spacing:.04em;border:1px solid var(--border);border-radius:14px;padding:24px}

/* ═══════════════════════════════════════════════════════
   LIGHT MODE — batch 2 fixes (hardcoded darks + canvas)
   ═══════════════════════════════════════════════════════ */

/* Background canvas — stars and grid are designed for dark; tone way down */
[data-theme="light"] #bg-stars{opacity:.06}
[data-theme="light"] .bg-grid{background-image:linear-gradient(rgba(0,85,187,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(0,85,187,.04) 1px,transparent 1px);opacity:.6}
[data-theme="light"] .bg-orb{opacity:.18}

/* Hero scanline — mix-blend-mode:screen on light bg creates a bright burn effect */
[data-theme="light"] .hero::after{display:none}

/* Hero why-strip — rgba(0,0,0,.2) reads as dark grey slab on light bg */
[data-theme="light"] .hero-why-strip{background:rgba(0,85,187,.06);border-color:rgba(0,85,187,.18)}

/* Hero core-glow animation — hardcoded dark-cyan rgba */
[data-theme="light"] .erp-graph::before{background:radial-gradient(circle,rgba(0,85,187,.07) 0%,rgba(102,0,170,.04) 35%,transparent 70%)}
[data-theme="light"] .node-core-bubble{animation:none;box-shadow:0 0 20px rgba(0,85,187,.15)}

/* Chatbot window — heavy black shadow + dark internal strips */
[data-theme="light"] .chatbot-window{box-shadow:0 16px 48px rgba(0,0,0,.16),0 0 24px rgba(0,85,187,.06)}
[data-theme="light"] .chat-header{background:rgba(0,85,187,.05)}
[data-theme="light"] .chat-input-row{background:rgba(0,85,187,.04)}
[data-theme="light"] .chat-quick-row{background:rgba(0,85,187,.04)}
[data-theme="light"] .chat-close{background:rgba(0,0,0,.05);border-color:rgba(0,85,187,.18)}
[data-theme="light"] .chat-chip{background:rgba(0,85,187,.08);border-color:rgba(0,85,187,.2)}
[data-theme="light"] .chat-chip:hover{background:rgba(0,85,187,.16)}
[data-theme="light"] .chat-input{background:rgba(220,228,255,.7);border-color:rgba(0,85,187,.2)}

/* Chat bubbles — dark navy rgba hardcoded */
[data-theme="light"] .bubble-bot{background:rgba(210,220,255,.85);border-color:rgba(0,85,187,.2);color:var(--white)}
[data-theme="light"] .bubble-user{background:rgba(0,85,187,.12);border-color:rgba(0,85,187,.3)}

/* Hero inline chat — same dark bubble inside hero diagram */
[data-theme="light"] .hero-chat-bubble{background:rgba(200,215,255,.85)}

/* Marketplace card footer — rgba(0,0,0,.15) darkens footer strip */
[data-theme="light"] .mp-card-footer{background:rgba(0,85,187,.04);border-top-color:var(--border)}

/* SLA example pills — rgba(255,255,255,.04) invisible on light surface */
[data-theme="light"] .sla-ex{background:rgba(0,85,187,.05);color:var(--muted)}

/* Checklist item dividers — rgba(255,255,255,.04) invisible */
[data-theme="light"] .cl-item{border-bottom-color:rgba(0,85,187,.08)}

/* Card hover shadows — tone down harsh rgba(0,0,0,.4) black component */
[data-theme="light"] .sol-card:hover,[data-theme="light"] .svc-card:hover,[data-theme="light"] .ind-card:hover{box-shadow:0 0 0 1px rgba(0,85,187,.2),0 16px 50px rgba(0,85,187,.12),0 4px 16px rgba(0,0,0,.06)!important}
[data-theme="light"] .case-card:hover,[data-theme="light"] .blog-card:hover,[data-theme="light"] .blog-card-new:hover,[data-theme="light"] .mp-card:hover{box-shadow:0 0 0 1px rgba(0,85,187,.18),0 20px 56px rgba(0,85,187,.1),0 4px 16px rgba(0,0,0,.05)!important}

/* Btn-neon background — hardcoded rgba(0,242,254,.08) tints slightly wrong */
[data-theme="light"] .btn-neon{background:rgba(0,85,187,.08)}
[data-theme="light"] .btn-neon:hover{background:rgba(0,85,187,.15)}

/* Ghost button — needs a light-readable border on light bg */
[data-theme="light"] .btn-ghost{border-color:rgba(0,85,187,.3);color:var(--white)}
[data-theme="light"] .btn-ghost:hover{border-color:rgba(0,85,187,.55);background:rgba(0,85,187,.06)}

/* Skeleton loader shimmer — rgba(255,255,255,.04) is invisible on light surface */
[data-theme="light"] .sk-hero,[data-theme="light"] .sk-block{background:linear-gradient(90deg,var(--surface) 25%,rgba(0,85,187,.05) 50%,var(--surface) 75%)}

/* Code showcase scrollbar */
[data-theme="light"] .chat-messages::-webkit-scrollbar-thumb{background:rgba(0,85,187,.2)}

/* Table hover row — barely perceptible on light */
[data-theme="light"] .compare-table tr:hover td{background:rgba(0,85,187,.04)}

/* Audit tool box shadow */
[data-theme="light"] .audit-tool{box-shadow:0 8px 32px rgba(0,0,0,.1),0 0 20px rgba(0,85,187,.05)}

/* ── Section inline rgba(255,255,255,.0x) backgrounds → invisible on light ── */

/* CTA band guarantees strip */
[data-theme="light"] .cta-guarantees{background:rgba(0,85,187,.05)}

/* Case studies KPI row (homepage carousel + case-studies page) */
[data-theme="light"] .hs-case-kpis,[data-theme="light"] .cs-kpis{background:rgba(0,85,187,.05)}

/* Industries filter tag pills */
[data-theme="light"] .hind-filter-tags span,[data-theme="light"] .ind-filter-tags span{background:rgba(0,85,187,.07);border-color:rgba(0,85,187,.18)}

/* BC-vs-LS section header row */
[data-theme="light"] .wb-vs-header,[data-theme="light"] .wb-vs-label{background:rgba(0,85,187,.05)}

/* Article sidebar nav (used on blog articles) */
[data-theme="light"] .art-nav-sidebar,[data-theme="light"] .article-toc{background:rgba(0,85,187,.05)}

/* Article & blog tables — th headers and alternate rows */
[data-theme="light"] .cost-table th,[data-theme="light"] .comparison-table th{background:rgba(0,85,187,.08)!important;color:var(--white)}
[data-theme="light"] .cost-table tbody tr:nth-child(even) td,[data-theme="light"] .comparison-table tbody tr:nth-child(even) td{background:rgba(0,85,187,.03)!important}
[data-theme="light"] .cost-table tr:hover td,[data-theme="light"] .comparison-table tr:hover td{background:rgba(0,85,187,.06)!important}

/* Article inline step-nav / section-header backgrounds */
[data-theme="light"] .article-section-header,[data-theme="light"] .step-header{background:rgba(0,85,187,.05)}

/* ── #cc88ff light-purple — ~2.2:1 contrast on light bg, must darken ── */
[data-theme="light"] .case-tech-tag{background:rgba(100,0,170,.1);border-color:rgba(100,0,170,.25);color:#6600AA}
[data-theme="light"] .tag-ls{background:rgba(100,0,170,.1);border-color:rgba(100,0,170,.2);color:#6600AA}
[data-theme="light"] .auto-tag{background:rgba(100,0,170,.09);border-color:rgba(100,0,170,.22);color:#6600AA}
[data-theme="light"] .col-ls{color:#6600AA}

/* ── s06-services: hardcoded rgba(0,242,254,x) → blue equivalents ── */
[data-theme="light"] .svc-icon-wrap{background:rgba(0,85,187,.08);border-color:rgba(0,85,187,.18)}
[data-theme="light"] .svc-cta-btn{border-color:rgba(0,85,187,.3);background:rgba(0,85,187,.06)}
[data-theme="light"] .svc-cta-btn:hover{background:rgba(0,85,187,.14);box-shadow:0 0 16px rgba(0,85,187,.2)}
[data-theme="light"] .svc-layer-text{background:rgba(0,85,187,.07);border-color:rgba(0,85,187,.18)}
[data-theme="light"] .svc-proof{color:rgba(0,85,187,.7)}
[data-theme="light"] .svc-deliverables li::before{color:rgba(0,85,187,.6)}
[data-theme="light"] .svc-deliverables-toggle{color:rgba(0,85,187,.65)}
[data-theme="light"] .svc-deliverables-toggle:hover,[data-theme="light"] .svc-deliverables-toggle.open{color:var(--cyan)}

/* ── s08-about: hardcoded rgba(0,242,254,x) → blue equivalents ── */
[data-theme="light"] .founder-photo-placeholder::before{background:radial-gradient(ellipse at 50% 30%,rgba(0,85,187,.08) 0%,transparent 70%)}
[data-theme="light"] .founder-initials-avatar{box-shadow:0 0 24px rgba(0,85,187,.2),0 0 48px rgba(130,0,200,.08)}
[data-theme="light"] .founder-cert-pill{background:rgba(0,85,187,.08);border-color:rgba(0,85,187,.2)}
[data-theme="light"] .founder-linkedin:hover{border-color:rgba(0,85,187,.35)}
[data-theme="light"] .founder-mission-box{background:rgba(0,85,187,.04);border-color:rgba(0,85,187,.15);border-left-color:var(--cyan)}
[data-theme="light"] .journey-dot.active{box-shadow:0 0 10px rgba(0,85,187,.35)}
[data-theme="light"] .ind-exp-card:hover{border-color:rgba(0,85,187,.3)}

/* ── s63-impact-stories: hardcoded rgba(0,242,254,x) ── */
[data-theme="light"] .is-tag--retail{background:rgba(0,85,187,.08);border-color:rgba(0,85,187,.2)}
[data-theme="light"] .is-arrow{color:rgba(0,85,187,.35)}
[data-theme="light"] .is-tag--fb{color:#c47a00}
[data-theme="light"] .is-tag--dist{color:#8800cc}

/* ── s43-certifications: hardcoded rgba(0,242,254,x) ── */
[data-theme="light"] .cert-card.cert-featured{border-color:rgba(0,85,187,.3);background:rgba(0,85,187,.04)}
[data-theme="light"] .proof-strip{background:rgba(0,85,187,.03);border-color:rgba(0,85,187,.12)}
[data-theme="light"] .client-logo-slot:hover{border-color:rgba(0,85,187,.25)}

/* ── s61-working-principles: hardcoded rgba(0,242,254,x) ── */
[data-theme="light"] .wp-card:hover{border-color:rgba(0,85,187,.25)}
[data-theme="light"] .wp-num{color:rgba(0,85,187,.08)}
[data-theme="light"] .wp-trigger{color:rgba(0,85,187,.65);background:rgba(0,85,187,.04);border-left-color:rgba(0,85,187,.2)}

/* ── s62-tech-stack: chip colors for light bg readability ── */
[data-theme="light"] .ts-chip--int{border-color:rgba(0,85,187,.2);background:rgba(0,85,187,.05)}
[data-theme="light"] .ts-chip--dev{color:#0055BB;background:rgba(0,85,187,.06);border-color:rgba(0,85,187,.25)}
[data-theme="light"] .ts-chip--diag{color:#996600;background:rgba(180,100,0,.05);border-color:rgba(180,100,0,.2)}
[data-theme="light"] .ts-chip--rep{color:#8B6F00;background:rgba(180,140,0,.06);border-color:rgba(180,140,0,.2)}
[data-theme="light"] .ts-chip--ls{color:#7700BB;background:rgba(130,0,200,.05);border-color:rgba(130,0,200,.2)}
[data-theme="light"] .ts-chip--cloud{color:#1a7a45;background:rgba(46,160,80,.05);border-color:rgba(46,160,80,.2)}

/* ── s13-testimonials: rgba(255,255,255,.12) hover border invisible on light ── */
[data-theme="light"] .testi-card:hover{border-color:rgba(0,85,187,.2)}

/* ── s01-hero: SVG diagram chip & popup ── */
[data-theme="light"] .orb-chip--std{background:rgba(220,230,255,.92);border-color:rgba(0,85,187,.25)}
[data-theme="light"] .orb-chip--std:hover{box-shadow:0 0 20px rgba(0,85,187,.2)}
[data-theme="light"] .orb-std-badge{color:rgba(0,85,187,.7)}
[data-theme="light"] .orb-popup-badge--cyan{background:rgba(0,85,187,.08);border-color:rgba(0,85,187,.2)}
[data-theme="light"] .orb-popup-close:hover{background:rgba(0,0,0,.06)}

/* ── s02-marketplace: filter/sort/tag pills ── */
[data-theme="light"] .mp-prompt-btn:hover{border-color:rgba(0,85,187,.35);background:rgba(0,85,187,.05)}
[data-theme="light"] .mp-prompt-btn.mp-prompt-active{border-color:rgba(0,85,187,.45);background:rgba(0,85,187,.08)}
[data-theme="light"] .mp-chip{background:rgba(0,85,187,.08);border-color:rgba(0,85,187,.25)}
[data-theme="light"] .mp-sort-btn:hover{border-color:rgba(0,85,187,.3)}
[data-theme="light"] .mp-sort-btn--active{border-color:rgba(0,85,187,.4);background:rgba(0,85,187,.06)}
[data-theme="light"] .mp-tag-pill:hover{border-color:rgba(0,85,187,.3);background:rgba(0,85,187,.04)}
[data-theme="light"] .mp-tag-pill--active{border-color:rgba(0,85,187,.45);background:rgba(0,85,187,.08)}
[data-theme="light"] .mp-bundle-card:hover{border-color:rgba(0,85,187,.3)}

/* ── s02-trust-bar ── */
[data-theme="light"] .trust-bar{background:rgba(0,85,187,.03)}
[data-theme="light"] .trust-dot{box-shadow:0 0 6px rgba(0,85,187,.5)}

/* ── s04-blog-preview ── */
[data-theme="light"] .blog-start-header:hover{background:rgba(0,85,187,.03)}
[data-theme="light"] .blog-tag-btn:hover{border-color:rgba(0,85,187,.35);background:rgba(0,85,187,.05)}
[data-theme="light"] .blog-sort-btn:hover{border-color:rgba(0,85,187,.3)}
[data-theme="light"] .blog-sort-btn--active{border-color:rgba(0,85,187,.4);background:rgba(0,85,187,.06)}
[data-theme="light"] .blog-recent-strip{background:rgba(0,85,187,.04);border-color:rgba(0,85,187,.18)}
[data-theme="light"] .blog-recent-pill{background:rgba(0,85,187,.08);border-color:rgba(0,85,187,.2)}
[data-theme="light"] .blog-recent-pill:hover{background:rgba(0,85,187,.14);border-color:rgba(0,85,187,.35)}
[data-theme="light"] .blog-new-badge{background:rgba(0,85,187,.1);border-color:rgba(0,85,187,.25)}
[data-theme="light"] .blog-nl-card{background:rgba(0,85,187,.04);border-color:rgba(0,85,187,.2)}
[data-theme="light"] .related-item:hover{border-color:rgba(0,85,187,.3)}

/* ── s05-why ── */
[data-theme="light"] .why-role-result{background:rgba(0,85,187,.04);border-color:rgba(0,85,187,.25)}

/* ── s10-industries ── */
[data-theme="light"] .ind-guide-tile{border-color:rgba(0,85,187,.18)}
[data-theme="light"] .ind-guide-tile:hover{border-color:rgba(0,85,187,.45);box-shadow:0 10px 30px rgba(0,85,187,.1)}
[data-theme="light"] .ind-guide-tags span{background:rgba(0,85,187,.08);border-color:rgba(0,85,187,.15)}

/* ── s15-faq ── */
[data-theme="light"] .faq-item.open{border-color:rgba(0,85,187,.3)}
[data-theme="light"] .faq-q:hover{background:rgba(0,85,187,.03)}

/* ── s23-roi ── */
[data-theme="light"] .roi-input-wrapper input[type="range"]::-webkit-slider-thumb{box-shadow:0 0 8px rgba(0,85,187,.3)}
[data-theme="light"] .roi-result-box{background:linear-gradient(135deg,rgba(0,85,187,.06),rgba(100,0,200,.03))}
[data-theme="light"] .roi-breakdown{border-top-color:rgba(0,85,187,.15);border-bottom-color:rgba(0,85,187,.15)}

/* ── s27-bc-vs-ls ── */
[data-theme="light"] .platform-tip{background:rgba(0,85,187,.05)!important;border-color:rgba(0,85,187,.15)!important}
[data-theme="light"] .stack-bc{background:rgba(0,85,187,.04);border-color:rgba(0,85,187,.25)}
[data-theme="light"] .stack-badge--bc{background:rgba(0,85,187,.1);border-color:rgba(0,85,187,.3)}
[data-theme="light"] .compare-group-row td{background:rgba(0,85,187,.04)}

/* ── s29-pain-points ── */
[data-theme="light"] .pain-cta-strip{background:rgba(0,85,187,.04);border-color:rgba(0,85,187,.18)}

/* ── s31-cta-band ── */
[data-theme="light"] .cta-band-card{background:rgba(0,85,187,.04);border-color:rgba(0,85,187,.18);box-shadow:0 0 50px rgba(0,85,187,.06),inset 0 1px 0 rgba(255,255,255,.5)}
[data-theme="light"] .cta-orb--left{background:rgba(0,85,187,.08)}

/* ── s34-module-showcase ── */
[data-theme="light"] .mod-tab.active{background:rgba(0,85,187,.08);box-shadow:0 0 14px rgba(0,85,187,.12)}
[data-theme="light"] .mod-custom-item{border-bottom-color:rgba(0,85,187,.06)}
[data-theme="light"] .mod-ind-chip{background:rgba(0,85,187,.07);border-color:rgba(0,85,187,.18)}
[data-theme="light"] .mod-case-result{background:rgba(0,85,187,.06);border-color:rgba(0,85,187,.14)}

/* ── s36-article-modal ── */
[data-theme="light"] .art-modal-box{box-shadow:0 24px 80px rgba(0,0,0,.15),0 0 50px rgba(0,85,187,.06)}
[data-theme="light"] .art-modal-article-label{background:rgba(0,85,187,.08);border-color:rgba(0,85,187,.2)}
[data-theme="light"] .art-modal-close:hover{background:rgba(0,0,0,.06)}
[data-theme="light"] .art-form-group textarea{background:rgba(0,85,187,.03)}
[data-theme="light"] .art-form-group textarea:focus{border-color:rgba(0,85,187,.45);box-shadow:0 0 0 3px rgba(0,85,187,.08)}

/* ── s37-how-it-works ── */
[data-theme="light"] .hiw-step-num{color:rgba(0,85,187,.12)}
[data-theme="light"] .hiw-step-body:hover{border-color:rgba(0,85,187,.3);box-shadow:0 0 18px rgba(0,85,187,.06)}
[data-theme="light"] .hiw-badge{background:rgba(0,85,187,.08);border-color:rgba(0,85,187,.2)}
[data-theme="light"] .hiw-connector{background:linear-gradient(to bottom,rgba(0,85,187,.35),rgba(0,85,187,.06))}

/* ── s39-sticky-cta ── */
[data-theme="light"] .sticky-cta-btn{background:rgba(0,85,187,.1)}

/* ── s44-screenshots ── */
[data-theme="light"] .ss-tab:hover{border-color:rgba(0,85,187,.3)}
[data-theme="light"] .ss-tab.active{background:rgba(0,85,187,.08)}
[data-theme="light"] .ss-slot:hover{border-color:rgba(0,85,187,.3)}

/* ── s45-business-outcomes ── */
[data-theme="light"] .outcome-card:hover{border-color:rgba(0,85,187,.25);box-shadow:0 10px 28px rgba(0,85,187,.1)}
[data-theme="light"] .outcome-icon{background:rgba(0,85,187,.08);border-color:rgba(0,85,187,.18)}
[data-theme="light"] .outcome-arrow{color:rgba(0,85,187,.3)}

/* ── s46-process-timeline ── */
[data-theme="light"] .timeline-icon{background:rgba(0,85,187,.08);border-color:rgba(0,85,187,.25)}
[data-theme="light"] .timeline-connector{background:linear-gradient(180deg,rgba(0,85,187,.35),rgba(0,85,187,.06))}
[data-theme="light"] .timeline-duration{background:rgba(0,85,187,.07);border-color:rgba(0,85,187,.18)}

/* ── s47-engagement-model ── */
[data-theme="light"] .eng-card--featured{border-color:rgba(0,85,187,.3);background:rgba(0,85,187,.03);box-shadow:0 0 30px rgba(0,85,187,.06)}

/* ── s48-platform-comparison ── */
[data-theme="light"] .cmp-table tbody tr:hover td{background:rgba(0,85,187,.03)}

/* ── s50-solution-finder ── */
[data-theme="light"] .sf-opt:hover{border-color:rgba(0,85,187,.4);background:rgba(0,85,187,.04)}
[data-theme="light"] .sf-result-card--bc{border-color:rgba(0,85,187,.3);background:rgba(0,85,187,.04)}

/* ── s52-client-wins ── */
[data-theme="light"] .cw-card--featured{border-color:rgba(0,85,187,.25);background:rgba(0,85,187,.03);box-shadow:0 0 30px rgba(0,85,187,.05)}
[data-theme="light"] .cw-badge{background:rgba(0,85,187,.07);border-color:rgba(0,85,187,.18)}

/* ── s53-industry-modules ── */
[data-theme="light"] .im-ind:hover{border-color:rgba(0,85,187,.3)}
[data-theme="light"] .im-ind--active{border-color:rgba(0,85,187,.4);background:rgba(0,85,187,.06)}
[data-theme="light"] .im-mod--core{border-color:rgba(0,85,187,.25);background:rgba(0,85,187,.06)}

/* ── s55-why-bc ── */
[data-theme="light"] .wb-point--bc{border-left-color:rgba(0,85,187,.5)}
[data-theme="light"] .wb-verdict{color:rgba(0,85,187,.7)}

/* ── s56-call-timeline ── */
[data-theme="light"] .ct-connector{background:linear-gradient(180deg,rgba(0,85,187,.35),rgba(0,85,187,.06))}
[data-theme="light"] .ct-icon{background:rgba(0,85,187,.08);border-color:rgba(0,85,187,.25)}
[data-theme="light"] .ct-note{color:rgba(0,85,187,.65);background:rgba(0,85,187,.04);border-left-color:rgba(0,85,187,.25)}

/* ── s57-expertise-showcase ── */
[data-theme="light"] .ex-chip--ind{border-color:rgba(0,85,187,.2);background:rgba(0,85,187,.05)}

/* ── s58-consultation-form ── */
[data-theme="light"] .cf-input:focus{border-color:rgba(0,85,187,.45)}

/* ── s59-why-not-firm ── */
[data-theme="light"] .wnf-col-me{background:rgba(0,85,187,.03)}
[data-theme="light"] .wnf-me{background:rgba(0,85,187,.02)}
[data-theme="light"] .wnf-verdict{background:rgba(0,85,187,.04);border-color:rgba(0,85,187,.18)}

/* ── s66-scope-estimator ── */
[data-theme="light"] .se-step--active{border-color:rgba(0,85,187,.25)}
[data-theme="light"] .se-step-num{background:rgba(0,85,187,.08);border-color:rgba(0,85,187,.2)}
[data-theme="light"] .se-option:hover{border-color:rgba(0,85,187,.3);background:rgba(0,85,187,.02)}
[data-theme="light"] .se-option.selected{border-color:rgba(0,85,187,.45);background:rgba(0,85,187,.05)}
[data-theme="light"] .se-result{background:rgba(0,85,187,.03);border-color:rgba(0,85,187,.2)}
[data-theme="light"] .se-reset-btn:hover{border-color:rgba(0,85,187,.3)}

/* ── s67-uae / s68-ksa country pages ── */
[data-theme="light"] .gcc-pill{background:rgba(0,85,187,.07);border-color:rgba(0,85,187,.18)}
[data-theme="light"] .gcc-sec-text{background:rgba(0,85,187,.06);border-color:rgba(0,85,187,.15)}
[data-theme="light"] .gcc-comp-card--featured{border-color:rgba(0,85,187,.25);background:rgba(0,85,187,.02)}
[data-theme="light"] .gcc-ind-card:hover{border-color:rgba(0,85,187,.25)}
[data-theme="light"] .ksa-phase-card--active{border-color:rgba(0,85,187,.3);background:rgba(0,85,187,.02)}
[data-theme="light"] .ksa-phase-status--active{background:rgba(0,85,187,.07);border-color:rgba(0,85,187,.2)}

/* ── s70-homepage-services ── */
[data-theme="light"] .buyer-stage-card:hover{border-color:rgba(0,85,187,.3);box-shadow:0 6px 18px rgba(0,85,187,.1)}

/* ── s72-homepage-case-highlights ── */
[data-theme="light"] .hs-case-kpis{background:rgba(0,85,187,.03)}

/* ── s73-mr-framework ── */
[data-theme="light"] .mrf-badge{background:rgba(0,85,187,.07);border-color:rgba(0,85,187,.22)}
[data-theme="light"] .mrf-num{background:rgba(0,85,187,.1);border-color:rgba(0,85,187,.3)}
[data-theme="light"] .mrf-arrow{color:rgba(0,85,187,.35)}
[data-theme="light"] .mrf-body:hover{border-color:rgba(0,85,187,.2)}
[data-theme="light"] .mrf-footer{background:rgba(0,85,187,.04);border-color:rgba(0,85,187,.12)}

/* ── s74-homepage-industries ── */
[data-theme="light"] .hind-pill:hover{border-color:rgba(0,85,187,.3)}

/* ── s75-persona-gateway ── */
[data-theme="light"] .pg-card--cyan:hover{border-color:rgba(0,85,187,.3);box-shadow:0 10px 35px rgba(0,85,187,.1)}
[data-theme="light"] .pg-card--cyan .pg-card-tag{background:rgba(0,85,187,.08);border-color:rgba(0,85,187,.2)}

/* ── s76-homepage-blog-preview ── */
[data-theme="light"] .hbp-thumb--bc{background:linear-gradient(135deg,rgba(0,85,187,.12) 0%,rgba(0,85,187,.03) 100%)}
[data-theme="light"] .hbp-tag--bc,[data-theme="light"] .hbp-tag--comp{background:rgba(0,85,187,.08);border-color:rgba(0,85,187,.2)}
[data-theme="light"] .hbp-new-badge{background:rgba(0,85,187,.1);border-color:rgba(0,85,187,.25)}
[data-theme="light"] .hbp-nl-strip{background:rgba(0,85,187,.03);border-color:rgba(0,85,187,.12)}

/* ── Inline-style overrides: elements that use style="" and can't be overridden without !important ── */
/* Shared utility class applied to anonymous hint boxes in s03, s25, s49, s55, s60 */
.cyan-hint-box{background:rgba(0,242,254,.04);border:1px solid rgba(0,242,254,.2)}
[data-theme="light"] .cyan-hint-box{background:rgba(0,85,187,.04)!important;border-color:rgba(0,85,187,.18)!important}
/* s20-architecture: .arch-box has inline border-color */
[data-theme="light"] .arch-box{border-color:rgba(0,85,187,.4)!important}
/* s28-al-development: .health-card has inline border-color */
[data-theme="light"] .health-card{border-color:rgba(0,85,187,.2)!important}

/* ── Low-contrast color fixes: non-cyan hardcoded colors that fail on light bg ── */

/* Hero chip labels — near-white (#e8f4ff, #f0e8ff) sit on light chip bg → invisible */
[data-theme="light"] .orb-chip-std-name{color:var(--white)}
[data-theme="light"] .orb-chip-title{color:var(--white)}
[data-theme="light"] .orb-chip-sm{color:var(--white)}
[data-theme="light"] .orb-ext-badge{color:rgba(110,0,180,.8)}
[data-theme="light"] .orb-chip-sub--violet{color:#6600AA}

/* Marketplace spotlight — #ffd700 yellow (~1.9:1) fails completely on light */
[data-theme="light"] .mp-spotlight{background:rgba(160,120,0,.04);border-color:rgba(160,120,0,.2)}
[data-theme="light"] .mp-spot-card{border-color:rgba(160,120,0,.2)}
[data-theme="light"] .mp-spot-label,[data-theme="light"] .mp-spot-delivery{color:#7A5500}

/* Case studies — light violet, orange, red badges fail contrast */
[data-theme="light"] .cs-badge-compliance{color:#5B21B6!important;background:rgba(91,33,182,.1)!important;border-color:rgba(91,33,182,.25)!important}
[data-theme="light"] .cs-badge-construction{color:#9A3412!important;background:rgba(154,52,18,.08)!important;border-color:rgba(154,52,18,.2)!important}
[data-theme="light"] .cs-problem{color:#B91C1C!important;background:rgba(185,28,28,.08)!important;border-color:rgba(185,28,28,.2)!important}

/* Before/After — light red and green fail contrast */
[data-theme="light"] .ba-tag--before{color:#CC0000!important;background:rgba(180,0,0,.08)!important;border-color:rgba(180,0,0,.2)!important}
[data-theme="light"] .ba-tag--after{color:#1a7a45!important;background:rgba(26,122,69,.08)!important;border-color:rgba(26,122,69,.2)!important}
[data-theme="light"] .ba-before li::before{color:#CC0000}
[data-theme="light"] .ba-after li::before{color:#1a7a45}

/* Why-not-firm positive indicator */
[data-theme="light"] .wnf-yes{color:#1a7a45}

/* Persona gateway — amber and green text colors fail on light bg */
[data-theme="light"] .pg-card--green .pg-card-tag{color:#1a7a45!important;background:rgba(26,122,69,.08)!important;border-color:rgba(26,122,69,.2)!important}
[data-theme="light"] .pg-card--green .pg-card-cta,[data-theme="light"] .pg-card--green .pg-card-points li::before{color:#1a7a45}
[data-theme="light"] .pg-card--amber .pg-card-tag{color:#92400E!important;background:rgba(146,64,14,.08)!important;border-color:rgba(146,64,14,.2)!important}
[data-theme="light"] .pg-card--amber .pg-card-cta,[data-theme="light"] .pg-card--amber .pg-card-points li::before{color:#92400E}
[data-theme="light"] .pg-card--violet .pg-card-tag{color:#6600AA!important;background:rgba(102,0,170,.08)!important;border-color:rgba(102,0,170,.2)!important}
[data-theme="light"] .pg-card--violet .pg-card-cta,[data-theme="light"] .pg-card--violet .pg-card-points li::before{color:#6600AA}

/* MR Framework — #bd00ff (~3.3:1) borderline, darken to #6600AA (~8.6:1) */
[data-theme="light"] .mrf-body--scale .mrf-phase-label,[data-theme="light"] .mrf-body--scale .mrf-list li::before{color:#6600AA}

/* Homepage case highlights — inline-style badge colors (classes added to HTML) */
[data-theme="light"] .hs-case-badge--amber{color:#92400E!important;background:rgba(146,64,14,.08)!important;border-color:rgba(146,64,14,.22)!important}
[data-theme="light"] .hs-case-badge--green{color:#0a6640!important;background:rgba(10,102,64,.08)!important;border-color:rgba(10,102,64,.22)!important}
[data-theme="light"] .hs-case-badge--violet{color:#5B21B6!important;background:rgba(91,33,182,.08)!important;border-color:rgba(91,33,182,.22)!important}
[data-theme="light"] .hs-case-badge--pink{color:#9D174D!important;background:rgba(157,23,77,.08)!important;border-color:rgba(157,23,77,.22)!important}

/* ── s10-industries & s12-case-studies: shared light-color category badges ── */
[data-theme="light"] .ind-cat-b2b,[data-theme="light"] .cs-badge-compliance{color:#5B21B6!important;background:rgba(91,33,182,.1)!important;border-color:rgba(91,33,182,.25)!important}
[data-theme="light"] .ind-cat-industrial,[data-theme="light"] .cs-badge-logistics{color:#0a6640!important;background:rgba(10,102,64,.08)!important;border-color:rgba(10,102,64,.2)!important}
[data-theme="light"] .ind-cat-other,[data-theme="light"] .cs-badge-construction{color:#9A3412!important;background:rgba(154,52,18,.08)!important;border-color:rgba(154,52,18,.2)!important}
[data-theme="light"] .cs-rootcause{color:#92400E!important;background:rgba(146,64,14,.08)!important;border-color:rgba(146,64,14,.2)!important}

/* ── s27-bc-vs-ls: stack badges ── */
[data-theme="light"] .stack-badge--ls{color:#6600AA!important;background:rgba(102,0,170,.1)!important;border-color:rgba(102,0,170,.3)!important}
[data-theme="light"] .stack-badge--other{color:#7A5500!important;background:rgba(122,85,0,.08)!important;border-color:rgba(122,85,0,.25)!important}

/* ── s36-article-modal: required field marker ── */
[data-theme="light"] .art-required{color:#CC0000}

/* ── s43-certifications: in-progress badge ── */
[data-theme="light"] .cert-progress{color:#92400E!important;background:rgba(146,64,14,.08)!important;border-color:rgba(146,64,14,.25)!important}

/* ── s48-platform-comparison: header and value colors ── */
[data-theme="light"] .cmp-th--bc .cmp-th-name{color:#0055BB}
[data-theme="light"] .cmp-yes{color:#1a7a45}
[data-theme="light"] .cmp-partial{color:#8B5000}

/* ── s50-solution-finder: LS result card ── */
[data-theme="light"] .sf-result-card--ls .sf-result-label,[data-theme="light"] .sf-result-card--ls .sf-result-list li::before{color:#6600AA}

/* ── s53-industry-modules: LS module chip ── */
[data-theme="light"] .im-mod--ls{color:#6600AA!important;background:rgba(102,0,170,.06)!important;border-color:rgba(102,0,170,.25)!important}

/* ── s01-hero: popup violet badge ── */
[data-theme="light"] .orb-popup-badge--violet{color:#6600AA!important;background:rgba(102,0,170,.08)!important;border-color:rgba(102,0,170,.2)!important}
[data-theme="light"] .orb-popup-features li.violet::before{color:#6600AA}

/* ── s63-impact-stories: F&B tag (already has text fix, complete border/bg) ── */
[data-theme="light"] .is-tag--fb{background:rgba(155,80,0,.08)!important;border-color:rgba(155,80,0,.2)!important}

/* ── s74-homepage-industries: hind-badge inline-style colors ── */
[data-theme="light"] .hind-badge--cyan{color:#0055BB!important;background:rgba(0,85,187,.08)!important;border-color:rgba(0,85,187,.2)!important}
[data-theme="light"] .hind-badge--amber{color:#92400E!important;background:rgba(146,64,14,.08)!important;border-color:rgba(146,64,14,.2)!important}
[data-theme="light"] .hind-badge--violet{color:#5B21B6!important;background:rgba(91,33,182,.08)!important;border-color:rgba(91,33,182,.2)!important}
[data-theme="light"] .hind-badge--green{color:#0a6640!important;background:rgba(10,102,64,.08)!important;border-color:rgba(10,102,64,.2)!important}
[data-theme="light"] .hind-badge--orange{color:#9A3412!important;background:rgba(154,52,18,.08)!important;border-color:rgba(154,52,18,.2)!important}

/* ═══════════════════════════════════════════════════════════════
   FULL ARABIC / RTL ENHANCEMENT — [data-lang="ar"]
   Covers: typography, layout flip, component-level RTL fixes,
   absolute-position mirrors, chatbot, forms, cards, nav.
═══════════════════════════════════════════════════════════════ */

/* ── Force Arabic font on elements that carry an explicit font-family ── */
[data-lang="ar"] .nav-item,
[data-lang="ar"] .lang-btn,
[data-lang="ar"] .btn-cta,
[data-lang="ar"] .btn-neon,
[data-lang="ar"] .btn-ghost,
[data-lang="ar"] .tab-btn,
[data-lang="ar"] .ls-tab,
[data-lang="ar"] .pain-tab,
[data-lang="ar"] .kpi-tab,
[data-lang="ar"] .form-submit,
[data-lang="ar"] .hire-cta,
[data-lang="ar"] .chat-input,
[data-lang="ar"] .explore-btn,
[data-lang="ar"] .audit-submit,
[data-lang="ar"] .chat-chip,
[data-lang="ar"] .faq-q span,
[data-lang="ar"] .form-group input,
[data-lang="ar"] .form-group select,
[data-lang="ar"] .form-group textarea,
[data-lang="ar"] .audit-q select,
[data-lang="ar"] .mobile-nav-links a,
[data-lang="ar"] .sticky-mob-btn { font-family: var(--font-ar); }

/* ── Arabic typography: letter-spacing & line-height ── */
[data-lang="ar"] h1,[data-lang="ar"] h2,[data-lang="ar"] h3,[data-lang="ar"] h4,[data-lang="ar"] h5 { letter-spacing:0; line-height:1.45; }
[data-lang="ar"] .sec-label,[data-lang="ar"] .hero-badge,[data-lang="ar"] .hero-identity-tag,
[data-lang="ar"] .sla-level,[data-lang="ar"] .orb-std-badge,[data-lang="ar"] .orb-ext-badge,
[data-lang="ar"] .orb-chip-sub--violet,[data-lang="ar"] .mobile-nav-group-label,
[data-lang="ar"] .case-industry-badge,[data-lang="ar"] .blog-tag-pill,
[data-lang="ar"] .mp-cat,[data-lang="ar"] .sec-title { letter-spacing:0; }
[data-lang="ar"] p,[data-lang="ar"] .hero-sub,[data-lang="ar"] .sec-sub,
[data-lang="ar"] .testi-text,[data-lang="ar"] .svc-card p,[data-lang="ar"] .ind-card p,
[data-lang="ar"] .sol-card p { line-height:1.9; }

/* ── Hero text block ── */
[data-lang="ar"] .hero-top { text-align:right; }
[data-lang="ar"] .hero-badge { margin-left:auto; margin-right:0; }
[data-lang="ar"] .hero-why-strip { direction:rtl; }
[data-lang="ar"] .hero-chat { right:auto; left:-30px; }
[data-lang="ar"] .hero-node-card { right:auto; left:-2%; }

/* ── Hero chat card RTL ── */
[data-lang="ar"] .hero-chat-head { direction:rtl; }
[data-lang="ar"] .hero-chat-close { margin-left:0; margin-right:auto; }
[data-lang="ar"] .hero-chat-stat { margin-right:0; margin-left:auto; }
[data-lang="ar"] .hero-chat-footer { direction:rtl; }
[data-lang="ar"] .hero-chat-bubble { direction:rtl; text-align:right; font-family:var(--font-ar); }

/* ── Orb popup RTL ── */
[data-lang="ar"] .orb-popup-close { right:auto; left:16px; }
[data-lang="ar"] .orb-popup-head { gap:12px; }
[data-lang="ar"] .orb-popup-desc { text-align:right; direction:rtl; }
[data-lang="ar"] .orb-popup-features { direction:rtl; }
[data-lang="ar"] .orb-popup-features li { padding-left:0; padding-right:20px; text-align:right; }
[data-lang="ar"] .orb-popup-features li::before { left:auto; right:0; }

/* ── Section headers ── */
[data-lang="ar"] .sec-sub { text-align:right; }

/* ── Why / values ── */
[data-lang="ar"] .why-role-list li { padding-left:0; padding-right:14px; text-align:right; }
[data-lang="ar"] .why-role-list li::before { content:'←'; left:auto; right:0; }
[data-lang="ar"] .why-differentiators { text-align:right; direction:rtl; }
[data-lang="ar"] .val-item { direction:rtl; }
[data-lang="ar"] .why-role-card { text-align:right; }
[data-lang="ar"] .why-role-result { text-align:right; }

/* ── Process / roadmap ── */
[data-lang="ar"] .p-step { direction:rtl; }
[data-lang="ar"] .proc-steps { direction:rtl; }
[data-lang="ar"] .pf-arrow { display:inline-block; transform:scaleX(-1); }
[data-lang="ar"] .rp-item { direction:rtl; }
[data-lang="ar"] .rp-item::before { content:'←'; }
[data-lang="ar"] .rp-items { direction:rtl; }
[data-lang="ar"] .cycle-step::before { content:'←'; }
[data-lang="ar"] .flow-action::before { content:'←'; }
[data-lang="ar"] .arch-arrow { display:inline-block; transform:scaleX(-1); }
[data-lang="ar"] .roadmap-phase { border-right:none; border-left:1px solid var(--border); }
[data-lang="ar"] .roadmap-phase:last-child { border-left:none; }

/* ── Contact / form ── */
[data-lang="ar"] .form-group { text-align:right; }
[data-lang="ar"] .form-group input,
[data-lang="ar"] .form-group select,
[data-lang="ar"] .form-group textarea { text-align:right; direction:rtl; }
[data-lang="ar"] .form-next-steps { border-left:none; border-right:2px solid rgba(0,242,254,.3); border-radius:8px 0 0 8px; direction:rtl; }
[data-lang="ar"] .fns-item { direction:rtl; }
[data-lang="ar"] .promise-item { direction:rtl; }
[data-lang="ar"] .ci-item { direction:rtl; }
[data-lang="ar"] .form-note { text-align:right; direction:rtl; }
[data-lang="ar"] .audit-tool { text-align:right; }
[data-lang="ar"] .audit-q { direction:rtl; }
[data-lang="ar"] .audit-q select { text-align:right; direction:rtl; }

/* ── Testimonials ── */
[data-lang="ar"] .testi-card { text-align:right; }
[data-lang="ar"] .testi-top { direction:rtl; }
[data-lang="ar"] .testi-author { gap:12px; }
[data-lang="ar"] .testi-text { text-align:right; direction:rtl; }

/* ── Cards (text direction) ── */
[data-lang="ar"] .svc-card,[data-lang="ar"] .ind-card,[data-lang="ar"] .case-card,
[data-lang="ar"] .blog-card-new,[data-lang="ar"] .sol-card,[data-lang="ar"] .scale-card,
[data-lang="ar"] .why-item,[data-lang="ar"] .pain-card,[data-lang="ar"] .flow-card,
[data-lang="ar"] .health-card,[data-lang="ar"] .golive-card,[data-lang="ar"] .auto-card,
[data-lang="ar"] .mp-card,[data-lang="ar"] .testi-card { text-align:right; }

/* ── Card inner layouts ── */
[data-lang="ar"] .ind-pain { direction:rtl; }
[data-lang="ar"] .blog-meta { gap:8px; }
[data-lang="ar"] .blog-footer-new { gap:8px; }
[data-lang="ar"] .mp-card-badge { right:auto; left:14px; }
[data-lang="ar"] .mp-card-footer { direction:rtl; }
[data-lang="ar"] .mp-features { direction:rtl; }
[data-lang="ar"] .mp-feat { direction:rtl; }

/* ── Marketplace sidebar ── */
[data-lang="ar"] .mp-search-icon { right:auto; left:10px; }
[data-lang="ar"] .mp-search-input { padding:9px 12px 9px 36px; }
[data-lang="ar"] .mp-check-item { direction:rtl; }
[data-lang="ar"] .mp-count { margin-left:0; margin-right:auto; }

/* ── Compare table ── */
[data-lang="ar"] .compare-table th,[data-lang="ar"] .compare-table td { text-align:right; }

/* ── Experience / about ── */
[data-lang="ar"] .exp-item { direction:rtl; }
[data-lang="ar"] .exp-item:hover { transform:translateX(-6px); }
[data-lang="ar"] .cert-badge { direction:rtl; }

/* ── Pain points ── */
[data-lang="ar"] .pain-card-head { direction:rtl; }
[data-lang="ar"] .pain-item { direction:rtl; }
[data-lang="ar"] .pain-solution { direction:rtl; }

/* ── Hire me ── */
[data-lang="ar"] .hire-pkg::before { right:auto; left:0; border-radius:var(--r2) 0 8px 0; }
[data-lang="ar"] .hire-pkg-features { direction:rtl; }
[data-lang="ar"] .hire-feat { direction:rtl; }
[data-lang="ar"] .hire-steps { direction:rtl; }
[data-lang="ar"] .hire-step { direction:rtl; }
[data-lang="ar"] .hire-avatar-card { direction:rtl; }

/* ── SLA / KPI / automation ── */
[data-lang="ar"] .auto-flow { direction:rtl; }
[data-lang="ar"] .auto-step { direction:rtl; }
[data-lang="ar"] .kpi-cards { direction:rtl; }

/* ── Health badge ── */
[data-lang="ar"] .health-badge { right:auto; left:16px; }
[data-lang="ar"] .health-step { direction:rtl; }
[data-lang="ar"] .health-card-top { direction:rtl; }

/* ── Chatbot: flip position + bubbles ── */
[data-lang="ar"] .chatbot-trigger { right:auto; left:32px; }
[data-lang="ar"] .chatbot-window { right:auto; left:32px; }
[data-lang="ar"] .chat-header { direction:rtl; }
[data-lang="ar"] .chat-close { margin-left:0; margin-right:auto; }
[data-lang="ar"] .chat-quick-row { direction:rtl; }
[data-lang="ar"] .chat-input { text-align:right; direction:rtl; }
[data-lang="ar"] .chat-input-row { direction:rtl; }
[data-lang="ar"] .msg-user { justify-content:flex-start; }
[data-lang="ar"] .bubble-user { margin-left:0; margin-right:auto; border-bottom-right-radius:14px; border-bottom-left-radius:4px; }
[data-lang="ar"] .msg-bot { flex-direction:row-reverse; }
[data-lang="ar"] .bubble-bot { border-bottom-left-radius:14px; border-bottom-right-radius:4px; }
@media(max-width:768px){[data-lang="ar"] .chatbot-window{left:12px;right:auto}}

/* ── Back to top button ── */
[data-lang="ar"] .st-btn { right:auto; left:100px; }

/* ── CTA band ── */
[data-lang="ar"] .cta-band { direction:rtl; }
[data-lang="ar"] .cta-band h2 { letter-spacing:0; }

/* ── Flow chart nodes ── */
[data-lang="ar"] .flow-card { direction:rtl; }
[data-lang="ar"] .flow-connector-line { margin-left:0; margin-right:20px; }

/* ── Mobile nav ── */
[data-lang="ar"] .mobile-nav { direction:rtl; }
[data-lang="ar"] .mobile-nav-links a { text-align:right; }
[data-lang="ar"] .mobile-nav-sub { padding-left:0; padding-right:14px; border-left:none; border-right:2px solid var(--border); }

/* ── Footer RTL ── */
[data-lang="ar"] .ft-body { direction:rtl; }
[data-lang="ar"] .ft-contact-row { direction:rtl; }
[data-lang="ar"] .ft-link-list li { text-align:right; }
[data-lang="ar"] .ft-gcc-item { gap:10px; }
[data-lang="ar"] .ft-col-head { letter-spacing:0; font-family:var(--font-ar); }
[data-lang="ar"] .ft-gcc-item strong,[data-lang="ar"] .ft-gcc-item small { font-family:var(--font-ar); }
[data-lang="ar"] .ft-bottom-inner { direction:rtl; }
[data-lang="ar"] .ft-bottom-bar { direction:rtl; }
[data-lang="ar"] .ft-socials { direction:rtl; }
[data-lang="ar"] .ft-brand-desc { text-align:right; }
[data-lang="ar"] .ft-contact-block { align-items:flex-end; }

/* ── Hero chat default: ensure LTR in English mode ── */
.hero-chat-bubble { direction:ltr; text-align:left; font-family:inherit; }