:root{--bg:#07111f;--card:#0d1b2f;--text:#f5f8ff;--muted:#9fb2c9;--brand:#52e0ff;--brand2:#8b5cf6;--line:rgba(255,255,255,.12);--good:#7cf7b7;--warn:#ffd166;--shadow:0 24px 80px rgba(0,0,0,.35);--radius:24px}*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:radial-gradient(circle at 15% 0%,rgba(82,224,255,.18),transparent 28%),radial-gradient(circle at 85% 5%,rgba(139,92,246,.22),transparent 28%),linear-gradient(180deg,var(--bg),#050914 75%);color:var(--text);line-height:1.6}a{color:inherit;text-decoration:none}.wrap{max-width:1180px;margin:0 auto;padding:0 24px}.topbar{position:sticky;top:0;z-index:20;background:rgba(7,17,31,.82);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.nav{display:flex;align-items:center;justify-content:space-between;height:78px;gap:18px}.brand{display:inline-flex;align-items:center;gap:18px;font-weight:850;min-width:max-content}.brand > span:not(.logo-mark){display:flex;flex-direction:column;gap:4px;line-height:1.16;padding-left:2px}.brand small{margin-top:3px}.logo-mark{width:50px;height:50px;padding:0;border:1px solid rgba(82,224,255,.28);border-radius:17px;background:radial-gradient(circle at 28% 20%,rgba(82,224,255,.42),transparent 34%),linear-gradient(135deg,rgba(82,224,255,.18),rgba(139,92,246,.22));box-shadow:0 12px 34px rgba(82,224,255,.12),inset 0 1px 0 rgba(255,255,255,.22);flex:0 0 50px;display:inline-flex;align-items:center;justify-content:center;overflow:hidden}.logo-mark svg{width:34px;height:34px;padding:0;border:0;border-radius:0;background:none;display:block;flex:0 0 auto}.brand small{display:block;color:var(--muted);font-weight:500;font-size:12px}.links{display:flex;gap:10px;align-items:center;font-size:13px;color:#d8eaff;white-space:nowrap}.links a:hover,.footer a:hover,.breadcrumb a:hover{color:var(--brand)}.nav-cta{display:inline-flex;align-items:center;justify-content:center;padding:11px 18px;min-height:42px;border-radius:999px;background:linear-gradient(135deg,var(--brand),var(--brand2));font-weight:850;color:#04101f;white-space:nowrap;line-height:1}.hero{padding:86px 0 44px}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:42px;align-items:center}.eyebrow{color:var(--brand);letter-spacing:.16em;text-transform:uppercase;font-size:12px;font-weight:900}.hero h1,.page-hero h1{font-size:clamp(42px,6vw,72px);line-height:.98;margin:12px 0 22px;letter-spacing:-.06em}.page-hero{padding:58px 0 28px}.lead{font-size:20px;color:#c8d8eb;max-width:860px}.actions{display:flex;gap:14px;flex-wrap:wrap;margin:30px 0}.btn{display:inline-flex;align-items:center;gap:10px;border-radius:999px;padding:13px 18px;border:1px solid var(--line);font-weight:850}.btn.primary{background:linear-gradient(135deg,var(--brand),var(--brand2));color:#04101f;border:0}.btn.ghost{background:rgba(255,255,255,.06)}.btn:hover,.nav-cta:hover{transform:translateY(-1px)}.panel{border:1px solid var(--line);background:linear-gradient(180deg,rgba(255,255,255,.085),rgba(255,255,255,.035));border-radius:var(--radius);box-shadow:var(--shadow);padding:24px;position:relative;overflow:hidden}.panel:before{content:"";position:absolute;inset:-80px -80px auto auto;width:220px;height:220px;background:radial-gradient(circle,rgba(82,224,255,.35),transparent 60%)}.panel>*{position:relative}.terminal{position:relative;background:#050b14;border:1px solid var(--line);border-radius:18px;padding:18px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:#cce7ff}.ok{color:var(--good)}.muted{color:var(--muted)}.metrics{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:18px}.metric{padding:18px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.05)}.metric strong{font-size:23px}.metric span{display:block;color:var(--muted);font-size:13px}.section{padding:64px 0}.section.compact{padding:34px 0}.section h2{font-size:clamp(30px,4vw,48px);line-height:1.05;margin:8px 0 14px;letter-spacing:-.04em}.section-head{max-width:850px;margin-bottom:26px}.section-head p{color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{border:1px solid var(--line);background:rgba(255,255,255,.055);border-radius:20px;padding:22px;min-height:230px;transition:.22s transform,.22s border-color,.22s background;display:block}.card:hover{transform:translateY(-4px);border-color:rgba(82,224,255,.45);background:rgba(255,255,255,.085)}.card svg{width:34px;height:34px;color:var(--brand);margin-bottom:14px}.card h3{margin:0 0 8px;font-size:20px}.card p{color:var(--muted);margin:0 0 16px}.link{color:var(--brand);font-weight:850}.chips{display:flex;gap:10px;flex-wrap:wrap}.chip{padding:8px 12px;border:1px solid var(--line);background:rgba(255,255,255,.06);border-radius:999px;color:#dceaff;font-size:14px}.split{display:grid;grid-template-columns:.9fr 1.1fr;gap:28px;align-items:start}.list{display:grid;gap:12px}.item{display:flex;gap:12px;padding:14px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.045)}.item svg{width:22px;height:22px;color:var(--good);flex:0 0 auto}.cta{margin:54px 0;border:1px solid rgba(82,224,255,.35);background:linear-gradient(135deg,rgba(82,224,255,.14),rgba(139,92,246,.16));border-radius:28px;padding:34px;display:flex;justify-content:space-between;gap:24px;align-items:center}.cta h2{margin:0 0 8px;font-size:32px}.cta p{color:#d8eaff;margin:0}.pricing{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.price-card{border:1px solid var(--line);border-radius:22px;padding:24px;background:rgba(255,255,255,.055)}.price{font-size:34px;font-weight:900;margin:10px 0;color:#fff}.breadcrumb{font-size:13px;color:var(--muted);margin-bottom:18px}.breadcrumb a{color:#dbeaff}.menu-toggle{display:none;background:transparent;border:1px solid var(--line);color:#fff;border-radius:10px;padding:8px 10px}.mobile-panel{display:none}.two-col{columns:2;column-gap:24px}.two-col li{break-inside:avoid;margin-bottom:8px}.footer{border-top:1px solid var(--line);padding:42px 0;background:rgba(0,0,0,.18);color:var(--muted)}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:28px}.footer-bottom{margin-top:30px;font-size:13px;color:#71869f}
.footer .brand{gap:24px;align-items:center;margin-bottom:16px}
.footer .brand > span:not(.logo-mark){padding-left:3px}
.footer p{margin-top:0}
@media(max-width:1120px){.links{gap:8px;font-size:12.5px}.nav-cta{padding:10px 14px}}@media(max-width:1040px){.links{display:none}.menu-toggle{display:block}.mobile-panel.open{display:block;padding:0 24px 22px}.mobile-panel a{display:block;padding:10px;border-bottom:1px solid var(--line);color:#dbeaff}.nav-cta{display:none}}@media(max-width:920px){.hero-grid,.split{grid-template-columns:1fr}.grid,.pricing,.footer-grid{grid-template-columns:1fr 1fr}}@media(max-width:620px){.brand{gap:18px}.brand small{font-size:11px;max-width:220px;white-space:normal}.grid,.pricing,.footer-grid{grid-template-columns:1fr}.cta{display:block}.hero{padding-top:46px}.wrap{padding:0 18px}.metrics{grid-template-columns:1fr}.two-col{columns:1}}

.logo-panel{fill:rgba(255,255,255,.06);stroke:#52e0ff;stroke-width:2.2}.logo-corner,.logo-slash{stroke:#eefbff;stroke-width:4.4;stroke-linecap:round;stroke-linejoin:round}.logo-underline{stroke:#8b5cf6;stroke-width:4;stroke-linecap:round}.logo-mark{background:linear-gradient(135deg,rgba(82,224,255,.16),rgba(139,92,246,.20))}.logo-mark svg{width:36px;height:36px}

/* Fine tune logo tagline spacing in header and footer */
.brand small{padding-right:1.5px;}
.footer .brand small{padding-right:2px;}

/* Consistent global navigation */
.links a{display:inline-flex;align-items:center;min-height:34px}
@media(max-width:1180px){.links{gap:7px;font-size:12px}.nav{gap:12px}.brand{gap:16px}.nav-cta{padding:10px 12px}}

/* Navigation consistency fix: keep the full desktop menu visible on every page */
.nav{min-height:78px;height:auto;overflow:visible}
.links{flex:1 1 auto;min-width:0;justify-content:flex-end;overflow:visible}
.links a{flex:0 0 auto;padding:0 2px}
.links a[href="/development-and-automation/"]{display:inline-flex!important;visibility:visible!important;opacity:1!important;white-space:nowrap}
@media(max-width:1240px){.links{gap:6px;font-size:11.5px}.nav-cta{padding:10px 10px}.brand{gap:14px}.brand small{font-size:11px}}
@media(max-width:1080px){.links{display:none}.menu-toggle{display:block}.mobile-panel.open{display:block;padding:0 24px 22px}.mobile-panel a{display:block;padding:10px;border-bottom:1px solid var(--line);color:#dbeaff}.nav-cta{display:none}}


/* Mega menu: keeps every service category accessible without cramming the top bar */
.links{position:relative;gap:12px;align-items:center;justify-content:flex-end;overflow:visible}
.links a,.nav-dropdown summary{display:inline-flex;align-items:center;min-height:36px;padding:0 4px;color:#d8eaff;cursor:pointer;list-style:none}
.nav-dropdown{position:relative;display:inline-flex;align-items:center}
.nav-dropdown summary::-webkit-details-marker{display:none}
.nav-dropdown summary::after{content:"▾";font-size:11px;margin-left:7px;color:var(--brand)}
.nav-dropdown[open] summary,.nav-dropdown summary:hover,.links a:hover{color:var(--brand)}
.mega-menu{position:absolute;top:46px;left:0;width:360px;display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:16px;border:1px solid var(--line);border-radius:18px;background:rgba(7,17,31,.98);box-shadow:var(--shadow);backdrop-filter:blur(18px);z-index:60}
.mega-menu a{min-height:auto;padding:10px 12px;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:rgba(255,255,255,.045);font-size:13px;line-height:1.25;white-space:normal}
.mega-menu a:hover{border-color:rgba(82,224,255,.45);background:rgba(82,224,255,.08)}
@media(max-width:1240px){.links{gap:8px;font-size:12px}.links a,.nav-dropdown summary{padding:0 2px}.nav-cta{padding:10px 11px}.brand{gap:14px}.brand small{font-size:11px}}
@media(max-width:1110px){.links{display:none}.menu-toggle{display:block}.mobile-panel.open{display:grid;grid-template-columns:1fr 1fr;gap:0;padding:0 24px 22px}.mobile-panel a{display:block;padding:10px;border-bottom:1px solid var(--line);color:#dbeaff}.nav-cta{display:none}}
@media(max-width:620px){.mobile-panel.open{display:block}.mega-menu{width:calc(100vw - 40px);grid-template-columns:1fr}}


/* Five grouped dropdown navigation */
.nav-five{gap:8px;align-items:center;justify-content:flex-end;overflow:visible}
.nav-submenu{position:relative;display:inline-flex;align-items:center}
.nav-submenu summary{display:inline-flex;align-items:center;min-height:36px;padding:0 7px;border-radius:10px;color:#d8eaff;cursor:pointer;list-style:none;font-weight:750;line-height:1;white-space:nowrap}
.nav-submenu summary::-webkit-details-marker{display:none}
.nav-submenu summary::after{content:"▾";font-size:10px;margin-left:6px;color:var(--brand);opacity:.9}
.nav-submenu[open] summary,.nav-submenu summary:hover{background:rgba(255,255,255,.06);color:var(--brand)}
.dropdown-menu{position:absolute;top:44px;left:0;width:285px;max-height:min(72vh,620px);overflow:auto;display:grid;grid-template-columns:1fr;gap:5px;padding:12px;border:1px solid var(--line);border-radius:18px;background:rgba(7,17,31,.98);box-shadow:var(--shadow);backdrop-filter:blur(18px);z-index:80}
.nav-submenu:nth-of-type(4) .dropdown-menu,.nav-submenu:nth-of-type(5) .dropdown-menu{left:auto;right:0}
.dropdown-menu a{display:flex!important;align-items:center;min-height:auto!important;padding:9px 10px!important;border-radius:11px;color:#d8eaff;font-size:13px;line-height:1.25;white-space:normal;background:transparent;border:0}
.dropdown-menu a:hover{background:rgba(82,224,255,.09);color:var(--brand)}
.plain-nav{display:inline-flex;align-items:center;min-height:36px;padding:0 5px!important;font-weight:750;white-space:nowrap}
.mobile-panel.open{max-height:calc(100vh - 78px);overflow:auto}
.mobile-group{padding:12px 0;border-bottom:1px solid var(--line)}
.mobile-group strong{display:block;color:var(--brand);font-size:12px;letter-spacing:.12em;text-transform:uppercase;padding:0 10px 6px}
.mobile-panel .mobile-group a{display:block;padding:8px 10px;border-bottom:0;color:#dbeaff}
.mobile-panel .mobile-group a:hover{color:var(--brand)}
@media(max-width:1220px){.nav-five{gap:4px}.nav-submenu summary{padding:0 5px;font-size:12px}.plain-nav{font-size:12px;padding:0 3px!important}.nav-cta{padding:10px 10px}.brand{gap:12px}.brand small{font-size:11px}}
@media(max-width:1120px){.links{display:none!important}.menu-toggle{display:block}.mobile-panel.open{display:block;padding:0 24px 22px}.nav-cta{display:none}}
@media(max-width:620px){.mobile-panel.open{display:block;padding:0 18px 18px}.mobile-group{padding:10px 0}.mobile-panel .mobile-group a{padding:7px 8px}.brand{gap:12px}}


/* Category-aware five dropdown navigation */
.dropdown-menu a.nav-category-link{
  margin-top:6px;
  margin-bottom:3px;
  padding:10px 11px!important;
  border:1px solid rgba(82,224,255,.18)!important;
  background:linear-gradient(135deg, rgba(82,224,255,.12), rgba(124,92,255,.08))!important;
  color:#ffffff!important;
  font-weight:850!important;
  letter-spacing:.01em;
}
.dropdown-menu a.nav-category-link:first-child{margin-top:0}
.dropdown-menu a.nav-category-link::after{content:"→";margin-left:auto;color:var(--brand);opacity:.9}
.mobile-panel .mobile-group a.mobile-category-link{
  margin-top:7px;
  border:1px solid rgba(82,224,255,.16);
  background:rgba(82,224,255,.07);
  border-radius:12px;
  color:#fff;
  font-weight:850;
}
.mobile-panel .mobile-group a.mobile-category-link:first-of-type{margin-top:2px}

/* Two-row top navigation: all service categories are top-level links, not dropdowns. */
.topbar{overflow:visible}
.primary-links{gap:12px}
.category-top-menu{display:flex;align-items:center;gap:8px;padding-top:0;padding-bottom:12px;overflow-x:auto;scrollbar-width:thin;-webkit-overflow-scrolling:touch}
.category-top-menu a{display:inline-flex;align-items:center;min-height:34px;padding:0 10px;border:1px solid rgba(255,255,255,.10);border-radius:999px;background:rgba(255,255,255,.045);color:#d8eaff;font-size:12px;font-weight:750;white-space:nowrap}
.category-top-menu a:hover{color:var(--brand);border-color:rgba(82,224,255,.38);background:rgba(82,224,255,.07)}
@media(max-width:1180px){.primary-links{display:none}.menu-toggle{display:block}.nav-cta{display:none}.category-top-menu{display:none}.mobile-panel.open{display:block;padding:0 24px 22px;max-height:calc(100vh - 78px);overflow:auto}}
@media(min-width:1181px){.mobile-panel{display:none!important}}

/* Top service category menu spacing and styling fix */
.category-top-menu{
  margin-top:0;
  padding-top:10px;
  padding-bottom:16px;
  gap:10px;
  row-gap:10px;
  flex-wrap:wrap;
  overflow-x:visible;
  align-items:center;
  border-top:1px solid rgba(255,255,255,.06);
}
.category-top-menu a{
  min-height:38px;
  padding:8px 13px;
  line-height:1.15;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06);
}
.category-top-menu a[href="/services/"]{
  border-color:rgba(82,224,255,.25);
  background:linear-gradient(135deg,rgba(82,224,255,.12),rgba(139,92,246,.10));
  color:#fff;
  font-weight:850;
}
@media(max-width:1280px){
  .category-top-menu{gap:8px;row-gap:9px;padding-top:9px;padding-bottom:14px}
  .category-top-menu a{font-size:11.5px;padding:7px 11px;min-height:36px}
}
@media(max-width:1180px){
  .category-top-menu{display:none!important}
}


/* Final top menu refinement: cleaner category navigation across every page */
.topbar{box-shadow:0 10px 36px rgba(0,0,0,.18)}
.nav{border-bottom:1px solid rgba(255,255,255,.055)}
.category-top-menu{
  max-width:1180px;
  margin:0 auto;
  padding:9px 24px 12px;
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  align-items:center;
  gap:4px 6px;
  overflow:visible;
  border-top:0;
  border-bottom:0;
}
.category-top-menu a{
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  min-height:30px;
  padding:6px 9px;
  border-radius:9px;
  color:#b9cbe1;
  font-size:12px;
  font-weight:720;
  letter-spacing:-.01em;
  line-height:1.1;
}
.category-top-menu a:hover{
  color:#fff!important;
  background:rgba(82,224,255,.075)!important;
}
.category-top-menu a[href="/services/"]{
  color:#06111f!important;
  background:linear-gradient(135deg,var(--brand),var(--brand2))!important;
  padding:7px 12px;
  font-weight:850;
}
.category-top-menu a[href="/services/"]:hover{color:#06111f!important;filter:brightness(1.05)}
@media(min-width:1181px){
  .topbar:after{content:"";display:block;height:1px;background:linear-gradient(90deg,transparent,rgba(82,224,255,.18),transparent)}
}
@media(max-width:1180px){.category-top-menu{display:none!important}}


/* Cleaner services navigation: single polished service drawer instead of a crowded category row */
.category-top-menu{display:none!important}
.links.nicer-links{gap:16px;align-items:center;justify-content:flex-end;overflow:visible}
.services-drawer{position:relative;display:inline-flex;align-items:center}
.services-drawer summary{display:inline-flex;align-items:center;min-height:36px;padding:0 7px;border-radius:10px;color:#d8eaff;cursor:pointer;list-style:none;font-weight:750;line-height:1;white-space:nowrap}
.services-drawer summary::-webkit-details-marker{display:none}
.services-drawer summary::after{content:"▾";font-size:10px;margin-left:7px;color:var(--brand);opacity:.9}
.services-drawer[open] summary,.services-drawer summary:hover{background:rgba(255,255,255,.06);color:var(--brand)}
.service-menu-panel{position:absolute;top:46px;right:-210px;width:min(900px,calc(100vw - 48px));padding:18px;border:1px solid rgba(255,255,255,.13);border-radius:22px;background:linear-gradient(180deg,rgba(9,21,38,.99),rgba(5,12,24,.99));box-shadow:0 28px 90px rgba(0,0,0,.48);backdrop-filter:blur(18px);z-index:100}
.service-menu-head{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:0 2px 14px;margin-bottom:14px;border-bottom:1px solid rgba(255,255,255,.09)}
.service-menu-head strong{font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--brand)}
.service-menu-head a{font-size:13px;color:#dff8ff;font-weight:850;padding:0!important;min-height:auto!important}
.service-menu-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.service-card{display:block!important;min-height:96px!important;padding:13px 14px!important;border:1px solid rgba(255,255,255,.09)!important;border-radius:16px;background:rgba(255,255,255,.045);white-space:normal!important;transition:.18s background,.18s border-color,.18s transform;color:#e8f4ff!important}
.service-card:hover{background:rgba(82,224,255,.08);border-color:rgba(82,224,255,.35)!important;transform:translateY(-1px)}
.service-card strong{display:block;font-size:14px;line-height:1.2;margin-bottom:6px;color:#fff}
.service-card span{display:block;font-size:12px;line-height:1.35;color:#9fb2c9;font-weight:500}
@media(max-width:1240px){.links.nicer-links{gap:10px}.service-menu-panel{right:-145px;width:min(820px,calc(100vw - 38px))}.service-menu-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.brand small{font-size:11px}}
@media(max-width:1080px){.links.nicer-links{display:none!important}.menu-toggle{display:block}.nav-cta{display:none}.mobile-panel.open{display:block;padding:0 24px 22px;max-height:calc(100vh - 78px);overflow:auto}}
@media(max-width:620px){.mobile-panel.open{padding:0 18px 18px}.mobile-group{padding:10px 0}.mobile-panel .mobile-group a{padding:7px 8px}.brand{gap:12px}}

/* Fix services drawer card alignment so long category names display like the others */
.service-menu-grid{align-items:stretch;grid-auto-rows:1fr}
.service-card{height:100%!important;display:flex!important;flex-direction:column;justify-content:flex-start;gap:0;overflow:hidden}
.service-card strong{min-height:34px;display:flex;align-items:flex-start;word-break:normal;overflow-wrap:normal;text-wrap:balance}
.service-card span{flex:1;text-wrap:pretty}
@media(max-width:1080px){.service-card strong{min-height:auto}}


/* Final logo text spacing: keep company name and slogan close to the logo */
.brand{gap:6px!important;}
.footer .brand{gap:6px!important;}
.brand > span:not(.logo-mark),
.footer .brand > span:not(.logo-mark){padding-left:0!important;margin-left:0!important;}
.brand small,.footer .brand small{padding-right:0!important;}
@media(max-width:620px){.brand{gap:6px!important;}}

/* Final services drawer consistency fix: every category tile uses the same compact layout. */
.service-menu-panel{
  width:min(940px,calc(100vw - 48px))!important;
}
.service-menu-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:10px!important;
  align-items:stretch!important;
  grid-auto-rows:1fr!important;
}
.service-menu-grid .service-card{
  min-height:108px!important;
  height:100%!important;
  display:grid!important;
  grid-template-rows:auto 1fr!important;
  align-content:start!important;
  padding:14px 15px!important;
  overflow:visible!important;
}
.service-menu-grid .service-card strong{
  display:block!important;
  min-height:34px!important;
  line-height:1.18!important;
  margin:0 0 7px!important;
  font-size:14px!important;
  letter-spacing:0!important;
  text-wrap:normal!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
  color:#fff!important;
}
.service-menu-grid .service-card span{
  display:block!important;
  line-height:1.35!important;
  font-size:12px!important;
  margin:0!important;
  text-wrap:normal!important;
}
@media(max-width:1240px){
  .service-menu-panel{width:min(860px,calc(100vw - 38px))!important;}
  .service-menu-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
@media(max-width:620px){
  .service-menu-grid{grid-template-columns:1fr!important;}
  .service-menu-grid .service-card{min-height:auto!important;}
  .service-menu-grid .service-card strong{min-height:auto!important;}
}

/* Align service drawer text consistently: keep long labels such as Development & Automation left-aligned. */
.service-menu-grid .service-card,
.service-menu-grid .service-card strong,
.service-menu-grid .service-card span{
  text-align:left!important;
  justify-items:start!important;
  align-items:start!important;
}
.service-menu-grid .service-card strong,
.service-menu-grid .service-card span{
  width:100%!important;
}


/* Tighten Services drawer titles/subtext: avoid large title reservation pushing descriptions down. */
.service-menu-grid .service-card{
  min-height:96px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-start!important;
  gap:5px!important;
  padding:13px 15px!important;
}
.service-menu-grid .service-card strong{
  min-height:0!important;
  margin:0!important;
  line-height:1.18!important;
}
.service-menu-grid .service-card span{
  margin:0!important;
  line-height:1.32!important;
  flex:0 0 auto!important;
}


/* Improved case study pages */
.case-hero-card{margin-top:26px;border:1px solid rgba(82,224,255,.28);background:linear-gradient(135deg,rgba(82,224,255,.10),rgba(139,92,246,.12));border-radius:28px;padding:26px;box-shadow:var(--shadow)}
.case-hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:22px;align-items:start}
.case-kicker{color:var(--brand);font-weight:900;letter-spacing:.14em;text-transform:uppercase;font-size:12px;margin-bottom:10px}
.case-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:24px;margin-bottom:10px}
.case-summary .metric{min-height:112px;padding:22px;margin:0}.case-summary .metric strong{font-size:18px;display:block;line-height:1.2}.case-summary .metric span{font-size:13px;color:var(--muted)}
.case-story{display:grid;grid-template-columns:.72fr 1.28fr;gap:24px;align-items:start}.case-sidebar{position:sticky;top:108px}.case-sidebar .card{min-height:auto}.case-section{border:1px solid var(--line);background:rgba(255,255,255,.045);border-radius:22px;padding:24px;margin-bottom:18px}.case-section h2,.case-section h3{margin-top:0}.case-section p{color:#c8d8eb}.case-section ul{margin:10px 0 0;padding-left:20px;color:#c8d8eb}.case-section li{margin-bottom:8px}.outcome-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.outcome-card{border:1px solid var(--line);background:rgba(255,255,255,.055);border-radius:18px;padding:18px}.outcome-card strong{display:block;margin-bottom:6px}.outcome-card span{display:block;color:var(--muted)}
.case-services{display:flex;flex-wrap:wrap;gap:10px}.case-services a{display:inline-flex;border:1px solid var(--line);border-radius:999px;padding:9px 12px;background:rgba(255,255,255,.055);color:#dbeaff;font-weight:750;font-size:13px}.case-services a:hover{border-color:rgba(82,224,255,.45);color:var(--brand)}
.case-card{min-height:310px}.case-card .case-label{color:var(--brand);font-size:12px;letter-spacing:.12em;text-transform:uppercase;font-weight:900;margin-bottom:10px}.case-card h3{font-size:22px}.case-card ul{color:var(--muted);padding-left:18px;margin:12px 0 18px}.case-card li{margin-bottom:6px}
@media(max-width:920px){.case-hero-grid,.case-story{grid-template-columns:1fr}.case-sidebar{position:static}.case-summary,.outcome-grid{grid-template-columns:1fr}.case-summary{gap:16px}}

/* Case study service cards and keyword chips */
.related-case-grid{margin-top:18px}
.case-section .chips{margin-top:16px}
.case-section .chip{margin-bottom:8px}
.case-section .card{height:100%}

/* Case study summary spacing fix */
.case-summary{
  gap:26px !important;
  row-gap:26px !important;
  column-gap:26px !important;
  padding:4px 0 10px;
}
.case-summary .metric{
  margin:0 !important;
  border-radius:18px;
}
@media(max-width:920px){
  .case-summary{
    gap:18px !important;
    row-gap:18px !important;
    padding:2px 0 8px;
  }
}


/* Production readiness: FAQ, pricing notes, legal and contact refinements */
.faq-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:20px}
.faq-card{border:1px solid var(--line);background:rgba(255,255,255,.045);border-radius:20px;padding:20px;box-shadow:0 12px 30px rgba(0,0,0,.12)}
.faq-card h3{margin:0 0 8px;font-size:17px;line-height:1.25;color:#eef7ff}
.faq-card p{margin:0;color:var(--muted);line-height:1.65}
.pricing-note{margin-top:18px;border:1px solid rgba(82,224,255,.24);background:rgba(82,224,255,.07);border-radius:18px;padding:16px 18px;color:#d9ecff;line-height:1.6}
.legal h2{margin-top:26px}.legal h2:first-child{margin-top:0}.legal p{color:var(--muted);line-height:1.7}
.muted{color:var(--muted)}
@media(max-width:820px){.faq-grid{grid-template-columns:1fr}}


/* Pricing page sales improvements */
.pricing-hero .lead{max-width:880px;}
.pricing-alert{align-items:center;}
.price-pill{display:flex;flex-direction:column;align-items:flex-end;justify-content:center;gap:6px;white-space:nowrap;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);border-radius:20px;padding:22px 34px;min-width:230px;text-align:right;box-sizing:border-box;}
.price-pill strong{font-size:3.05rem;line-height:.95;color:#fff;letter-spacing:-.055em;font-weight:950;}
.price-pill span{color:var(--muted);font-size:1.02rem;font-weight:750;}
.price-card.recommended{position:relative;border-color:rgba(83,209,255,.55);box-shadow:0 20px 70px rgba(83,209,255,.11);}
.badge{display:inline-flex;width:max-content;margin-bottom:12px;padding:6px 10px;border-radius:999px;background:rgba(83,209,255,.12);border:1px solid rgba(83,209,255,.35);color:#d8f6ff;font-size:.78rem;font-weight:800;letter-spacing:.02em;}
.tick-list{list-style:none;margin:16px 0 0;padding:0;display:grid;gap:9px;color:var(--muted);}
.tick-list li{position:relative;padding-left:24px;}
.tick-list li:before{content:'✓';position:absolute;left:0;top:0;color:#67e8a6;font-weight:900;}
.muted-card{opacity:.86;}
@media(max-width:720px){.price-pill{align-items:flex-start;width:100%;min-width:0;text-align:left;padding:20px 28px;}.price-pill strong{font-size:2.55rem;}.pricing-alert{gap:18px;}}

/* CTA nowrap fix: keep short calls-to-action such as Contact Us on one line. */
.btn,.nav-cta,.cta .btn,.actions .btn{white-space:nowrap;word-break:keep-all;flex-shrink:0;text-align:center;}
.cta .btn,.actions .btn{min-width:max-content;}
@media(max-width:420px){.actions{align-items:flex-start}.actions .btn,.cta .btn{width:auto;max-width:100%;}}

.currency-card{border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.04)}
.currency-actions{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:.8rem}
.currency-actions button{border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.06);color:inherit;border-radius:999px;padding:.55rem .85rem;font-weight:700;cursor:pointer}
.currency-actions button.active,.currency-actions button:hover{background:rgba(74,222,128,.12);border-color:rgba(74,222,128,.42)}
.international-cta{align-items:center}
.compact-section{padding-top:1.25rem;padding-bottom:1.25rem}


/* Problem guide pages */
.article-body{max-width:920px;margin:0 auto}.article-body h2{margin-top:2.2rem}.article-body h3{margin-top:1.4rem}.article-body pre{background:#06101d;border:1px solid rgba(148,163,184,.22);border-radius:18px;padding:1rem;overflow:auto;color:#dbeafe}.article-body code{font-size:.95em}.guide-meta{display:flex;flex-wrap:wrap;gap:.65rem;margin:1.1rem 0 0}.guide-meta span{border:1px solid rgba(148,163,184,.2);background:rgba(15,23,42,.55);border-radius:999px;padding:.45rem .7rem;color:#b8c6dc}.warning-box{border:1px solid rgba(251,191,36,.3);background:rgba(251,191,36,.08);border-radius:22px;padding:1.15rem;margin:1rem 0}.checklist-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:1.2rem 0}.check-card{border:1px solid rgba(148,163,184,.18);background:rgba(15,23,42,.45);border-radius:20px;padding:1rem}.check-card h3{margin-top:0}.related-guides{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.related-guides a{display:block;border:1px solid rgba(148,163,184,.18);background:rgba(15,23,42,.45);border-radius:18px;padding:1rem;text-decoration:none;color:inherit}.related-guides span{display:block;color:#9fb0c8;margin-top:.35rem}@media(max-width:760px){.checklist-grid,.related-guides{grid-template-columns:1fr}.article-body{max-width:none}}


/* Contact page conversion improvements */
.contact-hero .hero-note{margin-top:14px;color:var(--muted);font-size:.95rem}
.contact-choice-grid{align-items:stretch}
.contact-choice{display:flex;flex-direction:column;gap:10px;text-decoration:none;color:inherit;min-height:220px;transition:transform .18s ease,border-color .18s ease,background .18s ease}
.contact-choice:hover{transform:translateY(-2px);border-color:rgba(122,162,255,.45);background:rgba(255,255,255,.045)}
.choice-kicker{display:inline-flex;width:max-content;border:1px solid rgba(122,162,255,.28);background:rgba(122,162,255,.10);border-radius:999px;padding:5px 10px;color:#cfe0ff;font-size:.78rem;font-weight:700;letter-spacing:.02em}
.contact-choice strong{margin-top:auto;color:#fff;font-size:1.02rem}
.contact-panel-highlight h2 a{word-break:break-word;color:#fff;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.22)}
.contact-template{display:grid;grid-template-columns:1fr;gap:18px;align-items:start;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.10);border-radius:24px;padding:24px;box-shadow:var(--shadow)}
.template-pre{margin:0;border:1px solid rgba(148,163,184,.16);border-radius:18px;background:rgba(6,16,29,.52);padding:18px 20px;white-space:pre-wrap;overflow-wrap:anywhere;font:500 .95rem/1.65 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;color:#d7e3f4}
.contact-template .btn{justify-self:start;white-space:nowrap}
@media (max-width:760px){.contact-template{padding:18px}.template-pre{font-size:.88rem;padding:16px}.contact-template .btn{justify-self:start}}

/* Contact page email card refinement */
.contact-email-card h2{margin-bottom:12px}
.contact-email-card p{max-width:56ch}
.email-link-pill{display:inline-flex;align-items:center;max-width:100%;margin:8px 0 18px;padding:11px 14px;border:1px solid rgba(82,224,255,.24);border-radius:14px;background:rgba(82,224,255,.075);color:#eafaff!important;text-decoration:none;font-weight:800;word-break:break-word;box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}
.email-link-pill:hover{border-color:rgba(82,224,255,.45);background:rgba(82,224,255,.12)}
@media(max-width:620px){.email-link-pill{font-size:.92rem;padding:10px 12px}}

/* Emergency price display fix */
.price-pill .emergency-rate{font-size:3.15rem;line-height:.9;color:#fff;letter-spacing:-.055em;font-weight:950;display:flex;align-items:baseline;gap:4px;max-width:100%;}
.price-pill .emergency-rate .currency-price{font:inherit;color:inherit;letter-spacing:inherit;}
.price-pill .emergency-rate .rate-unit{font-size:.43em;line-height:1;color:#d8eaff;font-weight:850;letter-spacing:-.025em;}
.price-pill .minimum-note{color:var(--muted);font-size:1.02rem;font-weight:750;}
@media(max-width:720px){.price-pill .emergency-rate{font-size:2.6rem;}}

/* Contact form */
.contact-form{display:grid;gap:14px;margin-top:22px}
.contact-form label{display:grid;gap:7px;color:#d8eaff;font-weight:800;font-size:14px}
.contact-form input,.contact-form select,.contact-form textarea{width:100%;border:1px solid rgba(255,255,255,.14);border-radius:14px;background:rgba(5,11,20,.72);color:#f5f8ff;padding:13px 14px;font:inherit;outline:none}
.contact-form textarea{resize:vertical;min-height:150px}
.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:rgba(82,224,255,.65);box-shadow:0 0 0 4px rgba(82,224,255,.10)}
.contact-form input::placeholder,.contact-form textarea::placeholder{color:#7f95ad}
.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.form-note{color:var(--muted);font-size:13px;margin:2px 0 0}
.contact-honeypot{display:none!important}
@media (max-width:760px){.form-grid{grid-template-columns:1fr}.contact-form .btn{width:100%;justify-content:center}}
.form-status{border:1px solid rgba(255,255,255,.14);border-radius:16px;padding:14px 16px;font-weight:800;line-height:1.45}
.form-status.success{background:rgba(45,212,191,.12);border-color:rgba(45,212,191,.35);color:#b7fff4}
.form-status.pending{background:rgba(82,224,255,.10);border-color:rgba(82,224,255,.28);color:#dff9ff}
.form-status.error{background:rgba(255,93,93,.12);border-color:rgba(255,93,93,.35);color:#ffd7d7}
.contact-form button[disabled]{opacity:.72;cursor:wait}

/* Header brand alignment after removing top slogan */
.topbar .brand > span:not(.logo-mark){padding-top:4px!important;}