/* Boss Akademi — mobile speed and low-motion layer */
@media (max-width: 768px), (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto !important; }
  *, *::before, *::after {
    animation-duration: 0.001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.001ms !important;
  }
  .particle, .particles, .cursor-glow, .orb, .blob, .glow, .floating-shape,
  .hero-particles, .animated-bg, .scroll-track, .video-decoration,
  [class*="particle"], [class*="cursor"], [class*="orb"] {
    display: none !important;
  }
  .hero::before, .hero::after, .services::before, .process::before,
  .contact::before, .cta-section::before { animation: none !important; }
  .whatsapp-float, .wa { animation: none !important; box-shadow: 0 3px 14px rgba(37,211,102,.35) !important; }
  iframe, video { max-width: 100% !important; }
  .section-container, .nav-container, .footer-container { padding-left: 18px !important; padding-right: 18px !important; }
  .reveal, .reveal-left, .reveal-right { opacity: 1 !important; transform: none !important; }
}
img { content-visibility: auto; }
.boss-newsletter-section, .boss-portal-section, .boss-blog-contact-block {
  border: 1px solid rgba(0,229,255,.14);
  background: linear-gradient(135deg, rgba(0,229,255,.06), rgba(124,77,255,.05));
  border-radius: 22px;
  padding: clamp(24px, 4vw, 42px);
  margin: 56px auto;
  max-width: 1180px;
}
.boss-newsletter-grid, .boss-portal-grid, .boss-blog-contact-grid {
  display: grid;
  grid-template-columns: minmax(0,1fr) minmax(300px,420px);
  gap: 28px;
  align-items: start;
}
.boss-mini-label { color: #00e5ff; font-weight: 700; font-size: .85rem; text-transform: uppercase; letter-spacing: .08em; margin-bottom: 10px; }
.boss-newsletter-section h2, .boss-portal-section h2, .boss-blog-contact-block h3 {
  font-family: Outfit, system-ui, sans-serif; font-size: clamp(1.6rem,3vw,2.5rem); line-height: 1.15; margin: 0 0 14px; color:#f0f4ff;
}
.boss-newsletter-section p, .boss-portal-section p, .boss-blog-contact-block p { color:#b8c4e8; line-height:1.75; }
.boss-newsletter-form, .boss-quote-form, .boss-portal-card {
  background: rgba(5,8,15,.72); border:1px solid rgba(0,229,255,.14); border-radius:18px; padding:22px;
}
.boss-newsletter-form input, .boss-quote-form input, .boss-quote-form textarea, .boss-quote-form select {
  width:100%; margin: 8px 0 12px; padding: 13px 14px; border-radius:12px; border:1px solid rgba(0,229,255,.16); background:rgba(255,255,255,.04); color:#f0f4ff; font: inherit;
}
.boss-newsletter-form button, .boss-quote-form button, .boss-portal-button {
  display:inline-flex; align-items:center; justify-content:center; gap:8px; width:100%; padding:14px 18px; border:0; border-radius:999px; background:linear-gradient(135deg,#00e5ff,#3d5afe,#7c4dff); color:#05080f; font-weight:800; cursor:pointer; text-decoration:none;
}
.boss-portal-actions { display:grid; grid-template-columns:1fr 1fr; gap:12px; margin-top:18px; }
.boss-portal-button.secondary { background: rgba(0,229,255,.08); border: 1px solid rgba(0,229,255,.18); color:#eaf7ff; }
.boss-contact-lines { display:grid; gap:10px; margin-top:18px; }
.boss-contact-lines a { color:#00e5ff; text-decoration:none; font-weight:700; }
.boss-check-list { display:grid; gap:10px; margin:18px 0; padding:0; list-style:none; color:#dce6ff; }
.boss-check-list li::before { content:'✓'; color:#00e5ff; font-weight:900; margin-right:8px; }
@media (max-width: 820px) {
  .boss-newsletter-grid, .boss-portal-grid, .boss-blog-contact-grid { grid-template-columns:1fr; }
  .boss-portal-actions { grid-template-columns:1fr; }
  .boss-newsletter-section, .boss-portal-section, .boss-blog-contact-block { margin: 36px 16px; padding:24px 18px; }
}



/* ===== Boss Akademi — polished community/newsletter/portal cards + mobile speed patch ===== */
.boss-community-section{
  position:relative;
  padding:clamp(70px,7vw,120px) 24px;
  overflow:hidden;
}
.boss-community-section::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 18% 10%, rgba(0,229,255,.13), transparent 34%),
    radial-gradient(circle at 82% 84%, rgba(124,77,255,.12), transparent 34%);
  opacity:.82;
}
.boss-community-shell{
  position:relative;
  width:min(1380px, calc(100% - 24px));
  margin:0 auto;
  border:1px solid rgba(0,229,255,.20);
  border-radius:34px;
  padding:clamp(34px,4vw,70px);
  background:
    linear-gradient(135deg, rgba(9,16,32,.88), rgba(5,8,15,.94)),
    radial-gradient(circle at 15% 0%, rgba(0,229,255,.08), transparent 40%);
  box-shadow:0 32px 90px rgba(0,0,0,.38), inset 0 1px 0 rgba(255,255,255,.03);
}
.boss-community-shell::before{
  content:"03";
  position:absolute;
  top:-40px;
  left:50%;
  transform:translateX(-50%);
  min-width:150px;
  height:56px;
  display:grid;
  place-items:center;
  border:1px solid rgba(0,229,255,.18);
  border-bottom:0;
  border-radius:28px 28px 0 0;
  background:rgba(9,16,32,.96);
  color:#00e5ff;
  font-family:Outfit,system-ui,sans-serif;
  font-size:1.3rem;
  font-weight:900;
  letter-spacing:.04em;
  text-shadow:0 0 18px rgba(0,229,255,.55);
}
.boss-community-head{
  max-width:880px;
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:22px;
  align-items:center;
  margin-bottom:clamp(28px,4vw,48px);
}
.boss-community-icon,.boss-card-icon{
  width:62px;height:62px;border-radius:18px;display:grid;place-items:center;
  border:1px solid rgba(0,229,255,.24);
  background:linear-gradient(135deg, rgba(0,229,255,.10), rgba(61,90,254,.08));
  color:#00e5ff;
  box-shadow:inset 0 0 22px rgba(0,229,255,.05), 0 12px 38px rgba(0,0,0,.24);
}
.boss-community-icon svg,.boss-card-icon svg,.boss-feature-pill svg{width:28px;height:28px;stroke:currentColor;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;}
.boss-community-kicker{color:#00e5ff;font-size:.82rem;text-transform:uppercase;letter-spacing:.13em;font-weight:800;margin-bottom:8px;}
.boss-community-title{font-family:Outfit,system-ui,sans-serif;font-size:clamp(2rem,4.2vw,4rem);line-height:1.05;font-weight:900;letter-spacing:-.04em;color:#f0f4ff;margin:0;}
.boss-community-desc{color:#a7b3d4;line-height:1.85;font-size:clamp(.98rem,1.2vw,1.12rem);max-width:820px;margin:16px 0 0;}
.boss-community-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.04fr);gap:28px;align-items:stretch;}
.boss-community-card{
  border:1px solid rgba(0,229,255,.18);
  border-radius:26px;
  padding:clamp(24px,3vw,36px);
  background:linear-gradient(145deg, rgba(12,22,42,.78), rgba(5,8,15,.72));
  box-shadow:0 22px 66px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.035);
}
.boss-card-head{display:flex;gap:20px;align-items:center;margin-bottom:22px;}
.boss-community-card h3{font-family:Outfit,system-ui,sans-serif;font-size:clamp(1.45rem,2.2vw,2.35rem);line-height:1.1;color:#f0f4ff;margin:0 0 6px;}
.boss-community-card p{color:#aebadc;line-height:1.75;margin:0;}
.boss-benefit-list{display:grid;gap:14px;list-style:none;padding:0;margin:24px 0;}
.boss-benefit-list li{display:flex;gap:12px;align-items:flex-start;color:#dbe7ff;font-size:.98rem;line-height:1.5;}
.boss-benefit-list li::before{content:"✓";flex:0 0 22px;width:22px;height:22px;display:grid;place-items:center;border:1px solid rgba(0,229,255,.36);border-radius:50%;color:#00e5ff;font-weight:900;font-size:.78rem;background:rgba(0,229,255,.07);}
.boss-community-form{display:grid;gap:12px;margin-top:26px;}
.boss-community-form .field-row{display:grid;grid-template-columns:1fr 1fr 1.2fr;gap:10px;}
.boss-community-form input{
  width:100%;min-height:52px;border-radius:14px;border:1px solid rgba(0,229,255,.18);background:rgba(255,255,255,.045);color:#f0f4ff;padding:0 16px;font:inherit;outline:none;
}
.boss-community-form input::placeholder{color:#7f8ba8;}
.boss-community-form input:focus{border-color:rgba(0,229,255,.56);box-shadow:0 0 0 4px rgba(0,229,255,.08);}
.boss-community-form button,.boss-community-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:54px;border-radius:15px;border:1px solid rgba(0,229,255,.25);padding:0 22px;
  font:inherit;font-weight:800;text-decoration:none;cursor:pointer;
  color:#05101c;background:linear-gradient(135deg,#00e5ff,#28a9ff 55%,#7c4dff);box-shadow:0 16px 36px rgba(0,229,255,.18);
}
.boss-community-note{display:flex;gap:8px;align-items:center;color:#7f8ba8;font-size:.82rem;margin-top:12px;}
.boss-feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:26px 0 28px;}
.boss-feature-pill{display:flex;align-items:center;gap:12px;min-height:58px;border:1px solid rgba(0,229,255,.15);border-radius:16px;background:rgba(0,229,255,.045);padding:12px 14px;color:#dbe7ff;font-weight:650;}
.boss-feature-pill svg{width:22px;height:22px;color:#00e5ff;flex:0 0 22px;}
.boss-community-actions{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:auto;}
.boss-community-btn.secondary{background:rgba(0,229,255,.06);color:#ecf6ff;box-shadow:none;border-color:rgba(0,229,255,.35);}
.boss-open-projects{
  margin-top:28px;
  border:1px solid rgba(0,229,255,.16);
  border-radius:24px;
  background:linear-gradient(145deg,rgba(0,229,255,.045),rgba(124,77,255,.035));
  padding:clamp(18px,2.4vw,28px);
}
.boss-open-projects-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px;}
.boss-open-projects h3{font-family:Outfit,system-ui,sans-serif;font-size:clamp(1.35rem,2vw,2rem);margin:0;color:#f0f4ff;}
.boss-open-projects p{color:#9aa7c6;margin:6px 0 0;}
.boss-open-projects iframe{width:100%;min-height:250px;border:0;border-radius:18px;background:rgba(5,8,15,.56);}

/* Make existing blog quote/newsletter blocks look intentional rather than plain text */
.boss-blog-contact-block,.boss-newsletter-section,.boss-portal-section{
  width:min(1180px,calc(100% - 32px));
  border:1px solid rgba(0,229,255,.17) !important;
  background:linear-gradient(145deg,rgba(11,20,40,.86),rgba(5,8,15,.92)) !important;
  border-radius:26px !important;
  box-shadow:0 24px 70px rgba(0,0,0,.26), inset 0 1px 0 rgba(255,255,255,.03);
}
.boss-blog-contact-grid,.boss-newsletter-grid,.boss-portal-grid{align-items:stretch;}
.boss-newsletter-form label,.boss-quote-form label{display:block;color:#dce6ff;font-weight:700;margin-top:10px;margin-bottom:6px;}
.boss-newsletter-form button,.boss-quote-form button{margin-top:10px;}
.boss-contact-lines a{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid rgba(0,229,255,.12);border-radius:12px;background:rgba(0,229,255,.04);}

@media (max-width: 900px){
  .boss-community-grid,.boss-community-form .field-row,.boss-feature-grid,.boss-community-actions{grid-template-columns:1fr;}
  .boss-community-head{grid-template-columns:1fr;text-align:left;}
  .boss-open-projects-head{align-items:flex-start;flex-direction:column;}
}
@media (max-width: 768px){
  .hero-visual,.hero-chart-wrapper,.hero-content .particle,#particles-canvas,.cursor-glow{display:none !important;}
  .hero-container{grid-template-columns:1fr !important;gap:24px !important;}
  .hero-pin{padding-top:92px !important;padding-bottom:48px !important;min-height:auto !important;}
  .hero-description{font-size:1rem !important;}
  .boss-community-section{padding:54px 10px;}
  .boss-community-shell{width:calc(100% - 12px);padding:28px 16px;border-radius:24px;}
  .boss-community-shell::before{display:none;}
  .boss-community-title{font-size:2rem;}
  .boss-community-icon,.boss-card-icon{width:52px;height:52px;border-radius:15px;}
  .boss-card-head{gap:14px;}
  .boss-community-card{border-radius:20px;padding:20px 16px;}
  .boss-open-projects iframe{min-height:220px;}
}


/* ===== Boss Akademi final large community block — forced visible, no blank section ===== */
#newsletter.boss-community-section,
section.boss-community-section.boss-community-final{
  display:block !important;
  visibility:visible !important;
  opacity:1 !important;
  position:relative !important;
  z-index:5 !important;
  padding:clamp(84px,7.5vw,132px) 24px !important;
  margin:0 !important;
  overflow:hidden !important;
  background:
    radial-gradient(circle at 14% 16%, rgba(0,229,255,.11), transparent 30%),
    radial-gradient(circle at 84% 72%, rgba(124,77,255,.12), transparent 34%);
}
#newsletter .boss-community-shell{
  opacity:1 !important;
  transform:none !important;
  visibility:visible !important;
  display:block !important;
  width:min(1420px, calc(100% - 28px)) !important;
  margin:0 auto !important;
  position:relative !important;
  border:1px solid rgba(0,229,255,.22) !important;
  border-radius:36px !important;
  padding:clamp(38px,4.5vw,76px) !important;
  background:
    linear-gradient(135deg, rgba(9,16,32,.92), rgba(5,8,15,.96)),
    radial-gradient(circle at 18% 0%, rgba(0,229,255,.10), transparent 42%) !important;
  box-shadow:0 34px 96px rgba(0,0,0,.42), inset 0 1px 0 rgba(255,255,255,.04) !important;
}
#newsletter .boss-community-shell::before{
  content:"03" !important;
  position:absolute !important;
  top:-42px !important;
  left:50% !important;
  transform:translateX(-50%) !important;
  min-width:160px !important;
  height:60px !important;
  display:grid !important;
  place-items:center !important;
  border:1px solid rgba(0,229,255,.20) !important;
  border-bottom:0 !important;
  border-radius:30px 30px 0 0 !important;
  background:rgba(9,16,32,.98) !important;
  color:#00e5ff !important;
  font-family:Outfit,system-ui,sans-serif !important;
  font-size:1.32rem !important;
  font-weight:900 !important;
  letter-spacing:.04em !important;
  text-shadow:0 0 18px rgba(0,229,255,.58) !important;
}
#newsletter .boss-community-head{
  display:grid !important;
  grid-template-columns:auto minmax(0,1fr) !important;
  gap:24px !important;
  align-items:center !important;
  max-width:940px !important;
  margin:0 0 clamp(30px,4vw,52px) !important;
}
#newsletter .boss-community-icon,#newsletter .boss-card-icon{
  width:66px !important; height:66px !important; border-radius:20px !important;
  display:grid !important; place-items:center !important;
  border:1px solid rgba(0,229,255,.27) !important;
  color:#00e5ff !important;
  background:linear-gradient(135deg,rgba(0,229,255,.12),rgba(61,90,254,.10)) !important;
  box-shadow:inset 0 0 24px rgba(0,229,255,.07),0 14px 40px rgba(0,0,0,.26) !important;
}
#newsletter svg{stroke:currentColor !important; fill:none !important; stroke-width:1.9 !important; stroke-linecap:round !important; stroke-linejoin:round !important;}
#newsletter .boss-community-icon svg,#newsletter .boss-card-icon svg{width:30px !important;height:30px !important;}
#newsletter .boss-community-kicker{color:#00e5ff !important;font-size:.84rem !important;text-transform:uppercase !important;letter-spacing:.14em !important;font-weight:900 !important;margin-bottom:8px !important;}
#newsletter .boss-community-title{font-family:Outfit,system-ui,sans-serif !important;font-size:clamp(2.15rem,4.4vw,4.25rem) !important;line-height:1.02 !important;font-weight:900 !important;letter-spacing:-.045em !important;color:#f0f4ff !important;margin:0 !important;}
#newsletter .boss-community-desc{color:#a7b3d4 !important;line-height:1.8 !important;font-size:clamp(1rem,1.22vw,1.16rem) !important;max-width:880px !important;margin:16px 0 0 !important;}
#newsletter .boss-community-grid{display:grid !important;grid-template-columns:minmax(0,1fr) minmax(0,1.04fr) !important;gap:30px !important;align-items:stretch !important;}
#newsletter .boss-community-card{
  display:flex !important; flex-direction:column !important;
  border:1px solid rgba(0,229,255,.20) !important;
  border-radius:28px !important;
  padding:clamp(26px,3.1vw,40px) !important;
  background:linear-gradient(145deg,rgba(12,22,42,.82),rgba(5,8,15,.76)) !important;
  box-shadow:0 24px 72px rgba(0,0,0,.31), inset 0 1px 0 rgba(255,255,255,.04) !important;
}
#newsletter .boss-card-head{display:flex !important;gap:20px !important;align-items:center !important;margin-bottom:24px !important;}
#newsletter .boss-community-card h3{font-family:Outfit,system-ui,sans-serif !important;font-size:clamp(1.55rem,2.35vw,2.45rem) !important;line-height:1.08 !important;color:#f0f4ff !important;margin:0 0 6px !important;}
#newsletter .boss-community-card p{color:#aebadc !important;line-height:1.72 !important;margin:0 !important;}
#newsletter .boss-benefit-list{display:grid !important;gap:15px !important;list-style:none !important;padding:0 !important;margin:26px 0 !important;}
#newsletter .boss-benefit-list li{display:flex !important;gap:12px !important;align-items:flex-start !important;color:#dbe7ff !important;font-size:1rem !important;line-height:1.5 !important;}
#newsletter .boss-benefit-list li::before{content:"✓" !important;flex:0 0 23px !important;width:23px !important;height:23px !important;display:grid !important;place-items:center !important;border:1px solid rgba(0,229,255,.38) !important;border-radius:50% !important;color:#00e5ff !important;font-weight:900 !important;font-size:.8rem !important;background:rgba(0,229,255,.08) !important;}
#newsletter .boss-community-form{display:grid !important;gap:12px !important;margin-top:auto !important;}
#newsletter .boss-community-form .field-row{display:grid !important;grid-template-columns:1fr 1fr 1.25fr !important;gap:10px !important;}
#newsletter .boss-community-form label{display:block !important;margin:0 !important;}
#newsletter .boss-community-form label span{position:absolute !important;width:1px !important;height:1px !important;overflow:hidden !important;clip:rect(0,0,0,0) !important;}
#newsletter .boss-community-form input{width:100% !important;min-height:54px !important;border-radius:15px !important;border:1px solid rgba(0,229,255,.20) !important;background:rgba(255,255,255,.05) !important;color:#f0f4ff !important;padding:0 16px !important;font:inherit !important;outline:none !important;}
#newsletter .boss-community-form input::placeholder{color:#8793ad !important;}
#newsletter .boss-community-form input:focus{border-color:rgba(0,229,255,.60) !important;box-shadow:0 0 0 4px rgba(0,229,255,.09) !important;}
#newsletter .boss-community-form button,#newsletter .boss-community-btn{display:inline-flex !important;align-items:center !important;justify-content:center !important;gap:10px !important;min-height:56px !important;border-radius:16px !important;border:1px solid rgba(0,229,255,.25) !important;padding:0 22px !important;font:inherit !important;font-weight:850 !important;text-decoration:none !important;cursor:pointer !important;color:#05101c !important;background:linear-gradient(135deg,#00e5ff,#28a9ff 55%,#7c4dff) !important;box-shadow:0 17px 38px rgba(0,229,255,.20) !important;}
#newsletter .boss-community-btn.secondary{background:rgba(0,229,255,.07) !important;color:#ecf6ff !important;box-shadow:none !important;border-color:rgba(0,229,255,.38) !important;}
#newsletter .boss-community-note{color:#7f8ba8 !important;font-size:.84rem !important;margin-top:10px !important;}
#newsletter .boss-feature-grid{display:grid !important;grid-template-columns:1fr 1fr !important;gap:12px !important;margin:28px 0 30px !important;}
#newsletter .boss-feature-pill{display:flex !important;align-items:center !important;gap:12px !important;min-height:60px !important;border:1px solid rgba(0,229,255,.16) !important;border-radius:17px !important;background:rgba(0,229,255,.05) !important;padding:12px 14px !important;color:#dbe7ff !important;font-weight:700 !important;}
#newsletter .boss-feature-pill svg{width:23px !important;height:23px !important;color:#00e5ff !important;flex:0 0 23px !important;}
#newsletter .boss-community-actions{display:grid !important;grid-template-columns:1fr 1fr !important;gap:14px !important;margin-top:auto !important;}
#newsletter .boss-community-flow{display:grid !important;grid-template-columns:repeat(3,minmax(0,1fr)) !important;gap:16px !important;margin-top:30px !important;}
#newsletter .boss-flow-card{border:1px solid rgba(0,229,255,.15) !important;border-radius:22px !important;background:linear-gradient(145deg,rgba(0,229,255,.05),rgba(124,77,255,.035)) !important;padding:22px !important;}
#newsletter .boss-flow-number{display:inline-grid !important;place-items:center !important;width:42px !important;height:42px !important;border-radius:13px !important;background:rgba(0,229,255,.10) !important;border:1px solid rgba(0,229,255,.20) !important;color:#00e5ff !important;font-weight:900 !important;margin-bottom:16px !important;}
#newsletter .boss-flow-card h4{font-family:Outfit,system-ui,sans-serif !important;color:#f0f4ff !important;font-size:1.18rem !important;margin:0 0 8px !important;}
#newsletter .boss-flow-card p{color:#9eaacd !important;line-height:1.68 !important;margin:0 !important;font-size:.94rem !important;}
@media(max-width:980px){#newsletter .boss-community-grid,#newsletter .boss-community-flow{grid-template-columns:1fr !important;}#newsletter .boss-community-form .field-row,#newsletter .boss-feature-grid,#newsletter .boss-community-actions{grid-template-columns:1fr !important;}}
@media(max-width:768px){#newsletter.boss-community-section{padding:58px 10px !important;}#newsletter .boss-community-shell{width:calc(100% - 10px) !important;padding:30px 16px !important;border-radius:24px !important;}#newsletter .boss-community-shell::before{display:none !important;}#newsletter .boss-community-head{grid-template-columns:1fr !important;gap:16px !important;}#newsletter .boss-community-title{font-size:2rem !important;}#newsletter .boss-card-head{align-items:flex-start !important;gap:14px !important;}#newsletter .boss-community-card{border-radius:20px !important;padding:20px 16px !important;}}


/* ===== Boss Akademi — mobile hero restoration and about-card ordering fix =====
   Keeps the headline/introduction visible on mobile while removing only the heavy chart graphic. */
@media (max-width: 768px) {
  .hero {
    height: auto !important;
    min-height: 0 !important;
    display: block !important;
    overflow: visible !important;
  }

  .hero-pin {
    display: flex !important;
    align-items: center !important;
    min-height: auto !important;
    height: auto !important;
    padding: 116px 20px 54px !important;
    overflow: visible !important;
  }

  .hero-bg-grid {
    display: block !important;
    opacity: .32 !important;
    animation: none !important;
    -webkit-mask-image: radial-gradient(ellipse 90% 70% at 50% 38%, #000 34%, transparent 100%) !important;
    mask-image: radial-gradient(ellipse 90% 70% at 50% 38%, #000 34%, transparent 100%) !important;
  }

  .hero-container {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 0 !important;
    width: 100% !important;
    max-width: 720px !important;
    margin: 0 auto !important;
    align-items: center !important;
  }

  .hero-content {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    filter: none !important;
    text-align: center !important;
    max-width: 680px !important;
    margin: 0 auto !important;
  }

  .hero-content .hero-badge,
  .hero-content .hero-badge.particle {
    display: inline-flex !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
  }

  .hero-content span.particle {
    display: inline !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    filter: none !important;
  }

  .hero-buttons > a,
  .hero-buttons > a.particle {
    display: inline-flex !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    filter: none !important;
  }

  .hero h1 {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    font-size: clamp(2.18rem, 9vw, 3.25rem) !important;
    line-height: 1.08 !important;
    letter-spacing: -0.04em !important;
    margin: 0 0 16px !important;
  }

  .hero-description {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    max-width: 100% !important;
    margin: 0 auto 26px !important;
    font-size: 1rem !important;
    line-height: 1.72 !important;
  }

  .hero-buttons {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
    max-width: 380px !important;
    margin: 0 auto !important;
  }

  .hero-trust-strip {
    justify-content: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  /* Remove only the heavy mobile graph/visual, not the hero headline. */
  .hero-visual,
  .hero-chart-wrapper,
  .trend-chart,
  .growth-badge,
  .float-card {
    display: none !important;
  }

  /* On mobile, show the about text first, then the expertise card. */
  .about-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 30px !important;
  }

  .about-content {
    order: 1 !important;
    text-align: center !important;
  }

  .about-content .section-title,
  .about-content .section-subtitle {
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .about-visual {
    order: 2 !important;
    width: 100% !important;
    max-width: 560px !important;
    margin: 0 auto !important;
  }

  .about-image-wrapper {
    min-height: 0 !important;
    padding: 24px 16px !important;
    border-radius: 24px !important;
  }

  .about-inner-card {
    position: relative !important;
    inset: auto !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;
    transform: none !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    padding: 26px 18px !important;
    border-radius: 20px !important;
  }

  .about-inner-card h4,
  .about-inner-card p {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
  }

  .about-inner-card h4 {
    margin: 0 0 12px !important;
    font-size: 1.25rem !important;
    line-height: 1.25 !important;
  }

  .about-inner-card p {
    margin: 0 0 18px !important;
    font-size: .96rem !important;
    line-height: 1.62 !important;
  }

  .expertise-mini-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }

  .expertise-mini-grid span {
    display: block !important;
    padding: 14px 16px !important;
    text-align: left !important;
  }
}

@media (max-width: 420px) {
  .hero-pin { padding-top: 104px !important; }
  .hero h1 { font-size: clamp(2rem, 10vw, 2.72rem) !important; }
  .hero-description { font-size: .96rem !important; }
  .hero-buttons { max-width: 100% !important; }
}


/* ===== 2026 mobile first-screen lead patch: WhatsApp + short form ===== */
.mobile-hero-lead{display:none;}
@media (max-width:768px){
  .hero{height:auto!important;min-height:auto!important;}
  .hero-pin{min-height:auto!important;padding:92px 18px 24px!important;align-items:flex-start!important;overflow:visible!important;}
  .hero-container{display:block!important;width:100%!important;}
  .hero-content{width:100%!important;}
  .hero-badge{margin-bottom:12px!important;padding:7px 12px!important;font-size:.76rem!important;}
  .hero h1{font-size:clamp(1.95rem,9vw,2.65rem)!important;line-height:1.08!important;letter-spacing:-.9px!important;margin-bottom:12px!important;}
  .hero-description{font-size:.97rem!important;line-height:1.58!important;margin-bottom:14px!important;max-width:100%!important;}
  .hero-buttons{display:none!important;}
  .hero-trust-strip{display:none!important;}
  .hero-visual{display:none!important;}
  .mobile-hero-lead{display:grid!important;gap:12px;margin-top:14px;padding:14px;border:1px solid rgba(0,229,255,.18);border-radius:22px;background:linear-gradient(145deg,rgba(7,16,32,.86),rgba(5,8,15,.94));box-shadow:0 18px 46px rgba(0,0,0,.30);}
  .mobile-hero-lead-copy h2{font-family:Outfit,system-ui,sans-serif;font-size:1.05rem;line-height:1.2;margin:0 0 5px;color:var(--text-primary,#f0f4ff);}
  .mobile-hero-lead-copy p{font-size:.84rem;line-height:1.55;margin:0;color:var(--text-secondary,#b8c4e8);}
  .mobile-wa-primary{display:grid;gap:3px;align-items:center;padding:13px 14px;border-radius:16px;background:#25D366;color:#05130a!important;font-weight:900;text-decoration:none;box-shadow:0 8px 24px rgba(37,211,102,.28);}
  .mobile-wa-primary span{font-size:1rem;}
  .mobile-wa-primary small{font-size:.75rem;font-weight:650;opacity:.86;line-height:1.35;}
  .mobile-quick-form{display:grid;gap:9px;}
  .mobile-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;}
  .mobile-quick-form input,.mobile-quick-form select,.mobile-quick-form textarea{width:100%;min-height:44px;border:1px solid rgba(0,229,255,.18);border-radius:13px;background:rgba(255,255,255,.055);color:var(--text-primary,#f0f4ff);padding:11px 12px;font:inherit;font-size:.88rem;outline:none;}
  .mobile-quick-form textarea{min-height:74px;resize:vertical;}
  .mobile-quick-form input::placeholder,.mobile-quick-form textarea::placeholder{color:#8ea0c2;}
  .mobile-quick-form input:focus,.mobile-quick-form select:focus,.mobile-quick-form textarea:focus{border-color:rgba(0,229,255,.55);box-shadow:0 0 0 3px rgba(0,229,255,.08);}
  .mobile-quick-form button{min-height:46px;border:0;border-radius:999px;background:var(--accent-gradient,linear-gradient(135deg,#00e5ff,#3d5afe,#7c4dff));color:var(--btn-dark-text,#05080f);font-weight:900;font:inherit;cursor:pointer;}
  .mobile-quick-form p{margin:0;color:var(--text-secondary,#aebadc);font-size:.76rem;line-height:1.45;}
}
@media (max-width:420px){.mobile-form-grid{grid-template-columns:1fr;}.hero-pin{padding-top:84px!important;}}