:root {
  --navy: #07152f;
  --navy-2: #0b2146;
  --blue: #0879f9;
  --blue-light: #70d5ff;
  --white: #f7fbff;
  --muted: #b7c4d8;
  --line: rgba(150,190,240,.22);
  --max: 1160px;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin:0; background:var(--navy); color:var(--white); font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; line-height:1.55; }
a { color:inherit; text-decoration:none; }
a:focus-visible, button:focus-visible, input:focus-visible, textarea:focus-visible, select:focus-visible { outline:3px solid var(--blue-light); outline-offset:3px; }
.wrap { width:min(var(--max), calc(100% - 44px)); margin-inline:auto; }
header { position:sticky; top:0; z-index:10; background:rgba(5,15,34,.96); border-bottom:1px solid rgba(255,255,255,.08); backdrop-filter:blur(12px); }
.nav { min-height:78px; display:flex; align-items:center; justify-content:space-between; gap:24px; }
.brand { display:flex; align-items:center; gap:12px; font-weight:900; letter-spacing:.01em; font-size:1.15rem; }
.brand-logo { display:block; width:225px; max-width:34vw; height:68px; object-fit:contain; object-position:left center; }
.brand small { display:block; font-size:.62rem; letter-spacing:.16em; color:var(--blue-light); font-weight:700; margin-top:-4px; }
nav { display:flex; align-items:center; gap:30px; font-size:.88rem; font-weight:750; text-transform:uppercase; letter-spacing:.06em; }
nav a:not(.nav-call) { color:#dce7f7; }
nav a:not(.nav-call):hover { color:var(--blue-light); }
.nav-call, .btn { display:inline-flex; align-items:center; justify-content:center; gap:10px; background:var(--blue); color:white; padding:13px 21px; border-radius:6px; font-weight:800; text-transform:uppercase; letter-spacing:.04em; font-size:.82rem; transition:transform .18s, background .18s; }
.nav-call { border-radius:999px; padding:12px 20px; }
.btn:hover, .nav-call:hover { background:#0065dc; transform:translateY(-1px); }
.btn.secondary { background:transparent; border:1px solid rgba(255,255,255,.38); }
.btn.secondary:hover { border-color:var(--blue-light); background:rgba(255,255,255,.06); }
.hero { position:relative; overflow:hidden; min-height:590px; display:flex; align-items:center; background:#08152c; }
.hero-photo { position:absolute; inset:0 0 0 32%; background:linear-gradient(90deg,#07152f 0%,rgba(7,21,47,.76) 17%,rgba(7,21,47,.18) 58%,rgba(7,21,47,.05) 100%), url("assets/jg-ute.jpg") center 48%/cover no-repeat; }
.hero:after { content:""; position:absolute; right:-100px; top:0; height:100%; width:13%; background:var(--blue); transform:skewX(-13deg); opacity:.42; }
.hero-inner { position:relative; z-index:1; padding:82px 0 72px; width:min(var(--max), calc(100% - 44px)); margin:auto; }
.eyebrow { color:var(--blue-light); text-transform:uppercase; font-size:.74rem; font-weight:850; letter-spacing:.17em; margin:0 0 16px; }
h1 { font-size:clamp(3.2rem, 7.4vw, 6.2rem); line-height:.92; letter-spacing:-.055em; text-transform:uppercase; max-width:610px; margin:0 0 24px; font-weight:950; }
h1 span, .accent { color:var(--blue-light); }
.hero-copy { max-width:500px; color:#d9e3f1; font-size:1.08rem; margin:0 0 30px; }
.actions { display:flex; gap:12px; flex-wrap:wrap; }
.trustbar { background:var(--blue); color:white; }
.trustbar-inner { display:flex; justify-content:space-between; gap:20px; padding:17px 0; font-weight:850; text-transform:uppercase; letter-spacing:.055em; font-size:.78rem; }
.trustbar span { display:flex; align-items:center; gap:9px; }
.dot { width:6px; height:6px; border-radius:50%; background:#fff; display:inline-block; }
section { padding:88px 0; }
.section-head { max-width:650px; margin-bottom:44px; }
h2 { font-size:clamp(2rem,4vw,3.25rem); line-height:1.06; letter-spacing:-.04em; margin:0 0 15px; }
.lead { color:var(--muted); margin:0; font-size:1rem; }
.services-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }
.service { border:1px solid var(--line); border-radius:12px; padding:25px 26px; background:linear-gradient(135deg,rgba(255,255,255,.035),rgba(255,255,255,.012)); display:flex; gap:18px; min-height:145px; }
.service-num { color:var(--blue-light); font-weight:900; font-size:1.45rem; font-style:italic; }
.service h3 { margin:0 0 6px; font-size:1.13rem; }
.service p { margin:0; color:var(--muted); font-size:.92rem; }
.service:hover { border-color:rgba(112,213,255,.55); transform:translateY(-2px); transition:.18s; }
.fumigation { background:linear-gradient(115deg,#0879f9 0%,#0752c2 100%); position:relative; overflow:hidden; }
.fumigation:after { content:""; position:absolute; width:420px; height:420px; border:1px solid rgba(255,255,255,.12); border-radius:50%; right:-80px; top:-120px; box-shadow:0 0 0 38px rgba(255,255,255,.025),0 0 0 82px rgba(255,255,255,.02); }
.fumigation .wrap { position:relative; z-index:1; }
.fumigation-layout { display:grid; grid-template-columns:1fr 1fr; gap:60px; align-items:start; }
.fumigation .eyebrow { color:#dff5ff; }
.fumigation .lead { color:#e0efff; }
.fumigation-list { border-left:1px solid rgba(255,255,255,.35); padding-left:32px; }
.fumigation-list article + article { margin-top:32px; padding-top:27px; border-top:1px solid rgba(255,255,255,.32); }
.fumigation h3 { margin:0 0 7px; font-size:1.2rem; text-transform:uppercase; letter-spacing:.035em; }
.fumigation p { margin:0; color:#e0efff; }
.why { background:#0a1b39; }
.why-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:24px; }
.why-item { border-top:3px solid var(--blue); padding-top:16px; }
.why-item strong { display:block; font-size:1.04rem; margin-bottom:5px; }
.why-item p { margin:0; color:var(--muted); font-size:.88rem; }
.bottom-cta { padding:62px 0; background:#061127; }
.cta-row { display:flex; justify-content:space-between; align-items:center; gap:30px; }
.cta-row h2 { max-width:700px; margin:0; }
footer { padding:26px 0; background:#040c1b; color:#9eafc7; font-size:.84rem; }
.footer-row { display:flex; justify-content:space-between; gap:20px; flex-wrap:wrap; }
.page-hero { padding:74px 0 62px; background:linear-gradient(115deg,#0b2146,#07152f); border-bottom:1px solid var(--line); }
.page-hero h1 { font-size:clamp(2.8rem,6vw,4.8rem); max-width:800px; }
.contact-layout { display:grid; grid-template-columns:.8fr 1.2fr; gap:56px; align-items:start; }
.contact-card { padding:25px; border:1px solid var(--line); border-radius:12px; background:rgba(255,255,255,.035); margin-bottom:14px; }
.contact-card b { display:block; margin-bottom:5px; }
.contact-card a { color:var(--blue-light); overflow-wrap:anywhere; }
form { padding:30px; border:1px solid var(--line); border-radius:14px; background:#0a1b39; }
label { display:block; font-weight:750; font-size:.87rem; margin:0 0 7px; }
input, textarea, select { display:block; width:100%; border:1px solid rgba(180,205,240,.25); border-radius:6px; padding:13px 14px; margin-bottom:18px; color:var(--white); background:#07152f; font:inherit; }
textarea { min-height:140px; resize:vertical; }
input::placeholder, textarea::placeholder { color:#8fa2bf; }
.form-note { color:var(--muted); font-size:.83rem; }
.hp { position:absolute; left:-9999px; }
.success { margin:18px 0 0; padding:14px 16px; border-radius:8px; background:rgba(112,213,255,.1); border:1px solid rgba(112,213,255,.4); }
@media (max-width:800px) {
  .nav { min-height:68px; }
  nav { gap:15px; font-size:.73rem; }
  .nav-call { padding:10px 13px; }
  .hero { min-height:610px; align-items:flex-end; }
  .brand-logo { width:190px; max-width:46vw; height:56px; }
  .hero-photo { inset:0; background-image:linear-gradient(0deg,#07152f 0%,rgba(7,21,47,.88) 27%,rgba(7,21,47,.18) 100%),url("assets/jg-ute.jpg"); background-position:center, 58% center; }
  .hero:after { width:8%; right:-65px; }
  .hero-inner { padding:210px 0 48px; }
  h1 { font-size:clamp(3rem,12vw,5rem); }
  .trustbar-inner { flex-wrap:wrap; justify-content:flex-start; }
  section { padding:64px 0; }
  .fumigation-layout, .contact-layout { grid-template-columns:1fr; gap:30px; }
  .fumigation-list { border-left:0; border-top:1px solid rgba(255,255,255,.35); padding:25px 0 0; }
  .why-grid { grid-template-columns:repeat(2,1fr); }
}
@media (max-width:520px) {
  .wrap { width:min(var(--max), calc(100% - 32px)); }
  .nav { flex-wrap:wrap; padding:12px 0; gap:12px; }
  .brand { font-size:1rem; }
  nav { order:3; width:100%; justify-content:space-between; gap:8px; }
  .nav-call { margin-left:auto; }
  .hero-inner { width:calc(100% - 32px); }
  .hero-copy { font-size:1rem; }
  .actions .btn { flex:1 1 auto; }
  .services-grid { grid-template-columns:1fr; }
  .service { min-height:unset; padding:21px; }
  .why-grid { grid-template-columns:1fr 1fr; gap:20px 15px; }
  .cta-row { align-items:flex-start; flex-direction:column; }
  form { padding:22px 18px; }
}
/* Slightly enlarge the JG Pest Control logo */
.brand-logo {
    width: 165px;
    height: auto;
    max-width: none;
}

/* Keep the logo balanced on smaller screens */
@media (max-width: 600px) {
    .brand-logo {
        width: 145px;
    }
}