/** Shopify CDN: Minification failed

Line 159:31 Expected identifier but found whitespace
Line 159:66 Unexpected "/"

**/
/* English (LTR) version: generated mirror of the RTL rules in fh-home.css. Regenerate with tools/genltr.py, do not edit by hand. */
html[dir=ltr] .fh{direction:ltr;text-align:left}
html[dir=ltr] .fh .hero{text-align:center}
html[dir=ltr] .fh h2{text-align:center}
html[dir=ltr] .fh .toggle button{text-align:center}
html[dir=ltr] .fh .tile{text-align:center}
html[dir=ltr] .fh .empty{text-align:center}
html[dir=ltr] .fh .why-t{text-align:center}
html[dir=ltr] .fh .why-img{text-align:center}
html[dir=ltr] .fh .why-h{text-align:center}
html[dir=ltr] .fh .why-c p{text-align:center}
html[dir=ltr] .fh .pts-sub{text-align:center}
html[dir=ltr] .fh .stps::before{background:repeating-linear-gradient(to right,var(--fh-blue) 0 8px,transparent 8px 14px)}
html[dir=ltr] .fh .stp{text-align:center}
@media (max-width:749px){html[dir=ltr] .fh .stp{text-align:start}
}
html[dir=ltr] .fh .pk-t{text-align:center}
html[dir=ltr] .fh .pk-f{text-align:center}
html[dir=ltr] .fh .pk-d{text-align:center}
html[dir=ltr] .fh .rp .why-t{text-align:start}
@media (max-width:749px){html[dir=ltr] .fh .rp .why-t{text-align:center}
}
@media (max-width:749px){html[dir=ltr] .fh .rp-sub{text-align:center}
}
@media (max-width:749px){html[dir=ltr] .fh .rp-note{text-align:center}
}
html[dir=ltr] .fh .dv{text-align:center}
html[dir=ltr] .fh .tsm{text-align:start}
html[dir=ltr] .fh .hw-g::before{background:repeating-linear-gradient(to right,var(--fh-blue) 0 8px,transparent 8px 14px)}
html[dir=ltr] .fh .hw{text-align:center}
@media (max-width:749px){html[dir=ltr] .fh .hw-g::before{background:repeating-linear-gradient(to bottom,var(--fh-blue) 0 8px,transparent 8px 14px)}
}
@media (max-width:749px){html[dir=ltr] .fh .hw{text-align:start}
}
html[dir=ltr] .fh .fct-in{text-align:center}
@media (max-width:749px){html[dir=ltr] .fh .ft-bot{text-align:center}
}
html[dir=ltr] .fh .bl-all a.ig-follow{direction:ltr}
html[dir=ltr] .fh .fh-empty-note{text-align:center}
html[dir=ltr] .fh .pkg-btns a{text-align:center}
html[dir=ltr] .fh .grp .grp-it{direction:ltr !important;text-align:left}
html[dir=ltr] .fh .tile,html[dir=ltr] .fh .toggle button,html[dir=ltr] .fh .close,html[dir=ltr] .fh .dlg-x{direction:ltr !important}
@media (max-width:900px){html[dir=ltr] .fh .hd-top-in{text-align:center}
}
html[dir=ltr] .fh .bl-hero{text-align:center}
html[dir=ltr] .fh .bl-empty{text-align:center}
html[dir=ltr] .fh .ar-head{text-align:center}
html[dir=ltr] .fh .ar-lnk{text-align:center}
html[dir=ltr] .fh .ar-body p{text-align:start!important}
html[dir=ltr] .fh .ar-body div{text-align:start!important}
html[dir=ltr] .fh .ar-body h2,html[dir=ltr] .fh .ar-body h2 *{text-align:start!important}
html[dir=ltr] .fh .ar-body h3,html[dir=ltr] .fh .ar-body h4,html[dir=ltr] .fh .ar-body h3 *,html[dir=ltr] .fh .ar-body h4 *{text-align:start!important}
html[dir=ltr] .fh .ar-rel h2{text-align:center}
html[dir=ltr] .fh .ct-ch .v{margin-left:auto;margin-right:0}
html[dir=ltr] .fh .ct-card h2{text-align:left}
html[dir=ltr] .fh .ct-intents button{text-align:start}
html[dir=ltr] .fh .ct-chat .bub small{text-align:end}
html[dir=ltr] .fh .ct-st{text-align:center}
html[dir=ltr] .fh .ct-sd{text-align:center}
html[dir=ltr] .fh .ct-form h2{text-align:left}
html[dir=ltr] .fh .ct-fld input,html[dir=ltr] .fh .ct-fld select,html[dir=ltr] .fh .ct-fld textarea{text-align:left}
html[dir=ltr] .fh .ct-lic{text-align:center}
@media (max-width:749px){html[dir=ltr] .fh .ct-txt{text-align:center}
html[dir=ltr] .fh .ct-ch a{text-align:left}
}
html[dir=ltr] .fh .dv-hero h1{text-align:left}
html[dir=ltr] .fh .dv-st{text-align:center}
html[dir=ltr] .fh .dv-sd{text-align:center}
html[dir=ltr] .fh .dv-wy{text-align:center}
html[dir=ltr] .fh .dv-flow li{text-align:center}
html[dir=ltr] .fh .dv-flow li::before{text-align:center}
html[dir=ltr] .fh .dv-flow li::after{left:50%;right:auto}
html[dir=ltr] .fh .dv-qside h2{text-align:left}
html[dir=ltr] .fh .dv-form h3{text-align:left}
@media (max-width:749px){html[dir=ltr] .fh .dv-txt{text-align:center}
html[dir=ltr] .fh .dv-hero h1{text-align:center}
html[dir=ltr] .fh .dv-flow li{text-align:left}
html[dir=ltr] .fh .dv-flow li::after{left:21.5px;right:auto}
}
html[dir=ltr] .fh .dev-all{text-align:center}
html[dir=ltr] .fh .sp-hero-g.solo .sp-txt{text-align:center}
html[dir=ltr] .fh .sp-hero-g.solo h1{text-align:center}
html[dir=ltr] .fh .sp-hero h1{text-align:left}
html[dir=ltr] .fh .sp-jr li::after{left:14px;right:auto}
html[dir=ltr] .fh .sp-sg h3{text-align:left}
html[dir=ltr] .fh .sp-tip{left:-12px;right:auto;text-align:left}
html[dir=ltr] .fh .sp-tip::after{left:16px;right:auto}
html[dir=ltr] .fh .sp-help{text-align:center}
html[dir=ltr] .fh .sp-rp-txt h2{text-align:left}
html[dir=ltr] .fh .sp-cta h2{text-align:left}
@media (max-width:749px){html[dir=ltr] .fh .sp-txt{text-align:center}
html[dir=ltr] .fh .sp-hero h1{text-align:center}
html[dir=ltr] .fh .sp-tip{right:auto;left:-80px}
html[dir=ltr] .fh .sp-tip::after{right:auto;left:83px}
html[dir=ltr] .fh .sp-rp-txt{text-align:center}
html[dir=ltr] .fh .sp-rp-txt h2{text-align:center}
html[dir=ltr] .fh .sp-rp-txt ul{text-align:left}
html[dir=ltr] .fh .sp-cta{text-align:center}
html[dir=ltr] .fh .sp-cta h2{text-align:center}
}
html[dir=ltr] .fh .it-stats div{text-align:center}
html[dir=ltr] .fh .it-what h2{text-align:left}
html[dir=ltr] .fh .it-phtop h3{text-align:left}
html[dir=ltr] .fh .it-plan-buy .lnk{text-align:center}
html[dir=ltr] .fh .it-subh{text-align:left}
html[dir=ltr] .fh .it-pb h4{text-align:left}
html[dir=ltr] .fh .it-swipe{text-align:center}
html[dir=ltr] .fh .it-spot h2{text-align:left}
html[dir=ltr] .fh .it-spot-img figcaption{text-align:center}
html[dir=ltr] .fh-pkgp .pk-jy>li{text-align:center}
html[dir=ltr] .fh-pkgp .pk-tm .cnt{text-align:center}
html[dir=ltr] .fh-pkgp .pk-fw>div{text-align:center}
html[dir=ltr] .fh-pkgp .pk-cmp th,html[dir=ltr] .fh-pkgp .pk-cmp td{text-align:center}
html[dir=ltr] .fh-pkgp .pk-cmp th:first-child{text-align:start}
@media (max-width:749px){html[dir=ltr] .fh-pkgp .pk-tm .cnt span:last-child{text-align:start}
html[dir=ltr] .fh-pkgp .pk-jy>li{text-align:start}
html[dir=ltr] .fh-pkgp .pk-rp h2{text-align:center}
}
@media (max-width:749px){html[dir=ltr] .fh-pkgp .pk-allin{text-align:center}
}
html[dir=ltr] .fh-pkgp .pk-rp h2{text-align:start}
html[dir=ltr] .fh .rt-head{text-align:center}
html[dir=ltr] .fh .rt-cta{text-align:center}
html[dir=ltr] .fh .fq-sub{text-align:center}
html[dir=ltr] .fh .fq-all-w{text-align:center}
html[dir=ltr] .fh .fp-hero{text-align:center}
html[dir=ltr] .fh .fp-search input{direction:ltr}
html[dir=ltr] .fh .fp-sh h2{text-align:left}
html[dir=ltr] .fh .fp-empty{text-align:center}
@media (min-width:990px){html[dir=ltr] .fh .fq-side .why-t{text-align:left}
html[dir=ltr] .fh .fq-side .fq-sub{text-align:left}
html[dir=ltr] .fh .fq-cta .fq-all-w{text-align:left}
}
@media (max-width:989px){html[dir=ltr] .fh .fq-side .fq-sub{text-align:center}
}
html[dir=ltr] .fh .lg-head{text-align:center}
html[dir=ltr] .fh .lg-help h2{text-align:start}
html[dir=ltr] .fh .lg-lnk{text-align:center}
html[dir=ltr] .fh .lg-body p{text-align:start}
html[dir=ltr] .fh .lg-body h2{text-align:start}
html[dir=ltr] .fh .lg-body h2::before{text-align:center}
html[dir=ltr] .fh .lg-body h3{text-align:start}
html[dir=ltr] .fh .lg-body h3 .lg-n{text-align:center}
html[dir=ltr] .fh .lg-body ol li::before{text-align:center}
html[dir=ltr] .fh-pkgp .pk-vf .vf-ph{text-align:center}
html[dir=ltr] .fh-pkgp .pk-vfb{text-align:center}
html[dir=ltr] .fh-pkgp .vfb-foot{text-align:start}
@media (max-width:749px){html[dir=ltr] .fh-pkgp .vfb-steps li{text-align:start}
}
html[dir=ltr] .fh-360-card{text-align:left}
html[dir=ltr] .fh-360-card.to-r{margin-right:-14px;margin-left:0}
html[dir=ltr] .fh-360-card.to-l{margin-left:-14px;margin-right:0}
html[dir=ltr] fh-critical-home: the above-the-fold rules of assets/fh-home.css for the home page (header,html[dir=ltr] hero,html[dir=ltr] services panel),html[dir=ltr] inlined so the first paint does not wait for the full stylesheet,html[dir=ltr] which then loads without blocking (layout/theme.liquid).
Generated 2026-10-15 by /mnt/project-files/seo/tools/critical-css.js from a local render of templates/index.json; first-screen render checked pixel-identical to the full stylesheet at 360-1920px.
Regenerate it whenever fh-home.css rules for the header,html[dir=ltr] hero or services panel change; stale rules here are overridden by the full stylesheet but can show briefly before it loads.
<style>.fh{direction:ltr;text-align:left}
html[dir=ltr] .fh .hero{text-align:center}
html[dir=ltr] .fh h2{text-align:center}
html[dir=ltr] .fh .toggle button{text-align:center}
html[dir=ltr] .fh .tile{text-align:center}
html[dir=ltr] .fh .empty{text-align:center}
html[dir=ltr] .fh .pkg-btns a{text-align:center}
html[dir=ltr] .fh .tile,html[dir=ltr] .fh .toggle button,html[dir=ltr] .fh .close,html[dir=ltr] .fh .dlg-x{direction:ltr !important}
@media (max-width:900px){html[dir=ltr] .fh .hd-top-in{text-align:center}
}
html[dir=ltr] .fh .dev-all{text-align:center}
html[dir=ltr] .fh-360-card{text-align:left}
html[dir=ltr] .fh-360-card.to-r{margin-right:-14px;margin-left:0}
html[dir=ltr] .fh-360-card.to-l{margin-left:-14px;margin-right:0}
html[dir=ltr] .fh-reportsp .rx-btn{text-align:center}
html[dir=ltr] .fh-reportsp .rx-sh{text-align:center}
html[dir=ltr] .fh-reportsp .rx-room{text-align:center}
html[dir=ltr] .fh-reportsp .rx-wabar h2{text-align:start}
html[dir=ltr] .fh-reportsp .rx-sec h2,html[dir=ltr] .fh-reportsp .rx-pdf h2,html[dir=ltr] .fh-reportsp .rx-demo h3,html[dir=ltr] .fh-reportsp .rx-col h3{text-align:start}
html[dir=ltr] .ab-cmp th,html[dir=ltr] .ab-cmp td{text-align:center}
html[dir=ltr] .ab-cmp tbody th{text-align:left}
html[dir=ltr] .ab-cmp .ab-y{margin-right:6px;margin-left:0}
html[dir=ltr] .ab-cmp .ab-n{margin-right:4px;margin-left:0}
html[dir=ltr] .ab-note{text-align:center}
html[dir=ltr] .ab-st{text-align:center}
html[dir=ltr] .ab-sd{text-align:center}
html[dir=ltr] .ab-num{text-align:center}
html[dir=ltr] .ab-tm{text-align:center}
html[dir=ltr] .ab-cta{text-align:center}
@media(max-width:749px){html[dir=ltr] .ab-cmp tbody th{text-align:left}
html[dir=ltr] .ab-cmp td{border-right:1px solid var(--line);border-left:0}
html[dir=ltr] .ab-cmp td:last-child{border-right:0;border-left:0}
}
@media(min-width:750px){html[dir=ltr] .fh-aboutp .ab-cmp td.ab-fh{text-align:left}
}
html[dir=ltr] ol ol,html[dir=ltr] ul ul{padding-right:1.5em;padding-left:0}
html[dir=ltr] blockquote::before,html[dir=ltr] q::before{right:25px;left:auto}
html[dir=ltr] caption,html[dir=ltr] td,html[dir=ltr] th{text-align:right}
html[dir=ltr] .rtl_true{direction:ltr;text-align:left}
html[dir=ltr] dialog.fh-rg figcaption{text-align:center}
html[dir=ltr] dialog.fh-rg .fh-rg-prev{left:10px;right:auto}
html[dir=ltr] dialog.fh-rg .fh-rg-next{right:10px;left:auto}
html[dir=ltr] dialog.fh-rg .fh-rg-note{text-align:center}
/* Hand-written: arrows point the other way in English. */
html[dir=ltr] .fh svg.fh-flip,html[dir=ltr] .fh svg.arrow{transform:scaleX(-1)}
html[dir=ltr] .fh .fh-arr,html[dir=ltr] .fh .it-rl .ar{display:inline-block;transform:scaleX(-1)}
html[dir=ltr] body .fh .mark{white-space:normal}