.breadcrumb-bar{background:var(--gray-100);border-bottom:1px solid var(--gray-200);padding:12px 0}.breadcrumb-bar .container{color:var(--gray-600);align-items:center;gap:8px;font-size:13px;display:flex}.breadcrumb-bar a{color:var(--gold);font-weight:500}.breadcrumb-bar a:hover{color:var(--gold-dark)}.page-hero{padding:120px 0 72px;position:relative;overflow:hidden}.page-hero-bg{position:absolute;inset:0}.page-hero-bg img{object-fit:cover;width:100%;height:100%}.page-hero-overlay{background:linear-gradient(135deg,#0a0f1eeb 0%,#0a0f1ea6 100%);position:absolute;inset:0}.page-hero-content{z-index:1;max-width:700px;position:relative}.page-hero-content h1{font-family:var(--font-head);color:var(--white);margin-bottom:16px;font-size:clamp(32px,5vw,54px);font-weight:900;line-height:1.15}.page-hero-content p{color:#ffffffb8;max-width:560px;font-size:clamp(15px,2vw,17px);line-height:1.7}.page-section{padding:var(--section-pad)}.service-detail-block{border-bottom:1px solid var(--gray-200);grid-template-columns:280px 1fr;align-items:start;gap:56px;padding:56px 0;display:grid}.service-detail-block:last-child{border-bottom:none}.service-detail-block.reverse{grid-template-columns:1fr 280px}.service-detail-block.reverse .service-detail-visual{order:2}.service-detail-block.reverse .service-detail-info{order:1}@media (width<=860px){.service-detail-block,.service-detail-block.reverse{grid-template-columns:1fr;gap:32px}.service-detail-block.reverse .service-detail-visual,.service-detail-block.reverse .service-detail-info{order:unset}}.service-detail-visual{flex-direction:column;gap:20px;display:flex}.service-detail-icon-large{aspect-ratio:1;border-radius:var(--radius-xl);justify-content:center;align-items:center;width:100%;max-width:200px;display:flex}.service-detail-icon-large svg{width:64px;height:64px}.gold-bg{background:#f5a6231a;border:1px solid #f5a62333}.blue-bg{background:#3b82f61a;border:1px solid #3b82f633}.service-detail-stats{grid-template-columns:1fr 1fr;gap:12px;display:grid}.det-stat{background:var(--navy);border-radius:var(--radius-md);text-align:center;flex-direction:column;gap:4px;padding:16px 12px;display:flex}.det-stat span{font-family:var(--font-head);color:var(--gold);font-size:22px;font-weight:800}.det-stat small{color:#ffffff80;font-size:11px}.service-detail-info h2{font-family:var(--font-head);color:var(--navy);margin:12px 0 14px;font-size:clamp(22px,3vw,32px);font-weight:800;line-height:1.25}.service-detail-info p{color:var(--gray-600);margin-bottom:24px;font-size:15px;line-height:1.75}.service-detail-list{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:24px;display:grid}.service-detail-list li{color:var(--gray-800);align-items:center;gap:8px;font-size:14px;font-weight:500;display:flex}.service-detail-list li:before{content:"";background:var(--gold);border-radius:50%;flex-shrink:0;width:6px;height:6px}.industrial-block .service-detail-list li:before{background:var(--blue)}.service-detail-guarantee{color:var(--gray-600);background:var(--gray-100);border-radius:var(--radius-sm);border-left:3px solid var(--gold);flex-wrap:wrap;align-items:center;gap:0;margin-bottom:20px;padding:12px 16px;font-size:13px;display:flex}.service-detail-guarantee span{color:var(--gold);font-weight:700}.services-monitoring-promo{padding:80px 0}.promo-banner-inner{background:var(--navy-card);border-radius:var(--radius-xl);border:1px solid #3b82f633;grid-template-columns:80px 1fr auto;align-items:center;gap:40px;padding:48px;display:grid}.promo-banner-inner svg{width:64px;height:64px}.promo-banner-text h2{font-family:var(--font-head);color:var(--white);margin:8px 0 10px;font-size:clamp(22px,3vw,30px);font-weight:800}.promo-banner-text p{color:#ffffffa6;font-size:15px}.promo-banner-cta{flex-direction:column;gap:10px;display:flex}@media (width<=900px){.promo-banner-inner{text-align:center;grid-template-columns:1fr;gap:24px}.promo-banner-cta{flex-direction:row;justify-content:center}}.features-grid-monitoring{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}@media (width<=1000px){.features-grid-monitoring{grid-template-columns:repeat(2,1fr)}}@media (width<=560px){.features-grid-monitoring{grid-template-columns:1fr}}.monitoring-feat-card{background:var(--navy-card);border-radius:var(--radius-lg);transition:var(--transition);border:1px solid #3b82f61f;padding:28px 22px}.monitoring-feat-card:hover{box-shadow:var(--shadow-blue);border-color:#3b82f666;transform:translateY(-4px)}.mfeat-icon{margin-bottom:16px}.mfeat-icon svg{width:36px;height:36px}.monitoring-feat-card h3{font-family:var(--font-head);color:var(--white);margin-bottom:8px;font-size:16px;font-weight:700}.monitoring-feat-card p{color:#ffffff80;font-size:13px;line-height:1.6}.problem-solution-grid{grid-template-columns:1fr 1fr;gap:48px;display:grid}@media (width<=800px){.problem-solution-grid{grid-template-columns:1fr}}.problem-side h2,.solution-side h2{font-family:var(--font-head);color:var(--navy);margin-bottom:28px;font-size:clamp(22px,3vw,30px);font-weight:800}.problem-item,.solution-item{align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.prob-icon,.sol-icon{flex-shrink:0;margin-top:2px;font-size:20px}.problem-item div strong,.solution-item div strong{color:var(--navy);margin-bottom:4px;font-size:15px;font-weight:700;display:block}.problem-item div p,.solution-item div p{color:var(--gray-600);font-size:14px;line-height:1.6}.monitoring-demo-layout{grid-template-columns:1fr 1fr;align-items:center;gap:64px;display:grid}@media (width<=900px){.monitoring-demo-layout{grid-template-columns:1fr;gap:36px}}.demo-kpis{flex-wrap:wrap;gap:12px;margin-top:20px;display:flex}.demo-kpi-item{border-radius:var(--radius-md);flex-direction:column;gap:2px;padding:14px 18px;display:flex}.active-bg{background:#22c55e1a;border:1px solid #22c55e4d}.stopped-bg{background:#ef44441a;border:1px solid #ef44444d}.demo-kpi-item strong{letter-spacing:1px;font-size:12px;font-weight:800}.active-bg strong{color:var(--green)}.stopped-bg strong{color:var(--red)}.demo-kpi-item span{color:var(--gray-600);font-size:12px}.demo-visual{position:relative}.demo-phone-card{width:38%;position:absolute;bottom:-20px;right:-20px}.about-hero-section{padding:180px 0 80px}.about-hero-inner{grid-template-columns:1fr 1fr;align-items:center;gap:64px;display:grid}@media (width<=860px){.about-hero-inner{grid-template-columns:1fr;gap:36px}}.about-hero-text h1{font-family:var(--font-head);color:var(--white);margin-bottom:20px;font-size:clamp(32px,5vw,52px);font-weight:900;line-height:1.15}.about-hero-text p{color:#ffffffb3;font-size:16px;line-height:1.75}.about-hero-visual{border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);overflow:hidden}.about-hero-visual img{object-fit:cover;width:100%;height:400px}.about-values{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}@media (width<=700px){.about-values{grid-template-columns:1fr}}.value-card{background:var(--white);border-radius:var(--radius-lg);border:1px solid var(--gray-200);box-shadow:var(--shadow-sm);transition:var(--transition);text-align:center;padding:32px 24px}.value-card:hover{border-color:var(--gold);box-shadow:var(--shadow-md);transform:translateY(-4px)}.value-icon{margin-bottom:16px;font-size:36px}.value-card h3{font-family:var(--font-head);color:var(--navy);margin-bottom:10px;font-size:18px;font-weight:700}.value-card p{color:var(--gray-600);font-size:14px;line-height:1.7}.about-page-content{padding:80px 0 96px}.about-grid{grid-template-columns:1.15fr .85fr;align-items:start;gap:56px;display:grid}@media (width<=900px){.about-grid{grid-template-columns:1fr;gap:40px}}.about-text-col h2{font-family:var(--font-head);color:var(--navy);margin-bottom:20px;font-size:clamp(24px,3.5vw,32px);font-weight:800;line-height:1.25}.about-rich-text{color:var(--gray-600);margin-bottom:36px;font-size:15px;line-height:1.75}.mission-vision-grid{grid-template-columns:1fr 1fr;gap:20px;margin-top:24px;display:grid}@media (width<=600px){.mission-vision-grid{grid-template-columns:1fr}}.mv-card{background:var(--off-white);border-radius:var(--radius-lg);border:1px solid var(--gray-200);transition:var(--transition);padding:28px 20px}.mv-card:hover{border-color:var(--gold-light);box-shadow:var(--shadow-sm);transform:translateY(-4px)}.vision-card:hover{border-color:var(--blue-light)}.mv-card .icon{margin-bottom:12px;font-size:28px;display:inline-block}.mv-card h3{font-family:var(--font-head);color:var(--navy);margin-bottom:10px;font-size:17px;font-weight:700}.mv-card p{color:var(--gray-600);font-size:13px;line-height:1.6}.about-visual-col{flex-direction:column;gap:36px;display:flex}.about-img-frame{border-radius:var(--radius-xl);box-shadow:var(--shadow-md);position:relative;overflow:hidden}.about-main-img{object-fit:cover;width:100%;height:340px;transition:transform .5s}.about-img-frame:hover .about-main-img{transform:scale(1.03)}.about-frame-badge{background:var(--navy);color:var(--white);border-radius:var(--radius-md);border-left:3px solid var(--gold);box-shadow:var(--shadow-lg);flex-direction:column;gap:2px;padding:12px 20px;display:flex;position:absolute;bottom:20px;left:20px}.about-frame-badge .num{font-family:var(--font-head);color:var(--gold);font-size:22px;font-weight:900;line-height:1}.about-frame-badge .txt{color:#ffffffb3;letter-spacing:.5px;font-size:10px;font-weight:600}.values-widget{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);padding:28px 24px}.values-widget h3{font-family:var(--font-head);color:var(--navy);border-bottom:1px solid var(--gray-100);margin-bottom:16px;padding-bottom:10px;font-size:17px;font-weight:700}.values-list-about{flex-direction:column;gap:12px;display:flex}.values-list-about li{color:var(--gray-800);align-items:flex-start;gap:10px;font-size:13.5px;font-weight:500;line-height:1.5;display:flex}.values-list-about li .bullet{color:var(--gold);flex-shrink:0;font-weight:700}.about-cta-section{padding:0 0 80px}.about-cta-inner{background:var(--navy-card);border-radius:var(--radius-xl);text-align:center;box-shadow:var(--shadow-md);border:1px solid #f5a62326;padding:48px}.about-cta-inner h2{font-family:var(--font-head);color:var(--white);margin-bottom:12px;font-size:clamp(20px,3.5vw,28px);font-weight:800}.about-cta-inner p{color:#ffffffa6;max-width:600px;margin-bottom:24px;margin-left:auto;margin-right:auto;font-size:14.5px}.about-cta-inner .cta-btns{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.service-detail-section{padding:60px 0 96px}.service-detail-layout{grid-template-columns:1fr 340px;align-items:start;gap:48px;display:grid}@media (width<=960px){.service-detail-layout{grid-template-columns:1fr;gap:40px}}.service-detail-main{background:var(--white)}.service-detail-image-box{border-radius:var(--radius-xl);box-shadow:var(--shadow-md);border:1px solid var(--gray-200);margin-bottom:36px;overflow:hidden}.service-main-img{object-fit:cover;width:100%;height:380px}.service-detail-text h2{font-family:var(--font-head);color:var(--navy);margin-top:8px;margin-bottom:16px;font-size:22px;font-weight:800}.intro-p{color:var(--gray-800);margin-bottom:24px;font-size:16px;font-weight:500;line-height:1.75}.problems-box{background:var(--off-white);border-radius:var(--radius-xl);border:1px solid var(--gray-200);margin:32px 0;padding:28px 24px}.problems-box h3{font-family:var(--font-head);color:var(--navy);margin-bottom:16px;font-size:17px;font-weight:700}.problems-list-detail{grid-template-columns:1fr 1fr;gap:14px;display:grid}@media (width<=600px){.problems-list-detail{grid-template-columns:1fr}}.problems-list-detail li{color:var(--gray-800);align-items:flex-start;gap:10px;font-size:13.5px;font-weight:500;line-height:1.5;display:flex}.problem-check{color:var(--red);flex-shrink:0;font-weight:700}.process-box{margin:32px 0}.process-box h3{font-family:var(--font-head);color:var(--navy);margin-bottom:14px;font-size:17px;font-weight:700}.process-box p{color:var(--gray-600);font-size:14.5px;line-height:1.7}.detail-cta-strip{background:var(--navy-card);border-radius:var(--radius-xl);border:1px solid #f5a62326;justify-content:space-between;align-items:center;gap:24px;margin-top:36px;padding:28px 32px;display:flex}@media (width<=640px){.detail-cta-strip{text-align:center;flex-direction:column;padding:24px}}.cta-strip-text h4{font-family:var(--font-head);color:var(--white);margin-bottom:4px;font-size:17px;font-weight:800}.cta-strip-text p{color:#fff9;font-size:13px}.cta-strip-actions{flex-shrink:0;gap:12px;display:flex}.service-detail-sidebar{flex-direction:column;gap:28px;display:flex}.sidebar-widget{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);padding:28px 24px}.sidebar-widget h3{font-family:var(--font-head);color:var(--navy);border-bottom:1px solid var(--gray-100);margin-bottom:16px;padding-bottom:10px;font-size:17px;font-weight:700}.sidebar-services-links{flex-direction:column;gap:8px;display:flex}.sidebar-services-links li a{border-radius:var(--radius-md);color:var(--gray-800);background:var(--off-white);border:1px solid var(--gray-100);transition:var(--transition);justify-content:space-between;align-items:center;padding:10px 14px;font-size:13.5px;font-weight:600;display:flex}.sidebar-services-links li a:hover,.sidebar-services-links li a.active{background:var(--navy);color:var(--white);border-color:var(--navy)}.sidebar-services-links li a.active .arrow{color:var(--gold)}.sidebar-services-links li a .arrow{color:var(--gray-400);transition:var(--transition)}.sidebar-services-links li a:hover .arrow{color:var(--gold);transform:translate(4px)}.help-widget{background:var(--navy);color:var(--white);border-color:var(--navy)}.help-widget h3{color:var(--white);border-bottom-color:#ffffff1a}.help-widget p{color:#ffffffb3;margin-bottom:20px;font-size:13.5px;line-height:1.6}.help-contact-cards{flex-direction:column;gap:12px;display:flex}.help-contact-card{border-radius:var(--radius-lg);transition:var(--transition);background:#ffffff0f;border:1px solid #ffffff1a;align-items:center;gap:16px;padding:12px 16px;display:flex}.help-contact-card:hover{border-color:var(--gold);background:#ffffff1a}.help-contact-card .icon{font-size:22px}.help-contact-card strong{color:#ffffff80;text-transform:uppercase;font-size:12px;font-weight:700;display:block}.help-contact-card span{color:var(--white);font-size:14px;font-weight:700}.monitoring-page-details{padding:80px 0 96px}.monitoring-intro-grid{grid-template-columns:1.15fr .85fr;align-items:center;gap:64px;display:grid}@media (width<=960px){.monitoring-intro-grid{grid-template-columns:1fr;gap:48px}}.monitoring-text-block h2{font-family:var(--font-head);color:var(--navy);margin-bottom:20px;font-size:clamp(24px,3.5vw,32px);font-weight:800;line-height:1.25}.lead-p{color:var(--navy-mid);margin-bottom:16px;font-size:16px;font-weight:600;line-height:1.7}.monitoring-text-block p{color:var(--gray-600);margin-bottom:24px;font-size:15px;line-height:1.7}.features-checklist-blue h3{font-family:var(--font-head);color:var(--navy);margin-bottom:16px;font-size:17px;font-weight:700}.features-checklist-blue ul{flex-direction:column;gap:12px;display:flex}.features-checklist-blue li{color:var(--gray-800);padding-left:28px;font-size:14px;font-weight:500;line-height:1.6;position:relative}.features-checklist-blue li:before{content:"✔";color:var(--blue);font-weight:700;position:absolute;top:0;left:0}.monitoring-visual-showcase{flex-direction:column;gap:32px;display:flex}.mockup-container{background:var(--off-white);border-radius:var(--radius-xl);border:1px solid var(--gray-200);box-shadow:var(--shadow-md);justify-content:center;align-items:center;min-height:280px;padding:32px;display:flex;position:relative}.main-mockup{border-radius:var(--radius-md);max-width:82%;height:auto;box-shadow:var(--shadow-lg);transition:var(--transition)}.sub-mockup{border-radius:var(--radius-lg);max-width:28%;height:auto;box-shadow:var(--shadow-lg);border:2px solid var(--white);transition:var(--transition);position:absolute;bottom:-16px;right:12px}.mockup-container:hover .main-mockup{transform:translateY(-4px)}.mockup-container:hover .sub-mockup{transform:translateY(-8px)}.kpi-cards-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.kpi-badge-card{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-md);text-align:center;box-shadow:var(--shadow-sm);transition:var(--transition);flex-direction:column;align-items:center;gap:4px;padding:16px 12px;display:flex}.kpi-badge-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.kpi-badge-card .dot{border-radius:50%;width:8px;height:8px;margin-bottom:4px;display:inline-block}.kpi-badge-card strong{font-family:var(--font-head);color:var(--navy);font-size:12.5px;font-weight:700}.kpi-badge-card span{color:var(--gray-600);font-size:10px}.card-green .dot{background:var(--green);box-shadow:0 0 8px var(--green)}.card-yellow .dot{background:var(--gold);box-shadow:0 0 8px var(--gold)}.card-blue .dot{background:var(--blue);box-shadow:0 0 8px var(--blue)}.problems-we-solve-section{padding:var(--section-pad)}.problems-card-grid{grid-template-columns:repeat(3,1fr);gap:20px;margin-top:36px;display:grid}@media (width<=900px){.problems-card-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.problems-card-grid{grid-template-columns:1fr}}.problem-mini-card{border-radius:var(--radius-lg);transition:var(--transition);background:#ffffff0d;border:1px solid #ffffff14;align-items:flex-start;gap:16px;padding:20px;display:flex}.problem-mini-card:hover{background:#ffffff14;border-color:#3b82f64d;transform:translateY(-4px)}.problem-mini-card .icon{color:var(--red);font-size:18px}.problem-mini-card h4{font-family:var(--font-main);color:var(--white);font-size:14px;font-weight:600;line-height:1.5}.workflow-section{padding:var(--section-pad)}.workflow-steps{grid-template-columns:repeat(4,1fr);gap:24px;margin-top:40px;display:grid}@media (width<=900px){.workflow-steps{grid-template-columns:repeat(2,1fr);gap:32px}}@media (width<=500px){.workflow-steps{grid-template-columns:1fr}}.workflow-step{background:var(--off-white);border:1px solid var(--gray-200);border-radius:var(--radius-xl);transition:var(--transition);padding:32px 24px;position:relative}.workflow-step:hover{border-color:var(--blue-light);box-shadow:var(--shadow-md);transform:translateY(-4px)}.step-num{background:var(--blue);width:32px;height:32px;color:var(--white);font-family:var(--font-head);box-shadow:var(--shadow-sm);border-radius:50%;justify-content:center;align-items:center;font-size:14px;font-weight:900;display:flex;position:absolute;top:-16px;left:24px}.workflow-step h4{font-family:var(--font-head);color:var(--navy);margin-top:8px;margin-bottom:10px;font-size:16px;font-weight:700}.workflow-step p{color:var(--gray-600);font-size:13px;line-height:1.6}.monitoring-demo-section{padding:var(--section-pad)}.demo-form-layout{grid-template-columns:1fr 1fr;align-items:center;gap:64px;display:grid}@media (width<=900px){.demo-form-layout{grid-template-columns:1fr;gap:40px}}.demo-info h2{font-family:var(--font-head);color:var(--navy);margin-bottom:20px;font-size:clamp(24px,3.5vw,32px);font-weight:800}.demo-info p{color:var(--gray-600);margin-bottom:28px;font-size:15px;line-height:1.7}.btn-whatsapp-large{color:var(--white);border-radius:var(--radius-md);transition:var(--transition);background:#25d366;align-items:center;gap:10px;padding:14px 24px;font-size:14.5px;font-weight:700;display:inline-flex;box-shadow:0 8px 24px #25d3664d}.btn-whatsapp-large:hover{background:#1ebe57;transform:translateY(-2px);box-shadow:0 16px 36px #25d36666}.btn-whatsapp-large svg{flex-shrink:0}.demo-form-card{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);padding:36px}@media (width<=480px){.demo-form-card{padding:24px}}.form-group-custom{flex-direction:column;gap:6px;margin-bottom:18px;display:flex}.form-group-custom label{color:var(--navy);font-size:13px;font-weight:600}.form-group-custom input,.form-group-custom textarea{font-size:15px;font-family:var(--font-main);color:var(--navy);background:var(--white);border:2px solid var(--gray-200);border-radius:var(--radius-md);transition:var(--transition);outline:none;width:100%;padding:12px 16px}.form-group-custom input:focus,.form-group-custom textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px #3b82f61a}.form-row-custom{grid-template-columns:1fr 1fr;gap:16px;display:grid}@media (width<=560px){.form-row-custom{grid-template-columns:1fr;gap:0}}.btn-blue-submit{background:var(--blue);width:100%;color:var(--white);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition);border:none;padding:14px 28px;font-weight:700}.btn-blue-submit:hover{background:var(--blue-dark);box-shadow:var(--shadow-blue);transform:translateY(-1px)}.contact-hero-section{background:var(--navy);text-align:center;padding:160px 0 80px}.contact-hero-title{font-family:var(--font-head);color:var(--white);margin:12px 0 16px;font-size:clamp(36px,5vw,60px);font-weight:900}.contact-hero-sub{color:#ffffffb3;max-width:500px;margin:0 auto;font-size:17px;line-height:1.7}.quick-contact-section{z-index:10;margin-top:-40px;padding:0;position:relative}.quick-contact-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}@media (width<=800px){.quick-contact-grid{grid-template-columns:1fr}}.qc-card{background:var(--white);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);transition:var(--transition);border:2px solid #0000;align-items:center;gap:20px;padding:28px 24px;display:flex;position:relative;overflow:hidden}.qc-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.qc-whatsapp:hover{border-color:#25d366}.qc-phone:hover{border-color:var(--gold)}.qc-email:hover{border-color:var(--blue)}.qc-icon{flex-shrink:0}.qc-icon svg,.qc-icon img{width:56px;height:56px}.qc-text{flex:1}.qc-text strong{color:var(--navy);margin-bottom:2px;font-size:17px;font-weight:700;display:block}.qc-text span{color:var(--gray-600);font-size:13px;display:block}.qc-value{color:var(--navy);margin-top:4px;font-size:15px;font-weight:700}.qc-arrow{color:var(--gray-400);transition:var(--transition);font-size:20px}.qc-card:hover .qc-arrow{color:var(--navy);transform:translate(4px)}.contact-main-section{padding:72px 0 96px}.contact-layout{grid-template-columns:1fr 400px;align-items:start;gap:56px;display:grid}@media (width<=1000px){.contact-layout{grid-template-columns:1fr;gap:40px}}.contact-form-side h2{font-family:var(--font-head);color:var(--navy);margin-bottom:8px;font-size:30px;font-weight:800}.contact-form-side>p{color:var(--gray-600);margin-bottom:28px;font-size:15px}.contact-type-selector{background:var(--gray-100);border-radius:var(--radius-md);gap:10px;margin-bottom:28px;padding:6px;display:flex}.contact-type-btn{border-radius:var(--radius-sm);color:var(--gray-600);cursor:pointer;transition:var(--transition);background:0 0;border:none;flex:1;padding:10px;font-size:14px;font-weight:600}.contact-type-btn.active{background:var(--white);color:var(--navy);box-shadow:var(--shadow-sm)}.form-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}@media (width<=560px){.form-row{grid-template-columns:1fr}}.form-group{flex-direction:column;gap:6px;margin-bottom:16px;display:flex}.form-group label{color:var(--navy);font-size:13px;font-weight:600}.form-group input,.form-group select,.form-group textarea{font-size:15px;font-family:var(--font-main);color:var(--navy);background:var(--white);border:2px solid var(--gray-200);border-radius:var(--radius-md);transition:var(--transition);resize:vertical;outline:none;width:100%;padding:12px 16px}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--gold);box-shadow:0 0 0 3px #f5a6231a}.form-submit-row{flex-wrap:wrap;gap:12px;margin-top:8px;display:flex}.form-success-msg{border-radius:var(--radius-md);color:#15803d;background:#22c55e1a;border:1px solid #22c55e4d;margin-top:16px;padding:14px 18px;font-size:15px;font-weight:600}.contact-info-card{background:var(--navy);border-radius:var(--radius-xl);margin-bottom:20px;padding:32px 28px}.contact-info-card h3{font-family:var(--font-head);color:var(--white);border-bottom:1px solid #ffffff1a;margin-bottom:24px;padding-bottom:16px;font-size:20px;font-weight:700}.ci-item{align-items:flex-start;gap:14px;margin-bottom:18px;display:flex}.ci-icon{margin-top:2px;font-size:18px}.ci-item div{flex-direction:column;gap:2px;display:flex}.ci-item strong{color:#ffffff80;letter-spacing:1px;text-transform:uppercase;font-size:12px;font-weight:700}.ci-item a,.ci-item span{color:#ffffffd9;font-size:15px}.ci-item a:hover{color:var(--gold)}.contact-response-card{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);margin-bottom:20px;padding:24px 28px}.response-header{align-items:center;gap:10px;margin-bottom:20px;display:flex}.response-dot{background:var(--green);width:10px;height:10px;box-shadow:0 0 8px var(--green);border-radius:50%;animation:2s infinite pulse-dot}.response-header strong{color:var(--navy);font-size:15px;font-weight:700}.response-items{flex-direction:column;gap:12px;display:flex}.response-item{grid-template-columns:80px 1fr 50px;align-items:center;gap:10px;display:grid}.response-item>span{color:var(--gray-600);font-size:13px}.response-bar{background:var(--gray-200);border-radius:3px;height:6px;overflow:hidden}.response-fill{background:var(--blue);border-radius:3px;height:100%;transition:width 1s}.resp-time{color:var(--navy);text-align:right;font-size:12px;font-weight:700}.map-placeholder{background:var(--gray-100);border:2px dashed var(--gray-200);border-radius:var(--radius-xl);padding:40px 20px}.map-inner{text-align:center}.map-icon{margin-bottom:12px;font-size:36px}.map-inner p{color:var(--gray-600);font-size:14px}