
:root{
  --navy:#0d2646;
  --navy2:#0b315e;
  --blue:#1f7cf2;
  --cyan:#26b9ef;
  --text:#52657b;
  --line:#dfeaf5;
  --soft:#f5faff;
  --shadow:0 25px 70px rgba(11,42,79,.12);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--navy);background:#fff}
a{text-decoration:none}
.site-header{background:rgba(255,255,255,.95);backdrop-filter:blur(15px);border-bottom:1px solid #eaf1f8}
.logo-wrap{display:flex;align-items:center;gap:10px}

.brand-logo-img{
  display:block;
  width:220px;
  max-width:38vw;
  height:auto;
  object-fit:contain;
}

.logo-icon{width:48px;height:48px}
.logo-text strong{display:block;font-size:1.55rem;letter-spacing:.03em;line-height:1;color:var(--navy)}
.logo-text small{font-size:.62rem;letter-spacing:.18em;color:#718198}
.nav-link{font-weight:700;color:#526176!important;margin:0 .55rem}
.nav-link.active,.nav-link:hover{color:var(--blue)!important}
.btn-brand{display:inline-flex;align-items:center;gap:8px;border:0;border-radius:12px;background:linear-gradient(135deg,var(--blue),var(--cyan));color:#fff!important;font-weight:800;padding:.9rem 1.15rem;box-shadow:0 12px 28px rgba(31,124,242,.23)}
.btn-brand svg{width:18px;height:18px}
.btn-ghost{border:1px solid #cbd9e8;border-radius:12px;color:var(--navy);font-weight:800;background:#fff;padding:.9rem 1.25rem}
.hero{position:relative;overflow:hidden;padding:58px 0 0;background:
linear-gradient(180deg,#ffffff 0%,#f7fbff 78%,#fff 100%)}
.hero-bubble{position:absolute;border-radius:50%;filter:blur(1px);pointer-events:none}
.bubble-a{width:560px;height:560px;right:-120px;top:-110px;background:radial-gradient(circle at 40% 40%,rgba(59,167,246,.19),rgba(59,167,246,.03) 60%,transparent 70%)}
.bubble-b{width:330px;height:330px;left:38%;top:85px;background:radial-gradient(circle,rgba(77,176,247,.12),transparent 70%)}
.eyebrow{display:flex;align-items:center;gap:10px;font-size:.78rem;font-weight:900;letter-spacing:.16em;color:var(--blue);margin-bottom:14px}
.eyebrow span{width:26px;height:2px;background:linear-gradient(90deg,var(--blue),var(--cyan))}
.hero h1{font-size:clamp(3.4rem,6vw,6.2rem);line-height:.96;letter-spacing:-.055em;font-weight:900;margin:0}
.hero h1 span{display:inline-block;background:linear-gradient(90deg,var(--blue),var(--cyan));-webkit-background-clip:text;color:transparent}
.hero-copy{max-width:640px;font-size:1.08rem;line-height:1.7;color:#64758b;margin-top:25px}
.device-stage{position:relative;min-height:520px}
.hand-note{position:absolute;right:12px;top:-14px;color:#1a5fa9;font-style:italic;font-family:cursive;font-size:1.05rem;line-height:1.1;transform:rotate(-5deg)}
.laptop{position:absolute;left:0;right:55px;bottom:40px}
.laptop-screen{height:410px;background:#f9fcff;border:10px solid #1d2c3e;border-bottom-width:14px;border-radius:24px 24px 14px 14px;overflow:hidden;display:flex;box-shadow:0 28px 60px rgba(13,38,70,.22)}
.laptop-base{width:105%;height:24px;margin-left:-2.5%;background:linear-gradient(#dce6ef,#aab7c3);border-radius:4px 4px 24px 24px;box-shadow:0 15px 30px rgba(10,30,50,.18)}
.app-sidebar{width:120px;background:linear-gradient(180deg,#0d315b,#092642);color:#cfe6fb;padding:18px 10px}
.app-brand{font-weight:900;margin-bottom:18px;color:#fff}
.mini-o{display:inline-block;width:16px;height:16px;border:2px solid #38b7f0;border-radius:50%;vertical-align:-3px;margin-right:4px}
.app-nav{font-size:.67rem;padding:8px 9px;border-radius:7px;margin-bottom:5px}
.app-nav.active{background:#1f7cf2;color:#fff}
.app-main{flex:1;padding:15px;background:#f7fbff}
.app-top{display:flex;justify-content:space-between;gap:12px}
.searchbox{width:52%;height:28px;border-radius:8px;background:#fff;border:1px solid #e4edf6;color:#9ba9b8;font-size:.65rem;padding:6px 10px}
.user-badge{font-size:.65rem;font-weight:800}
.welcome{font-size:.65rem;color:#7c8b9e;margin:10px 0}.welcome strong{font-size:1rem;color:var(--navy)}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.stats div{background:#fff;border:1px solid #e4edf6;border-radius:10px;padding:8px}
.stats small{display:block;font-size:.54rem;color:#8696a8}.stats b{display:block;font-size:1rem}.stats em{font-size:.5rem;color:#26a36c;font-style:normal}
.app-grid{display:grid;grid-template-columns:1.45fr .8fr;gap:8px;margin-top:9px}
.chart-box,.jobs-box{background:#fff;border:1px solid #e4edf6;border-radius:10px;padding:9px}
.box-head{display:flex;justify-content:space-between;font-size:.55rem}.box-head small{color:#8ea0b1}
.bar-chart{display:flex;align-items:end;gap:5px;height:110px;padding-top:14px}
.bar-chart i{flex:1;background:linear-gradient(180deg,#24b8ef,#1f7cf2);border-radius:4px 4px 1px 1px}
.jobs-box p{font-size:.52rem;margin:7px 0;color:#4f6075}
.dot{display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:6px}.green{background:#34c77b}.blue{background:#2d8ff0}.orange{background:#f39b32}.purple{background:#7b61e8}
.phone{position:absolute;right:0;bottom:52px;width:105px;height:230px;background:#fff;border:8px solid #263343;border-radius:26px;box-shadow:0 22px 35px rgba(8,30,56,.22);padding:20px 8px 8px}
.phone-notch{position:absolute;top:4px;left:50%;transform:translateX(-50%);width:42px;height:5px;background:#202d3a;border-radius:10px}
.phone-head{font-weight:900;font-size:.72rem;margin-bottom:12px}.phone-item{font-size:.58rem;background:#f3f8fd;border-radius:7px;padding:7px 6px;margin:6px 0;color:#4f6075}

.premium-band{display:grid;grid-template-columns:repeat(5,1fr);margin-top:32px;background:rgba(255,255,255,.93);border:1px solid #dbe8f5;border-radius:20px;box-shadow:0 18px 48px rgba(11,42,79,.08);overflow:hidden}
.service-item{display:flex;align-items:center;justify-content:center;gap:13px;padding:22px 18px;position:relative}
.service-item:not(:last-child):after{content:"";position:absolute;right:0;height:55%;width:1px;background:#dbe8f5}
.service-icon{width:44px;height:44px;color:var(--blue);display:grid;place-items:center}
.service-icon svg{width:38px;height:38px}
.service-item strong{display:block;font-size:.9rem}.service-item small{display:block;color:#78899d;font-size:.72rem;margin-top:3px}

.section-space{padding:92px 0}
.section-head{max-width:820px;margin:auto}.section-head>span,.contact-simple>div>span{font-size:.78rem;letter-spacing:.16em;color:var(--blue);font-weight:900}
.section-head h2{font-size:clamp(2.5rem,4vw,4rem);line-height:1.05;letter-spacing:-.045em;font-weight:900;margin:14px 0 12px}
.section-head p{color:#6f8092;font-size:1rem}
.solution-card{height:100%;padding:24px 22px;border-radius:20px;border:1px solid #dce8f4;background:#fff;box-shadow:0 7px 22px rgba(13,38,70,.03);transition:.25s}
.solution-card:hover{transform:translateY(-6px);box-shadow:var(--shadow)}
.solution-icon{width:52px;height:52px;border-radius:15px;display:grid;place-items:center;margin-bottom:18px}
.solution-icon svg{width:30px;height:30px}
.solution-card .cat{font-size:.7rem;font-weight:900;letter-spacing:.08em;color:#77879a}
.solution-card h3{font-size:1.5rem;font-weight:900;margin:7px 0 10px}
.solution-card p{color:#64758a;font-size:.9rem;min-height:120px}
.solution-card ul{list-style:none;padding:0;margin:18px 0 25px}
.solution-card li{position:relative;padding-left:25px;margin:9px 0;color:#536579;font-size:.84rem}
.solution-card li:before{content:"✓";position:absolute;left:0;top:-1px;width:18px;height:18px;border-radius:50%;display:grid;place-items:center;font-size:.7rem;font-weight:900}
.solution-card a{font-weight:900;font-size:.86rem}
.visa .solution-icon{background:#e8f4ff;color:#1f7cf2}.visa li:before{background:#e8f4ff;color:#1f7cf2}.visa a{color:#1f7cf2}
.translate .solution-icon{background:#e9f9ef;color:#20a866}.translate li:before{background:#e9f9ef;color:#20a866}.translate a{color:#20a866}
.insurance .solution-icon{background:#f1edff;color:#7157d9}.insurance li:before{background:#f1edff;color:#7157d9}.insurance a{color:#7157d9}
.custom .solution-icon{background:#fff1e8;color:#ff6b00}.custom li:before{background:#fff1e8;color:#ff6b00}.custom a{color:#ff6b00}

.cta-wrap{padding:0 0 80px}
.dark-cta{position:relative;overflow:hidden;padding:48px;border-radius:28px;background:
radial-gradient(circle at 78% 20%,rgba(30,145,255,.28),transparent 28%),
linear-gradient(135deg,#092645,#0b3f79);color:#fff;box-shadow:0 25px 70px rgba(9,38,69,.2)}
.dark-cta span{font-size:.75rem;letter-spacing:.14em;color:#3fc2f4;font-weight:900}
.dark-cta h2{font-size:clamp(2.2rem,4vw,3.8rem);line-height:1.05;letter-spacing:-.045em;font-weight:900;margin:12px 0}
.dark-cta p{color:#c9d9e9}
.benefits{display:grid;gap:15px}.benefits div{display:flex;align-items:center;gap:10px}.benefits div:first-letter{color:#fff}.benefits div{color:#fff}.benefits div::first-line{font-weight:700}
.growth-bars{position:absolute;right:22px;bottom:0;display:flex;align-items:end;gap:12px;opacity:.34}
.growth-bars i{display:block;width:28px;background:linear-gradient(#27bcf0,#1f7cf2);border-radius:7px 7px 0 0}
.growth-bars i:nth-child(1){height:28px}.growth-bars i:nth-child(2){height:55px}.growth-bars i:nth-child(3){height:85px}.growth-bars i:nth-child(4){height:120px}.growth-bars i:nth-child(5){height:160px}

.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-top:42px}
.steps article{border-top:1px solid #cfdeec;padding-top:26px;position:relative}
.steps article:before{content:"";position:absolute;top:-3px;left:0;width:58px;height:5px;border-radius:10px;background:linear-gradient(90deg,var(--blue),var(--cyan))}
.steps b{font-size:.76rem;color:var(--blue);letter-spacing:.12em}.steps h3{font-size:1.18rem;font-weight:900;margin:14px 0 8px}.steps p{font-size:.88rem;color:#6d7e90}
.contact-simple{padding:80px 0;background:#f7fbff}
.contact-simple h2{font-size:clamp(2.5rem,4vw,4rem);font-weight:900;letter-spacing:-.045em;margin:12px 0}
.contact-simple p{max-width:680px;margin:0 auto 24px;color:#6b7e91}.mail-link{font-size:1.25rem;font-weight:900;color:var(--blue)}
footer{background:#081c34;color:#b9cde0;padding:42px 0}
.footer-inner{display:flex;justify-content:space-between;align-items:center;gap:30px}
footer strong{font-size:1.6rem;color:#fff;display:block}footer small{letter-spacing:.16em;font-size:.62rem}footer p{margin:5px 0 0;color:#6688a8}
.footer-links{display:flex;flex-wrap:wrap;gap:20px}.footer-links a{color:#b9cde0;font-size:.86rem}.footer-links a:hover{color:#fff}

@media(max-width:1199px){
  .premium-band{grid-template-columns:repeat(2,1fr)}
  .service-item:nth-child(2):after,.service-item:nth-child(4):after{display:none}
  .device-stage{min-height:470px}
}
@media(max-width:991px){
  .navbar-collapse{padding:15px 0}
  .hero{padding-top:42px}
  .device-stage{margin-top:10px}
  .steps{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:767px){
  .hero h1{font-size:3.5rem}
  .device-stage{min-height:350px}
  .laptop{right:35px;bottom:30px}.laptop-screen{height:300px;border-width:7px}.app-sidebar{width:76px;padding:12px 6px}.app-nav{font-size:.52rem}.app-main{padding:9px}.stats{grid-template-columns:repeat(2,1fr)}.app-grid{grid-template-columns:1fr}.jobs-box{display:none}.phone{width:78px;height:170px;border-width:6px;right:-4px}.phone-item{font-size:.45rem;padding:4px}.phone-head{font-size:.55rem}
  .hand-note{display:none}
  .premium-band{grid-template-columns:1fr}
  .service-item{justify-content:flex-start;padding:18px 24px}.service-item:after{display:none!important}
  .solution-card p{min-height:auto}
  .steps{grid-template-columns:1fr}
  .dark-cta{padding:34px 24px}
  .footer-inner{flex-direction:column;align-items:flex-start}
}

@media(max-width:767px){
  .brand-logo-img{width:195px;max-width:64vw}
}

/* v2.7 - balanced premium hero */
.hero .row.align-items-center{
  align-items:center !important;
}
.hero-visual-wrap{
  position:relative;
  min-height:530px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:20px 0 10px 20px;
}
.hero-premium-visual{
  width:108%;
  max-width:840px;
  height:auto;
  display:block;
  object-fit:contain;
  border-radius:24px;
  box-shadow:0 30px 70px rgba(13,38,70,.14);
}
.hero-trust-row{
  display:flex;
  flex-wrap:wrap;
  gap:24px;
  margin-top:26px;
}
.hero-trust-item{
  display:flex;
  align-items:center;
  gap:10px;
}
.trust-mini-icon{
  width:36px;height:36px;
  display:grid;place-items:center;
  color:#1f7cf2;
  flex:0 0 auto;
}
.trust-mini-icon svg{width:28px;height:28px}
.hero-trust-item strong{
  display:block;
  color:var(--navy);
  font-size:.82rem;
  line-height:1.2;
}
.hero-trust-item small{
  display:block;
  color:#7c8da0;
  font-size:.69rem;
  margin-top:2px;
}
@media(max-width:1199px){
  .hero-visual-wrap{min-height:470px;padding-left:10px}
  .hero-premium-visual{width:104%;max-width:760px}
}
@media(max-width:991px){
  .hero-visual-wrap{min-height:auto;padding:10px 0 0}
  .hero-premium-visual{width:100%;max-width:100%}
}
@media(max-width:767px){
  .hero-trust-row{display:grid;grid-template-columns:1fr;gap:12px}
  .hero-premium-visual{border-radius:16px}
}


/* v2.8 - premium service band + solution cards */

/* Premium service band */
.premium-band{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 12% 50%, rgba(31,124,242,.07), transparent 22%),
    radial-gradient(circle at 86% 50%, rgba(38,185,239,.06), transparent 22%),
    rgba(255,255,255,.96);
  border:1px solid rgba(206,222,238,.95);
  box-shadow:
    0 18px 48px rgba(13,38,70,.08),
    inset 0 1px 0 rgba(255,255,255,.95);
}
.premium-band:before{
  content:"";
  position:absolute;
  left:4%;
  right:4%;
  top:0;
  height:2px;
  background:linear-gradient(90deg, transparent, rgba(31,124,242,.6), rgba(38,185,239,.65), transparent);
  opacity:.65;
}
.service-item{
  transition:transform .24s ease, background .24s ease;
}
.service-item:hover{
  transform:translateY(-3px);
  background:linear-gradient(180deg,rgba(248,252,255,.9),rgba(255,255,255,.96));
}
.service-item:not(:last-child):after{
  height:44%;
  background:linear-gradient(180deg,transparent,#d8e6f3,transparent);
}
.service-icon{
  width:54px;
  height:54px;
  border-radius:16px;
  background:linear-gradient(145deg,#f5fbff,#edf6ff);
  box-shadow:
    inset 0 0 0 1px rgba(31,124,242,.07),
    0 8px 18px rgba(31,124,242,.08);
  transition:transform .24s ease, box-shadow .24s ease;
}
.service-item:hover .service-icon{
  transform:translateY(-2px) scale(1.04);
  box-shadow:
    inset 0 0 0 1px rgba(31,124,242,.12),
    0 12px 24px rgba(31,124,242,.13);
}
.service-icon svg{
  width:31px;
  height:31px;
}
.service-item strong{
  font-size:.94rem;
  letter-spacing:-.01em;
}
.service-item small{
  font-size:.73rem;
  color:#7a8a9d;
}

/* Premium solution cards */
.solution-card{
  position:relative;
  overflow:hidden;
  border:1px solid rgba(214,227,240,.98);
  box-shadow:
    0 12px 28px rgba(13,38,70,.045),
    inset 0 1px 0 rgba(255,255,255,.96);
  transition:
    transform .28s ease,
    box-shadow .28s ease,
    border-color .28s ease;
}
.solution-card:before{
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:0;
  height:4px;
  opacity:.9;
}
.solution-card:after{
  content:"";
  position:absolute;
  width:150px;
  height:150px;
  border-radius:50%;
  right:-85px;
  top:-85px;
  opacity:.32;
  pointer-events:none;
}
.solution-card:hover{
  transform:translateY(-8px);
  box-shadow:0 24px 50px rgba(13,38,70,.11);
  border-color:#cddff0;
}
.solution-card:hover .solution-icon{
  transform:translateY(-2px) scale(1.06);
}
.solution-icon{
  width:58px;
  height:58px;
  border-radius:17px;
  transition:transform .25s ease, box-shadow .25s ease;
  box-shadow:0 10px 22px rgba(13,38,70,.07);
}
.solution-icon svg{
  width:31px;
  height:31px;
}
.solution-card .cat{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:5px 9px;
  border-radius:999px;
  letter-spacing:.07em;
  margin-bottom:2px;
}
.solution-card h3{
  margin-top:10px;
}
.solution-card a{
  display:inline-flex;
  align-items:center;
  gap:7px;
  padding:9px 12px;
  border-radius:10px;
  background:#f8fbff;
  transition:transform .22s ease, background .22s ease;
}
.solution-card a:hover{
  transform:translateX(3px);
  background:#f1f7fd;
}

/* Card-specific accents */
.visa:before{background:linear-gradient(90deg,#1f7cf2,#43b8ff)}
.visa:after{background:#eaf5ff}
.visa .cat{background:#eef7ff;color:#1f7cf2}
.visa .solution-icon{background:linear-gradient(145deg,#eef7ff,#e1f1ff)}

.translate:before{background:linear-gradient(90deg,#21a96b,#55d99a)}
.translate:after{background:#eaf9f1}
.translate .cat{background:#eefaf3;color:#20a866}
.translate .solution-icon{background:linear-gradient(145deg,#eefaf3,#dff6e8)}

.insurance:before{background:linear-gradient(90deg,#6e59d9,#9c8bf1)}
.insurance:after{background:#f2efff}
.insurance .cat{background:#f3f0ff;color:#7157d9}
.insurance .solution-icon{background:linear-gradient(145deg,#f3f0ff,#ebe6ff)}

.custom:before{background:linear-gradient(90deg,#ff6b00,#ff9f43)}
.custom:after{background:#fff1e8}
.custom .cat{background:#fff4ec;color:#f26a10}
.custom .solution-icon{background:linear-gradient(145deg,#fff4ec,#ffeadb)}

.solution-card ul{
  margin-top:20px;
}
.solution-card li{
  transition:transform .2s ease;
}
.solution-card:hover li{
  transform:translateX(2px);
}

@media(max-width:991px){
  .premium-band{
    box-shadow:0 14px 36px rgba(13,38,70,.07);
  }
}


/* v2.9 - premium CTA makeover */
.premium-cta{
  padding:56px 58px;
  min-height:520px;
  display:flex;
  align-items:center;
  background:
    radial-gradient(circle at 78% 22%, rgba(31,124,242,.26), transparent 26%),
    radial-gradient(circle at 18% 100%, rgba(38,185,239,.10), transparent 32%),
    linear-gradient(135deg,#082846 0%,#0b3768 54%,#0b4a87 100%);
  border:1px solid rgba(111,178,240,.15);
  box-shadow:
    0 28px 70px rgba(8,37,67,.22),
    inset 0 1px 0 rgba(255,255,255,.06);
}
.premium-cta:before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:28px;
  background:
    linear-gradient(120deg,rgba(255,255,255,.04),transparent 30%,transparent 70%,rgba(255,255,255,.025));
  pointer-events:none;
}
.cta-orb{
  position:absolute;
  border-radius:50%;
  filter:blur(2px);
  pointer-events:none;
}
.orb-one{
  width:260px;height:260px;
  right:17%;top:-120px;
  background:radial-gradient(circle,rgba(53,178,255,.14),transparent 70%);
}
.orb-two{
  width:210px;height:210px;
  left:-70px;bottom:-110px;
  background:radial-gradient(circle,rgba(52,202,255,.08),transparent 72%);
}
.cta-kicker{
  display:inline-flex;
  align-items:center;
  gap:10px;
  color:#58caf4;
  font-size:.74rem;
  letter-spacing:.16em;
  font-weight:900;
}
.cta-kicker-dot{
  width:28px;height:2px;
  border-radius:8px;
  background:linear-gradient(90deg,#39bffc,#70d9ff);
}
.premium-cta h2{
  max-width:760px;
  font-size:clamp(2.7rem,4.6vw,4.9rem);
  line-height:.98;
  letter-spacing:-.05em;
  margin:18px 0 20px;
}
.premium-cta h2 em{
  font-style:normal;
  background:linear-gradient(90deg,#fff 0%,#d7efff 68%,#89d8ff 100%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}
.cta-lead{
  max-width:720px;
  color:#c8dced !important;
  font-size:1.05rem;
  line-height:1.7;
}
.cta-actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:28px;
}
.cta-actions .btn{
  min-height:58px;
  border-radius:13px;
  padding:0 19px;
  display:inline-flex;
  align-items:center;
  gap:16px;
  font-weight:800;
  border:1px solid transparent;
}
.cta-primary{
  background:#fff !important;
  color:#0b315e !important;
  box-shadow:0 14px 30px rgba(0,0,0,.13);
}
.cta-primary i{
  width:28px;height:28px;
  display:grid;place-items:center;
  border-radius:9px;
  background:#eaf5ff;
  color:#1f7cf2;
  font-style:normal;
}
.cta-secondary{
  color:#fff !important;
  border-color:rgba(255,255,255,.38) !important;
  background:rgba(255,255,255,.035) !important;
  backdrop-filter:blur(8px);
}
.cta-secondary i{
  color:#65d1ff;
  font-style:normal;
}
.cta-actions .btn:hover{
  transform:translateY(-2px);
}
.cta-mini-proof{
  display:flex;
  flex-wrap:wrap;
  gap:18px;
  margin-top:24px;
}
.cta-mini-proof span{
  color:#a9c7e1;
  font-size:.75rem;
  letter-spacing:0;
  font-weight:700;
}
.cta-mini-proof i{
  display:inline-grid;
  place-items:center;
  width:18px;height:18px;
  margin-right:5px;
  border-radius:50%;
  background:rgba(69,193,255,.14);
  color:#58d0ff;
  font-style:normal;
  font-size:.65rem;
}
.cta-side-panel{
  position:relative;
  z-index:2;
  padding:20px;
  border:1px solid rgba(196,226,249,.14);
  border-radius:22px;
  background:
    linear-gradient(145deg,rgba(255,255,255,.105),rgba(255,255,255,.045));
  backdrop-filter:blur(14px);
  box-shadow:
    0 24px 55px rgba(0,18,38,.18),
    inset 0 1px 0 rgba(255,255,255,.09);
}
.cta-side-head{
  display:flex;
  justify-content:space-between;
  gap:16px;
  align-items:flex-start;
  padding-bottom:16px;
  border-bottom:1px solid rgba(255,255,255,.09);
}
.cta-side-head small{
  display:block;
  color:#72cffa;
  font-size:.61rem;
  letter-spacing:.12em;
  font-weight:900;
}
.cta-side-head strong{
  display:block;
  color:#fff;
  font-size:1rem;
  margin-top:4px;
}
.cta-status{
  padding:6px 9px;
  border-radius:999px;
  background:rgba(49,181,248,.13);
  border:1px solid rgba(91,203,255,.18);
  color:#7ad7ff !important;
  letter-spacing:.07em !important;
  font-size:.62rem !important;
}
.benefit-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
  margin-top:16px;
}
.benefit-grid article{
  display:flex;
  align-items:center;
  gap:10px;
  min-height:74px;
  padding:12px;
  border-radius:14px;
  background:rgba(255,255,255,.055);
  border:1px solid rgba(255,255,255,.075);
}
.benefit-icon{
  width:34px;height:34px;
  display:grid;place-items:center;
  border-radius:10px;
  background:linear-gradient(145deg,rgba(32,139,242,.35),rgba(65,200,255,.18));
  color:#7bd8ff !important;
  font-size:.95rem !important;
  letter-spacing:0 !important;
  flex:0 0 auto;
}
.benefit-grid strong{
  display:block;
  color:#fff;
  font-size:.73rem;
}
.benefit-grid small{
  display:block;
  color:#9fbfd8;
  font-size:.61rem;
  margin-top:2px;
}
.cta-performance{
  margin-top:12px;
  padding:14px;
  border-radius:14px;
  background:rgba(5,27,52,.22);
  border:1px solid rgba(255,255,255,.06);
}
.perf-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}
.perf-head span{
  color:#aac7df !important;
  font-size:.65rem !important;
  letter-spacing:0 !important;
}
.perf-head b{
  color:#5ad7a2;
  font-size:.75rem;
}
.perf-bars{
  height:68px;
  display:flex;
  align-items:flex-end;
  gap:8px;
  margin-top:10px;
}
.perf-bars i{
  display:block;
  flex:1;
  border-radius:5px 5px 1px 1px;
  background:linear-gradient(180deg,#35c2f5,#1878e9);
  opacity:.95;
  box-shadow:0 4px 14px rgba(31,124,242,.14);
}
@media(max-width:991px){
  .premium-cta{
    padding:42px 34px;
  }
  .premium-cta h2{
    max-width:100%;
  }
}
@media(max-width:767px){
  .premium-cta{
    padding:34px 22px;
    min-height:auto;
  }
  .premium-cta h2{
    font-size:2.65rem;
  }
  .benefit-grid{
    grid-template-columns:1fr;
  }
  .cta-actions{
    display:grid;
  }
  .cta-actions .btn{
    width:100%;
    justify-content:space-between;
  }
  .cta-mini-proof{
    display:grid;
    gap:9px;
  }
}


/* v3.0 - CTA button polish + full mobile styling */

/* Better CTA buttons */
.cta-actions{
  gap:14px;
}
.cta-actions .btn{
  position:relative;
  overflow:hidden;
  min-height:60px;
  border-radius:15px;
  padding:0 18px 0 22px;
  font-size:.92rem;
  letter-spacing:-.01em;
  transition:
    transform .22s ease,
    box-shadow .22s ease,
    border-color .22s ease,
    background .22s ease;
}
.cta-actions .btn:before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(120deg,transparent 25%,rgba(255,255,255,.24),transparent 70%);
  transform:translateX(-120%);
  transition:transform .5s ease;
}
.cta-actions .btn:hover:before{
  transform:translateX(120%);
}
.cta-primary{
  background:linear-gradient(135deg,#ffffff 0%,#f4faff 100%) !important;
  color:#0b315e !important;
  border-color:rgba(255,255,255,.82) !important;
  box-shadow:
    0 14px 28px rgba(0,0,0,.13),
    inset 0 1px 0 #fff;
}
.cta-primary:hover{
  transform:translateY(-3px);
  box-shadow:
    0 20px 36px rgba(0,0,0,.18),
    inset 0 1px 0 #fff;
}
.cta-secondary{
  background:linear-gradient(135deg,rgba(255,255,255,.075),rgba(255,255,255,.025)) !important;
  border-color:rgba(134,211,255,.48) !important;
  color:#eaf8ff !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07);
}
.cta-secondary:hover{
  transform:translateY(-3px);
  border-color:rgba(134,211,255,.8) !important;
  background:linear-gradient(135deg,rgba(85,193,255,.14),rgba(255,255,255,.035)) !important;
}
.cta-actions .btn i{
  transition:transform .22s ease;
}
.cta-actions .btn:hover i{
  transform:translateX(3px);
}

/* Tablet */
@media(max-width:991px){
  .premium-cta{
    padding:40px 30px;
    min-height:auto;
  }
  .premium-cta .row{
    --bs-gutter-x:1.5rem;
    --bs-gutter-y:2rem;
  }
  .premium-cta h2{
    font-size:clamp(2.5rem,7vw,4rem);
    line-height:1.02;
  }
  .cta-side-panel{
    max-width:680px;
    margin:0 auto;
  }
}

/* Mobile */
@media(max-width:767px){
  .cta-wrap{
    padding:0 0 54px;
  }

  .premium-cta{
    padding:26px 18px 20px;
    border-radius:22px;
    min-height:auto;
    background:
      radial-gradient(circle at 82% 12%, rgba(31,124,242,.24), transparent 24%),
      linear-gradient(155deg,#082846 0%,#0a3565 58%,#0b477f 100%);
  }

  .premium-cta:before{
    border-radius:22px;
  }

  .cta-kicker{
    font-size:.64rem;
    letter-spacing:.12em;
    gap:8px;
  }

  .cta-kicker-dot{
    width:20px;
  }

  .premium-cta h2{
    font-size:clamp(2.15rem,11vw,3.15rem);
    line-height:1.01;
    letter-spacing:-.045em;
    margin:14px 0 16px;
    max-width:100%;
  }

  .cta-lead{
    font-size:.91rem;
    line-height:1.65;
    margin-bottom:0;
  }

  .cta-actions{
    display:grid;
    grid-template-columns:1fr;
    gap:10px;
    margin-top:22px;
  }

  .cta-actions .btn{
    width:100%;
    min-height:56px;
    justify-content:space-between;
    padding:0 14px 0 17px;
    font-size:.88rem;
    border-radius:13px;
  }

  .cta-primary i,
  .cta-secondary i{
    width:30px;
    height:30px;
    display:grid;
    place-items:center;
    border-radius:9px;
  }

  .cta-secondary i{
    background:rgba(87,199,255,.10);
    color:#6dd5ff;
  }

  .cta-mini-proof{
    display:grid;
    grid-template-columns:1fr;
    gap:8px;
    margin-top:18px;
    padding:14px;
    border-radius:13px;
    background:rgba(255,255,255,.035);
    border:1px solid rgba(255,255,255,.06);
  }

  .cta-mini-proof span{
    font-size:.71rem;
    display:flex;
    align-items:center;
  }

  .cta-side-panel{
    margin-top:4px;
    padding:15px;
    border-radius:18px;
  }

  .cta-side-head{
    align-items:center;
    padding-bottom:12px;
  }

  .cta-side-head small{
    font-size:.54rem;
  }

  .cta-side-head strong{
    font-size:.9rem;
    line-height:1.25;
  }

  .cta-status{
    font-size:.55rem !important;
    padding:5px 8px;
  }

  .benefit-grid{
    grid-template-columns:1fr;
    gap:8px;
    margin-top:12px;
  }

  .benefit-grid article{
    min-height:64px;
    padding:10px 11px;
    border-radius:12px;
  }

  .benefit-icon{
    width:32px;
    height:32px;
    border-radius:9px;
  }

  .benefit-grid strong{
    font-size:.72rem;
  }

  .benefit-grid small{
    font-size:.58rem;
  }

  .cta-performance{
    margin-top:10px;
    padding:12px;
  }

  .perf-bars{
    height:54px;
    gap:6px;
  }

  .perf-head span{
    font-size:.59rem !important;
  }

  .perf-head b{
    font-size:.7rem;
  }
}

/* Very small phones */
@media(max-width:420px){
  .premium-cta{
    padding:22px 14px 16px;
    border-radius:18px;
  }
  .premium-cta h2{
    font-size:2.22rem;
  }
  .cta-lead{
    font-size:.86rem;
  }
  .cta-actions .btn{
    font-size:.83rem;
  }
  .cta-side-panel{
    padding:12px;
  }
}


/* v3.1 - premium process section */
.process-premium{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 50% 0%, rgba(31,124,242,.05), transparent 26%),
    linear-gradient(180deg,#ffffff 0%,#fbfdff 100%);
}
.process-head{
  max-width:860px;
}
.process-head h2 em{
  font-style:normal;
  background:linear-gradient(90deg,var(--blue),var(--cyan));
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}
.process-head p{
  max-width:700px;
  margin:16px auto 0;
  color:#708196;
  font-size:1rem;
}
.process-timeline{
  position:relative;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:18px;
  margin-top:58px;
}
.process-timeline:before{
  content:"";
  position:absolute;
  left:8%;
  right:8%;
  top:37px;
  height:2px;
  background:linear-gradient(90deg,
    rgba(31,124,242,.1),
    rgba(31,124,242,.55),
    rgba(38,185,239,.55),
    rgba(31,124,242,.1));
  z-index:0;
}
.process-card{
  position:relative;
  z-index:1;
  min-height:310px;
  padding:24px 22px 22px;
  border:1px solid #dce8f4;
  border-radius:20px;
  background:rgba(255,255,255,.96);
  box-shadow:
    0 12px 32px rgba(13,38,70,.05),
    inset 0 1px 0 #fff;
  transition:transform .26s ease,box-shadow .26s ease,border-color .26s ease;
}
.process-card:hover{
  transform:translateY(-7px);
  border-color:#c9ddf0;
  box-shadow:0 24px 48px rgba(13,38,70,.10);
}
.process-num{
  position:absolute;
  top:-15px;
  left:20px;
  min-width:42px;
  height:30px;
  padding:0 10px;
  display:grid;
  place-items:center;
  border-radius:999px;
  background:linear-gradient(135deg,var(--blue),var(--cyan));
  color:#fff;
  font-size:.68rem;
  font-weight:900;
  letter-spacing:.08em;
  box-shadow:0 8px 20px rgba(31,124,242,.22);
}
.process-icon{
  width:62px;
  height:62px;
  margin:10px 0 22px;
  border-radius:18px;
  display:grid;
  place-items:center;
  color:var(--blue);
  background:linear-gradient(145deg,#f2f8ff,#eaf4ff);
  box-shadow:
    inset 0 0 0 1px rgba(31,124,242,.07),
    0 10px 24px rgba(31,124,242,.08);
}
.process-icon svg{
  width:31px;
  height:31px;
}
.process-content>span{
  font-size:.64rem;
  font-weight:900;
  letter-spacing:.13em;
  color:#8a9aac;
}
.process-content h3{
  margin:8px 0 10px;
  font-size:1.25rem;
  font-weight:900;
  color:var(--navy);
}
.process-content p{
  margin:0;
  color:#6c7d90;
  font-size:.88rem;
  line-height:1.65;
}
.process-bottom-note{
  max-width:760px;
  margin:28px auto 0;
  padding:16px 18px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  border:1px solid #deebf6;
  border-radius:16px;
  background:linear-gradient(180deg,#fff,#f7fbff);
  box-shadow:0 10px 25px rgba(13,38,70,.04);
}
.process-note-icon{
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  flex:0 0 auto;
  border-radius:10px;
  background:#eaf5ff;
  color:var(--blue);
  font-weight:900;
}
.process-bottom-note strong{
  display:block;
  color:var(--navy);
  font-size:.84rem;
}
.process-bottom-note small{
  display:block;
  color:#7b8da0;
  font-size:.73rem;
  margin-top:2px;
}

/* tablet */
@media(max-width:991px){
  .process-timeline{
    grid-template-columns:repeat(2,1fr);
    gap:28px 18px;
  }
  .process-timeline:before{
    display:none;
  }
}

/* mobile */
@media(max-width:767px){
  .process-premium{
    padding:70px 0;
  }
  .process-head h2{
    font-size:clamp(2.25rem,10vw,3.1rem);
  }
  .process-head h2 br{
    display:none;
  }
  .process-head p{
    font-size:.9rem;
  }
  .process-timeline{
    grid-template-columns:1fr;
    margin-top:38px;
    gap:18px;
  }
  .process-card{
    min-height:auto;
    padding:22px 18px 18px;
    display:grid;
    grid-template-columns:54px 1fr;
    column-gap:14px;
    align-items:start;
  }
  .process-num{
    top:16px;
    left:auto;
    right:16px;
    min-width:38px;
    height:26px;
    font-size:.62rem;
  }
  .process-icon{
    width:50px;
    height:50px;
    margin:0;
    border-radius:15px;
    grid-row:1 / span 2;
  }
  .process-icon svg{
    width:26px;
    height:26px;
  }
  .process-content{
    padding-right:36px;
  }
  .process-content h3{
    font-size:1.06rem;
    margin:5px 0 6px;
  }
  .process-content p{
    font-size:.82rem;
    line-height:1.55;
  }
  .process-bottom-note{
    margin-top:20px;
    justify-content:flex-start;
    padding:14px;
  }
}


/* v3.2 - mobile hero trust row + two-column compact solutions */

@media(max-width:767px){

  /* Hero trust items: three side-by-side */
  .hero-trust-row{
    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:6px !important;
    margin-top:18px !important;
    width:100%;
  }
  .hero-trust-item{
    min-width:0 !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:5px !important;
    text-align:center;
    padding:8px 4px;
    border-radius:11px;
    background:rgba(255,255,255,.62);
    border:1px solid rgba(219,232,245,.85);
  }
  .trust-mini-icon{
    width:28px !important;
    height:28px !important;
  }
  .trust-mini-icon svg{
    width:23px !important;
    height:23px !important;
  }
  .hero-trust-item strong{
    font-size:.64rem !important;
    line-height:1.15 !important;
    white-space:normal;
  }
  .hero-trust-item small{
    font-size:.54rem !important;
    line-height:1.2 !important;
    margin-top:2px !important;
  }

  /* Solutions: two columns */
  .solutions .row.g-4{
    --bs-gutter-x:.65rem;
    --bs-gutter-y:.65rem;
  }
  .solutions .row.g-4 > [class*="col-"]{
    width:50% !important;
    flex:0 0 auto !important;
  }

  .solution-card{
    padding:14px 12px !important;
    border-radius:15px !important;
  }
  .solution-icon{
    width:42px !important;
    height:42px !important;
    border-radius:12px !important;
    margin-bottom:12px !important;
  }
  .solution-icon svg{
    width:23px !important;
    height:23px !important;
  }
  .solution-card .cat{
    font-size:.52rem !important;
    letter-spacing:.05em !important;
    padding:4px 6px !important;
    line-height:1.15;
  }
  .solution-card h3{
    font-size:1rem !important;
    line-height:1.1 !important;
    margin:8px 0 7px !important;
  }
  .solution-card p{
    min-height:96px !important;
    font-size:.68rem !important;
    line-height:1.45 !important;
    margin-bottom:10px !important;
  }
  .solution-card ul{
    margin:10px 0 13px !important;
  }
  .solution-card li{
    padding-left:18px !important;
    margin:5px 0 !important;
    font-size:.64rem !important;
    line-height:1.3 !important;
  }
  .solution-card li:before{
    width:14px !important;
    height:14px !important;
    font-size:.56rem !important;
    top:0 !important;
  }
  .solution-card a{
    padding:7px 8px !important;
    font-size:.64rem !important;
    border-radius:8px !important;
    gap:4px !important;
  }

  .section-head{
    padding-left:6px;
    padding-right:6px;
  }
  .section-head h2{
    font-size:2.25rem !important;
  }
  .section-head p{
    font-size:.86rem !important;
  }
}

@media(max-width:420px){
  .hero-trust-row{
    gap:4px !important;
  }
  .hero-trust-item{
    padding:7px 2px !important;
  }
  .hero-trust-item strong{
    font-size:.59rem !important;
  }
  .hero-trust-item small{
    font-size:.49rem !important;
  }

  .solutions .row.g-4{
    --bs-gutter-x:.5rem;
    --bs-gutter-y:.5rem;
  }
  .solution-card{
    padding:12px 10px !important;
  }
  .solution-icon{
    width:38px !important;
    height:38px !important;
  }
  .solution-card h3{
    font-size:.92rem !important;
  }
  .solution-card p{
    min-height:92px !important;
    font-size:.64rem !important;
  }
  .solution-card li{
    font-size:.59rem !important;
  }
  .solution-card a{
    font-size:.59rem !important;
  }
}


/* v3.3 - premium contact / project form */
.contact-premium{
  padding:95px 0;
  background:
    radial-gradient(circle at 12% 20%,rgba(31,124,242,.06),transparent 24%),
    linear-gradient(180deg,#f9fcff 0%,#f4f9fe 100%);
}
.contact-shell{
  overflow:hidden;
  border:1px solid #dce8f4;
  border-radius:28px;
  background:#fff;
  box-shadow:0 28px 70px rgba(13,38,70,.10);
}
.contact-info-panel{
  height:100%;
  min-height:640px;
  padding:48px 42px;
  color:#fff;
  background:
    radial-gradient(circle at 20% 15%,rgba(38,185,239,.18),transparent 25%),
    linear-gradient(145deg,#092846,#0b3b70 62%,#0d4f90);
}
.contact-kicker{
  color:#61cff8;
  font-size:.72rem;
  letter-spacing:.15em;
  font-weight:900;
}
.contact-info-panel h2{
  font-size:clamp(2.5rem,4vw,4.15rem);
  line-height:1.02;
  letter-spacing:-.045em;
  font-weight:900;
  margin:15px 0 20px;
}
.contact-info-panel h2 em{
  font-style:normal;
  color:#8ddcff;
}
.contact-info-panel>p{
  color:#c5d9eb;
  line-height:1.7;
  font-size:1rem;
}
.contact-benefits{
  display:grid;
  gap:18px;
  margin-top:35px;
}
.contact-benefits>div{
  display:flex;
  gap:12px;
  align-items:flex-start;
}
.cb-icon{
  width:36px;height:36px;
  display:grid;place-items:center;
  border-radius:10px;
  flex:0 0 auto;
  background:rgba(75,193,248,.13);
  border:1px solid rgba(117,215,255,.15);
  color:#74d7ff;
  font-size:.66rem;
  font-weight:900;
}
.contact-benefits strong{
  display:block;
  font-size:.84rem;
  color:#fff;
}
.contact-benefits small{
  display:block;
  color:#9fbdd6;
  font-size:.69rem;
  margin-top:2px;
}
.contact-direct{
  margin-top:38px;
  padding-top:22px;
  border-top:1px solid rgba(255,255,255,.11);
}
.contact-direct small{
  display:block;
  color:#86a9c7;
  font-size:.7rem;
  margin-bottom:4px;
}
.contact-direct a{
  color:#fff;
  font-size:1.05rem;
  font-weight:900;
}
.contact-form-panel{
  min-height:640px;
  padding:42px 44px;
  background:#fff;
}
.form-title>span{
  color:var(--blue);
  font-size:.68rem;
  letter-spacing:.14em;
  font-weight:900;
}
.form-title h3{
  margin:7px 0 4px;
  font-size:1.85rem;
  font-weight:900;
  color:var(--navy);
}
.form-title p{
  color:#8391a1;
  font-size:.82rem;
}
.project-form{
  margin-top:24px;
}
.project-form .form-label{
  font-weight:800;
  font-size:.75rem;
  color:#4e6074;
  margin-bottom:6px;
}
.project-form .form-control,
.project-form .form-select{
  min-height:50px;
  border:1px solid #d8e5f0;
  border-radius:12px;
  padding:.78rem .9rem;
  color:#24384e;
  background:#fbfdff;
}
.project-form textarea.form-control{
  min-height:135px;
  resize:vertical;
}
.project-form .form-control:focus,
.project-form .form-select:focus{
  border-color:#8cc4f7;
  box-shadow:0 0 0 .22rem rgba(31,124,242,.09);
  background:#fff;
}
.consent-check{
  display:flex;
  align-items:flex-start;
  gap:9px;
  color:#6e7f91;
  font-size:.72rem;
  line-height:1.45;
  cursor:pointer;
}
.consent-check input{
  margin-top:3px;
}
.project-submit{
  width:100%;
  min-height:58px;
  border:0;
  border-radius:14px;
  padding:0 14px 0 22px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  background:linear-gradient(135deg,var(--blue),var(--cyan));
  color:#fff;
  font-weight:900;
  box-shadow:0 14px 28px rgba(31,124,242,.20);
  transition:transform .22s ease,box-shadow .22s ease;
}
.project-submit:hover{
  transform:translateY(-2px);
  box-shadow:0 20px 34px rgba(31,124,242,.25);
}
.project-submit i{
  width:34px;height:34px;
  display:grid;place-items:center;
  border-radius:10px;
  background:rgba(255,255,255,.15);
  font-style:normal;
}
.form-footnote{
  display:flex;
  align-items:center;
  gap:8px;
  margin-top:13px;
  color:#8a98a8;
}
.form-footnote small{
  font-size:.68rem;
}
.form-alert{
  display:flex;
  flex-direction:column;
  gap:2px;
  margin-bottom:18px;
  padding:12px 14px;
  border-radius:12px;
  font-size:.78rem;
}
.form-alert.success{
  background:#edf9f3;
  border:1px solid #cfeee0;
  color:#267c54;
}
.form-alert.error{
  background:#fff3f1;
  border:1px solid #f3d5cf;
  color:#a65043;
}
.honeypot{
  position:absolute!important;
  left:-9999px!important;
  width:1px!important;
  height:1px!important;
  overflow:hidden!important;
}

@media(max-width:991px){
  .contact-info-panel,
  .contact-form-panel{
    min-height:auto;
  }
  .contact-info-panel{
    padding:38px 30px;
  }
  .contact-form-panel{
    padding:34px 30px;
  }
}

@media(max-width:767px){
  .contact-premium{
    padding:68px 0;
  }
  .contact-shell{
    border-radius:20px;
  }
  .contact-info-panel{
    padding:28px 20px;
  }
  .contact-info-panel h2{
    font-size:2.45rem;
  }
  .contact-benefits{
    gap:14px;
    margin-top:26px;
  }
  .contact-direct{
    margin-top:28px;
  }
  .contact-form-panel{
    padding:26px 18px;
  }
  .form-title h3{
    font-size:1.55rem;
  }
  .project-form{
    margin-top:18px;
  }
}

/* O-PUS AI Assistant v4.0 */
.opus-ai{position:fixed;right:24px;bottom:22px;z-index:1080;font-family:inherit}
.opus-ai-launcher{position:relative;width:62px;height:62px;padding:0;border:0;border-radius:50%;background:linear-gradient(145deg,#fff,#edf8ff);box-shadow:0 14px 38px rgba(8,54,92,.22);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.25s ease}
.opus-ai-launcher:hover{transform:translateY(-3px) scale(1.03);box-shadow:0 18px 44px rgba(8,54,92,.27)}
.opus-ai-pulse{position:absolute;inset:-5px;border:1px solid rgba(31,164,231,.28);border-radius:50%;animation:opusPulse 2.4s infinite}
@keyframes opusPulse{0%{transform:scale(.92);opacity:.9}70%,100%{transform:scale(1.22);opacity:0}}
.opus-ai-mark{position:relative;display:flex;width:46px;height:46px;align-items:center;justify-content:center;border:4px solid #1687e8;border-radius:50%;background:#fff;overflow:hidden}
.opus-ai-o{font-size:0;color:transparent}
.opus-ai-bars{position:absolute;display:flex;align-items:flex-end;gap:2px;height:20px;bottom:8px}
.opus-ai-bars i{display:block;width:5px;border-radius:2px 2px 0 0;background:linear-gradient(180deg,#25c1e8,#177fe5)}
.opus-ai-bars i:nth-child(1){height:7px}.opus-ai-bars i:nth-child(2){height:12px}.opus-ai-bars i:nth-child(3){height:18px}
.opus-ai-badge{position:absolute;right:-2px;top:-2px;display:flex;width:23px;height:23px;align-items:center;justify-content:center;border:3px solid #fff;border-radius:50%;background:#092f52;color:#fff;font-size:.48rem;font-weight:950;letter-spacing:.02em}
.opus-ai-greeting{position:absolute;right:74px;bottom:7px;width:225px;padding:13px 34px 13px 15px;border:1px solid #dbeaf5;border-radius:15px;background:#fff;box-shadow:0 15px 38px rgba(8,54,92,.14);cursor:pointer;transition:.2s}
.opus-ai-greeting:after{content:"";position:absolute;right:-7px;bottom:20px;width:13px;height:13px;background:#fff;border-top:1px solid #dbeaf5;border-right:1px solid #dbeaf5;transform:rotate(45deg)}
.opus-ai-greeting strong,.opus-ai-greeting span{display:block}.opus-ai-greeting strong{color:#0a3155;font-size:.73rem}.opus-ai-greeting span{margin-top:2px;color:#718598;font-size:.61rem}.opus-ai-greeting button{position:absolute;right:8px;top:7px;border:0;background:none;color:#93a5b4;font-size:1rem;line-height:1;z-index:2}.opus-ai-greeting.is-hidden{display:none}
.opus-ai-panel{position:absolute;right:0;bottom:78px;width:380px;height:555px;display:flex;flex-direction:column;overflow:hidden;border:1px solid #dbe8f2;border-radius:24px;background:#fff;box-shadow:0 28px 75px rgba(5,42,73,.25);opacity:0;visibility:hidden;transform:translateY(16px) scale(.97);transform-origin:bottom right;transition:.22s ease}
.opus-ai.is-open .opus-ai-panel{opacity:1;visibility:visible;transform:none}
.opus-ai-head{display:flex;align-items:center;gap:11px;padding:16px 17px;background:linear-gradient(135deg,#082b4a,#0b477e);color:#fff}
.opus-ai-headmark .opus-ai-mark.small{width:39px;height:39px;border-width:3px}.opus-ai-headmark .opus-ai-bars{height:16px;bottom:7px}.opus-ai-headmark .opus-ai-bars i{width:4px}.opus-ai-headmark .opus-ai-bars i:nth-child(1){height:6px}.opus-ai-headmark .opus-ai-bars i:nth-child(2){height:10px}.opus-ai-headmark .opus-ai-bars i:nth-child(3){height:15px}
.opus-ai-title{flex:1}.opus-ai-title strong,.opus-ai-title span{display:block}.opus-ai-title strong{font-size:.78rem;font-weight:900}.opus-ai-title span{margin-top:2px;color:#b9d7e9;font-size:.55rem}.opus-ai-title span i{display:inline-block;width:6px;height:6px;margin-right:4px;border-radius:50%;background:#63e0b3;box-shadow:0 0 0 4px rgba(99,224,179,.1)}
.opus-ai-close{width:30px;height:30px;border:1px solid rgba(255,255,255,.1);border-radius:9px;background:rgba(255,255,255,.06);color:#d8e9f3;font-size:1.2rem;line-height:1}
.opus-ai-body{flex:1;overflow-y:auto;padding:18px;background:linear-gradient(180deg,#f8fbfe,#fff)}
.opus-ai-message{display:flex;gap:8px;margin-bottom:13px;align-items:flex-end}.opus-ai-message.user{justify-content:flex-end}
.opus-ai-avatar{display:flex;flex:0 0 28px;height:28px;align-items:center;justify-content:center;border-radius:50%;background:linear-gradient(135deg,#1883e7,#27bde9);color:#fff;font-size:.62rem;font-weight:950}
.opus-ai-bubble{max-width:82%;padding:11px 13px;border-radius:15px 15px 15px 4px;background:#fff;border:1px solid #dce9f3;box-shadow:0 7px 18px rgba(10,54,89,.05);color:#4e687e;font-size:.65rem;line-height:1.55}
.opus-ai-message.user .opus-ai-bubble{border:0;border-radius:15px 15px 4px 15px;background:linear-gradient(135deg,#1684e8,#24b6e8);color:#fff}
.opus-ai-quick{display:grid;gap:7px;margin:8px 0 4px 36px}.opus-ai-quick button{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;border:1px solid #d9e8f3;border-radius:11px;background:#fff;color:#31536e;text-align:left;font-size:.61rem;font-weight:800;transition:.18s}.opus-ai-quick button:hover{border-color:#b9dcef;background:#f2faff;color:#1685e5}.opus-ai-quick button span{color:#1689e8}
.opus-ai-inputbar{display:flex;gap:8px;padding:12px 13px;border-top:1px solid #e3edf4;background:#fff}.opus-ai-inputbar input{flex:1;min-width:0;height:43px;padding:0 14px;border:1px solid #dbe8f2;border-radius:13px;outline:0;color:#284b66;font-size:.66rem}.opus-ai-inputbar input:focus{border-color:#9fd4f0;box-shadow:0 0 0 3px rgba(30,154,227,.08)}.opus-ai-inputbar button{display:flex;flex:0 0 43px;height:43px;align-items:center;justify-content:center;border:0;border-radius:13px;background:linear-gradient(135deg,#1682e7,#26bae9);box-shadow:0 8px 18px rgba(24,137,229,.2)}.opus-ai-inputbar svg{width:19px;height:19px;fill:none;stroke:#fff;stroke-width:1.8;stroke-linejoin:round}
.opus-ai-foot{text-align:center;padding:0 10px 9px;background:#fff;color:#9aabb8;font-size:.48rem}
@media(max-width:767px){.opus-ai{right:14px;bottom:14px}.opus-ai-launcher{width:57px;height:57px}.opus-ai-mark{width:42px;height:42px}.opus-ai-greeting{right:67px;width:205px}.opus-ai-panel{position:fixed;left:12px;right:12px;bottom:82px;width:auto;height:min(570px,calc(100vh - 105px));border-radius:21px;transform-origin:bottom center}.opus-ai-quick{margin-left:34px}}
@media(max-width:380px){.opus-ai-greeting{display:none}.opus-ai-panel{left:8px;right:8px}.opus-ai-body{padding:15px}.opus-ai-quick{margin-left:0}}

/* v4.0.1 - real O-PUS logo + rotating light / pulse */
.opus-ai-launcher{
  overflow:visible !important;
  background:#fff !important;
}
.opus-ai-launcher .opus-ai-logo-shell{
  position:relative;
  width:50px;
  height:50px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  overflow:hidden;
  background:#fff;
  z-index:2;
  box-shadow:0 0 0 2px rgba(255,255,255,.9),0 5px 14px rgba(10,63,105,.16);
}
.opus-ai-launcher .opus-ai-logo-shell img{
  width:122px;
  max-width:none;
  height:auto;
  display:block;
  position:absolute;
  left:-7px;
  top:-4px;
  transform:none;
}
/* Hide wordmark by cropping the existing real logo inside the circular shell */
.opus-ai-spin-ring{
  position:absolute;
  inset:-7px;
  border-radius:50%;
  z-index:-1;
  background:conic-gradient(
    from 0deg,
    transparent 0 12%,
    rgba(64,225,255,.95) 16%,
    rgba(31,137,255,.95) 23%,
    transparent 30% 55%,
    rgba(98,231,255,.8) 61%,
    transparent 69% 100%
  );
  -webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 0);
  mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 0);
  animation:opusAiRotate 3.1s linear infinite;
  filter:drop-shadow(0 0 5px rgba(37,188,241,.65));
}
.opus-ai-spin-ring.ring-two{
  inset:-11px;
  opacity:.42;
  animation-duration:5.2s;
  animation-direction:reverse;
  -webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 2px),#000 0);
  mask:radial-gradient(farthest-side,transparent calc(100% - 2px),#000 0);
}
.opus-ai-launcher:before{
  content:"";
  position:absolute;
  inset:3px;
  border-radius:50%;
  box-shadow:0 0 18px rgba(34,183,239,.55),0 0 34px rgba(24,124,232,.20);
  animation:opusAiGlow 2.15s ease-in-out infinite;
  pointer-events:none;
}
.opus-ai-pulse{
  inset:-9px !important;
  border:2px solid rgba(43,199,244,.32) !important;
  animation:opusAiOuterPulse 2.15s ease-out infinite !important;
}
@keyframes opusAiRotate{
  to{transform:rotate(360deg)}
}
@keyframes opusAiGlow{
  0%,100%{opacity:.55;transform:scale(.96)}
  50%{opacity:1;transform:scale(1.08)}
}
@keyframes opusAiOuterPulse{
  0%{transform:scale(.84);opacity:.75}
  70%,100%{transform:scale(1.27);opacity:0}
}

/* Real O-PUS mark in chat header */
.opus-ai-headmark .opus-ai-logo-shell.small{
  position:relative;
  display:block;
  width:40px;
  height:40px;
  border-radius:50%;
  overflow:hidden;
  background:#fff;
  box-shadow:0 0 0 2px rgba(255,255,255,.16),0 5px 15px rgba(0,0,0,.12);
}
.opus-ai-headmark .opus-ai-logo-shell.small img{
  position:absolute;
  width:98px;
  max-width:none;
  height:auto;
  left:-6px;
  top:-3px;
}

/* Retire the old CSS-drawn mark only inside the AI widget */
.opus-ai .opus-ai-mark{display:none !important}

@media (prefers-reduced-motion:reduce){
  .opus-ai-spin-ring,
  .opus-ai-launcher:before,
  .opus-ai-pulse{animation:none !important}
}

/* v4.0.2 - exact O symbol asset */
.opus-ai-launcher .opus-ai-logo-shell{
  overflow:visible !important;
  background:transparent !important;
  box-shadow:none !important;
}
.opus-ai-launcher .opus-ai-logo-shell img{
  position:relative !important;
  left:auto !important;
  top:auto !important;
  width:48px !important;
  height:48px !important;
  object-fit:contain;
  z-index:2;
  filter:drop-shadow(0 4px 8px rgba(7,67,112,.18));
}
.opus-ai-headmark .opus-ai-logo-shell.small{
  overflow:visible !important;
  background:transparent !important;
  box-shadow:none !important;
}
.opus-ai-headmark .opus-ai-logo-shell.small img{
  position:relative !important;
  left:auto !important;
  top:auto !important;
  width:38px !important;
  height:38px !important;
  object-fit:contain;
}
.opus-ai-launcher .opus-ai-spin-ring{
  inset:-5px !important;
}
.opus-ai-launcher .opus-ai-spin-ring.ring-two{
  inset:-9px !important;
}

/* v4.0.3 - AI badge above the O icon and glow */
.opus-ai-badge{
  z-index:12 !important;
  right:-5px !important;
  top:-5px !important;
  width:24px !important;
  height:24px !important;
  border:2px solid #fff !important;
  background:linear-gradient(145deg,#082d50,#0b477e) !important;
  color:#fff !important;
  box-shadow:0 5px 13px rgba(7,47,82,.24) !important;
  font-size:.47rem !important;
  font-weight:950 !important;
}
.opus-ai-launcher .opus-ai-logo-shell{
  z-index:3 !important;
}
.opus-ai-launcher .opus-ai-spin-ring{
  z-index:-1 !important;
}

/* v3.5 inner pages */
.inner-hero{padding:105px 0 88px;background:radial-gradient(circle at 90% 15%,rgba(39,177,238,.12),transparent 25%),linear-gradient(180deg,#f7fbff,#fff)}
.page-kicker{font-size:.68rem;font-weight:900;letter-spacing:.16em;color:#1785e5}.inner-hero h1{margin:14px 0 20px;font-size:clamp(3rem,6vw,5.8rem);line-height:.96;letter-spacing:-.055em;font-weight:900;color:#092b4d}.inner-hero h1 em{font-style:normal;background:linear-gradient(90deg,#147ae4,#20b8e8);-webkit-background-clip:text;color:transparent}.inner-hero .col-lg-7>p{max-width:720px;font-size:1.08rem;line-height:1.72;color:#687b8e}.inner-hero-actions{display:flex;gap:10px;margin-top:28px;flex-wrap:wrap}.btn-main,.btn-soft{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 20px;border-radius:12px;font-size:.78rem;font-weight:900}.btn-main{background:linear-gradient(135deg,#1678e8,#22b7e9);color:#fff}.btn-soft{background:#fff;border:1px solid #dce8f2;color:#24445f}
.about-visual{padding:34px;border-radius:25px;background:linear-gradient(145deg,#092846,#0b467e);box-shadow:0 30px 60px rgba(13,52,88,.18);color:#fff}.about-visual>span{font-size:.62rem;letter-spacing:.14em;color:#6fd4ff;font-weight:900}.about-visual>strong{display:block;margin:10px 0 28px;font-size:2rem;line-height:1.12}.about-mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.about-mini-grid div{padding:15px;border-radius:13px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.08)}.about-mini-grid b{display:block;color:#64d3ff;font-size:.7rem}.about-mini-grid small{font-size:.69rem;color:#c3d9ea}
.about-story{padding:90px 0}.about-story h2{font-size:clamp(2.2rem,4vw,3.5rem);font-weight:900;letter-spacing:-.045em;color:#0a3155}.about-story p{color:#6b7e90;line-height:1.8}.story-lead{font-size:1.12rem!important;color:#344f68!important}.values-section{padding:85px 0;background:#f6faff}.value-card{height:100%;padding:25px;border:1px solid #deebf5;border-radius:18px;background:#fff;box-shadow:0 14px 32px rgba(14,53,88,.055)}.value-card b{color:#1b96e9;font-size:.68rem}.value-card h3{margin:16px 0 8px;color:#0b3153;font-size:1.15rem;font-weight:900}.value-card p{margin:0;color:#748698;font-size:.76rem;line-height:1.6}
.bursa-band{padding:78px 0}.bursa-inner{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:35px 40px;border:1px solid #dbe9f4;border-radius:22px;background:linear-gradient(110deg,#f8fcff,#edf7ff)}.bursa-inner span{font-size:.63rem;font-weight:900;letter-spacing:.14em;color:#1887e3}.bursa-inner h2{margin:6px 0;font-size:2rem;font-weight:900;color:#0a3155}.bursa-inner p{margin:0;color:#718496}
.office-card{padding:30px;border-radius:23px;background:#fff;border:1px solid #dbe8f3;box-shadow:0 24px 55px rgba(11,49,85,.1)}.office-card>span{font-size:.63rem;letter-spacing:.15em;font-weight:900;color:#1786e5}.office-card h3{margin:7px 0 20px;font-size:1.45rem;font-weight:900;color:#0a3155}.office-line{padding:12px 0;border-top:1px solid #edf2f6}.office-line small{display:block;color:#8a99a8;font-size:.61rem}.office-line strong,.office-line a{font-size:.78rem;color:#2e4a64;font-weight:800}.contact-quick{padding:0 0 65px}.quick-contact-card{position:relative;display:block;padding:20px;border:1px solid #dce9f4;border-radius:16px;background:#fff;box-shadow:0 12px 28px rgba(14,53,88,.045)}.quick-contact-card span{display:block;color:#7d91a4;font-size:.58rem;font-weight:900;letter-spacing:.1em}.quick-contact-card strong{display:block;margin-top:5px;color:#0b3153;font-size:.9rem}.quick-contact-card i{position:absolute;right:18px;top:50%;transform:translateY(-50%);font-style:normal;color:#1a92e7}
@media(max-width:767px){.inner-hero{padding:75px 0 58px}.inner-hero h1{font-size:3.2rem}.about-visual{padding:24px}.about-story,.values-section{padding:62px 0}.bursa-band{padding:55px 0}.bursa-inner{display:block;padding:25px}.bursa-inner .btn-main{margin-top:18px;width:100%}.contact-quick{padding-bottom:45px}}

/* v3.6 premium about page */
.about-hero-premium{
  position:relative;overflow:hidden;padding:110px 0 100px;
  background:linear-gradient(180deg,#f8fbff 0%,#fff 100%);
}
.about-hero-premium .container{z-index:2}
.about-hero-glow{position:absolute;border-radius:50%;filter:blur(10px);pointer-events:none}
.glow-one{width:520px;height:520px;right:-150px;top:-170px;background:radial-gradient(circle,rgba(41,177,239,.17),rgba(41,177,239,0) 70%)}
.glow-two{width:420px;height:420px;left:-210px;bottom:-220px;background:radial-gradient(circle,rgba(24,116,230,.10),rgba(24,116,230,0) 70%)}
.about-eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:.67rem;font-weight:900;letter-spacing:.15em;color:#1786e5}
.about-eyebrow span{width:28px;height:2px;border-radius:4px;background:linear-gradient(90deg,#1786e5,#27b9eb)}
.about-hero-premium h1{margin:18px 0 22px;font-size:clamp(3.25rem,5.7vw,6.4rem);line-height:.94;letter-spacing:-.06em;font-weight:950;color:#0a3155}
.about-hero-premium h1 em{font-style:normal;background:linear-gradient(90deg,#167ce7 0%,#27bce9 88%);-webkit-background-clip:text;background-clip:text;color:transparent}
.about-hero-lead{max-width:720px;margin:0;color:#687c90;font-size:1.07rem;line-height:1.78}
.about-hero-actions{display:flex;flex-wrap:wrap;gap:11px;margin-top:30px}
.about-trust-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:34px}
.about-trust-row>div{padding:14px 14px 13px;border-top:1px solid #dce9f4}
.about-trust-row b{display:block;font-size:.64rem;color:#1a92e7}.about-trust-row span{display:block;margin-top:4px;color:#5e7488;font-size:.69rem;font-weight:700;line-height:1.45}

.about-command-card{position:relative;padding:30px;border-radius:28px;background:linear-gradient(145deg,#082845,#0b477e);box-shadow:0 35px 75px rgba(9,47,82,.22);color:#fff}
.command-top{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}
.command-kicker{display:block;color:#64d5ff;font-size:.58rem;font-weight:900;letter-spacing:.14em}
.command-top h3{margin:10px 0 0;font-size:2rem;line-height:1.05;font-weight:900}
.live-pill{display:flex;align-items:center;gap:6px;padding:8px 10px;border-radius:999px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.08);font-size:.58rem;font-weight:800;color:#c7e8f8}
.live-pill i{width:7px;height:7px;border-radius:50%;background:#62e0b5;box-shadow:0 0 0 5px rgba(98,224,181,.11)}
.command-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:28px}
.metric-card{padding:17px 15px;border-radius:15px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.08)}
.metric-card span,.metric-card small{display:block;color:#a9c8dc;font-size:.56rem}.metric-card strong{display:block;margin:6px 0;color:#fff;font-size:.82rem}
.command-flow{margin-top:13px;padding:18px;border-radius:16px;background:#071f37;border:1px solid rgba(255,255,255,.07)}
.flow-head{display:flex;justify-content:space-between;margin-bottom:16px}.flow-head span{font-size:.58rem;font-weight:900;letter-spacing:.12em;color:#73d9ff}.flow-head small{font-size:.56rem;color:#8facbf}
.flow-line{display:flex;align-items:center}.flow-step{min-width:54px;text-align:center}.flow-step b{display:flex;width:30px;height:30px;margin:auto;align-items:center;justify-content:center;border-radius:50%;background:rgba(255,255,255,.08);font-size:.6rem;color:#8fb5cb}.flow-step.active b{background:linear-gradient(135deg,#1985e8,#24c0e7);color:#fff}.flow-step span{display:block;margin-top:6px;font-size:.54rem;color:#a8c4d5}.flow-connector{flex:1;height:1px;background:rgba(255,255,255,.12);margin-top:-15px}
.floating-note{position:absolute;padding:9px 12px;border-radius:10px;background:#fff;color:#173c5c;font-size:.6rem;font-weight:900;box-shadow:0 12px 30px rgba(4,30,52,.18)}
.note-one{left:-32px;bottom:90px}.note-two{right:-28px;top:120px}

.about-intro-premium{padding:96px 0}.about-intro-premium h2,.about-products h2{margin:12px 0 0;font-size:clamp(2.5rem,4.5vw,4.4rem);line-height:1;letter-spacing:-.05em;font-weight:950;color:#0a3155}.about-intro-premium h2 em{font-style:normal;color:#1b96e9}
.about-copy-card{padding:30px;border-radius:21px;background:#f7fbff;border:1px solid #dfebf5}.about-copy-card p{color:#657a8e;line-height:1.82}.about-copy-card .story-lead{font-size:1.13rem;color:#304f69}

.about-expertise{padding:90px 0;background:#f6faff}.expertise-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-top:35px}.expertise-card{position:relative;min-height:285px;padding:26px;border-radius:20px;background:#fff;border:1px solid #dfebf5;box-shadow:0 15px 35px rgba(10,49,85,.05);transition:.25s ease}.expertise-card:hover{transform:translateY(-5px);box-shadow:0 24px 44px rgba(10,49,85,.09)}
.expertise-icon{display:flex;width:44px;height:44px;align-items:center;justify-content:center;border-radius:13px;background:linear-gradient(135deg,#e9f5ff,#edfaff);color:#188be7;font-size:.7rem;font-weight:950}.expertise-card h3{margin:28px 0 10px;font-size:1.15rem;font-weight:900;color:#0b3153}.expertise-card p{color:#738698;font-size:.75rem;line-height:1.65}.expertise-card>span{position:absolute;left:26px;bottom:24px;color:#1a8fe7;font-size:.62rem;font-weight:900}

.about-principles{padding:95px 0}.principles-shell{padding:48px;border-radius:28px;background:linear-gradient(135deg,#082845,#0b477e);box-shadow:0 30px 70px rgba(8,40,69,.14);color:#fff}.page-kicker.light{color:#6bd7ff}.principles-shell h2{margin:12px 0 16px;font-size:clamp(2.5rem,4vw,4rem);line-height:1;letter-spacing:-.045em;font-weight:950}.principles-shell .col-lg-5 p{color:#bdd3e2;line-height:1.7}
.principle-list{display:grid;gap:9px}.principle-list>div{display:flex;gap:16px;padding:17px 18px;border-radius:15px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.08)}.principle-list b{display:flex;flex:0 0 34px;height:34px;align-items:center;justify-content:center;border-radius:10px;background:rgba(71,197,242,.12);color:#6bd7ff;font-size:.64rem}.principle-list span{display:block}.principle-list strong{display:block;font-size:.81rem}.principle-list small{display:block;margin-top:3px;color:#abc5d7;font-size:.63rem;line-height:1.5}

.about-products{padding:90px 0;background:#fff}.about-products p{max-width:520px;color:#708397;line-height:1.75}.text-link-premium{display:inline-flex;gap:8px;margin-top:12px;color:#188de7;font-weight:900;font-size:.73rem}
.product-stack{display:grid;gap:10px}.product-row{display:flex;align-items:center;gap:15px;padding:18px;border:1px solid #deebf5;border-radius:16px;background:#fafdff}.product-code{display:flex;width:45px;height:45px;align-items:center;justify-content:center;border-radius:13px;color:#fff;font-size:.76rem;font-weight:950}.product-code.visa{background:linear-gradient(135deg,#1685ec,#27b9eb)}.product-code.translate{background:linear-gradient(135deg,#21a874,#58c995)}.product-code.insurance{background:linear-gradient(135deg,#7355da,#9a79eb)}.product-row div{flex:1}.product-row strong,.product-row small{display:block}.product-row strong{color:#0b3153;font-size:.84rem}.product-row small{margin-top:3px;color:#7b8e9f;font-size:.64rem}.product-row i{font-style:normal;color:#1a91e7;font-size:1rem}
.bursa-band-premium{padding-top:15px}

@media(max-width:991px){
  .about-hero-premium{padding:82px 0 75px}
  .about-command-card{margin-top:10px}
  .note-one{left:12px;bottom:-16px}.note-two{right:12px;top:-16px}
  .expertise-grid{grid-template-columns:1fr 1fr}
  .principles-shell{padding:34px}
}
@media(max-width:767px){
  .about-hero-premium{padding:62px 0 55px}
  .about-hero-premium h1{font-size:3.35rem}
  .about-hero-lead{font-size:.95rem}
  .about-trust-row{gap:6px}.about-trust-row>div{padding:10px 5px}.about-trust-row span{font-size:.58rem}
  .about-command-card{padding:22px}.command-top h3{font-size:1.55rem}.command-metrics{grid-template-columns:1fr}.metric-card{padding:13px 14px}
  .floating-note{display:none}
  .about-intro-premium,.about-expertise,.about-principles,.about-products{padding:62px 0}
  .expertise-grid{grid-template-columns:1fr 1fr;gap:9px}.expertise-card{min-height:235px;padding:18px}.expertise-card h3{margin-top:20px;font-size:.95rem}.expertise-card p{font-size:.66rem}.expertise-card>span{left:18px;bottom:17px;font-size:.56rem}
  .principles-shell{padding:25px 20px}.principle-list>div{padding:14px}.principle-list small{font-size:.6rem}
}
@media(max-width:420px){
  .about-hero-premium h1{font-size:2.9rem}
  .about-trust-row{grid-template-columns:1fr 1fr 1fr}
  .flow-step{min-width:45px}.flow-step span{font-size:.49rem}
}

/* v3.7 premium contact page */
.contact-hero-premium{position:relative;overflow:hidden;padding:105px 0 90px;background:linear-gradient(180deg,#f8fbff 0%,#fff 100%)}
.contact-orb{position:absolute;border-radius:50%;pointer-events:none}.orb-a{width:560px;height:560px;right:-180px;top:-200px;background:radial-gradient(circle,rgba(36,183,235,.17),rgba(36,183,235,0) 70%)}.orb-b{width:400px;height:400px;left:-190px;bottom:-220px;background:radial-gradient(circle,rgba(22,121,232,.10),rgba(22,121,232,0) 70%)}
.contact-eyebrow{display:inline-flex;align-items:center;gap:10px;color:#1785e6;font-size:.66rem;font-weight:900;letter-spacing:.15em}.contact-eyebrow span{width:28px;height:2px;border-radius:2px;background:linear-gradient(90deg,#1681e8,#27bae9)}
.contact-hero-premium h1{margin:17px 0 22px;font-size:clamp(3.2rem,5.6vw,6rem);line-height:.95;letter-spacing:-.058em;font-weight:950;color:#0a3155}.contact-hero-premium h1 em{font-style:normal;background:linear-gradient(90deg,#167ce8,#27bce9);-webkit-background-clip:text;background-clip:text;color:transparent}
.contact-hero-lead{max-width:690px;color:#687c90;font-size:1.06rem;line-height:1.78}.contact-hero-actions{display:flex;gap:11px;flex-wrap:wrap;margin-top:29px}
.contact-feature-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:34px}.contact-feature-row div{padding:13px 10px;border-top:1px solid #dce9f4}.contact-feature-row b{display:block;color:#1a91e8;font-size:.63rem}.contact-feature-row span{display:block;margin-top:4px;color:#607589;font-size:.67rem;font-weight:700}

.contact-hq-card{padding:29px;border-radius:28px;background:linear-gradient(145deg,#082845,#0b477e);box-shadow:0 34px 72px rgba(8,45,79,.22);color:#fff}
.hq-top{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.hq-top>div:first-child>span{color:#65d4ff;font-size:.59rem;font-weight:900;letter-spacing:.14em}.hq-top h3{margin:7px 0 0;font-size:1.7rem;font-weight:900}.hq-status{display:flex;align-items:center;gap:7px;padding:8px 10px;border-radius:999px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.08);color:#cce9f7;font-size:.55rem;font-weight:800}.hq-status i{width:7px;height:7px;border-radius:50%;background:#64e0b3;box-shadow:0 0 0 5px rgba(100,224,179,.11)}
.hq-address{margin-top:24px;padding:18px;border-radius:16px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08)}.hq-address small{display:block;color:#7bdcff;font-size:.56rem;font-weight:900;letter-spacing:.11em}.hq-address strong{display:block;margin-top:7px;color:#fff;font-size:.79rem;line-height:1.6}
.hq-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:10px}.hq-grid a{position:relative;display:block;padding:15px;border-radius:14px;background:#071f37;border:1px solid rgba(255,255,255,.07)}.hq-grid a span,.hq-grid a strong{display:block}.hq-grid a span{font-size:.52rem;color:#82cfea;font-weight:900;letter-spacing:.09em}.hq-grid a strong{margin-top:5px;color:#fff;font-size:.75rem}.hq-grid a i{position:absolute;right:14px;top:50%;transform:translateY(-50%);font-style:normal;color:#62d4ff}.hq-grid .hq-wide{grid-column:1/-1}
.hq-note{display:flex;gap:12px;align-items:center;margin-top:15px;padding:13px 14px;border-radius:13px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.07)}.hq-note-icon{display:flex;flex:0 0 34px;height:34px;align-items:center;justify-content:center;border-radius:50%;background:linear-gradient(135deg,#167fe8,#27bde9);font-weight:950}.hq-note strong,.hq-note small{display:block}.hq-note strong{font-size:.7rem}.hq-note small{margin-top:3px;color:#a9c5d8;font-size:.58rem;line-height:1.45}

.contact-options{padding:88px 0;background:#f6faff}.contact-option-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-top:34px}.contact-option-card{position:relative;min-height:240px;padding:25px;border-radius:20px;background:#fff;border:1px solid #dfebf5;box-shadow:0 16px 34px rgba(10,49,85,.05);transition:.25s}.contact-option-card:hover{transform:translateY(-5px);box-shadow:0 24px 45px rgba(10,49,85,.09)}
.option-icon{display:flex;width:43px;height:43px;align-items:center;justify-content:center;border-radius:13px;background:linear-gradient(135deg,#eaf5ff,#edfaff);color:#188be7;font-size:.67rem;font-weight:950}.contact-option-card>span{display:block;margin-top:22px;color:#8092a3;font-size:.56rem;font-weight:900;letter-spacing:.11em}.contact-option-card>strong{display:block;margin-top:6px;color:#0a3155;font-size:1.03rem}.contact-option-card>small{display:block;margin-top:8px;color:#728699;font-size:.68rem;line-height:1.55}.contact-option-card>i{position:absolute;left:25px;bottom:22px;font-style:normal;color:#188de7;font-size:.62rem;font-weight:900}

.contact-process-band{padding:92px 0}.contact-process-shell{padding:46px;border-radius:28px;background:linear-gradient(135deg,#082845,#0b477e);color:#fff;box-shadow:0 30px 70px rgba(8,40,69,.14)}.contact-process-shell h2{margin:12px 0 14px;font-size:clamp(2.5rem,4vw,4rem);line-height:1;letter-spacing:-.045em;font-weight:950}.contact-process-shell .col-lg-5 p{color:#bdd3e2;line-height:1.7}
.contact-process-list{display:grid;gap:9px}.contact-process-list>div{display:flex;gap:15px;padding:17px;border-radius:15px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.08)}.contact-process-list b{display:flex;flex:0 0 34px;height:34px;align-items:center;justify-content:center;border-radius:10px;background:rgba(73,199,243,.12);color:#6bd7ff;font-size:.63rem}.contact-process-list strong,.contact-process-list small{display:block}.contact-process-list strong{font-size:.79rem}.contact-process-list small{margin-top:3px;color:#abc5d7;font-size:.62rem;line-height:1.5}

.contact-form-section{padding:20px 0 95px;background:#fff}.contact-form-shell{overflow:hidden;border-radius:28px;border:1px solid #dce9f4;box-shadow:0 28px 65px rgba(9,47,82,.10)}
.contact-form-side{height:100%;padding:42px;background:linear-gradient(150deg,#0a2d4d,#0b477e);color:#fff}.contact-form-side .contact-kicker{color:#69d6ff}.contact-form-side h2{margin:12px 0 18px;font-size:clamp(2.4rem,3.7vw,3.7rem);line-height:1;letter-spacing:-.045em;font-weight:950}.contact-form-side h2 em{font-style:normal;color:#67d4ff}.contact-form-side>p{color:#b9d0df;font-size:.77rem;line-height:1.75}
.contact-side-points{display:grid;gap:10px;margin-top:26px}.contact-side-points div{display:flex;gap:9px;align-items:center;padding:10px 0;border-top:1px solid rgba(255,255,255,.08)}.contact-side-points b{display:flex;width:24px;height:24px;align-items:center;justify-content:center;border-radius:50%;background:rgba(98,220,255,.12);color:#69d6ff;font-size:.65rem}.contact-side-points span{font-size:.67rem;font-weight:800;color:#e5f2f8}.contact-side-mail{margin-top:28px;padding:14px;border-radius:13px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08)}.contact-side-mail small,.contact-side-mail a{display:block}.contact-side-mail small{color:#76d9ff;font-size:.52rem;font-weight:900;letter-spacing:.1em}.contact-side-mail a{margin-top:5px;color:#fff;font-size:.76rem;font-weight:900}
.contact-form-panel{height:100%;padding:42px;background:#fff}.form-security-note{display:flex;gap:8px;align-items:center;margin-top:15px;color:#8293a4}.form-security-note span{font-size:.75rem}.form-security-note small{font-size:.58rem}

@media(max-width:991px){
  .contact-hero-premium{padding:82px 0 72px}
  .contact-option-grid{grid-template-columns:1fr 1fr}
  .contact-process-shell{padding:34px}
  .contact-form-side,.contact-form-panel{padding:32px}
}
@media(max-width:767px){
  .contact-hero-premium{padding:62px 0 55px}
  .contact-hero-premium h1{font-size:3.15rem}
  .contact-feature-row{gap:5px}.contact-feature-row div{padding:10px 5px}.contact-feature-row span{font-size:.56rem}
  .contact-hq-card{padding:22px}.hq-top h3{font-size:1.4rem}.hq-grid{grid-template-columns:1fr}.hq-grid .hq-wide{grid-column:auto}
  .contact-options,.contact-process-band{padding:62px 0}
  .contact-option-grid{grid-template-columns:1fr 1fr;gap:9px}.contact-option-card{min-height:220px;padding:18px}.contact-option-card>strong{font-size:.86rem}.contact-option-card>small{font-size:.62rem}.contact-option-card>i{left:18px;bottom:17px}
  .contact-process-shell{padding:25px 20px}.contact-form-section{padding-bottom:62px}.contact-form-side,.contact-form-panel{padding:26px 20px}
}
@media(max-width:420px){
  .contact-hero-premium h1{font-size:2.75rem}
  .contact-option-grid{grid-template-columns:1fr}
  .contact-option-card{min-height:205px}
}

/* v3.8 - tighter inner-page spacing + lighter contact hero */
.about-hero-premium,
.contact-hero-premium{
  padding-top:64px !important;
}

@media (max-width:991px){
  .about-hero-premium,
  .contact-hero-premium{
    padding-top:46px !important;
  }
}
@media (max-width:767px){
  .about-hero-premium,
  .contact-hero-premium{
    padding-top:34px !important;
  }
}

/* contact hero steps */
.contact-feature-row{
  display:grid !important;
  grid-template-columns:repeat(3,1fr) !important;
  gap:10px !important;
  margin-top:28px !important;
}
.contact-feature-item{
  display:flex;
  align-items:flex-start;
  gap:10px;
  padding:14px !important;
  border:1px solid #dce9f4 !important;
  border-radius:14px;
  background:#fff;
  box-shadow:0 10px 24px rgba(12,60,100,.045);
}
.contact-feature-item b{
  display:flex !important;
  flex:0 0 29px;
  width:29px;
  height:29px;
  align-items:center;
  justify-content:center;
  border-radius:9px;
  background:linear-gradient(135deg,#e8f4ff,#e9fbff);
  color:#1789e7 !important;
  font-size:.6rem !important;
}
.contact-feature-item>span{display:block !important;margin:0 !important}
.contact-feature-item strong{
  display:block;
  color:#173e60;
  font-size:.68rem;
  font-weight:900;
  line-height:1.2;
}
.contact-feature-item small{
  display:block;
  margin-top:4px;
  color:#7b8e9f;
  font-size:.55rem;
  line-height:1.45;
}

/* lighter right contact card */
.contact-hq-card{
  color:#173e60 !important;
  background:
    radial-gradient(circle at 100% 0,rgba(39,188,233,.16),transparent 30%),
    linear-gradient(145deg,#ffffff,#f0f8ff) !important;
  border:1px solid #d8e8f4 !important;
  box-shadow:0 28px 65px rgba(12,61,102,.12) !important;
}
.hq-top>div:first-child>span{color:#1688e7 !important}
.hq-top h3{color:#0a3155 !important}
.hq-status{
  color:#2e6b59 !important;
  background:#eefbf5 !important;
  border-color:#d6f0e4 !important;
}
.hq-address{
  background:#fff !important;
  border-color:#dce9f4 !important;
}
.hq-address small{color:#188be7 !important}
.hq-address strong{color:#294d69 !important}
.hq-grid a{
  background:#fff !important;
  border-color:#dce9f4 !important;
}
.hq-grid a span{color:#188be7 !important}
.hq-grid a strong{color:#0a3155 !important}
.hq-grid a i{color:#168be7 !important}
.hq-grid .hq-primary{
  background:linear-gradient(135deg,#edf7ff,#e9fbff) !important;
  border-color:#cfe8f8 !important;
}
.hq-office-line{
  grid-column:1/-1;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:15px;
  padding:10px 4px 2px;
  color:#7a8d9e;
  font-size:.59rem;
}
.hq-office-line a{
  padding:0 !important;
  border:0 !important;
  background:none !important;
  color:#49677f !important;
  font-weight:800;
}
.hq-note{
  background:#f7fbff !important;
  border-color:#dce9f4 !important;
}
.hq-note strong{color:#173e60 !important}
.hq-note small{color:#70869a !important}
.hq-note-icon{color:#fff !important}

/* mobile-first contact CTA */
.contact-call-main{
  min-width:180px;
}

/* two contact cards, mobile emphasized */
.contact-option-grid-two{
  grid-template-columns:repeat(2,1fr) !important;
  max-width:920px;
  margin-left:auto;
  margin-right:auto;
}
.contact-option-primary{
  background:linear-gradient(145deg,#f8fcff,#eef9ff) !important;
  border-color:#cfe8f8 !important;
}
.contact-option-primary>strong{
  font-size:1.18rem !important;
}
.office-contact-note{
  max-width:920px;
  margin:16px auto 0;
  padding:14px 18px;
  border:1px dashed #d4e5f2;
  border-radius:14px;
  text-align:center;
  background:#fbfdff;
}
.office-contact-note>span{
  display:block;
  color:#1889e6;
  font-size:.55rem;
  font-weight:900;
  letter-spacing:.12em;
}
.office-contact-note p{
  margin:5px 0 2px;
  color:#5f7488;
  font-size:.66rem;
}
.office-contact-note small{
  color:#8293a3;
  font-size:.58rem;
}
.office-contact-note a{
  color:#55738c;
  font-weight:800;
}

@media(max-width:767px){
  .contact-feature-row{
    gap:6px !important;
  }
  .contact-feature-item{
    display:block;
    padding:10px 8px !important;
    text-align:center;
  }
  .contact-feature-item b{
    margin:0 auto 7px;
  }
  .contact-feature-item strong{font-size:.59rem}
  .contact-feature-item small{font-size:.49rem}
  .contact-option-grid-two{
    grid-template-columns:1fr !important;
  }
  .hq-office-line{
    display:block;
    text-align:left;
  }
  .hq-office-line a{
    display:inline-block;
    margin-left:7px;
  }
}

/* v3.9 - hero alignment, lighter about panel, premium steps, text clipping fix */

/* Keep both hero columns visually aligned from the top */
.about-hero-premium .row,
.contact-hero-premium .row{
  align-items:flex-start !important;
}
.about-command-card,
.contact-hq-card{
  margin-top:0 !important;
  transform:translateY(-8px);
}

/* About hero right card: light premium surface instead of dark navy */
.about-command-card{
  color:#173e60 !important;
  background:
    radial-gradient(circle at 100% 0,rgba(40,187,234,.16),transparent 30%),
    linear-gradient(145deg,#ffffff,#f1f8ff) !important;
  border:1px solid #d8e8f4 !important;
  box-shadow:0 28px 65px rgba(12,61,102,.12) !important;
}
.command-kicker{color:#1688e7 !important}
.command-top h3{color:#0a3155 !important}
.live-pill{
  color:#2e6b59 !important;
  background:#eefbf5 !important;
  border-color:#d6f0e4 !important;
}
.command-metrics{
  gap:10px !important;
}
.metric-card{
  background:#fff !important;
  border-color:#dce9f4 !important;
  box-shadow:0 8px 20px rgba(16,72,116,.04);
}
.metric-card span,
.metric-card small{color:#7890a3 !important}
.metric-card strong{color:#0a3155 !important}

.command-flow{
  background:#f8fbfe !important;
  border-color:#dce9f4 !important;
}
.flow-head span{color:#188be7 !important}
.flow-head small{color:#8093a4 !important}
.flow-step b{
  background:#edf4f9 !important;
  color:#6d8799 !important;
}
.flow-step.active b{
  background:linear-gradient(135deg,#1882e7,#27bde9) !important;
  color:#fff !important;
}
.flow-step span{color:#6e8396 !important}
.flow-connector{background:#d8e5ef !important}
.floating-note{
  background:#fff !important;
  color:#173e60 !important;
  border:1px solid #dce9f4;
  box-shadow:0 12px 28px rgba(15,70,110,.10) !important;
}

/* About hero three premium cards */
.about-trust-row{
  display:grid !important;
  grid-template-columns:repeat(3,1fr) !important;
  gap:10px !important;
  margin-top:30px !important;
}
.about-trust-card{
  display:flex;
  gap:10px;
  align-items:flex-start;
  padding:14px !important;
  border:1px solid #dce9f4 !important;
  border-radius:14px;
  background:#fff;
  box-shadow:0 10px 24px rgba(12,60,100,.045);
}
.about-trust-card b{
  display:flex !important;
  flex:0 0 29px;
  width:29px;
  height:29px;
  align-items:center;
  justify-content:center;
  border-radius:9px;
  background:linear-gradient(135deg,#e8f4ff,#e9fbff);
  color:#1789e7 !important;
  font-size:.6rem !important;
}
.about-trust-card>span{
  display:block !important;
  margin:0 !important;
}
.about-trust-card strong{
  display:block;
  color:#173e60;
  font-size:.68rem;
  font-weight:900;
  line-height:1.2;
}
.about-trust-card small{
  display:block;
  margin-top:4px;
  color:#7b8e9f;
  font-size:.54rem;
  line-height:1.45;
}

/* Fix occasional clipping on the gradient word in contact hero */
.contact-hero-premium h1{
  line-height:1.01 !important;
}
.contact-hero-premium h1 em{
  display:inline-block;
  line-height:1.06;
  padding-right:.04em;
  padding-bottom:.06em;
  -webkit-box-decoration-break:clone;
  box-decoration-break:clone;
}

/* Slightly reduce visual offset on narrower screens */
@media(max-width:991px){
  .about-command-card,
  .contact-hq-card{
    transform:none;
  }
}
@media(max-width:767px){
  .about-trust-row{
    gap:6px !important;
  }
  .about-trust-card{
    display:block;
    padding:10px 8px !important;
    text-align:center;
  }
  .about-trust-card b{
    margin:0 auto 7px;
  }
  .about-trust-card strong{font-size:.59rem}
  .about-trust-card small{font-size:.48rem}
}

/* v3.9.1 sector solution premium SVG icons */
.product-icon{
  display:flex;
  width:48px;
  height:48px;
  flex:0 0 48px;
  align-items:center;
  justify-content:center;
  border-radius:14px;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.28),0 10px 22px rgba(20,76,117,.08);
}
.product-icon svg{
  width:23px;
  height:23px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.product-icon.visa{
  color:#1789e8;
  background:linear-gradient(135deg,#e9f5ff,#e8fbff);
  border:1px solid #cfe8f8;
}
.product-icon.translate{
  color:#1d9b72;
  background:linear-gradient(135deg,#eafaf4,#edfdf7);
  border:1px solid #d3eee3;
}
.product-icon.insurance{
  color:#7658d8;
  background:linear-gradient(135deg,#f0edff,#f6f3ff);
  border:1px solid #e1daf8;
}
.product-row:hover .product-icon{
  transform:translateY(-2px) scale(1.03);
}
.product-icon{
  transition:transform .22s ease, box-shadow .22s ease;
}

/* v3.4 - premium footer */
.footer-premium{
  position:relative;
  overflow:hidden;
  padding:72px 0 24px;
  background:
    radial-gradient(circle at 7% 8%,rgba(32,167,235,.12),transparent 25%),
    radial-gradient(circle at 92% 95%,rgba(24,99,194,.12),transparent 28%),
    linear-gradient(145deg,#071c31 0%,#092847 58%,#071d34 100%);
  color:#fff;
}
.footer-premium:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.18;
  background-image:
    linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);
  background-size:34px 34px;
}
.footer-main{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:1.55fr .8fr .95fr 1.25fr;
  gap:48px;
  align-items:start;
}
.footer-brand{
  max-width:350px;
}
.footer-logo-wrap{
  display:inline-block;
  margin-bottom:20px;
  padding:10px 13px;
  border-radius:14px;
  background:#ffffff;
  box-shadow:0 10px 28px rgba(0,0,0,.16);
}
.footer-logo-wrap img{
  width:220px;
  height:auto;
  display:block;
  filter:none !important;
}
.footer-brand>p{
  margin:0;
  color:#9fb7cd;
  font-size:.82rem;
  line-height:1.72;
  max-width:330px;
}
.footer-brand-note{
  display:inline-flex;
  align-items:center;
  gap:9px;
  margin-top:22px;
  padding:8px 11px;
  border-radius:999px;
  border:1px solid rgba(129,209,247,.14);
  background:rgba(69,176,229,.07);
  color:#c4def1;
  font-size:.67rem;
  font-weight:800;
}
.pulse-dot{
  width:7px;
  height:7px;
  border-radius:50%;
  background:#58d3ff;
  box-shadow:0 0 0 5px rgba(88,211,255,.08);
}
.footer-col{
  display:flex;
  flex-direction:column;
  gap:12px;
}
.footer-col-title{
  display:block;
  margin-bottom:9px;
  color:#56c9fa;
  font-size:.64rem;
  font-weight:900;
  letter-spacing:.16em;
}
.footer-col a{
  width:max-content;
  color:#b9cada;
  font-size:.76rem;
  transition:color .2s ease,transform .2s ease;
}
.footer-col a:hover{
  color:#fff;
  transform:translateX(3px);
}
.footer-contact h3{
  margin:2px 0 7px;
  font-size:1.28rem;
  font-weight:900;
  color:#fff;
}
.footer-contact>p{
  margin:0 0 17px;
  max-width:330px;
  color:#9fb7cd;
  font-size:.76rem;
  line-height:1.58;
}
.footer-contact-mail{
  display:flex;
  align-items:center;
  gap:11px;
  width:100%;
  padding:11px 12px;
  border:1px solid rgba(126,199,237,.14);
  border-radius:13px;
  background:rgba(255,255,255,.035);
  transition:border-color .2s ease,background .2s ease,transform .2s ease;
}
.footer-contact-mail:hover{
  transform:translateY(-2px);
  border-color:rgba(106,210,255,.34);
  background:rgba(255,255,255,.055);
}
.footer-mail-icon{
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  border-radius:10px;
  flex:0 0 auto;
  color:#65d1ff;
  background:rgba(80,198,248,.10);
}
.footer-mail-icon svg{
  width:18px;
  height:18px;
}
.footer-contact-mail small{
  display:block;
  margin-bottom:2px;
  color:#7fa0ba;
  font-size:.58rem;
}
.footer-contact-mail strong{
  display:block;
  color:#fff;
  font-size:.73rem;
}
.footer-cta{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-top:11px;
  min-height:45px;
  padding:0 10px 0 15px;
  border-radius:11px;
  background:linear-gradient(135deg,#1678e8,#22b7e9);
  color:#fff;
  font-size:.73rem;
  font-weight:900;
  box-shadow:0 10px 24px rgba(7,94,181,.20);
  transition:transform .2s ease,box-shadow .2s ease;
}
.footer-cta:hover{
  color:#fff;
  transform:translateY(-2px);
  box-shadow:0 15px 28px rgba(7,94,181,.28);
}
.footer-cta i{
  width:28px;
  height:28px;
  display:grid;
  place-items:center;
  border-radius:8px;
  background:rgba(255,255,255,.14);
  font-style:normal;
}
.footer-divider{
  position:relative;
  z-index:1;
  height:1px;
  margin:48px 0 20px;
  background:linear-gradient(90deg,transparent,rgba(166,210,239,.16),transparent);
}
.footer-bottom{
  position:relative;
  z-index:1;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
}
.footer-bottom p{
  margin:0;
  color:#7895ad;
  font-size:.64rem;
}
.footer-bottom-links{
  display:flex;
  align-items:center;
  gap:9px;
}
.footer-bottom-links a{
  color:#7895ad;
  font-size:.64rem;
}
.footer-bottom-links a:hover{
  color:#cfe8f7;
}
.footer-bottom-links span{
  width:3px;
  height:3px;
  border-radius:50%;
  background:#52728f;
}

@media(max-width:1100px){
  .footer-main{
    grid-template-columns:1.4fr .8fr .9fr 1.2fr;
    gap:30px;
  }
  .footer-logo-wrap img{
    width:190px;
  }
}

@media(max-width:991px){
  .footer-main{
    grid-template-columns:1.4fr 1fr 1fr;
  }
  .footer-contact{
    grid-column:1 / -1;
    display:grid;
    grid-template-columns:1.1fr 1fr 1fr;
    gap:14px 20px;
    align-items:center;
    padding-top:8px;
  }
  .footer-contact .footer-col-title{
    grid-column:1 / -1;
    margin:0;
  }
  .footer-contact h3{
    margin:0;
  }
  .footer-contact>p{
    margin:0;
  }
  .footer-contact-mail,
  .footer-cta{
    margin:0;
  }
}

@media(max-width:767px){
  .footer-premium{
    padding:54px 0 22px;
  }
  .footer-main{
    grid-template-columns:1fr 1fr;
    gap:34px 18px;
  }
  .footer-brand{
    grid-column:1 / -1;
    max-width:none;
  }
  .footer-logo-wrap{
    margin-bottom:15px;
  }
  .footer-logo-wrap img{
    width:180px;
  }
  .footer-brand>p{
    max-width:100%;
    font-size:.75rem;
  }
  .footer-brand-note{
    margin-top:16px;
  }
  .footer-col{
    gap:10px;
  }
  .footer-col a{
    font-size:.7rem;
  }
  .footer-contact{
    grid-column:1 / -1;
    display:block;
    padding-top:0;
  }
  .footer-contact h3{
    margin:4px 0 7px;
  }
  .footer-contact>p{
    margin-bottom:14px;
  }
  .footer-contact-mail{
    margin-top:0;
  }
  .footer-cta{
    margin-top:10px;
  }
  .footer-divider{
    margin:34px 0 17px;
  }
  .footer-bottom{
    flex-direction:column;
    align-items:flex-start;
    gap:9px;
  }
}

@media(max-width:420px){
  .footer-main{
    gap:30px 14px;
  }
  .footer-col-title{
    font-size:.58rem;
  }
  .footer-col a{
    font-size:.65rem;
  }
  .footer-contact h3{
    font-size:1.15rem;
  }
}

/* v4.0.5 - footer logo size safety */
.footer-premium .footer-logo-wrap img{
  width:220px !important;
  max-width:100% !important;
  height:auto !important;
}
@media(max-width:1100px){
  .footer-premium .footer-logo-wrap img{width:190px !important;}
}
@media(max-width:767px){
  .footer-premium .footer-logo-wrap img{width:180px !important;}
}

/* v4.1 - service detail pages */
.service-detail-hero{position:relative;overflow:hidden;padding:76px 0 84px;background:linear-gradient(180deg,#fff 0%,#f5faff 100%)}
.service-glow{position:absolute;border-radius:50%;pointer-events:none}.service-glow.g1{width:520px;height:520px;right:-170px;top:-190px;background:radial-gradient(circle,rgba(31,124,242,.14),transparent 68%)}.service-glow.g2{width:340px;height:340px;left:34%;bottom:-220px;background:radial-gradient(circle,rgba(38,185,239,.10),transparent 68%)}
.service-detail-kicker{display:flex;align-items:center;gap:10px;font-size:.76rem;font-weight:900;letter-spacing:.15em;color:var(--blue);margin-bottom:18px}.service-detail-kicker span{width:28px;height:2px;background:linear-gradient(90deg,var(--blue),var(--cyan))}
.service-detail-hero h1{font-size:clamp(3rem,5.2vw,5.4rem);font-weight:900;line-height:.98;letter-spacing:-.055em;margin:0}.service-detail-hero h1 em{font-style:normal;background:linear-gradient(90deg,var(--blue),var(--cyan));-webkit-background-clip:text;color:transparent}
.service-detail-lead{font-size:1.05rem;line-height:1.75;color:#65778c;max-width:650px;margin:25px 0}.service-detail-actions{display:flex;flex-wrap:wrap;gap:12px}.service-chip-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}.service-chip-row>div{display:flex;align-items:center;gap:7px;padding:8px 11px;border:1px solid #dbe8f5;background:#fff;border-radius:10px;font-size:.76rem;font-weight:800;color:#536579}.service-chip-row b{color:#1f7cf2}
.service-showcase{position:relative;padding:34px;border:1px solid #d8e7f5;border-radius:26px;background:rgba(255,255,255,.92);box-shadow:0 28px 70px rgba(13,38,70,.12)}.showcase-label{font-size:.68rem;font-weight:900;letter-spacing:.14em;color:#1f7cf2}.service-showcase h2{font-size:2rem;font-weight:900;letter-spacing:-.035em;margin:12px 0 25px}
.service-feature-list{display:grid;gap:10px}.service-feature{display:flex;gap:14px;align-items:center;padding:15px;border:1px solid #e3edf6;border-radius:14px;background:#f9fcff}.service-feature>span{width:35px;height:35px;border-radius:10px;display:grid;place-items:center;background:#e9f4ff;color:#1f7cf2;font-size:.68rem;font-weight:900}.service-feature strong,.service-feature small{display:block}.service-feature strong{font-size:.88rem}.service-feature small{font-size:.73rem;color:#7b8b9c;margin-top:2px}.showcase-note{margin-top:20px;padding-top:18px;border-top:1px solid #e4edf6;font-size:.76rem;color:#6d8093;font-weight:700}.showcase-note i{display:inline-block;width:8px;height:8px;border-radius:50%;background:#32c47c;margin-right:7px;box-shadow:0 0 0 5px rgba(50,196,124,.1)}
.service-detail-content{padding:92px 0}.detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:45px}.detail-card{padding:26px;border:1px solid #dce8f4;border-radius:19px;background:#fff;box-shadow:0 10px 28px rgba(13,38,70,.04);transition:.25s}.detail-card:hover{transform:translateY(-5px);box-shadow:0 20px 42px rgba(13,38,70,.09)}.detail-num{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:#eef7ff;color:#1f7cf2;font-weight:900;font-size:.72rem;margin-bottom:18px}.detail-card h3{font-size:1.15rem;font-weight:900}.detail-card p{font-size:.87rem;line-height:1.65;color:#6c7e91;margin:9px 0 0}
.service-workflow{padding:0 0 82px}.workflow-shell{padding:42px 46px;border-radius:26px;background:linear-gradient(135deg,#082846,#0b427c);color:#fff;display:grid;grid-template-columns:.8fr 1.2fr;gap:55px;align-items:center}.workflow-shell>div>span{font-size:.7rem;letter-spacing:.15em;font-weight:900;color:#45c4f2}.workflow-shell h2{font-size:2.3rem;font-weight:900;margin:10px 0}.workflow-shell p{color:#bed2e5;margin:0}.workflow-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.workflow-steps div{padding:17px 12px;border:1px solid rgba(255,255,255,.13);border-radius:13px;background:rgba(255,255,255,.05)}.workflow-steps b,.workflow-steps span{display:block}.workflow-steps b{font-size:.65rem;color:#42c2f2;margin-bottom:9px}.workflow-steps span{font-size:.79rem;font-weight:800}
.service-final-cta{padding:0 0 92px}.service-cta-box{padding:34px 38px;border:1px solid #dbe8f5;border-radius:22px;background:#f7fbff;display:flex;align-items:center;justify-content:space-between;gap:30px}.service-cta-box>div>span{font-size:.68rem;letter-spacing:.14em;color:#1f7cf2;font-weight:900}.service-cta-box h2{font-size:2rem;font-weight:900;margin:8px 0 5px}.service-cta-box p{margin:0;color:#718297}
@media(max-width:991px){.detail-grid{grid-template-columns:repeat(2,1fr)}.workflow-shell{grid-template-columns:1fr}.service-showcase{margin-top:8px}}
@media(max-width:767px){.service-detail-hero{padding:48px 0 60px}.service-detail-hero h1{font-size:3rem}.service-showcase{padding:24px}.detail-grid{grid-template-columns:1fr}.service-detail-content{padding:65px 0}.workflow-shell{padding:30px 22px}.workflow-steps{grid-template-columns:repeat(2,1fr)}.service-cta-box{padding:28px 22px;align-items:flex-start;flex-direction:column}.service-cta-box h2{font-size:1.65rem}}
