:root{--primary-color:#0a2540;--primary-light:#183b5e;--secondary-color:#c5a059;--secondary-dark:#ad8a4d;--accent-red:#d32f2f;--text-color:#1d1d1f;--text-light:#424245;--text-muted:#86868b;--light-bg:#f5f7fa;--white:#ffffff;--glass-bg:rgba(255,255,255,0.95);--dark-blue:#0a2540;--transition-speed:0.3s;--font-main:'Inter',system-ui,-apple-system,sans-serif;--max-width:1240px;--header-height:80px;--top-bar-height:40px;--shadow-soft:0 4px 20px rgba(0,0,0,0.05);--shadow-hover:0 10px 40px rgba(0,0,0,0.1);--shadow-card:0 2px 10px rgba(0,0,0,0.03);--radius-sm:8px;--radius-md:12px;--radius-lg:20px;}*{box-sizing:border-box;margin:0;padding:0;}body{font-family:var(--font-main);color:var(--text-color);line-height:1.6;background-color:var(--light-bg);overflow-x:hidden;padding-top:calc(var(--header-height) + var(--top-bar-height));}a{text-decoration:none;color:inherit;transition:var(--transition-speed);}ul{list-style:none;}h1,h2,h3,h4{margin-bottom:1rem;color:var(--dark-blue);}h1{font-size:2.5rem;font-weight:700;}h2{font-size:2rem;}h3{font-size:1.5rem;}.container{max-width:var(--max-width);margin:0 auto;padding:0 20px;}.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 28px;border-radius:var(--radius-sm);font-weight:600;text-transform:none;letter-spacing:0.01em;cursor:pointer;border:none;transition:all 0.2s ease;font-size:1rem;}.btn-primary{background-color:var(--primary-color);color:var(--white);box-shadow:0 2px 5px rgba(10,37,64,0.2);}.btn-primary:hover{background-color:var(--primary-light);transform:translateY(-1px);box-shadow:0 4px 12px rgba(10,37,64,0.3);}.btn-cta{background-color:var(--secondary-color);color:var(--white);font-size:1.1rem;box-shadow:0 4px 10px rgba(197,160,89,0.3);}.btn-cta:hover{background-color:var(--secondary-dark);transform:translateY(-2px);box-shadow:0 6px 15px rgba(197,160,89,0.4);}.main-header{background-color:var(--white);box-shadow:0 2px 10px rgba(0,0,0,0.1);position:fixed;top:0;width:100%;z-index:1000;height:auto;display:flex;flex-direction:column;}.top-bar{width:100%;height:var(--top-bar-height);background-color:var(--dark-blue);color:var(--white);font-size:0.9rem;display:flex;justify-content:center;position:relative;z-index:1002;border-bottom:1px solid rgba(255,255,255,0.1);}.top-bar .container{display:flex;justify-content:space-between;align-items:center;width:100%;height:100%;}.top-bar-left,.top-bar-right{display:flex;gap:20px;align-items:center;}.top-bar-item{display:flex;align-items:center;gap:6px;font-weight:500;}@media (max-width:768px){.top-bar{display:none;}body{padding-top:var(--header-height);}}.nav-container{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;width:100%;height:var(--header-height);}.logo{display:flex;align-items:center;gap:12px;font-size:1.5rem;font-weight:bold;color:var(--primary-color);text-decoration:none;grid-column:1;justify-self:start;}.nav-links{display:flex;gap:25px;align-items:center;list-style:none;margin:0;padding:0;grid-column:2;justify-self:center;}.header-cta{grid-column:3;justify-self:end;}@media (max-width:992px){.nav-container{display:flex;justify-content:space-between;padding:0 15px;}.header-cta{display:none;}.menu-toggle{display:flex;flex-direction:column;justify-content:space-between;width:30px;height:21px;cursor:pointer;z-index:1001;}.menu-toggle span{display:block;height:3px;width:100%;background-color:var(--primary-color);border-radius:3px;transition:all 0.3s ease;}}.nav-links a{font-weight:500;}.nav-links a:hover{color:var(--primary-color);}.header-phone{display:flex;align-items:center;gap:10px;font-weight:bold;font-size:1.1rem;color:var(--dark-blue);}.dropdown{position:relative;display:inline-block;}.dropdown-content{display:none;position:absolute;background-color:var(--white);min-width:250px;box-shadow:0 8px 16px 0 rgba(0,0,0,0.2);z-index:1001;border-top:3px solid var(--primary-color);padding:10px 0;}.dropdown:hover .dropdown-content{display:block;}.dropdown-content a{color:var(--text-color);padding:12px 16px;display:block;font-size:0.95rem;font-weight:normal;}.dropdown-content a:hover{background-color:var(--light-bg);color:var(--primary-color);}.dropdown-group-title{padding:8px 16px;font-weight:bold;color:var(--dark-blue);background:#f1f1f1;font-size:0.85rem;text-transform:uppercase;letter-spacing:1px;cursor:default;}.menu-toggle{display:none;font-size:1.5rem;cursor:pointer;}.hero{position:relative;background:linear-gradient(160deg,var(--primary-color) 0%,var(--primary-light) 100%);color:var(--white);padding:140px 0 160px;text-align:left;overflow:hidden;z-index:1;}.hero-subpage{position:relative;background-color:#021024;background-image:radial-gradient(circle at 10% 20%,rgba(0,123,255,0.15) 0%,transparent 40%),radial-gradient(circle at 90% 80%,rgba(255,179,0,0.08) 0%,transparent 40%),linear-gradient(rgba(255,255,255,0.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,0.03) 1px,transparent 1px);background-size:100% 100%,100% 100%,40px 40px,40px 40px;color:var(--white);padding:160px 0 100px;text-align:left;overflow:hidden;z-index:1;box-shadow:inset 0 -30px 40px -20px rgba(0,0,0,0.6);}.hero-subpage::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at center,transparent 0%,#021024 90%);pointer-events:none;z-index:0;}.hero-subpage .container{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:40px;}.hero-text-wrapper{flex:1;max-width:600px;}.hero-visual-wrapper{flex:1;display:flex;justify-content:center;align-items:center;position:relative;}.breadcrumb{display:flex;justify-content:flex-start;align-items:center;list-style:none;padding:0;margin:0 0 20px 0;font-size:0.85rem;text-transform:uppercase;letter-spacing:1px;font-weight:600;color:rgba(255,255,255,0.6);}.breadcrumb li{display:flex;align-items:center;}.breadcrumb li+li::before{content:'/';margin:0 12px;color:rgba(255,255,255,0.3);}.breadcrumb a{color:rgba(255,255,255,0.8);text-decoration:none;transition:color 0.3s ease;}.breadcrumb a:hover{color:var(--secondary-color);}.breadcrumb li:last-child{color:var(--secondary-color);pointer-events:none;}.hero-subpage h1{font-size:3.2rem;line-height:1.1;font-weight:800;margin-bottom:20px;letter-spacing:-0.02em;background:linear-gradient(135deg,#ffffff 0%,#e0e0e0 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 4px 20px rgba(0,0,0,0.3);position:relative;display:inline-block;}.hero-subpage p{font-size:1.2rem;max-width:100%;margin:0 0 30px 0;color:rgba(255,255,255,0.9);font-weight:300;line-height:1.6;}.hero-trust-badges{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:30px;}.hero-trust-item{display:flex;align-items:center;gap:10px;font-size:0.95rem;font-weight:500;color:#e0e0e0;}.hero-trust-item svg{width:20px;height:20px;fill:var(--secondary-color);}.trust-card-visual{background:rgba(255,255,255,0.03);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.1);border-radius:16px;padding:30px;width:100%;max-width:400px;box-shadow:0 20px 40px rgba(0,0,0,0.3);position:relative;}.trust-card-visual::after{content:'';position:absolute;top:-20px;right:-20px;width:60px;height:60px;background:var(--secondary-color);border-radius:50%;opacity:0.2;filter:blur(20px);}.trust-card-row{display:flex;align-items:center;gap:15px;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid rgba(255,255,255,0.05);}.trust-card-row:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0;}.trust-card-icon{width:40px;height:40px;background:rgba(0,123,255,0.1);border-radius:50%;display:flex;justify-content:center;align-items:center;}.trust-card-icon svg{width:20px;height:20px;fill:var(--primary-light);}.trust-card-text small{display:block;font-size:0.75rem;color:rgba(255,255,255,0.5);text-transform:uppercase;letter-spacing:1px;}.trust-card-text strong{font-size:1.1rem;color:var(--white);}@media (max-width:991px){.hero-subpage .container{flex-direction:column;text-align:center;gap:40px;}.hero-text-wrapper{margin:0 auto;}.breadcrumb{justify-content:center;}.hero-trust-badges{justify-content:center;}}.hero-wave{position:absolute;bottom:-1px;left:0;width:100%;overflow:hidden;line-height:0;z-index:2;}.hero-wave svg{position:relative;display:block;width:calc(100% + 1.3px);height:60px;}.hero-wave .shape-fill{fill:var(--light-bg);}.hero-content{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;position:relative;z-index:3;}.hero-text h1{font-size:3.5rem;line-height:1.1;margin-bottom:25px;background:linear-gradient(to right,#fff,#a2d2ff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;}.hero-visual{position:relative;height:400px;background:rgba(255,255,255,0.05);border-radius:20px;border:1px solid rgba(255,255,255,0.1);backdrop-filter:blur(5px);display:flex;justify-content:center;align-items:center;overflow:hidden;}.pipe-container{width:300px;height:80px;background:#333;border-radius:40px;position:relative;overflow:hidden;box-shadow:inset 0 5px 15px rgba(0,0,0,0.5);}.pipe-water{position:absolute;left:0;top:0;height:100%;width:0%;background:linear-gradient(90deg,#00c6ff,#0072ff);animation:cleanPipe 3s ease-in-out infinite;box-shadow:0 0 20px #00c6ff;}@keyframes cleanPipe{0%{width:0%;opacity:0.5;}50%{width:100%;opacity:1;}80%{width:100%;opacity:0;}100%{width:0%;opacity:0;}}.hero h1{color:var(--white);margin-bottom:20px;}.hero p{font-size:1.2rem;margin-bottom:30px;max-width:800px;margin-left:auto;margin-right:auto;}.trust-bar{background:transparent;padding:0;border-bottom:none;position:relative;z-index:5;margin-top:-40px;margin-bottom:40px;pointer-events:none;}.trust-bar .container{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:20px;pointer-events:none;}.trust-item{pointer-events:auto;display:flex;align-items:center;gap:12px;padding:12px 24px;background:transparent !important;border:none !important;box-shadow:none !important;transition:all 0.3s ease;}.trust-item:hover{transform:translateY(-2px);color:var(--secondary-color);}.trust-item svg{width:22px;height:22px;fill:var(--secondary-color);}.trust-item span{font-weight:600;color:var(--white);font-size:0.95rem;white-space:nowrap;}.trust-section{display:none;}.cta-strip{background:var(--primary-color);color:var(--white);padding:50px 0;text-align:center;margin:40px 0;}.cta-strip h2{color:var(--white);}.services-section{padding:100px 0;background:var(--light-bg);}.section-title{text-align:center;margin-bottom:60px;font-weight:700;color:var(--primary-color);}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;}@media (max-width:992px){.service-grid{grid-template-columns:repeat(2,1fr);gap:30px;}}@media (max-width:600px){.service-grid{grid-template-columns:1fr;}}.service-card:hover{transform:translateY(-8px);box-shadow:0 15px 30px rgba(0,0,0,0.1);border-color:rgba(0,0,0,0);border-top-color:var(--secondary-color);}.service-card .btn{position:relative;z-index:10 !important;pointer-events:auto !important;cursor:pointer !important;align-self:flex-start;width:auto;background:transparent;color:var(--primary-color);padding:0;font-weight:600;box-shadow:none;}.service-card .btn:hover{background:transparent;color:var(--secondary-color);transform:none;box-shadow:none;}.service-card .btn::after{content:' →';display:inline-block;transition:transform 0.2s;}.service-card .btn:hover::after{transform:translateX(4px);}.service-icon-svg{width:80px;height:80px;transition:transform 0.4s cubic-bezier(0.175,0.885,0.32,1.275);}.service-card:hover .service-icon-svg{transform:scale(1.2);}footer{background:#051a2e;color:rgba(255,255,255,0.7);padding:80px 0 30px;font-size:0.95rem;}.footer-content{display:grid;grid-template-columns:1fr 2fr 2fr;gap:50px;margin-bottom:50px;}.footer-column h4{color:var(--secondary-color);margin-bottom:25px;text-transform:uppercase;letter-spacing:1px;border-bottom:1px solid rgba(255,255,255,0.1);padding-bottom:10px;display:inline-block;}.footer-column ul.multi-column{column-count:2;column-gap:30px;}.footer-column ul.multi-column li{margin-bottom:10px;break-inside:avoid;}.footer-column a{color:#ccc;transition:0.2s;}.footer-column a:hover{color:var(--secondary-color);padding-left:5px;}.copyright{text-align:center;border-top:1px solid rgba(255,255,255,0.1);padding-top:30px;color:#888;font-size:0.9rem;}@media (max-width:1024px){.footer-content{grid-template-columns:1fr;gap:30px;}}.floating-cta{display:flex;flex-direction:column;align-items:center;position:fixed;bottom:30px;right:30px;z-index:9999;}.emergency-btn{background:var(--accent-red);color:var(--white);width:70px;height:70px;border-radius:50%;display:flex;justify-content:center;align-items:center;font-size:1.8rem;box-shadow:0 0 0 0 rgba(255,68,68,0.7);animation:pulse-red 2s infinite;cursor:pointer;border:none;transition:transform 0.3s;}.emergency-btn:hover{transform:scale(1.1);}.emergency-label{background:var(--white);color:var(--accent-red);padding:5px 12px;border-radius:12px;font-weight:bold;font-size:0.8rem;margin-bottom:10px;box-shadow:0 4px 10px rgba(0,0,0,0.1);opacity:0;transform:translateY(10px);animation:slideUpFade 0.5s forwards 1s;}@keyframes pulse-red{0%{transform:scale(0.95);box-shadow:0 0 0 0 rgba(255,68,68,0.7);}70%{transform:scale(1);box-shadow:0 0 0 20px rgba(255,68,68,0);}100%{transform:scale(0.95);box-shadow:0 0 0 0 rgba(255,68,68,0);}}@keyframes slideUpFade{to{opacity:1;transform:translateY(0);}}@media (max-width:900px){.nav-links{display:none;flex-direction:column;position:absolute;top:var(--header-height);left:0;width:100%;background:var(--white);padding:20px;box-shadow:0 5px 10px rgba(0,0,0,0.1);max-height:80vh;overflow-y:auto;}.nav-links.active{display:flex;}.menu-toggle{display:block;}.floating-cta{display:flex;}.header-phone span{display:none;}.dropdown-content{position:static;box-shadow:none;border-top:none;padding-left:20px;background:#f9f9f9;display:none;}.dropdown:hover .dropdown-content{display:block;}}@keyframes spin-wrench{0%{transform:rotate(0deg);}25%{transform:rotate(-20deg);}50%{transform:rotate(0deg);}75%{transform:rotate(-20deg);}100%{transform:rotate(0deg);}}@keyframes flow-water{0%{transform:translateY(0);opacity:1;}100%{transform:translateY(10px);opacity:0;}}@keyframes truck-bounce{0%,100%{transform:translateY(0);}50%{transform:translateY(-3px);}}@keyframes pulse-shield{0%{transform:scale(1);}50%{transform:scale(1.1);}100%{transform:scale(1);}}@keyframes lens-blink{0%,100%{opacity:1;}50%{opacity:0.5;}}.anim-wrench{transform-origin:center;}.service-card:hover .anim-wrench{animation:spin-wrench 1.5s ease infinite;}.anim-water{}.service-card:hover .anim-water{animation:flow-water 1s linear infinite;}.anim-truck{}.service-card:hover .anim-truck{animation:truck-bounce 0.5s ease infinite;}.anim-shield{transform-origin:center;}.service-card:hover .anim-shield{animation:pulse-shield 1.5s ease infinite;}.anim-lens{}.service-card:hover .anim-lens{animation:lens-blink 1s steps(1) infinite;}@keyframes spin-spiral{0%{transform:rotate(0deg);}100%{transform:rotate(720deg);}}@keyframes plunge{0%,100%{transform:translateY(0);}50%{transform:translateY(5px);}}@keyframes bubble-drain{0%{transform:translateY(0) scale(0.5);opacity:1;}100%{transform:translateY(15px) scale(1);opacity:0;}}@keyframes scan-beam{0%{transform:rotate(-45deg);opacity:0.2;}50%{opacity:0.8;}100%{transform:rotate(45deg);opacity:0.2;}}@keyframes valve-action{0%,100%{transform:scaleY(1);}50%{transform:scaleY(0.2);}}@keyframes gauge-move{0%{transform:rotate(-45deg);}60%{transform:rotate(45deg);}100%{transform:rotate(0deg);}}@keyframes rain-fall{0%{transform:translateY(-5px);opacity:0;}50%{opacity:1;}100%{transform:translateY(10px);opacity:0;}}@keyframes pump-spin{0%{transform:rotate(0deg);}100%{transform:rotate(360deg);}}@keyframes tank-fill{0%{height:2px;}50%{height:14px;}100%{height:2px;}}.service-card:hover .anim-spiral{animation:spin-spiral 2s cubic-bezier(0.4,0,0.2,1) infinite;}.service-card:hover .anim-plunge{animation:plunge 1s ease-in-out infinite;}.service-card:hover .anim-bubble{animation:bubble-drain 1.5s linear infinite;}.service-card:hover .anim-beam{animation:scan-beam 2s ease-in-out infinite;}.service-card:hover .anim-valve{animation:valve-action 2s ease-in-out infinite;}.service-card:hover .anim-gauge{animation:gauge-move 3s ease-out infinite;}.service-card:hover .anim-rain{animation:rain-fall 1s linear infinite;}.service-card:hover .anim-pump{animation:pump-spin 1s linear infinite;}.service-card:hover .anim-tank{animation:tank-fill 3s ease-in-out infinite;}.service-icon-svg{width:80px;height:80px;transition:transform 0.3s ease;}.service-card:hover .service-icon-svg{transform:scale(1.05);}#cookie-banner{position:fixed;bottom:0;left:0;width:100%;background-color:var(--white);box-shadow:0 -2px 10px rgba(0,0,0,0.1);padding:20px;z-index:10000;display:flex;justify-content:center;align-items:center;border-top:4px solid var(--primary-color);}.cookie-container{max-width:var(--max-width);width:100%;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;}.cookie-container p{flex:1;margin:0;color:var(--text-color);font-size:0.95rem;}.cookie-container a{text-decoration:underline;color:var(--primary-color);}.cookie-buttons{display:flex;gap:15px;}#cookie-accept,#cookie-decline{padding:10px 20px;font-size:0.9rem;border-radius:4px;cursor:pointer;border:none;font-weight:bold;transition:background 0.3s;}#cookie-accept{background-color:var(--primary-color);color:var(--white);}#cookie-accept:hover{background-color:var(--dark-blue);}#cookie-decline{background-color:#ddd;color:#333;}#cookie-decline:hover{background-color:#ccc;}@media (max-width:768px){.cookie-container{flex-direction:column;text-align:center;}.cookie-buttons{width:100%;justify-content:center;}}#cookie-banner{align-items:center;justify-content:center;background:rgba(0,0,0,0.5);height:100vh;display:none;top:0;}#cookie-banner.visible{display:flex;}.cookie-modal{background:var(--white);width:100%;max-width:900px;margin:0 auto;border-radius:8px 8px 0 0;box-shadow:0 -4px 20px rgba(0,0,0,0.2);display:flex;flex-direction:column;max-height:90vh;overflow:hidden;}@media (min-width:768px){#cookie-banner{align-items:center;padding:20px;}.cookie-modal{border-radius:8px;}}.cookie-header{padding:20px;border-bottom:1px solid #eee;display:flex;justify-content:space-between;align-items:center;}.cookie-logo{font-weight:bold;font-size:1.2rem;color:var(--primary-color);}.cookie-tabs{display:flex;background:#f8f9fa;border-bottom:1px solid #ddd;}.cookie-tab{flex:1;padding:15px;text-align:center;cursor:pointer;font-weight:600;color:#666;transition:0.3s;}.cookie-tab.active{background:var(--white);color:var(--primary-color);border-bottom:3px solid var(--primary-color);}.cookie-content{padding:20px;overflow-y:auto;flex:1;}.tab-panel{display:none;}.tab-panel.active{display:block;}.cookie-options{display:grid;gap:15px;}.cookie-option{background:#f9f9f9;padding:15px;border-radius:6px;border:1px solid #eee;}.option-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;}.option-title{font-weight:bold;display:flex;align-items:center;gap:10px;}.switch{position:relative;display:inline-block;width:50px;height:26px;}.switch input{opacity:0;width:0;height:0;}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.4s;border-radius:34px;}.slider:before{position:absolute;content:'';height:20px;width:20px;left:3px;bottom:3px;background-color:white;transition:.4s;border-radius:50%;}input:checked+.slider{background-color:var(--primary-color);}input:checked+.slider:before{transform:translateX(24px);}input:disabled+.slider{opacity:0.6;cursor:not-allowed;}.cookie-footer{padding:20px;border-top:1px solid #eee;display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap;}.cookie-btn{padding:10px 20px;border-radius:4px;font-weight:bold;cursor:pointer;border:2px solid var(--primary-color);background:transparent;color:var(--primary-color);flex:1;text-align:center;}.cookie-btn.accept-all{background:var(--primary-color);color:white;}.cookie-btn:hover{opacity:0.9;}@media (max-width:600px){.cookie-footer{flex-direction:column;}}#cookie-settings-btn{position:fixed;bottom:20px;left:20px;width:50px;height:50px;background-color:var(--primary-color);border-radius:50%;display:flex;justify-content:center;align-items:center;cursor:pointer;box-shadow:0 2px 10px rgba(0,0,0,0.2);z-index:9999;transition:transform 0.3s ease,background 0.3s;display:none;}#cookie-settings-btn:hover{transform:scale(1.1);background-color:var(--dark-blue);}#cookie-settings-btn svg{width:24px;height:24px;fill:none;stroke:#ffffff;stroke-width:2;}#cookie-banner{z-index:10000;}.hero-visual{display:flex;justify-content:center;align-items:center;width:100%;}.hero-seo-box{background-color:#ffffff !important;color:#000000 !important;border-radius:8px;padding:30px;box-shadow:0 10px 40px rgba(0,0,0,0.5);max-width:600px;width:100%;text-align:left;border:1px solid #ddd;position:relative;z-index:100;}.seo-header h3{color:#0044cc !important;margin-top:0;margin-bottom:20px;font-size:1.6rem;font-weight:800;line-height:1.2;text-transform:none;border-bottom:2px solid #eee;padding-bottom:15px;}.seo-list{list-style:none;padding:0;margin:0;}.seo-list li{display:flex;align-items:center;margin-bottom:12px;font-size:1.2rem;line-height:1.4;color:#000;font-weight:500;border-bottom:1px solid #f9f9f9;padding-bottom:8px;}.icon-wrap{margin-right:15px;display:flex;align-items:center;justify-content:center;min-width:24px;}.check-svg{width:24px;height:24px;color:#28a745;fill:none;stroke:currentColor;stroke-width:3;}.text-wrap{display:block;}.text-wrap strong{font-weight:800;color:#000;}.sub-text{font-size:1.1rem;color:#444;font-weight:400;}.highlight-tag{color:#d00;font-weight:700;font-size:1rem;}.seo-footer{margin-top:25px;padding-top:15px;background:#f0f4f8;padding:15px;border-radius:6px;}.footer-title{font-weight:800;color:#0044cc;margin-bottom:5px;font-size:1.1rem;}.stats-section{padding:80px 20px;background:#f8f9fa;text-align:center;}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:40px;margin-bottom:60px;}.stat-card{background:#fff;padding:40px 20px;border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,0.05);transition:transform 0.3s ease;}.stat-card:hover{transform:translateY(-5px);}.stat-number{font-size:4rem;font-weight:800;color:var(--primary-color);margin-bottom:15px;line-height:1;}.stat-text{font-size:1.1rem;color:#555;font-weight:500;line-height:1.5;}.important-text-box{background:#fff;border-left:5px solid var(--accent-red);padding:40px;border-radius:8px;box-shadow:0 15px 40px rgba(0,0,0,0.1);max-width:900px;margin:0 auto;text-align:left;}.important-text-box h3{color:var(--dark-blue);margin-top:0;font-size:1.8rem;margin-bottom:15px;}.important-text-box p{font-size:1.2rem;color:#444;margin-bottom:30px;}.pulse-btn{animation:pulse-blue 2s infinite;}@keyframes pulse-blue{0%{box-shadow:0 0 0 0 rgba(0,123,255,0.7);}70%{box-shadow:0 0 0 15px rgba(0,123,255,0);}100%{box-shadow:0 0 0 0 rgba(0,123,255,0);}}.stats-bar{background:#f4f4f4;padding:60px 20px;text-align:center;border-bottom:1px solid #ddd;}.stats-grid-colored{display:flex;justify-content:space-around;flex-wrap:wrap;gap:40px;max-width:1000px;margin:0 auto 50px auto;}.stat-item{flex:1;min-width:250px;}.stat-number-color{font-size:3.5rem;font-weight:800;margin-bottom:10px;line-height:1;}.stat-desc{color:#444;font-size:1.1rem;line-height:1.4;}.warning-box{text-align:center;max-width:800px;margin:0 auto;}.warning-box h3{font-size:1.5rem;font-weight:700;}.warning-box p{font-size:1.1rem;color:#555;}.btn-yellow{background-color:#ffd700;color:#000;font-weight:800;text-transform:uppercase;padding:15px 30px;border:none;border-radius:5px;font-size:1.1rem;text-decoration:none;display:inline-block;transition:transform 0.2s,box-shadow 0.2s;}.btn-yellow:hover{background-color:#ffcc00;transform:scale(1.05);box-shadow:0 5px 15px rgba(255,215,0,0.4);color:#000;}.hero-stats{grid-template-columns:1fr;gap:20px;width:100%;margin-bottom:0;}@media (min-width:992px){.hero-stats{}}.hero-stats .stat-card{padding:25px 15px;box-shadow:0 15px 40px rgba(0,0,0,0.2);border-bottom:5px solid var(--primary-color);}.hero-stats .stat-number{font-size:3rem;margin-bottom:10px;}@media (min-width: 992px) {      .subpage-content-grid {          display: grid;          grid-template-columns: 2fr 1fr;          gap: 50px;      }  }    .section-title-left {      color: var(--primary-color);      margin-bottom: 20px;  }    .lead-text {      font-size: 1.1rem;      line-height: 1.8;      margin-bottom: 20px;      color: #444;  }    .text-block {      font-size: 1.1rem;      line-height: 1.8;      margin-bottom: 30px;      color: #444;  }    .check-list {      list-style-type: none; /* Custom bullets */      padding-left: 0;      margin-bottom: 30px;  }    .check-list li {      position: relative;      padding-left: 25px;      margin-bottom: 10px;      line-height: 1.6;  }    .check-list li::before {      content: '⬠¢';      color: var(--accent-red);      font-weight: bold;      font-size: 1.2em;      position: absolute;      left: 0;      top: 0;  }    .highlight-info-box {      background: #fff3cd;      color: #856404;      padding: 20px;      border-radius: var(--radius-sm);      border-left: 5px solid #ffcc00;      margin-bottom: 30px;  }    .ordered-list-custom {      margin-left: 20px;  }    .ordered-list-custom li {      margin-bottom: 5px;  }    .phone-link {      font-weight: bold;      color: #000;  }    /* Process Steps */  .process-steps {      background: #f8f9fa;      padding: 30px;      border-radius: var(--radius-sm);      border-left: 5px solid var(--accent-red);      margin-bottom: 30px;  }    .process-step-item {      margin-bottom: 15px;  }    .process-step-item:last-child {      margin-bottom: 0;  }    .process-step-item h4 {      margin-bottom: 5px;      color: var(--accent-red);  }    /* Sidebar */  .sidebar-box {      padding: 30px;      border-radius: var(--radius-sm);      margin-bottom: 30px;      box-shadow: var(--shadow-card);  }    .sidebar-box.blue-box {      background: var(--primary-color);      color: var(--white);  }    .sidebar-box.blue-box h3 {      color: var(--white);      border-bottom: 1px solid rgba(255, 255, 255, 0.2);      padding-bottom: 15px;      margin-bottom: 20px;  }    .sidebar-box.gold-box {      background: #ffd700;      color: var(--primary-color);      text-align: center;  }    .sidebar-phone {      font-weight: bold;      font-size: 1.4rem;      margin-bottom: 15px;  }    .sidebar-subtext {      font-size: 0.9rem;  }    /* Benefits List in Sidebar */  .benefits-list {      display: grid;      gap: 10px;  }    .benefit-item {      display: flex;      align-items: center;      gap: 10px;  }    .checkmark-box {      display: flex;      align-items: center;      justify-content: center;      width: 20px;      height: 20px;      background: rgba(255, 255, 255, 0.2);      border-radius: 4px;      font-size: 0.8rem;  }    /* FAQ Teaser */  .faq-teaser {      margin-top: 40px;      padding-top: 30px;      border-top: 1px solid #eee;  }    .link-arrow {      color: var(--accent-red);      font-weight: bold;      text-decoration: none;      display: inline-flex;      align-items: center;      gap: 5px;      transition: transform 0.2s;  }    .link-arrow:hover {      transform: translateX(5px);      text-decoration: underline;  }  /* --- New Visual Enhancements (Notdienst) --- */    /* Icon Card Grid */  .icon-card-grid {      display: grid;      grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));      gap: 20px;      margin-bottom: 40px;  }    .icon-card {      background: var(--white);      padding: 25px 15px;      border-radius: var(--radius-md);      text-align: center;      box-shadow: var(--shadow-card);      transition: transform 0.3s ease, box-shadow 0.3s ease;      border: 1px solid rgba(0, 0, 0, 0.05);  }    .icon-card:hover {      transform: translateY(-5px);      box-shadow: var(--shadow-hover);  }    .icon-circle {      width: 60px;      height: 60px;      background: rgba(10, 37, 64, 0.05);      border-radius: 50%;      display: flex;      align-items: center;      justify-content: center;      margin: 0 auto 15px auto;  }    .icon-circle svg {      width: 30px;      height: 30px;      fill: var(--primary-color);  }    .icon-circle.alert-icon {      background: rgba(211, 47, 47, 0.1);  }    .icon-circle.alert-icon svg {      fill: var(--accent-red);  }    .icon-card h4 {      font-size: 1.1rem;      margin-bottom: 8px;      color: var(--primary-color);  }    .icon-card p {      font-size: 0.9rem;      color: var(--text-light);      line-height: 1.4;      margin: 0;  }    /* Emergency Box */  .emergency-box {      background: #fff3cd;      border-radius: var(--radius-md);      padding: 30px;      border-left: 6px solid #ffc107;      margin-bottom: 40px;      box-shadow: 0 4px 15px rgba(255, 193, 7, 0.15);  }    .emergency-header {      display: flex;      align-items: center;      gap: 15px;      margin-bottom: 20px;      padding-bottom: 15px;      border-bottom: 1px solid rgba(0, 0, 0, 0.05);  }    .emergency-header svg {      width: 32px;      height: 32px;      fill: #856404;  }    .emergency-header h4 {      margin: 0;      color: #856404;      font-size: 1.3rem;  }    .emergency-list {      list-style: none;      padding: 0;      margin: 0;  }    .emergency-list li {      display: flex;      flex-direction: column;      margin-bottom: 15px;      padding-left: 20px;      position: relative;  }    .emergency-list li::before {      content: '';      position: absolute;      left: 0;      top: 8px;      width: 8px;      height: 8px;      background: #ffc107;      border-radius: 50%;  }    .emergency-list li strong {      color: #533f03;      display: block;      margin-bottom: 4px;  }    .emergency-list li span {      font-size: 0.95rem;      color: #856404;  }    /* Timeline Steps */  .timeline-steps {      display: grid;      grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));      gap: 30px;      margin-bottom: 40px;      position: relative;  }    .timeline-step {      background: var(--white);      padding: 25px;      border-radius: var(--radius-md);      box-shadow: var(--shadow-card);      position: relative;      border-top: 4px solid var(--primary-light);      transition: transform 0.3s;  }    .timeline-step:hover {      transform: translateY(-3px);  }    .step-badge {      background: var(--primary-color);      color: var(--white);      width: 30px;      height: 30px;      border-radius: 50%;      display: flex;      align-items: center;      justify-content: center;      font-weight: bold;      position: absolute;      top: -15px;      left: 20px;      box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);  }    .step-content h4 {      margin-top: 10px;      font-size: 1.1rem;      margin-bottom: 8px;  }    .step-content p {      font-size: 0.9rem;      color: var(--text-light);      margin: 0;      line-height: 1.5;  }  /* --- Refined Compact Visuals (Overrides) --- */    .icon-card-grid {      grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));      gap: 15px;  }    .icon-card {      display: flex;      align-items: center;      text-align: left;      padding: 15px 20px;      gap: 15px;  }    .icon-card:hover {      transform: translateY(-2px);  }    .icon-circle {      width: 42px;      height: 42px;      margin: 0;      flex-shrink: 0;  }    .icon-circle svg {      width: 22px;      height: 22px;  }    .icon-text-content h4 {      margin-bottom: 4px;      font-size: 1.05rem;  }    .icon-text-content p {      font-size: 0.9rem;      line-height: 1.3;  }    .timeline-steps {      gap: 20px;  }    .timeline-step {      padding: 20px;  }    .step-badge {      width: 26px;      height: 26px;      font-size: 0.9rem;      top: -13px;      left: 15px;  }  /* Notdienst Premium Eco Design */    :root {      --nd-primary: #0a2540;      --nd-primary-light: #183b5e;      --nd-gold: #c5a059;      --nd-gold-light: #e6c88a;      --nd-green: #2ecc71;      --nd-green-dark: #27ae60;      --nd-red: #d32f2f;      --nd-red-light: #ffebEE;      --glass-bg: rgba(255, 255, 255, 0.85);      --glass-border: rgba(255, 255, 255, 0.5);      --shadow-premium: 0 10px 40px rgba(0, 0, 0, 0.08);      --shadow-hover: 0 15px 50px rgba(0, 0, 0, 0.12);  }    /* Hero Section */  .nd-hero {      position: relative;      padding: 140px 0 80px;      background: linear-gradient(135deg, #f5f7fa 0%, #eef2f6 100%);      overflow: hidden;  }    .nd-hero::before {      content: '';      position: absolute;      top: -20%;      right: -10%;      width: 600px;      height: 600px;      background: radial-gradient(circle, rgba(197, 160, 89, 0.1) 0%, rgba(255, 255, 255, 0) 70%);      border-radius: 50%;      z-index: 0;  }    .nd-hero-grid {      display: grid;      grid-template-columns: 1fr 1fr;      gap: 60px;      align-items: center;      position: relative;      z-index: 1;  }    .nd-hero-content h1 {      font-size: 3.5rem;      font-weight: 800;      line-height: 1.1;      margin-bottom: 20px;      color: var(--nd-primary);  }    .nd-highlight {      color: var(--nd-gold);      display: block;  }    .nd-hero-lead {      font-size: 1.25rem;      color: #555;      margin-bottom: 40px;      line-height: 1.6;  }    /* Trust Badges - Pill Style */  .nd-badges {      display: flex;      gap: 15px;      flex-wrap: wrap;      margin-bottom: 40px;  }    .nd-badge {      display: flex;      align-items: center;      gap: 8px;      background: white;      padding: 8px 16px;      border-radius: 50px;      box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);      font-weight: 600;      font-size: 0.9rem;      color: var(--nd-primary);  }    .nd-badge svg {      width: 18px;      height: 18px;      fill: var(--nd-green);  }    /* Glass Card */  .nd-hero-visual {      position: relative;  }    .nd-glass-card {      background: var(--glass-bg);      backdrop-filter: blur(12px);      -webkit-backdrop-filter: blur(12px);      border: 1px solid var(--glass-border);      border-radius: 24px;      padding: 40px;      box-shadow: var(--shadow-premium);      position: relative;  }    .nd-stat-row {      display: flex;      align-items: center;      gap: 20px;      padding: 20px 0;      border-bottom: 1px solid rgba(0, 0, 0, 0.05);  }    .nd-stat-row:last-child {      border-bottom: none;  }    .nd-icon-box {      width: 56px;      height: 56px;      background: linear-gradient(135deg, var(--nd-primary), var(--nd-primary-light));      border-radius: 16px;      display: flex;      align-items: center;      justify-content: center;      box-shadow: 0 8px 16px rgba(10, 37, 64, 0.2);  }    .nd-icon-box svg {      width: 28px;      height: 28px;      fill: white;  }    .nd-stat-text small {      display: block;      text-transform: uppercase;      font-size: 0.75rem;      letter-spacing: 1px;      color: #888;      margin-bottom: 4px;  }    .nd-stat-text strong {      font-size: 1.2rem;      color: var(--nd-primary);  }    /* Pulse Button */  .nd-btn-pulse {      position: relative;      overflow: hidden;      background: var(--nd-gold);      color: white;      padding: 16px 36px;      border-radius: 50px;      font-weight: 700;      font-size: 1.1rem;      box-shadow: 0 4px 15px rgba(197, 160, 89, 0.4);      display: inline-flex;      align-items: center;      gap: 10px;      transition: all 0.3s ease;  }    .nd-btn-pulse:hover {      transform: translateY(-2px);      box-shadow: 0 8px 25px rgba(197, 160, 89, 0.5);      background: #ad8a4d;  }    /* Service Grid - Modern */  .nd-section {      padding: 80px 0;  }    .nd-grid-cards {      display: grid;      grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));      gap: 30px;      margin-top: 50px;  }    .nd-card {      background: white;      border-radius: 20px;      padding: 30px;      transition: all 0.3s ease;      border: 1px solid rgba(0, 0, 0, 0.03);      box-shadow: var(--shadow-card);      display: flex;      flex-direction: column;      align-items: flex-start;  }    .nd-card:hover {      transform: translateY(-5px);      box-shadow: var(--shadow-hover);      border-color: rgba(197, 160, 89, 0.2);  }    .nd-card-icon {      width: 60px;      height: 60px;      background: #f8f9fa;      border-radius: 12px;      display: flex;      align-items: center;      justify-content: center;      margin-bottom: 20px;      transition: all 0.3s ease;  }    .nd-card:hover .nd-card-icon {      background: var(--nd-gold);  }    .nd-card:hover .nd-card-icon svg {      fill: white;  }    .nd-card-icon svg {      width: 32px;      height: 32px;      fill: var(--nd-primary);      transition: fill 0.3s ease;  }    .nd-card h3 {      font-size: 1.25rem;      margin-bottom: 10px;      color: var(--nd-primary);  }    .nd-card p {      color: #666;      font-size: 0.95rem;      line-height: 1.5;  }    /* Emergency Box Redesign */  .nd-emergency-box {      background: white;      border-left: 4px solid var(--nd-red);      padding: 40px;      border-radius: 0 20px 20px 0;      box-shadow: var(--shadow-premium);      margin: 80px 0;      display: flex;      gap: 40px;      align-items: center;  }    .nd-emergency-content {      flex: 1;  }    .nd-emergency-title {      display: flex;      align-items: center;      gap: 15px;      margin-bottom: 20px;  }    .nd-emergency-title svg {      width: 40px;      height: 40px;      fill: var(--nd-red);  }    .nd-step-list {      display: flex;      flex-direction: column;      gap: 15px;  }    .nd-step-item {      display: flex;      align-items: baseline;      gap: 12px;  }    .nd-step-num {      color: var(--nd-red);      font-weight: 700;      font-size: 1.1rem;  }    /* Timeline */  .nd-process {      text-align: center;  }    .nd-timeline {      display: flex;      justify-content: space-between;      position: relative;      max-width: 900px;      margin: 60px auto 0;  }    .nd-timeline::before {      content: '';      position: absolute;      top: 25px;      left: 40px;      right: 40px;      height: 2px;      background: #eee;      z-index: 0;  }    .nd-timeline-step {      position: relative;      z-index: 1;      background: white;      padding: 0 10px;      display: flex;      flex-direction: column;      align-items: center;      flex: 1;  }    .nd-step-circle {      width: 50px;      height: 50px;      background: white;      border: 2px solid var(--nd-gold);      color: var(--nd-primary);      border-radius: 50%;      display: flex;      align-items: center;      justify-content: center;      font-weight: 700;      font-size: 1.2rem;      margin-bottom: 20px;      box-shadow: 0 0 0 5px white;      transition: all 0.3s ease;  }    .nd-timeline-step:hover .nd-step-circle {      background: var(--nd-gold);      color: white;      transform: scale(1.1);  }    .nd-step-info h4 {      font-size: 1.1rem;      margin-bottom: 5px;  }    .nd-step-info p {      font-size: 0.9rem;      color: #777;      max-width: 200px;      margin: 0 auto;  }    @media (max-width: 900px) {      .nd-hero-grid {          grid-template-columns: 1fr;          text-align: center;      }        .nd-hero-content {          margin-bottom: 40px;      }        .nd-badges {          justify-content: center;      }        .nd-timeline {          flex-direction: column;          gap: 30px;      }        .nd-timeline::before {          display: none;      }        .nd-emergency-box {          flex-direction: column;          border-left: none;          border-top: 4px solid var(--nd-red);          border-radius: 0 0 20px 20px;      }  }  /* Notdienst Premium Eco Design */    :root {      --nd-primary: #0a2540;      --nd-primary-light: #183b5e;      --nd-gold: #c5a059;      --nd-gold-light: #e6c88a;      --nd-green: #2ecc71;      --nd-green-dark: #27ae60;      --nd-red: #d32f2f;      --nd-red-light: #ffebEE;      --glass-bg: rgba(255, 255, 255, 0.85);      --glass-border: rgba(255, 255, 255, 0.5);      --shadow-premium: 0 10px 40px rgba(0, 0, 0, 0.08);      --shadow-hover: 0 15px 50px rgba(0, 0, 0, 0.12);  }    /* Hero Section */  .nd-hero {      position: relative;      padding: 140px 0 80px;      background: linear-gradient(135deg, #f5f7fa 0%, #eef2f6 100%);      overflow: hidden;  }    .nd-hero::before {      content: '';      position: absolute;      top: -20%;      right: -10%;      width: 600px;      height: 600px;      background: radial-gradient(circle, rgba(197, 160, 89, 0.1) 0%, rgba(255, 255, 255, 0) 70%);      border-radius: 50%;      z-index: 0;  }    .nd-hero-grid {      display: grid;      grid-template-columns: 1fr 1fr;      gap: 60px;      align-items: center;      position: relative;      z-index: 1;  }    .nd-hero-content h1 {      font-size: 3.5rem;      font-weight: 800;      line-height: 1.1;      margin-bottom: 20px;      color: var(--nd-primary);  }    .nd-highlight {      color: var(--nd-gold);      display: block;  }    .nd-hero-lead {      font-size: 1.25rem;      color: #555;      margin-bottom: 40px;      line-height: 1.6;  }    /* Trust Badges - Pill Style */  .nd-badges {      display: flex;      gap: 15px;      flex-wrap: wrap;      margin-bottom: 40px;  }    .nd-badge {      display: flex;      align-items: center;      gap: 8px;      background: white;      padding: 8px 16px;      border-radius: 50px;      box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);      font-weight: 600;      font-size: 0.9rem;      color: var(--nd-primary);  }    .nd-badge svg {      width: 18px;      height: 18px;      fill: var(--nd-green);  }    /* Glass Card */  .nd-hero-visual {      position: relative;  }    .nd-glass-card {      background: var(--glass-bg);      backdrop-filter: blur(12px);      -webkit-backdrop-filter: blur(12px);      border: 1px solid var(--glass-border);      border-radius: 24px;      padding: 40px;      box-shadow: var(--shadow-premium);      position: relative;  }    .nd-stat-row {      display: flex;      align-items: center;      gap: 20px;      padding: 20px 0;      border-bottom: 1px solid rgba(0, 0, 0, 0.05);  }    .nd-stat-row:last-child {      border-bottom: none;  }    .nd-icon-box {      width: 56px;      height: 56px;      background: linear-gradient(135deg, var(--nd-primary), var(--nd-primary-light));      border-radius: 16px;      display: flex;      align-items: center;      justify-content: center;      box-shadow: 0 8px 16px rgba(10, 37, 64, 0.2);  }    .nd-icon-box svg {      width: 28px;      height: 28px;      fill: white;  }    .nd-stat-text small {      display: block;      text-transform: uppercase;      font-size: 0.75rem;      letter-spacing: 1px;      color: #888;      margin-bottom: 4px;  }    .nd-stat-text strong {      font-size: 1.2rem;      color: var(--nd-primary);  }    /* Pulse Button */  .nd-btn-pulse {      position: relative;      overflow: hidden;      background: var(--nd-gold);      color: white;      padding: 16px 36px;      border-radius: 50px;      font-weight: 700;      font-size: 1.1rem;      box-shadow: 0 4px 15px rgba(197, 160, 89, 0.4);      display: inline-flex;      align-items: center;      gap: 10px;      transition: all 0.3s ease;  }    .nd-btn-pulse:hover {      transform: translateY(-2px);      box-shadow: 0 8px 25px rgba(197, 160, 89, 0.5);      background: #ad8a4d;  }    /* Service Grid - Modern */  .nd-section {      padding: 80px 0;  }    .nd-grid-cards {      display: grid;      grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));      gap: 30px;      margin-top: 50px;  }    .nd-card {      background: white;      border-radius: 20px;      padding: 30px;      transition: all 0.3s ease;      border: 1px solid rgba(0, 0, 0, 0.03);      box-shadow: var(--shadow-card);      display: flex;      flex-direction: column;      align-items: flex-start;  }    .nd-card:hover {      transform: translateY(-5px);      box-shadow: var(--shadow-hover);      border-color: rgba(197, 160, 89, 0.2);  }    .nd-card-icon {      width: 60px;      height: 60px;      background: #f8f9fa;      border-radius: 12px;      display: flex;      align-items: center;      justify-content: center;      margin-bottom: 20px;      transition: all 0.3s ease;  }    .nd-card:hover .nd-card-icon {      background: var(--nd-gold);  }    .nd-card:hover .nd-card-icon svg {      fill: white;  }    .nd-card-icon svg {      width: 32px;      height: 32px;      fill: var(--nd-primary);      transition: fill 0.3s ease;  }    .nd-card h3 {      font-size: 1.25rem;      margin-bottom: 10px;      color: var(--nd-primary);  }    .nd-card p {      color: #666;      font-size: 0.95rem;      line-height: 1.5;  }    /* Emergency Box Redesign */  .nd-emergency-box {      background: white;      border-left: 4px solid var(--nd-red);      padding: 40px;      border-radius: 0 20px 20px 0;      box-shadow: var(--shadow-premium);      margin: 80px 0;      display: flex;      gap: 40px;      align-items: center;  }    .nd-emergency-content {      flex: 1;  }    .nd-emergency-title {      display: flex;      align-items: center;      gap: 15px;      margin-bottom: 20px;  }    .nd-emergency-title svg {      width: 40px;      height: 40px;      fill: var(--nd-red);  }    .nd-step-list {      display: flex;      flex-direction: column;      gap: 15px;  }    .nd-step-item {      display: flex;      align-items: baseline;      gap: 12px;  }    .nd-step-num {      color: var(--nd-red);      font-weight: 700;      font-size: 1.1rem;  }    /* Timeline */  .nd-process {      text-align: center;  }    .nd-timeline {      display: flex;      justify-content: space-between;      position: relative;      max-width: 900px;      margin: 60px auto 0;  }    .nd-timeline::before {      content: '';      position: absolute;      top: 25px;      left: 40px;      right: 40px;      height: 2px;      background: #eee;      z-index: 0;  }    .nd-timeline-step {      position: relative;      z-index: 1;      background: white;      padding: 0 10px;      display: flex;      flex-direction: column;      align-items: center;      flex: 1;  }    .nd-step-circle {      width: 50px;      height: 50px;      background: white;      border: 2px solid var(--nd-gold);      color: var(--nd-primary);      border-radius: 50%;      display: flex;      align-items: center;      justify-content: center;      font-weight: 700;      font-size: 1.2rem;      margin-bottom: 20px;      box-shadow: 0 0 0 5px white;      transition: all 0.3s ease;  }    .nd-timeline-step:hover .nd-step-circle {      background: var(--nd-gold);      color: white;      transform: scale(1.1);  }    .nd-step-info h4 {      font-size: 1.1rem;      margin-bottom: 5px;  }    .nd-step-info p {      font-size: 0.9rem;      color: #777;      max-width: 200px;      margin: 0 auto;  }    @media (max-width: 900px) {      .nd-hero-grid {          grid-template-columns: 1fr;          text-align: center;      }        .nd-hero-content {          margin-bottom: 40px;      }        .nd-badges {          justify-content: center;      }        .nd-timeline {          flex-direction: column;          gap: 30px;      }        .nd-timeline::before {          display: none;      }        .nd-emergency-box {          flex-direction: column;          border-left: none;          border-top: 4px solid var(--nd-red);          border-radius: 0 0 20px 20px;      }  }   /* Fix Hero Overflow */ .hero {     width: 100%;     max-width: 100vw;     overflow-x: hidden;     background-color: #0a2540;     box-sizing: border-box; }  @media (max-width: 992px) {     .hero {         padding: 40px 20px !important;         height: auto !important;         min-height: auto !important;     }     .hero-content {         display: block !important;         width: 100% !important;         max-width: 100% !important;         padding: 0 !important;         margin: 0 !important;     }     .hero-text {         width: 100% !important;         padding-right: 0 !important;         max-width: 100% !important;     } }    /* Fix Trust Bar Mobile Visibility */ @media (max-width: 992px) {     .trust-bar {         margin-top: 0 !important;         margin-bottom: 20px !important;         background: #f8f9fa !important; /* Light background for contrast */         padding: 20px 0 !important;     }     .trust-bar .container {         flex-direction: column;         gap: 10px;     }     .trust-item {         width: 100%;         justify-content: center;         background: transparent !important;     }     .trust-item span {         color: #0a2540 !important; /* Dark text for visibility */         text-shadow: none !important;     }     .trust-item svg {         fill: #c5a059 !important; /* Ensure icon is gold */     } }    .service-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px rgba(0,0,0,0.1);}.service-card:hover .service-card{position:relative !important;height:450px !important;overflow:hidden !important;border-radius:15px !important;border:none !important;background:#000 !important;box-shadow:0 10px 30px rgba(0,0,0,0.1);transition:transform 0.3s ease,box-shadow 0.3s ease;}.service-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px rgba(0,0,0,0.2);}.service-icon-wrapper{position:absolute !important;top:0;left:0;width:100% !important;height:100% !important;margin:0 !important;padding:0 !important;z-index:1;}.service-icon-wrapper img{width:100% !important;height:100% !important;object-fit:cover !important;transition:transform 0.5s ease;}.service-card:hover .service-icon-wrapper img{transform:scale(1.1);}.service-card-content{position:absolute !important;bottom:0;left:0;width:100% !important;z-index:2;background:linear-gradient(to top,rgba(0,0,0,0.95) 0%,rgba(0,0,0,0.7) 50%,rgba(0,0,0,0) 100%);padding:30px 25px !important;color:white !important;display:flex;flex-direction:column;justify-content:flex-end;pointer-events:none;}.service-card h3{color:white !important;font-size:1.4rem;font-weight:700;margin-bottom:10px;text-shadow:0 2px 4px rgba(0,0,0,0.5);}.service-card p{color:rgba(255,255,255,0.9) !important;font-size:1rem;margin-bottom:20px;line-height:1.5;text-shadow:0 1px 2px rgba(0,0,0,0.5);}.service-card .btn{pointer-events:auto !important;align-self:flex-start;background:rgba(255,255,255,0.2);backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,0.4);color:white !important;}.service-card .btn:hover{background:white;color:#000 !important;}.top-bar__icon{margin-right:5px;vertical-align:middle;width:14px;height:14px;}.top-bar__icon--red{color:#ff3333;}.top-bar__icon--yellow{color:#ffcc00;}.top-bar__icon--green{color:#2ecc71;}.logo__img{height:60px;width:auto;object-fit:contain;margin-right:10px;}.logo__text-wrapper{display:flex;flex-direction:column;justify-content:center;line-height:1.2;}.logo__title{font-weight:900;color:#051a2e;font-size:1.3rem;text-shadow:none;}.logo__highlight{color:#d32f2f;text-shadow:none;}.logo__subtitle{font-weight:900;color:#051a2e;font-size:1.1rem;letter-spacing:1px;text-shadow:none;}.btn-primary__icon{margin-right:8px;width:18px;height:18px;}.hero-visual-wrapper--delayed{transition-delay:0.2s;}.location-intro{padding:60px 20px 40px;}.location-intro__wrapper{max-width:900px;margin:0 auto;}.location-intro__title{color:#051a2e;margin-bottom:20px;}.location-intro__text{font-size:1.1rem;line-height:1.8;color:#555;}.faq-section--light{padding:60px 20px;background:#f9f9f9;}.faq-section__wrapper{max-width:900px;margin:0 auto;}.faq-section__title{color:#051a2e;text-align:center;margin-bottom:40px;}.cta-section--colored{background:linear-gradient(135deg,#051a2e 0%,#1a4d7a 100%);padding:60px 20px;text-align:center;color:white;}.cta-section__title{color:white;margin-bottom:20px;font-size:2rem;}.cta-section__text{font-size:1.2rem;margin-bottom:30px;opacity:0.95;}.cta-section__btn{background:#ffcc00;color:#051a2e;font-size:1.3rem;padding:18px 40px;}.cta-section__icon{width:24px;height:24px;vertical-align:middle;margin-right:10px;}