:root{
  --ink:#07172e;
  --ink-2:#18324d;
  --muted:#627086;
  --line:rgba(11,31,58,.12);
  --bg:#f6f8fc;
  --soft:#edf4ff;
  --white:#fff;
  --blue:#315dff;
  --blue-2:#00c8ff;
  --purple:#7c3aed;
  --green:#22c55e;
  --navy:#061225;
  --navy-2:#0b1f3a;
  --card:rgba(255,255,255,.84);
  --shadow:0 24px 70px rgba(6,18,37,.14);
  --radius:28px;
  --radius-sm:18px;
  --max:1180px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  color:var(--ink);
  background:var(--bg);
  line-height:1.6;
  overflow-x:hidden;
}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.skip-link{position:absolute;left:-999px;top:1rem;background:#fff;color:#000;padding:.7rem 1rem;border-radius:.6rem;z-index:20}
.skip-link:focus{left:1rem}
.container{width:min(var(--max),calc(100% - 40px));margin-inline:auto}
.section{padding:105px 0}
.section-dark{background:var(--navy);color:var(--white);position:relative;overflow:hidden}
.section-soft{background:linear-gradient(180deg,#f7fbff 0%,#eef5ff 100%)}
.site-header{
  position:fixed;
  inset:0 0 auto 0;
  z-index:50;
  padding:18px 0;
  transition:.25s ease;
}
.site-header.scrolled{background:rgba(255,255,255,.82);backdrop-filter:blur(18px);box-shadow:0 12px 32px rgba(7,23,46,.08);padding:10px 0}
.navbar{width:min(1240px,calc(100% - 32px));margin:auto;display:flex;align-items:center;justify-content:space-between;gap:22px}
.brand{display:flex;align-items:center;gap:12px;position:relative;z-index:3}
.brand img{width:150px;height:auto}
.nav-menu{display:flex;align-items:center;gap:8px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(16px);border-radius:999px;padding:6px}
.site-header.scrolled .nav-menu{background:rgba(7,23,46,.05);border-color:rgba(7,23,46,.08)}
.nav-menu a{padding:10px 16px;border-radius:999px;font-weight:800;font-size:14px;color:#fff;opacity:.88;transition:.2s ease}
.site-header.scrolled .nav-menu a{color:var(--ink)}
.nav-menu a:hover{background:rgba(255,255,255,.18);opacity:1;transform:translateY(-1px)}
.site-header.scrolled .nav-menu a:hover{background:#fff;box-shadow:0 8px 24px rgba(7,23,46,.08)}
.nav-menu .nav-cta{background:linear-gradient(135deg,var(--blue-2),var(--blue));color:#fff;opacity:1;box-shadow:0 10px 24px rgba(49,93,255,.25)}
.site-header.scrolled .nav-menu .nav-cta{color:#fff}
.nav-toggle{display:none;background:#fff;border:0;width:44px;height:44px;border-radius:14px;box-shadow:0 8px 24px rgba(7,23,46,.12);align-items:center;justify-content:center;flex-direction:column;gap:5px;position:relative;z-index:3}
.nav-toggle span{display:block;width:21px;height:2px;background:var(--ink);border-radius:4px;transition:.2s}
.hero{min-height:100vh;display:flex;align-items:center;padding:150px 0 95px}
.hero-bg{position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,18,37,.94),rgba(6,18,37,.86) 46%,rgba(7,23,46,.67)),url('../img/keem-city-skyline.jpg') center bottom/cover no-repeat;transform:scale(1.02)}
.hero:after{content:"";position:absolute;inset:auto 0 0 0;height:190px;background:linear-gradient(0deg,var(--navy),transparent);pointer-events:none}
.orb{position:absolute;border-radius:999px;filter:blur(4px);opacity:.75;mix-blend-mode:screen}
.orb-one{width:390px;height:390px;background:radial-gradient(circle,var(--blue-2),transparent 68%);right:7%;top:18%;animation:float 8s ease-in-out infinite}
.orb-two{width:300px;height:300px;background:radial-gradient(circle,var(--purple),transparent 68%);left:36%;bottom:14%;animation:float 10s ease-in-out infinite reverse}
@keyframes float{50%{transform:translate3d(0,-28px,0) scale(1.04)}}
.hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:1fr 475px;gap:62px;align-items:center}
.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:12px;font-weight:900;color:#2763ff;margin:0 0 14px}
.section-dark .eyebrow{color:#67e8f9}
h1,h2,h3,p{margin-top:0}
h1{font-size:clamp(46px,7vw,86px);line-height:.95;letter-spacing:-.07em;margin:0 0 26px;max-width:850px}
h2{font-size:clamp(33px,4.2vw,58px);line-height:1.04;letter-spacing:-.055em;margin:0 0 22px}
h3{font-size:22px;line-height:1.15;margin-bottom:12px;letter-spacing:-.025em}
.hero-lede{font-size:clamp(18px,2vw,22px);color:#dbeafe;max-width:730px;margin-bottom:30px}
.hero-actions,.contact-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}
.button{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 22px;border-radius:999px;font-weight:900;letter-spacing:-.01em;transition:.2s ease;border:1px solid transparent}
.button:hover{transform:translateY(-2px)}
.button-primary{background:linear-gradient(135deg,var(--blue-2),var(--blue) 55%,var(--purple));color:#fff;box-shadow:0 22px 42px rgba(49,93,255,.30)}
.button-secondary{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.22);color:#fff;backdrop-filter:blur(16px)}
.button-light{background:#fff;color:var(--ink);border-color:var(--line)}
.trust-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px;color:#cbd5e1;font-weight:800;font-size:14px}
.trust-row span{border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.08);padding:8px 12px;border-radius:999px}
.command-card{border:1px solid rgba(255,255,255,.14);background:linear-gradient(180deg,rgba(255,255,255,.14),rgba(255,255,255,.08));border-radius:34px;box-shadow:0 35px 120px rgba(0,0,0,.35);backdrop-filter:blur(22px);overflow:hidden;position:relative}
.command-card:before{content:"";position:absolute;inset:-2px;background:linear-gradient(135deg,rgba(0,212,255,.45),transparent 35%,rgba(124,58,237,.45));opacity:.6;z-index:-1}
.command-top{height:54px;border-bottom:1px solid rgba(255,255,255,.14);display:flex;align-items:center;gap:9px;padding:0 20px;color:#cbd5e1;font-size:13px;font-weight:900}
.command-top span{width:11px;height:11px;border-radius:50%;background:#ef4444}
.command-top span:nth-child(2){background:#f59e0b}.command-top span:nth-child(3){background:#22c55e}
.command-top strong{margin-left:8px}
.command-body{padding:28px}
.status-pill{display:inline-flex;padding:7px 11px;border-radius:999px;font-size:12px;font-weight:900;margin-bottom:18px}
.status-pill.ok{background:rgba(34,197,94,.16);color:#86efac;border:1px solid rgba(34,197,94,.3)}
.command-body h2{font-size:30px;line-height:1.08;letter-spacing:-.04em;margin-bottom:22px}
.terminal-lines{background:rgba(3,7,18,.46);border:1px solid rgba(255,255,255,.12);border-radius:20px;padding:16px;color:#dbeafe;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px;overflow:hidden}
.terminal-lines p{margin:0 0 9px;white-space:nowrap}.terminal-lines p:last-child{margin:0}.terminal-lines span{color:#67e8f9}
.mini-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px}
.mini-metrics div{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.14);border-radius:18px;padding:14px}
.mini-metrics strong{display:block;font-size:20px;line-height:1;color:#fff}.mini-metrics small{display:block;color:#cbd5e1;margin-top:7px;line-height:1.25}
.strip{background:#fff;margin-top:-1px;padding:26px 0;border-bottom:1px solid var(--line);box-shadow:0 18px 60px rgba(7,23,46,.04)}
.strip-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.strip-grid div{padding:20px;border-radius:20px;background:linear-gradient(180deg,#fff,#f8fbff);border:1px solid var(--line)}
.strip-grid strong{display:block;font-size:19px;letter-spacing:-.025em}.strip-grid span{display:block;color:var(--muted);font-weight:700;font-size:14px;margin-top:4px}
.two-col{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:start}.section-heading h2{max-width:760px}.center{text-align:center}.center h2,.center p{margin-left:auto;margin-right:auto}.section-lede{font-size:18px;color:var(--muted);max-width:760px}.section-lede.left{margin-left:0}
.about-panel{background:var(--card);border:1px solid var(--line);padding:34px;border-radius:var(--radius);box-shadow:var(--shadow);font-size:18px;color:var(--ink-2)}
.about-panel p:last-child{margin-bottom:0}
.timeline-card{margin-top:48px;background:linear-gradient(135deg,#08192f,#10294a);border-radius:34px;padding:34px;display:grid;grid-template-columns:120px 1fr 120px 1.6fr;gap:25px;align-items:center;color:#fff;box-shadow:var(--shadow);position:relative;overflow:hidden}
.timeline-card:before{content:"";position:absolute;inset:auto -120px -180px auto;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(0,212,255,.25),transparent 65%)}
.timeline-year{font-weight:1000;font-size:34px;letter-spacing:-.04em;position:relative;z-index:1}
.timeline-line{height:3px;border-radius:999px;background:linear-gradient(90deg,var(--blue-2),var(--blue),var(--purple));position:relative;z-index:1}
.timeline-content{position:relative;z-index:1}.timeline-content h3{font-size:28px}.timeline-content p{color:#dbeafe;margin:0}
.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:45px}
.service-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:30px;box-shadow:0 16px 44px rgba(7,23,46,.08);transition:.24s ease;position:relative;overflow:hidden;min-height:290px}
.service-card:after{content:"";position:absolute;inset:auto -70px -100px auto;width:220px;height:220px;background:radial-gradient(circle,rgba(49,93,255,.15),transparent 66%)}
.service-card:hover{transform:translateY(-8px);box-shadow:0 30px 80px rgba(7,23,46,.13)}
.icon-wrap{width:54px;height:54px;border-radius:18px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--blue-2),var(--blue));color:#fff;font-weight:1000;margin-bottom:24px;box-shadow:0 16px 30px rgba(49,93,255,.23)}
.service-card p{color:var(--muted);font-weight:650;margin:0}
.tech-section{background:#fff}.split-showcase{display:grid;grid-template-columns:.85fr 1.15fr;gap:76px;align-items:center}.showcase-visual{min-height:470px;background:linear-gradient(135deg,#08192f,#12294b);border-radius:40px;position:relative;overflow:hidden;box-shadow:var(--shadow);display:flex;align-items:center;justify-content:center}.showcase-visual:after{content:"";position:absolute;inset:0;background:url('../img/keem-city-skyline.jpg') center bottom/cover no-repeat;opacity:.22;mix-blend-mode:screen}.global-img{width:270px;position:relative;z-index:2;opacity:.92;filter:drop-shadow(0 25px 40px rgba(0,0,0,.26))}
.floating-card{position:absolute;z-index:3;background:rgba(255,255,255,.88);border:1px solid rgba(255,255,255,.42);backdrop-filter:blur(16px);border-radius:20px;padding:14px 16px;box-shadow:0 20px 50px rgba(0,0,0,.18);min-width:205px}.top-card{top:34px;left:34px}.bottom-card{right:34px;bottom:34px}.floating-card strong,.floating-card small{display:block}.floating-card small{color:var(--muted);font-weight:700}.dot{display:inline-block;width:10px;height:10px;border-radius:50%;background:var(--green);margin-right:8px;box-shadow:0 0 0 6px rgba(34,197,94,.12)}.dot-purple{background:var(--purple);box-shadow:0 0 0 6px rgba(124,58,237,.12)}
.tech-list{display:grid;gap:14px;margin-top:28px}.tech-list div{background:#f8fbff;border:1px solid var(--line);border-radius:22px;padding:22px}.tech-list h3{font-size:18px;margin:0 0 6px}.tech-list p{margin:0;color:var(--muted);font-weight:700}
.products-panel{margin-top:72px;background:linear-gradient(180deg,#f8fbff,#fff);border:1px solid var(--line);border-radius:36px;padding:34px;box-shadow:0 18px 60px rgba(7,23,46,.07)}.panel-title{display:flex;justify-content:space-between;gap:24px;align-items:end;margin-bottom:22px}.panel-title h2{font-size:38px;margin:0}.product-cloud{display:flex;flex-wrap:wrap;gap:10px}.product-cloud span{background:#fff;border:1px solid var(--line);padding:10px 13px;border-radius:999px;color:var(--ink-2);font-weight:900;font-size:14px;box-shadow:0 8px 18px rgba(7,23,46,.04)}
.process-section{padding:92px 0;background:radial-gradient(circle at 15% 10%,rgba(0,212,255,.18),transparent 32%),radial-gradient(circle at 85% 35%,rgba(124,58,237,.20),transparent 34%),#061225}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:40px}.process-step{border:1px solid rgba(255,255,255,.14);border-radius:26px;padding:26px;background:rgba(255,255,255,.07);backdrop-filter:blur(16px)}.process-step span{display:inline-block;color:#67e8f9;font-weight:1000;margin-bottom:28px}.process-step h3{color:#fff}.process-step p{color:#cbd5e1;margin:0;font-weight:650}
.scope-card{background:linear-gradient(135deg,#0b1f3a,#08192f);border-radius:38px;color:#fff;display:grid;grid-template-columns:1.2fr .8fr;gap:42px;padding:46px;box-shadow:var(--shadow);position:relative;overflow:hidden}.scope-card:before{content:"";position:absolute;inset:-140px -140px auto auto;width:380px;height:380px;border-radius:50%;background:radial-gradient(circle,rgba(0,212,255,.24),transparent 64%)}.scope-card h2{position:relative;z-index:1}.scope-card p{color:#dbeafe;font-size:18px;position:relative;z-index:1}.scope-list{display:grid;gap:14px;position:relative;z-index:1}.scope-list div{background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.14);border-radius:22px;padding:20px}.scope-list strong,.scope-list span{display:block}.scope-list strong{font-size:19px}.scope-list span{color:#cbd5e1;font-weight:700;margin-top:4px}
.contact-section{background:linear-gradient(180deg,#fff,#eef5ff);padding-bottom:115px}.contact-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:56px;align-items:center}.contact-card{background:#fff;border:1px solid var(--line);border-radius:34px;padding:34px;box-shadow:var(--shadow)}.contact-card img{width:150px;margin-bottom:18px}.contact-card h3{font-size:32px;margin-bottom:18px}.contact-card dl{margin:0}.contact-card div{padding:16px 0;border-top:1px solid var(--line)}.contact-card dt{font-weight:1000;font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:var(--muted)}.contact-card dd{margin:4px 0 0;font-weight:900;color:var(--ink-2)}.contact-card a{color:var(--blue)}
.site-footer{background:#061225;color:#dbeafe;padding:44px 0}.footer-grid{display:grid;grid-template-columns:1fr auto 1fr;gap:28px;align-items:start}.footer-logo{width:150px;background:#fff;border-radius:16px;padding:5px;margin-bottom:12px}.footer-links{display:flex;gap:16px;flex-wrap:wrap}.footer-links a{font-weight:900;color:#fff;opacity:.86}.footer-links a:hover{opacity:1;color:#67e8f9}.footer-meta{text-align:right;color:#cbd5e1}.footer-meta p{margin:0 0 4px}.tiny{font-size:12px;opacity:.78}.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease, transform .7s ease}.reveal.visible{opacity:1;transform:none}.delay-1{transition-delay:.1s}.delay-2{transition-delay:.2s}.delay-3{transition-delay:.3s}
@media (max-width:1000px){
  .hero-grid,.two-col,.split-showcase,.scope-card,.contact-grid{grid-template-columns:1fr}
  .hero{padding-top:130px}.command-card{max-width:560px}.strip-grid,.process-grid{grid-template-columns:repeat(2,1fr)}.service-grid{grid-template-columns:repeat(2,1fr)}.timeline-card{grid-template-columns:90px 1fr 90px;gap:15px}.timeline-content{grid-column:1/-1}.footer-grid{grid-template-columns:1fr}.footer-meta{text-align:left}.panel-title{display:block}
}
@media (max-width:760px){
  .container{width:min(100% - 28px,var(--max))}.section{padding:74px 0}.brand img{width:132px}.nav-toggle{display:flex}.nav-menu{position:fixed;top:80px;left:14px;right:14px;display:grid;gap:4px;background:rgba(255,255,255,.96);border:1px solid var(--line);box-shadow:0 18px 60px rgba(7,23,46,.16);border-radius:22px;padding:10px;transform:translateY(-18px);opacity:0;pointer-events:none;transition:.2s}.nav-menu.open{transform:none;opacity:1;pointer-events:auto}.nav-menu a,.site-header.scrolled .nav-menu a{color:var(--ink);padding:13px 14px}.nav-menu .nav-cta{color:#fff!important;text-align:center}.nav-toggle.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.nav-toggle.open span:nth-child(2){opacity:0}.nav-toggle.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
  h1{font-size:48px}.hero{min-height:auto;padding-bottom:70px}.mini-metrics{grid-template-columns:1fr}.strip-grid,.service-grid,.process-grid{grid-template-columns:1fr}.about-panel,.service-card,.products-panel,.scope-card,.contact-card{border-radius:24px;padding:24px}.timeline-card{grid-template-columns:1fr;gap:10px}.timeline-line{height:4px;width:100%}.showcase-visual{min-height:390px;border-radius:28px}.floating-card{position:relative;inset:auto;min-width:unset;margin:10px;align-self:flex-end}.showcase-visual{display:grid;padding:24px}.global-img{width:210px;margin:auto}.panel-title h2{font-size:31px}.terminal-lines{font-size:12px}.terminal-lines p{white-space:normal}.contact-actions,.hero-actions{flex-direction:column}.button{width:100%}
}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}


/* ===== 2026 premium refresh overrides ===== */
:root{
  --ink:#0a1631;
  --ink-2:#203255;
  --muted:#5b6b86;
  --line:rgba(64,84,128,.16);
  --bg:#f7f9ff;
  --soft:#edf4ff;
  --white:#ffffff;
  --blue:#4f46e5;
  --blue-2:#2dd4ff;
  --purple:#a855f7;
  --green:#10b981;
  --navy:#071228;
  --navy-2:#102449;
  --card:rgba(255,255,255,.88);
  --shadow:0 24px 70px rgba(11,24,56,.12);
}
body{
  font-family:'Manrope', ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif;
  background:
    radial-gradient(circle at 10% 8%, rgba(45,212,255,.11), transparent 24%),
    radial-gradient(circle at 88% 18%, rgba(168,85,247,.10), transparent 26%),
    linear-gradient(180deg,#fbfcff 0%,#f6f9ff 100%);
}
h1,h2,h3,.button,.nav-menu a,.eyebrow,.icon-wrap,.product-cloud span,.strip-grid strong,.section-heading strong{
  font-family:'Space Grotesk','Manrope',Arial,sans-serif;
}
.brand img{width:176px;height:auto;filter:drop-shadow(0 10px 22px rgba(255,255,255,.12)) drop-shadow(0 8px 16px rgba(12,20,40,.18));}
.site-header.scrolled .brand img{filter:drop-shadow(0 6px 14px rgba(79,70,229,.12));}
.site-header{padding:16px 0}
.site-header.scrolled{background:rgba(255,255,255,.75);backdrop-filter:blur(20px)}
.nav-menu{background:rgba(255,255,255,.10);border-color:rgba(255,255,255,.16);box-shadow:0 14px 28px rgba(0,0,0,.10)}
.site-header.scrolled .nav-menu{background:rgba(245,248,255,.92)}
.nav-menu .nav-cta{background:linear-gradient(135deg,#22d3ee,#4f46e5 58%,#a855f7);box-shadow:0 14px 28px rgba(79,70,229,.28)}
.hero{overflow:hidden}
.hero-bg{background:
  radial-gradient(circle at 16% 18%, rgba(45,212,255,.22), transparent 24%),
  radial-gradient(circle at 78% 22%, rgba(168,85,247,.18), transparent 28%),
  linear-gradient(100deg, rgba(7,18,40,.95) 0%, rgba(16,36,73,.90) 40%, rgba(56,24,100,.76) 100%),
  url('../img/keem-city-skyline.jpg') center bottom/cover no-repeat;}
.orb-one{background:radial-gradient(circle,rgba(45,212,255,.95),transparent 70%);opacity:.5}
.orb-two{background:radial-gradient(circle,rgba(168,85,247,.92),transparent 72%);opacity:.44}
h1{letter-spacing:-.08em}
.hero-lede{max-width:780px;color:#dbeafe}
.button-primary{background:linear-gradient(135deg,#22d3ee 0%,#4f46e5 55%,#a855f7 100%);box-shadow:0 18px 42px rgba(79,70,229,.32)}
.button-secondary{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.20)}
.button-light{background:linear-gradient(180deg,#fff,#f7f9ff)}
.trust-row span{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.14)}
.command-card{border:1px solid rgba(255,255,255,.16);background:linear-gradient(180deg,rgba(255,255,255,.16),rgba(255,255,255,.08));}
.command-card:before{background:linear-gradient(135deg,rgba(45,212,255,.58),transparent 35%,rgba(168,85,247,.56));opacity:.8}
.status-pill.ok{background:rgba(16,185,129,.16);color:#a7f3d0;border-color:rgba(16,185,129,.30)}
.strip{background:linear-gradient(180deg,#ffffff,#f8fbff)}
.strip-grid div{position:relative;overflow:hidden}
.strip-grid div:before{content:'';position:absolute;inset:auto -30px -42px auto;width:110px;height:110px;border-radius:999px;background:radial-gradient(circle,rgba(79,70,229,.12),transparent 68%)}
.about-panel,.service-card,.products-panel,.contact-card{border-color:rgba(79,70,229,.10)}
.timeline-card{background:linear-gradient(135deg,#0b1638,#16356d 54%,#412082 100%)}
.service-card{background:linear-gradient(180deg,#ffffff,#f9fbff);box-shadow:0 16px 44px rgba(17,31,67,.08)}
.service-card:nth-child(1):after{background:radial-gradient(circle,rgba(45,212,255,.16),transparent 66%)}
.service-card:nth-child(2):after{background:radial-gradient(circle,rgba(79,70,229,.16),transparent 66%)}
.service-card:nth-child(3):after{background:radial-gradient(circle,rgba(168,85,247,.16),transparent 66%)}
.service-card:nth-child(4):after{background:radial-gradient(circle,rgba(16,185,129,.16),transparent 66%)}
.service-card:nth-child(5):after{background:radial-gradient(circle,rgba(245,158,11,.16),transparent 66%)}
.service-card:nth-child(6):after{background:radial-gradient(circle,rgba(236,72,153,.14),transparent 66%)}
.service-card .icon-wrap{box-shadow:0 16px 30px rgba(79,70,229,.20)}
.service-card:nth-child(1) .icon-wrap{background:linear-gradient(135deg,#22d3ee,#06b6d4)}
.service-card:nth-child(2) .icon-wrap{background:linear-gradient(135deg,#4f46e5,#2563eb)}
.service-card:nth-child(3) .icon-wrap{background:linear-gradient(135deg,#8b5cf6,#a855f7)}
.service-card:nth-child(4) .icon-wrap{background:linear-gradient(135deg,#10b981,#22c55e)}
.service-card:nth-child(5) .icon-wrap{background:linear-gradient(135deg,#f59e0b,#fb7185)}
.service-card:nth-child(6) .icon-wrap{background:linear-gradient(135deg,#f43f5e,#ec4899)}
.showcase-visual{background:linear-gradient(135deg,#0d1738,#173672 58%,#4b1d95 100%)}
.showcase-visual:after{opacity:.16;mix-blend-mode:screen}
.global-img{width:min(100%,470px);opacity:1;filter:drop-shadow(0 18px 38px rgba(5,10,25,.30))}
.floating-card{background:rgba(255,255,255,.92)}
.products-panel{background:linear-gradient(180deg,#f7fbff,#ffffff)}
.product-cloud span{background:linear-gradient(180deg,#ffffff,#f8fbff);border-color:rgba(79,70,229,.12);box-shadow:0 10px 18px rgba(16,24,40,.04)}
.product-cloud span:hover{transform:translateY(-2px);box-shadow:0 14px 26px rgba(16,24,40,.08)}
.process-section{background:
  radial-gradient(circle at 18% 12%, rgba(45,212,255,.22), transparent 30%),
  radial-gradient(circle at 84% 20%, rgba(168,85,247,.20), transparent 34%),
  radial-gradient(circle at 78% 72%, rgba(245,158,11,.14), transparent 22%),
  linear-gradient(180deg,#08142f,#0f2247 55%,#2e1768 100%);
}
.process-step{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.14)}
.scope-card{background:linear-gradient(135deg,#0c1739,#173367 55%,#4a1e93 100%)}
.contact-section{background:
  radial-gradient(circle at 15% 8%, rgba(45,212,255,.08), transparent 22%),
  radial-gradient(circle at 85% 12%, rgba(168,85,247,.08), transparent 24%),
  linear-gradient(180deg,#ffffff,#eef5ff)}
.contact-card{background:linear-gradient(180deg,#fff,#fafcff)}
.contact-card img{width:min(100%,330px);margin:0 auto 20px}
.site-footer{background:linear-gradient(180deg,#071228,#0b1735 40%,#101f4a 100%)}
.footer-logo{width:176px;background:transparent;padding:0;border-radius:0;filter:drop-shadow(0 8px 20px rgba(45,212,255,.12));}
.footer-links a{opacity:.92}
@media (max-width:760px){
  .brand img{width:156px}
  .global-img{width:min(100%,360px)}
  .footer-logo{width:156px}
}