/* ===== Bold style options for the website (pick one in body class) ===== */
.hl{color:inherit}

/* ---------- 1. MIDNIGHT: dark navy everywhere, glowing blue and green ---------- */
body.theme-midnight{background:#041a3b;color:#e8eef8;--ink:#ffffff;--muted:#a9bdd8;--line:rgba(255,255,255,.12);--p-50:rgba(46,163,230,.14)}
.theme-midnight h1,.theme-midnight h2,.theme-midnight h3{color:#fff}
.theme-midnight .hd{background:rgba(4,26,59,.88);border-bottom-color:rgba(255,255,255,.08)}
.theme-midnight .logo img{content:url(/img/logo-services-dark-v2.webp)}
.theme-midnight .nav a{color:#dbe6f5}.theme-midnight .nav a:hover,.theme-midnight .nav a.active{background:rgba(46,163,230,.18);color:#fff}
.theme-midnight .btn-ghost{color:#fff;border-color:rgba(255,255,255,.5)}
.theme-midnight .btn-primary{background:#2EA3E6;border-color:#2EA3E6;color:#04193a}
.theme-midnight .hero{background:radial-gradient(900px 500px at 85% 20%,rgba(46,163,230,.35),transparent 60%),radial-gradient(700px 400px at 5% 90%,rgba(108,191,64,.22),transparent 60%)}
.theme-midnight .hero h1{font-size:clamp(2.6rem,5.6vw,4.4rem)}
.theme-midnight .hl{background:linear-gradient(90deg,#6CBF40,#2EA3E6);-webkit-background-clip:text;background-clip:text;color:transparent}
.theme-midnight .eyebrow,.theme-midnight .aud small{color:#6CBF40}
.theme-midnight .lead,.theme-midnight .muted,.theme-midnight .timeline p,.theme-midnight .feat p{color:#a9bdd8}
.theme-midnight .trust svg,.theme-midnight .ticks svg{color:#6CBF40}
.theme-midnight .sec.alt{background:#06224b}
.theme-midnight .card,.theme-midnight .sec.alt .card,.theme-midnight .cd-card{background:linear-gradient(180deg,#0a2d5e,#072550);border-color:rgba(255,255,255,.1);color:#e8eef8;box-shadow:0 20px 40px -20px rgba(0,0,0,.6)}
.theme-midnight .aud:hover{border-color:#2EA3E6;box-shadow:0 0 0 1px #2EA3E6,0 20px 50px -10px rgba(46,163,230,.35)}
.theme-midnight .aud .link{color:#2EA3E6}
.theme-midnight .ico{background:rgba(46,163,230,.16);color:#2EA3E6}
.theme-midnight .timeline:before{background:rgba(255,255,255,.15)}
.theme-midnight .timeline .num{background:linear-gradient(135deg,#2EA3E6,#6CBF40);box-shadow:0 0 0 6px #06224b;color:#04193a}
.theme-midnight .band-in{background:linear-gradient(120deg,#0F67B1,#052E66);border:1px solid rgba(255,255,255,.12)}
.theme-midnight .float-card{background:#0a2d5e;color:#fff}.theme-midnight .float-card span{color:#a9bdd8}
.theme-midnight .phero{background:radial-gradient(800px 400px at 80% 0,rgba(46,163,230,.3),transparent 60%)}
.theme-midnight .amount b{color:#fff}.theme-midnight .price.featured{border:2px solid #6CBF40}
.theme-midnight .cmp th,.theme-midnight .cmp td{border-bottom-color:rgba(255,255,255,.1)}
.theme-midnight .f-field input,.theme-midnight .f-field select,.theme-midnight .f-field textarea{background:#041a3b;color:#fff;border-color:rgba(255,255,255,.2)}
.theme-midnight .faq details{border-color:rgba(255,255,255,.12)}
.theme-midnight a{color:#7cc4f0}.theme-midnight .btn{color:inherit}.theme-midnight .btn-accent{color:#052E66}
.theme-midnight .ft{background:#031430;border-top-color:rgba(255,255,255,.08)}.theme-midnight .ft-grid a{color:#a9bdd8}.theme-midnight .ft-bot{border-top-color:rgba(255,255,255,.08)}
.theme-midnight .pill{background:rgba(108,191,64,.18);color:#9be070}

/* ---------- 2. ROYAL: big blue gradient hero, white and navy blocks ---------- */
.theme-royal .hd{background:#fff}
.theme-royal .hero{background:linear-gradient(125deg,#052E66 0%,#0F67B1 55%,#2EA3E6 100%);color:#fff;padding:90px 0 130px;clip-path:polygon(0 0,100% 0,100% 88%,0 100%);position:relative}
.theme-royal .hero:after{content:"";position:absolute;inset:0;background:radial-gradient(600px 300px at 90% 80%,rgba(108,191,64,.35),transparent 60%);pointer-events:none}
.theme-royal .hero h1{color:#fff;font-size:clamp(2.6rem,5.8vw,4.6rem);text-transform:uppercase;letter-spacing:-.01em;line-height:1.02}
.theme-royal .hl{color:#8fdc5c}
.theme-royal .hero .eyebrow{color:#bfe3fb}
.theme-royal .hero .lead{color:#e3effb}
.theme-royal .hero .trust{color:#fff}.theme-royal .hero .trust svg{color:#8fdc5c}
.theme-royal .hero .btn-ghost{color:#fff;border-color:#fff}
.theme-royal .hero-art img{box-shadow:0 40px 80px -20px rgba(0,0,0,.55);border:6px solid rgba(255,255,255,.18)}
.theme-royal .sec-head h2{font-size:clamp(2rem,4vw,2.9rem);text-transform:uppercase}
.theme-royal .sec-head h2:after{content:"";display:block;width:70px;height:6px;border-radius:6px;background:#6CBF40;margin-top:14px}
.theme-royal .card{border:0;border-top:6px solid #0F67B1;box-shadow:0 24px 50px -24px rgba(5,46,102,.35)}
.theme-royal .cards3 .card:nth-child(2){border-top-color:#6CBF40}.theme-royal .cards3 .card:nth-child(3){border-top-color:#2EA3E6}
.theme-royal .ico{background:#052E66;color:#fff}
.theme-royal .sec.alt{background:#052E66;color:#fff}
.theme-royal .sec.alt h2,.theme-royal .sec.alt h3{color:#fff}.theme-royal .sec.alt .eyebrow{color:#8fdc5c}
.theme-royal .sec.alt .timeline p,.theme-royal .sec.alt .muted{color:#bcd0ea}
.theme-royal .sec.alt .timeline:before{background:rgba(255,255,255,.2)}
.theme-royal .sec.alt .timeline .num{background:#6CBF40;color:#052E66;box-shadow:0 0 0 6px #052E66}
.theme-royal .sec.alt .card{background:#fff;color:var(--ink)}.theme-royal .sec.alt .card h3{color:var(--ink)}
.theme-royal .phero{background:linear-gradient(125deg,#052E66,#0F67B1);color:#fff;padding:70px 0 60px}
.theme-royal .phero h1{color:#fff;text-transform:uppercase}.theme-royal .phero .lead{color:#e3effb}.theme-royal .phero a{color:#8fdc5c}.theme-royal .phero .eyebrow{color:#bfe3fb}
.theme-royal .band-in{background:linear-gradient(110deg,#3A7D1F,#6CBF40);color:#fff}.theme-royal .band .btn-accent{background:#052E66;color:#fff;border-color:#052E66}
.theme-royal .price.featured{border:0;border-top:6px solid #6CBF40;transform:scale(1.03)}
.theme-royal .amount b{font-size:3rem}
.theme-royal .ft{background:#041f45;color:#cfdcee;border:0}.theme-royal .ft b{color:#fff}.theme-royal .ft-grid a{color:#a9bdd8}.theme-royal .ft .logo img{content:url(/img/logo-services-dark-v2.webp)}.theme-royal .ft-bot{border-top-color:rgba(255,255,255,.1);color:#8ea6c6}.theme-royal .ft a{color:#cfdcee}

/* ---------- 3. POWER: heavy type, navy and green blocks, sharp edges ---------- */
body.theme-power{background:#fff}
.theme-power .btn{border-radius:8px;text-transform:uppercase;letter-spacing:.04em}
.theme-power .card{border-radius:10px}
.theme-power .hd{background:#052E66;border:0}
.theme-power .logo img{content:url(/img/logo-services-dark-v2.webp)}
.theme-power .nav a{color:#dbe6f5;border-radius:6px}.theme-power .nav a:hover,.theme-power .nav a.active{background:#6CBF40;color:#052E66}
.theme-power .hd .btn-ghost{color:#fff;border-color:rgba(255,255,255,.6)}
.theme-power .menu-btn{color:#fff}
.theme-power .hero{background:linear-gradient(100deg,#052E66 0 58%,#0F67B1 58% 100%);color:#fff;padding:84px 0 96px;position:relative;overflow:hidden}
.theme-power .hero:before{content:"";position:absolute;top:0;bottom:0;left:56%;width:40px;background:#6CBF40;transform:skewX(-8deg)}
.theme-power .hero-grid>*{position:relative}
.theme-power .hero h1{color:#fff;font-size:clamp(2.8rem,6vw,5rem);font-weight:900;text-transform:uppercase;line-height:.98}
.theme-power .hl{color:#6CBF40}
.theme-power .hero .eyebrow{background:#6CBF40;color:#052E66;padding:6px 12px;border-radius:4px}
.theme-power .hero .lead{color:#d8e5f5}.theme-power .hero .trust{color:#fff}.theme-power .hero .trust svg{color:#6CBF40}
.theme-power .hero .btn-ghost{color:#fff;border-color:#fff}
.theme-power .hero-art img{border-radius:12px;border:8px solid #fff}
.theme-power .float-card{border-radius:10px;border-left:6px solid #6CBF40}
.theme-power .sec-head h2{font-size:clamp(2rem,4.2vw,3rem);font-weight:900;text-transform:uppercase}
.theme-power .sec-head .eyebrow{color:#0F67B1}
.theme-power .sec.alt{background:#eef4fb}
.theme-power .aud{border:2px solid #052E66}.theme-power .aud:hover{background:#052E66;color:#fff}.theme-power .aud:hover h3,.theme-power .aud:hover .link{color:#fff}.theme-power .aud:hover small{color:#6CBF40}
.theme-power .ico{background:#6CBF40;color:#052E66;border-radius:8px}
.theme-power .timeline .num{border-radius:8px;background:#6CBF40;color:#052E66;box-shadow:0 0 0 6px #eef4fb}
.theme-power .band-in{border-radius:10px;background:#052E66;border-left:12px solid #6CBF40}
.theme-power .phero{background:#052E66;color:#fff}.theme-power .phero h1{color:#fff;font-weight:900;text-transform:uppercase}.theme-power .phero .lead{color:#d8e5f5}.theme-power .phero a{color:#6CBF40}.theme-power .phero .eyebrow{color:#6CBF40}
.theme-power .price.featured{border:3px solid #6CBF40;background:#052E66;color:#fff}.theme-power .price.featured h3,.theme-power .price.featured .amount b{color:#fff}.theme-power .price.featured .muted,.theme-power .price.featured .amount span{color:#bcd0ea}.theme-power .price.featured .btn-primary{background:#6CBF40;border-color:#6CBF40;color:#052E66}
.theme-power .badge{border-radius:4px}
.theme-power .ft{background:#052E66;color:#cfdcee;border:0}.theme-power .ft b{color:#6CBF40}.theme-power .ft-grid a{color:#cfdcee}.theme-power .ft .logo img{content:url(/img/logo-services-dark-v2.webp)}.theme-power .ft-bot{border-top-color:rgba(255,255,255,.12);color:#9fb3cf}.theme-power .ft a{color:#cfdcee}
@media(max-width:900px){
  .theme-power .hero{background:#052E66}.theme-power .hero:before{display:none}
  .theme-royal .hero{clip-path:none;padding:50px 0 60px}
}
.theme-royal .float-card,.theme-power .float-card{color:var(--ink)}
.theme-midnight .float-card svg{color:#2EA3E6}

/* ---------- Phone: tab bar instead of the menu button ---------- */
.tabbar,.m-demo{display:none}
@media(max-width:900px){
  .menu-btn{display:none!important}
  .hd-in{justify-content:space-between}
  .m-demo{display:inline-flex}
  body{padding-bottom:calc(68px + env(safe-area-inset-bottom))}
  .tabbar{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;position:fixed;left:0;right:0;bottom:0;z-index:60;background:#fff;border-top:1px solid var(--line);box-shadow:0 -6px 20px rgba(5,46,102,.08);padding:6px 4px calc(6px + env(safe-area-inset-bottom))}
  .tabbar a{display:flex;flex-direction:column;align-items:center;gap:3px;padding:6px 2px;border-radius:12px;text-decoration:none;color:#5f6b78;font-size:.68rem;font-weight:700}
  .tabbar svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
  .tabbar a.active{color:#052E66;background:#eaf3fc}
  .theme-midnight .tabbar{background:#031430;border-top-color:rgba(255,255,255,.1)}.theme-midnight .tabbar a{color:#a9bdd8}.theme-midnight .tabbar a.active{color:#fff;background:rgba(46,163,230,.2)}
  .theme-royal .tabbar a.active{color:#fff;background:linear-gradient(125deg,#052E66,#0F67B1)}
  .theme-power .tabbar{background:#052E66;border:0}.theme-power .tabbar a{color:#cfdcee}.theme-power .tabbar a.active{color:#052E66;background:#6CBF40;border-radius:6px}
}

/* ---------- readability fixes ---------- */
.theme-midnight .contact-cards p,.theme-midnight .contact-cards a p{color:#7cc4f0}
.theme-midnight .contact-cards h3{color:#fff}
.theme-midnight .btn-primary,.theme-midnight a.btn-primary{color:#04193a!important}
.theme-midnight .btn-accent,.theme-midnight a.btn-accent{color:#052E66!important}
.theme-midnight .btn-ghost,.theme-midnight a.btn-ghost{color:#fff!important}
.theme-midnight .phero .lead,.theme-midnight .hero .lead{color:#c3d3ea}
.theme-midnight .faq summary{color:#fff}.theme-midnight .faq p{color:#c3d3ea}
.theme-royal .sec.alt .faq summary{color:#fff}.theme-royal .sec.alt .faq p{color:#d3e1f2}.theme-royal .sec.alt .faq details{border-color:rgba(255,255,255,.15)}
.theme-royal .sec.alt .card .muted,.theme-royal .sec.alt .card p{color:var(--muted)}
.theme-royal .sec.alt .form-side .muted{color:#d3e1f2}.theme-royal .sec.alt .form-side h3{color:#fff}
.theme-royal .sec.alt .card h3,.theme-royal .sec.alt .card label{color:var(--ink)}
.theme-royal .ft .muted,.theme-power .ft .muted{color:#c3d3ea}
.theme-power .phero .lead{color:#d8e5f5}

/* ---------- footer tidy (all styles) ---------- */
.ft-contact{margin:0 0 8px;line-height:1.6}
.ft-links{margin:0}.ft-grid .ft-links a{display:block;padding:2px 0;color:inherit;font-weight:600;text-decoration:none}
.ft-grid .ft-links a:hover{text-decoration:underline}
.theme-midnight .ft-links a,.theme-royal .ft-links a,.theme-power .ft-links a{color:#fff}
@media(max-width:900px){
  .ft{padding:40px 0 20px}
  .ft-grid{grid-template-columns:1fr 1fr;gap:22px 18px}
  .ft-grid .ft-brand{grid-column:1/-1;padding-bottom:18px;border-bottom:1px solid var(--line)}
  .ft-grid .logo img{height:36px}
  .ft-grid,.ft-grid a{font-size:.92rem}
  .ft-grid b{margin-bottom:6px}
  .ft-bot{font-size:.78rem;line-height:1.55;margin-top:22px}
  .theme-midnight .ft-grid .ft-brand,.theme-royal .ft-grid .ft-brand,.theme-power .ft-grid .ft-brand{border-bottom-color:rgba(255,255,255,.12)}
}
