:root{--blue:#062b64;--blue2:#0b4ea2;--red:#e30613;--yellow:#f8b400;--ink:#132238;--muted:#617083;--soft:#f4f8fd;--line:#dbe5f1;--white:#fff;--shadow:0 24px 70px rgba(6,43,100,.16);--radius:28px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Segoe UI,Roboto,Arial,sans-serif;color:var(--ink);line-height:1.6;background:linear-gradient(180deg,#fff 0%,#f8fbff 100%)}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}.container{width:min(1200px,92%);margin:auto}.topbar{background:var(--blue);color:#eaf3ff;font-size:14px;padding:9px 0}.topbar-inner{display:flex;justify-content:space-between;gap:18px;align-items:center}.topbar strong{color:var(--yellow)}.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.9);backdrop-filter:blur(14px);border-bottom:1px solid rgba(219,229,241,.75)}.nav{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:13px 0}.brand img{width:178px;border-radius:12px}.menu{display:flex;align-items:center;gap:20px;font-size:14px;font-weight:800;color:var(--blue)}.menu a:hover{color:var(--red)}.mobile-toggle{display:none;border:0;background:var(--blue);color:#fff;border-radius:14px;padding:10px 14px;font-weight:900}.btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:999px;background:var(--red);color:#fff;font-weight:900;padding:14px 24px;box-shadow:0 14px 28px rgba(227,6,19,.22);transition:.2s ease;cursor:pointer}.btn:hover{transform:translateY(-2px);box-shadow:0 18px 38px rgba(227,6,19,.28)}.btn.secondary{background:var(--blue);box-shadow:0 14px 28px rgba(6,43,100,.22)}.btn.light{background:#fff;color:var(--blue);border:1px solid var(--line);box-shadow:none}.btn-small{padding:11px 18px}.yellow-btn{background:var(--yellow);color:var(--blue);box-shadow:none}.section-pad{padding:78px 0}.hero{position:relative;overflow:hidden}.hero:before{content:"";position:absolute;inset:-120px -140px auto auto;width:520px;height:520px;background:radial-gradient(circle,rgba(10,78,162,.18),transparent 68%);border-radius:50%}.hero:after{content:"";position:absolute;left:-260px;bottom:-240px;width:520px;height:520px;background:radial-gradient(circle,rgba(248,180,0,.17),transparent 65%);border-radius:50%}.hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1fr .98fr;gap:44px;align-items:center}.eyebrow{display:inline-flex;align-items:center;gap:10px;color:var(--blue);font-size:13px;font-weight:950;letter-spacing:.08em;text-transform:uppercase}.eyebrow:before{content:"";width:40px;height:4px;border-radius:999px;background:linear-gradient(90deg,var(--blue),var(--red),var(--yellow))}.light-eye{color:#d9e9ff}.light-eye:before{background:linear-gradient(90deg,#fff,var(--red),var(--yellow))}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(40px,5vw,72px);line-height:1.03;letter-spacing:-.055em;color:var(--blue);margin:18px 0 20px}h1 span{color:var(--red)}h2{font-size:clamp(32px,4vw,52px);line-height:1.08;letter-spacing:-.035em;color:var(--blue)}.lead{font-size:clamp(18px,2vw,23px);color:#293a50;max-width:710px;margin-bottom:28px}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:28px}.micro-trust{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.micro-trust div{background:#fff;border:1px solid var(--line);border-radius:20px;padding:16px;box-shadow:0 12px 28px rgba(17,34,56,.06)}.micro-trust b{display:block;color:var(--blue);font-size:16px}.micro-trust span{display:block;color:var(--muted);font-size:13px;font-weight:700}.hero-media{background:#fff;border:1px solid var(--line);border-radius:34px;padding:12px;box-shadow:var(--shadow);position:relative}.hero-media img{border-radius:26px;aspect-ratio:16/9;object-fit:cover}.hero-badge{position:absolute;left:26px;bottom:24px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:12px 16px;box-shadow:0 18px 36px rgba(6,43,100,.16);font-weight:900;color:var(--blue)}.hero-badge span{color:var(--red)}.logo-strip{border-block:1px solid var(--line);background:#fff}.logo-strip-inner{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;padding:16px 0;color:var(--blue);font-weight:900}.section-head{display:grid;grid-template-columns:1.05fr .95fr;gap:32px;align-items:end;margin-bottom:34px}.section-head p,.section-text{color:var(--muted);font-size:17px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.split-grid,.profile-grid,.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:center}.card,.price-card,.profile-card,.form-card,.showcase{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 12px 32px rgba(17,34,56,.06)}.card,.price-card,.profile-card,.form-card{padding:28px}.card{position:relative;overflow:hidden}.card:after{content:"";position:absolute;right:-55px;top:-55px;width:125px;height:125px;border-radius:50%;background:rgba(6,43,100,.05)}.card h3,.price-card h3,.profile-card h3{font-size:22px;line-height:1.18;color:var(--blue);margin-bottom:10px}.card p,.price-card p,.profile-card p,.profile-card li{color:var(--muted)}.icon{width:60px;height:60px;display:grid;place-items:center;border-radius:20px;color:#fff;font-size:25px;font-weight:950;margin-bottom:18px}.icon.blue{background:var(--blue)}.icon.red{background:var(--red)}.icon.yellow{background:var(--yellow);color:var(--blue)}.soft-section{background:linear-gradient(180deg,#f6faff,#fff);border-block:1px solid var(--line)}.feature-list{display:grid;gap:14px;margin-top:24px}.feature-list div{display:grid;grid-template-columns:34px 1fr;gap:12px;background:#fff;border:1px solid var(--line);border-radius:20px;padding:14px}.feature-list span{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--yellow);color:var(--blue);font-weight:950}.feature-list b{color:var(--blue)}.feature-list small{display:block;color:var(--muted);font-weight:650;margin-top:2px}.showcase{padding:12px;overflow:hidden}.showcase img{border-radius:22px}.cta-panel{background:linear-gradient(135deg,var(--blue),#031c42);color:#fff;border-radius:36px;padding:38px;display:grid;grid-template-columns:1.2fr auto;gap:28px;align-items:center;box-shadow:var(--shadow);overflow:hidden;position:relative}.cta-panel:after{content:"";position:absolute;right:-120px;top:-110px;width:320px;height:320px;background:rgba(248,180,0,.24);border-radius:50%}.cta-panel>*{position:relative;z-index:1}.cta-panel h2{color:#fff;margin-bottom:12px}.cta-panel p{color:#dbeaff;margin-bottom:0}.profile-section{background:#fff}.profile-logo{width:270px;border-radius:18px;margin-bottom:20px}.stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:24px}.stats-row div{border:1px solid var(--line);border-radius:18px;padding:16px;background:#f9fbff}.stats-row b{display:block;color:var(--red);font-size:30px;line-height:1}.stats-row span{font-size:13px;color:var(--muted);font-weight:800}.profile-card ul,.price-card ul{margin:18px 0 22px;padding-left:20px}.tag{display:inline-block;border-radius:999px;padding:6px 12px;background:#eef5ff;color:var(--blue);font-weight:950;font-size:12px;text-transform:uppercase;letter-spacing:.06em}.price-card{display:flex;flex-direction:column}.price-card.featured{border:2px solid var(--red);transform:translateY(-10px);box-shadow:var(--shadow)}.price-card .btn{margin-top:auto;align-self:flex-start}.mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:22px}.mini-grid div{background:#fff;border:1px solid var(--line);border-radius:16px;padding:14px;color:var(--blue);font-weight:900}.faq-list{display:grid;gap:14px}.faq-list details{background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px 20px}.faq-list summary{cursor:pointer;color:var(--blue);font-weight:950;font-size:18px}.faq-list p{color:var(--muted);margin:12px 0 0}.contact-note{background:#fff8e2;border:1px solid rgba(248,180,0,.35);border-radius:18px;padding:16px;color:#5f4200;font-weight:800;margin-top:22px}.form-card{box-shadow:var(--shadow)}form{display:grid;gap:14px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}label{display:grid;gap:7px;color:var(--blue);font-weight:900;font-size:14px}input,select,textarea{width:100%;border:1px solid var(--line);border-radius:15px;padding:14px 15px;font:inherit;color:var(--ink);background:#fff}textarea{min-height:120px;resize:vertical}.hidden{display:none}form small{color:var(--muted)}footer{background:#061b3e;color:#dbeaff;padding:48px 0 24px}.footer-grid{display:grid;grid-template-columns:1.25fr .7fr .9fr;gap:34px}.footer-logo{width:230px;background:#fff;border-radius:16px;padding:6px;margin-bottom:12px}footer h4{color:#fff;margin:0 0 12px}footer a{display:block;margin:8px 0;color:#dbeaff}footer a:hover{color:var(--yellow)}.copy{border-top:1px solid rgba(255,255,255,.15);margin-top:30px;padding-top:18px;font-size:13px;color:#b7c9e6}.reveal{opacity:0;transform:translateY(18px);transition:.7s ease}.reveal.visible{opacity:1;transform:translateY(0)}.delay-1{transition-delay:.08s}.delay-2{transition-delay:.14s}.delay-3{transition-delay:.2s}@media(max-width:980px){.menu{display:none}.mobile-toggle{display:block}.nav.open .menu{display:flex;position:absolute;left:4%;right:4%;top:78px;background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow);padding:18px;flex-direction:column;align-items:flex-start}.hero-grid,.split-grid,.profile-grid,.contact-grid,.section-head,.cta-panel{grid-template-columns:1fr}.grid-4{grid-template-columns:1fr 1fr}.grid-3{grid-template-columns:1fr}.micro-trust,.stats-row{grid-template-columns:1fr}.price-card.featured{transform:none}.hero-badge{position:static;margin-top:12px}.section-pad{padding:58px 0}.hide-small{display:none}.reverse-mobile .showcase{order:2}}@media(max-width:640px){.topbar-inner{display:block}.brand img{width:150px}.grid-4,.form-row,.mini-grid{grid-template-columns:1fr}h1{font-size:40px}.lead{font-size:18px}.cta-panel{padding:28px;border-radius:26px}.profile-logo{width:220px}.hero-media,.showcase{border-radius:24px}.menu{font-size:15px}}



/* ===== Clean restored upgrade: keeps V3 style, subtly enriches first page ===== */
.hero{
  background:
    radial-gradient(circle at 82% 14%, rgba(227,6,19,.07), transparent 28%),
    radial-gradient(circle at 8% 88%, rgba(248,180,0,.14), transparent 30%),
    linear-gradient(180deg,#ffffff 0%,#f7fbff 100%);
}
.hero-badges{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin:0 0 26px;
}
.hero-badges span{
  display:inline-flex;
  align-items:center;
  gap:8px;
  background:#fff;
  border:1px solid var(--line);
  color:var(--blue);
  font-size:13px;
  font-weight:900;
  border-radius:999px;
  padding:9px 13px;
  box-shadow:0 10px 22px rgba(17,32,51,.055);
}
.hero-badges span:before{
  content:"";
  width:8px;
  height:8px;
  border-radius:50%;
  background:var(--red);
  box-shadow:12px 0 0 var(--yellow);
}
.hero-card{
  transform:none !important;
}
.hero-card:before{
  content:"";
  position:absolute;
  inset:10px;
  border-radius:28px;
  border:1px solid rgba(255,255,255,.62);
  pointer-events:none;
  z-index:1;
}
.trust-card{
  min-height:94px;
}
@media(max-width:620px){
  .hero-badges span{font-size:12px}
}



/* Admin-customisable website additions */
.contact-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
.contact-pill{display:inline-flex;gap:6px;align-items:center;border:1px solid var(--line);background:#fff;color:var(--blue);border-radius:999px;padding:10px 14px;font-weight:900;box-shadow:0 10px 22px rgba(17,32,51,.055)}
.design-clean{background:#fff}
.design-clean .hero{background:#fff}
.design-bold .hero{background:linear-gradient(135deg,rgba(6,43,100,.08),rgba(227,6,19,.06),rgba(248,180,0,.12))}
[data-config-list="services"] .card .icon{font-size:22px}



/* Same-page tiny admin access */
.tiny-admin-btn{
  position:fixed;
  left:8px;
  top:50%;
  transform:translateY(-50%) rotate(-90deg);
  transform-origin:left center;
  z-index:999;
  border:1px solid rgba(219,228,239,.85);
  background:rgba(255,255,255,.86);
  color:var(--blue);
  font-size:10px;
  font-weight:900;
  letter-spacing:.08em;
  padding:5px 9px;
  border-radius:999px;
  box-shadow:0 8px 20px rgba(6,43,100,.10);
  cursor:pointer;
  opacity:.72;
}
.tiny-admin-btn:hover{opacity:1;background:var(--blue);color:#fff}
.admin-modal{
  position:fixed;
  inset:0;
  z-index:5000;
  display:none;
  align-items:center;
  justify-content:center;
  padding:22px;
}
.admin-modal.open{display:flex}
.admin-backdrop{
  position:absolute;
  inset:0;
  background:rgba(3,14,34,.58);
  backdrop-filter:blur(8px);
}
.admin-dialog{
  position:relative;
  width:min(560px,94vw);
  background:#fff;
  border:1px solid var(--line);
  border-radius:28px;
  padding:26px;
  box-shadow:0 34px 90px rgba(0,0,0,.28);
}
.admin-dialog h2{color:var(--blue);margin:0 0 8px;font-size:30px}
.admin-dialog p{color:var(--muted);margin:0 0 16px}
.admin-close{
  border:0;
  background:#f2f5fa;
  color:var(--blue);
  width:36px;
  height:36px;
  border-radius:50%;
  font-size:22px;
  font-weight:900;
  cursor:pointer;
}
.admin-dialog>.admin-close{position:absolute;right:14px;top:14px}
.admin-inline-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px;align-items:center}
.same-admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.same-admin-grid .span-2{grid-column:1/-1}
.admin-small-note,.admin-note{font-size:13px;color:var(--muted);background:#f7faff;border:1px solid var(--line);border-radius:14px;padding:12px;margin-top:12px}
.same-admin-panel{
  position:fixed;
  top:0;
  right:0;
  bottom:0;
  width:min(960px,96vw);
  background:#f6f9fe;
  border-left:1px solid var(--line);
  box-shadow:-30px 0 80px rgba(6,43,100,.22);
  z-index:6000;
  transform:translateX(104%);
  transition:.25s ease;
  display:flex;
  flex-direction:column;
}
.same-admin-panel.open{transform:translateX(0)}
.same-admin-head{
  padding:18px 20px;
  background:#fff;
  border-bottom:1px solid var(--line);
  display:flex;
  justify-content:space-between;
  gap:18px;
  align-items:flex-start;
}
.same-admin-head h2{margin:0;color:var(--blue);font-size:28px}
.same-admin-head p{margin:3px 0 0;color:var(--muted)}
.same-admin-tabs{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  padding:12px 16px;
  background:#fff;
  border-bottom:1px solid var(--line);
}
.same-tab{
  border:0;
  background:#eef4fb;
  color:var(--blue);
  font-weight:900;
  border-radius:999px;
  padding:9px 12px;
  cursor:pointer;
}
.same-tab.active,.same-tab:hover{background:var(--blue);color:#fff}
.same-admin-body{
  padding:18px;
  overflow:auto;
  flex:1;
}
.same-section{display:none;background:#fff;border:1px solid var(--line);border-radius:24px;padding:20px;box-shadow:0 12px 28px rgba(17,32,51,.055)}
.same-section.active{display:block}
.same-section h3{margin:0 0 14px;color:var(--blue);font-size:24px}
.same-admin-footer{
  padding:14px 18px;
  background:#fff;
  border-top:1px solid var(--line);
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  align-items:center;
}
.same-saved-msg{
  display:none;
  color:#146c43;
  background:#eafaf0;
  border:1px solid #b7ebc8;
  border-radius:999px;
  padding:8px 12px;
  font-weight:900;
}
.btn.light{background:#fff;color:var(--blue);border:1px solid var(--line);box-shadow:none}
.btn.danger{background:#fff;color:var(--red);border:1px solid rgba(227,6,19,.25);box-shadow:none}
#servicesEditor .contact-card,#packagesEditor .contact-card{
  background:#f8fbff;
  border:1px solid var(--line);
  border-radius:18px;
  padding:14px;
  margin-bottom:12px;
}
.row-title{font-weight:950;color:var(--blue);margin:0 0 8px}
@media(max-width:720px){
  .same-admin-grid{grid-template-columns:1fr}
  .footer-admin-btn{font-size:9px}
}



/* ===== One-page Admin Control Centre V2 ===== */
.footer-admin-btn{
  margin-top:14px;
  border:1px solid rgba(255,255,255,.16);
  background:rgba(255,255,255,.04);
  color:rgba(216,232,255,.42);
  font-size:9px;
  font-weight:800;
  letter-spacing:.08em;
  padding:4px 8px;
  border-radius:999px;
  cursor:pointer;
  opacity:.45;
}
.footer-admin-btn:hover{
  opacity:.9;
  color:#fff;
  background:rgba(255,255,255,.10);
  border-color:rgba(255,255,255,.28);
}
.admin-modal{position:fixed;inset:0;z-index:5000;display:none;align-items:center;justify-content:center;padding:22px}
.admin-modal.open{display:flex}
.admin-backdrop{position:absolute;inset:0;background:rgba(3,14,34,.58);backdrop-filter:blur(8px)}
.admin-dialog{position:relative;width:min(600px,94vw);background:#fff;border:1px solid var(--line);border-radius:28px;padding:26px;box-shadow:0 34px 90px rgba(0,0,0,.28)}
.admin-dialog h2{color:var(--blue);margin:0 0 8px;font-size:30px}
.admin-dialog p{color:var(--muted);margin:0 0 16px}
.admin-close{border:0;background:#f2f5fa;color:var(--blue);width:36px;height:36px;border-radius:50%;font-size:22px;font-weight:900;cursor:pointer;display:grid;place-items:center}
.admin-dialog>.admin-close{position:absolute;right:14px;top:14px}
.admin-inline-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px;align-items:center}
.same-admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.same-admin-grid .span-2{grid-column:1/-1}
.admin-small-note,.admin-note{font-size:13px;color:var(--muted);background:#f7faff;border:1px solid var(--line);border-radius:14px;padding:12px;margin:10px 0 14px}
.same-admin-panel{position:fixed;top:0;right:0;bottom:0;width:min(980px,96vw);background:#f6f9fe;border-left:1px solid var(--line);box-shadow:-30px 0 80px rgba(6,43,100,.22);z-index:6000;transform:translateX(104%);transition:.25s ease;display:flex;flex-direction:column}
.same-admin-panel.open{transform:translateX(0)}
.same-admin-head{padding:18px 20px;background:#fff;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:18px;align-items:flex-start}
.same-admin-head h2{margin:0;color:var(--blue);font-size:28px}
.same-admin-head p{margin:3px 0 0;color:var(--muted)}
.same-admin-tabs{display:flex;flex-wrap:wrap;gap:8px;padding:12px 16px;background:#fff;border-bottom:1px solid var(--line)}
.same-tab{border:0;background:#eef4fb;color:var(--blue);font-weight:900;border-radius:999px;padding:9px 12px;cursor:pointer}
.same-tab.active,.same-tab:hover{background:var(--blue);color:#fff}
.same-admin-body{padding:18px;overflow:auto;flex:1}
.same-section{display:none;background:#fff;border:1px solid var(--line);border-radius:24px;padding:20px;box-shadow:0 12px 28px rgba(17,32,51,.055)}
.same-section.active{display:block}
.same-section h3{margin:0 0 14px;color:var(--blue);font-size:24px}
.same-admin-footer{padding:14px 18px;background:#fff;border-top:1px solid var(--line);display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.same-saved-msg{display:none;color:#146c43;background:#eafaf0;border:1px solid #b7ebc8;border-radius:999px;padding:8px 12px;font-weight:900}
.btn.light{background:#fff;color:var(--blue);border:1px solid var(--line);box-shadow:none}
.btn.danger{background:#fff;color:var(--red);border:1px solid rgba(227,6,19,.25);box-shadow:none}
.editor-card{background:#f8fbff;border:1px solid var(--line);border-radius:18px;padding:14px;margin-bottom:12px}
.row-title{font-weight:950;color:var(--blue);margin:0 0 8px;display:flex;justify-content:space-between;gap:10px}
.mini-remove{border:1px solid rgba(227,6,19,.25);background:#fff;color:var(--red);border-radius:999px;padding:4px 9px;font-weight:900;cursor:pointer}
.contact-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
.contact-pill{display:inline-flex;gap:6px;align-items:center;border:1px solid var(--line);background:#fff;color:var(--blue);border-radius:999px;padding:10px 14px;font-weight:900;box-shadow:0 10px 22px rgba(17,32,51,.055)}
.design-clean{background:#fff}
.design-clean .hero{background:#fff}
.design-bold .hero{background:linear-gradient(135deg,rgba(6,43,100,.10),rgba(227,6,19,.07),rgba(248,180,0,.14))}
.font-large{font-size:18px}
.font-compact{font-size:15px}
.cards-compact .card{padding:18px}
.cards-spacious .card{padding:34px}
@media(max-width:720px){
  .same-admin-grid{grid-template-columns:1fr}
  .footer-admin-btn{font-size:9px}
  .same-section{padding:15px}
}



/* Visible footer admin button - discreet but findable */
.footer-admin-btn{
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  margin-top:16px;
  margin-left:0;
  border:1px solid rgba(255,255,255,.36);
  background:rgba(255,255,255,.12);
  color:#ffffff;
  font-size:11px;
  font-weight:900;
  letter-spacing:.04em;
  padding:6px 11px;
  border-radius:999px;
  cursor:pointer;
  opacity:.78;
}
.footer-admin-btn:hover{
  opacity:1;
  color:#061b3e;
  background:#ffffff;
  border-color:#ffffff;
}



/* Final visible admin button: fixed bottom-left, small but clear */
.admin-login-visible-btn{
  position:fixed !important;
  left:14px !important;
  bottom:14px !important;
  z-index:99999 !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  border:1px solid rgba(6,43,100,.20) !important;
  background:#ffffff !important;
  color:var(--blue) !important;
  font-size:12px !important;
  font-weight:900 !important;
  letter-spacing:.02em !important;
  padding:8px 12px !important;
  border-radius:999px !important;
  box-shadow:0 12px 28px rgba(6,43,100,.18) !important;
  cursor:pointer !important;
  opacity:.92 !important;
}
.admin-login-visible-btn:hover{
  background:var(--blue) !important;
  color:#ffffff !important;
  opacity:1 !important;
  transform:translateY(-1px) !important;
}
.footer-admin-btn{display:none!important}
.tiny-admin-btn{display:none!important}



/* Admin button placed only below Patient Education Handouts */
.admin-login-visible-btn,
.footer-admin-btn,
.tiny-admin-btn{
  display:none !important;
}
.admin-after-handouts{
  grid-column:1 / -1;
  display:flex;
  justify-content:flex-start;
  margin-top:-4px;
  padding-left:4px;
}
.inline-admin-login-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(6,43,100,.18);
  background:rgba(255,255,255,.84);
  color:rgba(6,43,100,.72);
  font-size:11px;
  font-weight:900;
  letter-spacing:.03em;
  padding:6px 10px;
  border-radius:999px;
  cursor:pointer;
  box-shadow:0 8px 18px rgba(6,43,100,.08);
  opacity:.78;
}
.inline-admin-login-btn:hover{
  opacity:1;
  color:#ffffff;
  background:var(--blue);
  border-color:var(--blue);
}
@media(max-width:720px){
  .admin-after-handouts{
    justify-content:flex-start;
    margin-top:0;
  }
}


/* ===== FINAL ADMIN BUTTON PLACEMENT =====
   The admin button appears only once, below the Patient Education Handouts area.
   It is not fixed, floating, or visible on every page. */
.admin-login-visible-btn,
.footer-admin-btn,
.tiny-admin-btn{
  display:none !important;
}
.admin-after-handouts{
  grid-column:1 / -1;
  display:flex !important;
  justify-content:flex-end;
  align-items:center;
  margin-top:12px;
  padding-right:4px;
}
.inline-admin-login-btn{
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(6,43,100,.28);
  background:#ffffff;
  color:var(--blue);
  font-size:12px;
  font-weight:900;
  letter-spacing:.03em;
  padding:7px 12px;
  border-radius:999px;
  cursor:pointer;
  box-shadow:0 10px 24px rgba(6,43,100,.12);
  opacity:.9;
}
.inline-admin-login-btn:hover{
  opacity:1;
  color:#ffffff;
  background:var(--blue);
  border-color:var(--blue);
}
.contact-links{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin:18px 0 12px;
}
.contact-pill{
  display:inline-flex;
  gap:6px;
  align-items:center;
  border:1px solid var(--line);
  background:#fff;
  color:var(--blue);
  border-radius:999px;
  padding:10px 14px;
  font-weight:900;
  box-shadow:0 10px 22px rgba(17,32,51,.055);
}
@media(max-width:900px){
  .admin-after-handouts{
    justify-content:flex-start;
    padding-right:0;
  }
}


/* ===== FINAL FIX: visible admin row below Core Services ===== */
.admin-login-visible-btn,
.footer-admin-btn,
.tiny-admin-btn,
.inline-admin-login-btn{
  display:none !important;
}

.services-admin-access{
  grid-column: 1 / -1 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:10px !important;
  margin-top:18px !important;
  padding:14px 16px !important;
  border:1px dashed rgba(6,43,100,.25) !important;
  background:linear-gradient(180deg,#ffffff,#f8fbff) !important;
  border-radius:18px !important;
  box-shadow:0 10px 24px rgba(6,43,100,.08) !important;
}

.services-admin-access span{
  color:var(--muted) !important;
  font-size:13px !important;
  font-weight:800 !important;
}

.services-admin-btn{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-width:108px !important;
  border:0 !important;
  background:var(--blue) !important;
  color:#ffffff !important;
  font-size:13px !important;
  font-weight:950 !important;
  letter-spacing:.02em !important;
  padding:9px 14px !important;
  border-radius:999px !important;
  cursor:pointer !important;
  box-shadow:0 12px 26px rgba(6,43,100,.24) !important;
  opacity:1 !important;
  visibility:visible !important;
}

.services-admin-btn:hover{
  background:var(--red) !important;
  transform:translateY(-1px) !important;
}

@media(max-width:900px){
  .services-admin-access{
    justify-content:flex-start !important;
  }
}


/* Secret admin access: no visible admin button */
.secret-admin-trigger,
.admin-login-visible-btn,
.footer-admin-btn,
.tiny-admin-btn,
.inline-admin-login-btn,
.services-admin-btn,
.services-admin-access,
.admin-after-handouts{
  display:none !important;
  visibility:hidden !important;
  pointer-events:none !important;
  width:0 !important;
  height:0 !important;
  opacity:0 !important;
  position:absolute !important;
  left:-9999px !important;
}



/* =========================================================
   FIRST DESIGN REFINED — keeps original style, improves polish
========================================================= */

:root{
  --refined-container: min(1280px, 94vw);
}

html, body{
  max-width:100%;
  overflow-x:hidden;
}

.container{
  width:var(--refined-container) !important;
  max-width:var(--refined-container) !important;
}

/* Keep original hero design, just make it fuller and more polished */
.hero{
  padding-top:clamp(58px,6vw,88px) !important;
  padding-bottom:clamp(50px,5.5vw,82px) !important;
  background:
    radial-gradient(circle at 86% 12%, rgba(227,6,19,.055), transparent 28%),
    radial-gradient(circle at 8% 90%, rgba(248,180,0,.12), transparent 30%),
    linear-gradient(180deg,#ffffff 0%,#f7fbff 100%) !important;
}

.hero-grid{
  grid-template-columns:minmax(0,1.04fr) minmax(380px,.96fr) !important;
  gap:clamp(30px,4vw,58px) !important;
  align-items:center !important;
}

.hero h1,
h1{
  font-size:clamp(40px,4.9vw,70px) !important;
  line-height:1.03 !important;
  letter-spacing:-.048em !important;
}

.hero .lead,
.lead{
  font-size:clamp(18px,1.55vw,22px) !important;
  max-width:760px !important;
}

.hero-card{
  border-radius:32px !important;
  box-shadow:0 24px 70px rgba(6,43,100,.16) !important;
  border:1px solid rgba(219,228,239,.95) !important;
}

.hero-card img{
  border-radius:24px !important;
  object-fit:cover !important;
  width:100% !important;
}

.hero-badges span,
.trust-card{
  box-shadow:0 12px 28px rgba(17,32,51,.055) !important;
  border-color:#e1ebf6 !important;
}

/* More professional software-company feel without changing structure */
.card,
.package,
.contact-card,
.profile-img{
  border-color:#e1ebf6 !important;
  box-shadow:0 14px 34px rgba(17,32,51,.055) !important;
}

.card:hover,
.package:hover{
  transform:translateY(-3px);
  box-shadow:0 22px 56px rgba(6,43,100,.11) !important;
}

.card h3{
  font-size:22px !important;
}

/* Wider and cleaner content sections */
section{
  padding-top:clamp(62px,6.5vw,92px) !important;
  padding-bottom:clamp(62px,6.5vw,92px) !important;
}

.section-head{
  margin-bottom:clamp(28px,3vw,42px) !important;
}

.section-head h2{
  max-width:850px;
}

/* Add subtle section depth, not heavy redesign */
#services,
#packages,
#faq,
#contact{
  background:
    radial-gradient(circle at 96% 12%, rgba(10,75,160,.035), transparent 24%),
    radial-gradient(circle at 4% 92%, rgba(248,180,0,.07), transparent 24%);
}

.profile{
  background:linear-gradient(180deg,#ffffff 0%,#f7fbff 100%) !important;
}

/* Profile and package balance */
.profile-grid{
  grid-template-columns:minmax(350px,.95fr) minmax(0,1.05fr) !important;
  gap:clamp(34px,5vw,66px) !important;
}

.grid-4{
  gap:clamp(16px,2vw,24px) !important;
}

.grid-3{
  gap:clamp(18px,2.2vw,26px) !important;
}

/* FAQ improved */
.faq-list{
  width:min(1080px,100%) !important;
  margin-left:auto;
  margin-right:auto;
}

.faq-list details{
  background:#fff !important;
  border:1px solid #e1ebf6 !important;
  border-radius:18px !important;
  margin-bottom:12px !important;
  box-shadow:0 8px 22px rgba(17,32,51,.045) !important;
}

.faq-list summary{
  color:var(--blue) !important;
  font-weight:900 !important;
  padding:17px 20px !important;
}

.faq-list p{
  padding:0 20px 18px !important;
  color:var(--muted) !important;
}

/* Contact polish */
.contact-card{
  border-radius:30px !important;
  padding:clamp(26px,2.5vw,36px) !important;
}

input,select,textarea{
  border-color:#dfe8f4 !important;
}

/* Header logo stability */
.brand img,
.footer img{
  transform:none !important;
  transition:none !important;
  animation:none !important;
}

.brand:hover img{
  transform:none !important;
}

/* Secret admin hidden but functional */
.secret-admin-trigger{
  display:none !important;
}

/* Responsive */
@media(max-width:1080px){
  .hero-grid,
  .profile-grid{
    grid-template-columns:1fr !important;
  }
}

@media(max-width:900px){
  .container{
    width:min(100% - 28px,760px) !important;
  }
}

@media(max-width:640px){
  .container{
    width:min(100% - 22px,620px) !important;
  }
  .hero h1,
  h1{
    font-size:clamp(36px,11vw,52px) !important;
  }
}



/* =========================================================
   HERO PACKAGES + EDITABLE PRICING UPGRADE
========================================================= */

.hero-packages{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  margin-top:18px;
  max-width:760px;
}

.hero-package-card{
  background:#fff;
  border:1px solid #e1ebf6;
  border-radius:20px;
  padding:15px;
  box-shadow:0 12px 28px rgba(17,32,51,.055);
}

.hero-package-card.featured{
  border-color:rgba(227,6,19,.28);
  box-shadow:0 16px 34px rgba(227,6,19,.10);
}

.hero-package-card span{
  display:inline-flex;
  border-radius:999px;
  padding:4px 8px;
  background:#eef5ff;
  color:var(--blue);
  font-size:11px;
  font-weight:950;
  text-transform:uppercase;
  letter-spacing:.08em;
  margin-bottom:8px;
}

.hero-package-card.featured span{
  background:rgba(227,6,19,.08);
  color:var(--red);
}

.hero-package-card h3{
  color:var(--blue);
  font-size:16px;
  line-height:1.15;
  margin:0 0 8px;
}

.hero-package-card strong{
  display:block;
  color:var(--red);
  font-size:18px;
  line-height:1.1;
}

.hero-package-card small{
  display:block;
  color:var(--muted);
  font-weight:800;
  margin-top:4px;
}

.monthly-price{
  display:inline-flex;
  margin:0 0 12px;
  padding:7px 10px;
  border-radius:999px;
  background:#f7fbff;
  color:var(--blue);
  border:1px solid #e1ebf6;
  font-size:13px;
  font-weight:900;
}

.package .price{
  margin-bottom:8px !important;
}

@media(max-width:900px){
  .hero-packages{
    grid-template-columns:1fr;
    max-width:100%;
  }
}



/* =========================================================
   CLEAN FIRST PAGE REDESIGN
   Premium, calm hero with compact pricing strip.
========================================================= */

/* Remove previous busy hero effects */
.hero-value-row{
  display:none !important;
}

.hero-card:after{
  display:none !important;
}

.hero-packages{
  display:none !important;
}

.hero{
  background:
    radial-gradient(circle at 86% 14%, rgba(10,75,160,.08), transparent 30%),
    radial-gradient(circle at 10% 88%, rgba(248,180,0,.12), transparent 32%),
    linear-gradient(180deg,#ffffff 0%,#f7fbff 100%) !important;
  padding-top:clamp(58px,6vw,86px) !important;
  padding-bottom:clamp(52px,5vw,78px) !important;
}

.hero-grid{
  grid-template-columns:minmax(0,1.02fr) minmax(360px,.98fr) !important;
  gap:clamp(34px,4.5vw,64px) !important;
  align-items:center !important;
}

.hero .eyebrow{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  padding:0 !important;
  color:var(--blue) !important;
}

.hero .eyebrow:before{
  background:linear-gradient(90deg,var(--blue),var(--red),var(--yellow)) !important;
}

.hero h1,
h1{
  font-size:clamp(42px,4.85vw,68px) !important;
  line-height:1.03 !important;
  letter-spacing:-.048em !important;
  max-width:820px !important;
  margin-bottom:18px !important;
}

.hero .lead,
.lead{
  font-size:clamp(18px,1.55vw,22px) !important;
  max-width:760px !important;
  color:#34465c !important;
  margin-bottom:24px !important;
}

.hero-actions{
  margin-bottom:22px !important;
}

.hero-card{
  border-radius:34px !important;
  padding:12px !important;
  background:#ffffff !important;
  border:1px solid #dfe8f4 !important;
  box-shadow:0 24px 70px rgba(6,43,100,.14) !important;
}

.hero-card img{
  border-radius:25px !important;
}

/* Compact clean pricing strip */
.hero-pricing-strip{
  display:grid;
  grid-template-columns:1.1fr repeat(3, minmax(0,1fr));
  gap:10px;
  align-items:stretch;
  max-width:860px;
  margin-top:22px;
}

.pricing-intro,
.hero-price-item{
  background:#ffffff;
  border:1px solid #e1ebf6;
  border-radius:18px;
  padding:14px 15px;
  box-shadow:0 10px 24px rgba(6,43,100,.055);
}

.pricing-intro{
  display:flex;
  flex-direction:column;
  justify-content:center;
}

.pricing-intro span,
.hero-price-item span{
  display:inline-flex;
  width:max-content;
  border-radius:999px;
  padding:4px 8px;
  background:#eef5ff;
  color:var(--blue);
  font-size:10px;
  font-weight:950;
  letter-spacing:.08em;
  text-transform:uppercase;
  margin-bottom:8px;
}

.pricing-intro b{
  color:var(--blue);
  font-size:16px;
  line-height:1.18;
}

.hero-price-item strong{
  display:block;
  color:var(--blue);
  font-size:18px;
  line-height:1.1;
}

.hero-price-item small{
  display:block;
  margin-top:5px;
  color:var(--muted);
  font-size:12px;
  font-weight:800;
}

.hero-price-item.most-popular{
  background:linear-gradient(135deg,var(--red),#bb0612);
  border-color:transparent;
  box-shadow:0 16px 36px rgba(227,6,19,.18);
}

.hero-price-item.most-popular span{
  background:rgba(255,255,255,.20);
  color:#ffffff;
}

.hero-price-item.most-popular strong,
.hero-price-item.most-popular small{
  color:#ffffff;
}

/* Cleaner trust row if present */
.trust-row{
  margin-top:16px;
}

.trust-card{
  border-radius:17px !important;
  box-shadow:0 10px 22px rgba(6,43,100,.045) !important;
}

/* First page mobile */
@media(max-width:1080px){
  .hero-grid{
    grid-template-columns:1fr !important;
  }
  .hero-pricing-strip{
    grid-template-columns:1fr 1fr;
  }
  .pricing-intro{
    grid-column:1 / -1;
  }
}

@media(max-width:640px){
  .hero-pricing-strip{
    grid-template-columns:1fr;
  }
}



/* =========================================================
   RESTORED HERO + STRONG MIDDLE PACKAGE SECTION
========================================================= */

/* Remove all first-page pricing blocks */
.hero-pricing-strip,
.hero-packages,
.hero-value-row{
  display:none !important;
}

/* Clean first page again */
.hero{
  background:
    radial-gradient(circle at 86% 12%, rgba(227,6,19,.055), transparent 28%),
    radial-gradient(circle at 8% 90%, rgba(248,180,0,.12), transparent 30%),
    linear-gradient(180deg,#ffffff 0%,#f7fbff 100%) !important;
}

.hero-grid{
  grid-template-columns:minmax(0,1.04fr) minmax(380px,.96fr) !important;
  gap:clamp(30px,4vw,58px) !important;
  align-items:center !important;
}

.hero .eyebrow{
  background:#ffffff !important;
  border:1px solid #e1ebf6 !important;
  padding:9px 13px !important;
  border-radius:999px !important;
  box-shadow:0 8px 20px rgba(6,43,100,.055) !important;
  color:var(--blue) !important;
}

.hero-card:after{
  display:none !important;
}

/* Packages should live in the packages section only */
#packages{
  background:
    radial-gradient(circle at 90% 8%, rgba(227,6,19,.06), transparent 26%),
    radial-gradient(circle at 8% 92%, rgba(248,180,0,.10), transparent 28%),
    linear-gradient(180deg,#ffffff 0%,#f7fbff 100%) !important;
}

#packages .section-head h2,
#packages h2{
  color:var(--blue) !important;
}

/* Standard package cards */
.package,
.card.package,
.price-card,
.package-card{
  background:#ffffff !important;
  border:1px solid #e1ebf6 !important;
  color:var(--ink, #1f2937) !important;
  border-radius:28px !important;
  box-shadow:0 16px 40px rgba(6,43,100,.07) !important;
  transition:.22s ease !important;
  position:relative;
  overflow:hidden;
}

.package:hover,
.card.package:hover,
.price-card:hover,
.package-card:hover{
  transform:translateY(-4px);
  box-shadow:0 24px 60px rgba(6,43,100,.12) !important;
}

/* Middle package highlighted in red */
.package.featured,
.card.package.featured,
.price-card.featured,
.package-card.featured,
[data-config-list="packages"] > article:nth-child(2){
  background:linear-gradient(135deg,var(--red),#b90410) !important;
  border-color:transparent !important;
  color:#ffffff !important;
  box-shadow:0 28px 70px rgba(227,6,19,.26) !important;
  transform:translateY(-10px);
}

.package.featured:before,
.card.package.featured:before,
.price-card.featured:before,
.package-card.featured:before,
[data-config-list="packages"] > article:nth-child(2):before{
  content:"Most Popular";
  display:inline-flex;
  background:rgba(255,255,255,.18);
  color:#ffffff;
  border:1px solid rgba(255,255,255,.32);
  border-radius:999px;
  padding:6px 10px;
  font-size:11px;
  font-weight:950;
  letter-spacing:.08em;
  text-transform:uppercase;
  margin-bottom:12px;
}

.package.featured h3,
.card.package.featured h3,
.price-card.featured h3,
.package-card.featured h3,
[data-config-list="packages"] > article:nth-child(2) h3,
.package.featured p,
.card.package.featured p,
.price-card.featured p,
.package-card.featured p,
[data-config-list="packages"] > article:nth-child(2) p,
.package.featured li,
.card.package.featured li,
.price-card.featured li,
.package-card.featured li,
[data-config-list="packages"] > article:nth-child(2) li,
.package.featured .price,
.card.package.featured .price,
.price-card.featured .price,
.package-card.featured .price,
[data-config-list="packages"] > article:nth-child(2) .price,
.package.featured .monthly-price,
.card.package.featured .monthly-price,
[data-config-list="packages"] > article:nth-child(2) .monthly-price{
  color:#ffffff !important;
}

.monthly-price{
  display:inline-flex;
  margin:0 0 12px;
  padding:7px 10px;
  border-radius:999px;
  background:#f7fbff;
  color:var(--blue);
  border:1px solid #e1ebf6;
  font-size:13px;
  font-weight:900;
}

.package.featured .monthly-price,
.card.package.featured .monthly-price,
[data-config-list="packages"] > article:nth-child(2) .monthly-price{
  background:rgba(255,255,255,.16) !important;
  border-color:rgba(255,255,255,.28) !important;
}

@media(max-width:900px){
  .package.featured,
  .card.package.featured,
  .price-card.featured,
  .package-card.featured,
  [data-config-list="packages"] > article:nth-child(2){
    transform:none !important;
  }
}



/* =========================================================
   ONLINE STYLE BETTER VERSION — NOT COMPACT
   Better first page, blue info buttons, Netlify/WhatsApp form styling.
========================================================= */

.hero{
  background:
    radial-gradient(circle at 88% 12%, rgba(10,75,160,.08), transparent 28%),
    radial-gradient(circle at 8% 90%, rgba(248,180,0,.13), transparent 30%),
    linear-gradient(180deg,#ffffff 0%,#f7fbff 100%) !important;
}

.hero-info-buttons{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin:18px 0 18px;
  max-width:880px;
}

.hero-info-buttons a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  padding:10px 14px;
  background:var(--blue);
  color:#ffffff;
  font-weight:900;
  font-size:13px;
  box-shadow:0 12px 26px rgba(6,43,100,.15);
}

.hero-info-buttons a:hover{
  background:var(--red);
}

.software-hero-card{
  margin-top:16px;
  background:#ffffff;
  border:1px solid #e1ebf6;
  border-radius:24px;
  padding:8px;
  box-shadow:0 18px 44px rgba(6,43,100,.10);
}

.software-hero-card img{
  width:100%;
  border-radius:18px;
  object-fit:cover;
  aspect-ratio:16/9;
}

.hero h1,
.hero .lead{
  color:var(--blue);
}

.hero .lead{
  color:#324962;
}

.launch-contact-row{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin:18px 0 20px;
}

.launch-contact-row a{
  display:inline-flex;
  border:1px solid #e1ebf6;
  background:#ffffff;
  color:var(--blue);
  border-radius:999px;
  padding:10px 14px;
  font-weight:900;
  box-shadow:0 10px 22px rgba(6,43,100,.055);
}

.launch-contact-row a:hover{
  background:var(--blue);
  color:#fff;
}

.whatsapp-submit-note{
  margin:10px 0 0;
  color:var(--muted);
  font-size:13px;
  font-weight:700;
}

/* Packages: compact list feel but with proper space and glowing middle package */
[data-config-list="packages"],
.packages-grid,
.grid-3:has(.package){
  gap:24px !important;
}

.package,
.card.package,
.package-card,
.price-card{
  padding:30px !important;
  border-radius:30px !important;
}

.package.featured,
.card.package.featured,
.package-card.featured,
.price-card.featured,
[data-config-list="packages"] > article:nth-child(2){
  box-shadow:
    0 0 0 1px rgba(255,255,255,.28) inset,
    0 22px 60px rgba(227,6,19,.26),
    0 0 48px rgba(227,6,19,.22) !important;
}

.package.featured:before,
.card.package.featured:before,
.package-card.featured:before,
.price-card.featured:before,
[data-config-list="packages"] > article:nth-child(2):before{
  content:"Most Popular";
}

/* Admin request cards */
.request-list{
  display:grid;
  gap:10px;
  margin-top:14px;
}

.request-card{
  background:#fbfdff;
  border:1px solid #e1ebf6;
  border-radius:16px;
  padding:13px;
}

.request-card b{
  display:block;
  color:var(--blue);
}

.request-card small{
  display:block;
  color:var(--muted);
  margin-top:2px;
}

@media(max-width:900px){
  .hero-info-buttons a{
    width:100%;
  }
}



/* =========================================================
   SERVICES PAGE FIRST + FULL-SCREEN FLYER SECOND
========================================================= */

.hero,
.logo-strip,
.poster-second-page,
.poster-first-page{
  display:none !important;
}

.first-services-page{
  min-height:100vh !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  padding-top:calc(86px + clamp(26px,4vw,56px)) !important;
  padding-bottom:clamp(54px,6vw,90px) !important;
  background:
    radial-gradient(circle at 88% 12%, rgba(10,75,160,.08), transparent 28%),
    radial-gradient(circle at 8% 90%, rgba(248,180,0,.13), transparent 30%),
    linear-gradient(180deg,#ffffff 0%,#f7fbff 100%) !important;
}

.first-services-page .section-head{
  max-width:980px !important;
  margin-left:auto !important;
  margin-right:auto !important;
  text-align:center !important;
}

.first-services-page .section-head h2{
  font-size:clamp(38px,5vw,72px) !important;
  line-height:1.02 !important;
  letter-spacing:-.052em !important;
  color:var(--blue) !important;
}

.first-services-page .section-head p{
  font-size:clamp(17px,1.5vw,22px) !important;
  color:#34465c !important;
}

.first-page-buttons{
  width:min(1180px,94vw);
  margin:0 auto 28px;
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:10px;
}

.first-page-buttons a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:var(--blue);
  color:#ffffff;
  border-radius:999px;
  padding:11px 15px;
  font-weight:950;
  font-size:13px;
  box-shadow:0 12px 26px rgba(6,43,100,.15);
}

.first-page-buttons a:hover{
  background:var(--red);
}

.first-services-page .grid-4,
.first-services-page [data-config-list="services"]{
  width:min(1280px,94vw);
  margin-left:auto;
  margin-right:auto;
}

.first-services-page .card{
  background:#ffffff !important;
  border:1px solid #e1ebf6 !important;
  border-radius:26px !important;
  box-shadow:0 16px 40px rgba(6,43,100,.07) !important;
}

.poster-full-page{
  min-height:100vh !important;
  height:100vh !important;
  width:100vw !important;
  padding:0 !important;
  margin:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  background:#ffffff !important;
  overflow:hidden !important;
}

.poster-full-frame{
  width:100vw !important;
  height:100vh !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  background:#ffffff !important;
}

.poster-full-frame img{
  width:100vw !important;
  height:100vh !important;
  object-fit:contain !important;
  object-position:center center !important;
  display:block !important;
  background:#ffffff !important;
}

/* Remove right-side accidental spacing around poster */
#poster + section{
  margin-top:0 !important;
}

@media(max-width:760px){
  .first-page-buttons a{
    width:100%;
  }
  .poster-full-page,
  .poster-full-frame,
  .poster-full-frame img{
    height:auto !important;
    min-height:auto !important;
  }
  .poster-full-frame img{
    width:100% !important;
  }
}



/* =========================================================
   FIRST PAGE LEFT TEXT + RIGHT SOFTWARE IMAGE
========================================================= */

/* Turn first page into a polished split-screen landing section */
.first-services-page{
  align-items:stretch !important;
  justify-content:center !important;
  padding-left:clamp(18px,4vw,70px) !important;
  padding-right:clamp(18px,4vw,70px) !important;
}

/* Section heading is now pulled to the extreme left */
.first-services-page .section-head{
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  text-align:left !important;
  display:grid !important;
  grid-template-columns:minmax(0,.92fr) minmax(360px,.78fr) !important;
  gap:clamp(26px,4vw,64px) !important;
  align-items:end !important;
}

.first-services-page .section-head > div,
.first-services-page .section-head .eyebrow,
.first-services-page .section-head h2,
.first-services-page .section-head p{
  text-align:left !important;
}

.first-services-page .section-head h2{
  max-width:760px !important;
  margin-left:0 !important;
}

.first-services-page .section-head p{
  max-width:680px !important;
  margin-left:0 !important;
}

/* Make buttons start from the far-left */
.first-page-buttons{
  width:100% !important;
  max-width:none !important;
  margin:22px 0 28px !important;
  justify-content:flex-start !important;
}

/* Put the selected picture on the first page */
.first-page-image-panel{
  position:absolute;
  right:clamp(18px,4vw,70px);
  top:calc(86px + clamp(40px,6vw,88px));
  width:min(43vw,620px);
  background:#ffffff;
  border:1px solid #e1ebf6;
  border-radius:30px;
  padding:10px;
  box-shadow:0 24px 70px rgba(6,43,100,.14);
  z-index:3;
}

.first-page-image-panel img{
  width:100%;
  aspect-ratio:16/10;
  object-fit:cover;
  border-radius:22px;
}

/* Keep cards below the split heading/image area */
.first-services-page .grid-4,
.first-services-page [data-config-list="services"]{
  margin-top:clamp(26px,5vw,78px) !important;
}

/* Give the left text enough width so it does not clash with image */
.first-services-page .section-head,
.first-page-buttons{
  padding-right:min(45vw,660px) !important;
}

/* Compact but still premium service cards under first page */
.first-services-page .card{
  min-height:210px;
}

/* Mobile/tablet: image stacks under heading */
@media(max-width:1100px){
  .first-services-page .section-head{
    display:block !important;
  }

  .first-services-page .section-head,
  .first-page-buttons{
    padding-right:0 !important;
  }

  .first-page-image-panel{
    position:relative;
    right:auto;
    top:auto;
    width:100%;
    max-width:760px;
    margin:18px 0 26px;
  }
}

@media(max-width:760px){
  .first-page-buttons{
    justify-content:stretch !important;
  }

  .first-page-buttons a{
    width:100%;
  }

  .first-page-image-panel{
    border-radius:22px;
  }

  .first-page-image-panel img{
    border-radius:16px;
  }
}



/* =========================================================
   FIRST PAGE BUTTONS MOVED TO TOP
========================================================= */

.first-services-page{
  justify-content:flex-start !important;
}

.first-page-buttons{
  order:-10 !important;
  width:100% !important;
  max-width:none !important;
  margin:0 0 clamp(24px,3vw,40px) 0 !important;
  padding:0 !important;
  display:flex !important;
  flex-wrap:wrap !important;
  justify-content:flex-start !important;
  align-items:center !important;
  gap:10px !important;
  position:relative !important;
  z-index:8 !important;
}

.first-page-buttons a{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  background:var(--blue) !important;
  color:#ffffff !important;
  border-radius:999px !important;
  padding:11px 15px !important;
  font-weight:950 !important;
  font-size:13px !important;
  box-shadow:0 12px 26px rgba(6,43,100,.15) !important;
  border:1px solid rgba(255,255,255,.12) !important;
}

.first-page-buttons a:hover{
  background:var(--red) !important;
  transform:translateY(-1px);
}

/* Now the text and image sit below the top buttons */
.first-services-page .section-head{
  margin-top:0 !important;
}

/* Remove old right padding issue caused by lower button placement */
.first-page-buttons{
  padding-right:0 !important;
}

@media(max-width:760px){
  .first-page-buttons{
    justify-content:stretch !important;
  }
  .first-page-buttons a{
    width:100% !important;
  }
}



/* =========================================================
   PROFESSIONAL FIRST PAGE REDESIGN
   Premium SaaS/health-tech landing section.
========================================================= */

/* Hide any previous first page layout rules that caused crowding */
.first-page-image-panel{
  display:none !important;
}

.professional-home{
  min-height:100vh !important;
  padding:calc(86px + 22px) clamp(18px,4vw,68px) clamp(48px,5vw,82px) !important;
  background:
    radial-gradient(circle at 82% 10%, rgba(227,6,19,.055), transparent 28%),
    radial-gradient(circle at 8% 92%, rgba(248,180,0,.12), transparent 30%),
    linear-gradient(180deg,#ffffff 0%,#f7fbff 100%) !important;
  display:block !important;
  overflow:hidden !important;
}

.home-shell{
  width:min(1500px,96vw);
  margin:0 auto;
}

.professional-home .first-page-buttons{
  display:flex !important;
  flex-wrap:wrap !important;
  justify-content:flex-start !important;
  gap:10px !important;
  margin:0 0 28px !important;
  padding:0 !important;
  width:100% !important;
}

.professional-home .first-page-buttons a{
  background:#ffffff !important;
  color:var(--blue) !important;
  border:1px solid #dfe8f4 !important;
  box-shadow:0 10px 24px rgba(6,43,100,.06) !important;
  padding:10px 14px !important;
}

.professional-home .first-page-buttons a:hover{
  background:var(--blue) !important;
  color:#ffffff !important;
}

/* First page main split */
.home-hero-grid{
  display:grid;
  grid-template-columns:minmax(0,.9fr) minmax(480px,1.1fr);
  gap:clamp(34px,5vw,84px);
  align-items:center;
}

.home-text{
  max-width:820px;
}

.home-text .eyebrow{
  background:#ffffff;
  border:1px solid #e1ebf6;
  border-radius:999px;
  padding:9px 13px;
  box-shadow:0 10px 24px rgba(6,43,100,.055);
}

.home-text h1{
  margin:18px 0 18px;
  color:var(--blue);
  font-size:clamp(44px,5.2vw,82px);
  line-height:1.0;
  letter-spacing:-.06em;
}

.home-text p{
  color:#334962;
  font-size:clamp(18px,1.55vw,23px);
  max-width:740px;
  margin:0 0 24px;
}

.home-cta-row{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-bottom:22px;
}

.home-proof-row{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  max-width:820px;
}

.home-proof-row div{
  background:#ffffff;
  border:1px solid #e1ebf6;
  border-radius:20px;
  padding:15px;
  box-shadow:0 12px 28px rgba(6,43,100,.055);
}

.home-proof-row strong{
  display:block;
  color:var(--blue);
  font-size:16px;
  line-height:1.12;
}

.home-proof-row span{
  display:block;
  color:var(--muted);
  font-size:12.5px;
  font-weight:750;
  margin-top:5px;
}

/* Bigger, professional right image */
.home-visual{
  position:relative;
  background:#ffffff;
  border:1px solid #e1ebf6;
  border-radius:36px;
  padding:12px;
  box-shadow:0 30px 90px rgba(6,43,100,.16);
}

.home-visual:before{
  content:"";
  position:absolute;
  inset:-18px;
  border-radius:44px;
  background:linear-gradient(135deg,rgba(6,43,100,.08),rgba(227,6,19,.06),rgba(248,180,0,.11));
  z-index:-1;
}

.home-visual img{
  width:100%;
  aspect-ratio:16/10;
  object-fit:cover;
  border-radius:26px;
}

/* Services under hero, compact and polished */
.services-preview{
  margin-top:clamp(34px,4vw,56px);
  display:grid;
  grid-template-columns:minmax(260px,.34fr) minmax(0,1fr);
  gap:24px;
  align-items:start;
}

.services-preview-head{
  position:sticky;
  top:110px;
  background:rgba(255,255,255,.78);
  border:1px solid #e1ebf6;
  border-radius:24px;
  padding:22px;
  box-shadow:0 14px 34px rgba(6,43,100,.055);
}

.services-preview-head h2{
  margin:12px 0 0;
  color:var(--blue);
  font-size:clamp(24px,2.6vw,38px);
  line-height:1.08;
  letter-spacing:-.035em;
}

.professional-home .first-services-grid,
.professional-home [data-config-list="services"]{
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:16px !important;
}

.professional-home .card{
  min-height:205px !important;
  background:#ffffff !important;
  border:1px solid #e1ebf6 !important;
  border-radius:24px !important;
  box-shadow:0 14px 34px rgba(6,43,100,.06) !important;
  padding:22px !important;
}

.professional-home .card h3{
  color:var(--blue) !important;
  font-size:20px !important;
}

/* =========================================================
   PROFILE SECTION PREMIUM REDESIGN
========================================================= */

#profile,
.profile-section{
  background:
    radial-gradient(circle at 88% 12%, rgba(10,75,160,.045), transparent 28%),
    linear-gradient(180deg,#ffffff 0%,#f7fbff 100%) !important;
}

#profile .container,
.profile-section .container{
  width:min(1280px,94vw) !important;
  max-width:min(1280px,94vw) !important;
}

.profile-grid,
#profile .grid-2,
.profile-section .grid-2{
  align-items:center !important;
  gap:clamp(34px,5vw,72px) !important;
}

.profile-content,
#profile .content,
.profile-section .content{
  background:#ffffff;
  border:1px solid #e1ebf6;
  border-radius:30px;
  padding:clamp(26px,3vw,44px);
  box-shadow:0 18px 48px rgba(6,43,100,.075);
}

.profile-content h2,
#profile h2,
.profile-section h2{
  color:var(--blue) !important;
  font-size:clamp(34px,4vw,58px) !important;
  line-height:1.04 !important;
  letter-spacing:-.045em !important;
}

.profile-content p,
#profile p,
.profile-section p{
  color:#344962 !important;
  font-size:18px !important;
}

.profile-img,
#profile img,
.profile-section img{
  border-radius:30px !important;
  box-shadow:0 24px 70px rgba(6,43,100,.12) !important;
}

/* Responsive */
@media(max-width:1180px){
  .home-hero-grid{
    grid-template-columns:1fr;
  }

  .home-visual{
    max-width:920px;
  }

  .services-preview{
    grid-template-columns:1fr;
  }

  .services-preview-head{
    position:static;
  }

  .professional-home .first-services-grid,
  .professional-home [data-config-list="services"]{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}

@media(max-width:760px){
  .professional-home{
    padding-top:100px !important;
  }

  .home-proof-row{
    grid-template-columns:1fr;
  }

  .professional-home .first-services-grid,
  .professional-home [data-config-list="services"]{
    grid-template-columns:1fr !important;
  }

  .home-text h1{
    font-size:clamp(36px,11vw,54px);
  }

  .home-visual{
    border-radius:24px;
  }

  .home-visual img{
    border-radius:17px;
  }
}



/* =========================================================
   FIRST PAGE FINAL POLISH + CUSTOMER-FRIENDLY POSITIONING
========================================================= */

.professional-home{
  background:
    radial-gradient(circle at 78% 14%, rgba(6,43,100,.075), transparent 28%),
    radial-gradient(circle at 96% 58%, rgba(227,6,19,.045), transparent 22%),
    radial-gradient(circle at 8% 92%, rgba(248,180,0,.13), transparent 30%),
    linear-gradient(180deg,#ffffff 0%,#f6faff 100%) !important;
}

.home-text .eyebrow{
  color:var(--blue) !important;
  background:#ffffff !important;
  border:1px solid #dde8f6 !important;
  box-shadow:0 12px 28px rgba(6,43,100,.055) !important;
}

.home-text h1{
  max-width:900px !important;
  font-size:clamp(46px,5.4vw,86px) !important;
  line-height:.98 !important;
  letter-spacing:-.065em !important;
}

.home-text p{
  max-width:780px !important;
  color:#2f4864 !important;
  font-size:clamp(18px,1.6vw,23px) !important;
}

.positioning-row{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin:0 0 22px;
}

.positioning-row span{
  display:inline-flex;
  align-items:center;
  border:1px solid #dfe8f4;
  background:rgba(255,255,255,.86);
  color:var(--blue);
  border-radius:999px;
  padding:9px 12px;
  font-size:13px;
  font-weight:900;
  box-shadow:0 10px 22px rgba(6,43,100,.045);
}

.positioning-row span:before{
  content:"";
  width:7px;
  height:7px;
  border-radius:50%;
  background:var(--red);
  margin-right:8px;
}

.home-visual{
  transform:translateY(-4px);
}

.home-visual img{
  aspect-ratio:16/9 !important;
}

.services-preview-head{
  background:linear-gradient(180deg,#ffffff,#f9fcff) !important;
}

.services-preview-head h2{
  color:var(--blue) !important;
}

/* Polish wording-heavy marketing/brand section if present */
.section-pad h2,
.section-head h2{
  letter-spacing:-.04em;
}

.section-pad p,
.section-head p{
  color:#40556e;
}

@media(max-width:760px){
  .home-text h1{
    font-size:clamp(38px,11vw,56px) !important;
  }
  .positioning-row span{
    width:100%;
  }
}



/* =========================================================
   FULL CUSTOM ADMIN TOOL UI + DESIGN/LAYOUT PRESETS
========================================================= */

.secret-admin-trigger{display:none!important}

.mega-admin-modal{
  position:fixed; inset:0; z-index:9000; display:none; align-items:center; justify-content:center; padding:20px;
}
.mega-admin-modal.open{display:flex}
.mega-admin-backdrop{position:absolute; inset:0; background:rgba(5,18,42,.62); backdrop-filter:blur(8px)}
.mega-admin-login{
  position:relative; z-index:2; width:min(540px,94vw); background:#fff; border:1px solid #e1ebf6;
  border-radius:28px; padding:28px; box-shadow:0 34px 90px rgba(0,0,0,.28);
}
.mega-admin-login h2{margin:0 0 8px; color:var(--blue); font-size:30px}
.mega-admin-login p{color:var(--muted)}
.mega-admin-login input{width:100%; border:1px solid #dfe8f4; border-radius:16px; padding:14px; font:inherit; margin:8px 0 14px}
.mega-close{border:0; background:#eef5ff; color:var(--blue); width:36px; height:36px; border-radius:50%; font-size:22px; font-weight:900; cursor:pointer}
.mega-admin-login .mega-close{position:absolute; right:14px; top:14px}

.mega-admin-panel{
  position:fixed; top:0; right:0; bottom:0; z-index:9100; width:min(1080px,97vw);
  background:#f7fbff; transform:translateX(105%); transition:.25s ease; box-shadow:-32px 0 90px rgba(6,43,100,.28);
  display:flex; flex-direction:column;
}
.mega-admin-panel.open{transform:translateX(0)}
.mega-admin-head{display:flex; justify-content:space-between; gap:16px; background:#fff; border-bottom:1px solid #e1ebf6; padding:18px}
.mega-admin-head h2{margin:0; color:var(--blue)}
.mega-admin-head p{margin:3px 0 0; color:var(--muted)}
.mega-tabs{display:flex; flex-wrap:wrap; gap:8px; padding:12px 16px; background:#fff; border-bottom:1px solid #e1ebf6}
.mega-tab{border:0; border-radius:999px; background:#eaf1fa; color:var(--blue); font-weight:950; padding:9px 13px; cursor:pointer}
.mega-tab.active,.mega-tab:hover{background:var(--blue); color:#fff}
.mega-admin-body{overflow:auto; padding:18px; flex:1}
.mega-section{display:none; background:#fff; border:1px solid #e1ebf6; border-radius:24px; padding:20px}
.mega-section.active{display:block}
.mega-section h3{margin:0 0 14px; color:var(--blue); font-size:24px}
.mega-section label{display:grid; gap:7px; color:var(--blue); font-weight:900; margin-bottom:14px}
.mega-section input,.mega-section textarea,.mega-section select{
  width:100%; border:1px solid #dfe8f4; border-radius:15px; padding:13px 14px; font:inherit; background:#fff;
}
.mega-section textarea{min-height:110px}
.mega-grid{display:grid; grid-template-columns:1fr 1fr; gap:14px}
.mega-edit-card{background:#fbfdff; border:1px solid #e1ebf6; border-radius:18px; padding:14px; margin-bottom:12px}
.mega-remove{border:1px solid rgba(227,6,19,.25); background:#fff; color:var(--red); border-radius:999px; padding:7px 10px; font-weight:900; cursor:pointer}
.admin-help{color:var(--muted); font-size:13px}
.mega-admin-foot{display:flex; gap:10px; background:#fff; border-top:1px solid #e1ebf6; padding:14px 18px}

/* Layout presets */
.layout-centered .home-hero-grid{grid-template-columns:1fr!important; text-align:center}
.layout-centered .home-text{max-width:980px; margin:0 auto}
.layout-centered .home-cta-row,.layout-centered .positioning-row,.layout-centered .home-proof-row{justify-content:center; margin-left:auto; margin-right:auto}
.layout-centered .home-visual{max-width:1000px; margin:0 auto}

.layout-image-left .home-visual{order:-1}
.layout-image-left .home-hero-grid{grid-template-columns:minmax(480px,1.05fr) minmax(0,.95fr)!important}

.layout-wide-image .home-hero-grid{grid-template-columns:1fr!important}
.layout-wide-image .home-visual{max-width:1200px; margin:0 auto}
.layout-wide-image .home-visual img{aspect-ratio:21/9!important}

.preset-clean-saas .professional-home{background:linear-gradient(180deg,#fff,#f8fbff)!important}
.preset-royal-blue{--blue:#081f52;--red:#c1121f;--yellow:#d4af37}
.preset-soft-minimal{--blue:#1d4ed8;--red:#3b82f6;--yellow:#facc15}
.preset-pakistan-private{--blue:#064e3b;--red:#0f766e;--yellow:#d4af37}
.preset-dark-hero .professional-home{background:linear-gradient(135deg,#061b3e,#0b3b86)!important}
.preset-dark-hero .home-text h1,.preset-dark-hero .home-text p{color:#fff!important}
.preset-dark-hero .positioning-row span{background:rgba(255,255,255,.12); color:#fff; border-color:rgba(255,255,255,.22)}

.custom-public-page{background:#fff}
.custom-public-page:nth-child(even){background:#f7fbff}
.custom-page-image{width:min(1000px,100%); border-radius:26px; box-shadow:0 18px 48px rgba(6,43,100,.11); margin:20px auto 0}

@media(max-width:820px){
  .mega-grid{grid-template-columns:1fr}
}



/* =========================================================
   BALANCED FIRST PAGE: RIGHT-SIDE PANELS + IMAGE
========================================================= */

/* Keep left side focused only on headline/lead */
.home-text .home-cta-row,
.home-text .positioning-row,
.home-text .home-proof-row,
.home-text .first-page-buttons{
  display:none !important;
}

.home-hero-grid{
  grid-template-columns:minmax(0,.82fr) minmax(520px,1.18fr) !important;
  gap:clamp(38px,5vw,86px) !important;
  align-items:center !important;
}

.home-text{
  align-self:center !important;
}

.home-text h1{
  max-width:820px !important;
}

.home-text p{
  max-width:720px !important;
}

/* Main right-side composition */
.home-right-stack{
  display:grid;
  grid-template-columns:1fr;
  gap:14px;
  align-self:center;
}

.right-nav-card,
.right-action-card,
.right-proof-card{
  background:rgba(255,255,255,.92);
  border:1px solid #e1ebf6;
  border-radius:24px;
  padding:14px;
  box-shadow:0 14px 36px rgba(6,43,100,.07);
  backdrop-filter:blur(10px);
}

/* Top navigation buttons on right side */
.right-nav-card .first-page-buttons{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:8px !important;
  justify-content:flex-start !important;
  margin:0 !important;
  padding:0 !important;
  width:100% !important;
}

.right-nav-card .first-page-buttons a{
  background:#eef5ff !important;
  color:var(--blue) !important;
  border:1px solid #dbe8f6 !important;
  border-radius:999px !important;
  padding:9px 12px !important;
  font-size:12px !important;
  font-weight:950 !important;
  box-shadow:none !important;
}

.right-nav-card .first-page-buttons a:hover{
  background:var(--blue) !important;
  color:#ffffff !important;
}

/* Keep image intact, but larger and central */
.home-right-stack .home-visual{
  margin:0 !important;
  width:100% !important;
  transform:none !important;
  border-radius:30px !important;
  padding:10px !important;
  box-shadow:0 26px 76px rgba(6,43,100,.14) !important;
}

.home-right-stack .home-visual:before{
  inset:-10px !important;
  border-radius:36px !important;
  opacity:.85;
}

.home-right-stack .home-visual img{
  width:100% !important;
  aspect-ratio:16/8.7 !important;
  object-fit:cover !important;
  border-radius:22px !important;
}

/* CTA + positioning badges moved to right */
.right-action-card{
  display:grid;
  gap:12px;
}

.right-action-card .home-cta-row{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:10px !important;
  margin:0 !important;
}

.right-action-card .home-cta-row .btn{
  flex:1 1 170px;
  min-height:44px;
  justify-content:center;
}

.right-action-card .positioning-row{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px !important;
  margin:0 !important;
}

.right-action-card .positioning-row span{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center;
  min-height:50px;
  padding:9px 10px !important;
  border-radius:16px !important;
  background:#f8fbff !important;
  box-shadow:none !important;
  font-size:12px !important;
  line-height:1.2;
}

/* Feature/proof cards moved to right and tightened beautifully */
.right-proof-card .home-proof-row{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:10px !important;
  margin:0 !important;
  max-width:none !important;
}

.right-proof-card .home-proof-row div{
  background:linear-gradient(180deg,#ffffff,#f8fbff) !important;
  border:1px solid #e1ebf6 !important;
  border-radius:18px !important;
  padding:13px !important;
  min-height:82px;
  box-shadow:none !important;
}

.right-proof-card .home-proof-row strong{
  color:var(--blue) !important;
  font-size:14px !important;
}

.right-proof-card .home-proof-row span{
  color:#66758a !important;
  font-size:12px !important;
}

/* Make first page use space more elegantly */
.professional-home{
  padding-top:calc(86px + 18px) !important;
}

.home-shell{
  width:min(1560px,96vw) !important;
}

.services-preview{
  margin-top:clamp(30px,3.5vw,48px) !important;
}

/* Better wording card for services preview */
.services-preview-head{
  border-radius:26px !important;
  padding:24px !important;
}

/* Responsive stacking */
@media(max-width:1220px){
  .home-hero-grid{
    grid-template-columns:1fr !important;
  }

  .home-right-stack{
    max-width:980px;
  }

  .right-action-card .positioning-row,
  .right-proof-card .home-proof-row{
    grid-template-columns:1fr 1fr 1fr !important;
  }
}

@media(max-width:760px){
  .right-action-card .positioning-row,
  .right-proof-card .home-proof-row{
    grid-template-columns:1fr !important;
  }

  .right-nav-card .first-page-buttons a,
  .right-action-card .home-cta-row .btn{
    width:100% !important;
    flex-basis:100% !important;
  }

  .home-right-stack .home-visual img{
    aspect-ratio:16/10 !important;
  }
}



/* =========================================================
   TOP NAV ONLY — REMOVE REPEATED FIRST-PAGE BUTTONS
========================================================= */

.right-nav-card,
.first-page-buttons{
  display:none !important;
}

.topbar nav,
.top-main-nav,
.nav-links{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  flex-wrap:wrap !important;
  gap:8px !important;
}

.topbar nav a,
.top-main-nav a,
.nav-links a{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  border-radius:999px !important;
  padding:8px 11px !important;
  font-size:12px !important;
  font-weight:950 !important;
  color:var(--blue) !important;
  background:#ffffff !important;
  border:1px solid #dfe8f4 !important;
  box-shadow:0 8px 18px rgba(6,43,100,.045) !important;
}

.topbar nav a:hover,
.top-main-nav a:hover,
.nav-links a:hover{
  background:var(--blue) !important;
  color:#ffffff !important;
}

.topbar nav a[href="#contact"],
.top-main-nav a[href="#contact"],
.nav-links a[href="#contact"]{
  background:var(--red) !important;
  color:#ffffff !important;
  border-color:var(--red) !important;
}

/* Reclaim space after removing right nav card */
.home-right-stack{
  gap:16px !important;
}

@media(max-width:1100px){
  .topbar{
    min-height:92px !important;
    height:auto !important;
    padding-top:10px !important;
    padding-bottom:10px !important;
  }
  .topbar nav,
  .top-main-nav,
  .nav-links{
    justify-content:flex-start !important;
    width:100% !important;
    margin-top:8px !important;
  }
}

@media(max-width:700px){
  .topbar nav a,
  .top-main-nav a,
  .nav-links a{
    flex:1 1 calc(50% - 8px) !important;
    font-size:11px !important;
    padding:8px 9px !important;
  }
}



/* =========================================================
   SLIM TOP BAR + MOBILE OPTIMISATION
   Keep blue button style, reduce white navigation height.
========================================================= */

/* Reduce the white top panel height only */
.topbar,
.top-nav,
header{
  min-height:58px !important;
  height:auto !important;
  padding-top:6px !important;
  padding-bottom:6px !important;
}

/* Keep logo visible but reduce vertical size */
.topbar .brand img,
.top-nav .brand img,
header .brand img{
  max-height:42px !important;
  width:auto !important;
  max-width:210px !important;
  object-fit:contain !important;
}

/* Make top nav smaller and neater */
.topbar nav,
.top-main-nav,
.nav-links{
  gap:6px !important;
  align-items:center !important;
}

.topbar nav a,
.top-main-nav a,
.nav-links a{
  padding:7px 10px !important;
  font-size:11.5px !important;
  line-height:1 !important;
  min-height:30px !important;
}

/* Keep blue/red visual identity intact */
.topbar nav a:hover,
.top-main-nav a:hover,
.nav-links a:hover{
  background:var(--blue) !important;
  color:#fff !important;
}

.topbar nav a[href="#contact"],
.top-main-nav a[href="#contact"],
.nav-links a[href="#contact"]{
  background:var(--red) !important;
  color:#fff !important;
  border-color:var(--red) !important;
}

/* Remove requested first-page proof cards visually as backup */
.right-proof-card .home-proof-row div:nth-child(2),
.right-proof-card .home-proof-row div:nth-child(3),
.home-proof-row div:nth-child(2),
.home-proof-row div:nth-child(3){
  display:none !important;
}

/* Rebalance the remaining first-page feature card */
.right-proof-card .home-proof-row,
.home-proof-row{
  grid-template-columns:1fr !important;
}

.right-proof-card .home-proof-row div,
.home-proof-row div{
  min-height:72px !important;
}

/* Make first page more responsive and engaging on laptop/mobile */
.home-hero-grid{
  gap:clamp(26px,4vw,68px) !important;
}

.home-right-stack{
  gap:12px !important;
}

.home-visual img{
  object-position:center !important;
}

/* Laptop refinement */
@media(min-width:1000px){
  .topbar,
  .top-nav,
  header{
    padding-left:clamp(18px,3vw,48px) !important;
    padding-right:clamp(18px,3vw,48px) !important;
  }

  .professional-home{
    padding-top:calc(64px + 18px) !important;
  }
}

/* Tablet/mobile top bar: two-line but compact, no huge white block */
@media(max-width:1100px){
  .topbar,
  .top-nav,
  header{
    min-height:70px !important;
    padding:7px 14px !important;
    align-items:center !important;
  }

  .topbar nav,
  .top-main-nav,
  .nav-links{
    margin-top:4px !important;
    gap:6px !important;
  }

  .topbar nav a,
  .top-main-nav a,
  .nav-links a{
    padding:7px 9px !important;
    font-size:11px !important;
    min-height:29px !important;
  }

  .professional-home{
    padding-top:94px !important;
  }
}

/* Phone optimisation */
@media(max-width:760px){
  .topbar,
  .top-nav,
  header{
    min-height:64px !important;
    padding:6px 12px !important;
  }

  .topbar .brand img,
  .top-nav .brand img,
  header .brand img{
    max-height:36px !important;
    max-width:175px !important;
  }

  .topbar nav,
  .top-main-nav,
  .nav-links{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    width:100% !important;
    gap:5px !important;
    margin-top:5px !important;
  }

  .topbar nav a,
  .top-main-nav a,
  .nav-links a{
    width:100% !important;
    font-size:10.5px !important;
    padding:7px 6px !important;
    min-height:28px !important;
    white-space:nowrap !important;
  }

  .professional-home{
    padding-top:128px !important;
  }

  .home-hero-grid{
    grid-template-columns:1fr !important;
  }

  .home-text h1{
    font-size:clamp(34px,10vw,52px) !important;
    line-height:1.03 !important;
  }

  .home-text p{
    font-size:16px !important;
  }

  .home-right-stack{
    gap:10px !important;
  }

  .right-action-card,
  .right-proof-card,
  .home-visual{
    border-radius:20px !important;
  }

  .home-visual img{
    border-radius:14px !important;
    aspect-ratio:16/10 !important;
  }
}

/* Very small phones */
@media(max-width:420px){
  .topbar nav a,
  .top-main-nav a,
  .nav-links a{
    font-size:10px !important;
    padding:6px 4px !important;
  }

  .professional-home{
    padding-top:136px !important;
  }
}