:root{
  --blue:#183d78;
  --blue2:#0f2b59;
  --red:#c93636;
  --red2:#a92525;
  --green:#dcefe1;
  --green2:#b9d8c1;
  --cream:#fffdf8;
  --ink:#20252b;
  --muted:#626971;
  --white:#fff;
  --line:#e6e8eb;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--cream);line-height:1.55}
a{text-decoration:none;color:inherit}
.wrap{width:min(1160px,92%);margin:auto}

/* HEADER */
.topbar{height:70px;background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:50}
.topbar-inner{height:100%;display:flex;align-items:center;justify-content:space-between}
.logo{font-size:1.45rem;font-weight:950;letter-spacing:.3px}
.logo span{margin-right:6px}.logo i,.footer-inner i{color:var(--red);font-style:normal}
nav{display:flex;gap:28px;font-weight:800}
nav a:hover{color:var(--red)}
.menu{display:none;border:0;background:none;font-size:1.7rem}

/* CONTACT-FIRST BAR */
.contact-bar{background:var(--red);color:#fff;box-shadow:0 5px 18px rgba(0,0,0,.15);position:relative;z-index:40}
.contact-bar-inner{min-height:58px;display:flex;align-items:center;justify-content:center;gap:28px;flex-wrap:wrap}
.contact-bar strong{letter-spacing:1px}
.contact-bar a{font-size:1.12rem;font-weight:950}
.contact-bar a:hover{text-decoration:underline}
.email-link{font-size:.95rem!important}

/* HERO */
.hero{background:linear-gradient(135deg,#fff 0%,#f0f5fb 100%);padding:70px 0 85px;overflow:hidden}
.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:55px;align-items:center}
.tag{color:var(--red);font-size:.78rem;font-weight:950;letter-spacing:2px;margin-bottom:12px}
.hero h1{font-size:clamp(3rem,6vw,5.4rem);line-height:.92;letter-spacing:-3px;margin-bottom:22px;font-weight:950}
.hero h1 span{color:var(--red)}
.subtitle{font-size:1.15rem;font-weight:800;color:#555;margin-bottom:18px}
.intro{font-size:1.25rem;color:var(--muted);max-width:670px;margin-bottom:28px}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap}
.big-call,.big-text{padding:17px 21px;border-radius:10px;font-weight:950}
.big-call{background:var(--blue);color:#fff}.big-call:hover{background:var(--blue2)}
.big-text{background:#fff;border:2px solid var(--blue);color:var(--blue)}

.contact-card{background:#fff;border-radius:18px;padding:28px;box-shadow:0 20px 55px rgba(15,43,89,.18);border-top:8px solid var(--red)}
.contact-card-head{color:var(--red);font-size:.78rem;font-weight:950;letter-spacing:2px}
.contact-card h2{font-size:2rem;line-height:1.05;margin:6px 0 8px}
.contact-card>p{color:var(--muted);margin-bottom:18px}
.contact-option{display:flex;align-items:center;gap:14px;padding:13px;border-radius:12px;margin:9px 0}
.contact-option span{font-size:1.6rem}
.contact-option small{display:block;font-weight:800;font-size:.7rem;color:#6d737a}
.contact-option b{display:block;font-size:1.02rem}
.contact-option.phone{background:#e8eef8;color:var(--blue)}
.contact-option.email{background:#fce8e8;color:#9d2525}
.contact-form label{display:block;font-size:.82rem;font-weight:900;margin:12px 0 5px}
input,select,textarea{width:100%;font:inherit;padding:11px 12px;border:1px solid #d5dae1;border-radius:8px;background:#fff;outline:none}
input:focus,select:focus,textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(24,61,120,.1)}
.contact-form button{width:100%;margin-top:15px;border:0;border-radius:9px;padding:14px;background:var(--red);color:#fff;font-weight:950;cursor:pointer}
.contact-form button:hover{background:var(--red2)}
#formMessage{font-size:.82rem;margin-top:8px;color:#315d45}

/* SERVICES */
.services-section{padding:85px 0}
.section-title{text-align:center;max-width:700px;margin:0 auto 42px}
.section-title h2{font-size:clamp(2.3rem,5vw,3.8rem);line-height:1;margin-bottom:10px}
.section-title>p:last-child{color:var(--muted)}
.services-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}
.services-grid article{background:#fff;border:1px solid var(--line);border-radius:15px;padding:23px 18px;min-height:190px;box-shadow:0 7px 22px rgba(0,0,0,.04);transition:.2s}
.services-grid article:hover{transform:translateY(-4px);border-color:#cbd6e7}
.services-grid article>div{font-size:2.15rem;margin-bottom:11px}
.services-grid h3{font-size:1.05rem;margin-bottom:7px;line-height:1.15}
.services-grid p{font-size:.87rem;color:var(--muted)}

/* WHY */
.why-section{background:var(--green);padding:85px 0}
.why-grid{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}
.why-grid h2{font-size:clamp(2.5rem,5vw,4.2rem);line-height:.95;letter-spacing:-2px}
.why-grid h2 span{color:var(--red)}
.why-copy{color:#4f5b53;font-size:1.1rem;margin-top:20px;max-width:500px}
.why-list{background:#fff;border-radius:18px;padding:25px 30px;box-shadow:0 14px 35px rgba(49,93,69,.12)}
.why-list div{padding:15px 0;border-bottom:1px solid #e7eee9;color:var(--red)}
.why-list div:last-child{border:0}
.why-list b{color:#252a2e;margin-left:6px}

/* FINAL CONTACT */
.final-contact{background:var(--blue);color:#fff;text-align:center;padding:75px 0}
.final-contact .tag{color:#ffb0b0}
.final-contact h2{font-size:clamp(2.4rem,6vw,4.5rem);line-height:1;margin-bottom:25px}
.final-buttons{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-bottom:18px}
.final-buttons a{background:#fff;color:var(--blue);padding:15px 20px;border-radius:9px;font-weight:950}
.final-buttons a:nth-child(2){background:var(--red);color:#fff}
.final-buttons a:nth-child(3){background:transparent;color:#fff;border:2px solid #fff}

/* FOOTER */
footer{background:#0b1b35;color:#dfe6f0}
.footer-inner{display:flex;justify-content:space-between;gap:30px;padding:38px 0}
.footer-inner strong{font-size:1.25rem;color:#fff}
.footer-inner p{color:#9da9b9;margin-top:5px}
.footer-inner a:hover{color:#fff;text-decoration:underline}
.copyright{text-align:center;border-top:1px solid #203250;padding:16px;color:#8795a9;font-size:.8rem}

/* MOBILE */
@media(max-width:1050px){
  .services-grid{grid-template-columns:repeat(3,1fr)}
  .hero-grid{grid-template-columns:1fr .9fr}
}
@media(max-width:800px){
  .topbar{height:64px}
  nav{display:none;position:absolute;top:64px;left:4%;right:4%;background:#fff;padding:18px;flex-direction:column;gap:13px;border-radius:0 0 12px 12px;box-shadow:0 12px 30px rgba(0,0,0,.12)}
  nav.open{display:flex}.menu{display:block}
  .contact-bar-inner{padding:11px 0;gap:10px 18px}
  .hero{padding:55px 0 60px}
  .hero-grid,.why-grid{grid-template-columns:1fr}
  .hero-grid{gap:35px}
  .services-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:520px){
  .hero h1{letter-spacing:-2px}
  .intro{font-size:1.05rem}
  .big-call,.big-text{width:100%;text-align:center}
  .services-grid{grid-template-columns:1fr}
  .contact-card{padding:22px}
  .contact-bar strong{width:100%;text-align:center}
  .contact-bar a{font-size:1rem}
  .email-link{width:100%;text-align:center}
  .footer-inner{flex-direction:column}
}