
:root{--navy:#071f3f;--navy2:#0b2a52;--blue:#0b4f94;--blue2:#2f7ac4;--ink:#18233b;--muted:#64708a;--line:#e3e9f3;--pale:#f4f7fc;--white:#fff;--teal:#f7941d;--orange:#f7941d;--orange-ink:#b45309;--radius:22px;--shadow:0 18px 50px rgba(7,31,63,.10)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:#fff;line-height:1.65}a{color:inherit;text-decoration:none}img{max-width:100%}.container{width:min(1160px,calc(100% - 40px));margin:auto}.topbar{background:var(--navy);color:#d9e3f8;font-size:12px;padding:8px 0}.topbar .container{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap}.nav{position:sticky;top:0;z-index:30;background:rgba(255,255,255,.94);backdrop-filter:blur(16px);border-bottom:1px solid rgba(227,233,243,.85)}.navinner{display:flex;align-items:center;justify-content:space-between;min-height:82px;gap:24px}.brand{display:flex;align-items:center;gap:11px;font-weight:850;letter-spacing:-.04em;color:var(--navy);font-size:20px}.brandmark{width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,var(--blue),#f7b34d);display:grid;place-items:center;color:white;font-weight:900;box-shadow:0 8px 18px #0b4f9433}.brand small{display:block;font-size:9px;letter-spacing:.18em;color:#7a8499;font-weight:700;margin-top:-4px}.navlinks{display:flex;align-items:center;gap:25px;font-size:13px;font-weight:700;color:#34405a}.navlinks a:hover{color:var(--blue)}.navcta,.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:999px;padding:13px 20px;background:var(--blue);color:#fff;font-size:13px;font-weight:800;border:1px solid var(--blue);transition:.2s}.navcta:hover,.btn:hover{transform:translateY(-2px);box-shadow:0 10px 24px #0b4f9433}.btn.secondary{background:#fff;color:var(--navy);border-color:#d7dfed}.btn.light{background:#fff;color:var(--navy);border-color:#fff}.mobiletoggle{display:none;border:1px solid var(--line);background:white;border-radius:12px;padding:10px;font-size:20px}.eyebrow{display:inline-flex;align-items:center;gap:9px;text-transform:uppercase;letter-spacing:.15em;font-size:10px;font-weight:900;color:var(--blue)}.eyebrow:before{content:"";width:24px;height:2px;background:var(--blue)}h1,h2,h3{line-height:1.12;letter-spacing:-.045em;margin:0 0 18px;color:var(--navy)}h1{font-size:clamp(42px,5.7vw,72px);max-width:780px}h2{font-size:clamp(30px,3.7vw,47px)}h3{font-size:21px}p{margin:0 0 18px;color:var(--muted)}.hero{position:relative;overflow:hidden;background:radial-gradient(circle at 78% 20%,#0b4f94 0,#0b2e5c 27%,#071f3f 63%);color:#fff;padding:92px 0 80px}.hero:after{content:"";position:absolute;width:600px;height:600px;border:1px solid #ffffff16;border-radius:50%;right:-130px;top:-170px;box-shadow:0 0 0 60px #ffffff06,0 0 0 120px #ffffff04}.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:50px;align-items:center;position:relative;z-index:1}.hero h1{color:#fff}.hero p{color:#c4d0e8;font-size:17px;max-width:630px}.hero .eyebrow{color:#f7a642}.hero .eyebrow:before{background:var(--teal)}.heroactions{display:flex;gap:12px;flex-wrap:wrap;margin:28px 0 30px}.hero .secondary{background:transparent;color:#fff;border-color:#ffffff55}.trustline{display:flex;align-items:center;gap:12px;color:#b7c6e4;font-size:12px}.trustdot{width:7px;height:7px;border-radius:50%;background:var(--teal);box-shadow:0 0 0 5px #f7941d20}.visualpanel{min-height:380px;border:1px solid #ffffff25;background:linear-gradient(145deg,#ffffff15,#ffffff05);border-radius:28px;padding:26px;position:relative;box-shadow:0 25px 80px #0003;overflow:hidden}.visualpanel:before{content:"";position:absolute;width:270px;height:270px;border-radius:50%;background:#0b4f9433;filter:blur(15px);right:-60px;top:-80px}.paneltop{display:flex;justify-content:space-between;align-items:center;color:#dce7ff;font-size:12px;position:relative}.status{background:#f7941d22;color:#ffc46b;padding:5px 9px;border-radius:99px;font-size:10px}.network{height:235px;position:relative;margin-top:18px}.node{position:absolute;border:1px solid #9bbcff66;background:#0b2a52;border-radius:15px;padding:15px 17px;color:#fff;min-width:130px;box-shadow:0 10px 25px #0002}.node b{display:block;font-size:12px}.node span{font-size:10px;color:#9eb2d8}.node.center{left:33%;top:36%;background:linear-gradient(135deg,#0b4f94,#1f6fbf);border-color:#83aaff;z-index:2}.node.n1{left:0;top:8%}.node.n2{right:0;top:12%}.node.n3{left:1%;bottom:4%}.node.n4{right:0;bottom:1%}.connector{position:absolute;height:1px;background:#8aaeff66;transform-origin:left}.c1{width:130px;left:26%;top:31%;transform:rotate(22deg)}.c2{width:130px;left:56%;top:40%;transform:rotate(-24deg)}.c3{width:145px;left:25%;top:61%;transform:rotate(-28deg)}.c4{width:140px;left:57%;top:62%;transform:rotate(25deg)}.section{padding:88px 0}.section.pale{background:var(--pale)}.section.dark{background:var(--navy);color:#fff}.section.dark h2,.section.dark h3{color:#fff}.section.dark p{color:#bdc8df}.sectionhead{max-width:700px;margin-bottom:40px}.sectionhead.center{text-align:center;margin-left:auto;margin-right:auto}.sectionhead.center .eyebrow{justify-content:center}.sectionhead.center p{max-width:620px;margin:0 auto}.grid{display:grid;gap:18px}.grid.two{grid-template-columns:repeat(2,1fr)}.grid.three{grid-template-columns:repeat(3,1fr)}.grid.four{grid-template-columns:repeat(4,1fr)}.card{border:1px solid var(--line);border-radius:var(--radius);padding:27px;background:#fff;transition:.22s}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:#cbd8f1}.iconbox{width:46px;height:46px;border-radius:14px;background:#fff1dc;color:var(--blue);display:grid;place-items:center;font-size:21px;margin-bottom:22px}.card p{font-size:14px;margin-bottom:18px}.textlink{color:var(--blue);font-weight:850;font-size:13px}.textlink span{margin-left:5px}.statbar{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;border:1px solid #ffffff1f;border-radius:20px;padding:24px;background:#ffffff08;margin-top:42px}.statbar strong{display:block;color:#fff;font-size:15px}.statbar span{font-size:12px;color:#b7c6e4}.split{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}.featurevisual{min-height:350px;background:linear-gradient(145deg,#e8efff,#f7faff);border-radius:28px;padding:28px;position:relative;overflow:hidden;border:1px solid #dfe8fa}.featurevisual .miniwindow{background:#fff;border:1px solid #e3e9f3;border-radius:18px;padding:22px;box-shadow:var(--shadow);position:absolute}.miniwindow.one{left:8%;top:10%;width:70%}.miniwindow.two{right:6%;bottom:9%;width:62%}.miniwindow label{font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:#7c88a0;font-weight:800}.progress{height:7px;background:#e9eef8;border-radius:99px;margin:10px 0 15px;overflow:hidden}.progress i{display:block;height:100%;background:linear-gradient(90deg,var(--blue),#f7b34d);border-radius:99px}.checklist{list-style:none;padding:0;margin:24px 0}.checklist li{display:flex;gap:12px;margin:12px 0;color:#495772;font-size:14px}.checklist li:before{content:"✓";display:grid;place-items:center;flex:0 0 22px;height:22px;border-radius:50%;background:#fff1dc;color:#b45309;font-size:12px;font-weight:900}.step{border-top:2px solid #dbe5f5;padding-top:20px}.stepnum{font-size:11px;font-weight:900;color:var(--blue);letter-spacing:.1em}.step h3{margin-top:12px}.industry{min-height:210px;display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(145deg,#fff,#f6f9ff)}.industry .iconbox{margin-bottom:15px}.quote{background:#fff;border-radius:22px;padding:30px;border:1px solid var(--line)}.quote p{font-size:17px;color:var(--ink)}.cta{padding:66px 0;background:linear-gradient(120deg,#0b4f94,#0b3c75);color:#fff}.cta h2{color:#fff;max-width:680px}.cta p{color:#e3ecf8;max-width:600px}.ctainner{display:flex;justify-content:space-between;align-items:center;gap:35px}.ctainner .btn{white-space:nowrap}.footer{background:#05152e;color:#fff;padding:60px 0 24px}.footergrid{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:35px}.footer .brand{color:#fff}.footer p{color:#9eabc7;font-size:13px;max-width:300px;margin-top:20px}.footer h4{font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:#dbe5fa;margin:0 0 18px}.footer ul{padding:0;list-style:none;margin:0}.footer li{margin:10px 0;color:#aebbd5;font-size:12px}.footer li a:hover{color:#fff}.footbottom{border-top:1px solid #ffffff18;margin-top:42px;padding-top:20px;display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;color:#8492b0;font-size:11px}.pagehero{padding:75px 0;background:linear-gradient(120deg,#f3f7ff,#fff 65%);border-bottom:1px solid var(--line)}.pagehero h1{font-size:clamp(38px,4.7vw,60px);max-width:850px}.pagehero p{font-size:17px;max-width:740px}.breadcrumbs{font-size:11px;color:#8290a8;margin-bottom:25px}.breadcrumbs a{color:var(--blue)}.tagrow{display:flex;flex-wrap:wrap;gap:9px;margin-top:25px}.tag{border:1px solid #dce5f4;border-radius:99px;padding:7px 12px;font-size:11px;font-weight:750;color:#4e5b75;background:#fff}.servicehero{background:var(--navy);color:white;padding:65px 0}.servicehero h1{color:#fff}.servicehero p{color:#c4d0e8;max-width:740px;font-size:17px}.servicehero .eyebrow{color:#f7a642}.servicehero .eyebrow:before{background:var(--teal)}.servicegrid{display:grid;grid-template-columns:1fr 330px;gap:55px;align-items:start}.sidebox{border:1px solid var(--line);border-radius:20px;padding:24px;position:sticky;top:110px}.sidebox h3{font-size:18px}.sidebox a{display:block;padding:10px 0;border-bottom:1px solid var(--line);font-size:12px;color:#53617c}.sidebox a:last-child{border-bottom:0}.contentblock{margin-bottom:40px}.contentblock h2{font-size:30px}.faqitem{padding:20px 0;border-bottom:1px solid var(--line)}.faqitem h3{font-size:16px;margin-bottom:8px}.faqitem p{margin:0;font-size:14px}.formbox{background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);border-radius:24px;padding:30px}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field{display:flex;flex-direction:column;gap:7px}.field.full{grid-column:1/-1}.field label{font-size:11px;font-weight:800;color:#43516c}.field input,.field select,.field textarea{font:inherit;border:1px solid #dce4f0;border-radius:10px;padding:12px 13px;background:#fbfcff;outline:none}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px #0b4f9415}.field textarea{min-height:120px;resize:vertical}.formnote{font-size:11px;margin-top:15px}.notice{background:#fff8e8;border:1px solid #f4dfaa;border-radius:12px;padding:14px 16px;color:#755a18;font-size:12px;margin:18px 0}.resourcecard .eyebrow{font-size:9px}.resourcecard h3{margin-top:12px}.resourcecard p{font-size:13px}.pill{display:inline-block;border-radius:99px;background:#fff1dc;color:#0b4f94;padding:6px 10px;font-size:10px;font-weight:850}.legaltext{max-width:800px}.legaltext h2{font-size:25px;margin-top:35px}.legaltext p,.legaltext li{font-size:14px}.legaltext ul{color:var(--muted)}.hidden{display:none!important}
@media(max-width:960px){.navlinks{gap:14px}.navlinks a{font-size:12px}.navcta{display:none}.hero-grid,.split,.servicegrid{grid-template-columns:1fr}.visualpanel{max-width:620px;width:100%;margin:auto}.grid.four{grid-template-columns:repeat(2,1fr)}.footergrid{grid-template-columns:repeat(2,1fr)}.sidebox{position:static;order:-1}.ctainner{align-items:flex-start;flex-direction:column}}
@media(max-width:700px){.container{width:min(100% - 30px,1160px)}.topbar .container{font-size:10px}.navinner{min-height:70px}.mobiletoggle{display:block}.navlinks{display:none;position:absolute;left:0;right:0;top:70px;background:#fff;border-bottom:1px solid var(--line);padding:18px 22px 24px;flex-direction:column;align-items:flex-start;gap:18px}.navlinks.open{display:flex}.navlinks a{font-size:14px}.hero{padding:60px 0}.hero-grid{gap:35px}.visualpanel{min-height:330px;padding:18px}.network{transform:scale(.88);transform-origin:top left;width:112%;margin-top:24px}.node{min-width:112px;padding:12px}.section{padding:60px 0}.grid.two,.grid.three,.grid.four{grid-template-columns:1fr}.statbar{grid-template-columns:1fr;gap:14px}.pagehero{padding:52px 0}.footergrid{grid-template-columns:1fr 1fr;gap:28px}.footergrid>div:first-child{grid-column:1/-1}.formgrid{grid-template-columns:1fr}.field.full{grid-column:auto}.ctainner .btn{white-space:normal}.featurevisual{min-height:300px}.miniwindow.one{width:82%;left:5%}.miniwindow.two{width:75%;right:4%}}

/* v8 — lighter premium enterprise palette: bright editorial surfaces with cinematic blue imagery */
:root{
  --dv-bg:#F6F9FC;
  --dv-surface:#FFFFFF;
  --dv-surface2:#EDF4FA;
  --dv-navy:#0B2340;
  --dv-blue:#1264B0;
  --dv-cyan:#18C8FF;
  --dv-ice:#78E4FF;
  --dv-orange:#F28A22;
  --dv-amber:#FFB45C;
  --dv-text:#14263D;
  --dv-muted:#607187;
  --dv-border:#D9E4EE;
}
body{background:var(--dv-bg);color:var(--dv-text)}
.topbar{background:#0B2340;color:#DCEAF7}
.nav{background:rgba(255,255,255,.96);border-bottom-color:#DCE6EF}
.brand{color:#0B2340}.brand small{color:#74869A}
.navlinks{color:#31455E}.navlinks a:hover{color:var(--dv-blue)}
.navcta,.btn{background:var(--dv-orange);border-color:var(--dv-orange);color:#fff;box-shadow:0 8px 22px rgba(242,138,34,.16)}
.navcta:hover,.btn:hover{box-shadow:0 12px 28px rgba(242,138,34,.22)}
.btn.secondary{background:#fff;color:var(--dv-navy);border-color:#C9D8E6}
.eyebrow{color:var(--dv-blue)}.eyebrow:before{background:var(--dv-cyan)}
h1,h2,h3{color:var(--dv-navy)}
p{color:var(--dv-muted)}

/* Hero: cinematic, but no longer near-black */
.hero{
  min-height:680px;
  background-image:
    linear-gradient(90deg,rgba(8,34,61,.84) 0%,rgba(12,55,91,.62) 48%,rgba(14,72,108,.20) 100%),
    url('images/midnight-portal-over-reflective-waters.webp');
  background-position:center;
  background-size:cover;
}
.hero h1{color:#fff}.hero p{color:#E1EDF7}.hero .eyebrow{color:#BFEFFF}.hero .eyebrow:before{background:var(--dv-cyan)}
.hero .secondary{background:rgba(255,255,255,.10);border-color:rgba(255,255,255,.55);color:#fff}
.hero .secondary:hover{background:#fff;color:var(--dv-navy)}
.hero .visualpanel{background:linear-gradient(180deg,rgba(13,61,94,.38),rgba(7,30,53,.70)),url('images/futuristic-glass-ribbons-in-blue-space.webp') center/cover;border-color:rgba(255,255,255,.30)}

.section{padding:88px 0;background:#fff}
.section.pale{background:#F1F6FA}
.section.dark{background:linear-gradient(135deg,#0B3156,#0E5D88);color:#fff}
.section.dark h2,.section.dark h3{color:#fff}
.section.dark p{color:#D7E7F2}
.sectionhead p{color:#607187}

.card{background:#fff;border-color:#DCE6EF;box-shadow:0 8px 30px rgba(13,50,80,.055)}
.card:hover{border-color:#9FDDF2;box-shadow:0 18px 44px rgba(13,50,80,.11)}
.iconbox{background:#E9F8FE;color:var(--dv-blue);border:1px solid #C9EEF9}
.textlink{color:var(--dv-blue)}
.industry{box-shadow:0 10px 30px rgba(10,38,65,.08)}
.industry:before{background:linear-gradient(180deg,rgba(4,20,36,.02),rgba(4,20,36,.68))}

/* Image cards remain cinematic but brighter */
.svcgrid a:before{background:linear-gradient(180deg,rgba(3,18,31,.02) 5%,rgba(3,18,31,.72) 78%),linear-gradient(135deg,rgba(18,100,176,.10),rgba(242,138,34,.06))}
.svcgrid a:hover{border-color:#6DD9F6;box-shadow:0 18px 42px rgba(12,68,104,.16)}

.featurevisual{box-shadow:0 20px 55px rgba(13,50,80,.12);border-color:#DCE7EF}

.pagehero{
  min-height:390px;
  background-image:linear-gradient(90deg,rgba(9,43,72,.78),rgba(19,86,123,.45) 55%,rgba(20,100,143,.10)),var(--page-hero-image);
}
.pagehero:before{background:linear-gradient(90deg,rgba(7,31,55,.78),rgba(10,65,101,.36) 60%,rgba(10,80,120,.08))}
.pagehero h1{color:#fff}.pagehero p{color:#E5F0F7}.pagehero .eyebrow{color:#C7F4FF}.pagehero .eyebrow:before{background:var(--dv-cyan)}
.pagehero .breadcrumbs{color:#D5E6F1}.pagehero .breadcrumbs a{color:#FFD08A}

.servicehero{background:linear-gradient(120deg,#0B3155,#12679A 72%,#1685B4);}
.servicehero p{color:#E2EFF7}.servicehero .eyebrow{color:#C7F4FF}.servicehero .eyebrow:before{background:var(--dv-cyan)}
.scopebox{background:linear-gradient(145deg,#EAF5FB,#FFFFFF);border-color:#D4E5EF;color:var(--dv-text)}
.sidebox{background:#fff;border-color:#DCE6EF;box-shadow:0 8px 28px rgba(13,50,80,.05)}

.cta{background:linear-gradient(120deg,#0C4C78,#1184AF);}
.footer{background:#081C31}

.band{background:#EAF2F7;border-bottom-color:#D6E3EC}
.tag{background:#fff;border-color:#D6E3EC;color:#4C6075}

@media(max-width:700px){
  .nav{background:#fff}.navlinks{background:#fff}.navlinks a{color:#31455E}.navlinks .hasmenu{color:#31455E}.navlinks .submenutoggle{background:#EFF5F9;color:#16344F;border-color:#D5E2EC}.menu a{color:#31455E}
  .hero{min-height:650px;background-image:linear-gradient(180deg,rgba(8,34,61,.76),rgba(8,34,61,.64)),url('images/midnight-portal-over-reflective-waters.webp')}
}

/* =========================
   V10 — IVORY / GRAPHITE / TEAL / CORAL
   Team Computers visual sophistication + Vikas Bharat storytelling patterns,
   expressed as an original DigiVista design system.
   ========================= */
:root{--ivory:#F7F5F0;--sand:#ECE9E1;--graphite:#182126;--slate:#34434A;--teal:#087F7B;--aqua:#38BDB4;--coral:#F06445;--peach:#FFE0D5;--charcoal:#202A2E;--stone:#68757A;--border:#D9D6CE;--paper:#fffdf9;--shadow10:0 18px 55px rgba(24,33,38,.10)}
body{background:var(--paper);color:var(--charcoal)}
h1,h2,h3{color:var(--graphite)}
p{color:var(--stone)}
.topbar{background:var(--graphite);color:#dfe7e5}
.nav{background:rgba(247,245,240,.94);border-bottom:1px solid rgba(217,214,206,.9)}
.navinner{min-height:78px}.brand{color:var(--graphite)}.brand small{color:var(--stone)}
.navlinks{color:var(--slate)}.navlinks a:hover,.navlinks a[aria-current="page"]{color:var(--teal)}
.navcta,.btn{background:var(--teal);border-color:var(--teal);color:#fff}.navcta:hover,.btn:hover{box-shadow:0 12px 28px rgba(8,127,123,.22)}
.btn.secondary{background:transparent;color:var(--graphite);border-color:var(--border)}
.eyebrow{color:var(--teal)}.eyebrow:before{background:var(--coral)}
.band{background:var(--sand);border-color:var(--border)}
.section{padding:96px 0}.section.pale{background:var(--ivory)}
.card{background:var(--paper);border-color:var(--border);box-shadow:none}.card:hover{border-color:#b7d6d2;box-shadow:var(--shadow10)}
.iconbox{background:var(--peach);color:var(--coral)}
.textlink{color:var(--teal)}
.pagehero{background:linear-gradient(135deg,var(--ivory),#fffdf9);border-color:var(--border)}
.pagehero .breadcrumbs a{color:var(--teal)}
.tag{border-color:var(--border);color:var(--slate);background:#fffdf9}
.servicehero{background:linear-gradient(125deg,var(--graphite),#26363b 62%,var(--teal));}
.servicehero .eyebrow{color:#a9eee8}.servicehero .eyebrow:before{background:var(--coral)}
.sidebox{border-color:var(--border);background:var(--paper);box-shadow:0 10px 30px rgba(24,33,38,.06)}
.sidebox a{border-color:var(--border);color:var(--slate)}
.scopebox{background:linear-gradient(145deg,var(--graphite),#294047);border-color:#4d6a70}
.cta,.v10-cta{background:linear-gradient(120deg,var(--graphite),#26383c 55%,var(--teal));}
.footer{background:#11191d}.footer p,.footer li{color:#b9c4c4}.footer h4{color:#edf4f2}

/* Homepage */
.v10hero{min-height:760px;padding:110px 0 84px;position:relative;isolation:isolate;background:var(--graphite);overflow:hidden}
.v10hero .hero-media{position:absolute;inset:0;background:url('images/midnight-portal-over-reflective-waters.webp') center/cover;z-index:-3}
.v10hero .hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(24,33,38,.96) 0%,rgba(24,33,38,.82) 42%,rgba(24,33,38,.28) 100%),linear-gradient(0deg,rgba(24,33,38,.55),transparent 55%);z-index:-2}
.v10hero:after{content:"";position:absolute;right:-160px;top:-200px;width:560px;height:560px;border:1px solid rgba(56,189,180,.35);border-radius:44%;transform:rotate(32deg);box-shadow:0 0 0 42px rgba(56,189,180,.07),0 0 0 88px rgba(240,100,69,.05);z-index:-1}
.v10hero-grid{grid-template-columns:minmax(0,1.05fr) minmax(360px,.75fr);align-items:center}
.v10hero h1{color:#fff;font-size:clamp(50px,6vw,84px);max-width:820px;letter-spacing:-.06em}.v10hero p{color:#d6dfdd;max-width:680px;font-size:18px;line-height:1.8}.v10hero .eyebrow{color:#a9eee8}.v10hero .eyebrow:before{background:var(--coral)}.v10hero .btn.secondary{color:#fff;border-color:rgba(255,255,255,.32)}.v10hero .trustline{color:#c3d1cf}.v10hero .trustdot{background:var(--aqua);box-shadow:0 0 0 5px rgba(56,189,180,.15)}
.hero-card{min-height:440px;border:1px solid rgba(255,255,255,.20);border-radius:28px;padding:26px;background:linear-gradient(145deg,rgba(255,255,255,.13),rgba(255,255,255,.045));backdrop-filter:blur(14px);box-shadow:0 35px 90px rgba(0,0,0,.25);color:#fff;display:flex;flex-direction:column;justify-content:space-between}
.hero-card-top,.hero-card-bottom{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#d8e4e1}.hero-card .status{background:rgba(56,189,180,.15);color:#a9eee8;border:1px solid rgba(56,189,180,.28)}
.hub-orbit{height:310px;position:relative;display:grid;place-items:center}.hub-orbit:before,.hub-orbit:after{content:"";position:absolute;border:1px solid rgba(255,255,255,.16);border-radius:50%;width:250px;height:250px}.hub-orbit:after{width:170px;height:170px;border-color:rgba(56,189,180,.3)}
.hub-core{width:110px;height:110px;border-radius:50%;background:linear-gradient(145deg,var(--coral),#ff987f);color:var(--graphite);display:grid;place-items:center;align-content:center;font-weight:900;box-shadow:0 0 55px rgba(240,100,69,.24);position:relative;z-index:2}.hub-core small{font-size:7px;letter-spacing:.08em;text-transform:uppercase;max-width:75px;text-align:center;margin-top:3px}
.hub-pill{position:absolute;background:rgba(24,33,38,.82);border:1px solid rgba(255,255,255,.22);border-radius:999px;padding:9px 13px;font-size:10px;color:#fff;backdrop-filter:blur(8px)}.hub-pill.p1{top:20px;left:50%;transform:translateX(-50%)}.hub-pill.p2{right:0;top:50%;transform:translateY(-50%)}.hub-pill.p3{bottom:18px;left:50%;transform:translateX(-50%)}.hub-pill.p4{left:0;top:50%;transform:translateY(-50%)}.hub-pill.p5{right:8%;bottom:23%}
.proof-strip{background:var(--paper);border-bottom:1px solid var(--border);border-top:1px solid rgba(255,255,255,.08)}.proof-grid{display:grid;grid-template-columns:repeat(4,1fr);padding:25px 0}.proof-grid>div{padding:8px 28px;border-right:1px solid var(--border)}.proof-grid>div:first-child{padding-left:0}.proof-grid>div:last-child{border-right:0}.proof-grid strong{display:block;font-size:25px;letter-spacing:-.04em;color:var(--graphite)}.proof-grid span{display:block;font-size:11px;color:var(--stone);margin-top:3px}
.v10-split{gap:80px}.image-feature{background:url('images/collaborative-tech-team-in-a-modern-office.webp') center/cover;min-height:500px;border:0;box-shadow:var(--shadow10)}.image-feature:after{background:linear-gradient(180deg,rgba(24,33,38,.03),rgba(24,33,38,.72))}.image-feature-caption{position:absolute;z-index:2;left:28px;right:28px;bottom:28px;color:#fff}.image-feature-caption span{font-size:10px;letter-spacing:.14em;color:#a9eee8}.image-feature-caption strong{display:block;font-size:20px;margin-top:6px;max-width:420px}
.service-showcase{border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.hub-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.hub-card{position:relative;min-height:250px;padding:24px;border-radius:18px;border:1px solid var(--border);background-size:cover;background-position:center;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;color:#fff;isolation:isolate}.hub-card:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(24,33,38,.08),rgba(24,33,38,.88));z-index:-1}.hub-card>span{font-size:11px;color:#a9eee8;letter-spacing:.12em}.hub-card b{font-size:21px;display:block;letter-spacing:-.03em}.hub-card p{color:#d5dfdd;font-size:13px;line-height:1.55;margin:7px 0 0}.hub-card em{font-style:normal;color:#ffd0c5;font-size:12px;font-weight:800}.hc1{background-image:url('images/futuristic-blue-lit-data-centre-aisle.webp')}.hc2{background-image:url('images/neon-cybersecurity-shield-network.webp')}.hc3{background-image:url('images/glowing-fiber-optic-wave.webp')}.hc4{background-image:url('images/neon-ai-data-core-network.webp')}.hc5{background-image:url('images/futuristic-business-analytics-hub.webp')}.hc6{background-image:url('images/modern-conference-room-with-city-view.webp')}.hub-card:hover{transform:translateY(-4px);border-color:rgba(8,127,123,.55);box-shadow:var(--shadow10)}.sectiontail{margin-top:24px;text-align:center}
.v10-industry{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.industry-card{min-height:360px;border-radius:20px;padding:24px;display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(180deg,rgba(24,33,38,.05),rgba(24,33,38,.88)),var(--bg) center/cover;border:1px solid rgba(24,33,38,.12);color:#fff;overflow:hidden;transition:.22s}.industry-card span{font-size:10px;letter-spacing:.14em;color:#a9eee8}.industry-card h3{color:#fff;font-size:25px;max-width:260px;margin-top:10px}.industry-card b{font-size:12px;color:#ffd0c5}.industry-card:hover{transform:translateY(-4px);box-shadow:var(--shadow10)}
.process-section{background:var(--graphite)}.process-section .eyebrow{color:#a9eee8}.process-section .eyebrow:before{background:var(--coral)}.process-section .sectionhead p{color:#bac6c4}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.process-step{border-top:1px solid rgba(255,255,255,.28);padding-top:20px}.process-step span{color:var(--coral);font-size:12px;font-weight:900;letter-spacing:.1em}.process-step h3{color:#fff;margin-top:16px}.process-step p{color:#b9c5c3;font-size:14px}
.story-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.story-card{border:1px solid var(--border);border-radius:20px;padding:28px;background:var(--paper);min-height:360px;display:flex;flex-direction:column}.story-card.featured{background:var(--graphite);border-color:var(--graphite);color:#fff}.story-label{font-size:10px;letter-spacing:.14em;color:var(--coral);font-weight:900}.story-card h3{font-size:25px;margin-top:22px}.story-card.featured h3{color:#fff}.story-card p{font-size:14px}.story-card.featured p{color:#c4d0ce}.story-result{margin-top:auto;border-top:1px solid var(--border);padding-top:18px}.story-card.featured .story-result{border-color:rgba(255,255,255,.18)}.story-result small{display:block;font-size:9px;letter-spacing:.12em;color:var(--stone)}.story-card.featured .story-result small{color:#a9eee8}.story-result strong{display:block;margin-top:5px;color:var(--graphite)}.story-card.featured .story-result strong{color:#fff}
.people-image{background:url('images/collaborative-tech-team-in-a-modern-office.webp') center/cover;min-height:500px}.people-section .btn{margin-top:8px}.faq-section{border-top:1px solid var(--border)}.faq-list{border-top:1px solid var(--border)}.faqitem{padding:21px 0;border-bottom:1px solid var(--border)}.faqitem h3{font-size:16px;color:var(--graphite)}.faqitem p{font-size:14px}
.v10-cta .eyebrow{color:#a9eee8}.v10-cta .eyebrow:before{background:var(--coral)}

/* Re-skin legacy multi-page cards, tables and hero bands without changing content architecture. */
.section.dark{background:var(--graphite)}.section.dark .card{background:#223036;border-color:#ffffff18}.section.dark .card p{color:#c1cecb}.section.dark .iconbox{background:rgba(240,100,69,.12);color:#ff9b84}.svcgrid a{border-color:var(--border);border-radius:18px}.svcgrid a:hover{border-color:rgba(8,127,123,.55)}
@media(max-width:960px){.v10hero-grid{grid-template-columns:1fr}.hub-grid{grid-template-columns:repeat(2,1fr)}.v10-industry{grid-template-columns:repeat(2,1fr)}.process-grid{grid-template-columns:repeat(2,1fr)}.story-grid{grid-template-columns:1fr 1fr}.proof-grid{grid-template-columns:repeat(2,1fr)}.proof-grid>div{border-bottom:1px solid var(--border)}.proof-grid>div:nth-child(2){border-right:0}.v10hero{padding-top:80px}}
@media(max-width:700px){.topbar{display:none}.nav{background:var(--ivory)}.navlinks{background:var(--ivory);border-color:var(--border)}.navlinks a{color:var(--slate)}.mobiletoggle{border-color:var(--border);background:var(--paper);color:var(--graphite)}.v10hero{min-height:0;padding:70px 0 55px}.v10hero .hero-media{background-position:62% center}.v10hero .hero-shade{background:linear-gradient(180deg,rgba(24,33,38,.88),rgba(24,33,38,.72))}.v10hero h1{font-size:clamp(42px,12vw,58px)}.hero-card{min-height:370px}.hub-orbit{height:255px}.hub-orbit:before{width:205px;height:205px}.hub-orbit:after{width:135px;height:135px}.proof-grid{grid-template-columns:1fr 1fr}.proof-grid>div{padding:14px 15px}.proof-grid>div:first-child{padding-left:0}.hub-grid,.v10-industry,.process-grid,.story-grid{grid-template-columns:1fr}.hub-card{min-height:205px}.industry-card{min-height:300px}.story-card{min-height:310px}.section{padding:70px 0}.v10-split{gap:35px}.image-feature,.people-image{min-height:360px}.ctainner{flex-direction:column;align-items:flex-start}}


/* Image-led content refinements: human-side, FAQ and service next-step panels. */
.people-image{background-image:url('images/human-side-consultation.webp');background-position:center;background-size:cover;min-height:420px;border-radius:22px;overflow:hidden;box-shadow:var(--shadow)}
.faq-section{background-image:linear-gradient(90deg,rgba(245,250,253,.88),rgba(245,250,253,.70)),url('images/faq-technology-consultation.webp');background-size:cover;background-position:center;background-repeat:no-repeat}.faq-photo{background-image:url('images/faq-technology-consultation.webp');background-size:contain;background-position:center;background-repeat:no-repeat;background-color:#f5fafd}
.faq-intro{min-width:0}
.faq-photo{width:100%;max-width:440px;aspect-ratio:16/7;border-radius:16px;margin:0 0 22px;background:url('images/faq-technology-consultation.webp') center/cover no-repeat;border:1px solid var(--line);box-shadow:var(--shadow)}
.sidebox-image{display:block;width:100%;aspect-ratio:16/8;object-fit:cover;object-position:center;border-radius:13px;margin:0 0 18px;border:1px solid var(--line)}
.sidebox{overflow:hidden}
@media(max-width:760px){.people-image{min-height:260px}.faq-photo{max-width:none}.sidebox-image{aspect-ratio:16/7}}


/* v26 requested refinements */
.utility-marquee-track span{white-space:nowrap}
.proof-grid>div:nth-child(2) span{max-width:150px}
/* Fixed-size rotating hub nodes: rotate the orbit positions, not the cards themselves. */
.hub-pill{width:142px;min-height:48px;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;transform:translate(-50%,-50%);transition:background .25s,border-color .25s,box-shadow .25s;}
.hub-pill small{display:block;white-space:nowrap}
.technology-partners{padding:20px 24px 24px;border-top:1px solid rgba(255,255,255,.12);margin-top:8px}
.technology-partners>p{font-size:10px;letter-spacing:.16em;font-weight:800;color:#a9eee8;margin:0 0 13px;text-align:center}
.partner-logo-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:9px}
.partner-logo{min-height:42px;padding:8px 6px;display:flex;align-items:center;justify-content:center;text-align:center;background:rgba(255,255,255,.96);color:#173b59;border:1px solid #d9e5ee;border-radius:8px;font-size:11px;font-weight:800;line-height:1.2;box-shadow:0 3px 10px rgba(0,0,0,.08)}
/* Industry descriptions are hidden until hover/focus; images remain the card background. */
.industry-hover{position:relative;overflow:hidden;isolation:isolate;min-height:310px;justify-content:flex-end;background-position:center;background-size:cover;background-repeat:no-repeat;border:1px solid rgba(255,255,255,.35);color:#fff;}
.industry-hover:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(4,20,36,.06) 10%,rgba(4,20,36,.35) 55%,rgba(4,20,36,.9) 100%);transition:background .3s}
.industry-hover>div{position:relative;z-index:1;transform:translateY(14px);transition:transform .3s}
.industry-hover .eyebrow,.industry-hover .cardtitle{color:#fff}
.industry-hover p,.industry-hover .iconbox{opacity:0;max-height:0;overflow:hidden;transition:opacity .25s,max-height .3s;margin-top:0}
.industry-hover .textlink{position:relative;z-index:2;color:#fff;opacity:.92}
.industry-hover:hover:before,.industry-hover:focus-within:before{background:linear-gradient(180deg,rgba(4,20,36,.28),rgba(4,20,36,.86))}
.industry-hover:hover>div,.industry-hover:focus-within>div{transform:translateY(0)}
.industry-hover:hover p,.industry-hover:focus-within p{opacity:1;max-height:180px;margin-top:12px}
.industry-hover:hover .iconbox,.industry-hover:focus-within .iconbox{opacity:1;max-height:60px;margin-bottom:12px}
.industry-hover .cardtitle{margin-bottom:0}
.industry-hover:hover .cardtitle,.industry-hover:focus-within .cardtitle{margin-bottom:8px}
.industry-hover{background-image:linear-gradient(135deg,#123f60,#071a30)}
/* Keep the industry call-to-action visually attached to the footer without a large dead band. */
.cta{margin-bottom:0;padding:48px 0}
.ctainner{gap:24px}
@media(max-width:960px){.partner-logo-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.hub-pill{width:124px}}
@media(max-width:600px){.partner-logo-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.technology-partners{padding:16px 12px}.hub-pill{width:108px;font-size:10px;padding:7px 8px}.industry-hover{min-height:270px}}

/* Technology partner logo cards: consistent sizing, actual logo artwork, accessible labels. */
.partner-logo-grid .partner-logo{min-height:104px;padding:16px 10px;gap:10px;flex-direction:column;justify-content:center;overflow:hidden}
.partner-logo-grid .partner-logo img{display:block;width:auto;max-width:112px;height:32px;object-fit:contain}
.partner-logo-grid .partner-logo span{font-size:11px;font-weight:800;line-height:1.2;color:#173b59}
@media(max-width:600px){.partner-logo-grid .partner-logo{min-height:92px;padding:12px 6px}.partner-logo-grid .partner-logo img{max-width:88px;height:27px}.partner-logo-grid .partner-logo span{font-size:10px}}


/* v30 precision fix: the orbit rings and DigiVista core are fixed; only service cards travel. */
.technology-hub-shell .hub-orbit{height:360px;min-height:360px;position:relative;display:block;isolation:isolate;overflow:visible}
.technology-hub-shell .hub-orbit:before,.technology-hub-shell .hub-orbit:after{content:"";position:absolute;left:50%;top:50%;right:auto;bottom:auto;transform:translate(-50%,-50%);border-radius:50%;pointer-events:none;z-index:0}
.technology-hub-shell .hub-orbit:before{width:250px;height:250px;border:1px solid rgba(255,255,255,.18)}
.technology-hub-shell .hub-orbit:after{width:170px;height:170px;border:1px solid rgba(56,189,180,.32)}
.technology-hub-shell .hub-orbit .hub-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:120px;height:120px;z-index:2}
.technology-hub-shell .hub-orbit .hub-pill{position:absolute;left:50%;top:50%;right:auto;bottom:auto;width:142px;height:54px;min-height:54px;max-height:54px;box-sizing:border-box;border-radius:13px;padding:8px 10px;display:flex;align-items:center;justify-content:center;flex-direction:column;line-height:1.2;white-space:normal;z-index:3;transform:translate(-50%,-50%);overflow:hidden}
.technology-hub-shell .hub-orbit .hub-pill small{font-size:10px;line-height:1.15;margin-top:3px}
.partner-logos .partner-logo img{max-width:150px;width:auto;height:36px;object-fit:contain}
@media(max-width:700px){.technology-hub-shell .hub-orbit{height:270px;min-height:270px}.technology-hub-shell .hub-orbit:before{width:180px;height:180px}.technology-hub-shell .hub-orbit:after{width:122px;height:122px}.technology-hub-shell .hub-orbit .hub-core{width:94px;height:94px}.technology-hub-shell .hub-orbit .hub-pill{width:112px;height:48px;min-height:48px;max-height:48px;font-size:10px;padding:6px 7px}.technology-hub-shell .hub-orbit .hub-pill small{font-size:9px}}


/* Highlighted, consistently aligned social profile icons */
.social-profile-links{display:flex;align-items:center;gap:12px;margin-top:14px;flex-wrap:wrap}
.social-profile-links a.facebook-social,.social-profile-links a.instagram-social,.social-profile-links a.linkedin-social{width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;border:1px solid rgba(255,255,255,.28);border-radius:12px;background:rgba(255,255,255,.08);color:#fff;text-decoration:none;transition:transform .2s ease,background .2s ease,border-color .2s ease,box-shadow .2s ease;box-shadow:0 2px 8px rgba(0,0,0,.12)}
.social-profile-links a.facebook-social svg,.social-profile-links a.instagram-social svg,.social-profile-links a.linkedin-social svg{display:block;width:22px;height:22px}
.social-profile-links a.facebook-social:hover,.social-profile-links a.instagram-social:hover,.social-profile-links a.linkedin-social:hover,.social-profile-links a.facebook-social:focus-visible,.social-profile-links a.instagram-social:focus-visible,.social-profile-links a.linkedin-social:focus-visible{transform:translateY(-3px);background:#1769e0;border-color:#7fb3ff;box-shadow:0 5px 16px rgba(23,105,224,.4);outline:none}
.social-profile-links a.instagram-social:hover{background:#d62976;border-color:#ff8fbd;box-shadow:0 5px 16px rgba(214,41,118,.35)}
.social-profile-links a.linkedin-social:hover{background:#0a66c2;border-color:#77baff;box-shadow:0 5px 16px rgba(10,102,194,.4)}

/* Responsive compatibility patch: phones, iOS Safari, tablets and laptops */
img, picture, video, canvas, svg { max-width:100%; }
img { height:auto; }
.nav { isolation:isolate; }
@media (max-width:700px) {
  .navinner { position:relative; gap:12px; }
  .navlinks { top:100%; max-height:calc(100dvh - 82px); overflow-y:auto; overscroll-behavior:contain; z-index:100; box-shadow:0 16px 30px rgba(7,31,63,.12); }
  .navlinks.open { display:flex; }
  .navlinks .submenu, .navlinks .dropdown, .navlinks .menu-panel, .navlinks .mega-menu { position:static!important; width:100%; max-width:100%; max-height:none; overflow:visible; box-shadow:none; }
  .navlinks a, .navlinks button { max-width:100%; overflow-wrap:anywhere; }
  .servicegrid { grid-template-columns:minmax(0,1fr)!important; gap:28px; }
  .servicegrid > * { min-width:0; }
  .sidebox { position:static!important; top:auto!important; order:0!important; width:100%; min-width:0; overflow-wrap:anywhere; }
  .sidebox-image { display:block!important; width:100%!important; height:auto!important; aspect-ratio:16/9; object-fit:cover; }
  .contentblock { min-width:0; }
  .contentblock h2 { font-size:clamp(25px,7vw,32px); overflow-wrap:break-word; }
  .section, .pagehero, .servicehero { overflow-wrap:anywhere; }
  .grid, .split, .hero-grid { min-width:0; }
}
@media (min-width:701px) and (max-width:1024px) {
  .servicegrid { grid-template-columns:minmax(0,1fr) minmax(260px,330px); gap:28px; }
  .sidebox { position:static; }
  .navinner { gap:14px; }
}
@supports (padding: max(0px)) {
  body { padding-left:env(safe-area-inset-left); padding-right:env(safe-area-inset-right); }
}
