/* ============================================
   松松云 公共样式 (common.css)
   适用于所有页面：首页、GEO、营销、招商、联系、聚会等
   ============================================ */

/* === RESET & VARIABLES === */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{
  --navy-deep:#0A1018;
  --navy:#0F1923;
  --navy-mid:#162230;
  --navy-light:#1E3044;
  --blue:#00B2FF;
  --blue-light:#4DC8FF;
  --blue-glow:rgba(0,178,255,0.25);
  --orange:#FEA631;
  --orange-hot:#FF9500;
  --orange-glow:rgba(254,166,49,0.3);
  --white:#FFFFFF;
  --gray-100:#F4F6F8;
  --gray-200:#E8ECF0;
  --gray-300:#CCD3DB;
  --gray-400:#94A3B8;
  --gray-500:#64748B;
  --gray-600:#475569;
  --font-cn:'Noto Sans SC','PingFang SC','Microsoft YaHei',sans-serif;
  --font-en:'DM Sans','Noto Sans SC',sans-serif;
  --ease-out-expo:cubic-bezier(0.16,1,0.3,1);
  --ease-spring:cubic-bezier(0.34,1.56,0.64,1);
}
html{scroll-behavior:smooth;font-size:16px}
body{font-family:var(--font-cn);color:var(--navy);background:var(--white);overflow-x:hidden;-webkit-font-smoothing:antialiased}
a{text-decoration:none;color:inherit;transition:color .2s}
ul{list-style:none}
img{max-width:100%;display:block}
button{border:none;cursor:pointer;font-family:inherit}

/* === UTILITY === */
.container{max-width:1400px;margin:0 auto;padding:0 32px}
.reveal{opacity:0;transform:translateY(40px);transition:opacity .8s var(--ease-out-expo),transform .8s var(--ease-out-expo)}
.reveal.visible{opacity:1;transform:translateY(0)}
.reveal-d1{transition-delay:.1s}.reveal-d2{transition-delay:.2s}.reveal-d3{transition-delay:.3s}.reveal-d4{transition-delay:.4s}.reveal-d5{transition-delay:.5s}
.gradient-title{background:linear-gradient(135deg,var(--white) 0%,var(--blue-light) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.gradient-title-dark{background:linear-gradient(135deg,var(--navy) 0%,var(--blue) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}

/* === SECTION COMMON === */
.section-label{display:inline-flex;align-items:center;gap:8px;padding:5px 14px;background:rgba(0,178,255,0.08);border:1px solid rgba(0,178,255,0.15);border-radius:50px;color:var(--blue);font-size:12px;font-weight:600;letter-spacing:1px;text-transform:uppercase;margin-bottom:16px}
.section-title{font-size:clamp(28px,3.5vw,42px);font-weight:800;line-height:1.3;margin-bottom:20px;letter-spacing:-0.5px}
.section-desc{font-size:16px;color:var(--gray-500);max-width:700px;line-height:1.8;margin-bottom:56px}

/* === FLOATING PARTICLES === */
.particles{position:absolute;inset:0;overflow:hidden;pointer-events:none}
.particle{position:absolute;border-radius:50%;opacity:0;animation:float-particle linear infinite}
@keyframes float-particle{0%{opacity:0;transform:translateY(0) scale(0)}10%{opacity:1;transform:scale(1)}90%{opacity:1}100%{opacity:0;transform:translateY(-100vh) scale(0.5)}}

/* === HERO PARTICLES (universal dual-color) === */
.particles-container{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:1}
.hero-particle{position:absolute;border-radius:50%;opacity:0}
@keyframes heroFloat{0%{opacity:0;transform:translateY(0) scale(0.5)}8%{opacity:0.6;transform:scale(1)}25%{opacity:0.4}50%{opacity:0.6}75%{opacity:0.4}85%{opacity:0.6}100%{opacity:0;transform:translateY(-100vh) scale(0.3)}}

/* === DECORATIVE SHAPES === */
.deco-circle{position:absolute;border-radius:50%;border:1px solid rgba(0,178,255,0.08);pointer-events:none}
.deco-cross{position:absolute;width:12px;height:12px;pointer-events:none;opacity:0.15}
.deco-cross::before,.deco-cross::after{content:'';position:absolute;background:var(--blue)}
.deco-cross::before{width:12px;height:1.5px;top:5px;left:0}
.deco-cross::after{width:1.5px;height:12px;top:0;left:5px}

/* === ORB ANIMATIONS === */
.orb{position:absolute;border-radius:50%;filter:blur(80px);pointer-events:none;opacity:0.5;animation:orb-float 12s ease-in-out infinite alternate}
.orb.orb-blue{background:rgba(0,178,255,0.12);width:300px;height:300px}
.orb.orb-orange{background:rgba(254,166,49,0.08);width:250px;height:250px}
.orb.orb-teal{background:rgba(45,212,191,0.06);width:200px;height:200px}
@keyframes orb-float{0%{transform:translate(0,0) scale(1)}25%{transform:translate(30px,-20px) scale(1.1)}50%{transform:translate(-20px,30px) scale(0.95)}75%{transform:translate(15px,15px) scale(1.05)}100%{transform:translate(-10px,-25px) scale(1)}}
.orb-d1{animation-delay:-3s}.orb-d2{animation-delay:-6s}.orb-d3{animation-delay:-9s}

/* === NAVIGATION === */
#mainNav{position:fixed;top:0;left:0;width:100%;z-index:1000;padding:14px 0;transition:all .4s var(--ease-out-expo);background:rgba(10,16,26,0.85) !important;backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px)}
#mainNav.scrolled{background:rgba(10,16,26,0.95) !important;backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);padding:8px 0;box-shadow:0 4px 30px rgba(0,0,0,0.3)}
#mainNav.scrolled .nav-links a,#mainNav.scrolled .nav-right a{color:rgba(255,255,255,0.85);text-shadow:0 1px 2px rgba(0,0,0,0.5)}
.nav-inner{display:flex;align-items:center;justify-content:space-between;max-width:1400px;margin:0 auto;padding:0 32px}
.nav-logo{display:flex;align-items:center;gap:10px;font-weight:700;font-size:20px;color:var(--white);letter-spacing:-.5px}
.nav-logo img{height:36px;width:auto}
.nav-logo .logo-s{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;background:linear-gradient(135deg,var(--blue),#0090CC);border-radius:9px;font-size:17px;font-weight:900;color:var(--white);font-family:var(--font-en)}
.header-divider{display:none;width:1px;height:20px;background:rgba(255,255,255,0.2);flex-shrink:0}
.header-sub-title{display:none;font-family:var(--font-cn);font-size:16px;font-weight:700;color:rgba(255,255,255,0.9);letter-spacing:0;white-space:nowrap}
.header-divider.visible{display:block}
.header-sub-title.visible{display:block}
.nav-links{display:flex;align-items:center;gap:24px}
.nav-links a{color:rgba(255,255,255,0.7);font-size:14px;font-weight:400;transition:color .25s,transform .2s;position:relative}
.nav-links a::after{content:'';position:absolute;bottom:-4px;left:0;width:0;height:2px;background:linear-gradient(90deg,var(--blue),var(--orange));transition:width .3s var(--ease-out-expo)}
.nav-links a:hover{color:var(--white);transform:translateY(-1px)}
.nav-links a:hover::after{width:100%}
.nav-links a.nav-active{color:var(--white);font-weight:500}
.nav-links a.nav-active::after{width:100%}
.btn-console{display:inline-flex;align-items:center;gap:5px;padding:7px 16px;border:1.5px solid rgba(0,178,255,0.5);color:rgba(255,255,255,0.85)!important;font-size:13px;font-weight:500;border-radius:8px;transition:all .3s var(--ease-out-expo);background:rgba(0,178,255,0.06)}
.btn-console:hover{background:rgba(0,178,255,0.15);border-color:var(--blue);color:var(--white)!important;transform:translateY(-1px);box-shadow:0 4px 16px rgba(0,178,255,0.15)}
.nav-right{display:flex;align-items:center;gap:14px}
.nav-right a{color:rgba(255,255,255,0.7);font-size:13px;transition:color .2s}
.nav-right a:hover{color:var(--white)}
.nav-right .sep{color:rgba(255,255,255,0.2);font-size:12px}
.btn-cta{display:inline-flex;align-items:center;gap:6px;padding:10px 22px;background:linear-gradient(135deg,var(--orange),var(--orange-hot));color:var(--white);font-size:14px;font-weight:700;border-radius:8px;transition:all .3s var(--ease-out-expo);box-shadow:0 4px 20px var(--orange-glow);position:relative;overflow:hidden}
.btn-cta::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.15),transparent);transition:left .5s}
.btn-cta:hover::before{left:100%}
.btn-cta:hover{transform:translateY(-2px);box-shadow:0 8px 30px var(--orange-glow);color:var(--white)}
.btn-outline{display:inline-flex;align-items:center;gap:6px;padding:10px 22px;border:1.5px solid var(--blue);color:var(--blue);font-size:14px;font-weight:500;border-radius:8px;transition:all .3s var(--ease-out-expo);background:transparent}
.btn-outline:hover{background:var(--blue);color:var(--white);transform:translateY(-2px);box-shadow:0 8px 30px var(--blue-glow)}
.nav-hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:4px}
.nav-hamburger span{display:block;width:22px;height:2px;background:var(--white);border-radius:2px;transition:all .3s}
.mobile-menu{position:fixed;top:0;left:0;width:100%;height:100vh;background:rgba(10,16,24,0.98);backdrop-filter:blur(20px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;z-index:9999;opacity:0;pointer-events:none;transition:opacity .3s}
.mobile-menu.open{opacity:1;pointer-events:auto}
.mobile-menu a{color:var(--white);font-size:18px;font-weight:500}
.mobile-menu a.nav-active{color:var(--blue)}
.mobile-menu .close-btn{position:absolute;top:20px;right:24px;color:var(--white);font-size:28px;cursor:pointer;width:40px;height:40px;display:flex;align-items:center;justify-content:center}
@media(max-width:960px){
  .nav-links{display:none}
  .nav-right .sep,.nav-right a:not(.btn-cta){display:none}
  .nav-hamburger{display:flex}
  .nav-right{gap:10px}
  .nav-right .btn-console{display:none}
  .nav-right .btn-cta{padding:8px 14px;font-size:12px}
  .header-divider,.header-sub-title{display:none!important}
}

/* === TRUST NUMBERS === */
#trustNumbers{background-color:#f8fafc;background-image:linear-gradient(rgba(0,178,255,0.015) 1px,transparent 1px),linear-gradient(90deg,rgba(0,178,255,0.015) 1px,transparent 1px);background-size:40px 40px;padding:80px 0;position:relative}
.trust-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:32px}
.trust-item{text-align:center;padding:32px 16px;border-radius:16px;transition:all .3s var(--ease-out-expo)}
.trust-item:hover{background:var(--gray-100);transform:translateY(-3px)}
.trust-num{font-family:var(--font-en);font-size:clamp(36px,5vw,52px);font-weight:700;color:var(--navy);letter-spacing:-2px;line-height:1}
.trust-num .unit{font-size:20px;color:var(--blue);font-weight:600;margin-left:2px}
.trust-label{font-size:15px;color:var(--gray-600);margin-top:8px;font-weight:500}
.trust-live{font-size:11px;color:var(--gray-400);margin-top:4px}
@media(max-width:768px){.trust-grid{grid-template-columns:repeat(2,1fr);gap:16px}}
@media(max-width:480px){.trust-grid{grid-template-columns:1fr}}

/* === CTA FOOTER === */
#ctaFooter{background:#f8fafc;color:var(--navy);padding:80px 0 80px;text-align:center;position:relative;overflow:hidden;margin-bottom:0;border:none;box-shadow:none;outline:none}
#ctaFooter .particles,#ctaFooter .orb,#ctaFooter .deco-circle{display:none}
.cta-title{font-size:clamp(24px,3.5vw,36px);font-weight:800;margin-bottom:32px;letter-spacing:-0.5px;background:linear-gradient(135deg,var(--navy) 0%,var(--blue) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.cta-buttons{display:flex;justify-content:center;gap:16px;flex-wrap:wrap;margin-bottom:48px}
.cta-buttons .btn-cta{padding:16px 40px;font-size:16px;border-radius:10px}
.cta-buttons .btn-outline{padding:16px 36px;font-size:16px;border-radius:10px}
.cta-soul{display:inline-block;padding:16px 40px;background:linear-gradient(135deg,rgba(254,166,49,0.08),rgba(254,166,49,0.03));border:1px solid rgba(254,166,49,0.2);border-radius:12px;font-size:18px;font-weight:700;color:var(--orange)}

/* === DEEP BG (Hero + Footer shared) === */
.ssy-deep-bg{background:linear-gradient(160deg,#0b0f1a 0%,#0f1726 30%,#131f35 60%,#0e1a2d 100%)!important}

/* === FOOTER === */
#siteFooter{background:linear-gradient(180deg,#0b0f1a 0%,#0f1726 30%,#131f35 100%);color:var(--gray-400);padding:60px 0 32px;border-top:none;position:relative}
#siteFooter::before{content:'';position:absolute;top:-59px;left:0;width:100%;height:60px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 60' preserveAspectRatio='none'%3E%3Cpath d='M0,60 C480,0 960,0 1440,60 L1440,60 L0,60 Z' fill='%230b0f1a'/%3E%3C/svg%3E") no-repeat center bottom;background-size:100% 100%;pointer-events:none;z-index:5}
.footer-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:48px;margin-bottom:48px}
.footer-col ul{columns:2;column-gap:24px}
.footer-col h4{font-size:15px;font-weight:700;color:var(--white);margin-bottom:16px}
.footer-col p{font-size:13px;line-height:1.7;color:var(--gray-500)}
.footer-logo{margin-bottom:16px;opacity:0.7}
.footer-logo img{width:300px;max-width:100%;height:auto}
.footer-col ul{display:flex;flex-direction:column;gap:8px}
.footer-col ul a{font-size:13px;color:var(--gray-500);transition:color .2s,padding-left .2s;display:block;break-inside:avoid}
.footer-col ul a:hover{color:var(--blue);padding-left:4px}
.footer-contact{display:flex;flex-direction:column;gap:10px}
.footer-contact-item{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--gray-500)}
.footer-contact-item svg{width:16px;height:16px;flex-shrink:0}
.footer-bottom{border-top:1px solid rgba(255,255,255,0.04);padding-top:24px;text-align:center;font-size:12px;color:var(--gray-600);line-height:1.8}
.footer-bottom a{color:var(--gray-500);transition:color .2s}
.footer-bottom a:hover{color:var(--blue)}
@media(max-width:768px){.footer-grid{grid-template-columns:1fr;gap:32px}.footer-col ul{columns:1}}

/* === FLOATING WIDGET === */
.float-widget{position:fixed;right:20px;bottom:100px;z-index:900;display:flex;flex-direction:column;gap:10px;align-items:flex-end}
.float-btn{width:56px;height:56px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:22px;cursor:pointer;transition:all .3s var(--ease-out-expo);box-shadow:0 4px 20px rgba(0,0,0,0.15);position:relative}
.float-btn:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 8px 30px rgba(0,0,0,0.2)}
.float-btn.chat{background:linear-gradient(135deg,var(--orange),var(--orange-hot));color:var(--white);animation:float-bounce 3s ease-in-out infinite}
.float-btn.wechat{background:linear-gradient(135deg,#07C160,#06AD56);color:var(--white)}
.float-btn .float-label{position:absolute;right:66px;white-space:nowrap;background:var(--navy);color:var(--white);padding:6px 14px;border-radius:8px;font-size:12px;font-weight:500;opacity:0;pointer-events:none;transition:opacity .3s,transform .3s;transform:translateX(8px)}
.float-btn .float-label::after{content:'';position:absolute;right:-4px;top:50%;transform:translateY(-50%);border:4px solid transparent;border-left-color:var(--navy)}
.float-btn:hover .float-label{opacity:1;transform:translateX(0)}
@keyframes float-bounce{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}

/* === CONTACT MODAL === */
.contact-modal{position:fixed;inset:0;z-index:9998;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .3s}
.contact-modal.open{opacity:1;pointer-events:auto}
.contact-modal-bg{position:absolute;inset:0;background:rgba(10,16,24,0.7);backdrop-filter:blur(8px)}
.contact-modal-card{position:relative;background:var(--white);border-radius:20px;padding:36px;max-width:420px;width:90%;box-shadow:0 24px 80px rgba(0,0,0,0.3);transform:translateY(20px);transition:transform .4s var(--ease-out-expo)}
.contact-modal.open .contact-modal-card{transform:translateY(0)}
.contact-modal-close{position:absolute;top:16px;right:16px;width:32px;height:32px;border-radius:50%;background:var(--gray-100);display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:18px;color:var(--gray-500);transition:all .2s}
.contact-modal-close:hover{background:var(--gray-200);color:var(--navy)}
.contact-modal h3{font-size:20px;font-weight:700;color:var(--navy);margin-bottom:8px}
.contact-modal p{font-size:14px;color:var(--gray-500);margin-bottom:24px}
.contact-staff{display:flex;flex-direction:column;gap:14px}
.contact-staff-item{display:flex;align-items:center;gap:14px;padding:14px;background:var(--gray-100);border-radius:12px;transition:all .3s}
.contact-staff-item:hover{background:rgba(0,178,255,0.06);transform:translateX(4px)}
.contact-staff-avatar{width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,var(--blue),#3D8CB5);display:flex;align-items:center;justify-content:center;font-size:18px;color:var(--white);flex-shrink:0}
.contact-staff-info{flex:1}
.contact-staff-info .name{font-size:14px;font-weight:700;color:var(--navy)}
.contact-staff-info .role{font-size:12px;color:var(--gray-500);margin-top:2px}
.contact-modal-qr{text-align:center;margin-top:20px;padding-top:20px;border-top:1px solid var(--gray-200)}
.contact-modal-qr img{width:200px;height:200px;margin:0 auto 8px;border-radius:12px;border:5px solid #fff;box-shadow:0 4px 20px rgba(0,0,0,0.1)}
.contact-modal-qr p{font-size:12px;color:var(--gray-400);margin:0}

/* === H2 SECTION TITLE GRADIENT (light sections → navy-to-blue metallic) === */
.section-title:not(.gradient-title):not(.gradient-title-dark){
  background:linear-gradient(135deg,#0F1923 0%,#00B2FF 100%);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  background-clip:text;
}
/* Reset gradient for dark section titles (keep white) */
.section-dark .section-title:not(.gradient-title),
.geo-section-dark .section-title:not(.gradient-title),
.mk-section-dark .section-title,
.mk-contact-section .section-title,
.data-section .section-title,
.cta-bottom .section-title,
.bottom-cta .section-title,
.geo-contact .section-title,
.geo-pricing-bg .section-title,
.juhui-timeline-section .section-title,
.juhui-stats .section-title,
.section-title[style*="color:#fff"],
.section-title[style*="color: #fff"]{
  background:none !important;
  -webkit-text-fill-color:#fff !important;
}
/* Preserve explicit orange/custom color titles */
.section-title[style*="color:var(--orange)"]{
  background:none !important;
  -webkit-text-fill-color:inherit !important;
  color:var(--orange) !important;
}
/* Light section titles with inline navy — gradient still applies, strip inline override */
.section-title[style*="color:var(--navy)"]{
  background:linear-gradient(135deg,#0F1923 0%,#00B2FF 100%) !important;
  -webkit-background-clip:text !important;
  -webkit-text-fill-color:transparent !important;
  background-clip:text !important;
}

/* === QR CODE MOBILE ENHANCEMENT === */
.footer-qr img{width:100px;height:100px;border-radius:8px;border:4px solid #fff;box-shadow:0 2px 12px rgba(0,0,0,0.15)}
@media(max-width:768px){
  .contact-modal-qr img{width:200px;height:200px;border:5px solid #fff}
}

/* === PULSE BUTTON === */
.btn-pulse{animation:btn-pulse 2.5s infinite}
@keyframes btn-pulse{0%,100%{box-shadow:0 4px 20px var(--orange-glow)}50%{box-shadow:0 4px 40px rgba(254,166,49,0.5)}}

/* === BREADCRUMB === */
.breadcrumb-bar{padding:14px 0 0;font-size:13px;line-height:1.4}
.breadcrumb-bar .container{padding-top:0}
.breadcrumb-bar a{transition:color .2s}
.breadcrumb-bar a:hover{text-decoration:underline}
.breadcrumb-sep{margin:0 6px;opacity:0.5}
.breadcrumb-dark{background:var(--navy);color:rgba(255,255,255,0.5)}
.breadcrumb-dark a{color:rgba(255,255,255,0.6)}
.breadcrumb-dark a:hover{color:var(--blue)}
.breadcrumb-dark span:last-child{color:rgba(255,255,255,0.8)}
.breadcrumb-light{background:var(--gray-100);color:var(--gray-500)}
.breadcrumb-light a{color:var(--gray-500)}
.breadcrumb-light a:hover{color:var(--blue)}
.breadcrumb-light span:last-child{color:var(--gray-600)}

/* === SECTION DIVIDER WAVES === */
.section-divider-wave{position:relative;height:60px;margin-top:-60px;z-index:5;pointer-events:none}
.section-divider-wave.dark-to-light{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 60' preserveAspectRatio='none'%3E%3Cpath d='M0,0 C360,50 1080,50 1440,0 L1440,60 L0,60 Z' fill='%23f8fafc'/%3E%3C/svg%3E") no-repeat center bottom;background-size:100% 100%}
.section-divider-wave.light-to-dark{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 60' preserveAspectRatio='none'%3E%3Cpath d='M0,0 C360,50 1080,50 1440,0 L1440,60 L0,60 Z' fill='%230f1726'/%3E%3C/svg%3E") no-repeat center bottom;background-size:100% 100%}

/* === UNIVERSAL COPY BUTTON & TOAST === */
.copy-btn{display:inline-flex;align-items:center;gap:3px;padding:2px 10px;border:none;border-radius:20px;background:rgba(0,178,255,0.12);color:var(--blue);font-size:11px;cursor:pointer;transition:background .2s,transform .15s;white-space:nowrap;font-family:inherit;vertical-align:middle;margin-left:6px;line-height:1.6}
.copy-btn:hover{background:rgba(0,178,255,0.22);transform:scale(1.05)}
.copy-btn:active{transform:scale(0.97)}
#ssyCopyToast{position:fixed;bottom:40px;left:50%;transform:translateX(-50%) translateY(80px);background:rgba(15,25,35,0.92);color:#fff;padding:12px 28px;border-radius:8px;font-size:14px;z-index:9999;opacity:0;transition:transform .35s cubic-bezier(0.4,0,0.2,1),opacity .35s;pointer-events:none;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);text-align:center;max-width:90vw}
#ssyCopyToast.show{opacity:1;transform:translateX(-50%) translateY(0)}

/* === LIGHT SECTION TECH GRID === */
.section-light-grid{background-color:#f8fafc;background-image:linear-gradient(rgba(0,178,255,0.015) 1px,transparent 1px),linear-gradient(90deg,rgba(0,178,255,0.015) 1px,transparent 1px);background-size:40px 40px}

/* === MOBILE FOOTER SIMPLIFICATION === */
@media(max-width:768px){
  #siteFooter .footer-grid{grid-template-columns:1fr;gap:24px}
  #siteFooter .footer-col:nth-child(2){display:none}
  #siteFooter .footer-qr{display:none}
  #siteFooter .footer-contact-item:nth-child(n+4){display:none}
  #ctaFooter .cta-soul{font-size:14px;padding:12px 24px}
}