/* IAN RENT CAR — monochrome black/white/gray, Oswald + Inter, B2B corporate */

:root{
  --ink:#0a0a0a;
  --ink-soft:#242424;
  --ink-mute:#6e6e6e;
  --line:#e2e2e2;
  --surface:#f4f4f3;
  --surface-2:#ececea;
  --white:#ffffff;
  --silver:#b9b9b9;
  --ok:#2f8f5b;
  --radius:8px;
  --radius-sm:4px;
  --radius-lg:14px;
  --shadow:5px 5px 28px rgba(0,0,0,.09);
  --shadow-lg:8px 8px 44px rgba(0,0,0,.14);
  --ease:cubic-bezier(.2,.8,.2,1);
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;font-family:"Inter",sans-serif;color:var(--ink);background:var(--white);
  -webkit-font-smoothing:antialiased;
}
h1,h2,h3,h4{font-family:"Unbounded",sans-serif;letter-spacing:0;margin:0;line-height:1.12;font-weight:700}
h1{font-size:clamp(34px,5.4vw,60px)}
h2{font-size:clamp(26px,3.6vw,38px)}
h3{font-size:19px}
p{margin:0;line-height:1.7;color:var(--ink-mute)}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.container{max-width:1180px;margin:0 auto;padding:0 22px}
.mt-sm{margin-top:10px}.mt-md{margin-top:18px}.mt-lg{margin-top:34px}

/* ---------- Buttons ---------- */
.btn{display:inline-flex;align-items:center;gap:9px;padding:15px 28px;border-radius:var(--radius-sm);font-weight:700;font-size:14.5px;letter-spacing:0;border:1px solid transparent;cursor:pointer;transition:transform .25s var(--ease),box-shadow .25s,background .25s,color .25s}
.btn svg{width:17px;height:17px;flex:none}
.btn-primary{background:var(--ink);color:var(--white)}
.btn-primary:hover{transform:translateY(-3px);box-shadow:var(--shadow)}
.btn-outline{background:transparent;color:var(--ink);border-color:var(--ink)}
.btn-outline:hover{background:var(--ink);color:var(--white)}
.btn-light{background:var(--white);color:var(--ink)}
.btn-light:hover{transform:translateY(-3px);box-shadow:0 18px 40px -14px rgba(0,0,0,.3)}
.btn-sm{padding:11px 20px;font-size:12.5px}
.btn-block{width:100%;justify-content:center}

/* ---------- Nav ---------- */
.nav{position:fixed;top:36px;left:0;right:0;z-index:200;background:rgba(255,255,255,.92);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.nav-row{max-width:1180px;margin:0 auto;padding:16px 22px;display:flex;align-items:center;justify-content:space-between}
.brand{display:flex;align-items:center;gap:12px}
.brand-mark{width:44px;height:44px;border-radius:10px;background:var(--ink);display:flex;align-items:center;justify-content:center;color:var(--white);font-family:"Unbounded",sans-serif;font-weight:700;font-size:14px;letter-spacing:.5px}
.brand-text{font-family:"Unbounded",sans-serif;font-weight:700;font-size:16px;letter-spacing:.4px;line-height:1.1;text-transform:uppercase}
.brand-text span{display:block;font-family:"Inter",sans-serif;font-size:9.5px;font-weight:600;letter-spacing:1.6px;color:var(--ink-mute);text-transform:uppercase;margin-top:2px}
.nav-links{display:flex;gap:30px;align-items:center}
.nav-links a{font-size:13px;font-weight:600;letter-spacing:.3px;text-transform:uppercase;color:var(--ink-soft);position:relative;padding:4px 0}
.nav-links a::after{content:"";position:absolute;left:0;bottom:-2px;width:0;height:2px;background:var(--ink);transition:width .25s var(--ease)}
.nav-links a:hover::after,.nav-links a.active::after{width:100%}
.nav-dropdown{position:relative}
.dropdown-trigger{display:flex;align-items:center;gap:5px;cursor:pointer}
.dropdown-trigger svg{width:12px;height:12px;transition:transform .2s}
.nav-dropdown:hover .dropdown-trigger svg{transform:rotate(180deg)}
.dropdown-panel{position:absolute;top:100%;left:50%;transform:translateX(-50%) translateY(10px);background:var(--white);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-lg);padding:24px 28px;display:flex;gap:44px;opacity:0;visibility:hidden;transition:opacity .2s,transform .2s;min-width:380px;pointer-events:none}
.nav-dropdown:hover .dropdown-panel{opacity:1;visibility:visible;transform:translateX(-50%) translateY(4px);pointer-events:auto}
.dropdown-col h4{font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:var(--ink-mute);margin:0 0 12px;font-weight:700}
.dropdown-col a{display:block;font-size:13.5px;padding:7px 0;color:var(--ink-soft);font-weight:500;text-transform:none;letter-spacing:0}
.dropdown-col a:hover{color:var(--ink);font-weight:700}
.dropdown-col a::after{display:none}
.nav-cta{display:flex;align-items:center;gap:14px}
.burger{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:6px}
.burger span{width:22px;height:2px;background:var(--ink)}
.mobile-panel{position:fixed;top:0;right:-100%;width:280px;height:100vh;background:var(--white);z-index:300;padding:90px 28px 28px;display:flex;flex-direction:column;gap:22px;transition:right .35s var(--ease);box-shadow:var(--shadow-lg)}
.mobile-panel.open{right:0}
.mobile-panel a{font-size:15px;font-weight:700;text-transform:uppercase;letter-spacing:.3px}

/* ---------- Hero (full-bleed photo + dark overlay, text sits on top) ---------- */
.hero{padding:230px 0 110px;background:var(--ink);color:var(--white);position:relative;overflow:hidden;min-height:640px;display:flex;align-items:flex-end}
.hero-bg{position:absolute;inset:0;z-index:0}
.hero-bg img{width:100%;height:100%;object-fit:cover}
.hero-overlay{position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(10,10,10,.5) 0%,rgba(10,10,10,.72) 55%,rgba(10,10,10,.94) 100%)}
.hero .container{position:relative;z-index:2;max-width:580px;margin-left:0;margin-right:auto}
.hero h1{font-size:clamp(38px,6vw,68px)}
.kicker{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);font-size:11.5px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:var(--silver)}
.kicker.light{background:var(--surface);border-color:var(--line);color:var(--ink-mute)}
.hero h1{color:var(--white)}
.hero h1 .outline{display:block;color:transparent;-webkit-text-stroke:1.5px var(--white);text-stroke:1.5px var(--white)}
.hero p.lead{color:#cfcfcf;font-size:16.5px;max-width:460px;margin-top:18px}
.hero-btns{display:flex;gap:14px;margin-top:30px;flex-wrap:wrap}
.hero-stats{display:flex;gap:30px;margin-top:40px;flex-wrap:wrap}
.hero-stats div b{font-family:"Unbounded",sans-serif;font-size:28px;display:block}
.hero-stats div span{font-size:12px;color:#a8a8a8;text-transform:uppercase;letter-spacing:.5px}
@media(max-width:720px){.hero{min-height:560px;padding:200px 0 70px}}

/* ---------- Sections ---------- */
section{padding:66px 0}
.sec-head{max-width:640px}
.sec-head.center{margin:0 auto;text-align:center}
.sec-head p{margin-top:14px;font-size:15.5px}

.g2{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.g3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.g4{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}

.card{background:var(--white);border:1px solid var(--line);border-top:2px solid var(--ink);border-radius:var(--radius);padding:30px 26px;transition:transform .25s var(--ease),box-shadow .25s,border-color .25s}
.card:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:var(--ink)}
.ico-box{width:52px;height:52px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;background:var(--ink);color:var(--white);margin-bottom:16px}
.ico-box svg{width:24px;height:24px}
.ico-box.alt{background:var(--surface-2);color:var(--ink)}

/* ---------- Fleet cards ---------- */
.fleet-card{background:var(--white);border:1px solid var(--line);border-top:2px solid var(--ink);border-radius:var(--radius);overflow:hidden;transition:transform .25s var(--ease),box-shadow .25s,border-color .25s}
.fleet-card:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:var(--ink)}
.fleet-art{aspect-ratio:4/3;background:var(--surface);position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}
.fleet-art img{width:100%;height:100%;object-fit:cover;transition:transform .5s var(--ease)}
.fleet-card:hover .fleet-art img{transform:scale(1.04)}
.fleet-badge{position:absolute;top:14px;left:14px;background:var(--ink);color:var(--white);font-size:10.5px;font-weight:700;padding:6px 13px;border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.4px}
.fleet-body{padding:22px 24px 26px}
.fleet-body h3{font-size:18px}
.fleet-body span.type{font-size:12.5px;color:var(--ink-mute);text-transform:uppercase;letter-spacing:.4px;display:block;margin-top:4px}
.fleet-specs{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
.fleet-specs .sp{display:flex;align-items:center;gap:6px;font-size:12.5px;color:var(--ink-soft);background:var(--surface);padding:7px 11px;border-radius:999px}
.fleet-specs .sp svg{width:14px;height:14px}
.fleet-btns{display:flex;gap:8px;margin-top:18px}
.fleet-btns .btn{flex:1;justify-content:center;padding:11px 10px;font-size:11.5px}
.fleet-loading{grid-column:1/-1;text-align:center;color:var(--ink-mute);font-size:14.5px;padding:30px 0}

/* ---------- Tiered pricing (per-day rate that decreases with duration) ---------- */
.fleet-tiers{margin-top:16px;border-top:1px solid var(--line);padding-top:12px;display:flex;flex-direction:column;gap:6px}
.tier-row{display:flex;justify-content:space-between;align-items:baseline;font-size:12.5px}
.tier-row span{color:var(--ink-mute)}
.tier-row b{font-weight:700;color:var(--ink)}
.fleet-from{margin-top:12px;font-size:13px;color:var(--ink-mute)}
.fleet-from b{color:var(--ink);font-family:"Unbounded",sans-serif;font-size:16px}

/* ---------- Carousel (horizontal scroll-snap row, flanking arrows like the reference) ---------- */
.carousel-wrap{position:relative;padding:0 56px}
.carousel-track{display:flex;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding-bottom:6px;scrollbar-width:none}
.carousel-track::-webkit-scrollbar{display:none}
.carousel-track .fleet-card{flex:0 0 clamp(260px,32vw,340px);scroll-snap-align:start}
.carousel-nav{display:contents}
.carousel-nav button{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:50%;border:1px solid var(--line);background:var(--white);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s,color .2s;z-index:3;box-shadow:var(--shadow)}
.carousel-nav button:hover{background:var(--ink);color:var(--white);border-color:var(--ink)}
.carousel-nav button[data-carousel-prev]{left:0}
.carousel-nav button[data-carousel-next]{right:0}
.carousel-nav svg{width:18px;height:18px}
@media(max-width:720px){.carousel-wrap{padding:0 46px}.carousel-nav button{width:38px;height:38px}}

/* ---------- Ticker ---------- */
.ticker-bar{background:var(--surface);color:var(--ink);overflow:hidden;white-space:nowrap;padding:9px 0;position:fixed;top:0;left:0;right:0;z-index:199;border-bottom:1px solid var(--line)}
.ticker-track{display:inline-flex;gap:60px;animation:ticker-scroll 28s linear infinite}
.ticker-track span{font-size:12px;font-weight:700;letter-spacing:.3px;text-transform:uppercase;color:var(--ink)}
@keyframes ticker-scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* ---------- Category quick-nav row (flat, divider-based, no card boxes) ---------- */
.catnav-row{display:flex;flex-wrap:wrap;justify-content:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.catnav-item{display:flex;align-items:center;gap:10px;padding:22px 30px;border-right:1px solid var(--line);transition:color .2s;flex:1 1 auto;justify-content:center;min-width:150px}
.catnav-item:last-child{border-right:none}
.catnav-item:hover{color:var(--ink-mute)}
.catnav-item svg{width:22px;height:22px;flex:none}
.catnav-item span{font-size:12.5px;font-weight:700;text-transform:uppercase;letter-spacing:.3px;white-space:nowrap}
@media(max-width:720px){.catnav-item{flex:1 1 50%;border-right:none;border-bottom:1px solid var(--line);padding:16px}}

/* ---------- Promo banner ---------- */
.promo-banner{background:var(--ink);border-radius:var(--radius-lg);padding:60px 54px;position:relative;overflow:hidden;color:var(--white)}
.promo-banner::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 15% 85%,rgba(255,255,255,.08),transparent 55%)}
.promo-banner-inner{position:relative;z-index:2;max-width:560px}
.promo-banner h2{color:var(--white)}
.promo-banner p{color:#cfcfcf;margin-top:14px;font-size:15.5px}
.promo-banner .btn{margin-top:26px}

/* ---------- Category count grid ---------- */
.cat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.cat-card{background:var(--white);border:1px solid var(--line);border-top:2px solid var(--ink);border-radius:var(--radius);padding:30px 26px;transition:transform .25s var(--ease),box-shadow .25s,background .25s,color .25s;display:block}
.cat-card:hover{transform:translateY(-3px);box-shadow:var(--shadow);background:var(--ink);color:var(--white)}
.cat-card h3{font-size:19px}
.cat-card span{display:block;margin-top:8px;font-size:13px;color:var(--ink-mute)}
.cat-card:hover span{color:#cfcfcf}

/* ---------- Spotlight (car / unit of the day) ---------- */
.spotlight-card{display:grid;grid-template-columns:1fr 1fr;gap:0;background:var(--white);border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden}
.spotlight-art{aspect-ratio:4/3;background:var(--surface);overflow:hidden}
.spotlight-art img{width:100%;height:100%;object-fit:cover}
.spotlight-body{padding:40px 44px}
.spotlight-body .type{font-size:12.5px;color:var(--ink-mute);text-transform:uppercase;letter-spacing:.4px;display:block;margin-top:4px}
@media(max-width:860px){.spotlight-card{grid-template-columns:1fr}.spotlight-body{padding:30px 26px}}

/* ---------- USP numbered cards (bigger, second framing) ---------- */
.usp-big{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.usp-big-card{padding:8px 4px}
.usp-big-card .n{font-family:"Unbounded",sans-serif;font-size:50px;font-weight:700;color:var(--line);display:block}
.usp-big-card h3{margin-top:12px;font-size:18px}
.usp-big-card p{margin-top:10px;font-size:14px}

/* ---------- Reviews ---------- */
.reviews-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.review-card{background:var(--white);border:1px solid var(--line);border-top:2px solid var(--ink);border-radius:var(--radius);padding:28px 26px}
.review-card .stars{color:#f0a500;font-size:15px;letter-spacing:1px}
.review-card p{margin-top:14px;font-size:14.5px;color:var(--ink-soft);line-height:1.7}
.review-card b{display:block;margin-top:16px;font-size:14px}
.review-card span{display:block;font-size:12.5px;color:var(--ink-mute);margin-top:2px}
.review-empty{grid-column:1/-1;text-align:center;padding:40px 20px;background:var(--surface);border-radius:var(--radius);color:var(--ink-mute);font-size:14.5px;max-width:520px;margin:0 auto}

.review-form{max-width:560px;margin:40px auto 0;background:var(--surface);border-radius:var(--radius-lg);padding:32px 34px}
.review-form label{display:block;font-size:12.5px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;margin:14px 0 7px;color:var(--ink-soft)}
.review-form input,.review-form textarea{width:100%;padding:12px 14px;border:1px solid var(--line);border-radius:10px;font-size:14px;font-family:inherit;background:var(--white)}
.star-input{display:flex;gap:6px;margin-top:4px}
.star-input button{width:36px;height:36px;border-radius:8px;border:1px solid var(--line);background:var(--white);font-size:16px;color:var(--line);cursor:pointer;transition:color .2s,border-color .2s}
.star-input button.active{color:#f0a500;border-color:#f0a500}
.review-form button[type="submit"]{margin-top:22px}

/* ---------- Contact CTA (bottom, before footer) ---------- */
.contact-cta{background:var(--ink);border-radius:var(--radius-lg);padding:54px;color:var(--white);display:flex;justify-content:space-between;align-items:center;gap:40px;flex-wrap:wrap}
.contact-cta h2{color:var(--white);font-size:clamp(22px,2.6vw,30px)}
.contact-cta p{color:#cfcfcf;margin-top:10px;font-size:14px}
.contact-cta .hours{margin-top:14px;font-size:12.5px;color:#9a9a9a}
.contact-cta-btns{display:flex;gap:12px;flex-wrap:wrap}

/* ---------- Steps ---------- */
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;counter-reset:step}
.step{position:relative;padding-top:10px}
.step .n{font-family:"Unbounded",sans-serif;font-size:44px;font-weight:700;color:var(--line)}
.step h3{margin-top:10px;font-size:16px}
.step p{margin-top:8px;font-size:13.5px}

/* ---------- CTA band ---------- */
.cta-band{background:var(--ink);color:var(--white);border-radius:var(--radius-lg);padding:52px 50px;display:flex;align-items:center;justify-content:space-between;gap:30px;flex-wrap:wrap}
.cta-band h2{color:var(--white)}
.cta-band p{color:#cfcfcf;margin-top:8px}

/* ---------- Article ---------- */
.article-body{max-width:780px}
.article-body p{margin-top:14px;font-size:15px;line-height:1.75;color:var(--ink-soft)}
.article-body h3{margin-top:30px;font-size:19.5px;line-height:1.3;text-transform:none}
.article-body a{color:var(--ink);font-weight:700;text-decoration:underline;text-underline-offset:2px}
.article-body strong{color:var(--ink)}
.article-body figure{margin:22px 0 10px}
.article-body figure img{width:100%;border-radius:var(--radius-lg);display:block;aspect-ratio:3/2;object-fit:cover}
.article-body figcaption{font-size:11.5px;color:var(--ink-mute);margin-top:7px}
.article-body figcaption a{font-weight:600;text-decoration:underline}

.faq-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:32px}
.faq-item{background:var(--surface);border-radius:20px;padding:22px 24px}
.faq-item h4{font-size:15px;line-height:1.4;text-transform:none;font-family:"Inter",sans-serif;font-weight:700}
.faq-item p{margin-top:8px;font-size:13.5px;color:var(--ink-mute);line-height:1.65}

.price-table{width:100%;border-collapse:collapse;margin-top:18px;font-size:14px}
.price-table th,.price-table td{padding:14px 14px;text-align:left;border-bottom:1px solid var(--line)}
.price-table th{color:var(--ink-mute);font-size:11.5px;text-transform:uppercase;letter-spacing:.4px;font-weight:700}
.price-table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:20px;padding:4px 18px}

/* ---------- Quote form ---------- */
.quote-form{background:var(--white);border:1px solid var(--line);border-radius:var(--radius-lg);padding:36px;box-shadow:var(--shadow)}
.quote-form label{display:block;font-size:12.5px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;margin:16px 0 7px;color:var(--ink-soft)}
.quote-form input,.quote-form select,.quote-form textarea{
  width:100%;padding:13px 15px;border:1px solid var(--line);border-radius:10px;font-size:14.5px;font-family:inherit;background:var(--surface);
}
.quote-form .row2{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.quote-form button{margin-top:24px}
.form-msg{font-size:13px;margin-top:14px;min-height:16px}
.form-msg.ok{color:var(--ok)}
.form-msg.err{color:#c0392b}

/* ---------- Contact ---------- */
.contact-info{display:flex;flex-direction:column;gap:18px}
.contact-info .item{display:flex;gap:16px;align-items:flex-start}
.contact-info .item b{display:block;font-size:14.5px}
.contact-info .item span,.contact-info .item a{font-size:13.5px;color:var(--ink-mute)}
.map-box{border-radius:var(--radius-lg);overflow:hidden;aspect-ratio:16/9;border:1px solid var(--line)}
.map-box iframe{width:100%;height:100%;border:0;display:block}
.map-box.wide{aspect-ratio:21/7}
@media(max-width:720px){.map-box.wide{aspect-ratio:4/3}}

/* ---------- Footer ---------- */
footer{background:var(--ink);color:#d6d6d6;padding:70px 0 26px}
.foot-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:36px}
.foot-brand{display:flex;align-items:center;gap:12px;margin-bottom:14px}
.foot-brand .brand-mark{background:var(--white);color:var(--ink)}
.foot-brand b{font-family:"Unbounded",sans-serif;font-size:15px;text-transform:uppercase;letter-spacing:.4px;color:var(--white)}
footer h3{color:var(--white);font-size:13px;text-transform:uppercase;letter-spacing:.5px;margin-bottom:16px;font-family:"Inter",sans-serif;font-weight:700}
.foot-links{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:11px}
.foot-links a{font-size:13.5px;color:#aaa}
.foot-links a:hover{color:var(--white)}
.foot-bottom{border-top:1px solid #2a2a2a;margin-top:46px;padding-top:22px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;font-size:12.5px;color:#888}
.sock{display:flex;gap:10px}
.sock a{width:36px;height:36px;border-radius:50%;background:#1b1b1b;display:flex;align-items:center;justify-content:center}
.sock svg{width:16px;height:16px}

/* ---------- WA float ---------- */
.wa-float{position:fixed;bottom:22px;right:22px;z-index:150;width:58px;height:58px;border-radius:50%;background:#25D366;display:flex;align-items:center;justify-content:center;box-shadow:0 12px 30px rgba(37,211,102,.45);transition:transform .25s ease}
.wa-float:hover{transform:scale(1.08)}
.wa-float svg{width:28px;height:28px;color:#fff}

/* ---------- Reveal animation ---------- */
.rv{opacity:0;transition:opacity .8s var(--ease),transform .8s var(--ease);transition-delay:var(--d,0s)}
.rv-up{transform:translateY(34px)}
.rv-left{transform:translateX(-34px)}
.rv-right{transform:translateX(34px)}
.rv.in{opacity:1;transform:none}

/* ---------- footer map section ---------- */
.footer-map-sec{padding-bottom:0}

@media(max-width:980px){
  .nav-links,.nav-cta .btn-outline{display:none}
  .burger{display:flex}
  .hero-grid{grid-template-columns:1fr}
  .g3,.g4{grid-template-columns:repeat(2,1fr)}
  .steps{grid-template-columns:1fr 1fr}
  .foot-grid{grid-template-columns:1fr 1fr}
  .cat-grid,.usp-big,.reviews-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:620px){
  .g2,.g4,.steps{grid-template-columns:1fr}
  .quote-form .row2{grid-template-columns:1fr}
  .foot-grid{grid-template-columns:1fr}
  .cta-band{padding:40px 26px}
  .faq-grid{grid-template-columns:1fr}
  .cat-grid,.usp-big,.reviews-grid{grid-template-columns:1fr}
  .promo-banner{padding:40px 28px}
  .contact-cta{padding:36px 28px}
  .ticker-track span{font-size:11px}
}