@font-face {font-family: 'Archivo';font-style: normal;font-weight: 600;font-stretch: 100%;font-display: swap;src: url(/static/fonts/archivo-k3kPo8UD.woff2) format('woff2');unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face {font-family: 'Archivo';font-style: normal;font-weight: 800;font-stretch: 100%;font-display: swap;src: url(/static/fonts/archivo-k3kPo8UD.woff2) format('woff2');unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face {font-family: 'Source Sans 3';font-style: normal;font-weight: 400;font-display: swap;src: url(/static/fonts/sourcesans3-nwpStKy2.woff2) format('woff2');unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face {font-family: 'Source Sans 3';font-style: normal;font-weight: 600;font-display: swap;src: url(/static/fonts/sourcesans3-nwpStKy2.woff2) format('woff2');unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
/* Joliet Garage Door Service: photo-led, bold color blocks */
:root{--navy:#14213d;--navy2:#22335a;--hot:#f2662b;--hot-d:#c94d17;--sand:#f6f1ea;--paper:#fff;--line:#e6e1d8;--text:#1f2430;--soft:#5d6472;
--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:24px;--s6:32px;--s7:48px;--s8:72px;--r:14px;--sh:0 1px 2px rgba(20,33,61,.06),0 8px 24px rgba(20,33,61,.08)}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--text);font:400 1.0625rem/1.65 "Source Sans 3",system-ui,sans-serif;padding-bottom:64px}
h1,h2,h3,.jg-logo,.jg-foot-name,.jg-form-h,.jg-card-h,.jg-svc b,.jg-steps b,summary{font-family:Archivo,"Arial Narrow",system-ui,sans-serif}
h1{font-weight:800;letter-spacing:-.02em;line-height:1.06}
a{color:var(--hot-d)}a:hover{color:var(--hot)}
img{max-width:100%;height:auto;display:block}
.jg-i{flex:none}
.jg-col{max-width:1200px;margin:0 auto;padding:0 var(--s4)}
.jg-narrow{max-width:820px}
/* header */
.jg-mast{background:var(--navy);color:#fff;position:sticky;top:0;z-index:20;box-shadow:0 2px 12px rgba(0,0,0,.18)}
.jg-mast-in{display:flex;align-items:center;gap:var(--s4);padding-top:var(--s3);padding-bottom:var(--s3)}
.jg-logo{display:flex;align-items:center;gap:var(--s3);color:#fff;text-decoration:none;font-weight:800;font-size:1.05rem;line-height:1.1}
.jg-logo:hover{color:#fff}.jg-logo small{display:block;font:400 .78rem "Source Sans 3",sans-serif;color:#aeb9cf}
.jg-logo-mark{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:10px;background:var(--hot);color:#fff}
.jg-menu{display:none;list-style:none;margin:0 0 0 auto;padding:0;gap:var(--s5)}
.jg-menu a{color:#dfe5f0;text-decoration:none;font-weight:600;font-size:.95rem;padding:6px 0;border-bottom:2px solid transparent}
.jg-menu a:hover,.jg-menu a[aria-current]{color:#fff;border-bottom-color:var(--hot)}
.jg-topcall{margin-left:auto;display:inline-flex;align-items:center;gap:6px;background:var(--hot);color:#fff;font-weight:700;text-decoration:none;padding:9px 14px;border-radius:999px;font-size:.9rem;white-space:nowrap}
.jg-topcall.jg-pending{background:rgba(255,255,255,.1);color:#ffd2bd;font-weight:600;font-size:.8rem}
/* buttons */
.jg-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--s2);font:700 1rem Archivo,sans-serif;padding:15px 22px;border-radius:12px;text-decoration:none;border:0;cursor:pointer;transition:transform .15s,background .15s}
.jg-btn:hover{transform:translateY(-1px)}
.jg-btn-hot{background:var(--hot);color:#fff;box-shadow:0 8px 20px rgba(242,102,43,.35)}.jg-btn-hot:hover{background:var(--hot-d);color:#fff}
.jg-btn-hot.jg-pending{background:#fff;color:var(--navy);box-shadow:none;font-weight:600;cursor:default;transform:none}
.jg-btn-hot.jg-pending .jg-i{color:var(--hot)}
.jg-btn-light{background:rgba(255,255,255,.14);color:#fff;border:1.5px solid rgba(255,255,255,.55);backdrop-filter:blur(4px)}.jg-btn-light:hover{color:#fff;background:rgba(255,255,255,.24)}
.jg-btn-ghost{background:transparent;color:#fff;border:1.5px solid rgba(255,255,255,.5)}.jg-btn-ghost:hover{color:#fff;border-color:#fff}
/* hero */
.jg-hero{position:relative;color:#fff;background:var(--navy);overflow:hidden}
.jg-hero-bg img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.jg-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(14,22,42,.78),rgba(14,22,42,.62) 55%,rgba(14,22,42,.9))}
.jg-hero-in{position:relative;z-index:1}
.jg-hero-home .jg-hero-in{display:grid;gap:var(--s6);padding-top:var(--s6);padding-bottom:var(--s7)}
.jg-kicker{display:inline-flex;align-items:center;gap:6px;margin:0 0 var(--s3);font-weight:600;font-size:.85rem;letter-spacing:.04em;text-transform:uppercase;color:#ffc3a8}
.jg-hero h1{font-size:clamp(2.1rem,6.4vw,3.9rem);margin:0 0 var(--s4);max-width:14ch;text-wrap:balance}
.jg-hero-sub{font-size:1.12rem;color:#e4e9f2;max-width:46ch;margin:0 0 var(--s5)}
.jg-hero-cta{display:flex;flex-wrap:wrap;gap:var(--s3)}
.jg-hero-ticks{display:flex;flex-wrap:wrap;gap:var(--s2) var(--s5);list-style:none;margin:var(--s5) 0 0;padding:0;font-weight:600;color:#dfe6f2;font-size:.95rem}
.jg-hero-ticks li{display:flex;align-items:center;gap:6px}.jg-hero-ticks .jg-i{color:var(--hot)}
.jg-hero-inner .jg-hero-in{padding-top:var(--s6);padding-bottom:var(--s6)}
.jg-hero-inner h1{font-size:clamp(1.9rem,5vw,3rem);max-width:22ch}
.jg-trail{font-size:.88rem;color:#c3cbe0;margin:0 0 var(--s3)}.jg-trail a{color:#fff}.jg-trail span{opacity:.5;margin:0 4px}
/* form */
.jg-form{background:#fff;color:var(--text);border-radius:18px;padding:var(--s5);box-shadow:0 24px 60px rgba(0,0,0,.28)}
.jg-form-h{font-size:1.35rem;font-weight:800;margin:0;color:var(--navy)}
.jg-form-sub{margin:4px 0 var(--s4);color:var(--soft);font-size:.95rem}
.jg-fields{display:grid;gap:var(--s3)}
.jg-fields label{display:grid;gap:4px;font-weight:600;font-size:.88rem;color:var(--navy)}
.jg-fields input,.jg-fields select,.jg-fields textarea{font:inherit;font-weight:400;font-size:1rem;color:var(--text);padding:11px 12px;border:1.5px solid #d5dae3;border-radius:10px;background:#fbfbfd;width:100%}
.jg-fields input:focus,.jg-fields select:focus,.jg-fields textarea:focus{outline:none;border-color:var(--hot);box-shadow:0 0 0 3px rgba(242,102,43,.18);background:#fff}
.jg-hp{position:absolute!important;left:-9999px;width:1px;height:1px;overflow:hidden}
.jg-submit{width:100%;margin-top:var(--s4)}
.jg-form-msg{margin:var(--s2) 0 0;font-weight:600;color:var(--hot-d);min-height:1em;font-size:.92rem}
.jg-form-fine{margin:var(--s2) 0 0;font-size:.78rem;color:#7a8190}.jg-form-fine a{color:#7a8190}
/* trust */
.jg-trust{background:var(--navy2);color:#fff}
.jg-trust ul{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:var(--s4);padding-top:var(--s5);padding-bottom:var(--s5);margin:0 auto}
.jg-trust li{display:flex;gap:var(--s3);align-items:flex-start;font-size:.9rem;color:#c5cee0}.jg-trust .jg-i{color:var(--hot)}
.jg-trust b{display:block;color:#fff;font-size:1rem}
/* sections */
.jg-sec{padding:var(--s8) 0}
.jg-eyebrow{margin:0 0 var(--s2);font:700 .8rem Archivo,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--hot-d)}
.jg-eyebrow-lt{color:#ffd2bd}
.jg-h2{font-size:clamp(1.7rem,3.6vw,2.5rem);font-weight:800;letter-spacing:-.015em;line-height:1.12;color:var(--navy);margin:0 0 var(--s3)}
.jg-intro{max-width:60ch;color:var(--soft);font-size:1.08rem;margin:0 0 var(--s6)}
.jg-svcs{list-style:none;margin:0;padding:0;display:grid;gap:var(--s5)}
.jg-svc a{display:flex;flex-direction:column;height:100%;background:#fff;border-radius:var(--r);overflow:hidden;box-shadow:var(--sh);border:1px solid var(--line);text-decoration:none;color:var(--text);transition:transform .2s,box-shadow .2s}
.jg-svc a:hover{transform:translateY(-3px);box-shadow:0 2px 4px rgba(20,33,61,.08),0 18px 40px rgba(20,33,61,.14);color:var(--text)}
.jg-svc img{aspect-ratio:3/2;object-fit:cover;width:100%}
.jg-svc-body{position:relative;display:flex;flex-direction:column;gap:6px;padding:var(--s5);flex:1}
.jg-svc-i{position:absolute;top:-24px;left:var(--s5);display:grid;place-items:center;width:46px;height:46px;border-radius:12px;background:var(--hot);color:#fff;box-shadow:0 6px 14px rgba(242,102,43,.4)}
.jg-svc b{font-size:1.25rem;color:var(--navy);margin-top:var(--s3)}
.jg-svc-body>span:not([class]){color:var(--soft)}
.jg-svc-go{margin-top:auto;padding-top:var(--s3);display:flex;align-items:center;gap:6px;font-weight:700;color:var(--hot-d)}
.jg-svc-cost a{background:var(--navy);border-color:var(--navy);color:#fff}.jg-svc-cost a:hover{color:#fff}
.jg-svc-cost .jg-svc-body{justify-content:center;padding-top:var(--s7)}.jg-svc-cost b{color:#fff}.jg-svc-cost .jg-svc-body>span:not([class]){color:#c5cee0}.jg-svc-cost .jg-svc-i{top:var(--s5)}.jg-svc-cost .jg-svc-go{color:#ffb08d}
.jg-sec-sym{background:var(--sand)}
.jg-syms{list-style:none;margin:var(--s5) 0 0;padding:0;display:grid;gap:var(--s4)}
.jg-sym{background:#fff;border-radius:var(--r);padding:var(--s5);box-shadow:var(--sh);display:flex;flex-direction:column;gap:var(--s2);border-top:4px solid var(--hot)}
.jg-sym-i{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:#fde8de;color:var(--hot-d)}
.jg-sym-what{font-weight:700;color:var(--navy);margin:var(--s2) 0 0;font-size:1.05rem;line-height:1.4}
.jg-sym-why{margin:0;color:var(--soft);font-size:.95rem}
.jg-more{margin-top:auto;font-weight:700;text-decoration:none}
.jg-how{background:#fff}
.jg-steps{list-style:none;margin:var(--s6) 0 0;padding:0;display:grid;gap:var(--s5);counter-reset:s}
.jg-steps li{position:relative;padding:var(--s5);border-radius:var(--r);background:var(--sand);display:flex;flex-direction:column;gap:6px}
.jg-step-n{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--navy);color:#fff;font:800 1.2rem Archivo,sans-serif;margin-bottom:var(--s2)}
.jg-steps b{font-size:1.2rem;color:var(--navy)}.jg-steps span:last-child{color:var(--soft)}
.jg-emer{background:var(--hot);color:#fff;padding:var(--s7) 0}
.jg-emer-in{display:grid;gap:var(--s6);align-items:center}
.jg-emer-img{border-radius:var(--r);box-shadow:0 20px 50px rgba(90,25,0,.35);aspect-ratio:3/2;object-fit:cover;width:100%}
.jg-emer .jg-h2{color:#fff}.jg-emer p{color:#fff3ec;max-width:54ch}
.jg-emer-cta{display:flex;flex-wrap:wrap;gap:var(--s3);margin-top:var(--s5)}
.jg-emer .jg-btn-hot{background:var(--navy);box-shadow:0 10px 24px rgba(20,33,61,.35)}.jg-emer .jg-btn-hot.jg-pending{background:#fff}
.jg-fine-lt a{color:#fff;font-weight:600}
.jg-area{display:grid;gap:var(--s6);align-items:center}
.jg-chips{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:var(--s2)}
.jg-chips a{display:inline-flex;align-items:center;gap:6px;padding:9px 14px;border-radius:999px;background:var(--sand);color:var(--navy);text-decoration:none;font-weight:600;border:1px solid var(--line)}
.jg-chips a:hover{background:var(--navy);color:#fff}
.jg-map{width:100%;height:auto;filter:drop-shadow(0 10px 30px rgba(20,33,61,.12))}
.jg-map text{font:600 13px "Source Sans 3",sans-serif;fill:#22335a;text-anchor:middle}
.jg-map .jg-map-main{font:800 18px Archivo,sans-serif;fill:#14213d}.jg-map .jg-map-note{font-size:11px;fill:#6b7385;font-weight:400}
.jg-map-towns circle{fill:#fff;stroke:#14213d;stroke-width:3}.jg-map-towns a:hover circle{fill:#f2662b}
/* guide layout */
.jg-sec-guide{background:var(--sand)}
.jg-guide{display:grid;gap:var(--s6);align-items:start}
.jg-inner{padding-top:var(--s6);padding-bottom:var(--s7)}
.jg-article{background:#fff;border-radius:18px;padding:var(--s5);box-shadow:var(--sh);min-width:0}
.jg-article h2{font-size:1.5rem;color:var(--navy);margin:var(--s6) 0 var(--s3);line-height:1.2;padding-left:var(--s3);border-left:4px solid var(--hot)}
.jg-article h3{color:var(--navy)}
.jg-article>p:first-of-type{font-size:1.15rem;color:#2f3646}
.jg-article li{margin:.35em 0}
.jg-article table{width:100%;border-collapse:collapse;margin:var(--s4) 0;font-size:.95rem;display:block;overflow-x:auto;border-radius:10px}
.jg-article th{background:var(--navy);color:#fff;text-align:left}.jg-article th,.jg-article td{padding:10px 12px;border-bottom:1px solid var(--line);vertical-align:top}
.jg-side{display:flex;flex-direction:column;gap:var(--s4)}
.jg-side .jg-form{box-shadow:var(--sh);border:1px solid var(--line)}
.jg-card{background:#fff;border-radius:var(--r);padding:var(--s5);box-shadow:var(--sh);border:1px solid var(--line)}
.jg-card-h{margin:0 0 var(--s2);font-weight:800;color:var(--navy)}
.jg-links{list-style:none;margin:0;padding:0}.jg-links li{margin:0;border-bottom:1px solid #f0ece5}.jg-links li:last-child{border:0}
.jg-links a{display:flex;align-items:center;gap:8px;padding:8px 0;text-decoration:none;color:var(--text);font-weight:600}.jg-links a:hover{color:var(--hot-d)}
.jg-two{columns:2}
/* faq */
.jg-sec-faq{background:#fff}
.jg-faq h2{font-size:clamp(1.6rem,3vw,2.2rem);color:var(--navy);margin:0 0 var(--s5);border:0;padding:0}
.jg-faq details{border:1px solid var(--line);border-radius:12px;margin:0 0 var(--s3);background:#fff;box-shadow:0 1px 2px rgba(20,33,61,.05)}
.jg-faq summary{list-style:none;cursor:pointer;padding:var(--s4) var(--s5);font-weight:700;color:var(--navy);display:flex;justify-content:space-between;gap:var(--s4);font-size:1.05rem}
.jg-faq summary::-webkit-details-marker{display:none}
.jg-faq summary span{display:grid;place-items:center;flex:none;width:28px;height:28px;border-radius:50%;background:var(--sand);color:var(--hot-d);font-size:1.2rem;transition:transform .2s}
.jg-faq details[open] summary span{transform:rotate(45deg)}
.jg-faq details p{margin:0;padding:0 var(--s5) var(--s4);color:var(--soft)}
.jg-article .jg-faq{margin-top:var(--s6)}.jg-article .jg-faq h2{border:0;padding:0;font-size:1.5rem}
/* footer */
.jg-foot{background:#0e1730;color:#aab4c8;font-size:.95rem;padding:var(--s7) 0 var(--s5)}
.jg-foot a{color:#e3e8f1;text-decoration:none}.jg-foot a:hover{color:var(--hot)}
.jg-foot ul{list-style:none;margin:0;padding:0}.jg-foot li{margin:0 0 6px}
.jg-foot-grid{display:grid;gap:var(--s6)}
.jg-foot-name{display:flex;align-items:center;gap:var(--s2);color:#fff;font-size:1.15rem;font-weight:800;margin:0 0 var(--s3)}
.jg-foot-name .jg-logo-mark{width:32px;height:32px;border-radius:8px}
.jg-foot-h{color:#fff;font:700 .8rem Archivo,sans-serif;letter-spacing:.12em;text-transform:uppercase;margin:0 0 var(--s3)}
.jg-foot-base{border-top:1px solid #23304d;margin-top:var(--s6);padding-top:var(--s4);font-size:.8rem;color:#8390a8}
.jg-bar{position:fixed;left:0;right:0;bottom:0;z-index:30;display:flex;align-items:center;justify-content:center;gap:8px;background:var(--hot);color:#fff;font:700 1rem Archivo,sans-serif;padding:16px;text-decoration:none;box-shadow:0 -4px 16px rgba(0,0,0,.2)}
.jg-bar.jg-pending{background:var(--navy);color:#ffd2bd;font-weight:600}
@media(min-width:640px){
 .jg-trust ul{grid-template-columns:repeat(4,1fr)}
 .jg-svcs,.jg-syms{grid-template-columns:repeat(2,1fr)}
 .jg-steps{grid-template-columns:repeat(3,1fr)}
 .jg-fields{grid-template-columns:1fr 1fr}.jg-wide{grid-column:1/-1}
 .jg-foot-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:899px){.jg-hero-home .jg-hero-in{padding-top:var(--s5);padding-bottom:var(--s5);gap:var(--s4)}.jg-hero h1{font-size:2.15rem;margin-bottom:var(--s2)}.jg-kicker{margin-bottom:var(--s2);font-size:.78rem}.jg-hero-sub{font-size:1rem;margin-bottom:var(--s3)}.jg-hero-ticks{display:none}.jg-hero-form .jg-form{padding:var(--s4)}.jg-form-sub{margin-bottom:var(--s3)}}
@media(min-width:900px){
 body{padding-bottom:0}.jg-bar{display:none}
 .jg-menu{display:flex}.jg-topcall{margin-left:var(--s4)}
 .jg-hero-home .jg-hero-in{grid-template-columns:1.1fr minmax(0,460px);align-items:center;padding-top:var(--s8);padding-bottom:var(--s8)}
 .jg-hero::after{background:linear-gradient(90deg,rgba(14,22,42,.9) 0%,rgba(14,22,42,.7) 45%,rgba(14,22,42,.35) 100%)}
 .jg-hero-inner .jg-hero-in{padding-top:var(--s8);padding-bottom:var(--s8)}
 .jg-svcs{grid-template-columns:repeat(3,1fr)}.jg-syms{grid-template-columns:repeat(5,1fr)}
 .jg-emer-in{grid-template-columns:1fr 1.1fr}
 .jg-area{grid-template-columns:1fr 1.1fr}
 .jg-guide{grid-template-columns:minmax(0,1fr) 380px}
 .jg-side{position:sticky;top:90px}
 .jg-article{padding:var(--s6) var(--s7)}
 .jg-foot-grid{grid-template-columns:1.4fr 1fr 1fr .8fr}
}
@media(max-width:899px){.jg-logo{font-size:.98rem;white-space:nowrap}.jg-logo small{display:none}.jg-logo-mark{width:34px;height:34px}.jg-mast-in{gap:10px}.jg-topcall{padding:8px 11px;font-size:.78rem}.jg-topcall.jg-pending{font-size:.74rem}}
@media(max-width:430px){.jg-logo{font-size:.95rem}.jg-topcall.jg-pending span{display:none}.jg-topcall.jg-pending{padding:8px}}

.jg-bar{transition:transform .25s}.jg-bar-off{transform:translateY(110%)}
body{padding-bottom:72px}@media(min-width:900px){body{padding-bottom:0}}
.jg-btn-navy{background:var(--navy);color:#fff}.jg-btn-navy:hover{color:#fff;background:#0e1730}