/*
Theme Name: Field Service LogiX
Description: A responsive, editable marketing website for service professionals in the United States and Canada.
Author: Field Service LogiX
Version: 1.0.0
Requires at least: 6.6
Requires PHP: 7.4
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: field-service-logix
*/
:root{--ink:#102b34;--muted:#516770;--teal:#006f65;--lime:#d9f27e;--paper:#f6f8f4;--line:#dbe4e0;--radius:24px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:#fff;color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:16px;line-height:1.65}a{color:inherit;text-underline-offset:4px}img{max-width:100%;height:auto;display:block}button,a{-webkit-tap-highlight-color:transparent}:focus-visible{outline:3px solid #dc7b22;outline-offset:5px}h1,h2,h3,p,figure{margin:0}h1,h2,h3{line-height:1.1;letter-spacing:-.045em}h1{font-size:clamp(44px,5.1vw,76px);font-weight:750}h2{font-size:clamp(34px,3.7vw,52px);font-weight:730}h3{font-size:23px;letter-spacing:-.025em}p+p{margin-top:16px}.wp-site-blocks>*{margin-block-start:0}.fsl-shell{width:min(1240px,calc(100% - 80px));margin-inline:auto}.fsl-section{padding-block:100px}.fsl-eyebrow{text-transform:uppercase;letter-spacing:.16em;font-weight:750;font-size:12px;color:var(--teal);margin-bottom:20px}.fsl-lead{font-size:19px;line-height:1.75;color:var(--muted);max-width:570px}.fsl-intro{max-width:650px;margin-bottom:42px}.fsl-intro h2{margin-bottom:20px}.fsl-muted{color:var(--muted)}.fsl-small{font-size:13px;color:var(--muted)}
.fsl-header{background:rgba(255,255,255,.96);border-bottom:1px solid var(--line);position:relative;z-index:10}.fsl-header-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:94px}.fsl-brand{display:flex;align-items:center;gap:10px;text-decoration:none;line-height:1.1;white-space:nowrap;font-weight:750;font-size:19px;letter-spacing:-.7px}.fsl-brand img{width:46px;height:46px;object-fit:contain}.fsl-brand small{display:block;font-size:10px;letter-spacing:.17em;font-weight:600;margin-top:7px}.fsl-header .wp-block-navigation{font-size:14px;font-weight:600}.fsl-header .wp-block-navigation__container{gap:24px}.fsl-header .wp-block-buttons{flex-shrink:0}.wp-block-buttons{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.wp-block-button__link{display:inline-flex;align-items:center;justify-content:center;background:var(--teal);border:1px solid var(--teal);color:#fff;text-decoration:none;border-radius:9px;padding:14px 23px;font-size:15px;line-height:1.5;font-weight:650;transition:background .18s,transform .18s}.wp-block-button__link:hover{background:#00584f;transform:translateY(-2px)}.is-style-outline .wp-block-button__link{background:transparent;color:var(--ink);border-color:#bdcbc7}.is-style-outline .wp-block-button__link:hover{background:#eef4f0}.fsl-login .wp-block-button__link{background:transparent;border-color:transparent;color:var(--ink);padding-inline:10px}.fsl-header .wp-block-button__link{padding-block:11px}
.fsl-hero{background:linear-gradient(125deg,#f8faf6 0%,#eef5ee 100%);padding:64px 0 66px;overflow:hidden}.fsl-hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center}.fsl-hero h1 em{font-style:normal;color:var(--teal)}.fsl-hero .fsl-lead{margin-top:25px;margin-bottom:30px}.fsl-hero .fsl-small{margin-top:16px}.fsl-hero-visual{position:relative;padding:0 0 45px 0}.fsl-hero-photo{border-radius:160px 24px 24px 24px;overflow:hidden;height:540px;background:#d9e2d7}.fsl-hero-photo img{height:100%;width:100%;object-fit:cover;object-position:48% center}.fsl-photo-caption{position:absolute;bottom:3px;left:-30px;background:#fff;box-shadow:0 18px 55px #173e3020;border-radius:15px;padding:21px 28px;display:flex;align-items:center;gap:18px}.fsl-photo-caption .fsl-check{width:44px;height:44px;background:var(--lime);border-radius:50%;display:grid;place-items:center;font-size:24px}.fsl-photo-caption strong{display:block;font-size:16px;line-height:1.5}.fsl-photo-caption span{font-size:13px;color:var(--muted)}.fsl-photo-tag{position:absolute;right:-18px;top:30px;background:var(--lime);color:var(--ink);font-size:12px;font-weight:750;padding:11px 17px;border-radius:30px;transform:rotate(5deg)}
.fsl-trades{padding:28px 0;border-bottom:1px solid var(--line)}.fsl-trades-inner{display:flex;align-items:center;gap:30px;justify-content:space-between;flex-wrap:wrap}.fsl-trades p{font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:var(--muted)}.fsl-trade-list{display:flex;gap:27px;flex-wrap:wrap;font-size:14px;font-weight:700}.fsl-grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.fsl-card{padding:30px;border:1px solid var(--line);border-radius:18px;background:#fff}.fsl-card h3{margin:24px 0 13px}.fsl-card p{font-size:15px;color:var(--muted)}.fsl-icon{display:grid;place-items:center;width:48px;height:48px;background:#e9f3ed;border-radius:13px;color:var(--teal)}.fsl-icon svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.fsl-card:nth-child(3n + 2) .fsl-icon{background:#f2f5db}.fsl-card:nth-child(3n) .fsl-icon{background:#e9eff8}
.fsl-workflow{background:var(--ink);color:#fff}.fsl-workflow .fsl-eyebrow{color:var(--lime)}.fsl-workflow .fsl-lead{color:#b6cbc9}.fsl-workflow-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:85px;align-items:center}.fsl-workflow h2{margin-bottom:24px}.fsl-steps{margin-top:30px;display:grid;gap:24px}.fsl-step{display:flex;gap:17px}.fsl-step b{width:32px;height:32px;border:1px solid #48606a;border-radius:50%;display:grid;place-items:center;font-size:12px;flex-shrink:0}.fsl-step strong{display:block;font-size:16px}.fsl-step p{font-size:14px;color:#b6cbc9;margin-top:4px}.fsl-board{background:#f6f8f5;border:1px solid #5d7475;border-radius:20px;padding:27px;color:var(--ink);box-shadow:20px 20px 0 #ffffff06;transform:rotate(-1deg)}.fsl-board-top{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:20px;margin-bottom:22px}.fsl-board-top strong{font-size:19px}.fsl-board-top span{font-size:11px;color:var(--muted)}.fsl-board-row{display:flex;gap:16px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:20px;margin-top:13px;align-items:center}.fsl-board-row .fsl-icon{flex-shrink:0}.fsl-board-row strong{font-size:14px;display:block}.fsl-board-row small{display:block;font-size:12px;color:var(--muted)}.fsl-pill{font-size:10px;border-radius:20px;background:#dcefe4;color:#276343;padding:5px 10px;margin-left:auto;white-space:nowrap}.fsl-board-note{font-size:12px;color:var(--muted);margin-top:20px}.fsl-board-bottom{border-top:1px solid var(--line);margin-top:24px;padding-top:16px;font-size:12px;display:flex;justify-content:space-between;color:var(--muted)}
.fsl-special{background:var(--paper)}.fsl-special-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.fsl-special-card{background:#e1eee6;border-radius:24px;padding:43px;overflow:hidden}.fsl-special-card:nth-child(2){background:#eef0dc}.fsl-special-card h3{font-size:32px;max-width:380px;margin:27px 0 17px}.fsl-special-card p{color:var(--muted);font-size:16px}.fsl-special-card .fsl-small{font-size:12px;margin-top:16px}.fsl-special-label{display:inline-flex;gap:8px;align-items:center;border-radius:30px;font-size:12px;letter-spacing:.03em;font-weight:700;background:#fff;padding:7px 12px}.fsl-season-demo{background:#fff;border-radius:12px;margin-top:30px;padding:19px 22px;display:flex;align-items:center;gap:14px}.fsl-season-demo .fsl-icon{flex-shrink:0}.fsl-season-demo strong{display:block;font-size:14px}.fsl-season-demo span{display:block;font-size:12px;color:var(--muted)}.fsl-season-arrow{font-size:24px;color:var(--teal);margin-left:auto}.fsl-offline-list{display:grid;gap:12px;margin-top:30px}.fsl-offline-list p{display:flex;justify-content:space-between;background:#ffffffab;border-radius:8px;padding:12px 16px;margin:0;font-size:14px}.fsl-offline-list span{font-size:12px;color:#276343}
.fsl-referral{display:flex;justify-content:space-between;gap:45px;align-items:center;border:1px solid var(--line);border-radius:24px;padding:45px}.fsl-referral h2{font-size:35px;margin:10px 0 16px}.fsl-referral .fsl-muted{max-width:630px}.fsl-reward{flex-shrink:0;background:var(--ink);color:var(--lime);border-radius:50%;width:180px;height:180px;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(7deg)}.fsl-reward strong{font-size:38px;line-height:1.2;letter-spacing:-2px}.fsl-reward span{font-size:12px;letter-spacing:.08em}.fsl-faq{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;padding-top:85px}.fsl-faq h2{font-size:38px}.wp-block-details{border-bottom:1px solid var(--line);padding:20px 0;margin:0}.wp-block-details summary{cursor:pointer;font-weight:650;line-height:1.5;padding-right:24px}.wp-block-details p{color:var(--muted);font-size:15px;padding-top:15px}.fsl-cta{background:var(--teal);color:#fff;text-align:center;padding:76px 24px}.fsl-cta h2{max-width:750px;margin-inline:auto}.fsl-cta>.fsl-shell>p{color:#d5e9e2;margin:20px auto 27px;max-width:540px}.fsl-cta .wp-block-buttons{justify-content:center}.fsl-cta .fsl-signup .wp-block-button__link{background:var(--lime);border-color:var(--lime);color:var(--ink)}.fsl-cta .fsl-login .wp-block-button__link{color:#fff;border-color:#7eb1a9}.fsl-launch-notice{max-width:620px;margin:27px auto 0;border:1px solid #5d9e94;border-radius:10px;padding:12px 20px;font-size:13px;color:#e7f3ee}.fsl-footer{padding:46px 0 24px;background:#f8faf7}.fsl-footer-top{display:flex;justify-content:space-between;align-items:flex-start;gap:35px}.fsl-footer-copy{font-size:13px;color:var(--muted);max-width:300px;margin-top:18px}.fsl-footer-links{display:flex;gap:35px;font-size:14px}.fsl-footer-links a{text-decoration:none}.fsl-footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding-top:23px;margin-top:35px;font-size:12px;color:var(--muted)}.fsl-country-switch{display:flex;gap:18px}.fsl-country-switch a{text-decoration:none}.fsl-region-us .fsl-country-us,.fsl-region-ca .fsl-country-ca{font-weight:750;color:var(--ink);text-decoration:underline}.fsl-only-ca{display:none}.fsl-region-ca .fsl-only-ca{display:inline}.fsl-region-ca .fsl-only-us{display:none}.fsl-skip{position:absolute;top:-100px;left:16px;background:#fff;padding:12px;z-index:99}.fsl-skip:focus{top:8px}.fsl-page-content{min-height:50vh;padding-block:70px}.fsl-page-content h1{margin-bottom:35px;font-size:48px}.fsl-page-content p{margin-bottom:20px}.fsl-preview-nav{display:flex;gap:24px}.fsl-preview-nav a{text-decoration:none;font-size:14px;font-weight:600}.fsl-preview-menu{display:none}
@media(min-width:1500px){.fsl-hero{padding-block:85px}}
@media(max-width:1100px){.fsl-shell{width:calc(100% - 48px)}.fsl-header-inner{gap:16px}.fsl-header .wp-block-navigation__container{gap:15px}.fsl-brand{font-size:16px}.fsl-hero-grid{gap:30px}.fsl-hero-photo{height:500px}.fsl-photo-caption{left:-10px;padding:17px}.fsl-grid-3{gap:16px}.fsl-card{padding:24px}.fsl-workflow-grid{gap:35px}.fsl-header .wp-block-button__link{padding:10px 15px}}
@media(max-width:850px){.fsl-header-inner{min-height:82px;flex-wrap:wrap;padding-block:15px}.fsl-header .wp-block-navigation{order:3;width:100%}.fsl-header .wp-block-navigation__container{justify-content:center}.fsl-hero-grid{grid-template-columns:1fr;gap:40px}.fsl-hero h1{max-width:670px}.fsl-hero-visual{max-width:650px;width:100%;margin-inline:auto}.fsl-hero-photo{height:470px;border-top-left-radius:100px}.fsl-photo-tag{right:8px}.fsl-grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}.fsl-workflow-grid{grid-template-columns:1fr;gap:45px}.fsl-special-grid{grid-template-columns:1fr}.fsl-faq{grid-template-columns:1fr;gap:25px}.fsl-section{padding-block:70px}.fsl-referral{gap:25px;padding:30px}.fsl-reward{width:150px;height:150px}.fsl-footer-links{gap:18px}.fsl-preview-nav{width:100%;justify-content:center;order:3}}
@media(max-width:540px){.fsl-shell{width:calc(100% - 36px)}.fsl-header-inner{gap:12px}.fsl-brand{font-size:14px;gap:6px}.fsl-brand img{width:33px;height:33px}.fsl-brand small{font-size:8px}.fsl-header .wp-block-buttons{gap:4px}.fsl-header .wp-block-button__link{padding:9px 10px;font-size:12px}.fsl-header .fsl-login .wp-block-button__link{padding-inline:4px}.fsl-header .wp-block-navigation{width:auto;margin-left:auto}.fsl-hero{padding-top:38px;padding-bottom:34px}.fsl-hero .fsl-lead{font-size:17px}.fsl-hero-photo{height:345px;border-top-left-radius:85px}.fsl-photo-caption{left:10px;right:10px;bottom:12px;justify-content:center;padding:15px}.fsl-photo-caption strong{font-size:14px}.fsl-photo-caption span{font-size:12px}.fsl-photo-tag{font-size:10px}.fsl-trades-inner{gap:14px}.fsl-trade-list{gap:12px 22px;font-size:12px}.fsl-section{padding-block:55px}.fsl-grid-3{grid-template-columns:1fr}.fsl-intro{margin-bottom:28px}.fsl-card{padding:26px}.fsl-card h3{margin-top:18px}.fsl-board{padding:17px;transform:none;box-shadow:none}.fsl-board-row{gap:9px;padding:13px}.fsl-board-row .fsl-icon{width:35px;height:35px}.fsl-pill{padding:4px 7px;font-size:9px}.fsl-board-top strong{font-size:16px}.fsl-special-card{padding:28px}.fsl-special-card h3{font-size:29px}.fsl-referral{flex-direction:column;align-items:flex-start}.fsl-reward{align-self:center;margin-top:10px}.fsl-faq{padding-top:55px}.fsl-cta{padding:55px 0}.fsl-footer-top{flex-direction:column}.fsl-footer-links{flex-wrap:wrap}.fsl-footer-bottom{flex-direction:column}.fsl-preview-nav{gap:22px;font-size:13px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.wp-block-button__link:hover{transform:none}}