@font-face{font-family:Urbanist;font-weight:500;font-display:swap;src:url(fonts/urbanist-latin-500-normal.woff2) format("woff2")}
@font-face{font-family:Urbanist;font-weight:600;font-display:swap;src:url(fonts/urbanist-latin-600-normal.woff2) format("woff2")}
@font-face{font-family:Urbanist;font-weight:700;font-display:swap;src:url(fonts/urbanist-latin-700-normal.woff2) format("woff2")}
@font-face{font-family:Urbanist;font-weight:800;font-display:swap;src:url(fonts/urbanist-latin-800-normal.woff2) format("woff2")}
@font-face{font-family:Roboto;font-weight:400;font-display:swap;src:url(fonts/roboto-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:Roboto;font-weight:500;font-display:swap;src:url(fonts/roboto-latin-500-normal.woff2) format("woff2")}
@font-face{font-family:Roboto;font-weight:700;font-display:swap;src:url(fonts/roboto-latin-700-normal.woff2) format("woff2")}
@font-face{font-family:Kalam;font-weight:400;font-display:swap;src:url(fonts/kalam-latin-400-normal.woff2) format("woff2")}

:root{
  --navy:#00273e;
  --navy-2:#01263d;
  --ink:#0a1240;
  --text:#63749c;
  --orange:#fd5e20;
  --orange-d:#e94f13;
  --cyan:#00b4fc;
  --cyan-dark:#00cff9;
  --sky:#e9f7fc;
  --head:"Urbanist",system-ui,sans-serif;
  --body:"Roboto",system-ui,sans-serif;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;font-family:var(--body);font-size:18px;line-height:1.5;color:var(--text);background:#fff;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img,svg{display:block}
img{max-width:100%;height:auto}
a{color:inherit;text-decoration:none}
h1,h2,h3,p,ul,ol,figure,blockquote{margin:0;padding:0}
ul,ol{list-style:none}
h1,h2,h3{font-family:var(--head);color:var(--ink);font-weight:800;letter-spacing:-.01em}
.sprite{position:absolute;width:0;height:0;overflow:hidden}
.skip{position:absolute;left:-9999px;top:0;background:#fff;color:var(--navy);padding:12px 16px;z-index:100}
.skip:focus{left:12px;top:12px}
:focus-visible{outline:3px solid var(--cyan);outline-offset:3px}
.wrap{width:100%;max-width:1440px;margin:0 auto;padding:0 77px}
.center{display:flex;justify-content:center}

.eyebrow{font-family:var(--head);font-weight:700;font-size:16.5px;line-height:20px;letter-spacing:.09em;text-transform:uppercase;color:#0ea8f8}
.eyebrow--dark{color:var(--cyan-dark)}
.hero .eyebrow{font-size:18.1px;letter-spacing:.15em}
.why .eyebrow{font-size:17.5px}
.reviews .eyebrow{font-size:17.3px}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:14px;background:var(--orange);color:#fff;font-family:var(--body);font-weight:500;border-radius:6px;transition:background .2s,transform .2s;box-shadow:0 6px 18px rgba(253,94,32,.25)}
.btn:hover{background:var(--orange-d)}
.btn:active{transform:translateY(1px)}
.btn svg{flex:none;fill:currentColor;color:#fff}

/* announcement */
.topbar{background:var(--navy);color:#e8eff3;height:70px}
.topbar__in{display:flex;align-items:center;justify-content:space-between;height:100%}
.topbar__msg{display:flex;align-items:center;gap:13px;font-size:20.8px;line-height:1;margin-left:7px}
.topbar__clock{color:#1fb2f5}
.topbar__phone{display:flex;white-space:nowrap;align-items:center;gap:11px;font-family:var(--head);font-weight:700;font-size:34px;line-height:1;color:#12bdf9;letter-spacing:-.005em}
.topbar__phone svg{color:#12bdf9}

/* header */
.header{background:#fbfbfc;position:relative;z-index:20}
.header__in{display:flex;align-items:center;height:120px}
.logo{margin-left:5px;margin-top:-6px}
.logo img{width:341px;height:auto}
.nav{margin-left:auto}
.nav ul{display:flex;gap:36px}
.nav a{font-size:15.7px;font-weight:400;color:#24396a;line-height:44px;display:block;transition:color .2s}
.nav a:hover{color:var(--orange)}
.btn--header{margin-left:36px;width:233px;height:64px;font-size:22px;margin-right:1px}
.menu-btn{display:none}
.btn__ico{display:none}

/* hero */
.hero{position:relative;background:var(--navy);color:#fff;height:580px;overflow:hidden}
.hero__media{position:absolute;top:0;bottom:0;left:calc(50% - 14px);right:0}
.hero__media img{width:100%;height:100%;object-fit:cover;object-position:28% 40%}
.hero__media::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--navy) 0,rgba(0,39,62,.92) 8%,rgba(0,39,62,.55) 20%,rgba(0,39,62,0) 34%)}
.hero__pipe{position:absolute;left:calc(50% - 110px);top:0;z-index:1}
.hero__in{position:relative;z-index:2;padding-top:81px}
.hero h1{color:#fff;font-size:58.5px;line-height:65px;font-weight:800;margin-top:36px;max-width:700px;letter-spacing:-.005em}
.hero__lead{font-size:24.6px;line-height:37px;color:#edf4f6;margin-top:16px;max-width:640px}
.hero__ctas{display:flex;gap:18px;margin-top:31px}
.btn--lg{height:70px;font-size:21.5px;padding:0 18px;white-space:nowrap}
.hero__ctas .btn:first-child{width:266px}
.hero__ctas .btn:last-child{width:299px}
.hero__ticks{display:flex;margin-top:36px;color:#dae6eb;font-size:16.8px;height:37px;align-items:center}
.hero__ticks li{display:flex;align-items:center;gap:15px;height:37px}
.hero__ticks li+li{border-left:2px solid rgba(255,255,255,.2);padding-left:20px;margin-left:18px}
.hero__ticks li:nth-child(3){padding-left:30px}
.hero__ticks svg{color:#28b3f4}
.script{font-family:Kalam,cursive;font-weight:400;color:#fff;text-align:center;line-height:1.08;white-space:nowrap;position:absolute;z-index:3}
.script::after{content:"";position:absolute;height:5px;border-radius:5px;background:#18aef5}
.script--hero{font-size:25px;left:calc(50% - 4px);top:403px;width:160px;transform:rotate(-8deg)}
.script--hero::after{left:22px;width:120px;bottom:-22px;transform:rotate(-8deg)}

/* trust */
.trust{background:#fff;height:151px}
.trust__in{display:flex;align-items:center;height:100%}
.trust__item{display:flex;align-items:center;gap:17px;font-family:var(--head);font-weight:700;font-size:17.6px;line-height:26px;color:#141c4d;height:72px;flex:none;white-space:nowrap;letter-spacing:-.01em}
.trust__item svg{color:#1ea6ee;flex:none}
.trust__item+.trust__item{border-left:2px solid #d6ecf8}
.trust__item:nth-child(1){margin-left:-9px;width:181px}
.trust__item:nth-child(2){padding-left:26px;width:246px}
.trust__item:nth-child(3){padding-left:19px;width:214px}
.trust__item:nth-child(4){padding-left:23px;width:215px;line-height:24px}
.trust__item--google{padding-left:26px;width:263px;gap:9px}
.g-rating__top{display:flex;align-items:center;gap:14px}
.g-rating__top strong{font-size:27.5px;color:#000238;line-height:1;font-weight:700}
.stars{color:#00b5ff}
.stars--gold{color:#fbbc05}
.g-rating__sub{font-family:var(--body);font-weight:400;font-size:13.9px;color:#7888a9;line-height:18px;margin-top:6px;letter-spacing:0}
.trust__item--mpaq{padding-left:19px;gap:12px;flex:1 1 auto}
.trust__item--mpaq p{font-family:var(--body);font-weight:500;font-size:14.6px;line-height:19px;color:#2c3a6a;letter-spacing:-.01em}
.trust__item--mpaq small{display:block;font-size:11.5px;font-weight:400;color:#56658a;line-height:15px;margin-bottom:2px}

/* section heads */
.sec-head{display:flex;justify-content:space-between;align-items:flex-start}
.sec-head__text{font-size:18.6px;line-height:30px;color:#5c779d}
h2{line-height:1.1}

/* services */
.services{background:var(--sky);padding:73px 0 61px}
.h-blocked{font-size:60px;margin-top:14px;letter-spacing:-.02em}
.sec-head__text--svc{width:586px;margin-right:-6px;margin-top:29px;font-size:18.4px}
.cards{display:grid;grid-template-columns:423px 409px minmax(0,1fr);gap:25px 20px;margin-top:40px;margin-right:-4px}
.card{display:flex;background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 2px 10px rgba(16,80,130,.06);min-height:210px}
.card img{width:159px;flex:none;object-fit:cover;height:auto;align-self:stretch}
.card__body{padding:13px 0 12px 26px}
.card:nth-child(n+4) .card__body{padding-top:24px;padding-bottom:0}
.card:nth-child(3n+2) img{width:151px}
.card:nth-child(3n+2) .card__body{padding-left:23px}
.card:nth-child(3n) .card__body{padding-left:21px}
.card__icon{color:#1aa7ec;height:75px;width:auto;margin-bottom:11px}
.card h3{font-size:22.5px;white-space:nowrap;line-height:28px;font-weight:700;color:#02032b;letter-spacing:-.02em}
.card h3.tight{font-size:20px;letter-spacing:-.04em}
.card p{font-size:16.8px;line-height:27px;color:#697ba0;margin-top:12px}
.btn--xl{width:381px;height:75px;font-size:23px;margin-top:45px;gap:20px}

/* process */
.process{padding:65px 0 96px;background:#fff;position:relative;overflow:hidden}
.h-find{font-size:42.3px;margin-top:21px;letter-spacing:-.015em}
.sec-head__text--proc{width:505px;margin-right:-4px;font-size:16.6px;line-height:28px;color:#7284a7;margin-top:18px}
.steps-wrap{position:relative;max-width:1440px;margin:48px auto 0;padding:0 88px 0 95px}
.steps{display:grid;grid-template-columns:minmax(0,381fr) minmax(0,358fr) minmax(0,383fr);gap:67px;counter-reset:s}
.step{position:relative;background:#fff;border:1px solid #e3eef8;border-radius:10px;box-shadow:0 4px 18px rgba(16,80,130,.06);padding-bottom:19px}
.step img{width:100%;height:216px;object-fit:cover;border-radius:10px 10px 0 0}
.step__num{position:absolute;left:0;top:0;width:62px;height:62px;border-radius:50%;background:#12aef8;color:#fff;font-family:var(--head);font-weight:800;font-size:34px;display:grid;place-items:center;z-index:2;box-shadow:0 3px 10px rgba(0,0,0,.2)}
.step h3{font-size:23px;white-space:nowrap;letter-spacing:-.03em;line-height:30px;font-weight:700;color:#01022d;padding:12px 17px 0}
.step:nth-child(2) h3{font-size:24px;letter-spacing:0}
.step:nth-child(2) p{padding-right:0}
.step p{font-size:19px;line-height:30px;color:#677aa0;padding:10px 6px 0 17px}
.pipe{position:absolute;z-index:1}
.pipe--l{left:0;top:40px}
.pipe--r{right:0;top:60px}
.pipe--c{left:-69px;top:116px}

/* why */
.why{position:relative;background:#002841;color:#fff;height:538px;overflow:hidden}
.why__media{position:absolute;top:0;bottom:0;left:calc(50% + 152px);right:0}
.why__media img{width:100%;height:100%;object-fit:cover;object-position:60% 12%}
.why__media::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#002841 0,rgba(0,40,65,.75) 10%,rgba(0,40,65,0) 32%)}
.why__in{position:relative;z-index:2;padding-top:116px;padding-left:73px}
.h-why{color:#fff;font-size:54.9px;margin-top:13px;letter-spacing:-.01em}
.why__grid{display:flex;margin-top:46px}
.why__grid li{width:245px;padding-left:35px;border-left:2px solid rgba(120,170,210,.28);min-height:204px}
.why__grid li:first-child{width:212px;padding-left:2px;border-left:0}
.why__grid li:nth-child(3){padding-left:39px}
.why__grid li:nth-child(4){padding-left:36px}
.why__grid svg{color:#1aa7ec;height:67px;width:auto;margin-top:3px}
.why__grid h3{color:#fafcfc;font-size:20.2px;line-height:26px;font-weight:700;margin-top:18px;max-width:200px;min-height:52px;letter-spacing:-.01em}
.why__grid p{font-size:18.6px;line-height:26px;color:#d3dfe5;margin-top:8px;max-width:205px}
.why__grid li:first-child p{max-width:176px}
.script--why{font-size:27px;left:calc(50% + 432px);top:405px;width:250px;transform:rotate(-9deg);line-height:1.15}
.script--why::after{left:30px;width:210px;bottom:-14px;transform:rotate(-4deg);height:4px}

/* reviews */
.reviews{padding:78px 0 73px;background:#fff}
.h-trusted{font-size:49.1px;margin-top:14px;letter-spacing:-.015em}
.sec-head--reviews{align-items:flex-end}
.reviews__summary{display:flex;align-items:center;gap:12px;font-size:15.3px;color:#57668d;margin-bottom:28px}
.review-list{display:grid;grid-template-columns:minmax(0,429fr) minmax(0,404fr) minmax(0,426fr);gap:19px;margin:10px -5px 0 -5px}
.review{border:1px solid #e1edf8;border-radius:10px;padding:28px 18px 26px 34px;box-shadow:0 3px 14px rgba(16,80,130,.05);background:#fff}
.review blockquote p{font-size:19px;line-height:27px;color:#66769d;margin-top:10px}
.review:nth-child(3) blockquote p{letter-spacing:.025em}
.review figcaption{margin-top:18px}
.review strong{display:block;font-family:var(--body);font-weight:700;font-size:20px;line-height:26px;color:#02042d}
.review figcaption span{display:block;font-size:20.5px;line-height:28px;color:#6879a1;margin-top:3px}

/* quote */
.quote{background:#ebf7fd;padding:73px 0 60px}
.quote__in{display:grid;grid-template-columns:1fr 612px;column-gap:30px}
.h-clear{font-size:41.7px;margin-top:20px;letter-spacing:-.02em}
.quote__lead{font-size:21px;line-height:33px;color:#59739c;margin-top:16px;max-width:560px}
.quote__steps{background:#fff;border-radius:10px;padding:20px 14px 20px 31px;display:grid;grid-template-columns:194px 235px 1fr;align-self:start;margin-top:-11px;box-shadow:0 3px 14px rgba(16,80,130,.05)}
.quote__steps li{position:relative}
.quote__steps .num{display:grid;place-items:center;width:50px;height:50px;border-radius:50%;background:#02adf6;color:#fff;font-family:var(--head);font-weight:800;font-size:27px}
.quote__steps h3{font-size:19px;line-height:24px;font-weight:700;color:#030633;margin-top:12px;letter-spacing:-.02em}
.quote__steps p{font-size:16px;line-height:25.5px;color:#6e7ba2;margin-top:8px;max-width:180px}
.quote__steps li:nth-child(1) p{max-width:120px}
.quote__steps li:nth-child(3) p{max-width:150px}
.quote__arrow{position:absolute;left:-58px;top:66px;color:#13a9f3}
.quote__cta{grid-column:1/-1}
.btn--quote{width:397px;height:68px;margin-top:45px}

/* areas */
.areas{position:relative;height:512px;background:#fff;overflow:hidden}
.areas__in{position:relative;z-index:2;padding-top:57px}
.areas__text{max-width:500px}
.h-covers{font-size:45.7px;line-height:50px;margin-top:20px;letter-spacing:-.01em}
.areas__lead{font-size:19.5px;line-height:31px;color:#63749c;margin-top:21px}
.areas__list{display:grid;grid-template-columns:219px 1fr;row-gap:15px;margin-top:23px}
.areas__list li{display:flex;align-items:center;gap:15px;font-size:18px;color:#45527e;height:36px}
.areas__list svg{color:#10b3f9;flex:none}
.areas__map{position:absolute;left:calc(50% - 165px);top:0;width:792px;height:512px;background:url(img/brisbane-map-bg.svg) center/100% 100% no-repeat}
.map{width:100%;height:100%}
.script--areas{color:#0b1a4a;font-size:27px;left:calc(50% + 478px);top:96px;width:170px;transform:rotate(-14deg)}
.script--areas::after{left:20px;width:130px;bottom:-12px;transform:rotate(-8deg);height:4px}
.compass{position:absolute;left:calc(50% + 592px);top:344px}
.compass-n{position:absolute;left:calc(50% + 613px);top:328px;font-family:var(--head);font-weight:700;font-size:17px;color:#4f5578;line-height:20px}

/* cta */
.cta{position:relative;background:var(--navy);color:#fff;height:239px;overflow:hidden}
.cta__media{position:absolute;top:0;bottom:0;left:calc(50% - 145px);right:0}
.cta__media img{width:100%;height:100%;object-fit:cover;opacity:.75}
.cta__media::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--navy) 0,rgba(0,39,62,.6) 25%,rgba(0,39,62,.35) 60%,rgba(0,39,62,.55) 100%)}
.cta__in{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:center;height:100%}
.cta__in>div{padding-top:4px}
.h-still{color:#fff;font-size:50px;margin-top:9px;letter-spacing:-.01em}
.cta__row{display:flex;align-items:center;margin-top:24px;font-size:18px;color:#dde5e8}
.cta__row li{display:flex;align-items:center;gap:14px;height:37px}
.cta__row li+li{border-left:2px solid rgba(255,255,255,.18);padding-left:24px;margin-left:22px}
.cta__row li:nth-child(3){padding-left:20px}
.cta__row svg{color:#16b4f7}
.cta__row a{font-family:var(--head);font-weight:700;font-size:23px;color:#16c3f9}
.btn--cta{width:316px;height:72px;font-size:25px;margin-top:17px;gap:16px}

/* footer */
.footer{background:var(--navy-2);color:#9cafbb;padding:44px 0 78px;font-size:15.8px}
.footer__grid{display:grid;grid-template-columns:364px 213px 210px 335px 1fr;padding-left:-4px}
.footer__col{border-left:2px solid rgba(110,160,200,.22);min-height:208px}
.footer__col:nth-child(2){padding-left:33px}
.footer__col:nth-child(3){padding-left:40px}
.footer__col:nth-child(4){padding-left:32px}
.footer__col:nth-child(5){padding-left:31px}
.footer h2{font-family:var(--head);font-size:16.4px;font-weight:700;color:#f3f6f8;line-height:22px;margin-top:3px;letter-spacing:0}
.footer__col ul{margin-top:14px}
.footer__col li{line-height:31px}
.footer__col a:hover{color:#fff}
.footer__brand img{width:333px;margin-top:9px}
.footer__domain{display:block;font-family:var(--head);font-weight:700;font-size:22.5px;color:#fdfefe;margin-top:42px;letter-spacing:-.005em}
.footer__contact li{display:flex;align-items:center;gap:18px;margin-bottom:9px;font-size:15.6px}
.footer__contact li[data-verify]{font-size:14.7px}
.footer__contact svg{color:#1aa7ec;flex:none}
.footer__lic{font-size:14.9px;color:#8499a5;margin-top:36px}
.footer__social{display:flex;gap:23px;margin-top:28px}
.footer__social a{display:grid;place-items:center;min-width:44px;min-height:44px;margin:-4px}
.footer__legal{display:flex;align-items:center;margin-top:96px;margin-left:-17px;font-size:12.4px;white-space:nowrap}
.footer__legal span{width:2px;height:19px;background:rgba(110,160,200,.5);margin:0 10px}
.footer__bottom{display:flex;justify-content:space-between;align-items:center;border-top:2px solid rgba(40,120,180,.35);margin-top:33px;padding-top:26px;font-size:15px;color:#889fac}
.footer__tag{font-size:14.6px}
.footer__tag{display:flex;align-items:center;gap:12px;margin-right:2px}
.footer__tag::before{content:"";width:37px;height:3px;background:#1aa7ec}

/* ---------- narrow desktop ---------- */
@media (min-width:1241px) and (max-width:1439px){
  .wrap{padding-left:48px;padding-right:48px}
  .trust__in{justify-content:space-between}
  .trust__item,.trust__item:nth-child(n){width:auto;flex:0 1 auto;padding:0 16px;margin:0}
  .trust__item:first-child{padding-left:0}
  .trust__item--mpaq{padding-right:0}
  .cards{grid-template-columns:repeat(3,minmax(0,1fr));margin-right:0}
  .card h3{white-space:normal}
  .card h3.tight{font-size:20px;letter-spacing:0}
  .steps-wrap{padding:0 48px}
  .pipe--l,.pipe--r{display:none}
  .why__in{padding-left:48px}
  .script--why{left:auto;right:28px}
  .script--areas{left:auto;right:20px}
  .compass{left:auto;right:28px}
  .compass-n{left:auto;right:52px}
  .trust__item,.trust__item:nth-child(n){padding:0 12px;font-size:16.5px;gap:12px}
  .footer__grid{grid-template-columns:minmax(0,1.25fr) minmax(0,.8fr) minmax(0,.8fr) minmax(0,1.3fr) auto}
  .footer__legal{margin-left:0}
  .footer__grid{grid-template-columns:minmax(0,1.3fr) minmax(0,.75fr) minmax(0,.75fr) minmax(0,1.45fr) auto}
  .footer__brand img{width:290px}
  .footer__domain{font-size:19px;white-space:nowrap}
  .logo img{width:290px}
  .nav ul{gap:24px}
  .nav a{white-space:nowrap}
  .btn--header{margin-left:28px;width:auto;padding:0 24px}
  .h-find{font-size:38px}
  .sec-head__text--proc{width:440px}
  .sec-head__text--svc{width:520px}
}
/* ---------- tablet ---------- */
@media (max-width:1240px){
  .wrap{padding-left:32px;padding-right:32px}
  .nav ul{gap:22px}
  .nav a{white-space:nowrap;font-size:15px}
  .btn--header{margin-left:24px;width:auto;padding:0 22px;white-space:nowrap}
  .logo img{width:280px}
  .trust{height:auto;padding:24px 0}
  .trust__in{flex-wrap:wrap;justify-content:center;row-gap:20px}
  .trust__item,.trust__item:nth-child(n){width:auto;padding:0 22px;margin:0;border-left:0}
  .trust__item--mpaq{flex:none}
  .cards{grid-template-columns:repeat(2,1fr)}
  .card h3{white-space:normal}
  .steps-wrap{padding:0 32px}
  .steps{gap:28px}
  .pipe{display:none}
  .why{height:auto;padding-bottom:60px}
  .why__media{left:55%}
  .why__in{padding-left:32px;padding-top:80px}
  .why__grid{flex-wrap:wrap;max-width:560px;row-gap:28px}
  .why__grid li,.why__grid li:nth-child(n){width:50%;padding-left:0;border-left:0;min-height:0}
  .script--why{left:auto;right:30px}
  .script--hero{left:auto;right:7%;top:330px}
  .step h3,.step:nth-child(n) h3{white-space:normal;letter-spacing:-.01em}
  .quote__in{grid-template-columns:1fr}
  .quote__steps{margin-top:32px}
  .areas{height:auto;padding-bottom:40px}
  .areas__map{position:relative;left:auto;margin:30px auto 0;max-width:792px;width:100%;height:auto}
  .map{height:auto}
  .script--areas,.compass,.compass-n{display:none}
  .footer__grid{grid-template-columns:1fr 1fr 1fr;row-gap:36px}
  .footer__brand{grid-column:1/-1}
  .footer__col:nth-child(n){padding-left:24px}
}
@media (max-width:1180px){
  .nav{display:none;position:absolute;left:0;right:0;top:100%;background:#fff;box-shadow:0 12px 24px rgba(0,30,60,.12);margin:0}
  .nav.is-open{display:block}
  .nav ul{flex-direction:column;gap:0;padding:8px 20px 16px}
  .nav li+li{border-top:1px solid #edf1f6}
  .nav a{line-height:52px;font-size:18px;font-weight:500}
  .menu-btn{display:flex;flex-direction:column;justify-content:center;gap:5px;width:48px;height:48px;margin-left:auto;padding:0 12px;background:none;border:0;cursor:pointer;order:3}
  .menu-btn span{display:block;height:2.5px;background:var(--navy);border-radius:2px;transition:transform .2s,opacity .2s}
  .menu-btn[aria-expanded="true"] span:nth-child(1){transform:translateY(7.5px) rotate(45deg)}
  .menu-btn[aria-expanded="true"] span:nth-child(2){opacity:0}
  .menu-btn[aria-expanded="true"] span:nth-child(3){transform:translateY(-7.5px) rotate(-45deg)}
  .btn--header{margin-left:auto;white-space:nowrap}
  .menu-btn{margin-left:12px}
}
@media (max-width:1000px){
  .hero{height:auto}
  .hero__media{position:relative;left:auto;height:340px}
  .hero__media::after{background:linear-gradient(0deg,var(--navy) 0,rgba(0,39,62,0) 40%)}
  .hero__pipe{display:none}
  .hero__in{padding-top:36px;padding-bottom:48px}
  .script--hero{left:auto;right:24px;top:200px}
  .sec-head{flex-direction:column}
  .sec-head__text{width:auto!important;max-width:640px;margin-top:16px}
  .sec-head--reviews{align-items:flex-start}
  .reviews__summary{margin:16px 0 0}
  .review-list{grid-template-columns:1fr;margin:24px 0 0}
  .steps{grid-template-columns:1fr;max-width:560px;margin:0 auto}
  .why__media{position:relative;left:auto;height:380px}
  .why__media::after{background:linear-gradient(180deg,#002841 0,rgba(0,40,65,0) 30%)}
  .why{display:flex;flex-direction:column-reverse;padding-bottom:0}
  .why__in{padding-top:56px;padding-bottom:20px}
  .script--why{top:auto;bottom:40px;right:20px}
  .cta{height:auto;padding:48px 0}
  .cta__media{left:0}
  .cta__in{flex-direction:column;align-items:flex-start;gap:28px}
  .cta__row{flex-direction:column;align-items:flex-start;row-gap:4px}
  .cta__row li:nth-child(n){border:0;padding:0;margin:0}
  .btn--cta{margin-top:0}
}

/* ---------- phone ---------- */
@media (max-width:640px){
  body{font-size:17px}
  .wrap{padding-left:20px;padding-right:20px}
  .topbar{height:auto}
  .topbar__in{padding-top:2px;padding-bottom:2px;gap:10px}
  .topbar__phone{min-height:44px}
  section[id]{scroll-margin-top:72px}
  .cta__row a{display:inline-flex;align-items:center;min-height:44px}
  .topbar__msg{font-size:14px;gap:8px;margin:0}
  .topbar__msg svg{width:22px;height:22px}
  .topbar__phone{font-size:18px;gap:6px;white-space:nowrap;flex:none}
  .topbar__phone svg{width:20px;height:20px}
  .header{position:sticky;top:0;box-shadow:0 2px 10px rgba(0,30,60,.08)}
  .header__in{height:72px;gap:6px}
  .logo{margin:0;flex:0 1 auto;min-width:0}
  .logo img{width:172px}
  .btn--header{width:48px;height:48px;padding:0;gap:0;margin-left:auto;border-radius:10px}
  .btn--header span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
  .btn--header .btn__ico{display:block}
  .menu-btn{margin-left:4px}
  .hero__media{height:250px}
  .hero__in{padding-top:28px;padding-bottom:40px}
  .eyebrow{font-size:13.5px;line-height:18px;letter-spacing:.08em}
  .hero h1{font-size:36px;line-height:41px;margin-top:12px}
  .hero__lead{font-size:18px;line-height:28px;margin-top:14px}
  .hero__ctas{flex-direction:column;gap:12px;margin-top:26px}
  .hero__ctas .btn:first-child,.hero__ctas .btn:last-child{width:100%}
  .btn--lg{height:58px;font-size:19px}
  .hero__ticks{flex-direction:column;align-items:flex-start;height:auto;gap:10px;margin-top:26px;font-size:16.5px}
  .hero__ticks li+li{border:0;padding:0;margin:0}
  .hero__ticks li,.hero__ticks li:nth-child(n){height:30px;padding:0;margin:0;border:0;gap:14px}
  .script--hero{font-size:22px;width:130px;top:150px;right:14px}
  .script--hero::after{left:16px;width:96px;bottom:-14px}
  .trust{padding:28px 0}
  .trust__in{display:grid;grid-template-columns:1fr 1fr;gap:22px 14px}
  .trust__item,.trust__item:nth-child(n){padding:0;height:auto;font-size:16.5px;line-height:21px;gap:10px}
  .trust__item svg{width:38px;height:44px}
  .trust__item--google,.trust__item--mpaq{grid-column:1/-1;justify-content:flex-start}
  .trust__item--google svg:first-child{width:36px;height:40px}
  .trust__item .stars{width:104px;height:20px}
  .trust__item--mpaq p{width:auto}
  .services,.reviews{padding:52px 0}
  .process{padding:52px 0 56px}
  .quote{padding:52px 0}
  .h-blocked,.h-find,.h-why,.h-trusted,.h-clear,.h-covers,.h-still{font-size:32px;line-height:37px;margin-top:10px}
  .sec-head__text{font-size:17px;line-height:27px}
  .cards{grid-template-columns:1fr;gap:14px;margin-top:28px}
  .card{min-height:0}
  .card img,.card:nth-child(n) img{width:112px}
  .card:nth-child(n) .card__body{padding:14px 16px 16px 18px}
  .card h3.tight{font-size:19px;letter-spacing:0}
  .card__body{padding:14px 16px 16px 18px}
  .card__icon{height:44px;margin-bottom:8px}
  .card h3{font-size:19px;line-height:24px}
  .card p{font-size:16px;line-height:24px;margin-top:6px}
  .btn--xl,.btn--quote{width:100%;height:60px;font-size:20px;margin-top:30px}
  .steps-wrap{padding:0 20px;margin-top:28px}
  .steps{gap:18px}
  .step img{height:auto;aspect-ratio:16/9}
  .step__num{width:48px;height:48px;font-size:26px}
  .step h3,.step:nth-child(n) h3{font-size:20px;line-height:26px;letter-spacing:0}
  .step p{font-size:16.5px;line-height:26px}
  .why__media{height:300px}
  .why__in{padding:44px 20px 16px}
  .why__grid{margin-top:28px;row-gap:24px}
  .why__grid li,.why__grid li:nth-child(n){padding-right:10px}
  .why__grid svg{height:44px}
  .why__grid h3{font-size:17.5px;line-height:22px;min-height:44px;margin-top:12px}
  .why__grid p{font-size:15.5px;line-height:23px}
  .script--why{font-size:20px;width:auto;bottom:34px;right:50px}
  .script--why::after{width:160px;left:20px}
  .reviews__summary{flex-wrap:wrap;gap:8px}
  .review{padding:22px 20px}
  .review blockquote p{font-size:17px;line-height:26px}
  .quote__lead{font-size:17.5px;line-height:28px}
  .quote__steps{grid-template-columns:1fr;row-gap:22px;padding:22px 20px;margin-top:26px}
  .quote__steps li{display:grid;grid-template-columns:50px 1fr;column-gap:16px}
  .quote__steps .num{grid-row:1/3;width:44px;height:44px;font-size:23px}
  .quote__steps h3{margin-top:0}
  .quote__steps p,.quote__steps li:nth-child(n) p{max-width:none;margin-top:4px;grid-column:2}
  .quote__arrow{display:none}
  .areas{padding-bottom:28px}
  .areas__in{padding-top:52px}
  .areas__lead{font-size:17px;line-height:27px}
  .areas__list{grid-template-columns:1fr 1fr;row-gap:10px}
  .areas__list li{font-size:16px;gap:10px;height:44px}
  .areas__list svg{width:30px;height:30px}
  .areas__map{margin-top:18px;padding:0 6px}
  .cta{padding:44px 0}
  .cta__row{flex-direction:column;align-items:flex-start}
  .cta__row li:nth-child(n){border:0;padding:0;margin:0;gap:14px}
  .btn--cta{width:100%;height:60px;font-size:21px}
  .footer{padding:44px 0 40px}
  .footer__grid{grid-template-columns:1fr 1fr;column-gap:16px}
  .footer__brand img{width:250px}
  .footer__domain{margin-top:12px;font-size:19px;line-height:44px}
  .footer__col,.footer__col:nth-child(n){border:0;padding-left:0;min-height:0}
  .footer__contact,.footer__follow{grid-column:1/-1}
  .footer__col li{line-height:44px}
  .footer__col li a{display:inline-block}
  .footer__contact li{margin-bottom:0}
  .footer__contact a{word-break:break-all}
  .footer__social{margin-top:14px}
  .footer__legal{margin:20px 0 0;gap:0}
  .footer__legal a{line-height:44px}
  .footer__bottom{flex-direction:column;align-items:flex-start;gap:10px;font-size:15px}
}
@media (max-width:359px){
  .trust__in{grid-template-columns:1fr}
  .logo img{width:150px}
  .topbar__msg{font-size:13px}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}