
:root{--bg:#020b1a;--card:rgba(255,255,255,.05);--text:#fff;--muted:rgba(255,255,255,.68);--line:rgba(255,255,255,.12);--primary:#22c55e;--container:1280px;--radius:24px;--shadow:0 20px 50px rgba(0,0,0,.25)}
html.zendip-light{--bg:#f6faf8;--card:#ffffff;--text:#0f172a;--muted:#475569;--line:#e2e8f0;--shadow:0 20px 50px rgba(15,23,42,.08)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,sans-serif;background:var(--bg);color:var(--text);line-height:1.6}img{max-width:100%;height:auto;display:block}a{text-decoration:none;color:inherit}
.container{width:min(100% - 32px,var(--container));margin:0 auto}.site-bg{position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at top center,rgba(34,197,94,.12),transparent 32%),radial-gradient(circle at left top,rgba(6,182,212,.08),transparent 28%),radial-gradient(circle at right bottom,rgba(34,197,94,.08),transparent 28%),linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:auto,auto,auto,44px 44px,44px 44px}html.zendip-light .site-bg{background:radial-gradient(circle at top center,rgba(34,197,94,.08),transparent 32%),radial-gradient(circle at left top,rgba(6,182,212,.06),transparent 28%),radial-gradient(circle at right bottom,rgba(34,197,94,.06),transparent 28%),linear-gradient(rgba(15,23,42,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(15,23,42,.04) 1px,transparent 1px);background-size:auto,auto,auto,44px 44px,44px 44px}
.site-header{position:sticky;top:0;z-index:99;backdrop-filter:blur(18px);background:rgba(2,11,26,.82);border-bottom:1px solid var(--line)}html.zendip-light .site-header{background:rgba(255,255,255,.86)}
.header-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:78px}.brand{display:flex;align-items:center;gap:14px}.brand-mark{min-width:58px;min-height:58px;width:58px;height:58px;border-radius:18px;display:flex;align-items:center;justify-content:center;background:#000;overflow:hidden;box-shadow:0 12px 30px rgba(0,0,0,.28);padding:8px;position:relative;border:1px solid rgba(255,255,255,.08)}.brand-mark::before{content:'';position:absolute;inset:0;border-radius:inherit;border:1px solid rgba(255,255,255,.12);pointer-events:none}.brand-mark img{width:100%;height:100%;object-fit:contain;object-position:center;display:block;filter:none}.brand-copy strong{display:block;font-size:18px}.brand-copy span{display:block;font-size:12px;color:var(--muted)}
.desktop-nav,.footer-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.desktop-nav a,.footer-meta a{padding:10px 14px;border-radius:999px;color:var(--muted)}.desktop-nav a:hover,.footer-meta a:hover{background:rgba(34,197,94,.12);color:#86efac}
.header-actions{display:flex;align-items:center;gap:12px}.btn,button,input[type=submit]{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 22px;border:0;border-radius:999px;background:var(--primary);color:#02110a;font-weight:600;cursor:pointer}.btn-outline{background:rgba(255,255,255,.05);color:var(--text);border:1px solid var(--line)}html.zendip-light .btn-outline{background:#fff}
.theme-toggle,.menu-toggle{display:none}.theme-toggle{align-items:center;justify-content:center;width:48px;height:48px;border-radius:16px;border:1px solid var(--line);background:rgba(255,255,255,.05);color:var(--text)}.mobile-panel{display:none}
.section{position:relative;padding:84px 0}.hero{padding-top:60px}.hero-grid,.split-grid,.contact-grid,.logo-grid{display:grid;gap:28px}.hero-grid{grid-template-columns:1.1fr .9fr;align-items:center}.logo-grid{grid-template-columns:.95fr 1.05fr}.split-grid,.contact-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.pill{display:inline-flex;align-items:center;padding:10px 16px;border-radius:999px;border:1px solid rgba(52,211,153,.25);background:rgba(34,197,94,.1);color:#86efac;font-size:14px}.hero h1,.section-title h2,.page-content h2{margin:0;line-height:1.08;font-size:clamp(34px,5vw,62px)}.card,.stat-card,.contact-item,.price-card,.service-card,.project-card{border:1px solid var(--line);background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);backdrop-filter:blur(20px)}.card-pad,.stat-card,.contact-item,.price-card,.service-card,.project-card{padding:28px}.hero-panel{overflow:hidden}.hero-head{padding:24px 28px;border-bottom:1px solid var(--line);background:linear-gradient(90deg,rgba(255,255,255,.06),transparent)}.hero-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:28px}.meta-box,.inner-box{padding:20px;border-radius:20px;border:1px solid var(--line);background:#071428}html.zendip-light .meta-box,html.zendip-light .inner-box{background:#f8fafc}
.highlight-grid,.stats-grid,.service-grid,.choose-grid,.price-grid,.project-grid,.testimonial-grid{display:grid;gap:20px}.highlight-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.service-grid,.choose-grid,.price-grid,.project-grid,.testimonial-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.action-row,.badge-row{display:flex;flex-wrap:wrap;gap:12px}.section-title{display:flex;justify-content:space-between;gap:20px;margin-bottom:34px;flex-wrap:wrap}.price-top,.footer-wrap{display:flex;justify-content:space-between;gap:16px}.icon-box{width:52px;height:52px;display:grid;place-items:center;border-radius:18px;background:rgba(34,197,94,.14);color:#86efac;margin-bottom:16px}.project-media{height:230px;display:flex;align-items:center;justify-content:center;border-bottom:1px solid var(--line);background:linear-gradient(135deg,#041122,#071c33);overflow:hidden;padding:18px}.project-media img{max-width:100%;max-height:180px;object-fit:contain;object-position:center;filter:drop-shadow(0 18px 40px rgba(16,185,129,.24))}
.feature-list{list-style:none;padding:0;display:grid;gap:12px}.page-content,.page-content p,.page-content li,.hero p,.section-title p,.card p{color:var(--muted)}.page-content ul{padding-left:20px}.form-grid{display:grid;gap:16px}.form-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}input,textarea{width:100%;border-radius:18px;border:1px solid var(--line);background:#081325;color:var(--text);padding:14px 16px}html.zendip-light input,html.zendip-light textarea{background:#f8fafc}.cta-band{padding:34px;border:1px solid var(--line);border-radius:32px;background:linear-gradient(90deg,rgba(34,197,94,.1),rgba(255,255,255,.05),rgba(6,182,212,.08))}
.site-footer{border-top:1px solid var(--line);background:rgba(0,0,0,.18)}.footer-wrap{align-items:flex-start;padding:26px 0 90px;flex-wrap:wrap}.whatsapp-float{position:fixed;right:24px;bottom:24px;z-index:80}.mobile-bar{display:none;position:fixed;left:12px;right:12px;bottom:12px;z-index:85;padding:8px;border:1px solid var(--line);border-radius:20px;background:rgba(4,17,34,.96);backdrop-filter:blur(20px)}.mobile-bar a{flex:1;min-height:46px;display:inline-flex;align-items:center;justify-content:center;border-radius:14px;background:rgba(255,255,255,.05)}.mobile-bar a.primary{background:var(--primary);color:#02110a}
@media (max-width:1100px){.hero-grid,.logo-grid,.split-grid,.contact-grid,.highlight-grid,.stats-grid,.service-grid,.choose-grid,.price-grid,.project-grid,.testimonial-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:840px){.desktop-nav,.header-actions .btn:not(.menu-toggle){display:none}.theme-toggle,.menu-toggle{display:inline-flex}.menu-toggle{width:48px;height:48px;padding:0;border-radius:16px;background:rgba(255,255,255,.05);color:var(--text);border:1px solid var(--line)}.mobile-panel.is-open{display:block;border-top:1px solid var(--line);padding:12px 0 18px}.mobile-panel a{display:block;padding:12px 16px;border-radius:14px;color:var(--muted)}.hero-grid,.logo-grid,.split-grid,.contact-grid,.form-grid.two,.highlight-grid,.stats-grid,.service-grid,.choose-grid,.price-grid,.project-grid,.testimonial-grid{grid-template-columns:1fr}.section{padding:64px 0}.mobile-bar{display:flex;gap:8px}.whatsapp-float{display:none}.footer-wrap{padding-bottom:120px}}


/* Contact page premium fix */
.zendip-contact-page{position:relative}
.zendip-contact-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:28px;margin-top:24px}
.zendip-contact-details,.zendip-contact-form-wrap{border:1px solid var(--line);background:var(--card);border-radius:24px;box-shadow:var(--shadow);backdrop-filter:blur(20px);padding:28px}
.zendip-contact-card{display:flex;align-items:flex-start;gap:16px;padding:20px;border-radius:18px;border:1px solid var(--line);background:rgba(255,255,255,.03);margin-bottom:16px}
.zendip-contact-icon{width:52px;height:52px;min-width:52px;border-radius:16px;display:flex;align-items:center;justify-content:center;background:rgba(34,197,94,.12);border:1px solid rgba(34,197,94,.2);font-size:24px;line-height:1}
.zendip-contact-card h4{margin:0 0 6px;font-size:18px}
.zendip-contact-card p{margin:0 0 6px;color:var(--muted)}
.zendip-contact-card a{word-break:break-word}
.zendip-map-card{border:1px solid var(--line);border-radius:22px;overflow:hidden;background:rgba(255,255,255,.03);min-height:260px}
.zendip-map-card iframe{display:block;width:100%;height:320px;border:0}
.zendip-map-placeholder{min-height:260px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;text-align:center;color:var(--muted)}
.zendip-contact-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px}
.zendip-contact-form-wrap h2{margin:0 0 8px;font-size:42px;line-height:1.05}
.zendip-contact-intro{margin:0 0 22px;color:var(--muted)}
.zendip-contact-form-wrap input,.zendip-contact-form-wrap textarea{background:#081325}
html.zendip-light .zendip-contact-form-wrap input,html.zendip-light .zendip-contact-form-wrap textarea{background:#f8fafc}
.zendip-contact-widget{position:fixed;right:18px;bottom:92px;z-index:84;display:flex;flex-direction:column;gap:10px}
.zendip-contact-widget a{width:54px;height:54px;border-radius:999px;display:flex;align-items:center;justify-content:center;background:var(--primary);color:#02110a;box-shadow:0 18px 40px rgba(0,0,0,.25);font-size:22px}
@media (max-width:900px){
  .zendip-contact-grid{grid-template-columns:1fr}
  .zendip-contact-form-wrap h2{font-size:34px}
  .zendip-contact-widget{bottom:82px}
}


/* Hard contact page safeguards */
.zendip-contact-page-content > p:first-of-type{margin-bottom:22px}
.zendip-contact-page-content svg,
.zendip-contact-page-content i,
.zendip-contact-page-content .fas,
.zendip-contact-page-content .far,
.zendip-contact-page-content .fab,
.zendip-contact-page-content .fa,
.zendip-contact-page-content .elementor-icon svg,
.zendip-contact-page-content .wp-block-image svg{
  width:48px !important;
  height:48px !important;
  max-width:48px !important;
  max-height:48px !important;
}
.zendip-contact-page-content iframe{
  max-width:100%;
}
.zendip-contact-page-content .wpcf7,
.zendip-contact-page-content form{
  max-width:100%;
}
.zendip-contact-page-content p{
  word-break:break-word;
}

.zendip-footer-address{margin-bottom:6px;font-size:14px;color:var(--muted)}
.zendip-footer-copy{font-size:14px}


.zendip-footer-left{display:flex;flex-direction:column;gap:8px}
.zendip-footer-address{font-size:14px;color:var(--text);line-height:1.6}
.zendip-footer-address strong{color:var(--text)}
.zendip-footer-copy{font-size:14px;color:var(--muted);line-height:1.6}


/* Professional footer fix */
.zendip-footer-pro{display:grid;grid-template-columns:minmax(320px,1.1fr) minmax(320px,.9fr);align-items:start;gap:26px;padding-top:22px;padding-bottom:90px}
.zendip-footer-left{display:flex;flex-direction:column;gap:12px;max-width:760px}
.zendip-footer-address{display:flex;flex-direction:column;gap:6px}
.zendip-footer-label{display:inline-flex;align-items:center;width:max-content;padding:7px 12px;border-radius:999px;border:1px solid rgba(34,197,94,.24);background:rgba(34,197,94,.1);color:#86efac;font-size:12px;font-weight:700;letter-spacing:.02em;text-transform:uppercase}
.zendip-footer-address p{margin:0;font-size:16px;line-height:1.65;color:var(--text)}
.zendip-footer-copy{font-size:14px;line-height:1.6;color:var(--muted)}
.zendip-footer-links{justify-content:flex-end;align-content:flex-start;gap:10px 12px}
.zendip-footer-links a{padding:10px 14px;border-radius:999px;color:var(--muted);background:rgba(255,255,255,.03);border:1px solid transparent}
.zendip-footer-links a:hover{border-color:rgba(34,197,94,.18)}
@media (max-width:980px){
  .zendip-footer-pro{grid-template-columns:1fr;gap:18px;padding-bottom:120px}
  .zendip-footer-links{justify-content:flex-start}
}


/* NEXT ULTRA */
.zendip-funnel-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.zendip-funnel-card{border:1px solid var(--line);background:var(--card);border-radius:24px;box-shadow:var(--shadow);padding:24px}
.zendip-funnel-card select,.zendip-funnel-card input,.zendip-funnel-card textarea{width:100%;margin-top:8px;margin-bottom:14px}
.zendip-check-grid{display:grid;gap:10px}
.zendip-ai-fab{position:fixed;right:20px;bottom:150px;z-index:999;width:56px;height:56px;border-radius:999px;display:flex;align-items:center;justify-content:center;background:var(--primary);color:#02110a;box-shadow:0 18px 40px rgba(0,0,0,.25);cursor:pointer;font-size:24px}
.zendip-ai-panel{position:fixed;right:20px;bottom:220px;z-index:999;width:300px;padding:16px;border-radius:20px;border:1px solid var(--line);background:rgba(4,17,34,.96);backdrop-filter:blur(20px);display:none}
.zendip-ai-panel.open{display:block}
.zendip-ai-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.zendip-ai-head button{min-height:auto;width:34px;height:34px;padding:0;border-radius:999px}
.zendip-ai-reply{color:var(--muted);min-height:70px;margin-bottom:10px}
#zendip-ai-input{margin-bottom:10px}
@media (max-width:900px){.zendip-funnel-grid{grid-template-columns:1fr}.zendip-ai-panel{width:min(300px,calc(100vw - 24px));right:12px}.zendip-ai-fab{right:12px}}


/* Four-fix mobile polish */
@media (max-width:840px){
  .zendip-ai-fab{bottom:112px !important}
  .zendip-ai-panel{bottom:178px !important}
  .zendip-contact-widget{bottom:150px !important}
}


/* AI close button fix */
#zendip-ai-close{position:relative;z-index:1001;pointer-events:auto;cursor:pointer}
.zendip-ai-panel{z-index:1000}


/* AI close final fix */
.zendip-ai-panel{display:none !important}
.zendip-ai-panel.open{display:block !important}
#zendip-ai-close{position:relative;z-index:1003 !important;pointer-events:auto !important;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}
.zendip-ai-head{position:relative;z-index:1002}


/* AI close ultimate fix */
.zendip-ai-panel{position:fixed}
.zendip-ai-head{position:relative;padding-right:44px}
#zendip-ai-close{
  position:absolute;
  top:0;
  right:0;
  width:32px;
  height:32px;
  min-width:32px;
  min-height:32px;
  display:flex !important;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  background:rgba(255,255,255,.08);
  color:var(--text);
  font-size:20px;
  line-height:1;
  cursor:pointer;
  user-select:none;
  z-index:1005 !important;
  pointer-events:auto !important;
}
#zendip-ai-close:hover{background:rgba(255,255,255,.14)}


/* Simple AI inline toggle fix */
#zendip-ai-close{
  text-decoration:none;
  position:absolute;
  top:0;
  right:0;
  width:32px;
  height:32px;
  display:flex !important;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  background:rgba(255,255,255,.08);
  color:var(--text);
  font-size:20px;
  line-height:1;
  cursor:pointer;
  z-index:1006 !important;
}
#zendip-ai-close:hover{background:rgba(255,255,255,.14)}


/* Logo friendly fix */
.brand{min-width:0}
.brand-copy{min-width:0}
.brand-copy strong,.brand-copy span{word-break:break-word}
@media (max-width:840px){
  .brand-mark{width:60px;height:60px;min-width:60px;min-height:60px;padding:8px}
}


/* Final logo area hard override */
.site-header .brand{display:flex;align-items:center;gap:14px;min-width:0}
.site-header .brand-mark{
  width:64px !important;
  height:64px !important;
  min-width:64px !important;
  min-height:64px !important;
  padding:10px !important;
  background:#000 !important;
  background-image:none !important;
  border:1px solid rgba(255,255,255,.10) !important;
  border-radius:18px !important;
  overflow:hidden !important;
  box-shadow:0 12px 28px rgba(0,0,0,.30) !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  position:relative !important;
}
.site-header .brand-mark::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  border-radius:inherit !important;
  border:1px solid rgba(255,255,255,.10) !important;
  pointer-events:none !important;
}
.site-header .brand-mark img{
  width:100% !important;
  height:100% !important;
  max-width:100% !important;
  max-height:100% !important;
  object-fit:contain !important;
  object-position:center !important;
  display:block !important;
  background:transparent !important;
  padding:0 !important;
  margin:0 !important;
}
@media (max-width:840px){
  .site-header .brand-mark{
    width:60px !important;
    height:60px !important;
    min-width:60px !important;
    min-height:60px !important;
    padding:8px !important;
  }
}


/* Header logo rebuild fix - header logo area only */
.site-header .brand{
  display:flex !important;
  align-items:center !important;
  gap:16px !important;
  min-width:0 !important;
}
.site-header .brand-mark{
  width:72px !important;
  height:72px !important;
  min-width:72px !important;
  min-height:72px !important;
  padding:6px !important;
  background:#000 !important;
  background-image:none !important;
  border:1px solid rgba(255,255,255,.10) !important;
  border-radius:20px !important;
  overflow:hidden !important;
  box-shadow:0 10px 24px rgba(0,0,0,.28) !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  position:relative !important;
}
.site-header .brand-mark::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  border-radius:inherit !important;
  border:1px solid rgba(255,255,255,.08) !important;
  pointer-events:none !important;
}
.site-header .brand-mark img{
  width:92% !important;
  height:92% !important;
  max-width:92% !important;
  max-height:92% !important;
  object-fit:contain !important;
  object-position:center !important;
  display:block !important;
  padding:0 !important;
  margin:0 !important;
  transform:none !important;
  background:transparent !important;
}
.site-header .brand-copy{
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  min-width:0 !important;
  line-height:1.15 !important;
}
.site-header .brand-copy strong{
  margin:0 0 6px 0 !important;
  line-height:1.1 !important;
}
.site-header .brand-copy span{
  line-height:1.35 !important;
}
@media (max-width:840px){
  .site-header .brand{
    gap:14px !important;
  }
  .site-header .brand-mark{
    width:68px !important;
    height:68px !important;
    min-width:68px !important;
    min-height:68px !important;
    padding:6px !important;
    border-radius:18px !important;
  }
  .site-header .brand-mark img{
    width:94% !important;
    height:94% !important;
    max-width:94% !important;
    max-height:94% !important;
  }
  .site-header .brand-copy strong{
    font-size:17px !important;
  }
  .site-header .brand-copy span{
    font-size:11px !important;
  }
}


/* Mobile bar 2-button fix */
@media (max-width:840px){
  .mobile-bar{display:flex;gap:10px}
  .mobile-bar a{flex:1}
}


/* Final logo-friendly black header box */
.site-header .brand{
  display:flex !important;
  align-items:center !important;
  gap:14px !important;
  min-width:0 !important;
}
.site-header .brand-mark{
  width:62px !important;
  height:62px !important;
  min-width:62px !important;
  min-height:62px !important;
  padding:8px !important;
  border-radius:18px !important;
  background:#000 !important;
  background-image:none !important;
  border:1px solid rgba(255,255,255,.08) !important;
  box-shadow:0 10px 26px rgba(0,0,0,.28) !important;
  overflow:hidden !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  position:relative !important;
}
.site-header .brand-mark::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  border-radius:inherit !important;
  border:1px solid rgba(255,255,255,.10) !important;
  pointer-events:none !important;
}
.site-header .brand-mark img{
  width:100% !important;
  height:100% !important;
  max-width:100% !important;
  max-height:100% !important;
  object-fit:contain !important;
  object-position:center !important;
  display:block !important;
  padding:0 !important;
  margin:0 !important;
  background:transparent !important;
  filter:none !important;
}
@media (max-width:840px){
  .site-header .brand-mark{
    width:60px !important;
    height:60px !important;
    min-width:60px !important;
    min-height:60px !important;
    padding:8px !important;
  }
}


/* Restore 3-button mobile bar */
@media (max-width:840px){
  .mobile-bar{display:flex;gap:8px}
  .mobile-bar a{flex:1}
}


/* Header logo only hard fix */
.site-header .brand-mark{
  background:#000 !important;
  background-image:none !important;
  border:1px solid rgba(255,255,255,.08) !important;
  box-shadow:0 10px 24px rgba(0,0,0,.28) !important;
  padding:0 !important;
  overflow:hidden !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}
.site-header .brand-mark-inner{
  width:100% !important;
  height:100% !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  background:#000 !important;
  padding:8px !important;
}
.site-header .brand-mark img{
  width:100% !important;
  height:100% !important;
  max-width:100% !important;
  max-height:100% !important;
  object-fit:contain !important;
  object-position:center !important;
  display:block !important;
  background:transparent !important;
}
@media (max-width:840px){
  .site-header .brand-mark-inner{padding:7px !important;}
}


/* Header logo targeted patch */
.site-header .brand{
  display:flex !important;
  align-items:center !important;
  gap:16px !important;
  min-width:0 !important;
}
.site-header .brand-mark{
  background:#000 !important;
  background-image:none !important;
  border:1px solid rgba(255,255,255,.10) !important;
  border-radius:18px !important;
  box-shadow:0 10px 24px rgba(0,0,0,.30) !important;
  overflow:hidden !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:0 !important;
  position:relative !important;
}
.site-header .brand-mark::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  border-radius:inherit !important;
  border:1px solid rgba(255,255,255,.08) !important;
  pointer-events:none !important;
}
.site-header .brand-mark-inner{
  width:100% !important;
  height:100% !important;
  background:#000 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:5px !important;
}
.site-header .brand-mark img{
  width:98% !important;
  height:98% !important;
  max-width:98% !important;
  max-height:98% !important;
  object-fit:contain !important;
  object-position:center !important;
  display:block !important;
  padding:0 !important;
  margin:0 !important;
  background:transparent !important;
  filter:none !important;
}
.site-header .brand-copy{
  min-width:0 !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
}
.site-header .brand-copy strong{
  margin:0 0 4px 0 !important;
  line-height:1.08 !important;
}
.site-header .brand-copy span{
  line-height:1.28 !important;
}
@media (max-width:840px){
  .site-header .brand{gap:14px !important}
  .site-header .brand-mark-inner{padding:5px !important}
  .site-header .brand-copy strong{font-size:17px !important}
  .site-header .brand-copy span{font-size:11px !important}
}


/* Logo-only final cleanup */
.site-header .brand{
  display:flex !important;
  align-items:center !important;
  gap:16px !important;
  min-width:0 !important;
}
.site-header .zendip-logo-badge{
  background:#000 !important;
  background-image:none !important;
  border:1px solid rgba(255,255,255,.10) !important;
  border-radius:18px !important;
  box-shadow:0 12px 28px rgba(0,0,0,.30) !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  overflow:hidden !important;
  padding:0 !important;
  position:relative !important;
}
.site-header .zendip-logo-badge::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  border-radius:inherit !important;
  border:1px solid rgba(255,255,255,.08) !important;
  pointer-events:none !important;
}
.site-header .zendip-logo-badge-inner{
  width:100% !important;
  height:100% !important;
  background:#000 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:4px !important;
}
.site-header .zendip-logo-badge-image{
  width:100% !important;
  height:100% !important;
  max-width:100% !important;
  max-height:100% !important;
  object-fit:contain !important;
  object-position:center !important;
  display:block !important;
  margin:0 !important;
  padding:0 !important;
  background:transparent !important;
  filter:none !important;
}
.site-header .brand-copy{
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  min-width:0 !important;
}
.site-header .brand-copy strong{
  margin:0 0 4px 0 !important;
  line-height:1.08 !important;
}
.site-header .brand-copy span{
  line-height:1.28 !important;
}
@media (max-width:840px){
  .site-header .brand{gap:14px !important}
  .site-header .zendip-logo-badge{
    border-radius:16px !important;
  }
  .site-header .zendip-logo-badge-inner{
    padding:4px !important;
  }
  .site-header .brand-copy strong{font-size:17px !important}
  .site-header .brand-copy span{font-size:11px !important}
}


/* Logo inline rebuild support */
.site-header .brand{display:flex !important;align-items:center !important;gap:16px !important;min-width:0 !important}
.site-header .brand-copy{display:flex !important;flex-direction:column !important;justify-content:center !important;min-width:0 !important}
.site-header .brand-copy strong{margin:0 0 4px 0 !important;line-height:1.08 !important}
.site-header .brand-copy span{line-height:1.28 !important}
@media (max-width:840px){
  .site-header .brand{gap:14px !important}
  .site-header .brand-copy strong{font-size:17px !important}
  .site-header .brand-copy span{font-size:11px !important}
}


/* Final logo-only enhancement */
.site-header .zendip-logo-badge{
  transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease !important;
  will-change:transform;
}
.site-header .brand:hover .zendip-logo-badge{
  transform:translateY(-1px) scale(1.02);
  box-shadow:0 16px 34px rgba(0,0,0,.42) !important;
  border-color:rgba(255,255,255,.18) !important;
}
.site-header.is-scrolled .zendip-logo-badge{
  transform:scale(.92);
}
.site-header .zendip-logo-badge-image{
  image-rendering:-webkit-optimize-contrast;
  image-rendering:crisp-edges;
  backface-visibility:hidden;
  transform:translateZ(0);
}

.zendip-local-payment-box{position:relative;z-index:2}
.zendip-payment-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:14px;align-items:end}
.zendip-payment-grid select,.zendip-payment-grid .btn{margin-top:8px}
.zendip-payment-info{padding:16px;border-radius:16px;border:1px solid var(--line);background:rgba(255,255,255,.04);line-height:1.7}
html.zendip-light .zendip-payment-info{background:#f8fafc}
@media (max-width:980px){.zendip-payment-grid{grid-template-columns:1fr}}


/* Mobile Start Project fix: show one CTA inside mobile menu only */
.mobile-panel-cta{
  display:none;
}
@media (max-width:840px){
  .mobile-panel-cta{
    display:block;
    padding:12px 0 4px;
  }
  .mobile-panel-start-btn{
    display:flex !important;
    width:100%;
    justify-content:center;
  }
}


/* Final mobile-friendly polish: layout only, no desktop redesign */
@media (max-width: 980px){
  .section{padding:64px 0}
  .hero-grid,
  .logo-grid,
  .split-grid,
  .contact-grid,
  .zendip-contact-grid,
  .zendip-payment-grid{
    grid-template-columns:1fr !important;
  }
  .highlight-grid,
  .service-grid,
  .choose-grid,
  .price-grid,
  .project-grid,
  .testimonial-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .stats-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .section-title{
    gap:14px;
    margin-bottom:24px;
  }
  .section-title h2,
  .page-content h2{
    font-size:clamp(28px,7vw,42px) !important;
  }
  .hero h1{
    font-size:clamp(34px,8vw,52px) !important;
  }
  .hero-panel,
  .price-card,
  .project-card,
  .service-card,
  .card,
  .zendip-contact-details,
  .zendip-contact-form-wrap{
    overflow:hidden;
  }
  .project-media{
    height:220px;
  }
}

@media (max-width: 840px){
  .container{
    width:min(100% - 24px,var(--container));
  }
  .header-inner{
    min-height:72px;
    gap:12px;
  }
  .desktop-nav{
    display:none !important;
  }
  .theme-toggle,
  .menu-toggle{
    display:inline-flex !important;
    align-items:center;
    justify-content:center;
  }
  .header-actions{
    gap:8px;
    margin-left:auto;
  }
  .header-actions > .btn{
    display:none !important;
  }
  .mobile-panel{
    display:none;
    margin-top:0;
    padding:14px 0 18px;
    border-top:1px solid var(--line);
  }
  .mobile-panel.is-open{
    display:block;
  }
  .mobile-panel a{
    display:block;
    padding:12px 0;
  }
  .mobile-panel .menu-item{
    list-style:none;
  }
  .mobile-panel .sub-menu{
    padding-left:14px;
  }
  .brand{
    min-width:0;
    flex:1 1 auto;
  }
  .brand-copy{
    min-width:0;
  }
  .brand-copy strong,
  .brand-copy span{
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
  }
  .section{
    padding:56px 0;
  }
  .hero{
    padding-top:36px;
  }
  .action-row{
    flex-direction:column;
    align-items:stretch;
  }
  .action-row .btn,
  .action-row .btn-outline{
    width:100%;
  }
  .highlight-grid,
  .service-grid,
  .choose-grid,
  .price-grid,
  .project-grid,
  .testimonial-grid,
  .stats-grid{
    grid-template-columns:1fr !important;
  }
  .hero-head,
  .hero-meta,
  .card-pad,
  .stat-card,
  .contact-item,
  .price-card,
  .service-card,
  .project-card,
  .cta-band,
  .zendip-contact-details,
  .zendip-contact-form-wrap{
    padding:20px !important;
  }
  .hero-meta{
    gap:12px;
  }
  .hero-meta,
  .hero-panel .hero-meta{
    grid-template-columns:1fr !important;
  }
  .meta-box,
  .inner-box{
    padding:16px;
  }
  .project-media{
    height:200px !important;
    padding:12px !important;
  }
  .project-media img{
    max-height:170px !important;
  }
  .price-top,
  .footer-wrap{
    flex-direction:column;
    align-items:flex-start;
  }
  .badge-row{
    gap:8px;
  }
  .pill{
    font-size:12px;
    padding:8px 12px;
  }
  .cta-band .section-title{
    margin-bottom:0;
  }
  .mobile-bar{
    left:10px;
    right:10px;
    bottom:10px;
    padding:8px;
  }
  .mobile-bar a{
    min-height:44px;
    font-size:13px;
  }
  .whatsapp-float{
    right:14px;
    bottom:84px;
  }
  .zendip-contact-card{
    padding:16px;
    gap:12px;
  }
  .zendip-contact-icon{
    width:44px;
    height:44px;
    min-width:44px;
  }
  .zendip-contact-map iframe,
  .zendip-map-card iframe{
    min-height:260px;
  }
  .zsp-wrap{
    margin:26px auto;
    padding:0 12px 30px;
  }
  .zsp-card{
    padding:18px !important;
    border-radius:22px !important;
  }
  .zsp-title{
    font-size:32px !important;
  }
  .zsp-subtitle{
    font-size:15px !important;
    margin-bottom:18px !important;
  }
  .zsp-grid,
  .zsp-check-grid,
  .zsp-payment-grid{
    grid-template-columns:1fr !important;
    gap:14px !important;
  }
  .zsp-field input,
  .zsp-field select,
  .zsp-field textarea{
    padding:13px 14px !important;
  }
  .zsp-actions{
    flex-direction:column;
  }
  .zsp-btn{
    width:100%;
  }
  .zsp-estimate,
  .zsp-preview,
  .zsp-payment-card{
    padding:18px !important;
  }
  .zsp-payment-grid{
    grid-template-columns:1fr !important;
  }
  .zsp-pay-box-bank{
    grid-column:span 1 !important;
  }
}

@media (max-width: 520px){
  .brand-copy strong{
    font-size:15px !important;
  }
  .brand-copy span{
    font-size:10px !important;
  }
  .site-header .brand > span:first-child{
    width:58px !important;
    height:58px !important;
    min-width:58px !important;
    min-height:58px !important;
    border-radius:16px !important;
  }
  .site-header .brand > span:first-child > span{
    padding:4px !important;
    border-radius:12px !important;
  }
  .theme-toggle,
  .menu-toggle{
    width:42px;
    height:42px;
    min-height:42px;
    padding:0;
  }
  .hero h1{
    font-size:clamp(28px,9vw,38px) !important;
  }
  .section-title h2,
  .page-content h2{
    font-size:clamp(24px,8vw,34px) !important;
  }
  .project-media{
    height:180px !important;
  }
  .project-media img{
    max-height:150px !important;
  }
  .footer-wrap{
    padding-bottom:100px;
  }
  .mobile-panel-start-btn{
    min-height:46px;
  }
}


/* Exact mobile bottom bar fix: keep design, improve tap/click reliability */
.mobile-bar{
  position:fixed !important;
  left:10px !important;
  right:10px !important;
  bottom:max(10px, env(safe-area-inset-bottom)) !important;
  z-index:99999 !important;
  display:none;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px !important;
  padding:8px !important;
  border-radius:20px !important;
  background:rgba(4,17,34,.96) !important;
  border:1px solid rgba(255,255,255,.08) !important;
  box-shadow:0 12px 36px rgba(0,0,0,.28) !important;
  pointer-events:auto !important;
}
.mobile-bar::before,
.mobile-bar::after{
  content:none !important;
  display:none !important;
}
.mobile-bar-link{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:50px !important;
  padding:0 12px !important;
  border-radius:16px !important;
  text-decoration:none !important;
  font-size:15px !important;
  font-weight:700 !important;
  line-height:1 !important;
  white-space:nowrap !important;
  background:#111f37 !important;
  color:#ffffff !important;
  border:1px solid rgba(255,255,255,.07) !important;
  position:relative !important;
  z-index:2 !important;
  pointer-events:auto !important;
  touch-action:manipulation !important;
  -webkit-tap-highlight-color:transparent !important;
}
.mobile-bar-link:active{
  transform:translateY(1px);
}
.mobile-bar-link-whatsapp{
  background:#22c55e !important;
  color:#04130a !important;
}
@media (max-width:840px){
  .mobile-bar{
    display:grid !important;
  }
  body{
    padding-bottom:92px !important;
  }
  .footer-wrap,
  .site-footer{
    padding-bottom:100px !important;
  }
  .whatsapp-float{
    bottom:92px !important;
    z-index:9998 !important;
  }
}
@media (min-width:841px){
  .mobile-bar{
    display:none !important;
  }
}


/* Mobile bottom bar visual polish only: no layout/function changes elsewhere */
@media (max-width:840px){
  .mobile-bar{
    left:12px !important;
    right:12px !important;
    bottom:max(12px, env(safe-area-inset-bottom)) !important;
    gap:10px !important;
    padding:10px !important;
    border-radius:22px !important;
    background:linear-gradient(180deg, rgba(5,18,37,.98) 0%, rgba(7,22,44,.96) 100%) !important;
    box-shadow:0 16px 40px rgba(0,0,0,.30) !important;
  }
  .mobile-bar-link{
    min-height:52px !important;
    border-radius:18px !important;
    font-size:15px !important;
    font-weight:800 !important;
    letter-spacing:.01em !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.03) !important;
    transition:transform .18s ease, opacity .18s ease, box-shadow .18s ease !important;
  }
  .mobile-bar-link:hover{
    opacity:1 !important;
  }
  .mobile-bar-link:active{
    transform:translateY(1px) scale(.985) !important;
    box-shadow:inset 0 2px 6px rgba(0,0,0,.18) !important;
  }
  .mobile-bar-link-call,
  .mobile-bar-link-contact{
    background:linear-gradient(180deg, #13233c 0%, #101d33 100%) !important;
  }
  .mobile-bar-link-whatsapp{
    background:linear-gradient(180deg, #25d366 0%, #22c55e 100%) !important;
    box-shadow:0 8px 20px rgba(34,197,94,.22) !important;
  }
  .whatsapp-float{
    bottom:98px !important;
  }
}
@media (max-width:420px){
  .mobile-bar{
    left:10px !important;
    right:10px !important;
    gap:8px !important;
    padding:8px !important;
    border-radius:20px !important;
  }
  .mobile-bar-link{
    min-height:50px !important;
    font-size:14px !important;
    border-radius:16px !important;
  }
}


/* Homepage completion sections */
.zendip-home-lead,
.zendip-pricing-clarity,
.zendip-case-study-links,
.zendip-faq,
.zendip-trust-logos{position:relative}
.zendip-lead-shell,
.zendip-pricing-clarity-grid{display:grid;grid-template-columns:1.05fr 1.2fr;gap:24px}
.zendip-pricing-clarity-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.zendip-lead-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.field{display:flex;flex-direction:column;gap:8px}
.field label{font-weight:700}
.field input,.field select,.field textarea{width:100%;min-height:48px;border-radius:16px;border:1px solid var(--line);background:var(--panel);color:var(--text);padding:12px 14px}
.field textarea{min-height:120px;resize:vertical}
.field-full{grid-column:1/-1}
.zendip-check-list{margin:14px 0 0;padding-left:18px;display:grid;gap:10px}
.price-amount{font-size:clamp(28px,4vw,42px);font-weight:800;margin:10px 0 12px}
.zendip-faq-list{display:grid;gap:14px}
.zendip-faq-item{border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.03);overflow:hidden}
.zendip-faq-item summary{list-style:none;cursor:pointer;padding:18px 20px;font-weight:800}
.zendip-faq-item summary::-webkit-details-marker{display:none}
.zendip-faq-answer{padding:0 20px 18px;color:var(--muted)}
.zendip-trust-strip .card-pad{padding:24px}
.zendip-trust-logo-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px}
.zendip-trust-logo{display:flex;align-items:center;justify-content:center;min-height:94px;padding:14px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.03)}
.zendip-trust-logo img{max-width:100%;max-height:44px;object-fit:contain}
.zendip-trust-proof-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.zendip-trust-proof-card{display:flex;flex-direction:column;gap:8px;min-height:120px;padding:18px;border-radius:18px;border:1px solid var(--line);background:rgba(255,255,255,.03)}
@media (max-width:980px){
  .zendip-lead-shell,.zendip-pricing-clarity-grid,.zendip-trust-proof-grid,.zendip-trust-logo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:840px){
  .zendip-lead-shell,.zendip-pricing-clarity-grid,.zendip-lead-grid,.zendip-trust-proof-grid,.zendip-trust-logo-grid{grid-template-columns:1fr !important}
  .zendip-home-lead .action-row{flex-direction:column}
  .zendip-home-lead .action-row .btn,.zendip-home-lead .action-row .btn-outline{width:100%}
}


/* Phase 2 upgrade sections */
.zendip-quote-shell{display:block}
.zendip-quote-grid{display:grid;grid-template-columns:1fr 1fr 1.1fr 1.1fr;gap:18px;align-items:start}
.zendip-quote-result{border:1px solid var(--line);border-radius:20px;padding:18px;background:rgba(255,255,255,.03)}
.zendip-quote-total-label{font-size:14px;color:var(--muted);margin-bottom:10px}
.zendip-quote-total{font-size:clamp(30px,4vw,44px);font-weight:800;line-height:1.1;margin-bottom:10px}
.zendip-quote-note{color:var(--muted);margin-bottom:16px}
.zendip-comparison-wrap{overflow:hidden}
.zendip-comparison-table{display:grid;gap:0}
.zendip-comparison-row{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;border-bottom:1px solid var(--line)}
.zendip-comparison-row > div{padding:16px}
.zendip-comparison-head{font-weight:800;background:rgba(255,255,255,.04)}
.zendip-ai-prompt-row{display:flex;flex-wrap:wrap;gap:12px}
.zendip-ai-prompt-btn{border:none;cursor:pointer}
.zendip-stats-strip .zendip-stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.zendip-stats-strip .stat-card strong{font-size:clamp(24px,4vw,36px)}
@media (max-width:980px){
  .zendip-quote-grid{grid-template-columns:1fr 1fr}
  .zendip-stats-strip .zendip-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:840px){
  .zendip-quote-grid,
  .zendip-comparison-row,
  .zendip-stats-strip .zendip-stats-grid{grid-template-columns:1fr !important}
  .zendip-comparison-row > div{padding:12px 14px}
}


.zendip-journey-grid{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:10px;
  text-align:center;
}
@media(max-width:840px){
  .zendip-journey-grid{
    grid-template-columns:1fr;
    text-align:left;
  }
}


/* Exact Zendip AI clickability fix */
#zendip-ai-btn.zendip-ai-fab{
  pointer-events:auto !important;
  cursor:pointer !important;
}
#zendip-ai-panel.zendip-ai-panel{
  pointer-events:auto !important;
}
@media (max-width:840px){
  #zendip-ai-btn.zendip-ai-fab{
    right:14px !important;
    bottom:152px !important;
    z-index:99998 !important;
  }
  #zendip-ai-panel.zendip-ai-panel{
    right:12px !important;
    bottom:218px !important;
    width:min(320px, calc(100vw - 24px)) !important;
    max-height:min(62vh, 520px) !important;
    z-index:99998 !important;
  }
}
@media (max-width:420px){
  #zendip-ai-btn.zendip-ai-fab{
    right:12px !important;
    bottom:148px !important;
  }
  #zendip-ai-panel.zendip-ai-panel{
    right:10px !important;
    bottom:212px !important;
    width:min(300px, calc(100vw - 20px)) !important;
  }
}


/* Footer user-friendly polish only */
@media (max-width:840px){
  .zendip-footer-pro{
    gap:20px !important;
    padding-top:18px !important;
    padding-bottom:118px !important;
  }
  .zendip-footer-left{
    gap:14px !important;
  }
  .zendip-footer-address p{
    font-size:15px !important;
    line-height:1.7 !important;
  }
  .zendip-footer-links{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:10px !important;
    width:100% !important;
  }
  .zendip-footer-links a{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:100% !important;
    min-height:44px !important;
    text-align:center !important;
    padding:10px 12px !important;
    border-radius:14px !important;
  }
}
@media (max-width:520px){
  .zendip-footer-links{
    grid-template-columns:1fr !important;
  }
}


/* Exact AI button final fix only */
.zendip-ai-fab{
  appearance:none;
  border:0;
  pointer-events:auto !important;
  cursor:pointer !important;
}
.zendip-ai-panel[hidden]{
  display:none !important;
}
.zendip-ai-panel.is-open{
  display:block !important;
}
#zendip-ai-close{
  min-height:32px !important;
  min-width:32px !important;
  width:32px !important;
  height:32px !important;
  padding:0 !important;
}
@media (max-width:840px){
  #zendip-ai-btn.zendip-ai-fab{
    right:14px !important;
    bottom:152px !important;
    z-index:99998 !important;
  }
  #zendip-ai-panel.zendip-ai-panel{
    right:12px !important;
    bottom:218px !important;
    width:min(320px, calc(100vw - 24px)) !important;
    max-height:min(62vh, 520px) !important;
    overflow:auto !important;
    z-index:99999 !important;
  }
}
@media (max-width:420px){
  #zendip-ai-btn.zendip-ai-fab{
    right:12px !important;
    bottom:148px !important;
  }
  #zendip-ai-panel.zendip-ai-panel{
    right:10px !important;
    bottom:212px !important;
    width:min(300px, calc(100vw - 20px)) !important;
  }
}


/* Minimal professional current-site fixes */
.mobile-panel{
  display:none !important;
}
.mobile-panel.is-open{
  display:block !important;
}
.stat-card strong{
  display:block;
  margin-bottom:6px;
}
.stat-card span{
  display:block;
}
.zendip-footer-links a{
  white-space:nowrap;
}
body.page:not(.home) .whatsapp-float{
  display:none !important;
}
body.page:not(.home) .mobile-bar{
  display:none !important;
}
@media (max-width:840px){
  .zendip-footer-links{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:10px !important;
    width:100% !important;
  }
  .zendip-footer-links a{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-height:44px !important;
    width:100% !important;
    text-align:center !important;
  }
}
@media (max-width:520px){
  .zendip-footer-links{
    grid-template-columns:1fr !important;
  }
}


/* Final duplicate nav fix */
.mobile-panel{
  display:none !important;
  opacity:0 !important;
  visibility:hidden !important;
}
.mobile-panel.is-open{
  display:block !important;
  opacity:1 !important;
  visibility:visible !important;
}


/* Stats spacing fix */
.stat-card strong::after{
  content:" ";
}


/* Reduce footer clutter */
body:not(.home) .whatsapp-float{
  display:none !important;
}


/* ===== SaaS-level polish (SAFE) ===== */

/* smoother hover */
.btn, .btn-outline{
  transition:all .25s ease !important;
}
.btn:hover{
  transform:translateY(-2px);
}
.btn-outline:hover{
  transform:translateY(-2px);
}

/* card polish */
.card{
  transition:all .25s ease;
}
.card:hover{
  transform:translateY(-3px);
}

/* section spacing consistency */
.section{
  margin-top:0;
  margin-bottom:0;
}

/* cleaner headings */
.section-title h2{
  letter-spacing:-0.3px;
}

/* better input feel */
input, select, textarea{
  transition:border .2s ease, box-shadow .2s ease;
}
input:focus, select:focus, textarea:focus{
  box-shadow:0 0 0 2px rgba(34,197,94,0.2);
}

/* mobile polish */
@media (max-width:840px){
  .section{
    padding-top:48px !important;
    padding-bottom:48px !important;
  }
}


/* ===== Safe motion polish ===== */
.reveal-ready{
  opacity:0;
  transform:translateY(18px);
  transition:opacity .55s ease, transform .55s ease;
  will-change:opacity, transform;
}
.reveal-ready.is-visible{
  opacity:1;
  transform:translateY(0);
}
@media (prefers-reduced-motion: reduce){
  .reveal-ready,
  .reveal-ready.is-visible,
  .btn,
  .btn-outline,
  .card,
  .project-card,
  .price-card,
  .service-card{
    transition:none !important;
    animation:none !important;
    transform:none !important;
  }
}
body.zendip-page-loading::before{
  content:"";
  position:fixed;
  inset:0;
  background:linear-gradient(180deg, rgba(2,11,26,.18), rgba(2,11,26,.08));
  pointer-events:none;
  opacity:1;
  transition:opacity .35s ease;
  z-index:9997;
}
body.zendip-page-loaded::before{
  opacity:0;
}
.site-header,
.site-footer,
.hero .card,
.project-card,
.price-card,
.service-card,
.testimonial-card,
.card{
  transition:transform .28s ease, box-shadow .28s ease, opacity .28s ease;
}
.project-card:hover,
.price-card:hover,
.service-card:hover,
.testimonial-card:hover,
.card:hover{
  box-shadow:0 18px 42px rgba(0,0,0,.18);
}
.hero .btn,
.hero .btn-outline,
.action-row .btn,
.action-row .btn-outline{
  transition:transform .22s ease, box-shadow .22s ease, opacity .22s ease;
}
.hero .btn:hover,
.hero .btn-outline:hover,
.action-row .btn:hover,
.action-row .btn-outline:hover{
  box-shadow:0 10px 24px rgba(0,0,0,.16);
}


/* Final true minimal cleanup */
.mobile-panel{
  display:none !important;
  opacity:0 !important;
  visibility:hidden !important;
  pointer-events:none !important;
}
.mobile-panel.is-open{
  display:block !important;
  opacity:1 !important;
  visibility:visible !important;
  pointer-events:auto !important;
}


/* Stats text spacing polish */
.stat-card strong{
  display:block !important;
  margin-bottom:6px !important;
}
.stat-card span{
  display:block !important;
}


/* Bottom CTA clutter reduction */
body:not(.home) .whatsapp-float{
  display:none !important;
}
body.page .mobile-bar{
  display:none !important;
}
@media (max-width:840px){
  body.home .whatsapp-float{
    display:none !important;
  }
}
