/* ikjimpx - Light modern theme (Techverx-inspired layout, original styling/content) */
:root{
  --bg:#ffffff;
  --text:#0b1220;
  --muted:#5b667a;
  --border:#e6eaf2;
  --primary:#1d4ed8;
  --primary2:#2563eb;
  --brand-green:#9bc53d;
  --brand-green-dark:#6f9f1d;
  --brand-green-ink:#18310a;
  --nav:#0b1220;
  --shadow: 0 18px 45px rgba(11,18,32,.14);
  --shadow2: 0 10px 26px rgba(11,18,32,.10);
  --radius: 22px;
  --radius-lg: 28px;
}

*{ box-sizing:border-box; }
html,body{ height:100%; }
body{
  margin:0;
  font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji","Segoe UI Emoji";
  color:var(--text);
  background: var(--bg);
  line-height:1.55;
}

a{ color:inherit; text-decoration:none; }
img{ max-width:100%; display:block; }
.sr-only{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  padding:0!important;
  margin:-1px!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;
  border:0!important;
}

.container{ width:min(1220px, calc(100% - 48px)); margin:0 auto; }

/* Buttons */
.btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:.55rem;
  padding:.95rem 1.35rem;
  border-radius: 999px;
  border:1px solid rgba(230,234,242,.9);
  background:#fff;
  color: var(--text);
  font-weight:700;
  transition: transform .12s ease, box-shadow .12s ease, background .12s ease, border-color .12s ease, color .12s ease;
}
.btn:hover{ transform: translateY(-1px); box-shadow: var(--shadow2); border-color: rgba(29,78,216,.25); }
.btn:active{ transform: translateY(0); }
.btn-primary{
  border-color: transparent;
  color:#fff;
  background: linear-gradient(180deg, #0b3aa8, var(--primary2));
  box-shadow: 0 20px 44px rgba(37,99,235,.22);
}
.btn-primary:hover{ box-shadow: 0 26px 52px rgba(37,99,235,.26); }
.btn-sm{ padding:.68rem 1.05rem; font-size:.94rem; }

/* Header */
.site-header{
  position: sticky;
  top:0;
  z-index: 90;
  background: rgba(255,255,255,.92);
  border-bottom: 1px solid rgba(230,234,242,.95);
  backdrop-filter: blur(10px);
}
.head-inner{
  display:flex;
  align-items:center;
  gap:22px;
  padding: 14px 0;
}
.brand{
  display:flex;
  align-items:center;
  min-width: 180px;
}
.brand-logo{ height:72px; width:auto; max-width:260px; object-fit:contain; }
.brand-text{ display:none; }

/* Header logo responsive */
@media (max-width: 980px){
  .brand-logo{ height:56px; }
}

.nav-toggle{
  display:none;
  width:44px; height:44px;
  border-radius: 14px;
  border:1px solid rgba(230,234,242,.95);
  background:#fff;
}
.nav-toggle span{ display:block; height:2px; background:#0b1220; margin:7px 10px; border-radius:2px; opacity:.85; }

.site-nav{
  display:flex;
  align-items:center;
  flex: 1;
  gap: 16px;
}
.nav{
  list-style:none;
  padding:0;
  margin:0 auto; /* center */
  display:flex;
  align-items:center;
  gap: 26px;
}
.nav-cta{ margin-left:auto; }

/* Header consultation CTA - IKJIMPEX brand green */
.nav-cta-button{
  min-width: 152px;
  min-height: 46px;
  padding: .76rem 1.18rem;
  border: 1px solid rgba(77,118,12,.34);
  color: var(--brand-green-ink);
  background: linear-gradient(135deg, #b5dc55 0%, var(--brand-green) 52%, #84b72b 100%);
  box-shadow: 0 14px 30px rgba(117,159,29,.24);
  font-weight: 800;
  letter-spacing: -.01em;
  white-space: nowrap;
}
.nav-cta-button:hover{
  color:#102604;
  border-color: rgba(77,118,12,.48);
  background: linear-gradient(135deg, #c0e565 0%, #a6cf43 52%, #8abd2d 100%);
  box-shadow: 0 18px 38px rgba(117,159,29,.31);
}
.nav-cta-button:focus-visible{
  outline: 3px solid rgba(155,197,61,.34);
  outline-offset: 3px;
}
.nav-cta-icon{
  width: 18px;
  height: 18px;
  flex: 0 0 18px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.9;
  stroke-linecap: round;
  stroke-linejoin: round;
}


.nav-item{ position:relative; }

/* Keep the pointer inside the menu item while it crosses the visual gap
   between the top-level link and its dropdown panel. */
.nav-item.has-drop::after{
  content:"";
  position:absolute;
  z-index:118;
  left:-18px;
  right:-18px;
  top:100%;
  height:22px;
  pointer-events:auto;
}

.nav-link{
  display:inline-flex;
  align-items:center;
  gap:10px;
  color: rgba(11,18,32,.82);
  font-weight:600;
  padding: 10px 6px;
  letter-spacing:-.01em;
}
.nav-item.is-active > .nav-link{ color: var(--primary); }
.chev{ opacity:.65; font-size:.82rem; transform: translateY(-1px); }

/* Dropdown panels */
.nav-drop{
  position:absolute;
  z-index:120;
  top: calc(100% + 12px);
  left: 50%;
  transform: translate(-50%, 8px);
  width: min(920px, calc(100vw - 56px));
  background:#fff;
  border: 2px solid rgba(29,78,216,.32);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow);
  padding: 18px 18px;
  display:block;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:
    opacity .16s ease,
    transform .16s ease,
    visibility 0s linear .20s;
}
.nav-drop--mini{
  width: min(360px, calc(100vw - 56px));
  padding: 14px 12px;
}

/* Desktop: hover, keyboard focus and the JS delayed-open state all keep
   the panel interactive. */
.nav-item.has-drop:hover > .nav-drop,
.nav-item.has-drop:focus-within > .nav-drop,
.nav-item.has-drop.is-hover-open > .nav-drop,
.nav-item.has-drop.is-open > .nav-drop{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  transform: translate(-50%, 0);
  transition-delay:0s;
}

.drop-list{
  list-style:none;
  padding:0;
  margin:0;
  display:flex;
  flex-direction:column;
  gap: 8px;
}
.drop-link{
  display:block;
  padding: 12px 14px;
  border-radius: 18px;
  font-weight:600;
  color: rgba(11,18,32,.80);
  transition: background .12s ease, color .12s ease, border-color .12s ease;
}
.drop-link:hover{ background: rgba(29,78,216,.06); color: var(--primary); }
.drop-link.is-active{ background: rgba(29,78,216,.08); color: var(--primary); }

.mega-grid{
  display:grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
}
.mega-col{
  padding: 6px 6px;
}
.mega-title{
  font-size: 1.65rem;
  letter-spacing:-.02em;
  font-weight: 500;
  color: rgba(11,18,32,.78);
  margin: 6px 6px 10px;
}
.mega-title--link{ display:inline-flex; }
.mega-list{
  list-style:none;
  padding:0;
  margin:0;
  display:flex;
  flex-direction:column;
  gap: 8px;
}
.mega-link{
  display:block;
  padding: 10px 12px;
  border-radius: 18px;
  font-weight: 600;
  color: rgba(11,18,32,.72);
}
.mega-link:hover{ background: rgba(29,78,216,.06); color: var(--primary); }
.mega-link.is-active{ background: rgba(29,78,216,.08); color: var(--primary); }

@media (max-width: 980px){
  .nav-toggle{ display:block; margin-left:auto; }
  .site-nav{
    position: fixed;
    left:0; right:0;
    top: 76px;
    background: rgba(255,255,255,.98);
    border-bottom: 1px solid rgba(230,234,242,.95);
    padding: 16px 22px 22px;
    display:none;
    flex-direction:column;
    align-items:stretch;
  }
  body.nav-open .site-nav{ display:flex; }
  .nav{ margin:0; flex-direction:column; align-items:stretch; gap: 10px; }
  .nav-link{
    width:100%;
    justify-content:space-between;
    padding: 14px 14px;
    border-radius: 18px;
    border:1px solid rgba(230,234,242,.95);
    background: #fff;
  }
  .nav-cta{ margin: 10px 0 0; }
  .nav-cta-button{ width:100%; min-height:50px; }
  .nav-item.has-drop::after{ display:none; }
  .nav-drop{
    position: static;
    transform: none !important;
    width: 100%;
    margin-top: 8px;
    border-width: 1px;
    border-radius: 18px;
    box-shadow: none;
    display:none;
    opacity:1;
    visibility:visible;
    pointer-events:auto;
    transition:none;
  }
  .nav-item.has-drop.is-open > .nav-drop{ display:block; }
  .mega-grid{ grid-template-columns: 1fr; }
}

/* Hero cover (dark, like Techverx; light site overall) */
.hero-cover{
  position:relative;
  min-height: 72vh;
  overflow:hidden;
}
.hero-slide{
  position:absolute;
  inset:0;
  display:none;
}
.hero-slide.is-active{ display:block; }
.hero-bg{
  position:absolute;
  inset:0;
  background-size:cover;
  background-position:center;
  transform: scale(1.02);
}
.hero-overlay{
  position:absolute;
  inset:0;
  background: radial-gradient(900px 420px at 50% 40%, rgba(255,255,255,.12), transparent 60%),
              linear-gradient(180deg, rgba(7,18,44,.72), rgba(7,18,44,.86));
}
.hero-content{
  position:relative;
  z-index:2;
  min-height: 72vh;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  padding: 72px 0 56px;
}
.hero-title{
  margin:0;
  font-weight: 500;
  letter-spacing:-.03em;
  font-size: clamp(2.3rem, 4.8vw, 4.3rem);
  color:#fff;
  line-height:1.08;
}
.hero-sub{
  margin: 14px 0 0;
  max-width: 68ch;
  color: rgba(255,255,255,.88);
  font-size: 1.05rem;
}
.hero-actions{
  margin-top: 26px;
  display:flex;
  gap: 12px;
  flex-wrap:wrap;
  justify-content:center;
}
.hero-brands{
  margin-top: 36px;
  display:flex;
  gap: 18px;
  flex-wrap:wrap;
  align-items:center;
  justify-content:center;
  opacity: .96;
}
.hero-brand{
  display:inline-flex;
  align-items:center;
  gap: 10px;
  padding: 8px 12px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.16);
  color: rgba(255,255,255,.92);
  font-weight:700;
  font-size:.95rem;
  background: rgba(255,255,255,.06);
}

/* Partners row in hero */
.hero-logos{
  margin-top: 18px;
  display:flex;
  gap: 14px;
  flex-wrap:wrap;
  justify-content:center;
  align-items:center;
  opacity: .96;
}
.hero-logo-wrap{
  display:inline-flex;
  align-items:center;
  gap: 10px;
  padding: 8px 12px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.14);
  background: rgba(255,255,255,.04);
  color: rgba(255,255,255,.90);
  text-decoration:none;
}
.hero-logo-wrap:hover{ background: rgba(255,255,255,.08); }
.hero-logo{
  height: 24px;
  width: auto;
  display:block;
  filter: grayscale(1) contrast(1.05);
  opacity: .92;
}
.hero-logo-text{ font-weight:800; font-size: .92rem; letter-spacing: .01em; }

.hero-dots{
  position:absolute;
  left:0; right:0;
  bottom: 18px;
  z-index:3;
  display:flex;
  justify-content:center;
  gap: 10px;
}
.hero-dot{
  width: 10px; height: 10px;
  border-radius: 99px;
  border: 1px solid rgba(255,255,255,.55);
  background: rgba(255,255,255,.18);
}
.hero-dot.is-active{ background:#fff; }

/* Page layout */
.page-head{
  padding: 44px 0 18px;
}
.page-head h1{ margin:0; font-size: clamp(1.9rem, 2.8vw, 2.5rem); letter-spacing:-.02em; }
.prose{ color: rgba(11,18,32,.86); }
.prose p{ color: rgba(11,18,32,.74); }
.prose a{ color: var(--primary); text-decoration: underline; text-decoration-thickness: 2px; text-underline-offset: 3px; }


/* Welcome introduction */
.welcome-intro{
  max-width: 980px;
  margin: 0 auto;
  text-align: center;
}
.welcome-eyebrow{
  display:inline-flex;
  padding:7px 12px;
  border-radius:999px;
  color:var(--primary);
  background:rgba(29,78,216,.08);
  border:1px solid rgba(29,78,216,.14);
  font-size:.82rem;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.welcome-title{
  margin:18px auto 0;
  max-width:18ch;
  font-size:clamp(2rem,4vw,3.5rem);
  line-height:1.08;
  letter-spacing:-.04em;
}
.welcome-lead{
  margin:20px auto 0;
  max-width:78ch;
  color:rgba(11,18,32,.72);
  font-size:clamp(1.05rem,1.4vw,1.22rem);
  line-height:1.8;
}

/* Sections */
.section{ padding: 70px 0; }
.section.sm{ padding: 44px 0; }
.section-title{ margin:0; font-size: clamp(1.5rem, 2.2vw, 2.0rem); letter-spacing:-.02em; }
.section-lead{ margin: 10px 0 0; color: rgba(11,18,32,.70); max-width: 72ch; }

.grid-2{ display:grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 26px; }
.grid-3{ display:grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 26px; }
@media (max-width: 980px){
  .grid-2, .grid-3{ grid-template-columns: 1fr; }
}

/* Rail section (Engagement Models style) */
.rail{
  display:grid;
  grid-template-columns: 1fr 1.4fr;
  gap: 30px;
  align-items:start;
}
@media (max-width: 980px){ .rail{ grid-template-columns:1fr; } }

.rail-left{
  position:relative;
  padding-left: 20px;
}
.rail-left:before{
  content:'';
  position:absolute;
  left: 0;
  top: 2px;
  bottom: 2px;
  width:2px;
  background: rgba(29,78,216,.35);
  border-radius: 99px;
}
.rail-kicker{
  display:inline-flex;
  width: 16px;
  height: 16px;
  border-radius: 99px;
  background: var(--primary2);
  margin-left: -28px;
  margin-right: 12px;
  box-shadow: 0 8px 18px rgba(37,99,235,.25);
}
.rail-title{
  display:flex;
  align-items:center;
  gap: 10px;
  font-size: 2.1rem;
  letter-spacing:-.02em;
  font-weight:500;
  color: rgba(11,18,32,.78);
  margin: 0;
}
.rail-text{
  margin: 10px 0 0;
  color: rgba(11,18,32,.66);
  max-width: 42ch;
}
.rail-subhead{
  margin: 36px 0 0;
  font-size: 1.9rem;
  font-weight: 500;
  letter-spacing:-.02em;
  color: rgba(11,18,32,.26);
}

.card{
  border: 1px solid rgba(11,18,32,.20);
  border-radius: var(--radius);
  padding: 26px 26px;
  background:#fff;
  transition: transform .12s ease, box-shadow .12s ease;
}
.card:hover{ transform: translateY(-2px); box-shadow: var(--shadow2); }
.card-title{
  font-size: 1.45rem;
  letter-spacing:-.02em;
  font-weight:500;
  color: rgba(11,18,32,.78);
  margin:0;
}
.card-link{
  display:inline-block;
  margin-top: 16px;
  color: rgba(11,18,32,.55);
  text-decoration: underline;
  text-underline-offset: 4px;
}

.cards-2x2{
  display:grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 26px;
}
@media (max-width: 980px){ .cards-2x2{ grid-template-columns:1fr; } }

/* Contact */
.form{ display:grid; gap: 14px; max-width: 720px; }
label{ font-weight:700; }
.input, textarea{
  width:100%;
  padding: 12px 14px;
  border-radius: 16px;
  border: 1px solid rgba(230,234,242,.95);
  background: #fff;
  outline:none;
}
.input:focus, textarea:focus{
  border-color: rgba(29,78,216,.35);
  box-shadow: 0 0 0 6px rgba(29,78,216,.12);
}
.flash{ padding: 12px 14px; border-radius: 16px; border:1px solid rgba(230,234,242,.95); background: rgba(11,18,32,.03); }
.flash.ok{ border-color: rgba(16,185,129,.35); background: rgba(16,185,129,.08); }
.flash.err{ border-color: rgba(239,68,68,.35); background: rgba(239,68,68,.08); }

/* Footer */
.site-footer{
  margin-top: 64px;
  background:#0b1220;
  color: rgba(255,255,255,.92);
  border-top: 1px solid rgba(255,255,255,.08);
}

.footer-top{
  display:grid;
  grid-template-columns: 1.15fr .9fr .95fr;
  column-gap: 84px;
  row-gap: 28px;
  padding: 56px 0 34px;
  align-items:start;
}

.foot-col{ display:flex; flex-direction:column; gap: 10px; min-width:0; }
.foot-brand{ display:flex; flex-direction:column; gap: 12px; }
.foot-brand a{ display:inline-flex; align-items:center; gap: 12px; }
@media (max-width: 820px){
  .footer-top{ grid-template-columns:1fr; padding: 44px 0 22px; row-gap: 22px; column-gap: 0; }
  .footer-bottom{ flex-direction:column; align-items:flex-start; gap: 12px; }
  .footer-bottom .legal{ margin-left:0; }
}

.foot-logo{
  width:auto;
  max-width:180px;
  max-height:48px;
  object-fit:contain;
  display:block;
  opacity:.98;
  filter:drop-shadow(0 10px 22px rgba(0,0,0,.25));
}

.foot-title{
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
  font-size: .82rem;
  color: rgba(255,255,255,.86);
  margin: 4px 0 10px;
}

.foot-text{
  color: rgba(255,255,255,.72);
  font-size: .98rem;
  line-height: 1.7;
  max-width: 54ch;
}

.foot-links{
  display:grid;
  gap: 10px;
  margin-top: 14px;
}
.foot-links a{
  color: rgba(255,255,255,.74);
  font-weight: 650;
  letter-spacing:-.01em;
}
.foot-links a:hover{ color:#fff; }


/* Bottom right cluster: social icons + legal */
.footer-right{
  display:flex;
  align-items:center;
  gap: 16px;
  flex-wrap:wrap;
  justify-content:flex-end;
}
.footer-social{ display:flex; align-items:center; gap: 10px; }
.social-icon{
  width: 36px;
  height: 36px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.16);
  background: rgba(255,255,255,.06);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color: rgba(255,255,255,.90);
  transition: transform .12s ease, background .12s ease, border-color .12s ease;
}
.social-icon:hover{
  transform: translateY(-1px);
  background: rgba(255,255,255,.10);
  border-color: rgba(255,255,255,.24);
}
.social-icon svg{ width: 18px; height: 18px; display:block; }

.footer-bottom{
  border-top: 1px solid rgba(255,255,255,.08);
  padding: 18px 0;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: 14px;
  flex-wrap:wrap;
}
.footer-bottom .copy{
  color: rgba(255,255,255,.70);
  font-size: .95rem;
  font-weight: 650;
}
.footer-bottom .legal{
  display:flex;
  gap: 12px;
  flex-wrap:wrap;
  align-items:center;
}
.footer-bottom .legal a{
  color: rgba(255,255,255,.70);
  font-size: .95rem;
  font-weight: 650;
}
.footer-bottom .legal a:hover{ color:#fff; }

a.card{ color: inherit; text-decoration:none; display:block; }

@media (max-width:820px){
  .footer-right{justify-content:flex-start;}
  .brand-logo{height:54px;max-width:220px;}
}


/* Compatibility and content typography */
.lead{margin:10px 0 0;color:rgba(11,18,32,.68);font-size:1.08rem;}
.title{font-size:1.35rem;font-weight:800;letter-spacing:-.02em;color:var(--text);}
.text,.card-text{margin-top:8px;color:rgba(11,18,32,.68);line-height:1.7;}
.btn.primary{border-color:transparent;color:#fff;background:linear-gradient(180deg,#0b3aa8,var(--primary2));box-shadow:0 20px 44px rgba(37,99,235,.22);}
.welcome-intro .hero-actions .btn:not(.btn-primary){background:#fff;color:var(--text);border-color:rgba(29,78,216,.18);}
.foot-brand{display:inline-flex;align-items:center;width:max-content;max-width:100%;}
.site-footer .foot-logo{width:auto!important;max-width:180px!important;max-height:48px!important;height:auto!important;}

/* =========================================================
   IKJIMPEX MODERN HOMEPAGE — v9
   Scoped with hp-* classes to preserve all existing CMS pages.
   ========================================================= */
.site-main{overflow:hidden;}
.hp-eyebrow{
  display:inline-flex;
  align-items:center;
  gap:9px;
  margin-bottom:16px;
  color:#2c54d7;
  font-size:.78rem;
  line-height:1;
  font-weight:850;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.hp-eyebrow:before{
  content:"";
  width:28px;
  height:2px;
  border-radius:999px;
  background:linear-gradient(90deg,#2d61ec,#83d44f);
}
.hp-eyebrow--light{color:rgba(255,255,255,.78);}
.hp-eyebrow--light:before{background:linear-gradient(90deg,#fff,#a6ee65);}
.hp-section-heading h2,
.hp-intro-copy h2,
.hp-process-copy h2,
.hp-industries-inner h2,
.hp-final-cta h2{
  margin:0;
  color:#0b1730;
  font-size:clamp(2.05rem,4vw,3.55rem);
  line-height:1.08;
  letter-spacing:-.045em;
  font-weight:700;
}
.hp-section-heading p,
.hp-intro-copy>p,
.hp-process-copy>p{
  margin:18px 0 0;
  color:#60708a;
  font-size:clamp(1rem,1.3vw,1.13rem);
  line-height:1.8;
}
.hp-section-heading--split{
  display:grid;
  grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);
  gap:56px;
  align-items:end;
  margin-bottom:38px;
}
.hp-section-heading--split>p{margin:0;max-width:50ch;justify-self:end;}
.hp-section-heading--center{text-align:center;max-width:850px;margin:0 auto 42px;}
.hp-section-heading--center p{max-width:68ch;margin:18px auto 0;}
.hp-text-link{
  display:inline-flex;
  align-items:center;
  gap:9px;
  color:#173ec4;
  font-weight:800;
  text-decoration:none;
  transition:gap .2s ease,color .2s ease;
}
.hp-text-link:hover{gap:14px;color:#72bd3b;}

/* Hero refinements */
.hp-hero-kicker{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding:9px 14px;
  margin-bottom:24px;
  border:1px solid rgba(255,255,255,.2);
  border-radius:999px;
  background:rgba(255,255,255,.08);
  color:rgba(255,255,255,.86);
  font-size:.78rem;
  font-weight:800;
  letter-spacing:.09em;
  text-transform:uppercase;
  backdrop-filter:blur(12px);
}
.hp-hero-kicker:before{content:"";width:8px;height:8px;border-radius:50%;background:#8ddd4f;box-shadow:0 0 0 5px rgba(141,221,79,.15);}
.hero-content{padding-top:76px;padding-bottom:76px;}
.hero-title{max-width:1000px;font-weight:650;text-wrap:balance;}
.hero-sub{max-width:760px;font-size:clamp(1rem,1.4vw,1.18rem);line-height:1.75;text-wrap:balance;}
.hp-hero-primary{background:linear-gradient(135deg,#89dc4e,#61be36);color:#0b2a10;border-color:transparent;box-shadow:0 20px 45px rgba(104,196,58,.28);}
.hp-hero-primary:hover{background:linear-gradient(135deg,#9aeb60,#6dcc3f);color:#071f0b;box-shadow:0 25px 55px rgba(104,196,58,.34);}
.hp-hero-secondary{background:rgba(255,255,255,.1);color:#fff;border-color:rgba(255,255,255,.25);backdrop-filter:blur(12px);}
.hp-hero-secondary:hover{background:#fff;color:#102044;border-color:#fff;}
.hp-brand-dot{width:7px;height:7px;border-radius:50%;background:#8ddd4f;box-shadow:0 0 0 4px rgba(141,221,79,.12);}
.hero-dot{padding:0;cursor:pointer;}

/* Intro with product illustration */
.hp-intro{position:relative;padding-top:96px;padding-bottom:98px;background:linear-gradient(180deg,#fff 0%,#f8faff 100%);}
.hp-intro:before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(45,97,236,.08) 1px,transparent 1px);background-size:26px 26px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.45),transparent 72%);pointer-events:none;}
.hp-intro-grid{position:relative;display:grid;grid-template-columns:minmax(0,.9fr) minmax(520px,1.1fr);gap:80px;align-items:center;}
.hp-intro-copy{max-width:620px;}
.hp-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-top:30px;}
.hp-capability-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:34px;}
.hp-capability-row span{display:inline-flex;align-items:center;gap:8px;padding:10px 13px;border-radius:999px;background:#fff;border:1px solid #e2e8f3;color:#46556f;font-size:.86rem;font-weight:750;box-shadow:0 10px 26px rgba(20,43,83,.06);}
.hp-capability-row span:before{content:"✓";display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:#eaf9dc;color:#55a92e;font-size:.72rem;font-weight:950;}
.hp-intro-visual{position:relative;min-height:520px;display:grid;place-items:center;isolation:isolate;}
.hp-intro-visual>img{position:relative;z-index:2;width:100%;border-radius:34px;box-shadow:0 38px 90px rgba(16,38,82,.2);transform:rotate(1deg);}
.hp-visual-glow{position:absolute;border-radius:50%;filter:blur(12px);z-index:0;}
.hp-visual-glow--one{width:290px;height:290px;right:-40px;top:-40px;background:rgba(128,218,76,.22);}
.hp-visual-glow--two{width:340px;height:340px;left:-70px;bottom:-65px;background:rgba(62,102,239,.18);}
.hp-floating-card{position:absolute;z-index:3;display:flex;flex-direction:column;gap:3px;min-width:178px;padding:15px 18px;border:1px solid rgba(255,255,255,.55);border-radius:17px;background:rgba(255,255,255,.88);box-shadow:0 20px 50px rgba(19,42,79,.16);backdrop-filter:blur(18px);}
.hp-floating-card strong{color:#102044;font-size:.9rem;}.hp-floating-card span{color:#748197;font-size:.78rem;}
.hp-floating-card--top{top:26px;right:-30px}.hp-floating-card--bottom{left:-34px;bottom:34px}

/* Proof strip */
.hp-proof-strip{position:relative;z-index:4;margin-top:-28px;}
.hp-proof-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));background:#0b1834;border:1px solid rgba(255,255,255,.08);border-radius:26px;box-shadow:0 30px 70px rgba(7,24,54,.22);overflow:hidden;}
.hp-proof-grid article{display:flex;gap:15px;align-items:flex-start;padding:25px 24px;border-right:1px solid rgba(255,255,255,.1);}
.hp-proof-grid article:last-child{border-right:0;}
.hp-proof-icon{display:grid;place-items:center;flex:0 0 auto;width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,#91e454,#57b832);color:#0a2810;font-size:.75rem;font-weight:950;}
.hp-proof-grid strong{display:block;color:#fff;font-size:.93rem;letter-spacing:-.01em;}.hp-proof-grid small{display:block;margin-top:5px;color:rgba(255,255,255,.6);font-size:.78rem;line-height:1.5;}

/* Engagement models */
.hp-engagement-section{padding-top:112px;background:#fff;}
.hp-engagement-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;}
.hp-engagement-card{position:relative;min-height:310px;padding:28px;border-radius:27px;overflow:hidden;transition:transform .22s ease,box-shadow .22s ease;isolation:isolate;}
.hp-engagement-card:before{content:"";position:absolute;right:-70px;bottom:-70px;width:220px;height:220px;border-radius:50%;background:rgba(255,255,255,.28);z-index:-1;}
.hp-engagement-card:hover{transform:translateY(-8px);box-shadow:0 28px 60px rgba(24,49,91,.16);}
.hp-tone-azure{background:linear-gradient(145deg,#e4efff,#c8ddff);color:#163d8c;}
.hp-tone-violet{background:linear-gradient(145deg,#f0e8ff,#d9c6ff);color:#4b278f;}
.hp-tone-amber{background:linear-gradient(145deg,#fff2d9,#ffdf9d);color:#80520a;}
.hp-tone-emerald{background:linear-gradient(145deg,#e6f9dd,#c5edae);color:#285d18;}
.hp-engagement-icon{display:grid;place-items:center;width:54px;height:54px;border-radius:17px;background:rgba(255,255,255,.65);box-shadow:inset 0 0 0 1px rgba(255,255,255,.5);}
.hp-engagement-icon svg{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;}
.hp-card-number{position:absolute;top:30px;right:28px;font-size:.75rem;font-weight:950;letter-spacing:.12em;opacity:.55;}
.hp-engagement-card h3{margin:34px 0 12px;font-size:1.45rem;letter-spacing:-.035em;}.hp-engagement-card p{margin:0;max-width:31ch;font-size:.93rem;line-height:1.7;opacity:.78;}
.hp-card-arrow{position:absolute;left:28px;bottom:26px;display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,.65);font-size:1.15rem;transition:transform .2s ease;}.hp-engagement-card:hover .hp-card-arrow{transform:translate(4px,-4px);}

/* Services with imagery */
.hp-services-section{background:#f5f7fb;}
.hp-services-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;}
.hp-service-card{position:relative;display:flex;flex-direction:column;min-height:470px;border-radius:28px;background:#fff;border:1px solid rgba(19,45,90,.09);overflow:hidden;box-shadow:0 15px 42px rgba(18,42,81,.07);transition:transform .22s ease,box-shadow .22s ease;}
.hp-service-card:hover{transform:translateY(-7px);box-shadow:0 28px 64px rgba(18,42,81,.14);}
.hp-service-media{position:relative;height:220px;overflow:hidden;background:#12234a;}
.hp-service-media:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(7,20,46,.28));pointer-events:none;}
.hp-service-media img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.2,.7,.2,1);}.hp-service-card:hover .hp-service-media img{transform:scale(1.06);}
.hp-service-icon{position:absolute;left:22px;bottom:20px;z-index:2;display:grid;place-items:center;width:48px;height:48px;border-radius:15px;background:rgba(255,255,255,.93);color:#2455d6;box-shadow:0 12px 30px rgba(8,22,49,.16);}
.hp-service-icon svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;}
.hp-service-body{position:relative;display:flex;flex-direction:column;flex:1;padding:27px 27px 26px;}
.hp-service-index{position:absolute;top:26px;right:27px;color:#9ba8bc;font-size:.74rem;font-weight:900;letter-spacing:.12em;}
.hp-service-body h3{margin:0;padding-right:42px;color:#102044;font-size:1.38rem;line-height:1.25;letter-spacing:-.035em;}.hp-service-body p{margin:13px 0 24px;color:#6a7890;font-size:.93rem;line-height:1.7;}.hp-service-link{margin-top:auto;color:#204ac6;font-size:.87rem;font-weight:850;}
.hp-service-card--2 .hp-service-icon{color:#683fc9}.hp-service-card--3 .hp-service-icon{color:#068c83}.hp-service-card--4 .hp-service-icon{color:#ca7620}.hp-service-card--5 .hp-service-icon{color:#2a7ba3}.hp-service-card--6 .hp-service-icon{color:#5ba735}

/* Solution bento cards */
.hp-solutions-section{position:relative;background:#fff;}
.hp-solutions-section:before{content:"";position:absolute;width:520px;height:520px;left:-260px;top:110px;border-radius:50%;background:rgba(55,100,238,.06);filter:blur(20px);}
.hp-solutions-grid{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;}
.hp-solution-card{position:relative;min-height:330px;padding:38px;border-radius:30px;overflow:hidden;isolation:isolate;box-shadow:0 22px 55px rgba(14,39,79,.13);transition:transform .22s ease;}
.hp-solution-card:hover{transform:translateY(-7px);}.hp-solution-card:nth-child(1){grid-row:span 2;min-height:682px;}
.hp-solution-card--1{background:linear-gradient(145deg,#0d2455,#174aa8);color:#fff}.hp-solution-card--2{background:linear-gradient(145deg,#e9fadb,#c7eea8);color:#193b16}.hp-solution-card--3{background:linear-gradient(145deg,#eee9ff,#d8c9ff);color:#3e267c}.hp-solution-card--4{background:linear-gradient(145deg,#fff0d8,#ffdca0);color:#6f4308}
.hp-solution-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.25;z-index:-2}.hp-solution-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent,rgba(0,0,0,.15));z-index:-1;}
.hp-solution-orb{position:absolute;right:-70px;bottom:-85px;width:300px;height:300px;border-radius:50%;background:rgba(255,255,255,.18);box-shadow:inset 0 0 0 30px rgba(255,255,255,.06);}
.hp-solution-content{position:relative;z-index:2;max-width:520px;}.hp-solution-tag{display:inline-flex;padding:8px 11px;border-radius:999px;background:rgba(255,255,255,.18);font-size:.72rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase;}.hp-solution-card h3{margin:80px 0 14px;font-size:clamp(1.75rem,3vw,3rem);line-height:1.08;letter-spacing:-.045em;}.hp-solution-card:not(:first-child) h3{margin-top:46px;font-size:1.9rem}.hp-solution-card p{margin:0;max-width:48ch;line-height:1.75;opacity:.78}.hp-solution-link{position:absolute;left:0;top:270px;display:inline-flex;gap:8px;align-items:center;font-weight:850}.hp-solution-card:first-child .hp-solution-link{top:540px}.hp-solution-card:not(:first-child) .hp-solution-link{position:static;margin-top:24px;}

/* Delivery process */
.hp-process-section{background:linear-gradient(180deg,#f8fbff,#fff);}
.hp-process-grid{display:grid;grid-template-columns:minmax(500px,1.05fr) minmax(0,.95fr);gap:76px;align-items:center;}
.hp-process-visual img{width:100%;border-radius:32px;box-shadow:0 30px 70px rgba(25,55,99,.13);}
.hp-process-list{list-style:none;padding:0;margin:32px 0 0;display:grid;gap:13px;}
.hp-process-list li{display:flex;align-items:flex-start;gap:16px;padding:17px 18px;border:1px solid #e2e9f4;border-radius:18px;background:#fff;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.hp-process-list li:hover{transform:translateX(6px);border-color:#c6d6f4;box-shadow:0 14px 34px rgba(22,49,90,.08)}
.hp-process-list li>span{display:grid;place-items:center;flex:0 0 auto;width:38px;height:38px;border-radius:13px;background:#eaf0ff;color:#2e57d1;font-size:.75rem;font-weight:950}.hp-process-list strong{display:block;color:#142441;font-size:.98rem}.hp-process-list small{display:block;margin-top:4px;color:#718097;line-height:1.5}

/* Industries */
.hp-industries-section{padding:0 0 78px;background:#fff;}
.hp-industries-inner{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;padding:58px;border-radius:32px;background:linear-gradient(135deg,#0b1936,#123d62 58%,#194a47);overflow:hidden;box-shadow:0 30px 75px rgba(11,31,64,.2);}
.hp-industries-inner:after{content:"";position:absolute;right:-120px;top:-140px;width:360px;height:360px;border-radius:50%;background:rgba(137,220,78,.13);box-shadow:0 0 0 48px rgba(137,220,78,.045),0 0 0 96px rgba(137,220,78,.025)}
.hp-industries-inner h2{color:#fff;font-size:clamp(2rem,3.3vw,3rem);position:relative;z-index:2}.hp-industry-pills{position:relative;z-index:2;display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-end}.hp-industry-pills span{padding:12px 16px;border-radius:999px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.08);color:rgba(255,255,255,.88);font-size:.87rem;font-weight:750;backdrop-filter:blur(10px);}

/* CMS-managed blocks */
.hp-managed-section{background:#fff}.hp-managed-blocks{background:#f6f8fc}.hp-managed-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:36px}.hp-managed-card{position:relative;padding:28px;border:1px solid #e2e8f3;border-radius:24px;background:#fff;box-shadow:0 14px 36px rgba(20,43,83,.06)}.hp-managed-card h3{margin:20px 0 10px;color:#142441;font-size:1.25rem}.hp-managed-card>p{margin:0 0 16px;color:#6c7a91}.hp-managed-dot{display:block;width:12px;height:12px;border-radius:50%;background:linear-gradient(135deg,#2f62ec,#83d44f);box-shadow:0 0 0 8px #eef4ff}

/* Final CTA */
.hp-final-cta-section{padding-top:20px;padding-bottom:92px;background:#fff}.hp-final-cta{position:relative;display:grid;grid-template-columns:1fr auto;gap:50px;align-items:center;padding:58px 62px;border-radius:34px;background:linear-gradient(135deg,#102452,#173c82 62%,#215944);color:#fff;overflow:hidden;box-shadow:0 30px 75px rgba(15,42,85,.23)}.hp-final-cta h2{max-width:760px;color:#fff;font-size:clamp(2rem,3.4vw,3.3rem)}.hp-final-cta p{max-width:700px;margin:15px 0 0;color:rgba(255,255,255,.72);line-height:1.75}.hp-final-cta-glow{position:absolute;width:420px;height:420px;right:-180px;top:-240px;border-radius:50%;background:#8fe052;opacity:.25;filter:blur(10px);box-shadow:0 0 0 70px rgba(143,224,82,.06)}.hp-final-cta-button{position:relative;z-index:2;white-space:nowrap;background:#8ede51;color:#0c2d10;border:0;box-shadow:0 18px 40px rgba(109,202,61,.22)}.hp-final-cta-button:hover{background:#a2ed6b;color:#09220c}

@media (max-width:1100px){
  .hp-intro-grid,.hp-process-grid{grid-template-columns:1fr;gap:50px}.hp-intro-copy,.hp-process-copy{max-width:800px}.hp-intro-visual{max-width:820px;margin:0 auto}.hp-proof-grid{grid-template-columns:repeat(2,1fr)}.hp-proof-grid article:nth-child(2){border-right:0}.hp-proof-grid article:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.1)}.hp-engagement-grid{grid-template-columns:repeat(2,1fr)}.hp-services-grid{grid-template-columns:repeat(2,1fr)}.hp-industries-inner{grid-template-columns:1fr}.hp-industry-pills{justify-content:flex-start}.hp-final-cta{grid-template-columns:1fr}.hp-final-cta-button{justify-self:start}
}
@media (max-width:760px){
  .section{padding:62px 0}.container{width:min(100% - 30px,1220px)}.hp-section-heading--split{grid-template-columns:1fr;gap:18px}.hp-section-heading--split>p{justify-self:start}.hp-intro{padding-top:72px}.hp-intro-visual{min-height:auto}.hp-floating-card{display:none}.hp-proof-strip{margin-top:0;background:#0b1834}.hp-proof-grid{grid-template-columns:1fr;border-radius:0;box-shadow:none}.hp-proof-grid article{border-right:0;border-bottom:1px solid rgba(255,255,255,.1)!important}.hp-engagement-grid,.hp-services-grid,.hp-solutions-grid,.hp-managed-grid{grid-template-columns:1fr}.hp-engagement-card{min-height:280px}.hp-solution-card,.hp-solution-card:nth-child(1){grid-row:auto;min-height:390px}.hp-solution-card h3,.hp-solution-card:not(:first-child) h3{margin-top:70px}.hp-solution-link,.hp-solution-card:first-child .hp-solution-link{position:static;display:inline-flex;margin-top:28px}.hp-process-grid{grid-template-columns:1fr}.hp-industries-inner{padding:38px 25px}.hp-final-cta{padding:42px 26px}.hero-content{padding-top:66px;padding-bottom:80px}.hp-hero-kicker{font-size:.68rem;text-align:center}.hero-actions{width:100%}.hero-actions .btn{width:100%;max-width:320px}.hero-brands{gap:8px}.hero-brand{font-size:.76rem;padding:7px 10px}
}
@media (prefers-reduced-motion:reduce){.hp-engagement-card,.hp-service-card,.hp-solution-card,.hp-process-list li,.hp-service-media img{transition:none!important}.hp-service-card:hover .hp-service-media img{transform:none}}

/* =========================================================
   IKJIMPEX modern content pages v10
   ========================================================= */
:root{
  --cp-navy:#0b1834;
  --cp-blue:#2757d7;
  --cp-green:#8bcf45;
  --cp-violet:#7653d6;
  --cp-orange:#f0a43b;
  --cp-cyan:#2fa9b8;
  --cp-pink:#d45f9d;
  --cp-surface:#f5f8fd;
  --cp-line:#dfe7f2;
}

.cp-eyebrow,.cp-section-kicker{
  display:inline-flex;align-items:center;gap:8px;
  font-size:.75rem;font-weight:900;letter-spacing:.11em;text-transform:uppercase;
  color:#2853ce;
}
.cp-eyebrow:before,.cp-section-kicker:before{content:"";width:18px;height:2px;border-radius:99px;background:currentColor;}
.cp-theme--green .cp-eyebrow,.cp-theme--green .cp-section-kicker{color:#578f22}
.cp-theme--violet .cp-eyebrow,.cp-theme--violet .cp-section-kicker{color:#6a45c9}
.cp-theme--orange .cp-eyebrow,.cp-theme--orange .cp-section-kicker{color:#b76b13}
.cp-theme--cyan .cp-eyebrow,.cp-theme--cyan .cp-section-kicker{color:#087e8c}
.cp-theme--pink .cp-eyebrow,.cp-theme--pink .cp-section-kicker{color:#b33e7d}

.cp-btn-accent{background:linear-gradient(135deg,#2d5ee8,#1d48c5);color:#fff;border-color:transparent;box-shadow:0 16px 34px rgba(42,85,210,.23)}
.cp-btn-accent:hover{color:#fff;background:linear-gradient(135deg,#386af1,#2853d4);box-shadow:0 22px 44px rgba(42,85,210,.28)}
.cp-theme--green .cp-btn-accent,.cp-contact-section .cp-btn-accent{background:linear-gradient(135deg,#9bd958,#78bf37);color:#14340b;box-shadow:0 16px 34px rgba(118,188,54,.22)}
.cp-theme--violet .cp-btn-accent{background:linear-gradient(135deg,#8465df,#6545bf)}
.cp-theme--orange .cp-btn-accent{background:linear-gradient(135deg,#f4b34f,#df8d24);color:#402300}
.cp-theme--cyan .cp-btn-accent{background:linear-gradient(135deg,#38bac7,#168b9b)}
.cp-theme--pink .cp-btn-accent{background:linear-gradient(135deg,#df72ad,#bd4c8b)}
.cp-btn-ghost{background:rgba(255,255,255,.7);border-color:rgba(31,58,112,.14);color:#172a4d;backdrop-filter:blur(12px)}

/* Generic detail hero */
.cp-hero{position:relative;overflow:hidden;padding:86px 0 98px;background:linear-gradient(145deg,#f7faff 0%,#eef4ff 58%,#f7fbff 100%);isolation:isolate}
.cp-hero.cp-theme--green{background:linear-gradient(145deg,#f8fff2,#effbe5 58%,#f8fff7)}
.cp-hero.cp-theme--violet{background:linear-gradient(145deg,#faf8ff,#f1edff 58%,#faf8ff)}
.cp-hero.cp-theme--orange{background:linear-gradient(145deg,#fffaf2,#fff1db 58%,#fffaf5)}
.cp-hero.cp-theme--cyan{background:linear-gradient(145deg,#f2feff,#e5f8fb 58%,#f7fdff)}
.cp-hero.cp-theme--pink{background:linear-gradient(145deg,#fff7fb,#fdebf5 58%,#fff8fc)}
.cp-hero-glow{position:absolute;border-radius:50%;filter:blur(4px);z-index:-1}.cp-hero-glow--one{width:430px;height:430px;right:-110px;top:-170px;background:rgba(49,100,235,.12);box-shadow:0 0 0 80px rgba(49,100,235,.035)}.cp-hero-glow--two{width:230px;height:230px;left:-100px;bottom:-100px;background:rgba(139,207,69,.15)}
.cp-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(440px,.9fr);gap:78px;align-items:center}
.cp-hero-copy h1{margin:18px 0 20px;max-width:13ch;font-size:clamp(2.8rem,5.3vw,5.1rem);line-height:.98;letter-spacing:-.055em;color:#0d1e3d}.cp-hero-copy>p{max-width:62ch;margin:0;color:#63718a;font-size:1.08rem;line-height:1.82}.cp-hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.cp-trust-row{display:flex;flex-wrap:wrap;gap:16px;margin-top:30px;color:#53627a;font-size:.82rem;font-weight:750}.cp-trust-row span{display:inline-flex;align-items:center;gap:7px}.cp-trust-row svg{width:17px;height:17px;fill:none;stroke:#568f27;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.cp-hero-visual{position:relative}.cp-visual-card{position:relative;min-height:460px;padding:28px;border:1px solid rgba(47,83,153,.12);border-radius:36px;background:rgba(255,255,255,.72);box-shadow:0 30px 80px rgba(24,54,105,.16);backdrop-filter:blur(18px);overflow:hidden}.cp-visual-card:before{content:"";position:absolute;inset:24px;border-radius:28px;background:linear-gradient(145deg,#102552,#17478d);z-index:0}.cp-visual-card img{position:absolute;inset:45px;width:calc(100% - 90px);height:calc(100% - 90px);object-fit:contain;z-index:1;filter:drop-shadow(0 25px 28px rgba(4,17,46,.23))}.cp-visual-note{position:absolute;z-index:3;display:flex;flex-direction:column;gap:2px;max-width:210px;padding:14px 16px;border-radius:18px;background:rgba(255,255,255,.94);border:1px solid rgba(38,72,139,.11);box-shadow:0 18px 42px rgba(22,49,91,.15)}.cp-visual-note strong{color:#132544;font-size:.88rem}.cp-visual-note small{color:#738098;font-size:.69rem;line-height:1.4}.cp-visual-note--top{right:8px;top:52px}.cp-visual-note--bottom{left:2px;bottom:50px}

.cp-stats-wrap{position:relative;z-index:3;margin-top:-34px}.cp-stats{display:grid;grid-template-columns:repeat(3,1fr);background:#0c1b39;border-radius:24px;box-shadow:0 25px 55px rgba(10,31,70,.21);overflow:hidden}.cp-stats article{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:118px;padding:24px;border-right:1px solid rgba(255,255,255,.09);text-align:center}.cp-stats article:last-child{border-right:0}.cp-stats strong{color:#fff;font-size:1.42rem;letter-spacing:-.025em}.cp-stats span{margin-top:5px;color:rgba(255,255,255,.66);font-size:.81rem}

.cp-section-head{max-width:840px;margin-bottom:36px}.cp-section-head--split{display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:end;max-width:none}.cp-section-head h2,.cp-process-copy h2,.cp-outcomes-copy h2,.cp-story-grid h2{margin:12px 0 0;color:#10213f;font-size:clamp(2rem,3.4vw,3.25rem);line-height:1.08;letter-spacing:-.045em}.cp-section-head p,.cp-process-copy>p,.cp-outcomes-copy>p,.cp-story-grid p{margin:0;color:#6b7890;line-height:1.78}
.cp-capability-section{background:#fff}.cp-capability-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.cp-capability-card{position:relative;min-height:300px;padding:27px;border:1px solid #e0e7f2;border-radius:25px;background:#fff;overflow:hidden;box-shadow:0 15px 38px rgba(21,48,90,.06);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.cp-capability-card:after{content:"";position:absolute;width:150px;height:150px;right:-70px;bottom:-75px;border-radius:50%;background:#eaf0ff}.cp-capability-card:hover{transform:translateY(-6px);box-shadow:0 25px 55px rgba(21,48,90,.13);border-color:#cdd9ef}.cp-card-accent--2:after{background:#ecf9e1}.cp-card-accent--3:after{background:#f2edff}.cp-card-accent--4:after{background:#fff0dc}.cp-card-icon{display:grid;place-items:center;width:50px;height:50px;border-radius:16px;background:#eaf0ff;color:#2856d4}.cp-card-accent--2 .cp-card-icon{background:#ecf9e1;color:#548d22}.cp-card-accent--3 .cp-card-icon{background:#f2edff;color:#6d4dcc}.cp-card-accent--4 .cp-card-icon{background:#fff0dc;color:#bd6d18}.cp-card-icon svg,.cp-contact-details i svg,.cp-contact-promise>div svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.cp-card-index{position:absolute;right:25px;top:30px;color:#a5b0c2;font-size:.72rem;font-weight:900;letter-spacing:.12em}.cp-capability-card h3{position:relative;z-index:2;margin:30px 0 10px;color:#142544;font-size:1.25rem;line-height:1.3;letter-spacing:-.025em}.cp-capability-card p{position:relative;z-index:2;margin:0;color:#6c7990;font-size:.89rem;line-height:1.7}

.cp-process-section{background:linear-gradient(180deg,#f6f9fe,#fff)}.cp-process-grid{display:grid;grid-template-columns:minmax(480px,1fr) minmax(0,.9fr);gap:80px;align-items:center}.cp-process-visual{position:relative}.cp-process-image{padding:28px;border-radius:32px;background:linear-gradient(145deg,#102652,#183f7e);box-shadow:0 30px 70px rgba(19,48,95,.18)}.cp-process-image img{width:100%;min-height:420px;object-fit:contain}.cp-process-badge{position:absolute;right:-22px;bottom:30px;display:flex;flex-direction:column;gap:4px;padding:17px 20px;border-radius:18px;background:#fff;box-shadow:0 20px 45px rgba(18,45,87,.17)}.cp-process-badge span{color:#7a879b;font-size:.69rem;text-transform:uppercase;letter-spacing:.1em;font-weight:850}.cp-process-badge strong{color:#172b4c;font-size:.85rem}.cp-process-copy>p{margin-top:18px}.cp-step-list{list-style:none;margin:30px 0 0;padding:0;display:grid;gap:12px}.cp-step-list li{display:flex;gap:15px;padding:16px;border:1px solid #e0e7f1;border-radius:17px;background:#fff;transition:transform .18s ease,box-shadow .18s ease}.cp-step-list li:hover{transform:translateX(6px);box-shadow:0 14px 30px rgba(25,53,96,.08)}.cp-step-list>li>span{display:grid;place-items:center;flex:0 0 auto;width:39px;height:39px;border-radius:13px;background:#eaf0ff;color:#2854cf;font-size:.71rem;font-weight:950}.cp-step-list strong{color:#172846}.cp-step-list p{margin:3px 0 0;color:#748198;font-size:.8rem;line-height:1.5}

.cp-outcomes-section{background:#fff}.cp-outcomes-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:stretch}.cp-outcomes-copy>p{margin-top:17px}.cp-outcome-list{display:grid;gap:12px;margin-top:28px}.cp-outcome-list>div{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:15px;background:#f6f9fd;color:#263956;font-weight:750;font-size:.88rem}.cp-outcome-list svg{width:19px;height:19px;fill:none;stroke:#68aa2d;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.cp-tech-panel{position:relative;padding:42px;border-radius:30px;background:linear-gradient(145deg,#0d2149,#163f78);color:#fff;overflow:hidden;box-shadow:0 28px 65px rgba(15,43,86,.2)}.cp-tech-panel .cp-section-kicker{color:#9ddb61}.cp-tech-panel h3{position:relative;z-index:2;margin:14px 0 12px;font-size:2rem;line-height:1.12;letter-spacing:-.035em}.cp-tech-panel p{position:relative;z-index:2;margin:0;color:rgba(255,255,255,.68);line-height:1.75}.cp-tech-cloud{position:relative;z-index:2;display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}.cp-tech-cloud span{padding:10px 13px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.13);color:rgba(255,255,255,.88);font-size:.76rem;font-weight:750}.cp-tech-orb{position:absolute;width:300px;height:300px;right:-120px;bottom:-150px;border-radius:50%;background:rgba(139,207,69,.2);box-shadow:0 0 0 45px rgba(139,207,69,.055),0 0 0 90px rgba(139,207,69,.025)}
.cp-cms-content-section{background:#f6f9fd}.cp-cms-content{max-width:900px;padding:42px;border-radius:25px;background:#fff;border:1px solid #e2e8f2;box-shadow:0 15px 40px rgba(18,45,89,.06)}
.cp-final-section{padding-top:24px;background:#fff}.cp-final-cta{display:grid;grid-template-columns:1fr auto;gap:50px;align-items:center;padding:52px 58px;border-radius:32px;background:linear-gradient(135deg,#102552,#173d79);color:#fff;box-shadow:0 30px 70px rgba(14,42,87,.22);overflow:hidden}.cp-final-cta .cp-section-kicker{color:#9ddb61}.cp-final-cta h2{margin:12px 0 10px;max-width:720px;color:#fff;font-size:clamp(2rem,3.2vw,3rem);line-height:1.08;letter-spacing:-.045em}.cp-final-cta p{margin:0;max-width:680px;color:rgba(255,255,255,.68);line-height:1.7}.cp-final-cta .btn{white-space:nowrap}

/* Listing pages */
.cp-listing-hero{position:relative;padding:86px 0 95px;background:linear-gradient(145deg,#f5f9ff,#ebf2ff);overflow:hidden}.cp-listing-hero.cp-theme--violet{background:linear-gradient(145deg,#faf8ff,#eee9ff)}.cp-listing-hero:after{content:"";position:absolute;width:480px;height:480px;right:-170px;top:-210px;border-radius:50%;background:rgba(54,99,230,.1);box-shadow:0 0 0 70px rgba(54,99,230,.025)}.cp-listing-hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:1.05fr .95fr;gap:76px;align-items:center}.cp-listing-hero h1{margin:16px 0 20px;max-width:15ch;color:#0e2040;font-size:clamp(2.7rem,4.8vw,4.6rem);line-height:1.02;letter-spacing:-.055em}.cp-listing-hero p{max-width:65ch;margin:0;color:#68768c;font-size:1.05rem;line-height:1.8}.cp-listing-art{position:relative;min-height:390px;padding:24px;border-radius:34px;background:linear-gradient(145deg,#102552,#183f78);box-shadow:0 30px 70px rgba(18,48,95,.18)}.cp-listing-art img{width:100%;height:330px;object-fit:contain}.cp-listing-art>span{position:absolute;left:24px;right:24px;bottom:20px;display:flex;flex-direction:column;padding:14px 17px;border-radius:16px;background:rgba(255,255,255,.94);box-shadow:0 16px 35px rgba(10,30,67,.18)}.cp-listing-art strong{color:#162947;font-size:.88rem}.cp-listing-art small{margin-top:2px;color:#77849a;font-size:.68rem}.cp-listing-section{background:#fff}.cp-listing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.cp-list-card{display:flex;flex-direction:column;border-radius:27px;overflow:hidden;background:#fff;border:1px solid #e0e7f2;box-shadow:0 16px 42px rgba(22,50,92,.07);transition:transform .2s ease,box-shadow .2s ease}.cp-list-card:hover{transform:translateY(-7px);box-shadow:0 28px 58px rgba(22,50,92,.14)}.cp-list-media{position:relative;height:225px;background:linear-gradient(145deg,#102754,#17478d);overflow:hidden}.cp-list-card--2 .cp-list-media{background:linear-gradient(145deg,#173f35,#2d7254)}.cp-list-card--3 .cp-list-media{background:linear-gradient(145deg,#39266f,#724ec1)}.cp-list-card--4 .cp-list-media{background:linear-gradient(145deg,#714415,#c47923)}.cp-list-media img{width:100%;height:100%;object-fit:contain;padding:20px;transition:transform .45s ease}.cp-list-card:hover .cp-list-media img{transform:scale(1.05)}.cp-list-media>span{position:absolute;right:18px;top:17px;color:rgba(255,255,255,.75);font-size:.72rem;font-weight:900;letter-spacing:.12em}.cp-list-body{display:flex;flex-direction:column;flex:1;padding:26px}.cp-list-body h3{margin:12px 0 10px;color:#142541;font-size:1.35rem;letter-spacing:-.03em}.cp-list-body p{margin:0 0 24px;color:#6d7a91;font-size:.88rem;line-height:1.7}.cp-list-body strong{margin-top:auto;color:#2751ca;font-size:.85rem}.cp-empty-state{padding:60px;text-align:center;border:1px dashed #ccd8e9;border-radius:26px;background:#f8faff}.cp-empty-state .cp-card-icon{margin:0 auto}.cp-empty-state h3{margin:18px 0 8px}.cp-empty-state p{margin:0;color:#6e7b91}
.cp-solution-list-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.cp-solution-list-card{display:grid;grid-template-columns:1fr .75fr;min-height:330px;border-radius:30px;overflow:hidden;background:linear-gradient(145deg,#102653,#17478c);color:#fff;box-shadow:0 22px 55px rgba(16,44,88,.16);transition:transform .2s ease}.cp-solution-list-card:hover{transform:translateY(-7px)}.cp-solution-list-card.cp-theme--green{background:linear-gradient(145deg,#173d33,#2f7553)}.cp-solution-list-card.cp-theme--violet{background:linear-gradient(145deg,#36266b,#6e4abb)}.cp-solution-list-card.cp-theme--orange{background:linear-gradient(145deg,#694014,#b97326)}.cp-solution-list-copy{padding:36px}.cp-solution-list-copy .cp-article-tag{color:#bddd93;background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.12)}.cp-solution-list-copy h3{margin:45px 0 13px;color:#fff;font-size:2rem;line-height:1.1;letter-spacing:-.04em}.cp-solution-list-copy p{margin:0 0 28px;color:rgba(255,255,255,.68);font-size:.88rem;line-height:1.7}.cp-solution-list-copy strong{color:#fff;font-size:.84rem}.cp-solution-list-card>img{width:100%;height:100%;object-fit:contain;padding:22px;opacity:.9}

/* About, careers, resources, case studies */
.cp-about-hero,.cp-career-hero{padding:88px 0 96px;background:linear-gradient(145deg,#f7fbff,#eef4ff)}.cp-about-grid,.cp-career-grid{display:grid;grid-template-columns:1fr 1fr;gap:78px;align-items:center}.cp-about-grid h1,.cp-career-grid h1{margin:17px 0 20px;color:#10203e;font-size:clamp(2.8rem,5vw,4.8rem);line-height:1;letter-spacing:-.055em}.cp-about-grid p,.cp-career-grid p{margin:0;color:#67758c;font-size:1.06rem;line-height:1.82}.cp-about-visual,.cp-career-art{position:relative;min-height:430px;padding:28px;border-radius:34px;background:linear-gradient(145deg,#102653,#184587);box-shadow:0 30px 70px rgba(17,46,91,.19)}.cp-about-visual img,.cp-career-art img{width:100%;height:380px;object-fit:contain}.cp-about-floating{position:absolute;left:-22px;bottom:36px;display:flex;flex-direction:column;max-width:260px;padding:17px 20px;border-radius:18px;background:#fff;box-shadow:0 18px 42px rgba(19,47,89,.17)}.cp-about-floating strong{color:#172a49}.cp-about-floating small{margin-top:3px;color:#728098;line-height:1.45}.cp-story-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:85px;align-items:start}.cp-story-grid p+p{margin-top:18px}.cp-values-section{background:#f6f9fd}.cp-value-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.cp-value-grid article{padding:27px;border:1px solid #e0e7f2;border-radius:24px;background:#fff}.cp-value-grid article>span{display:block;margin-top:22px;color:#a2aec0;font-size:.69rem;font-weight:900;letter-spacing:.12em}.cp-value-grid h3{margin:13px 0 9px;color:#162744;font-size:1.18rem}.cp-value-grid p{margin:0;color:#6f7c91;font-size:.86rem;line-height:1.68}
.cp-career-hero{background:linear-gradient(145deg,#f7fff1,#effbe5)}.cp-roles-section{background:#f6f9fd}.cp-role-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.cp-role-grid article{padding:27px;border:1px solid #e0e7f2;border-radius:23px;background:#fff;box-shadow:0 12px 32px rgba(20,48,90,.05)}.cp-role-grid article>span,.cp-article-tag{display:inline-flex;padding:7px 10px;border-radius:999px;background:#edf2ff;border:1px solid #dce6fb;color:#2b54c9;font-size:.68rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.cp-role-grid h3{margin:19px 0 8px;color:#152743;font-size:1.25rem}.cp-role-grid p{margin:0 0 22px;color:#6f7c91;font-size:.86rem;line-height:1.65}.cp-role-grid a{color:#2852c9;font-size:.84rem;font-weight:850}
.cp-resource-hero{padding:90px 0;background:linear-gradient(145deg,#f5f9ff,#eaf2ff);text-align:center}.cp-resource-hero .container{max-width:900px}.cp-resource-hero h1{margin:17px auto 18px;color:#10213f;font-size:clamp(2.8rem,5vw,4.7rem);line-height:1;letter-spacing:-.055em}.cp-resource-hero p{max-width:760px;margin:0 auto;color:#69768c;font-size:1.05rem;line-height:1.8}.cp-feature-article{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;padding:30px;border-radius:30px;background:#0d2148;color:#fff;box-shadow:0 28px 65px rgba(14,43,88,.18)}.cp-feature-art{height:390px;padding:25px;border-radius:23px;background:rgba(255,255,255,.06)}.cp-feature-art img{width:100%;height:100%;object-fit:contain}.cp-feature-article h2{margin:18px 0 14px;color:#fff;font-size:2.3rem;line-height:1.1;letter-spacing:-.045em}.cp-feature-article p{margin:0;color:rgba(255,255,255,.69);line-height:1.75}.cp-article-meta{display:flex;gap:20px;margin:22px 0;color:rgba(255,255,255,.58);font-size:.75rem}.cp-arrow-link{color:#a9e276;font-size:.85rem;font-weight:850}.cp-article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:28px}.cp-article-card{border:1px solid #e0e7f2;border-radius:24px;background:#fff;overflow:hidden;box-shadow:0 13px 36px rgba(20,48,90,.06);transition:transform .2s ease}.cp-article-card:hover{transform:translateY(-6px)}.cp-article-image{height:185px;background:linear-gradient(145deg,#eef3ff,#f7faff)}.cp-article-image img{width:100%;height:100%;object-fit:contain;padding:16px}.cp-article-card>div:last-child{padding:23px}.cp-article-card h3{margin:15px 0 9px;color:#162744;font-size:1.15rem;line-height:1.3}.cp-article-card p{margin:0 0 20px;color:#718097;font-size:.82rem;line-height:1.65}.cp-article-card a{color:#2852c8;font-size:.82rem;font-weight:850}
.cp-case-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.cp-case-card{display:grid;grid-template-columns:.85fr 1.15fr;min-height:390px;border-radius:29px;overflow:hidden;background:#fff;border:1px solid #e0e7f2;box-shadow:0 19px 50px rgba(19,48,90,.09)}.cp-case-image{background:linear-gradient(145deg,#102653,#17468b);padding:20px}.cp-case--green .cp-case-image{background:linear-gradient(145deg,#173d33,#307453)}.cp-case--violet .cp-case-image{background:linear-gradient(145deg,#37266c,#6c4ab6)}.cp-case--orange .cp-case-image{background:linear-gradient(145deg,#684014,#b67426)}.cp-case-image img{width:100%;height:100%;object-fit:contain}.cp-case-body{position:relative;padding:32px}.cp-case-body>span{color:#2b53c9;font-size:.69rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.cp-case-body h2{margin:18px 0 12px;color:#152642;font-size:1.7rem;line-height:1.15}.cp-case-body p{margin:0;color:#6f7c91;font-size:.86rem;line-height:1.68}.cp-case-metric{display:flex;flex-direction:column;margin:28px 0 22px}.cp-case-metric strong{color:#2452cd;font-size:2rem;line-height:1}.cp-case-metric small{margin-top:4px;color:#7b879a}.cp-case-body>a{color:#2852c9;font-size:.82rem;font-weight:850}
.cp-simple-hero{padding:80px 0 65px;background:#f6f9fd}.cp-simple-hero h1{margin:16px 0 12px;font-size:3.2rem;letter-spacing:-.05em}.cp-simple-hero p{max-width:700px;color:#6c7890}.cp-legal{max-width:900px;padding:42px;border:1px solid #e1e7f1;border-radius:24px;background:#fff}

/* Contact */
.cp-contact-hero{padding:82px 0;background:linear-gradient(145deg,#f6fbff,#edf5ff)}.cp-contact-hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:75px;align-items:center}.cp-contact-hero h1{margin:17px 0 18px;max-width:15ch;color:#10213f;font-size:clamp(2.7rem,4.8vw,4.5rem);line-height:1;letter-spacing:-.055em}.cp-contact-hero p{max-width:65ch;color:#68768c;line-height:1.8}.cp-contact-promise{padding:30px;border-radius:28px;background:#0e2249;color:#fff;box-shadow:0 25px 58px rgba(14,43,88,.19)}.cp-contact-promise>div{display:grid;place-items:center;width:52px;height:52px;border-radius:16px;background:rgba(139,207,69,.16);color:#a4e36b}.cp-contact-promise strong{display:block;margin:20px 0 10px;font-size:1.3rem}.cp-contact-promise ol{margin:0;padding-left:20px;color:rgba(255,255,255,.7);line-height:1.8;font-size:.87rem}.cp-contact-section{background:#fff}.cp-contact-grid{display:grid;grid-template-columns:1.18fr .82fr;gap:25px;align-items:start}.cp-contact-form-card,.cp-contact-details{border:1px solid #dfe6f0;border-radius:27px;background:#fff;box-shadow:0 15px 42px rgba(21,48,90,.06)}.cp-contact-form-card{padding:34px}.cp-form-head h2{margin:11px 0 8px;color:#142542;font-size:2rem;letter-spacing:-.035em}.cp-form-head p{margin:0;color:#748198}.cp-form{max-width:none;margin-top:27px}.cp-form label>span{display:block;margin-bottom:7px;color:#243650;font-size:.82rem}.cp-form .input{min-height:48px;border-color:#dce4f0;border-radius:14px}.cp-form select.input{appearance:auto}.cp-form-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:8px}.cp-form-footer small{max-width:430px;color:#8591a4;font-size:.7rem;line-height:1.5}.cp-contact-aside{display:grid;gap:20px}.cp-contact-art{position:relative;height:300px;padding:22px;border-radius:27px;background:linear-gradient(145deg,#102653,#17478b);overflow:hidden;box-shadow:0 20px 48px rgba(18,47,91,.16)}.cp-contact-art img{width:100%;height:100%;object-fit:contain}.cp-contact-art span{position:absolute;left:20px;right:20px;bottom:18px;padding:12px 14px;border-radius:14px;background:rgba(255,255,255,.94);color:#172a49;font-size:.78rem;font-weight:850}.cp-contact-details{padding:28px}.cp-contact-details h3{margin:11px 0 22px;color:#142541;font-size:1.45rem}.cp-contact-details>a,.cp-address{display:flex;align-items:flex-start;gap:13px;padding:14px 0;border-top:1px solid #e8edf4}.cp-contact-details i{display:grid;place-items:center;flex:0 0 auto;width:39px;height:39px;border-radius:13px;background:#edf2ff;color:#2854d0;font-style:normal}.cp-contact-details span{display:flex;flex-direction:column;gap:2px}.cp-contact-details small{color:#8894a5;font-size:.67rem;text-transform:uppercase;letter-spacing:.08em;font-weight:850}.cp-contact-details strong{color:#20324f;font-size:.83rem;line-height:1.55}.cp-contact-proof{padding:22px 0;background:#0c1b39}.cp-contact-proof .container{display:flex;flex-wrap:wrap;justify-content:center;gap:14px 36px}.cp-contact-proof span{color:rgba(255,255,255,.75);font-size:.78rem;font-weight:750}.cp-contact-proof span:before{content:"✓";margin-right:8px;color:#9ddb61}

@media(max-width:1100px){
 .cp-hero-grid,.cp-listing-hero-grid,.cp-about-grid,.cp-career-grid,.cp-contact-hero-grid{grid-template-columns:1fr;gap:48px}.cp-hero-copy h1,.cp-listing-hero h1,.cp-about-grid h1,.cp-career-grid h1,.cp-contact-hero h1{max-width:18ch}.cp-hero-visual,.cp-listing-art,.cp-about-visual,.cp-career-art{max-width:760px;width:100%;margin:0 auto}.cp-capability-grid,.cp-value-grid{grid-template-columns:repeat(2,1fr)}.cp-process-grid{grid-template-columns:1fr;gap:58px}.cp-process-visual{max-width:760px;margin:0 auto}.cp-outcomes-grid{grid-template-columns:1fr}.cp-listing-grid,.cp-article-grid{grid-template-columns:repeat(2,1fr)}.cp-solution-list-grid,.cp-case-grid{grid-template-columns:1fr}.cp-contact-grid{grid-template-columns:1fr}.cp-contact-aside{grid-template-columns:1fr 1fr}.cp-role-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:760px){
 .cp-hero,.cp-listing-hero,.cp-about-hero,.cp-career-hero,.cp-contact-hero{padding:64px 0 74px}.cp-hero-copy h1,.cp-listing-hero h1,.cp-about-grid h1,.cp-career-grid h1,.cp-contact-hero h1{font-size:2.65rem}.cp-hero-actions{flex-direction:column;align-items:stretch}.cp-hero-actions .btn{width:100%}.cp-visual-card{min-height:360px;padding:18px}.cp-visual-card:before{inset:16px}.cp-visual-card img{inset:35px;width:calc(100% - 70px);height:calc(100% - 70px)}.cp-visual-note{display:none}.cp-stats-wrap{margin-top:-22px}.cp-stats{grid-template-columns:1fr}.cp-stats article{min-height:92px;border-right:0;border-bottom:1px solid rgba(255,255,255,.09)}.cp-stats article:last-child{border-bottom:0}.cp-section-head--split,.cp-story-grid{grid-template-columns:1fr;gap:20px}.cp-capability-grid,.cp-value-grid,.cp-listing-grid,.cp-article-grid,.cp-role-grid{grid-template-columns:1fr}.cp-process-image img{min-height:300px}.cp-process-badge{position:static;margin-top:14px}.cp-tech-panel{padding:30px}.cp-final-cta{grid-template-columns:1fr;padding:38px 25px}.cp-solution-list-card{grid-template-columns:1fr}.cp-solution-list-card>img{height:230px}.cp-feature-article{grid-template-columns:1fr;gap:25px}.cp-feature-art{height:280px}.cp-contact-aside{grid-template-columns:1fr}.cp-form-footer{flex-direction:column;align-items:stretch}.cp-form-footer .btn{width:100%}.cp-case-card{grid-template-columns:1fr}.cp-case-image{height:250px}.cp-about-floating{left:12px;right:12px;bottom:18px}.cp-contact-proof .container{justify-content:flex-start}.cp-contact-art{height:260px}
}

/* =========================================================
   IKJIMPEX responsive / Bootstrap-ready layer v11
   Loaded after Bootstrap so the portal keeps its own design.
   ========================================================= */
html{overflow-x:hidden;scroll-behavior:smooth}
body{overflow-x:hidden;min-width:320px}
.site-main{min-width:0}
img,svg,video,iframe{max-width:100%}
h1,h2,h3,h4,h5,h6,p,a,span{overflow-wrap:break-word}
.brand-text{display:none}

/* Desktop navigation is shown at Bootstrap's lg breakpoint. */
.desktop-nav{display:flex}
.mobile-offcanvas{display:none}
.nav-toggle{margin-left:auto;align-items:center;justify-content:center;padding:0}
.nav-toggle span{width:22px;margin:4px 0;transition:transform .2s ease,opacity .2s ease}

/* Bootstrap-compatible mobile offcanvas. Custom rules also act as an offline fallback. */
.mobile-offcanvas{
  --bs-offcanvas-width:min(92vw,410px);
  width:min(92vw,410px);
  max-width:410px;
  background:#fff;
  border-left:1px solid #e4eaf3;
  box-shadow:-24px 0 70px rgba(10,28,61,.18);
}
.mobile-offcanvas-header{
  min-height:84px;
  padding:15px 20px;
  border-bottom:1px solid #e7ecf4;
  background:linear-gradient(180deg,#fff,#fbfcff);
}
.mobile-offcanvas-brand{display:inline-flex;align-items:center;min-width:0;max-width:255px}
.mobile-offcanvas-brand img{display:block;width:auto;max-width:225px;height:55px;object-fit:contain;object-position:left center}
.mobile-offcanvas-brand strong{color:#13233f;font-size:1.2rem}
.mobile-offcanvas .btn-close{flex:0 0 auto;width:42px;height:42px;margin:0;padding:0;border:1px solid #dfe6f0;border-radius:13px;background-color:#fff;opacity:1;box-shadow:none}
.mobile-offcanvas-body{display:flex;flex-direction:column;gap:20px;padding:16px 18px 26px;overflow-y:auto;overscroll-behavior:contain}
.mobile-menu-tree{display:grid;gap:9px}
.mobile-menu-link,.mobile-menu-group>summary{
  min-height:52px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:13px 15px;
  border:1px solid #e1e7f1;
  border-radius:16px;
  background:#fff;
  color:#172641;
  font-size:.98rem;
  font-weight:800;
  line-height:1.3;
  cursor:pointer;
  list-style:none;
  transition:background .16s ease,border-color .16s ease,color .16s ease,transform .16s ease;
}
.mobile-menu-group>summary::-webkit-details-marker{display:none}
.mobile-menu-link:hover,.mobile-menu-link.is-active,.mobile-menu-group[open]>summary{
  background:#f1f5ff;
  border-color:#c9d7fb;
  color:#244fc9;
  transform:translateX(2px);
}
.mobile-menu-plus{position:relative;display:block;flex:0 0 auto;width:20px;height:20px;border-radius:50%;background:#eef3ff}
.mobile-menu-plus:before,.mobile-menu-plus:after{content:"";position:absolute;left:5px;right:5px;top:9px;height:2px;border-radius:99px;background:#315bd4;transition:transform .18s ease}
.mobile-menu-plus:after{transform:rotate(90deg)}
.mobile-menu-group[open] .mobile-menu-plus:after{transform:rotate(0)}
.mobile-submenu{display:grid;gap:6px;margin:7px 0 3px;padding:10px 7px 9px 13px;border-left:2px solid #d8e2fb}
.mobile-menu-section{display:grid;gap:5px;padding:8px 0}
.mobile-menu-section+.mobile-menu-section{border-top:1px solid #edf0f5}
.mobile-menu-section-title{padding:6px 10px 3px;color:#8490a2;font-size:.68rem;font-weight:900;letter-spacing:.09em;text-transform:uppercase}
.mobile-sub-link,.mobile-view-all{
  display:block;
  padding:10px 11px;
  border-radius:12px;
  color:#465269;
  font-size:.9rem;
  font-weight:700;
  line-height:1.35;
}
.mobile-sub-link:hover,.mobile-sub-link.is-active,.mobile-view-all:hover{background:#f3f6fc;color:#234fc8}
.mobile-view-all{margin-bottom:3px;background:#eef4ff;color:#2753cf}
.mobile-sub-link--overview{font-size:.8rem;color:#6e7b90}
.mobile-nav-cta{width:100%;min-height:52px;margin-top:auto;background:linear-gradient(135deg,#9adb58,#7fc53d);border:1px solid #72b735;color:#17340e;box-shadow:0 16px 34px rgba(112,181,53,.2)}
.mobile-nav-cta:hover{background:linear-gradient(135deg,#a8e56a,#89d148);color:#102b08}
.mobile-nav-open{overflow:hidden}
.mobile-nav-backdrop{position:fixed;inset:0;z-index:1040;background:rgba(8,20,44,.48)}

/* Fallback offcanvas geometry when Bootstrap CDN is unavailable. */
@media (max-width:991.98px){
  .desktop-nav{display:none!important}
  .nav-toggle{display:flex!important}
  .mobile-offcanvas{
    display:block;
    position:fixed;
    z-index:1045;
    top:0;
    right:0;
    bottom:0;
    height:100dvh;
    visibility:hidden;
    transform:translateX(100%);
    transition:transform .28s ease,visibility .28s ease;
  }
  .mobile-offcanvas.show{visibility:visible;transform:none}
  .site-header{position:sticky;top:0;z-index:1030}
  .head-inner{min-height:78px;padding:9px 0;gap:14px}
  .brand{min-width:0;max-width:235px}
  .brand-logo{height:57px;max-width:230px;object-fit:contain;object-position:left center}
  .nav-toggle{width:48px;height:48px;border-radius:15px;border-color:#dfe6f0;background:#fff;box-shadow:0 8px 25px rgba(22,46,83,.06)}
}
@media (min-width:992px){
  .nav-toggle,.mobile-offcanvas{display:none!important}
}

/* Responsive content-page hardening. */
@media (max-width:991.98px){
  .container{width:min(100% - 38px,1220px)}
  .section{padding:68px 0}
  .cp-hero-grid,.cp-listing-hero-grid,.cp-about-grid,.cp-career-grid,.cp-contact-hero-grid,.cp-process-grid,.cp-outcomes-grid{grid-template-columns:minmax(0,1fr)!important}
  .cp-hero-copy,.cp-listing-hero-copy,.cp-process-copy,.cp-outcomes-copy{min-width:0}
  .cp-hero-visual,.cp-listing-art,.cp-about-visual,.cp-career-art,.cp-process-visual{max-width:760px;width:100%;margin-inline:auto}
  .cp-contact-grid{grid-template-columns:minmax(0,1fr)!important}
  .cp-contact-aside{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cp-capability-grid,.cp-value-grid,.cp-listing-grid,.cp-article-grid,.cp-role-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cp-feature-article{grid-template-columns:minmax(0,1fr)!important}
  .cp-case-grid,.cp-solution-list-grid{grid-template-columns:minmax(0,1fr)!important}
  .footer-top{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:45px}
}

@media (max-width:767.98px){
  :root{--radius:18px;--radius-lg:22px}
  .container{width:calc(100% - 28px)}
  .section{padding:54px 0}
  .site-header{backdrop-filter:none;background:#fff}
  .head-inner{min-height:74px;padding:8px 0}
  .brand{max-width:215px}
  .brand-logo{height:52px;max-width:210px}
  .nav-toggle{width:46px;height:46px}

  /* Generic typography and action controls */
  .page-head{padding:34px 0 14px}
  .page-head h1{font-size:2rem}
  .section-title{font-size:1.75rem}
  .btn{min-height:50px;padding:.82rem 1.08rem;font-size:.95rem}
  .grid-2,.grid-3,.cards-2x2{grid-template-columns:minmax(0,1fr)!important}

  /* Detail and listing heroes */
  .cp-hero,.cp-listing-hero,.cp-about-hero,.cp-career-hero,.cp-contact-hero,.cp-resource-hero,.cp-simple-hero{padding:48px 0 56px}
  .cp-hero-grid,.cp-listing-hero-grid,.cp-about-grid,.cp-career-grid,.cp-contact-hero-grid{gap:34px}
  .cp-hero-copy h1,.cp-listing-hero h1,.cp-about-grid h1,.cp-career-grid h1,.cp-contact-hero h1,.cp-resource-hero h1,.cp-simple-hero h1{
    max-width:none;
    margin-top:13px;
    font-size:clamp(2.05rem,10.5vw,2.75rem);
    line-height:1.05;
    letter-spacing:-.045em;
    overflow-wrap:anywhere;
  }
  .cp-hero-copy>p,.cp-listing-hero p,.cp-about-grid>div>p,.cp-career-grid>div>p,.cp-contact-hero p,.cp-resource-hero p{font-size:.98rem;line-height:1.72}
  .cp-eyebrow,.cp-section-kicker{font-size:.67rem;letter-spacing:.09em}
  .cp-hero-actions{display:grid;grid-template-columns:minmax(0,1fr);gap:11px;width:100%;margin-top:25px}
  .cp-hero-actions .btn{width:100%;max-width:none}
  .cp-trust-row{display:grid;grid-template-columns:minmax(0,1fr);gap:9px;margin-top:25px}
  .cp-trust-row span{justify-content:flex-start;min-width:0;font-size:.78rem}
  .cp-visual-card{min-height:300px;padding:14px;border-radius:25px}
  .cp-visual-card:before{inset:13px;border-radius:20px}
  .cp-visual-card img{inset:25px;width:calc(100% - 50px);height:calc(100% - 50px)}
  .cp-visual-note{display:none}

  /* Statistics */
  .cp-stats-wrap{margin-top:-14px}
  .cp-stats{grid-template-columns:minmax(0,1fr);border-radius:22px}
  .cp-stats article{min-height:82px;padding:18px;border-right:0!important;border-bottom:1px solid rgba(255,255,255,.09)}
  .cp-stats article:last-child{border-bottom:0}

  /* Grids/cards */
  .cp-section-head--split,.cp-story-grid{grid-template-columns:minmax(0,1fr);gap:16px}
  .cp-section-head h2{font-size:clamp(1.8rem,8vw,2.3rem)}
  .cp-capability-grid,.cp-value-grid,.cp-listing-grid,.cp-article-grid,.cp-role-grid{grid-template-columns:minmax(0,1fr)}
  .cp-capability-card{min-height:auto;padding:23px;border-radius:21px}
  .cp-capability-card h3{margin-top:24px}
  .cp-process-grid{gap:38px}
  .cp-process-image img{min-height:240px;border-radius:22px}
  .cp-process-badge{position:static;margin-top:12px;padding:15px;border-radius:16px}
  .cp-step-list li{gap:12px;padding:14px 0}
  .cp-step-list li>span{width:36px;height:36px}
  .cp-tech-panel{padding:27px 21px;border-radius:24px}
  .cp-tech-cloud{gap:8px}
  .cp-tech-cloud span{font-size:.74rem;padding:8px 10px}
  .cp-final-cta{grid-template-columns:minmax(0,1fr);gap:22px;padding:32px 22px;border-radius:25px}
  .cp-final-cta .btn{width:100%}
  .cp-solution-list-card,.cp-case-card{grid-template-columns:minmax(0,1fr)}
  .cp-solution-list-card>img,.cp-case-image{height:220px}
  .cp-feature-art{height:250px}
  .cp-feature-article{padding:20px;border-radius:24px}
  .cp-feature-article h2{font-size:1.85rem}
  .cp-article-meta{flex-wrap:wrap;gap:8px 15px}

  /* Contact */
  .cp-contact-promise{padding:24px;border-radius:23px}
  .cp-contact-aside{grid-template-columns:minmax(0,1fr)}
  .cp-contact-form-card,.cp-contact-details{padding:23px;border-radius:22px}
  .cp-form .grid-2{grid-template-columns:minmax(0,1fr)!important}
  .cp-form-footer{flex-direction:column;align-items:stretch}
  .cp-form-footer .btn{width:100%}
  .cp-contact-art{height:235px;border-radius:22px}
  .cp-contact-details>a,.cp-address{min-width:0}
  .cp-contact-details strong{overflow-wrap:anywhere}
  .cp-contact-proof .container{justify-content:flex-start;gap:10px 18px}

  /* Homepage */
  .hero-cover,.hero-content{min-height:620px}
  .hero-content{padding:62px 0 78px}
  .hero-title{font-size:clamp(2.1rem,10vw,3rem)}
  .hero-sub{font-size:.96rem}
  .hero-actions{display:grid;width:100%;gap:10px}
  .hero-actions .btn{width:100%;max-width:none}
  .hero-brands,.hero-logos{gap:8px}
  .hero-brand{font-size:.73rem;padding:7px 9px}
  .hp-intro{padding-top:54px}
  .hp-engagement-grid,.hp-services-grid,.hp-solutions-grid,.hp-managed-grid{grid-template-columns:minmax(0,1fr)}
  .hp-engagement-card{min-height:250px;padding:25px}
  .hp-service-card{border-radius:23px}
  .hp-solution-card,.hp-solution-card:nth-child(1){grid-row:auto;min-height:355px;padding:27px}
  .hp-solution-card h3,.hp-solution-card:not(:first-child) h3{margin-top:55px;font-size:1.8rem}
  .hp-solution-link,.hp-solution-card:first-child .hp-solution-link{position:static;margin-top:25px}
  .hp-industries-inner{padding:32px 21px;border-radius:25px}
  .hp-final-cta{padding:36px 22px;border-radius:25px}
  .hp-final-cta-button{width:100%}

  /* Footer */
  .footer-top{grid-template-columns:minmax(0,1fr);column-gap:0;row-gap:27px;padding:42px 0 25px}
  .footer-bottom{align-items:flex-start;flex-direction:column;gap:13px}
  .footer-bottom .legal{justify-content:flex-start}
  .foot-logo{max-width:190px;height:auto;max-height:48px;object-fit:contain;object-position:left center}
}

@media (max-width:399.98px){
  .container{width:calc(100% - 22px)}
  .brand{max-width:185px}
  .brand-logo{height:47px;max-width:182px}
  .nav-toggle{width:43px;height:43px;border-radius:13px}
  .mobile-offcanvas{--bs-offcanvas-width:94vw;width:94vw}
  .mobile-offcanvas-header{padding-inline:15px}
  .mobile-offcanvas-body{padding-inline:14px}
  .cp-hero-copy h1,.cp-listing-hero h1,.cp-about-grid h1,.cp-career-grid h1,.cp-contact-hero h1,.cp-resource-hero h1{font-size:2rem}
}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .mobile-offcanvas,.mobile-menu-link,.mobile-menu-group>summary{transition:none!important}
}

/* =====================================================================
   IKJIMPEX v12 — secure contact, exam booking and invoice experiences
   ===================================================================== */
.form-hp{position:absolute!important;left:-10000px!important;top:auto!important;width:1px!important;height:1px!important;overflow:hidden!important;opacity:0!important;pointer-events:none!important}
.verified{color:#15803d!important;font-weight:800}

.exam-hero{position:relative;overflow:hidden;padding:92px 0 78px;background:linear-gradient(135deg,#eef4ff 0%,#fff 52%,#effadf 100%)}
.exam-hero:before{content:"";position:absolute;width:430px;height:430px;border-radius:50%;background:radial-gradient(circle,rgba(67,56,202,.18),transparent 68%);left:-180px;top:-160px}
.exam-hero:after{content:"";position:absolute;width:460px;height:460px;border-radius:50%;background:radial-gradient(circle,rgba(132,204,22,.18),transparent 68%);right:-190px;bottom:-240px}
.exam-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(320px,.7fr);gap:58px;align-items:center}
.exam-hero h1{font-size:clamp(2.5rem,5vw,4.8rem);line-height:1.03;letter-spacing:-.055em;margin:14px 0 18px;max-width:14ch}
.exam-hero p{max-width:62ch;font-size:1.1rem;color:#526078;line-height:1.75}
.exam-trust{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.exam-trust span{padding:9px 13px;border:1px solid rgba(37,99,235,.16);border-radius:999px;background:rgba(255,255,255,.75);font-size:.82rem;font-weight:800;color:#21324f}
.exam-hero-card{background:#0d1f4e;color:#fff;border-radius:30px;padding:32px;box-shadow:0 28px 70px rgba(16,35,78,.24);position:relative;overflow:hidden}.exam-hero-card:after{content:"";position:absolute;width:180px;height:180px;border-radius:50%;right:-70px;top:-70px;background:rgba(132,204,22,.16)}
.exam-hero-card .exam-icon{width:54px;height:54px;border-radius:17px;display:grid;place-items:center;background:#93d247;color:#0b2b0d;font-size:1.6rem;font-weight:900;margin-bottom:18px}.exam-hero-card strong{font-size:1.35rem}.exam-hero-card ol{margin:18px 0 0;padding-left:1.3rem;color:rgba(255,255,255,.82);line-height:1.9}
.exam-booking-section{background:#f7f9fc}.exam-booking-card{max-width:1040px;margin:auto;background:#fff;border:1px solid #e1e7f0;border-radius:30px;padding:38px;box-shadow:0 24px 65px rgba(15,23,42,.09)}
.exam-form-head{margin-bottom:28px}.exam-form-head h2{font-size:clamp(1.7rem,3vw,2.5rem);letter-spacing:-.035em;margin:8px 0}.exam-form-head p{color:#64748b;max-width:70ch}
.exam-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 22px}.exam-form-grid label{display:block}.exam-form-grid label>span{display:block;font-size:.82rem;color:#46556d;font-weight:800;margin-bottom:7px}.exam-form-grid .span-2{grid-column:1/-1}
.exam-price-panel{display:flex;align-items:center;justify-content:space-between;gap:16px;border-radius:20px;padding:20px 22px;background:linear-gradient(120deg,#0d1f4e,#203a7c);color:#fff}.exam-price-panel>span{font-size:.82rem;text-transform:uppercase;letter-spacing:.08em;color:rgba(255,255,255,.72)}.exam-price-panel strong{font-size:1.55rem;margin-left:auto}.exam-price-panel small{color:rgba(255,255,255,.72)}
.exam-form-submit{display:flex;justify-content:space-between;align-items:center;gap:24px;border-top:1px solid #e7ecf3;margin-top:28px;padding-top:24px}.exam-form-submit p{margin:0;color:#64748b;max-width:62ch;font-size:.88rem}

.invoice-page{padding:64px 0;background:#f1f5f9;min-height:70vh}.invoice-toolbar{max-width:1000px;margin:0 auto 16px;display:flex;justify-content:flex-end;gap:10px}.invoice-sheet{max-width:1000px;margin:auto;background:#fff;border:1px solid #e2e8f0;border-radius:24px;padding:42px;box-shadow:0 24px 70px rgba(15,23,42,.12)}
.invoice-head{display:flex;justify-content:space-between;gap:24px;align-items:flex-start;padding-bottom:26px;border-bottom:2px solid #0d1f4e}.invoice-brand{display:block;font-size:2rem;font-weight:900;letter-spacing:-.04em;color:#0d1f4e}.invoice-head p{white-space:pre-line;color:#64748b;max-width:40ch;margin:8px 0 0}.invoice-meta{text-align:right;display:grid;gap:4px}.invoice-meta>span{font-size:.76rem;letter-spacing:.18em;font-weight:900;color:#64748b}.invoice-meta strong{font-size:1.25rem;color:#0d1f4e}.invoice-meta small{color:#64748b}
.invoice-status-row{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:18px 0}.invoice-status{display:inline-flex;border-radius:999px;padding:7px 12px;background:#eef2ff;color:#3730a3;font-weight:800;font-size:.82rem}.invoice-status.status-paid{background:#dcfce7;color:#166534}.invoice-status.status-rejected,.invoice-status.status-cancelled{background:#fee2e2;color:#991b1b}.invoice-status.status-pending_verification{background:#fef3c7;color:#92400e}
.invoice-parties{display:grid;grid-template-columns:1fr 1fr;gap:28px;padding:22px 0}.invoice-parties>div{display:flex;flex-direction:column;gap:5px;padding:20px;background:#f8fafc;border-radius:18px}.invoice-parties small{text-transform:uppercase;letter-spacing:.08em;color:#64748b;font-weight:800}.invoice-parties strong{font-size:1.1rem}.invoice-parties span{color:#526078}
.invoice-table{width:100%;border-collapse:collapse;margin:18px 0 28px}.invoice-table th,.invoice-table td{padding:14px;border-bottom:1px solid #e2e8f0;text-align:left}.invoice-table th:last-child,.invoice-table td:last-child{text-align:right}.invoice-table thead th{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:#64748b}.invoice-table tfoot th{font-size:1.1rem;color:#0d1f4e}
.invoice-payment{display:grid;grid-template-columns:1fr 1fr;gap:24px}.invoice-payment>div{padding:22px;border:1px solid #e2e8f0;border-radius:18px}.invoice-payment h3{margin:0 0 12px;font-size:1.05rem}.invoice-payment p{margin:0;color:#526078;line-height:1.7}.invoice-foot{margin-top:28px;padding-top:20px;border-top:1px solid #e2e8f0;color:#64748b;font-size:.84rem}

@media(max-width:800px){
  .exam-hero{padding:58px 0}.exam-hero-grid{grid-template-columns:1fr;gap:30px}.exam-hero h1{font-size:clamp(2.2rem,11vw,3.25rem)}.exam-hero-card{padding:24px;border-radius:24px}
  .exam-booking-card{padding:22px;border-radius:24px}.exam-form-grid{grid-template-columns:1fr}.exam-form-grid .span-2{grid-column:auto}.exam-price-panel{align-items:flex-start;flex-direction:column}.exam-price-panel strong{margin-left:0}.exam-form-submit{align-items:stretch;flex-direction:column}.exam-form-submit .btn{width:100%}
  .invoice-page{padding:30px 0}.invoice-sheet{padding:22px;border-radius:18px}.invoice-head,.invoice-status-row{align-items:flex-start;flex-direction:column}.invoice-meta{text-align:left}.invoice-parties,.invoice-payment{grid-template-columns:1fr}.invoice-table{display:block;overflow-x:auto;white-space:nowrap}
}
@media print{.site-header,.site-footer,.invoice-toolbar{display:none!important}.invoice-page{padding:0;background:#fff}.invoice-sheet{border:0;box-shadow:none;max-width:none;padding:0}.invoice-sheet *{-webkit-print-color-adjust:exact;print-color-adjust:exact}}
.invoice-flash{max-width:1000px;margin:0 auto 14px}
.invoice-proof-form{margin-top:28px;padding:24px;border:1px solid #cbd5e1;border-radius:20px;background:linear-gradient(135deg,#f8fbff,#f6fce9)}
.invoice-proof-form h3{margin:0 0 7px;font-size:1.25rem;color:#0d1f4e}.invoice-proof-form>p{margin:0 0 18px;color:#64748b;line-height:1.65}.invoice-proof-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin-bottom:16px}.invoice-proof-grid label>span{display:block;margin-bottom:6px;font-size:.8rem;font-weight:800;color:#475569}.invoice-proof-grid .span-2{grid-column:1/-1}
@media(max-width:800px){.invoice-proof-grid{grid-template-columns:1fr}.invoice-proof-grid .span-2{grid-column:auto}}
@media print{.invoice-proof-form,.invoice-flash{display:none!important}}