:root{
  --navy:#0B2A4A;
  --navy-deep:#061B31;
  --blue:#1769AA;
  --blue-mid:#2A79B8;
  --blue-pale:#DDEEFF;
  --blue-pale-2:#EEF7FF;
  --white:#FFFFFF;
  --ink:#0B2A4A;
  --text:#294B6A;
  --muted:#55728D;
  --gold:#D6A53A;
  --gold-bright:#F0C968;
  --gold-pale:#FBE9A6;
  --red:#B4202A;
  --line:#C5DDF3;
  --shadow:0 16px 42px rgba(28,76,115,.11);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;background:var(--blue-pale-2);color:var(--text);
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  line-height:1.62;
}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
.wrap{width:min(1180px,92%);margin-inline:auto}
.site-header{
  position:sticky;top:0;z-index:100;
  background:rgba(11,42,74,.97);
  border-bottom:3px solid var(--gold);
  backdrop-filter:blur(10px);
}
.nav{
  min-height:76px;display:grid;grid-template-columns:auto 1fr auto;
  grid-template-areas:"brand links quote";align-items:center;gap:18px;padding:9px 0;
}
.brand{grid-area:brand;color:#fff;font-weight:950;letter-spacing:.045em;font-size:1.25rem}
.brand span{color:var(--gold-bright)}
.navlinks{grid-area:links;display:flex;justify-content:center;gap:20px;flex-wrap:wrap}
.navlinks a{color:#F4F8FC;font-size:.91rem;font-weight:680}
.navlinks a:hover{color:#fff}
.navlinks .tech-link{color:var(--gold-bright);font-weight:900}
.btn{
  display:inline-flex;align-items:center;justify-content:center;min-height:48px;
  padding:0 22px;border:1px solid transparent;border-radius:9px;
  background:linear-gradient(135deg,var(--gold-bright),var(--gold));
  color:var(--ink);font-weight:900;letter-spacing:.01em;cursor:pointer;
}
.btn:hover{transform:translateY(-1px)}
.btn-small{grid-area:quote;min-height:40px;padding:0 16px;font-size:.87rem}
.btn-blue{background:var(--navy);color:#fff}
.btn-outline{background:transparent;color:var(--ink);border-color:rgba(11,42,74,.42)}
.hero{
  position:relative;background:
    radial-gradient(circle at 50% 3%,rgba(42,121,184,.20),transparent 34%),
    linear-gradient(180deg,#DCEEFF,#F5FAFF);
  border-bottom:4px solid transparent;
  border-image:linear-gradient(90deg,var(--red),#fff,var(--blue)) 1;
}
.hero-inner{padding:42px 0 68px;text-align:center;display:flex;flex-direction:column;align-items:center}
.hero-logo{width:min(670px,88vw);border-radius:22px;box-shadow:0 24px 55px rgba(28,76,115,.18)}
.eyebrow,.kicker{
  font-size:.78rem;font-weight:950;letter-spacing:.19em;text-transform:uppercase
}
.eyebrow{margin-top:28px;color:var(--navy)}
.kicker{color:var(--blue);display:inline-block;margin-bottom:8px}
.tech-accent{color:#9A6900;font-weight:950}
h1,h2,h3{color:var(--ink);line-height:1.08}
h1{font-size:clamp(2.7rem,5vw,5rem);letter-spacing:-.045em;margin:.22em 0 .2em}
h2{font-size:clamp(2.05rem,4vw,3.85rem);letter-spacing:-.035em;margin:.28em 0 .28em}
h3{font-size:1.27rem;margin:.35em 0 .55em}
.hero-services{font-size:clamp(1rem,2vw,1.17rem);margin:0;color:#315570}
.hero-tech{margin:7px 0 0;color:#9A6900;font-weight:900}
.faith{font-family:Georgia,serif;font-style:italic;color:#9A6900;font-size:clamp(1.08rem,2vw,1.4rem);margin:19px 0 0}
.actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin-top:23px}
.trust{background:#fff;padding:19px 0;text-align:center;border-bottom:1px solid var(--line)}
.trust p{margin:0;color:var(--ink)}
.section{padding:86px 0;background:#F8FCFF}
.section.alt{background:#E9F4FE}
.section-head{max-width:820px;margin-bottom:38px}
.section-head p,.section p{color:var(--muted)}
.cards{display:grid;gap:18px}
.cards.four{grid-template-columns:repeat(4,1fr)}
.cards.three{grid-template-columns:repeat(3,1fr)}
.card{
  background:#fff;border:1px solid var(--line);border-radius:16px;padding:27px;
  box-shadow:var(--shadow)
}
.card .num{color:var(--blue);font-size:.77rem;font-weight:950;letter-spacing:.14em}
.card p{margin-bottom:0;font-size:.96rem}
.card-link{display:inline-block;color:var(--blue);font-weight:900;margin-top:14px;font-size:.91rem}
.promise{
  display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:40px;
  background:#BFD9F0;border:1px solid #BFD9F0;border-radius:16px;overflow:hidden;
}
.promise div{background:#fff;padding:25px}
.promise strong{display:block;color:var(--ink);margin-bottom:4px}
.promise span{color:var(--muted);font-size:.92rem}

/* GOLD SOFTWARE / TECHNOLOGY DIVISION */
.tech-section{
  background:linear-gradient(135deg,#F4D877 0%,#E1B647 54%,#F0C968 100%);
  padding:92px 0;color:var(--navy);
}
.tech-section .kicker,.tech-section h2,.tech-section h3,.tech-section p{color:var(--navy)}
.tech-section .kicker{font-weight:1000}
.tech-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:52px;align-items:center}
.tech-lead{font-size:1.08rem;max-width:720px}
.tech-focus{display:flex;gap:9px;flex-wrap:wrap;margin:24px 0}
.tech-focus span{
  border:1px solid rgba(11,42,74,.48);background:rgba(255,255,255,.24);
  border-radius:999px;padding:7px 11px;font-size:.85rem;font-weight:850;color:var(--navy)
}
.tech-card{
  padding:34px;border:2px solid var(--navy);border-radius:18px;
  background:rgba(255,245,207,.54);box-shadow:0 18px 40px rgba(11,42,74,.14)
}
.tech-card .mark{font-size:clamp(4rem,8vw,7rem);line-height:.9;font-weight:1000;color:var(--navy);letter-spacing:-.08em}
.tech-card p{margin-bottom:0}
.tech-section .btn-blue{margin-top:8px}
.center{text-align:center;margin-inline:auto}
.mantra .card{text-align:center}
.mantra .card h3{color:var(--blue);font-size:1.55rem}
.mission-box{
  max-width:930px;margin:auto;text-align:center;background:#fff;border:1px solid var(--gold);
  border-radius:20px;padding:50px;box-shadow:var(--shadow)
}
.mission-box h2{font-family:Georgia,serif;font-style:italic}
.values{display:flex;gap:9px;flex-wrap:wrap;justify-content:center;margin-top:25px}
.values span{background:#FFF5CF;border:1px solid var(--gold);border-radius:999px;padding:8px 13px;color:var(--ink);font-size:.88rem;font-weight:800}
.quote{background:#DCEEFF}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.field{display:flex;flex-direction:column;gap:6px}.field.full{grid-column:1/-1}
label{font-size:.86rem;font-weight:800;color:var(--ink)}
input,select,textarea{
  width:100%;background:#fff;border:1px solid #AFCDE8;border-radius:9px;color:var(--ink);
  padding:13px 14px;font:inherit
}
textarea{min-height:130px;resize:vertical}
input:focus,select:focus,textarea:focus{outline:2px solid rgba(23,105,170,.26);border-color:var(--blue)}
.status{padding:12px 15px;border-radius:9px;margin-bottom:16px}
.ok{background:#E5F7EB;color:#195B31}.err{background:#FFE5E6;color:#7D1D25}
.hp{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.contact-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:44px;align-items:center}
.contact-card{display:flex;flex-direction:column;gap:9px;background:#fff;border:1px solid var(--line);padding:28px;border-radius:16px;box-shadow:var(--shadow)}
.contact-card strong,.contact-card a{color:var(--ink)}
.ids{display:flex;gap:10px;flex-wrap:wrap;margin-top:9px}
.ids span{background:#FFF5CF;border:1px solid var(--gold);border-radius:7px;padding:6px 9px;color:var(--ink);font-size:.86rem}
footer{background:var(--navy);padding:42px 0;border-top:3px solid var(--gold)}
.footer-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.footer-grid p{color:#C9D9E8;margin:5px 0}
.footer-right{text-align:right}.footer-faith{color:var(--gold-bright)!important;font-family:Georgia,serif;font-style:italic}.footer-tech{color:var(--gold-bright)!important;font-weight:850}
.breadcrumb{padding:24px 0 0;color:var(--muted);font-size:.87rem}.breadcrumb a{color:var(--blue);font-weight:800}
.service-hero{padding:58px 0 70px;background:linear-gradient(180deg,#DDEEFF,#F5FAFF)}
.service-hero .lead{max-width:780px;color:var(--muted);font-size:1.08rem}
.content{max-width:860px}.content h2{font-size:clamp(1.8rem,3.6vw,3rem)}.content ul{padding-left:1.2rem;color:var(--muted)}.content li{margin:.45rem 0}
.cta-box{margin-top:34px;background:#fff;border:1px solid var(--gold);padding:30px;border-radius:16px}
.tech-page-hero{background:linear-gradient(135deg,#F4D877,#E1B647 54%,#F0C968);padding:62px 0 72px}
.tech-page-hero .kicker,.tech-page-hero h1,.tech-page-hero .lead{color:var(--navy)}
.tech-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.tech-feature{background:#FFF2BF;border:1px solid rgba(11,42,74,.4);border-radius:15px;padding:26px}
.tech-feature h3,.tech-feature p{color:var(--navy)}
.process{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:30px}
.process article{padding:24px;border-left:4px solid var(--gold);background:#fff;border-radius:0 14px 14px 0}
.process strong{display:block;color:var(--blue);font-size:1.08rem;margin-bottom:5px}
@media(max-width:900px){
  .nav{grid-template-columns:1fr auto;grid-template-areas:"brand quote" "links links";gap:7px 12px}
  .navlinks{width:100%;justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;gap:0;border-top:1px solid rgba(255,255,255,.15);padding-top:6px}
  .navlinks::-webkit-scrollbar{display:none}
  .navlinks a{flex:0 0 auto;white-space:nowrap;padding:8px 11px;border-right:1px solid rgba(255,255,255,.12);font-size:.81rem}
  .navlinks a:first-child{padding-left:0}
  .cards.four,.cards.three,.promise,.tech-layout,.contact-grid,.footer-grid,.tech-grid,.process{grid-template-columns:1fr}
  .section,.tech-section{padding:68px 0}
  .footer-right{text-align:left}.mission-box{padding:34px 22px}
}
@media(max-width:560px){
  .brand{font-size:1rem}.btn-small{font-size:.74rem;min-height:36px;padding:0 12px}
  .navlinks a{font-size:.76rem;padding:7px 9px}
  .hero-logo{width:100%}.hero-inner{padding-top:28px}
  h1{font-size:2.45rem}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}
}


/* Sarasota location + internal contact form */
.brand-wrap{
  grid-area:brand;
  display:flex;
  flex-direction:column;
  justify-content:center;
  line-height:1.05;
}
.brand-wrap .brand{grid-area:auto}
.brand-location{
  margin-top:4px;
  color:#D8E7F4;
  font-size:.66rem;
  font-weight:800;
  letter-spacing:.13em;
  text-transform:uppercase;
}
.footer-location{
  color:#D8E7F4 !important;
  font-size:.84rem;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.contact-form-card{
  max-width:920px;
  background:#fff;
  border:1px solid var(--line);
  border-radius:18px;
  padding:30px;
  box-shadow:var(--shadow);
}
.contact-form-card h3{margin-top:0}
.contact-form-card .intro{color:var(--muted);margin-top:-2px;margin-bottom:20px}
.contact-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.contact-form-grid .full{grid-column:1/-1}
.contact-info-inline{display:flex;flex-wrap:wrap;gap:9px;margin-top:20px}
.contact-info-inline span{
  background:#EEF7FF;border:1px solid #C5DDF3;color:var(--ink);
  border-radius:8px;padding:7px 10px;font-size:.84rem;font-weight:800;
}
@media(max-width:700px){
  .contact-form-grid{grid-template-columns:1fr}
  .contact-form-grid .full{grid-column:auto}
  .brand-location{font-size:.59rem;letter-spacing:.09em}
}


/* ==========================================================
   MEDIUM BLUE + CREATIVE 360 REVISION
   ========================================================== */

/* General palette: clearly blue, but not dark navy and not near-white */
body{
  background:#B7D2E9 !important;
}
.section{
  background:linear-gradient(180deg,#C6DDF0 0%,#BCD5EA 100%) !important;
}
.section.alt{
  background:linear-gradient(180deg,#B4D0E7 0%,#C7DDF0 100%) !important;
}
.hero{
  background:
    radial-gradient(circle at 50% 5%,rgba(255,255,255,.34),transparent 35%),
    linear-gradient(180deg,#AFCDE6 0%,#C8DDF0 100%) !important;
}
.trust{
  background:#D7E7F4 !important;
  border-color:#9FC1DC !important;
}
.card,
.mission-box,
.contact-form-card,
.contact-card,
.cta-box{
  background:#DDEBF6 !important;
  border-color:#9FBDD7 !important;
  box-shadow:0 16px 38px rgba(23,70,107,.12) !important;
}
.card p,
.section p,
.section-head p,
.mission-box p,
.contact-form-card .intro{
  color:#355B7A !important;
}
.promise{
  background:#8FB5D2 !important;
  border-color:#8FB5D2 !important;
}
.promise div{
  background:#D7E7F4 !important;
}
.quote{
  background:linear-gradient(180deg,#AFCDE6,#BDD6EA) !important;
}
.quote input,
.quote select,
.quote textarea{
  background:#EAF3FA !important;
  border-color:#8EB3D0 !important;
}
.contact-info-inline span{
  background:#C7DDF0 !important;
  border-color:#92B5D0 !important;
}
.service-hero{
  background:linear-gradient(180deg,#AFCDE6,#C6DDF0) !important;
}
.breadcrumb{
  color:#3C607E !important;
}

/* Keep the software/technology division decisively GOLD */
.tech-section{
  background:
    radial-gradient(circle at 80% 18%,rgba(255,255,255,.23),transparent 23%),
    linear-gradient(135deg,#F5DB7D 0%,#E1B64A 54%,#F0C968 100%) !important;
}

/* Restore the more creative 360 treatment */
.tech-card{
  position:relative;
  overflow:hidden;
  min-height:360px;
  padding:34px 34px 30px !important;
  border:2px solid #0B2A4A !important;
  background:
    radial-gradient(circle at 50% 25%,rgba(255,255,255,.50),transparent 35%),
    linear-gradient(145deg,#FCECB1 0%,#F2D878 100%) !important;
  box-shadow:
    0 20px 44px rgba(11,42,74,.18),
    inset 0 0 0 1px rgba(255,255,255,.34) !important;
}
.tech-card:before,
.tech-card:after{
  content:"";
  position:absolute;
  border:2px solid rgba(11,42,74,.24);
  border-radius:50%;
  pointer-events:none;
}
.tech-card:before{
  width:255px;height:255px;
  right:-72px;top:-78px;
}
.tech-card:after{
  width:175px;height:175px;
  right:-32px;top:-38px;
  border-color:rgba(11,42,74,.17);
}
.tech-card .mark{
  position:relative;
  display:inline-block;
  margin:2px 0 18px;
  font-size:clamp(5.8rem,10vw,9.5rem) !important;
  line-height:.82 !important;
  font-weight:1000 !important;
  letter-spacing:-.10em !important;
  color:transparent !important;
  -webkit-text-stroke:2px #0B2A4A !important;
  text-shadow:
    4px 4px 0 rgba(255,255,255,.32),
    0 0 24px rgba(11,42,74,.10) !important;
}
.tech-card .mark:after{
  content:"";
  position:absolute;
  left:8%;
  right:-4%;
  bottom:-8px;
  height:4px;
  background:linear-gradient(90deg,#0B2A4A 0%,rgba(11,42,74,.20) 72%,transparent 100%);
  border-radius:99px;
}
.tech-card .mark-label{
  display:inline-block;
  margin-bottom:10px;
  color:#0B2A4A;
  font-size:.74rem;
  font-weight:950;
  letter-spacing:.18em;
  text-transform:uppercase;
}
.tech-card h3{
  position:relative;
  z-index:1;
  font-size:1.55rem !important;
  margin:.15rem 0 .55rem !important;
}
.tech-card p{
  position:relative;
  z-index:1;
  color:#244A68 !important;
}

/* Technology page remains gold, with a richer pale-gold content treatment */
.tech-page-hero{
  background:
    radial-gradient(circle at 82% 10%,rgba(255,255,255,.24),transparent 25%),
    linear-gradient(135deg,#F5DB7D,#E1B64A 55%,#F0C968) !important;
}
.tech-feature{
  background:#F8E5A0 !important;
}

/* Mobile: keep the creative 360 readable instead of flattening it */
@media(max-width:900px){
  .tech-card{
    min-height:300px;
  }
  .tech-card:before{
    width:210px;height:210px;
  }
  .tech-card:after{
    width:140px;height:140px;
  }
}


/* ==========================================================
   SLIGHTLY DARKER BLUE + PREMIUM 360 REVISION
   ========================================================== */

/* General site: a richer mid-blue, still much lighter than navy */
body{
  background:#9EBFD9 !important;
}
.section{
  background:linear-gradient(180deg,#B2CDE3 0%,#A8C6DE 100%) !important;
}
.section.alt{
  background:linear-gradient(180deg,#9FBFD9 0%,#B4CEE3 100%) !important;
}
.hero{
  background:
    radial-gradient(circle at 50% 4%,rgba(255,255,255,.28),transparent 34%),
    linear-gradient(180deg,#98BAD6 0%,#B3CDE2 100%) !important;
}
.trust{
  background:#C3D8E9 !important;
  border-color:#86AECF !important;
}
.card,
.mission-box,
.contact-form-card,
.contact-card,
.cta-box{
  background:#CBDDEC !important;
  border-color:#8EB1CE !important;
  box-shadow:0 18px 40px rgba(18,57,88,.15) !important;
}
.card p,
.section p,
.section-head p,
.mission-box p,
.contact-form-card .intro{
  color:#315574 !important;
}
.promise{
  background:#7FA8C9 !important;
  border-color:#7FA8C9 !important;
}
.promise div{
  background:#C4D8E9 !important;
}
.quote{
  background:linear-gradient(180deg,#98BAD6,#AFC9DE) !important;
}
.quote input,
.quote select,
.quote textarea{
  background:#D9E7F2 !important;
  border-color:#7EA6C5 !important;
}
.contact-info-inline span{
  background:#B8D0E3 !important;
  border-color:#7FA8C9 !important;
}
.service-hero{
  background:linear-gradient(180deg,#98BAD6,#B1CBE0) !important;
}
.breadcrumb{
  color:#345A77 !important;
}

/* Technology stays gold */
.tech-section{
  background:
    radial-gradient(circle at 78% 15%,rgba(255,255,255,.25),transparent 24%),
    linear-gradient(135deg,#F5DB7D 0%,#DFAF39 55%,#F0C968 100%) !important;
}

/* More premium 360 feature */
.tech-card{
  min-height:370px !important;
  background:
    radial-gradient(circle at 53% 23%,rgba(255,255,255,.54),transparent 33%),
    linear-gradient(145deg,#FBE9A2 0%,#EDCB66 100%) !important;
  border:2px solid #082B4C !important;
  box-shadow:
    0 24px 50px rgba(8,43,76,.22),
    inset 0 0 0 1px rgba(255,255,255,.45) !important;
}
.tech-card:before{
  width:275px !important;
  height:275px !important;
  right:-78px !important;
  top:-84px !important;
  border:3px solid rgba(8,43,76,.22) !important;
}
.tech-card:after{
  width:185px !important;
  height:185px !important;
  right:-35px !important;
  top:-38px !important;
  border:2px solid rgba(8,43,76,.15) !important;
}

.tech-card .mark{
  position:relative !important;
  isolation:isolate;
  display:inline-block !important;
  margin:4px 0 20px !important;
  font-size:clamp(6.4rem,11vw,10.2rem) !important;
  line-height:.78 !important;
  font-weight:1000 !important;
  letter-spacing:-.115em !important;

  /* soft pale-gold interior + strong navy outline */
  color:#F8E6A0 !important;
  -webkit-text-stroke:4px #082B4C !important;

  /* inner light edge + dimensional extrusion */
  text-shadow:
    0 -1px 0 rgba(255,255,255,.95),
    1px 1px 0 #082B4C,
    2px 2px 0 #082B4C,
    4px 5px 0 rgba(8,43,76,.25),
    8px 10px 18px rgba(8,43,76,.22) !important;
}

.tech-card .mark::before{
  content:attr(data-text);
  position:absolute;
  inset:0;
  z-index:-1;
  color:transparent;
  -webkit-text-stroke:7px rgba(255,255,255,.42);
  transform:translate(-2px,-2px);
  pointer-events:none;
}

.tech-card .mark::after{
  content:"";
  position:absolute;
  left:5%;
  right:-8%;
  bottom:-13px;
  height:5px;
  background:linear-gradient(90deg,#082B4C 0%,rgba(8,43,76,.30) 70%,transparent 100%);
  border-radius:999px;
  box-shadow:0 4px 10px rgba(8,43,76,.12);
}

.tech-card .mark-label{
  color:#082B4C !important;
  font-size:.76rem !important;
  letter-spacing:.20em !important;
  font-weight:1000 !important;
}
.tech-card h3{
  color:#082B4C !important;
  font-size:1.62rem !important;
}
.tech-card p{
  color:#244A68 !important;
}

/* slightly richer gold on dedicated tech page too */
.tech-page-hero{
  background:
    radial-gradient(circle at 80% 11%,rgba(255,255,255,.24),transparent 24%),
    linear-gradient(135deg,#F5DB7D,#DFAF39 55%,#F0C968) !important;
}
.tech-feature{
  background:#F3D980 !important;
  border-color:rgba(8,43,76,.42) !important;
}


/* Primary business language note */
.language-note{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin-top:9px;
  padding:6px 11px;
  border:1px solid rgba(11,42,74,.18);
  border-radius:999px;
  background:rgba(255,255,255,.34);
  color:#0B2A4A;
  font-size:.84rem;
  font-weight:800;
  letter-spacing:.01em;
}


/* ==========================================================
   DARKER BLUE + OPEN 3D GOLD 360
   ========================================================== */

/* Richer, darker medium-blue site */
body{
  background:#7398B7 !important;
}
.section{
  background:linear-gradient(180deg,#8FB1CC 0%,#82A8C5 100%) !important;
}
.section.alt{
  background:linear-gradient(180deg,#789FBE 0%,#91B1CB 100%) !important;
}
.hero{
  background:
    radial-gradient(circle at 50% 4%,rgba(255,255,255,.20),transparent 34%),
    linear-gradient(180deg,#7399B9 0%,#8DADC7 100%) !important;
}
.trust{
  background:#9FBBD1 !important;
  border-color:#6E96B6 !important;
}
.card,
.mission-box,
.contact-form-card,
.contact-card,
.cta-box{
  background:#AAC4D8 !important;
  border-color:#6F98B8 !important;
  box-shadow:0 18px 42px rgba(14,48,76,.18) !important;
}
.card p,
.section p,
.section-head p,
.mission-box p,
.contact-form-card .intro{
  color:#244865 !important;
}
.promise{
  background:#628EAF !important;
  border-color:#628EAF !important;
}
.promise div{
  background:#9EBBD1 !important;
}
.quote{
  background:linear-gradient(180deg,#739AB9,#88AAC4) !important;
}
.quote input,
.quote select,
.quote textarea{
  background:#BDD1E1 !important;
  border-color:#638EAE !important;
}
.contact-info-inline span{
  background:#98B6CD !important;
  border-color:#628EAF !important;
}
.service-hero{
  background:linear-gradient(180deg,#7399B8,#8DADC7) !important;
}

/* Keep the full technology division gold */
.tech-section{
  background:
    radial-gradient(circle at 78% 15%,rgba(255,255,255,.22),transparent 24%),
    linear-gradient(135deg,#F2D46B 0%,#D9A92F 55%,#EDC557 100%) !important;
}

/* Premium dark-blue feature panel inside the gold technology block */
.tech-card{
  position:relative !important;
  overflow:hidden !important;
  min-height:380px !important;
  padding:34px 34px 32px !important;
  background:
    radial-gradient(circle at 55% 20%,rgba(33,93,141,.35),transparent 36%),
    linear-gradient(145deg,#0D355A 0%,#082844 58%,#061E35 100%) !important;
  border:2px solid #F0C968 !important;
  box-shadow:
    0 24px 50px rgba(6,30,53,.28),
    inset 0 0 0 1px rgba(255,255,255,.05) !important;
}

.tech-card:before,
.tech-card:after{
  content:"";
  position:absolute;
  border-radius:50%;
  pointer-events:none;
}
.tech-card:before{
  width:290px !important;
  height:290px !important;
  right:-90px !important;
  top:-95px !important;
  border:3px solid rgba(240,201,104,.28) !important;
}
.tech-card:after{
  width:195px !important;
  height:195px !important;
  right:-40px !important;
  top:-43px !important;
  border:2px solid rgba(240,201,104,.18) !important;
}

/* Open / hollow 3D 360 in gold-yellow */
.tech-card .mark{
  position:relative !important;
  isolation:isolate !important;
  display:inline-block !important;
  margin:8px 0 24px !important;
  font-size:clamp(6.8rem,11vw,10.6rem) !important;
  line-height:.76 !important;
  font-weight:1000 !important;
  letter-spacing:-.115em !important;

  /* open center */
  color:transparent !important;
  -webkit-text-fill-color:transparent !important;

  /* bright gold outline */
  -webkit-text-stroke:5px #F4CF57 !important;

  /* 3D extrusion + glow */
  text-shadow:
    1px 1px 0 #C8951C,
    2px 2px 0 #B98412,
    3px 3px 0 #A8740C,
    5px 6px 0 rgba(104,72,8,.75),
    9px 11px 18px rgba(0,0,0,.28),
    0 0 24px rgba(244,207,87,.14) !important;
}

/* second outline for dimensional edge */
.tech-card .mark::before{
  content:attr(data-text);
  position:absolute;
  inset:0;
  z-index:-1;
  color:transparent !important;
  -webkit-text-fill-color:transparent !important;
  -webkit-text-stroke:8px rgba(255,238,155,.26) !important;
  transform:translate(-2px,-2px);
  pointer-events:none;
}

/* gold baseline */
.tech-card .mark::after{
  content:"";
  position:absolute;
  left:4%;
  right:-8%;
  bottom:-16px;
  height:5px;
  background:linear-gradient(90deg,#F4CF57 0%,#C8951C 68%,transparent 100%);
  border-radius:999px;
  box-shadow:0 3px 12px rgba(0,0,0,.2);
}

.tech-card .mark-label{
  color:#F4CF57 !important;
  font-size:.77rem !important;
  font-weight:1000 !important;
  letter-spacing:.21em !important;
}
.tech-card h3{
  color:#F7DA72 !important;
  font-size:1.64rem !important;
}
.tech-card p{
  color:#DCE8F2 !important;
}

/* Keep technology page slightly richer */
.tech-page-hero{
  background:
    radial-gradient(circle at 80% 10%,rgba(255,255,255,.20),transparent 24%),
    linear-gradient(135deg,#F2D46B,#D9A92F 55%,#EDC557) !important;
}
.tech-feature{
  background:#E8C861 !important;
  border-color:rgba(8,43,76,.45) !important;
}