:root { --primary:#E20613; --secondary:#376498; --dark:#1A131A; --white:#ffffff; --gray-light:#FBFBFB; --gray-medium:#ADB2B4; --gray-dark:#666266; --font-main:'Manrope', sans-serif; --font-secondary:'Inter', sans-serif; --container:1140px; --transition:all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); --grad-red:linear-gradient(135deg, #E20613 0%, #A3040E 100%); --grad-blue:linear-gradient(135deg, #376498 0%, #254468 100%); --grad-glass:linear-gradient(135deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.05) 100%); --glass-border:1px solid rgba(255, 255, 255, 0.15); --glass-blur:blur(12px); --shadow-premium:0 20px 40px rgba(0, 0, 0, 0.1);}* { box-sizing:border-box; margin:0; padding:0; }html { scroll-behavior:smooth; }body { font-family:var(--font-main); color:var(--dark); background:var(--white); line-height:1.6; -webkit-font-smoothing:antialiased; overflow-x:hidden; width:100%;}html { overflow-x:hidden; width:100%; scroll-behavior:smooth;}.container { max-width:var(--container); margin:0 auto; padding:0 20px;}.container-modern { max-width:1440px; margin:0 auto; padding:0 64px; width:100%; display:flex; justify-content:space-between; align-items:center;}.flex-col { display:flex !important; flex-direction:column !important; align-items:flex-start;}.flex-col.centered { align-items:center;}@media (max-width:1024px) { .container-modern { padding:0 20px; display:flex !important; flex-direction:column !important; align-items:flex-start !important; text-align:left; } .container-modern > * { width:100% !important; } .site-header-modern .container-modern { flex-direction:row !important; justify-content:space-between !important; align-items:center !important; text-align:left; } .site-header-modern .container-modern > * { width:auto !important; } .site-footer-premium .container-modern { align-items:flex-start !important; text-align:left !important; } .site-footer-premium .container-modern > * { width:100% !important; text-align:left !important; }}.flex-between { display:flex !important; justify-content:space-between !important; align-items:center !important; flex-wrap:nowrap !important;}.container-modern { max-width:1440px; margin:0 auto; padding:0 64px; width:100%; display:flex; justify-content:space-between; align-items:center;}.section { padding:60px 0;}h2 { font-size:38px; font-weight:800; color:var(--secondary); line-height:1.2; margin-bottom:20px; font-family:var(--font-main);}p { font-size:18px; font-family:var(--font-secondary); color:var(--gray-dark); line-height:1.8; margin-bottom:25px;}.section-header-premium { text-align:center; margin-bottom:60px; width:100%;}.premium-label { display:inline-block; color:var(--primary); font-size:13px; font-weight:800; text-transform:uppercase; letter-spacing:2px; margin-bottom:15px; position:relative; padding-left:25px;}.premium-label::before { content:""; position:absolute; left:0; top:50%; width:15px; height:2px; background:var(--primary); transform:translateY(-50%);}.premium-subtitle { font-size:18px; color:var(--gray-dark); max-width:700px; margin:0 auto 40px; line-height:1.6; font-family:var(--font-secondary); font-weight:400; text-align:center;}.glass-card { background:var(--grad-glass); backdrop-filter:var(--glass-blur); border:var(--glass-border); border-radius:20px; padding:40px; box-shadow:0 8px 32px 0 rgba(0, 0, 0, 0.1);}.glass-btn { background:rgba(255, 255, 255, 0.1); backdrop-filter:var(--glass-blur); border:1px solid rgba(255, 255, 255, 0.2); color:var(--white); transition:var(--transition);}.glass-btn:hover { background:rgba(255, 255, 255, 0.2); transform:translateY(-2px);}.header-logo-img { height:40px; width:auto; display:block;}.site-logo-modern { display:flex; align-items:center; text-decoration:none;}.btn-innovative { display:inline-flex; align-items:center; justify-content:center; padding:20px 45px; border-radius:12px; font-weight:700; font-family:var(--font-secondary); text-decoration:none; transition:var(--transition); cursor:pointer; border:none;}.btn-grad-red { background:var(--grad-red); color:var(--white); box-shadow:0 10px 20px rgba(226, 6, 19, 0.2);}.btn-grad-red:hover { transform:translateY(-3px); box-shadow:0 15px 30px rgba(226, 6, 19, 0.3);}.btn-premium-grad { background-color:var(--primary); color:white; padding:14px 28px; border-radius:6px; font-size:16px; font-weight:700; text-decoration:none; display:inline-flex; align-items:center; justify-content:center; transition:all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); border:none; cursor:pointer; box-shadow:0 4px 15px rgba(226, 6, 19, 0.2);}.btn-premium-grad:hover { background-color:#C81B25; transform:translateY(-3px); box-shadow:0 12px 25px rgba(226, 6, 19, 0.4);}.btn-premium-outline { background:transparent; color:white; padding:14px 28px; border-radius:6px; font-size:16px; font-weight:700; text-decoration:none; display:inline-flex; align-items:center; justify-content:center; transition:all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); border:2px solid white; cursor:pointer;}.btn-premium-outline:hover { background:white; color:var(--primary); transform:translateY(-3px); box-shadow:0 8px 20px rgba(255, 255, 255, 0.3);}.btn-glass-blur { background:rgba(255, 255, 255, 0.1); backdrop-filter:blur(12px); border:1px solid rgba(255, 255, 255, 0.2); color:var(--white); padding:14px 28px; border-radius:6px; font-size:16px; font-weight:700; text-decoration:none; display:inline-flex; align-items:center; justify-content:center; transition:var(--transition); cursor:pointer;}.btn-glass-blur:hover { background:rgba(255, 255, 255, 0.2); transform:translateY(-2px); border-color:rgba(255, 255, 255, 0.4);}.site-header-modern { width:100%; display:flex; flex-direction:column; position:fixed !important; top:0; left:0; right:0; z-index:1000;}#primary { margin-top:90px; }@media (max-width:1024px) { #primary { margin-top:55px; } }.header-navbar-gradient { width:100%; padding:8px 64px; background:linear-gradient(90deg, #0A4C9B 32%, #C81B25 100%); color:white;}.header-main-white { width:100%; padding:16px 64px; background:white; box-shadow:0 2px 15px rgba(0,0,0,0.05);}@media (max-width:1024px) { .header-navbar-gradient, .header-main-white { padding:10px 20px; }}.container-modern { max-width:1440px; margin:0 auto; width:100%; display:flex; justify-content:space-between; align-items:center; padding:0 64px; }.logo-text { color:#0A4C9B; font-size:24px; font-weight:700;}.header-menu-container { display:flex; align-items:center; gap:24px;}.mobile-nav-cta { display:none;}.modern-menu-list { display:flex; gap:18px; list-style:none; margin:0; padding:0;}.modern-menu-list li { position:relative; padding:10px 0;}.modern-menu-list li a { color:#000E24; font-size:12.5px; font-weight:700; text-decoration:none; transition:color 0.3s; display:flex; align-items:center; gap:4px; white-space:nowrap;}.modern-menu-list li a:hover { color:var(--primary);}.modern-menu-list li .sub-menu { position:absolute; top:100%; left:-20px; background:white; min-width:260px; box-shadow:0 15px 40px rgba(0,0,0,0.12); border-radius:12px; list-style:none; padding:15px 0; opacity:0; visibility:hidden; transform:translateY(15px); transition:all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); z-index:100; border:1px solid #F1F5F9;}.modern-menu-list li:nth-child(3) .sub-menu,.modern-menu-list li:nth-child(4) .sub-menu { min-width:800px; left:-300px; display:grid; grid-template-columns:repeat(4, 1fr); padding:25px; gap:10px;}.modern-menu-list li:hover .sub-menu { opacity:1; visibility:visible; transform:translateY(0);}.modern-menu-list .sub-menu li { padding:0;}.modern-menu-list .sub-menu li a { padding:8px 15px; font-size:13px; font-weight:600; display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}.modern-menu-list .sub-menu li a:hover { background:#F8FAFC; color:var(--primary); padding-left:20px;}.btn-schedule-call { padding:10px 24px; background-color:var(--primary); color:white; border-radius:4px; font-size:14px; font-weight:700; text-decoration:none; transition:all 0.3s ease; box-shadow:0 4px 10px rgba(226, 6, 19, 0.15);}.btn-schedule-call:hover { background-color:#C81B25; transform:translateY(-1px); box-shadow:0 6px 15px rgba(226, 6, 19, 0.25);}@media (max-width:1024px) { .header-navbar-gradient, .header-main-white { padding-left:20px; padding-right:20px; }}.urgency-label { font-size:14px; letter-spacing:0.5px; text-transform:uppercase;}.header-info-actions { display:flex; gap:30px; align-items:center;}.info-item-clean { color:white; text-decoration:none; font-size:14px; font-weight:700; transition:opacity 0.3s;}.info-item-clean:hover { opacity:0.8;}.site-footer { background:var(--dark); color:var(--white); padding:80px 0 40px;}.footer-grid { display:grid; grid-template-columns:repeat(auto-fit, minmax(200px, 1fr)); gap:40px; margin-bottom:60px;}.footer-title { font-size:18px; font-weight:700; margin-bottom:25px; color:var(--white);}.footer-links { list-style:none; padding:0;}.footer-links li { margin-bottom:12px;}.footer-links a { color:rgba(255,255,255,0.7); text-decoration:none; transition:color 0.3s;}.footer-links a:hover { color:var(--primary);}.footer-bottom { border-top:1px solid rgba(255,255,255,0.1); padding-top:40px; text-align:center; font-size:14px; color:rgba(255,255,255,0.5);}.menu-toggle { display:none; flex-direction:column; justify-content:space-between; width:24px; height:18px; background:none; border:none; cursor:pointer; padding:0; z-index:1001;}.menu-toggle .bar { width:100%; height:2px; background-color:var(--dark); transition:var(--transition);}.menu-toggle.active .bar:nth-child(1) { transform:translateY(8px) rotate(45deg); }.menu-toggle.active .bar:nth-child(2) { opacity:0; }.menu-toggle.active .bar:nth-child(3) { transform:translateY(-8px) rotate(-45deg); }@media (max-width:1024px) { .urgency-label { font-size:11px !important; } .btn-schedule-call { font-size:12px !important; padding:8px 15px; } .header-main-white { padding:15px 0 !important; } .container-modern { padding:0 20px !important; display:flex !important; flex-direction:row !important; justify-content:space-between !important; align-items:center !important; flex-wrap:nowrap !important; } .site-logo-modern { flex:0 0 auto; } .header-menu-container { flex:0 0 auto; display:flex; align-items:center; justify-content:flex-end; } .menu-toggle { display:flex; margin-left:auto; } .modern-nav { position:fixed; top:0; right:-100%; width:80%; height:100vh; background:white; padding:100px 40px; box-shadow:-10px 0 30px rgba(0,0,0,0.1); transition:0.4s cubic-bezier(0.165, 0.84, 0.44, 1); z-index:1000; overflow-y:auto; } .modern-nav.active { right:0; } .modern-menu-list { flex-direction:column; gap:20px; align-items:flex-start; } .modern-menu-list li { width:100%; padding:5px 0; } .modern-menu-list li a { font-size:18px; width:100%; justify-content:space-between; } .modern-menu-list li .sub-menu { position:static; opacity:0; visibility:hidden; display:none; transform:none; box-shadow:none; padding:10px 0 10px 15px; border-left:2px solid #EEE; margin-top:10px; min-width:100%; transition:none; } .modern-menu-list .sub-menu li a { font-size:15px; padding:10px 0; text-align:left; justify-content:flex-start; } .modern-menu-list li.active > .sub-menu { display:block; opacity:1; visibility:visible; } .modern-menu-list li:nth-child(3) .sub-menu, .modern-menu-list li:nth-child(4) .sub-menu { min-width:100%; display:none; padding:10px 0 10px 15px; border-left:2px solid #EEE; } .modern-menu-list li:nth-child(3).active .sub-menu, .modern-menu-list li:nth-child(4).active .sub-menu { display:block; } .mobile-nav-cta { display:block; margin-top:40px; width:100%; } .btn-devis-mobile { display:flex; align-items:center; justify-content:center; background:var(--grad-red); color:white; padding:18px; border-radius:12px; font-weight:800; font-size:16px; text-decoration:none; box-shadow:0 10px 25px rgba(226, 6, 19, 0.2); transition:var(--transition); } .btn-devis-mobile:active { transform:scale(0.98); } .btn-schedule-call { display:none; } .header-navbar-gradient { display:none; } .header-main-white { padding:12px 0; }}@media (max-width:768px) { .section { padding:50px 0; } .container-modern { padding:0 20px; } h1 { font-size:32px; line-height:1.1; } h2 { font-size:28px; line-height:1.2; } h3 { font-size:24px; } h4 { font-size:20px; } p { font-size:20px; line-height:1.6; } .premium-label { font-size:15px; } .premium-subtitle { font-size:20px; } .btn-premium-grad, .btn-premium-outline, .btn-innovative { width:100%; padding:18px 25px; font-size:18px; }}.hero-inner-compact { width:100%; padding:20px 64px; display:flex; flex-direction:column;}.hero-inner-body { padding:60px; border-radius:18px; overflow:hidden; display:flex; align-items:center; min-height:400px; background-size:cover !important; background-position:center !important; position:relative;}.hero-service .hero-inner-body { background:linear-gradient(180deg, rgba(226, 6, 19, 0.9) 22%, rgba(55, 100, 152, 0.7) 95%);}.hero-ville .hero-inner-body { background:linear-gradient(180deg, rgba(55, 100, 152, 0.9) 22%, rgba(226, 6, 19, 0.7) 95%);}.zones-grid-unified { display:grid; grid-template-columns:1fr 1fr; gap:80px; align-items:center;}@media (max-width:992px) { .zones-grid-unified { grid-template-columns:1fr; gap:40px; }}.cities-tags-container { display:grid; grid-template-columns:repeat(2, 1fr); gap:12px; margin:30px 0 0;}.city-tag-v2 { display:inline-flex; align-items:center; justify-content:center; padding:10px 15px; background-color:var(--secondary); border-radius:8px; color:white; font-size:14px; font-weight:700; text-decoration:none; transition:all 0.3s ease; text-align:center; box-shadow:0 4px 10px rgba(0,0,0,0.05);}.city-tag-v2:hover { background-color:var(--primary); transform:translateY(-2px); box-shadow:0 8px 15px rgba(226, 6, 19, 0.2);}.map-iframe-container { width:100%; height:450px; border-radius:24px; box-shadow:0 15px 40px rgba(0,0,0,0.1); overflow:hidden; background:#EEE;}.services-grid-v3 { display:grid; grid-template-columns:repeat(3, 1fr); gap:30px;}@media (max-width:992px) { .services-grid-v3 { grid-template-columns:1fr; gap:40px; }}.service-card-v3 { position:relative; display:flex; flex-direction:column; align-items:center; transition:transform 0.3s ease; overflow:visible;}.service-card-v3:hover { transform:translateY(-10px); }.service-img-v3 { width:100%; height:240px; border-radius:24px; overflow:hidden; z-index:1;}.service-img-v3 img { width:100%; height:100%; object-fit:cover; }.service-icon-floating { position:absolute; top:210px; left:50%; transform:translate(-50%, -50%); width:54px; height:54px; background:var(--primary); color:white; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:22px; border:5px solid white; z-index:3; box-shadow:0 4px 10px rgba(0,0,0,0.1);}.service-content-v3 { width:90%; background:var(--white); padding:30px 20px 25px; margin-top:-30px; border-radius:20px; text-align:center; z-index:2; box-shadow:0 10px 25px rgba(0,0,0,0.08);}.service-cat-v3 { font-size:11px; text-transform:uppercase; color:var(--primary); font-weight:800; letter-spacing:1px; display:block; margin-bottom:5px;}.service-content-v3 h3 { font-size:18px; font-weight:800; color:var(--secondary); margin-bottom:10px; }.service-content-v3 p { font-size:14px; color:var(--gray-dark); margin:0; line-height:1.5; }.service-link-text-v3 { color:var(--primary); font-weight:700; font-size:14px; text-decoration:none; margin-top:15px; display:inline-flex; align-items:center; gap:8px;}.hero-inner-v3 { width:100%; padding:20px 64px; display:flex; flex-direction:column;}.hero-inner-v3-container { max-width:1440px; margin:0 auto; width:100%;}.hero-inner-v3-body { border-radius:18px; overflow:hidden; padding:60px; min-height:400px; display:flex; align-items:center; background-size:cover !important; background-position:center !important; background-repeat:no-repeat !important; position:relative;}.hero-inner-v3-content { max-width:800px; position:relative; z-index:5;}.hero-inner-v3-title { color:white; font-size:32px; font-weight:800; line-height:1.2; margin-bottom:20px; font-family:'Manrope', sans-serif;}.hero-inner-v3-subtitle { color:white; font-size:18px; font-weight:400; opacity:0.95; margin-bottom:30px; font-family:'Inter', sans-serif;}@media (max-width:1024px) { .hero-inner-v3 { padding:20px; } .hero-inner-v3-body { padding:40px; min-height:350px; } .hero-inner-v3-title { font-size:28px; }}.reassurance-v2 { width:100%; background:var(--white); padding:25px 0; box-shadow:0 10px 40px rgba(0,0,0,0.03); z-index:10; position:relative; border-bottom:1px solid #F5F5F5;}.reassurance-v2-container { max-width:1440px; margin:0 auto; padding:0 64px;}.reassurance-v2-grid { display:flex; justify-content:space-between; align-items:center; flex-wrap:nowrap;}.reassurance-v2-item { display:flex; align-items:center; gap:15px; flex:1; justify-content:center;}.reassurance-v2-icon { width:38px; height:38px; background:var(--primary); color:var(--white); border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:14px; flex-shrink:0; box-shadow:0 4px 10px rgba(226, 6, 19, 0.15);}.reassurance-v2-text { display:flex; flex-direction:column; text-align:left;}.reassurance-v2-text strong { font-size:13px; font-weight:800; color:var(--secondary); white-space:nowrap;}.reassurance-v2-text span { font-size:11px; color:var(--gray-medium); margin-top:2px; white-space:nowrap;}.reassurance-v2-sep { width:1px; height:35px; background:#EFEFEF; flex-shrink:0;}@media (max-width:1200px) { .reassurance-v2-container { padding:0 20px; }}@media (max-width:992px) { .reassurance-v2-grid { display:grid; grid-template-columns:repeat(3, 1fr); gap:20px; } .reassurance-v2-sep { display:none; }}@media (max-width:640px) { .reassurance-v2-grid { grid-template-columns:repeat(2, 1fr); gap:15px; } .reassurance-v2-item { gap:10px; } .reassurance-v2-text strong { font-size:11px; } .reassurance-v2-text span { font-size:9px; }}@media (max-width:768px) { .section { padding:40px 0; } h2 { font-size:24px !important; } p { font-size:15px !important; } .container-modern { padding:0 20px !important; } .flex-between { flex-direction:column; gap:15px; text-align:center; } .situations-grid, .situations-grid-v2 { grid-template-columns:1fr !important; } .linking-grid { grid-template-columns:1fr !important; gap:40px !important; } .cta-box-premium { padding:40px 20px !important; } .hero-inner-v3-body { padding:40px 20px; min-height:250px; text-align:center; } .hero-v2-actions { justify-content:center; flex-wrap:wrap; } .header-info-actions { display:none; } .site-logo-modern img { height:32px; } .about-grid-unified { grid-template-columns:1fr !important; text-align:left !important; } .about-content-v2 { text-align:left !important; } .about-features-v2 { flex-direction:column; gap:10px; align-items:flex-start; } .about-stats-v2 { grid-template-columns:1fr 1fr !important; gap:15px; text-align:left !important; } .stat-box-v2 { text-align:left !important; } .stat-btn-container-v2 { grid-column:span 2 !important; display:flex !important; flex-direction:column !important; align-items:center !important; width:100% !important; margin-top:10px !important; text-align:center !important; }}@media (max-width:480px) { h2 { font-size:22px !important; } .btn-premium-grad, .btn-premium-outline { width:100%; text-align:center; } .reassurance-v2-grid { grid-template-columns:1fr; }}.premium-desc { font-size:18px; color:var(--gray-dark); max-width:800px; margin:0 auto 40px; line-height:1.6; text-align:center;}.innovative-label { color:var(--primary); font-weight:800; text-transform:uppercase; letter-spacing:2px; font-size:14px; display:block; margin-bottom:15px; font-family:var(--font-secondary);}.section-title-v3 { color:var(--secondary); font-size:38px; font-weight:800; margin-bottom:20px; line-height:1.2; font-family:var(--font-main); max-width:850px; margin-left:auto; margin-right:auto;}.section-desc-v2 { font-size:17px; line-height:1.8; color:var(--gray-dark); margin-bottom:30px;}.section-desc-innovative { font-size:17px; line-height:1.8; color:var(--gray-dark); margin-bottom:30px; max-width:700px;}.centered { text-align:center;}.centered .innovative-label,.centered .section-title-v3,.centered .section-desc-v2,.centered .section-desc-innovative { margin-left:auto; margin-right:auto;}.section-compact { padding:60px 0;}.section-header-innovative { margin-bottom:50px; text-align:center; max-width:900px; margin-left:auto; margin-right:auto; padding:0 40px;}.section-header-innovative h2 { max-width:850px; margin-left:auto; margin-right:auto;}.services-container-v2 { max-width:1440px; margin:0 auto; padding:0 64px; width:100%;}.flex-col { flex-direction:column !important; align-items:center;}.about-section-unified, .zones-section-unified { padding:100px 0; background:var(--white);}.zones-section-unified { background:#F9FAFB; }.about-grid-unified, .zones-grid-unified { display:grid; grid-template-columns:1fr 1.2fr; gap:80px; align-items:center;}.zones-grid-unified { grid-template-columns:1fr 1fr; }.image-wrapper-v2 { position:relative; border-radius:30px; overflow:visible;}.image-wrapper-v2 img { width:100%; border-radius:30px; box-shadow:0 20px 50px rgba(0,0,0,0.1);}.experience-badge-v2 { position:absolute; bottom:-30px; right:-30px; background:var(--primary); color:white; padding:25px; border-radius:20px; text-align:center; box-shadow:0 10px 30px rgba(226, 6, 19, 0.3); z-index:2;}.experience-badge-v2 .number { font-size:32px; font-weight:800; display:block;}.experience-badge-v2 .text { font-size:12px; text-transform:uppercase; font-weight:700;}.about-features-v2 { display:flex; gap:30px; margin-bottom:40px;}.feature-item-v2 { display:flex; align-items:center; gap:10px; font-weight:700; font-size:14px; color:var(--dark);}.feature-item-v2 i { color:var(--primary); }.about-stats-v2 { display:grid; grid-template-columns:repeat(3, 1fr); gap:20px;}.stat-box-v2 { background:#F9FAFB; padding:20px; border-radius:15px; text-align:center;}.stat-val { font-size:24px; font-weight:800; color:var(--secondary); display:block;}.stat-lbl { font-size:12px; color:var(--gray-medium); font-weight:600;}.stat-btn-container-v2 { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:8px;}.btn-pulse-blink { animation:pulse-blink 2s infinite; white-space:nowrap;}@keyframes pulse-blink { 0% { transform:scale(1); box-shadow:0 4px 15px rgba(226, 6, 19, 0.2); } 50% { transform:scale(1.05); box-shadow:0 4px 25px rgba(226, 6, 19, 0.5); } 100% { transform:scale(1); box-shadow:0 4px 15px rgba(226, 6, 19, 0.2); }}.cities-tags-container { display:grid; grid-template-columns:repeat(2, 1fr); gap:12px; margin:30px 0 0;}.city-tag-v2 { display:inline-flex; align-items:center; justify-content:center; padding:12px 15px; background-color:var(--secondary); border-radius:8px; color:white; font-size:14px; font-weight:700; text-decoration:none; transition:all 0.3s ease; box-shadow:0 4px 10px rgba(0,0,0,0.05);}.city-tag-v2:hover { background-color:#254468; transform:translateY(-2px); box-shadow:0 8px 15px rgba(55, 100, 152, 0.2); color:white;}.map-iframe-container { width:100%; height:450px; border-radius:24px; box-shadow:0 15px 40px rgba(0,0,0,0.1); overflow:hidden; background:#EEE;}.services-grid-v3 { display:grid; grid-template-columns:repeat(4, 1fr); gap:25px;}.service-card-v3 { position:relative; display:flex; flex-direction:column; align-items:center; transition:transform 0.3s ease; overflow:visible;}.service-card-v3:hover { transform:translateY(-10px); }.service-img-v3 { width:100%; height:240px; border-radius:24px; overflow:hidden; z-index:1;}.service-img-v3 img { width:100%; height:100%; object-fit:cover;}.service-icon-floating { position:absolute; top:210px; left:50%; transform:translate(-50%, -50%); width:54px; height:54px; background:var(--primary); color:white; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:22px; border:5px solid white; z-index:3; box-shadow:0 4px 10px rgba(0,0,0,0.1);}.service-content-v3 { width:90%; background:var(--white); padding:30px 15px 25px; margin-top:-30px; border-radius:20px; text-align:center; z-index:2; box-shadow:0 10px 25px rgba(0,0,0,0.08); display:flex; flex-direction:column; gap:8px;}.service-cat-v3 { font-size:11px; text-transform:uppercase; color:var(--primary); font-weight:800; letter-spacing:1px;}.service-content-v3 h3 { font-size:16px; font-weight:800; margin:5px 0; color:var(--secondary); line-height:1.3;}.service-content-v3 p { font-size:13px; color:var(--gray-dark); margin:0; line-height:1.4;}.service-link-text-v3 { color:var(--primary); font-weight:700; font-size:13px; text-decoration:none; margin-top:10px; display:flex; align-items:center; justify-content:center; gap:6px; transition:0.3s;}.service-link-text-v3:hover { gap:10px; }.recent-works-section-unified { padding:60px 0; background:#FFF;}.works-filter-menu { display:flex; gap:30px; margin:20px 0 40px; justify-content:center;}.filter-btn { background:transparent; border:none; font-family:var(--font-main); font-size:16px; font-weight:600; color:var(--secondary); cursor:pointer; padding:10px 0; transition:0.3s; border-bottom:2px solid transparent;}.filter-btn.active, .filter-btn:hover { color:var(--primary); border-bottom-color:var(--primary);}.works-grid-v2 { display:grid; grid-template-columns:repeat(3, 1fr); gap:30px; width:100%;}.work-card-v2 { background:#FFF; border-radius:12px; overflow:hidden; box-shadow:0 10px 30px rgba(0,0,0,0.05);}.ba-slider-container { position:relative; width:100%; height:480px; overflow:hidden;}.ba-slider { position:relative; width:100%; height:100%; cursor:ew-resize;}.ba-slider img { position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover; display:block;}.before-img-wrapper { position:absolute; top:0; left:0; width:50%; height:100%; overflow:hidden; z-index:2;}.ba-label { position:absolute; top:20px; padding:6px 12px; background:rgba(0,0,0,0.5); color:white; font-size:12px; font-weight:700; text-transform:uppercase; border-radius:4px; z-index:3; pointer-events:none;}.ba-label.before { left:20px; }.ba-label.after { right:20px; }.ba-handle { position:absolute; top:0; bottom:0; width:4px; background:white; left:50%; transform:translateX(-50%); z-index:4; pointer-events:none;}.ba-arrows { position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:40px; height:40px; background:white; border-radius:50%; display:flex; align-items:center; justify-content:center; gap:4px; box-shadow:0 0 15px rgba(0,0,0,0.2); color:var(--secondary); font-size:10px;}.ba-slider-input { position:absolute; top:0; left:0; width:100%; height:100%; opacity:0; cursor:ew-resize; z-index:5; margin:0;}.work-info-v2 { padding:20px; text-align:center;}.work-info-v2 h3 { font-size:18px; color:var(--secondary); margin-bottom:5px;}.work-info-v2 span { font-size:14px; color:var(--gray-medium); font-weight:600;}@media (max-width:768px) { .recent-works-section-unified .section-header-innovative { text-align:center; margin-bottom:24px; } .recent-works-section-unified .innovative-label { text-align:center; } .recent-works-section-unified .section-title-v3 { text-align:center; font-size:26px !important; } .recent-works-section-unified .section-desc-v2 { text-align:center; margin-left:auto; margin-right:auto; }}.telephone-xxl-card { background:var(--primary); padding:50px 30px; text-align:center; border-radius:24px; margin-bottom:30px; box-shadow:0 20px 40px rgba(226, 6, 19, 0.2);}.info-details-card { padding:40px; background:#F8FAFC; border:1px solid #E2E8F0; border-radius:24px;}.contact-form-card { padding:50px; background:rgba(255, 255, 255, 0.7); backdrop-filter:blur(20px); border:1px solid rgba(226, 6, 19, 0.1); box-shadow:0 40px 80px rgba(0,0,0,0.08); width:100%; max-width:600px; border-radius:30px;}.simu-v2-opt-box { display:block; padding:15px; background:#FFFFFF; border:2px solid #E2E8F0; border-radius:12px; cursor:pointer; transition:0.3s; font-weight:700; text-align:center; color:#376498; font-size:14px;}.simu-v2-radio input { display:none; }.simu-v2-radio input:checked + .simu-v2-opt-box { background:var(--primary) !important; color:white !important; border-color:var(--primary) !important; box-shadow:0 8px 20px rgba(226, 6, 19, 0.2);}.simu-v2-radio:hover .simu-v2-opt-box { border-color:var(--primary); transform:translateY(-2px);}.contact-grid-v3 { display:grid; grid-template-columns:1fr 1fr; gap:60px; align-items:stretch;}@media (max-width:1200px) { .services-grid-v3 { grid-template-columns:repeat(2, 1fr); } .services-container-v2 { padding:0 20px; }}@media (max-width:1024px) { .about-grid-unified, .zones-grid-unified, .contact-grid-v3, .about-details-grid, .map-card-v3 { grid-template-columns:1fr !important; gap:60px !important; } .experience-badge-v2 { right:10px !important; bottom:-10px !important; padding:15px !important; } .about-features-v2 { flex-direction:column; gap:15px; } .about-stats-v2 { grid-template-columns:1fr; gap:15px; } .stat-btn-container-v2 { width:100%; } .stat-btn-container-v2 .btn-premium-grad { width:100%; text-align:center; } .section-title-v3 { font-size:28px !important; } .works-grid-v2 { grid-template-columns:repeat(2, 1fr); gap:15px; } .ba-slider-container { height:250px; } .works-filter-menu { justify-content:flex-start; overflow-x:auto; padding-bottom:15px; width:100%; white-space:nowrap; gap:20px; } .filter-btn { flex-shrink:0; font-size:13px; } .work-info-v2 h3 { font-size:14px; } .work-info-v2 span { font-size:11px; } .contact-form-card { padding:30px !important; } .map-iframe-container { height:350px; }}@media (max-width:768px) { .section-title-v3 { font-size:28px; } .section-desc-v2 { font-size:15px; }}@media (max-width:640px) { .services-grid-v3 { grid-template-columns:1fr; }}@media (max-width:480px) { .ba-slider-container { height:180px; }}.single-ville-v3 { background:white; }.section-header-innovative.centered { text-align:center; margin-bottom:50px; width:100%; padding:0 20px; max-width:1000px; margin-left:auto; margin-right:auto;}@media (max-width:768px) { .section-header-innovative.centered { padding:0 10px; margin-bottom:30px; }}.glass-card-v2 { background:white; border-radius:24px; border:1px solid #EEF2F6; box-shadow:0 10px 40px rgba(0,0,0,0.02); transition:0.4s ease; }.glass-card-v2:hover { transform:translateY(-5px); box-shadow:0 20px 60px rgba(0,0,0,0.06); }.hero-ville .hero-inner-v3-body { padding:80px 60px; min-height:500px; display:flex; align-items:center; border-radius:24px; margin-top:20px; }.context-layout-v3 { display:grid; grid-template-columns:1fr 380px; gap:40px; }.faq-section-innovative { padding:100px 0; background:#FFF; }.faq-dual-grid { display:grid; grid-template-columns:repeat(2, 1fr); gap:30px; width:100%; max-width:1200px; margin-top:40px; }.faq-column { display:flex; flex-direction:column; gap:20px; }.faq-item-v3 { background:#F8FAFC; border-radius:16px; overflow:hidden; transition:all 0.3s ease; border:1px solid transparent; }.faq-item-v3:hover { background:#FFF; border-color:#E2E8F0; box-shadow:0 10px 30px rgba(0,0,0,0.05); }.faq-q-v3 { width:100%; padding:24px 30px; background:transparent; border:none; display:flex; justify-content:space-between; align-items:center; cursor:pointer; font-size:16px; font-weight:700; text-align:left; color:var(--secondary); font-family:var(--font-main); transition:0.3s; }.faq-q-v3 span { flex:1; }.arrow-box { width:32px; height:32px; background:#FFF; border-radius:50%; display:flex; align-items:center; justify-content:center; color:var(--primary); font-size:12px; transition:all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); box-shadow:0 2px 8px rgba(0,0,0,0.05); margin-left:15px; flex-shrink:0; }.faq-item-v3:hover .arrow-box { background:var(--primary); color:#FFF; transform:rotate(90deg); }.faq-a-v3 { padding:0 30px 25px; display:none; color:var(--gray-dark); font-size:14px; line-height:1.6; }.faq-item-v3.active .faq-a-v3 { display:block; }.faq-item-v3.active .arrow-box { background:var(--secondary); color:#FFF; transform:rotate(90deg); }@media (max-width:1024px) { .context-layout-v3 { grid-template-columns:1fr; }}@media (max-width:992px) { .faq-dual-grid { grid-template-columns:1fr; }}@media (max-width:768px) { .hero-ville .hero-inner-v3-body { padding:40px 20px; text-align:center; }}.cta-section-modern { padding:80px 0; background:var(--white); }.cta-section-modern .container-modern { flex-direction:column; align-items:center; }.cta-box-premium { width:100%; border-radius:24px; overflow:hidden; position:relative; padding:80px 60px; background:linear-gradient(180deg, rgba(226, 6, 19, 0.8) 22%, rgba(55, 100, 152, 0.8) 95%), url('../images/professionnel-differentes-serrurier-missions.jpg') center/cover no-repeat; text-align:center; box-shadow:0 20px 50px rgba(0,0,0,0.1); margin-bottom:60px; }.cta-overlay-content { position:relative; z-index:2; max-width:800px; margin:0 auto; }.cta-badge-v2 { display:inline-block; padding:8px 20px; background:rgba(255, 255, 255, 0.2); backdrop-filter:blur(10px); border:1px solid rgba(255, 255, 255, 0.3); color:white; border-radius:50px; font-weight:700; font-size:14px; margin-bottom:25px; }.cta-title-v2 { color:white; font-size:42px; font-weight:800; margin-bottom:20px; line-height:1.2; }.cta-text-v2 { color:rgba(255, 255, 255, 0.9); font-size:18px; margin-bottom:40px; }.cta-buttons-v2 { display:flex; gap:20px; justify-content:center; flex-wrap:wrap; }.cta-buttons-v2 .btn-premium-outline { border-color:white; color:white; }.cta-buttons-v2 .btn-premium-outline:hover { background:white; color:var(--primary); }.maillage-interne-v2 { width:100%; padding-top:50px; border-top:1px solid #F1F5F9; }.maillage-title { font-size:22px; font-weight:800; color:var(--secondary); margin-bottom:40px; text-align:center; }.maillage-links-grid { display:grid; grid-template-columns:repeat(3, 1fr); gap:40px; }.maillage-col h4 { font-size:14px; text-transform:uppercase; color:var(--primary); margin-bottom:15px; letter-spacing:1px; }.maillage-col ul { list-style:none; padding:0; margin:0; }.maillage-col a { display:block; color:var(--gray-dark); text-decoration:none; font-size:14px; margin-bottom:10px; transition:0.3s; }.maillage-col a:hover { color:var(--secondary); transform:translateX(5px); }@media (max-width:1024px) { .cta-box-premium { padding:60px 30px; } .cta-title-v2 { font-size:32px; } .maillage-links-grid { grid-template-columns:1fr; gap:30px; text-align:left !important; align-items:flex-start !important; } .maillage-title { text-align:left !important; } .maillage-interne-v2 { text-align:left !important; display:flex !important; flex-direction:column !important; align-items:flex-start !important; } .maillage-col { text-align:left !important; display:flex !important; flex-direction:column !important; align-items:flex-start !important; }}.service-faq-v3 { background:#F8FAFC; }.faq-dual-grid-v2 { display:grid; grid-template-columns:repeat(2, 1fr); gap:24px; width:100%; max-width:1200px; margin:50px auto 0;}.faq-column { display:flex; flex-direction:column; gap:20px;}.faq-item-premium { background:#fff; border-radius:16px; overflow:hidden; border:1px solid #E2E8F0; transition:all 0.3s ease;}.faq-item-premium:hover { box-shadow:0 10px 30px rgba(0,0,0,.06);}.faq-q-premium { width:100%; padding:22px 28px; background:transparent; border:none; display:flex; justify-content:space-between; align-items:center; cursor:pointer; font-size:15px; font-weight:700; text-align:left; color:var(--secondary); font-family:var(--font-main); transition:color 0.3s; gap:12px;}.faq-q-premium span { flex:1; }.faq-q-premium:hover { color:var(--primary); }.arrow-box { width:32px; height:32px; min-width:32px; background:#F8FAFC; border-radius:50%; display:flex; align-items:center; justify-content:center; color:var(--primary); font-size:12px; transition:all 0.4s ease;}.faq-item-premium:hover .arrow-box,.faq-item-premium.active .arrow-box { background:var(--primary); color:#fff; transform:rotate(90deg);}.faq-a-premium { display:none; padding:0 28px 22px; color:var(--gray-dark); font-size:14px; font-family:var(--font-secondary); line-height:1.7;}.faq-a-premium p { font-size:14px; font-family:var(--font-secondary); color:var(--gray-dark); line-height:1.7; margin:0;}.faq-item-premium.active .faq-a-premium { display:block; }@media (max-width:992px) { .faq-dual-grid-v2 { grid-template-columns:1fr; }}.google-rating-badge { display:inline-flex; align-items:center; gap:10px; background:rgba(255,255,255,.15); backdrop-filter:blur(8px); border:1px solid rgba(255,255,255,.3); border-radius:50px; padding:8px 18px; margin-bottom:16px; width:fit-content;}.google-rating-badge .g-logo { font-size:13px; font-weight:800; color:#fff; letter-spacing:.5px;}.google-rating-badge .g-stars { color:#FBBC05; font-size:13px; letter-spacing:1px; }.google-rating-badge .g-text { color:rgba(255,255,255,.9); font-size:12px; font-weight:600; }.hero-blog-v2 { width:100%; background:linear-gradient(135deg, #0A4C9B 0%, #C81B25 100%); padding:80px 0 60px;}.hero-blog-inner { max-width:1200px; margin:0 auto; padding:0 64px; }.hero-blog-content { max-width:700px; }.blog-hero-breadcrumb { display:flex; align-items:center; gap:8px; font-size:14px; font-weight:500; color:rgba(255,255,255,.7); margin-bottom:20px;}.blog-hero-breadcrumb a { color:rgba(255,255,255,.8); text-decoration:none; }.blog-hero-breadcrumb a:hover { color:#fff; }.bc-sep { font-size:10px; opacity:.6; }.hero-blog-title { color:white; font-size:48px; font-family:'Manrope', sans-serif; font-weight:800; line-height:1.15; margin:12px 0 16px;}.hero-blog-subtitle { color:rgba(255,255,255,.85); font-size:18px; line-height:1.6; margin:0; }.blog-filters-v2 { background:white; padding:20px 0; border-bottom:1px solid #F0F0F0; position:sticky; top:70px; z-index:50; box-shadow:0 2px 15px rgba(0,0,0,.04);}.blog-filter-row { display:flex; gap:10px; flex-wrap:wrap; align-items:center;}.blog-filter-btn { padding:8px 20px; border-radius:50px; font-size:14px; font-weight:600; color:var(--gray-dark); background:#F5F5F5; border:1.5px solid transparent; text-decoration:none; transition:all 0.25s; cursor:pointer;}.blog-filter-btn:hover, .blog-filter-btn.active { background:var(--primary); color:white; border-color:var(--primary);}.blog-archive-v2 { padding:60px 0 80px; }.blog-archive-grid { display:grid; grid-template-columns:repeat(3, 1fr); gap:28px;}.blog-featured-card { display:block; width:100%; border-radius:20px; overflow:hidden; text-decoration:none; position:relative; margin-bottom:0;}.blog-featured-img { position:relative; height:400px; overflow:hidden;}.blog-featured-img img { width:100%; height:100%; object-fit:cover; transition:transform 0.5s ease;}.blog-featured-card:hover .blog-featured-img img { transform:scale(1.03); }.blog-featured-overlay { position:absolute; bottom:0; left:0; right:0; padding:30px 40px; background:linear-gradient(0deg, rgba(0,0,0,.85) 0%, transparent 100%);}.blog-feat-cat { display:inline-flex; align-items:center; gap:7px; font-size:14px; font-weight:500; color:#6C40FF; background:rgba(255,255,255,.12); backdrop-filter:blur(6px); border-radius:50px; padding:4px 14px; margin-bottom:12px;}.blog-feat-title { color:white; font-size:28px; font-family:'Manrope', sans-serif; font-weight:700; line-height:1.3; margin:0 0 12px;}.blog-feat-meta { display:flex; gap:10px; font-size:14px; color:rgba(255,255,255,.75);}.blog-card-v2 { display:flex; flex-direction:column; background:white; border-radius:16px; overflow:hidden; text-decoration:none; border:1px solid #EAECF0; transition:all 0.3s ease;}.blog-card-v2:hover { transform:translateY(-6px); box-shadow:0 20px 50px rgba(0,0,0,.1); border-color:transparent;}.blog-card-img { position:relative; height:180px; overflow:hidden; background:#1B1B1F;}.blog-card-img img { width:100%; height:100%; object-fit:cover; transition:transform 0.4s ease;}.blog-card-v2:hover .blog-card-img img { transform:scale(1.06); }.blog-card-overlay { position:absolute; inset:0; background:rgba(0,0,0,.1);}.blog-card-cat { position:absolute; top:12px; left:12px; display:inline-flex; align-items:center; gap:6px; background:rgba(255,255,255,.15); backdrop-filter:blur(6px); border-radius:50px; padding:4px 12px; font-size:12px; font-weight:500; color:white;}.blog-cat-dot { width:8px; height:8px; border-radius:50%; background:#6C40FF; flex-shrink:0;}.blog-card-body { padding:20px 22px 22px; display:flex; flex-direction:column; gap:8px; flex:1;}.blog-card-title { font-size:17px; font-family:'Manrope', sans-serif; font-weight:700; color:var(--secondary); line-height:1.4; margin:0; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;}.blog-card-meta { display:flex; gap:8px; font-size:13px; color:var(--gray-medium); align-items:center;}.blog-meta-sep { color:var(--gray-medium); font-size:10px; }.blog-card-excerpt { font-size:14px; color:var(--gray-dark); line-height:1.6; margin:0; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;}.blog-card-link { font-size:13px; font-weight:700; color:var(--primary); margin-top:auto; padding-top:8px; display:flex; align-items:center; gap:6px; transition:gap 0.2s;}.blog-card-v2:hover .blog-card-link { gap:10px; }.blog-section-v2 { background:#F8FAFC; }.blog-cards-grid { display:grid; grid-template-columns:repeat(3, 1fr); gap:28px; margin-top:50px;}.blog-section-cta { text-align:center; margin-top:50px; }.blog-pagination { display:flex; justify-content:center; gap:8px; margin-top:60px;}.blog-pagination .page-numbers { width:42px; height:42px; display:flex; align-items:center; justify-content:center; border-radius:10px; border:1.5px solid #E2E8F0; font-size:14px; font-weight:600; color:var(--secondary); text-decoration:none; transition:all 0.25s;}.blog-pagination .page-numbers:hover,.blog-pagination .page-numbers.current { background:var(--primary); border-color:var(--primary); color:white;}.blog-single-hero { width:100%;}.blog-single-hero-img { width:100%; min-height:430px; background-size:cover; background-position:center; position:relative;}.blog-single-hero-overlay { position:absolute; inset:0; background:linear-gradient(180deg, rgba(27,27,31,.4) 0%, rgba(27,27,31,.85) 100%); display:flex; align-items:flex-end; padding-bottom:50px;}.blog-single-hero-overlay .container-modern { width:100%; max-width:1200px; }.blog-single-cat-badge { display:inline-flex; align-items:center; gap:7px; background:rgba(255,255,255,.12); backdrop-filter:blur(6px); border-radius:50px; padding:5px 16px; font-size:14px; font-weight:500; margin-bottom:16px;}.blog-single-title { color:white; font-size:36px; font-family:'Manrope', sans-serif; font-weight:700; line-height:1.25; max-width:760px; margin:0 0 16px;}.blog-single-meta { display:flex; gap:16px; font-size:14px; color:rgba(255,255,255,.8); align-items:center;}.blog-single-meta i { margin-right:5px; }.blog-single-layout { display:grid; grid-template-columns:1fr 360px; gap:50px; align-items:start; padding-top:30px; padding-bottom:80px;}.blog-single-body { font-size:18px; font-family:var(--font-secondary); color:var(--secondary); line-height:1.75;}.blog-single-body h2 { font-size:27px; font-family:'Manrope', sans-serif; font-weight:700; color:var(--secondary); margin:48px 0 20px; padding-top:20px;}.blog-single-body h3 { font-size:20px; font-weight:700; color:var(--secondary); margin:32px 0 14px;}.blog-single-body p { margin:0 0 20px; }.blog-single-body strong { font-weight:700; }.blog-single-body a { color:var(--primary); text-decoration:underline; }.blog-single-body ul, .blog-single-body ol { padding-left:24px; margin-bottom:20px;}.blog-single-body li { margin-bottom:8px; }.blog-single-body img { width:100%; height:auto; border-radius:12px; margin:24px 0;}.blog-single-body blockquote { border-left:4px solid var(--primary); margin:30px 0; padding:20px 28px; background:#FFF5F5; border-radius:0 12px 12px 0; font-style:italic; font-size:17px; color:var(--secondary);}.blog-single-tags { display:flex; flex-wrap:wrap; gap:10px; align-items:center; margin-top:40px; padding-top:30px; border-top:1px solid #E2E8F0;}.blog-tag-pill { padding:5px 14px; border-radius:50px; background:#F1ECFF; color:#6C40FF; font-size:13px; font-weight:600; text-decoration:none; transition:all 0.2s;}.blog-tag-pill:hover { background:#6C40FF; color:white; }.blog-share-bar { margin-top:40px; border-radius:12px; overflow:hidden;}.blog-share-inner { background:#0A4C9B; padding:22px 30px; display:flex; align-items:center; justify-content:space-between; gap:20px; position:relative; border-radius:12px; overflow:hidden;}.blog-share-bg-deco { position:absolute; inset:0; background:radial-gradient(circle at 20% 50%, rgba(255,255,255,.07) 0%, transparent 60%); pointer-events:none;}.blog-share-label { color:white; font-size:16px; font-weight:600; position:relative; }.blog-share-btns { display:flex; gap:10px; position:relative; }.blog-share-btn { display:inline-flex; align-items:center; justify-content:center; gap:8px; width:40px; height:40px; border-radius:8px; background:rgba(255,255,255,.15); color:white; text-decoration:none; font-size:16px; font-weight:600; transition:all 0.25s; border:1px solid rgba(255,255,255,.2);}.blog-share-btn:hover { background:rgba(255,255,255,.3); transform:translateY(-2px); }.blog-single-sidebar { position:sticky; top:100px; display:flex; flex-direction:column; gap:24px;}.blog-sidebar-share { background:#0A4C9B; border-radius:12px; padding:28px 24px; position:relative; overflow:hidden;}.blog-sidebar-share-bg { position:absolute; width:240px; height:240px; border-radius:50%; background:rgba(255,255,255,.05); top:-60px; right:-60px;}.blog-sidebar-share-label { color:white; font-size:16px; font-weight:600; margin-bottom:16px; position:relative;}.blog-sidebar-share .blog-share-btn { width:100%; padding:0 16px; height:44px; border-radius:8px; justify-content:flex-start; font-size:14px;}.blog-sidebar-share .blog-share-btn.fb { background:rgba(24,119,242,.3); }.blog-sidebar-share .blog-share-btn.tw { background:rgba(29,161,242,.3); }.blog-sidebar-share .blog-share-btn.li { background:rgba(10,102,194,.3); }.blog-toc-sticky { background:#F8FAFC; border:1px solid #E2E8F0; border-radius:16px; padding:24px;}.blog-toc-title { font-size:18px; font-family:'Manrope', sans-serif; font-weight:700; color:var(--secondary); margin:0 0 16px;}.blog-toc-list { list-style:none; padding:0; margin:0; display:flex; flex-direction:column;}.blog-toc-item a { display:block; padding:10px 10px 10px 20px; font-size:14px; font-weight:400; color:var(--gray-dark); text-decoration:none; border-left:3px solid transparent; transition:all 0.2s; line-height:1.4;}.blog-toc-item.active a, .blog-toc-item a:hover { color:var(--primary); border-left-color:var(--primary); font-weight:600;}.blog-toc-mobile { background:#F8FAFC; border:1px solid #E2E8F0; border-radius:12px; margin-bottom:30px; overflow:hidden; display:none;}.blog-toc-toggle { width:100%; padding:16px 20px; background:none; border:none; display:flex; align-items:center; justify-content:space-between; font-size:16px; font-weight:700; color:var(--secondary); cursor:pointer;}.blog-toc-mobile .blog-toc-list { display:none; padding:0 20px 16px; }.blog-toc-mobile.open .blog-toc-list { display:flex; }.blog-toc-mobile .blog-toc-item a { border-left-color:transparent; }.blog-sidebar-cta { background:white; border:1px solid #E2E8F0; border-radius:16px; padding:24px; text-align:center;}.blog-related-v2 { padding:70px 0; }@media (max-width:1100px) { .blog-single-layout { display:flex !important; flex-direction:column !important; gap:40px; } .blog-single-sidebar { position:static; width:100% !important; } .blog-single-content { width:100% !important; } .blog-toc-sticky { display:none; } .blog-toc-mobile { display:block; }}@media (max-width:992px) { .blog-archive-grid { grid-template-columns:repeat(2, 1fr); } .blog-cards-grid { grid-template-columns:repeat(2, 1fr); } .hero-blog-title { font-size:36px; }}@media (max-width:640px) { .blog-archive-grid { grid-template-columns:1fr; } .blog-cards-grid { grid-template-columns:1fr; } .blog-single-title { font-size:26px; } .hero-blog-inner { padding:0 20px; } .blog-share-inner { flex-direction:column; }}.blog-section-figma { background:#FFFFFF; padding:80px 0; overflow:hidden; }.blog-section-figma .container-modern { display:flex !important; flex-direction:column !important; align-items:center !important; justify-content:flex-start !important; gap:0;}.blog-figma-header { text-align:center; margin-bottom:50px; display:flex; flex-direction:column; align-items:center; gap:12px; width:100%; }.blog-figma-title { font-size:36px; font-family:'Manrope', sans-serif; font-weight:800; color:var(--secondary); margin:0; line-height:1.2;}.blog-figma-subtitle { font-size:16px; color:var(--gray-dark); max-width:520px; margin:0 auto; line-height:1.6;}.blog-figma-track-wrapper { width:100%; overflow-x:auto; overflow-y:visible; -webkit-overflow-scrolling:touch; scrollbar-width:none; -ms-overflow-style:none; padding-bottom:20px; margin-bottom:-20px;}.blog-figma-track-wrapper::-webkit-scrollbar { display:none; }.blog-figma-track { display:flex; gap:32px; justify-content:center; flex-wrap:nowrap; padding-bottom:4px; min-width:max-content; }.bfc-card { width:334px; min-width:334px; height:304px; position:relative; background:#F8F8F8; overflow:hidden; border-radius:10px; display:block; text-decoration:none; flex-shrink:0; transition:transform 0.3s ease, box-shadow 0.3s ease;}.bfc-card:hover { transform:translateY(-5px); box-shadow:0 16px 40px rgba(0,0,0,.10);}.bfc-img-wrap { position:absolute; left:10px; top:10px; width:313px; height:160px; background:white; border-radius:6px; overflow:hidden;}.bfc-img { width:313px; height:180px; position:absolute; left:0; top:-10px; object-fit:cover; transition:transform 0.4s ease;}.bfc-card:hover .bfc-img { transform:scale(1.05); }.bfc-body { position:absolute; left:10px; top:180px; display:flex; flex-direction:column; gap:8px; width:313px;}.bfc-cat-pill { display:inline-flex; align-items:center; gap:10px; padding:5px 10px; background:white; border-radius:20px; align-self:flex-start;}.bfc-cat-dot { width:16px; height:16px; background:#0A4C9B; border-radius:9999px; flex-shrink:0;}.bfc-cat-name { color:#0A4C9B; font-size:14px; font-weight:400;}.bfc-title { color:#1B1B1F; font-size:17px; font-weight:600; line-height:1.35; margin:0; width:313px; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;}.bfc-meta { display:flex; align-items:center; gap:6px; color:#1B1B1F; font-size:14px; font-weight:400;}.bfc-meta-dot { color:#6C7880; font-size:10px; }.blog-figma-cta { text-align:center; margin-top:50px; position:relative; z-index:1; width:100%; }@media (min-width:1101px) { .blog-figma-track { min-width:unset; flex-wrap:nowrap; justify-content:center; } .blog-figma-track-wrapper { overflow-x:visible; }}@media (max-width:1100px) { .blog-figma-track { justify-content:flex-start; padding-left:20px; padding-right:20px; } .blog-figma-track-wrapper { margin:0 -20px; overflow-x:auto; }}@media (max-width:768px) { .blog-figma-title { font-size:28px; } .blog-section-figma { padding:60px 0; }}.blog-filters-v2 { background:#F8FAFC; padding:20px 0;}.blog-filter-row { display:flex; justify-content:center; flex-wrap:wrap; gap:15px;}.blog-filter-btn { padding:10px 24px; background:#F8F9FA; color:var(--secondary); border-radius:50px; font-weight:700; font-size:14px; text-decoration:none; transition:all 0.3s ease; border:1px solid transparent;}.blog-filter-btn:hover { background:#FFFFFF; border-color:var(--primary); color:var(--primary); transform:translateY(-2px); box-shadow:0 4px 12px rgba(0,0,0,0.05);}.blog-filter-btn.active { background:var(--primary); color:#FFFFFF; border-color:var(--primary); box-shadow:0 4px 15px rgba(255, 61, 0, 0.2);}@media (max-width:640px) { .blog-filter-row { gap:10px; } .blog-filter-btn { padding:8px 16px; font-size:13px; }}}