:root{
      --ink:#1F2935;
      --ink-2:#293746;
      --ink-3:#3a4a5b;
      --teal:#46C6C3;
      --teal-dark:#176B69;
      --green:#8AC646;
      --mist:#ECF9F9;
      --white:#FFFFFF;
      --paper:#F6FAFA;
      --paper-2:#F0F7F7;
      --line:#D9E7E7;
      --muted:#60707C;
      --muted-2:#84919B;
      --warning:#FFEEBF;
      --warning-text:#6B5217;
      --radius:26px;
      --radius-md:20px;
      --radius-sm:14px;
      --shadow:0 28px 70px rgba(31,41,53,.14);
      --shadow-sm:0 12px 34px rgba(31,41,53,.08);
      --max:1200px;
    }

    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{
      margin:0;
      color:var(--ink);
      background:var(--white);
      font-family:Montserrat,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
      font-size:16px;
      line-height:1.65;
      -webkit-font-smoothing:antialiased;
      text-rendering:optimizeLegibility;
    }
    img,svg{display:block;max-width:100%}
    [hidden]{display:none!important}
    a{color:inherit;text-decoration:none}
    button,input,select,textarea{font:inherit}
    button,a{ -webkit-tap-highlight-color:transparent }
    :focus-visible{outline:3px solid var(--green);outline-offset:3px}

    .skip-link{
      position:fixed;left:16px;top:-80px;z-index:9999;
      padding:10px 14px;border-radius:10px;background:#fff;color:var(--ink);
      box-shadow:var(--shadow-sm);font-weight:800;transition:.2s ease;
    }
    .skip-link:focus{top:16px}
    .sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}

    .container{width:min(calc(100% - 40px),var(--max));margin-inline:auto}
    .section{padding:94px 0}
    .section-sm{padding:72px 0}
    .paper{background:var(--paper)}
    .mist{background:var(--mist)}
    .dark{background:var(--ink);color:var(--white)}

    .eyebrow{
      display:inline-flex;align-items:center;gap:9px;margin:0 0 14px;
      color:var(--teal-dark);font-size:.76rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase;
    }
    .eyebrow:before{content:"";width:26px;height:3px;border-radius:99px;background:var(--teal)}
    .eyebrow.light{color:#94E9E7}
    .eyebrow.light:before{background:#7adfdd}
    h1,h2,h3,h4,p{margin-top:0}
    h1{font-size:clamp(2.8rem,6vw,5.5rem);line-height:.98;letter-spacing:-.065em;margin-bottom:0;font-weight:850}
    h2{font-size:clamp(2.05rem,4vw,3.35rem);line-height:1.07;letter-spacing:-.045em;margin-bottom:0}
    h3{font-size:1.15rem;line-height:1.25;letter-spacing:-.02em;margin-bottom:0}
    p{margin-bottom:0}
    .lead{max-width:780px;color:var(--muted);font-size:clamp(1.04rem,1.6vw,1.22rem);margin-top:18px}
    .lead.light{color:rgba(255,255,255,.72)}
    .section-head{display:flex;justify-content:space-between;gap:36px;align-items:end;margin-bottom:36px}
    .section-head .copy{max-width:760px}
    .section-head .side{max-width:310px;color:var(--muted);font-size:.92rem}
    .section-head.light .side{color:rgba(255,255,255,.62)}

    .btn{
      display:inline-flex;align-items:center;justify-content:center;gap:10px;
      min-height:52px;padding:0 21px;border:1px solid transparent;border-radius:13px;
      font-weight:850;letter-spacing:-.01em;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,background .2s ease;
    }
    .btn:hover{transform:translateY(-2px)}
    .btn-primary{background:var(--green);color:#15210f;box-shadow:0 12px 24px rgba(138,198,70,.24)}
    .btn-primary:hover{background:#9cd65a}
    .btn-teal{background:var(--teal);color:#102f2f}
    .btn-dark{background:var(--ink);color:var(--white)}
    .btn-outline{border-color:#b8cccc;background:#fff;color:var(--ink)}
    .btn-ghost{border-color:rgba(255,255,255,.23);background:rgba(255,255,255,.05);color:#fff}
    .btn-arrow:after{content:"→";font-size:1.08em}
    .text-link{font-weight:850;color:var(--teal-dark)}
    .text-link:hover{text-decoration:underline}

    /* HEADER */
    .site-header{
      position:sticky;top:0;z-index:1000;background:rgba(31,41,53,.965);color:#fff;
      border-bottom:1px solid rgba(255,255,255,.08);backdrop-filter:blur(14px);
    }
    .nav{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:24px}
    .brand{display:inline-flex;align-items:center;color:#fff;line-height:1}
    .brand img{display:block;width:145px;height:auto;max-height:32px;object-fit:contain}
    .nav-links{display:flex;align-items:center;gap:26px;font-size:.9rem;font-weight:750}
    .nav-links a{color:rgba(255,255,255,.8)}
    .nav-links a:hover{color:#fff}
    .nav-actions{display:flex;align-items:center;gap:10px}
    .phone{font-weight:850;font-size:.88rem;color:#fff}
    .menu-btn{display:none;width:46px;height:46px;border:0;border-radius:12px;background:rgba(255,255,255,.09);color:#fff}
    .mobile-menu{display:none;background:var(--ink);border-top:1px solid rgba(255,255,255,.08);padding:10px 24px 22px}
    .mobile-menu a{display:block;color:rgba(255,255,255,.9);font-weight:750;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.08)}
    .mobile-menu.open{display:block}

    /* HERO */
    .hero{
      position:relative;overflow:hidden;color:#fff;padding:82px 0 64px;
      background:
        radial-gradient(circle at 88% 16%,rgba(70,198,195,.20),transparent 31%),
        radial-gradient(circle at 10% 85%,rgba(138,198,70,.10),transparent 24%),
        var(--ink);
    }
    .hero:after{
      content:"";position:absolute;inset:-20%;pointer-events:none;opacity:.14;
      background-image:linear-gradient(rgba(255,255,255,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.12) 1px,transparent 1px);
      background-size:72px 72px;transform:rotate(-7deg);mask-image:linear-gradient(to right,#000,transparent 75%);
    }
    .hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:1.04fr .96fr;gap:64px;align-items:center}
    .hero-keyword{
      display:inline-flex;align-items:center;justify-content:center;
      width:274.984px;max-width:100%;padding:10px 14.5px;margin:0 0 20px;
      border:1px solid var(--teal);border-radius:12px;box-shadow:0 10px 30px rgba(0,18,65,.10);
      color:var(--teal);font-family:Montserrat,sans-serif;font-size:18px;font-weight:600;
      line-height:1.2;letter-spacing:0;text-transform:uppercase;text-align:center;
    }
    .hero-tagline{
      display:block;color:var(--white);font-family:Montserrat,sans-serif;
      font-size:38px;font-weight:800;line-height:40px;letter-spacing:0;margin:0;
    }
    .hero-tagline .teal{color:var(--teal)}
    .hero-copy{max-width:690px;margin-top:23px;color:rgba(255,255,255,.74);font-size:1.08rem}
    .hero-points{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 18px;list-style:none;padding:0;margin:26px 0 30px}
    .hero-points li{display:flex;gap:10px;align-items:flex-start;font-size:.9rem;font-weight:700;color:rgba(255,255,255,.89)}
    .tick{flex:0 0 22px;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:rgba(70,198,195,.14);border:1px solid rgba(70,198,195,.36);color:#92F0ED;font-size:.74rem;margin-top:2px}
    .hero-actions{display:flex;flex-wrap:wrap;gap:11px;align-items:center}

    
    
    
    
    
    

    /* QUOTE CARD */
    .quote-card{background:#fff;color:var(--ink);padding:28px;border-radius:27px;box-shadow:0 34px 86px rgba(0,0,0,.26);border:1px solid rgba(255,255,255,.16)}
    .quote-top{display:block;margin-bottom:20px}
    .quote-heading-row{display:flex;align-items:flex-start;justify-content:space-between;gap:15px}
    .quote-top h2{font-size:1.55rem;letter-spacing:-.035em}
    .quote-top p{width:100%;font-size:.8rem;color:var(--muted);margin-top:8px}
    .offer{flex:0 0 auto;padding:7px 10px;border-radius:999px;background:#EEF8DE;border:1px solid #D4EAB6;color:#486C1C;font-size:.67rem;font-weight:900;text-transform:uppercase;letter-spacing:.04em}
    .stepper{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-bottom:22px}
    .stepbar{height:5px;border-radius:99px;background:#E7EEEE}.stepbar.active{background:var(--teal)}
    .form-step{display:none}.form-step.active{display:block}
    .field-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}
    .field{display:grid;gap:7px}.field.full{grid-column:1/-1}
    label,.field-label{font-size:.76rem;font-weight:850;color:#465461}.field-label{display:block}
    input,select,textarea{width:100%;border:1px solid #CAD9D9;border-radius:11px;background:#FBFDFD;color:var(--ink)}
    input,select{min-height:50px;padding:0 13px}textarea{min-height:92px;padding:12px 13px;resize:vertical}
    input::placeholder,textarea::placeholder{color:#6B7780}
    input:focus,select:focus,textarea:focus{outline:none;border-color:var(--teal-dark);box-shadow:0 0 0 3px rgba(70,198,195,.14)}
    .choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
    .choice{position:relative}.choice input{position:absolute;opacity:0;pointer-events:none}
    .choice label{display:block;text-align:center;padding:13px;border:1px solid #CAD9D9;border-radius:12px;background:#FBFDFD;cursor:pointer}
    .choice input:checked+label{border-color:var(--teal-dark);background:var(--mist);box-shadow:0 0 0 2px rgba(70,198,195,.12);color:#176B69}
    .form-footer{display:flex;gap:10px;margin-top:18px}.form-footer .btn{flex:1}
    .form-note{font-size:.71rem;color:#657481;margin-top:12px;line-height:1.45}

    /* TRUST STRIP */
    .trust-strip{background:#17212C;color:#fff;border-top:1px solid rgba(255,255,255,.06)}
    .trust-grid{display:grid;grid-template-columns:repeat(3,1fr)}
    .trust-item{
      display:grid;grid-template-columns:48px minmax(0,1fr);align-items:center;column-gap:16px;
      min-height:112px;padding:20px 28px;border-right:1px solid rgba(255,255,255,.08);
    }
    .trust-item:last-child{border-right:0}
    .trust-item > div{min-width:0;display:flex;flex-direction:column;justify-content:center}
    .trust-item strong{display:block;color:#fff;font-size:.9rem;line-height:1.25;font-weight:800;letter-spacing:-.01em}
    .trust-item > div > span{display:block;color:rgba(255,255,255,.58);font-size:.72rem;line-height:1.4;margin-top:6px}

    /* INTRO / FEATURES */
    .intro-grid{display:grid;grid-template-columns:.98fr 1.02fr;gap:68px;align-items:center}
    .feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
    .feature{padding:22px;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:0 9px 27px rgba(31,41,53,.04)}
    .iconbox{width:46px;height:46px;border-radius:13px;display:grid;place-items:center;background:var(--mist);color:var(--teal-dark);font-weight:900;margin-bottom:16px}
    .feature p{color:var(--muted);font-size:.86rem;line-height:1.55;margin-top:8px}


    /* CARDS */
    .service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
    .service-card{min-height:244px;padding:24px;border-radius:20px;border:1px solid var(--line);background:#fff;display:flex;flex-direction:column;transition:.2s ease}
    .service-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-sm);border-color:#BEDADA}
    .service-card .num{font-size:.69rem;letter-spacing:.12em;text-transform:uppercase;font-weight:900;color:var(--teal-dark)}
    .service-card h3{font-size:1.2rem;margin-top:18px}.service-card p{font-size:.86rem;color:var(--muted);margin-top:9px;line-height:1.55}
    .service-card .learn{margin-top:auto;padding-top:18px;font-size:.79rem;font-weight:900;color:var(--ink)}
    .service-card .learn span{color:var(--teal-dark)}

    .chooser-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:34px}
    .chooser{padding:25px;border-radius:20px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.05)}
    .chooser .label{display:inline-flex;padding:6px 8px;border-radius:8px;background:rgba(70,198,195,.12);color:#91E8E5;font-size:.66rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em}
    .chooser h3{margin-top:16px;color:#fff}.chooser p{margin-top:8px;color:rgba(255,255,255,.62);font-size:.85rem}.chooser a{display:inline-block;margin-top:18px;color:#9FEDEB;font-size:.8rem;font-weight:850}

    /* PROCESS */
    .process{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:38px;border:1px solid var(--line);border-radius:22px;overflow:hidden;background:#fff}
    .step{padding:26px;position:relative;border-right:1px solid var(--line)}.step:last-child{border-right:0}
    .step .step-no{display:inline-block;font-size:2.25rem;font-weight:900;letter-spacing:-.07em;line-height:1;color:var(--teal)}.step h3{margin-top:14px}.step p{margin-top:8px;color:var(--muted);font-size:.84rem;line-height:1.55}

    /* WHAT WE CARRY */
    .goods-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:36px}
    .carry-card{display:grid;grid-template-columns:58px minmax(0,1fr);gap:18px;align-items:center;min-height:144px;padding:22px 26px;border:1px solid rgba(31,41,53,.04);border-radius:24px;background:#fff;box-shadow:0 8px 28px rgba(31,41,53,.035)}
    .carry-icon{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:rgba(70,198,195,.19);color:#2CA8AD}
    .carry-svg{display:block;width:30px;height:30px;max-width:32px;max-height:32px;color:currentColor}
    .carry-copy h3{font-size:1.02rem;line-height:1.22;letter-spacing:-.025em;margin:0;color:var(--ink)}
    .carry-copy h3 a:hover{color:var(--teal-dark);text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:3px}
    .carry-copy p{margin-top:6px;color:var(--muted);font-size:.82rem;line-height:1.5}

    /* BUSINESS */
    .business-wrap{display:grid;grid-template-columns:1.02fr .98fr;gap:56px;align-items:center}
    .business-panel{background:var(--ink);color:#fff;border-radius:28px;padding:34px;box-shadow:var(--shadow);position:relative;overflow:hidden}
    .business-panel:after{content:"";position:absolute;right:-90px;top:-90px;width:230px;height:230px;border-radius:50%;border:42px solid rgba(70,198,195,.08)}
    .business-list{display:grid;gap:18px;margin-top:22px;position:relative;z-index:1}
    .business-item{display:grid;grid-template-columns:42px minmax(0,1fr);gap:16px;align-items:start}
    .business-item > .tick{
      width:42px;height:42px;min-width:42px;margin:0;
      display:grid;place-items:center;align-self:start;
      border-radius:50%;background:rgba(70,198,195,.13);
      border:1.5px solid rgba(70,198,195,.62);color:var(--teal);
      box-shadow:inset 0 0 0 1px rgba(70,198,195,.05);
    }
    .business-item > .tick svg{
      width:22px;height:22px;margin:0;display:block;
      fill:none;stroke:var(--teal);stroke-width:2.1;
      stroke-linecap:round;stroke-linejoin:round;
    }
    .business-item > div{min-width:0;padding-top:1px}
    .business-item > div > b{display:block;font-size:.94rem;line-height:1.3;color:#fff}
    .business-item > div > span{display:block;font-size:.78rem;line-height:1.65;color:rgba(255,255,255,.64);margin-top:5px}

    /* INDUSTRIES */
    .industry-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:34px}
    .industry{padding:23px;border-radius:18px;background:#fff;border:1px solid var(--line)}
    .industry h3{font-size:1rem}.industry p{font-size:.8rem;color:var(--muted);margin-top:7px;line-height:1.5}.industry a{display:inline-block;margin-top:13px;font-size:.76rem;font-weight:850;color:var(--teal-dark)}

    /* COVERAGE */
    .coverage-wrap{position:relative;overflow:visible;display:grid;grid-template-columns:.98fr 1.02fr;gap:54px;align-items:center}
    .coverage-map{
      min-height:560px;border-radius:28px;background:linear-gradient(145deg,#DDF2F1,#F4FBFB);
      border:1px solid #CBE4E3;display:flex;align-items:center;justify-content:center;padding:24px;
      overflow:hidden;box-shadow:0 14px 38px rgba(31,41,53,.06)
    }
    .coverage-map #flextro-city-map{width:min(100%,410px);margin-inline:auto !important}
    .coverage-map-note{margin-top:10px;color:var(--muted);font-size:.75rem;text-align:center;line-height:1.45}
    .coverage-finder{margin-top:20px;padding:20px 20px 20px;background:
      radial-gradient(circle at 96% 92%,transparent 0 92px,rgba(70,198,195,.09) 93px 128px,transparent 129px),
      var(--ink);border-radius:24px;position:relative;overflow:visible;z-index:30;box-shadow:0 16px 36px rgba(31,41,53,.13)}
    .coverage-finder:after{display:none}
    .coverage-finder h3{position:relative;z-index:1;margin:0 0 12px;color:#fff;font-size:clamp(1.3rem,2vw,1.7rem);line-height:1.08;letter-spacing:-.035em;max-width:520px}
    .coverage-finder-field{position:relative;z-index:40}
    .coverage-finder-field input{width:100%;min-height:58px;padding:0 18px;border:2px solid #C6D3D4;border-radius:14px;background:#fff;color:var(--ink);font-size:clamp(.92rem,1.4vw,1.02rem);font-weight:500;box-shadow:0 1px 0 rgba(255,255,255,.5)}
    .coverage-finder-field input::placeholder{color:#6B7780}
    .coverage-finder-field input:focus{outline:none;border-color:var(--teal);box-shadow:0 0 0 4px rgba(70,198,195,.16)}
    .coverage-search-results{display:none;position:absolute;left:0;right:0;top:calc(100% + 10px);z-index:999;max-height:290px;overflow:auto;padding:7px;background:#fff;border:1px solid #D3E1E1;border-radius:15px;box-shadow:0 18px 40px rgba(18,29,39,.22)}
    .coverage-search-results.is-open{display:block}
    .coverage-search-option{width:100%;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 14px;border:0;border-radius:11px;background:#fff;color:var(--ink);font:inherit;font-size:.9rem;font-weight:750;text-align:left;cursor:pointer;transition:background .16s ease,color .16s ease}
    .coverage-search-option:hover,.coverage-search-option[aria-selected="true"]{background:var(--mist);color:#176B69}
    .coverage-search-option small{font-size:.67rem;font-weight:700;color:#657481;white-space:nowrap}
    .coverage-search-state{padding:13px 14px;color:#657481;font-size:.8rem;line-height:1.45}
    .coverage-search-state.loading:before{content:"";display:inline-block;width:12px;height:12px;margin-right:8px;border:2px solid #C9DDDC;border-top-color:var(--teal);border-radius:50%;vertical-align:-2px;animation:fxSearchSpin .7s linear infinite}
    @keyframes fxSearchSpin{to{transform:rotate(360deg)}}


#flextro-city-map,
#flextro-city-map * {
    box-sizing: border-box;
}

#flextro-city-map {
    --fx-bunker: #1F2935;
    --fx-turquoise: #46C6C3;
    --fx-green: #8AC646;
    --fx-azure: #ECF9F9;
    --fx-white: #FFFFFF;

    width: 100%;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    overflow: hidden;
    line-height: 0;
    font-family: "Montserrat", Arial, sans-serif;
}

#flextro-city-map-svg {
    display: block;
    width: 100%;
    height: auto;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    overflow: visible;
}

.fx-map-shadow {
    fill: rgba(31, 41, 53, 0.04);
    pointer-events: none;
}

.fx-map-land {
    fill: #ECF9F9;
    stroke: #46C6C3;
    stroke-width: 1.5;
    vector-effect: non-scaling-stroke;
    pointer-events: none;
}

.fx-map-route {
    fill: none;
    stroke: rgba(70, 198, 195, 0.29);
    stroke-width: 1;
    stroke-dasharray: 4 7;
    stroke-linecap: round;
    vector-effect: non-scaling-stroke;
    pointer-events: none;
}

.fx-city-link {
    cursor: pointer;
    outline: none;
}

.fx-city-hit {
    fill: transparent;
    pointer-events: all;
}

.fx-city-halo {
    fill: rgba(70, 198, 195, 0.16);
    pointer-events: none;
    transition: fill .18s ease, r .18s ease;
}

.fx-city-dot {
    fill: #46C6C3;
    stroke: #FFFFFF;
    stroke-width: 1.8;
    vector-effect: non-scaling-stroke;
    pointer-events: none;
    filter: drop-shadow(0 2px 3px rgba(31, 41, 53, .20));
    transition: fill .18s ease, r .18s ease, filter .18s ease;
}

.fx-city-link:hover .fx-city-dot,
.fx-city-link:focus .fx-city-dot,
.fx-city-link.fx-active-city .fx-city-dot {
    fill: #8AC646;
    r: 5.8;
    filter: drop-shadow(0 3px 5px rgba(31, 41, 53, .24));
}

.fx-city-link:hover .fx-city-halo,
.fx-city-link:focus .fx-city-halo,
.fx-city-link.fx-active-city .fx-city-halo {
    fill: rgba(138, 198, 70, .22);
    r: 11;
}

.fx-smart-tooltip {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity .12s ease, visibility .12s ease;
}

.fx-smart-tooltip.fx-visible {
    opacity: 1;
    visibility: visible;
}

.fx-smart-tooltip-box {
    fill: #1F2935;
    stroke: #8AC646;
    stroke-width: 1;
    vector-effect: non-scaling-stroke;
    filter: drop-shadow(0 6px 12px rgba(31, 41, 53, .18));
}

.fx-smart-tooltip-text {
    fill: #FFFFFF;
    font-family: "Montserrat", Arial, sans-serif;
    font-size: 10.5px;
    font-weight: 600;
    dominant-baseline: middle;
    text-anchor: middle;
}

/* Remove Elementor spacing around widget */
.elementor-widget-html:has(#flextro-city-map),
.elementor-widget-html:has(#flextro-city-map) .elementor-widget-container {
    margin: 0 !important;
    padding: 0 !important;
}

    /* COMPARISON */
    .compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:36px}
    .compare{padding:29px;border-radius:22px;border:1px solid var(--line);background:#fff}
    .compare.primary{border-color:#AEE0DE;box-shadow:0 17px 40px rgba(70,198,195,.10)}
    .compare .tag{display:inline-flex;padding:6px 9px;border-radius:999px;font-size:.65rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em;background:var(--mist);color:var(--teal-dark)}
    .compare ul{list-style:none;padding:0;margin:21px 0 0;display:grid;gap:12px}
    .compare li{display:flex;gap:10px;font-size:.84rem;color:#53626E}.compare li:before{content:"✓";color:var(--teal-dark);font-weight:900}.compare.standard li:before{content:"•";color:#98A5AE}

    /* DELIVERY UPDATES */
    .updates-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:56px;align-items:center}
    .updates-ui{background:#fff;border:1px solid var(--line);border-radius:28px;padding:26px;box-shadow:var(--shadow)}
    .updates-top{display:flex;justify-content:space-between;gap:18px;align-items:center;padding-bottom:18px;border-bottom:1px solid var(--line)}
    .updates-top strong{font-size:.92rem}.updates-top span{font-size:.72rem;color:var(--teal-dark);font-weight:850;background:var(--mist);padding:6px 8px;border-radius:999px}
    .updates-map{height:170px;border-radius:18px;background:linear-gradient(145deg,#EEF8F8,#E7F3F3);margin:18px 0;position:relative;overflow:hidden}
    .updates-map:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(31,41,53,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(31,41,53,.05) 1px,transparent 1px);background-size:34px 34px}
    .updates-map.fx-update-panel{height:auto;min-height:170px;display:grid;align-content:center;gap:10px;padding:16px;background:linear-gradient(145deg,#EEF8F8,#E7F3F3)}
    .updates-map.fx-update-panel:before{display:none}
    .fx-update-row{position:relative;z-index:1;background:#fff;border:1px solid var(--line);border-radius:13px;padding:11px 13px;display:grid;gap:3px;box-shadow:0 5px 14px rgba(31,41,53,.05)}
    .fx-update-row b{font-size:.73rem;color:var(--ink)}
    .fx-update-row span{font-size:.66rem;color:var(--muted);line-height:1.45}
    .updates-timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
    .updates-status{font-size:.67rem;color:var(--muted)}.updates-status b{display:block;color:var(--ink);font-size:.72rem;margin-bottom:3px}.updates-status.done b{color:var(--teal-dark)}
    .updates-benefits{display:grid;gap:13px;margin-top:24px}.updates-benefit{display:flex;gap:12px}.updates-benefit p{font-size:.82rem;color:var(--muted);margin-top:3px}

    /* FLEET — mirrors the current Flextro homepage vehicle carousel */
    .fleet-section{background:var(--white)}
    .fleet-intro{margin-bottom:34px}.fleet-cta{text-align:center;margin-top:28px}
    .fleet-cta .btn{min-width:235px}

    /* PRACTICAL */
    .practical-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:34px}
    .practical-card{padding:26px;border-radius:20px;border:1px solid var(--line);background:#fff}
    .practical-card p{font-size:.84rem;color:var(--muted);margin-top:9px;line-height:1.55}.practical-card a{display:inline-block;margin-top:17px;font-size:.78rem;font-weight:850;color:var(--teal-dark)}

    /* PROOF */
    .proof-wrap{display:grid;grid-template-columns:.9fr 1.1fr;gap:46px;align-items:center}
    .stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.stat-card{padding:24px;border-radius:18px;background:#fff;border:1px solid var(--line)}
    .stat-card strong{display:block;font-size:2rem;letter-spacing:-.05em}.stat-card span{display:block;font-size:.76rem;color:var(--muted);margin-top:4px}
    .proof-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}
    .case-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:34px}
    .case-card{padding:27px;border-radius:20px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow-sm)}
    .case-card .case-label{display:inline-flex;padding:6px 9px;border-radius:999px;background:var(--mist);color:var(--teal-dark);font-size:.66rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em}
    .case-card h3{margin-top:16px;font-size:1.05rem}.case-card p{margin-top:9px;color:var(--muted);font-size:.82rem;line-height:1.58}.case-card a{display:inline-block;margin-top:17px;color:var(--teal-dark);font-size:.78rem;font-weight:850}
    .pricing-factors{margin:14px 0 0;padding:0;list-style:none;display:grid;gap:8px}
    .pricing-factors li{position:relative;padding-left:18px;color:var(--muted);font-size:.78rem;line-height:1.45}.pricing-factors li:before{content:"";position:absolute;left:0;top:.62em;width:7px;height:7px;border-radius:50%;background:var(--teal)}
    .proof-note{font-size:.72rem;color:var(--muted);margin-top:12px}

    /* GUIDES */
    .guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:34px}
    .guide{border-radius:20px;overflow:hidden;border:1px solid var(--line);background:#fff}
    .guide-art{height:118px;background:linear-gradient(135deg,var(--ink),var(--ink-3));position:relative;overflow:hidden}
    .guide-art:before{content:"";position:absolute;width:150px;height:150px;border-radius:50%;right:-45px;top:-62px;border:25px solid rgba(70,198,195,.2)}
    .guide-body{padding:21px}.guide-body .meta{font-size:.65rem;color:var(--teal-dark);font-weight:900;text-transform:uppercase;letter-spacing:.09em}.guide-body h3{margin-top:9px}.guide-body p{font-size:.78rem;color:var(--muted);margin-top:8px;line-height:1.5}.guide-body a{display:inline-block;margin-top:14px;font-size:.77rem;font-weight:850;color:var(--teal-dark)}

    /* FAQ */
    .faq-wrap{display:grid;grid-template-columns:.72fr 1.28fr;gap:52px;align-items:start}
    .faq-list{display:grid;gap:10px}
    details{border:1px solid var(--line);border-radius:15px;background:#fff;padding:0 18px}
    summary{list-style:none;cursor:pointer;padding:18px 34px 18px 0;font-weight:850;font-size:.9rem;position:relative}
    summary::-webkit-details-marker{display:none}
    summary:after{content:"+";position:absolute;right:0;top:14px;font-size:1.45rem;color:var(--teal-dark);font-weight:500}
    details[open] summary:after{content:"–"}
    details p{padding:0 0 18px;color:var(--muted);font-size:.84rem;line-height:1.58}

    /* FINAL CTA */
    .final-cta{padding:78px 0;background:var(--ink);color:#fff;position:relative;overflow:hidden}
    .final-cta:before{content:"";position:absolute;right:-170px;top:-220px;width:520px;height:520px;border-radius:50%;border:75px solid rgba(70,198,195,.07)}
    .cta-grid{position:relative;z-index:2;display:flex;justify-content:space-between;gap:40px;align-items:center}
    .cta-grid h2{max-width:760px}.cta-grid p{margin-top:12px;color:rgba(255,255,255,.65);max-width:690px}.cta-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}

    /* FOOTER */
    footer{background:#141D27;color:rgba(255,255,255,.7);padding:54px 0 28px}
    .footer-grid{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:36px}
    .footer-brand p{font-size:.8rem;max-width:360px;margin-top:13px;line-height:1.55;color:rgba(255,255,255,.55)}
    .footer-col h3{font-size:.8rem;color:#fff;text-transform:uppercase;letter-spacing:.09em}.footer-col a{display:block;margin-top:9px;font-size:.77rem;color:rgba(255,255,255,.61)}.footer-col a:hover{color:#fff}
    .footer-bottom{display:flex;justify-content:space-between;gap:24px;align-items:center;margin-top:38px;padding-top:22px;border-top:1px solid rgba(255,255,255,.09);font-size:.7rem;color:rgba(255,255,255,.52)}
    .footer-legal{display:flex;gap:16px;flex-wrap:wrap}.footer-legal a{color:rgba(255,255,255,.68)}.footer-legal a:hover{color:#fff;text-decoration:underline}
    .map-fallback{display:none;margin:18px 0 0;padding:18px;border:1px solid var(--line);border-radius:16px;background:#fff;color:var(--muted);font-size:.84rem;line-height:1.55}
    .map-fallback.is-visible{display:block}

    .mobile-bar{display:none}

    @media (prefers-reduced-motion: reduce){
      html{scroll-behavior:auto}
      *,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
    }

    @media (max-width:1050px){
      .review-slide{flex-basis:calc((100% - 16px)/2)}
      .nav-links{display:none}.menu-btn{display:grid;place-items:center}.phone{display:none}
      .hero-grid,.intro-grid,.business-wrap,.coverage-wrap,.updates-grid,.proof-wrap{grid-template-columns:1fr;gap:40px}
      .hero{padding-top:62px}.quote-card{max-width:720px}.service-grid,.industry-grid,.guide-grid,.case-grid{grid-template-columns:repeat(2,1fr)}
      .goods-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.faq-wrap{grid-template-columns:1fr}.footer-grid{grid-template-columns:1.2fr 1fr 1fr}.footer-grid .footer-col:last-child{grid-column:2/4}
    }
    @media (max-width:760px){
      .review-slide{flex-basis:100%}
      .container{width:min(calc(100% - 28px),var(--max))}.section{padding:70px 0}.section-sm{padding:58px 0}
      .nav{min-height:70px}.nav-actions .btn{display:none}.brand img{width:132px}
      h1{font-size:clamp(2.7rem,13vw,4.3rem)}h2{font-size:clamp(1.8rem,9vw,2.65rem)}
      .hero{padding:48px 0 40px}.hero-keyword{width:177px;font-size:18px;margin-bottom:18px}.hero-tagline{font-size:27px;line-height:1.3}.hero-points{grid-template-columns:1fr}.hero-actions .btn{width:100%}
      .quote-card{padding:21px;border-radius:22px}.quote-top{display:block}.offer{display:inline-flex;margin-top:11px}
      .field-grid,.choice-grid{grid-template-columns:1fr}.field.full{grid-column:auto}
      .trust-grid{grid-template-columns:1fr 1fr}.trust-item{min-height:104px;padding:17px 16px;grid-template-columns:48px minmax(0,1fr);column-gap:13px}.trust-item:nth-child(2){border-right:0}.trust-item:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.08)}.trust-item:last-child{grid-column:1/-1;border-right:0}
      .section-head{display:block}.section-head .side{margin-top:14px}.feature-grid,.service-grid,.chooser-grid,.process,.goods-grid,.industry-grid,.compare-grid,.practical-grid,.guide-grid,.case-grid{grid-template-columns:1fr}
      .process{border:0;gap:10px;background:transparent}.step{border:1px solid var(--line)!important;border-radius:16px;background:#fff;padding:21px}
      .coverage-map{min-height:0;padding:18px}.coverage-map #flextro-city-map{width:min(100%,350px)}.coverage-finder{padding:18px 16px;border-radius:20px}.coverage-finder h3{font-size:1.3rem;margin-bottom:10px}.coverage-finder-field input{min-height:54px;padding:0 16px;font-size:.96rem}
      .updates-timeline{grid-template-columns:1fr 1fr;gap:13px}.stat-grid{grid-template-columns:1fr 1fr}
      .cta-grid{display:block}.cta-actions{justify-content:flex-start;margin-top:24px}.cta-actions .btn{width:100%}
      .footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}.footer-grid .footer-col:last-child{grid-column:auto}.footer-bottom{display:block}.footer-bottom span{display:block;margin-top:6px}
      .mobile-bar{display:grid;grid-template-columns:1fr 1fr;position:fixed;left:0;right:0;bottom:0;z-index:1100;background:#fff;border-top:1px solid var(--line);padding:8px;gap:8px;box-shadow:0 -10px 30px rgba(31,41,53,.12)}
      .mobile-bar .btn{min-height:46px;padding:0 12px;font-size:.82rem}.mobile-spacer{height:64px}
    }
    @media (max-width:460px){
      .trust-grid{grid-template-columns:1fr}.trust-item{min-height:92px;padding:16px 18px;border-right:0!important;border-bottom:1px solid rgba(255,255,255,.08)!important}.trust-item:last-child{border-bottom:0!important}
      .stat-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.footer-brand,.footer-grid .footer-col:last-child{grid-column:auto}
    }
  

    /* =========================================================
       BRAND + ICON REFINEMENT
       Flextro Brand Book: Bunker #1F2935, Turquoise #46C6C3,
       White #FFFFFF, Atlantis #8AC646, Azure #ECF9F9.
       ========================================================= */
    .iconbox{
      width:50px;height:50px;min-width:50px;border-radius:14px;
      display:flex;align-items:center;justify-content:center;
      background:var(--mist);border:1px solid rgba(70,198,195,.42);
      color:var(--teal);margin:0 0 16px;line-height:1;
      box-shadow:none;
    }
    .iconbox svg{width:25px;height:25px;display:block;fill:none;stroke:var(--teal);stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
    .iconbox svg.flextro-van-icon{width:31px;height:auto;fill:currentColor;stroke:none;color:var(--teal)}
    .feature{display:flex;flex-direction:column;align-items:flex-start}
    .feature .iconbox{align-self:flex-start}
    .updates-benefit{display:grid!important;grid-template-columns:50px minmax(0,1fr);gap:16px!important;align-items:start!important}
    .updates-benefit .iconbox{margin:0!important;align-self:start}
    .practical-card{display:flex;flex-direction:column;align-items:flex-start}
    .practical-card .iconbox{align-self:flex-start}
    .trust-item .trust-icon{
      width:48px;height:48px;min-width:48px;margin:0;border-radius:14px;
      display:grid;place-items:center;text-align:center;align-self:center;
      background:rgba(70,198,195,.13);border:1.5px solid rgba(70,198,195,.48);
      box-shadow:none;color:var(--teal);
    }
    .trust-item .trust-icon svg{
      width:23px;height:23px;margin:0;fill:none;stroke:var(--teal);stroke-width:2.1;
      stroke-linecap:round;stroke-linejoin:round;
    }
    .trust-item .trust-icon .trust-mark{
      display:block;margin:0;color:var(--teal);font-weight:800;line-height:1;
      letter-spacing:-.02em;transform:none;
    }
    .trust-item .trust-icon .trust-mark.small{font-size:.95rem}
    .trust-item .trust-icon .trust-mark.tiny{font-size:.76rem;letter-spacing:-.04em}
    .tick{display:flex;align-items:center;justify-content:center;padding:0}
    .tick svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:2.3;stroke-linecap:round;stroke-linejoin:round}

    /* =========================================================
       LIVE-SITE HEADER TREATMENT
       Mirrors the floating light-azure navigation used live.
       ========================================================= */
    .site-header.live-header{position:absolute;top:20px;left:0;right:0;z-index:1000;background:transparent;border:0;backdrop-filter:none;color:#fff}
    .live-header-shell{width:min(calc(100% - 10%),1320px);max-width:1320px;min-height:76px;padding:0 36px;border:1px solid rgba(255,255,255,.10);border-radius:12px;background:var(--ink);display:flex;align-items:center;justify-content:space-between;gap:28px;box-shadow:0 10px 28px rgba(0,0,0,.16)}
    .live-brand{flex:0 0 auto}.live-brand img{width:156px;height:auto;max-height:36px;object-fit:contain}
    .live-nav{gap:28px;font-size:.88rem;font-weight:650;color:#fff}
    .live-nav>a,.live-nav-parent{color:rgba(255,255,255,.88)!important;padding:25px 0;display:flex;align-items:center;gap:5px}
    .live-nav>a:hover,.live-nav-parent:hover,.live-nav>a:focus-visible,.live-nav-parent:focus-visible{color:var(--teal)!important}
    .live-nav-item{position:relative}
    .live-mega{position:absolute;top:calc(100% - 2px);left:50%;transform:translateX(-50%) translateY(8px);width:min(780px,80vw);padding:24px;border-radius:16px;background:var(--ink);color:#fff;box-shadow:0 24px 60px rgba(31,41,53,.24);opacity:0;visibility:hidden;pointer-events:none;transition:.18s ease;z-index:50}
    .live-nav-item:hover .live-mega,.live-nav-item:focus-within .live-mega{opacity:1;visibility:visible;pointer-events:auto;transform:translateX(-50%) translateY(0)}
    .live-mega-title{font-size:.78rem;text-transform:uppercase;letter-spacing:.1em;color:var(--teal);font-weight:800;margin-bottom:14px}
    .live-mega-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px 16px}
    .live-mega-grid a{color:rgba(255,255,255,.88);padding:9px 10px;border-radius:8px;font-size:.8rem;font-weight:600}
    .live-mega-grid a:hover,.live-mega-grid a:focus-visible{background:rgba(70,198,195,.12);color:#fff}
    .live-nav-actions{gap:12px}
    .live-call{
      display:inline-flex;align-items:center;justify-content:center;gap:11px;
      min-height:54px;padding:0 22px;border-radius:18px;
      background:#2F9FA4;color:#fff!important;white-space:nowrap;
      font-size:1.02rem;font-weight:800;line-height:1;
      box-shadow:0 8px 18px rgba(47,159,164,.20);
      transition:background .18s ease,transform .18s ease,box-shadow .18s ease;
    }
    .live-call:hover,.live-call:focus-visible{background:#278B90;color:#fff!important;transform:translateY(-1px);box-shadow:0 10px 22px rgba(47,159,164,.28)}
    .live-call svg{width:22px;height:22px;flex:0 0 22px;fill:#fff;display:block}
    .live-header .menu-btn{background:var(--ink);border-radius:8px;width:44px;height:44px;padding:11px;border:0;display:none;flex-direction:column;justify-content:center;gap:5px}
    .live-header .menu-btn span{display:block;width:100%;height:2px;background:#fff;border-radius:4px}
    .live-mobile-menu{position:absolute;top:86px;left:20px;right:20px;max-height:calc(100vh - 110px);overflow:auto;background:var(--ink);border-radius:14px;padding:12px 20px 20px;box-shadow:0 24px 60px rgba(31,41,53,.28)}
    .live-mobile-menu a{color:#fff;padding:11px 0;border-color:rgba(255,255,255,.09)}
    .live-mobile-menu .mobile-subnav{padding:0 0 6px 14px;border-left:2px solid rgba(70,198,195,.3)}
    .live-mobile-menu .mobile-subnav a{font-size:.8rem;color:rgba(255,255,255,.74);padding:8px 0}
    .live-mobile-menu .mobile-call-link{color:var(--teal);font-weight:800;margin-top:5px}
    .hero{padding-top:132px}

    /* =========================================================
       LIVE-SITE FOOTER TREATMENT
       Mirrors the Azure footer, column labels and legal row.
       ========================================================= */
    .live-footer{background:#141D27;color:rgba(255,255,255,.78);padding:0;font-family:Montserrat,ui-sans-serif,system-ui,sans-serif}
    .live-footer-main{padding-top:88px;padding-bottom:48px}
    .live-footer-grid{display:grid;grid-template-columns:1.4fr repeat(4,1fr);gap:34px;align-items:start}
    .live-footer-intro{max-width:300px}.live-footer-logo img{width:116px;height:auto;filter:none}
    .live-footer-intro h2{font-size:1.05rem;line-height:1.35;letter-spacing:-.02em;margin:22px 0 8px;color:#fff}
    .live-footer-intro p{font-size:.82rem;line-height:1.6;color:rgba(255,255,255,.58)}
    .live-socials{display:flex;gap:7px;margin-top:18px}.live-socials a{width:32px;height:32px;border-radius:6px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.72);font-size:.7rem;font-weight:800;text-transform:lowercase}.live-socials a svg{width:16px;height:16px;display:block;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.live-socials a:first-child svg{fill:currentColor;stroke:none}.live-socials a:hover{background:var(--teal);border-color:var(--teal);color:var(--ink)}
    .live-footer-col h3{font-size:1rem;font-weight:700;color:#fff;margin:0 0 16px}.live-footer-col>a{display:block;margin:0 0 11px;color:rgba(255,255,255,.60);font-size:.78rem;line-height:1.45}.live-footer-col>a:hover{color:var(--teal);text-decoration:underline}
    .live-contact>a{display:flex;align-items:flex-start;gap:10px}.footer-contact-icon{flex:0 0 22px;width:22px;height:22px;display:flex;align-items:center;justify-content:center;color:var(--teal)}.footer-contact-icon svg{width:18px;height:18px;fill:none;stroke:var(--teal);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
    .live-footer-rule{height:3px;background:var(--teal);opacity:.65}
    .live-footer-bottom{min-height:66px;display:flex;align-items:center;justify-content:space-between;gap:24px;color:rgba(255,255,255,.52);font-size:.76rem}.live-footer-bottom nav{display:flex;gap:22px}.live-footer-bottom a{color:rgba(255,255,255,.68)}.live-footer-bottom a:hover{text-decoration:underline;color:var(--teal)}

    @media(max-width:1100px){
      .live-nav{gap:18px;font-size:.82rem}.live-call{display:none}.live-footer-grid{grid-template-columns:1.25fr repeat(2,1fr)}.live-footer-intro{grid-row:span 2}.live-contact{grid-column:2/4}
    }
    @media(max-width:1050px){
      .site-header.live-header{top:12px}.live-header-shell{min-height:68px;padding:0 18px}.live-nav{display:none}.live-header .menu-btn{display:flex}.live-mobile-menu.open{display:block}.hero{padding-top:112px}
    }
    @media(max-width:700px){
      .live-header-shell{width:calc(100% - 28px)}.live-brand img{width:132px}.live-mobile-menu{left:14px;right:14px;top:74px}
      .live-footer-main{padding-top:62px;padding-bottom:38px}.live-footer-grid{grid-template-columns:1fr 1fr;gap:34px 24px}.live-footer-intro{grid-column:1/-1;grid-row:auto;max-width:100%}.live-contact{grid-column:1/-1}.live-footer-bottom{display:block;padding:18px 0}.live-footer-bottom nav{margin-top:10px;gap:16px;flex-wrap:wrap}
      .trust-item{align-items:center}.updates-benefit{grid-template-columns:46px minmax(0,1fr)}.updates-benefit .iconbox{width:46px;height:46px;min-width:46px}
    }
    @media(max-width:460px){.live-footer-grid{grid-template-columns:1fr}.live-contact{grid-column:auto}.live-footer-col h3{margin-bottom:12px}}

    /* Final production hardening */
    .hero-grid>*,.intro-grid>*,.business-wrap>*,.coverage-wrap>*,.updates-grid>*,.proof-wrap>*,
    .service-grid>*,.goods-grid>*,.industry-grid>*,.compare-grid>*,.practical-grid>*,.guide-grid>*,.case-grid>*{min-width:0}
    .practical-card{height:100%}
    .practical-card>a{margin-top:auto;padding-top:17px}
    .review-slide,.service-card,.carry-card,.industry,.case-card,.guide,.practical-card{overflow-wrap:anywhere}
    .planned-field-note{font-size:.7rem;color:var(--muted)}
    @media(max-width:600px){
      .reviews-top{align-items:flex-start;flex-direction:column}.reviews-controls{align-self:flex-end}
      .reviews-rating{align-items:flex-start}.review-meta{align-items:flex-start;flex-direction:column}
      .review-meta a{white-space:normal}.quote-top h2{font-size:1.35rem}.quote-card{width:100%}
      .coverage-search-option{align-items:flex-start;flex-direction:column;gap:3px}.coverage-search-option small{white-space:normal}
      .final-cta{padding-bottom:92px}
    }
    @media(max-width:380px){
      .container{width:min(calc(100% - 22px),var(--max))}
      .live-header-shell{width:calc(100% - 20px);padding-inline:14px}
      .quote-card{padding:18px}.service-card,.carry-card,.industry,.case-card,.practical-card,.guide-body{padding-left:19px;padding-right:19px}
      .mobile-bar{padding:7px}.mobile-bar .btn{font-size:.76rem}
    }



.optional{font-weight:600;color:var(--muted);font-size:.68rem}
  .guide-grid:has(.guide:nth-child(4)){grid-template-columns:repeat(4,1fr)}
  .stat-grid .stat-card strong{font-size:1.45rem}
  @media(max-width:1050px){.guide-grid:has(.guide:nth-child(4)){grid-template-columns:repeat(2,1fr)}}
  @media(max-width:760px){.guide-grid:has(.guide:nth-child(4)){grid-template-columns:1fr}}



/* Production final overrides */






.coverage-static-wrap{grid-template-columns:.88fr 1.12fr;align-items:stretch}
.coverage-copy{margin-top:17px;color:var(--muted);font-size:.9rem;max-width:720px}
.coverage-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}
.location-panel{height:100%;padding:30px;border-radius:28px;background:linear-gradient(145deg,#E8F8F7,#F7FCFC);border:1px solid #CBE4E3;box-shadow:0 14px 38px rgba(31,41,53,.06)}
.location-panel h3{font-size:1.55rem}.location-panel>p:not(.eyebrow){margin-top:10px;color:var(--muted);font-size:.84rem;line-height:1.55}
.location-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:22px}
.location-grid a{display:flex;align-items:center;justify-content:space-between;min-height:44px;padding:10px 12px;border:1px solid #CDE3E2;border-radius:12px;background:#fff;color:var(--ink);font-size:.76rem;font-weight:800;transition:.18s ease}
.location-grid a:after{content:'→';color:var(--teal-dark)}.location-grid a:hover{border-color:var(--teal);background:var(--mist);transform:translateY(-1px)}
.proof-wrap .stat-card:last-child{grid-column:1/-1}
.form-note a{text-decoration:underline;text-underline-offset:2px;color:var(--teal-dark);font-weight:750}
/* Prevent long labels/URLs from creating horizontal overflow */
main,footer,.live-header-shell,.quote-card,.service-card,.carry-card,.industry,.practical-card,.case-card,.guide,.location-panel{min-width:0}
body{overflow-x:hidden}
@media (max-width:1050px){
  .coverage-static-wrap{grid-template-columns:1fr;gap:34px}.location-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  
}
@media (max-width:900px){
  .section-head{display:block}.section-head .side{max-width:720px;margin-top:14px}
  
  
  .chooser-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.chooser-grid .chooser:last-child{grid-column:1/-1}
  .process{grid-template-columns:repeat(2,minmax(0,1fr))}
  .process .step{border-bottom:1px solid var(--line)}.process .step:nth-child(2n){border-right:0}.process .step:nth-last-child(-n+2){border-bottom:0}
  .practical-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.practical-card:last-child{grid-column:1/-1}
  .cta-grid{display:block}.cta-actions{justify-content:flex-start;margin-top:24px}
}
@media (max-width:760px){
  
  
  .hero-keyword{width:auto;max-width:100%;font-size:14px;padding:9px 12px}
  .chooser-grid{grid-template-columns:1fr}.chooser-grid .chooser:last-child{grid-column:auto}
  .practical-grid{grid-template-columns:1fr}.practical-card:last-child{grid-column:auto}
  .location-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.location-panel{padding:22px;border-radius:22px}
  .coverage-actions .btn{width:100%}.proof-wrap .stat-card:last-child{grid-column:auto}
  input,select,textarea{font-size:16px}
}
@media (max-width:420px){.location-grid{grid-template-columns:1fr}}



/* =========================================================
   FLEXTRO — structure, trust and answer-layer components
   Built on the existing token set (--ink, --teal, --paper…)
   ========================================================= */

/* Breadcrumb ------------------------------------------------------------- */
.fx-breadcrumb{background:var(--white);border-bottom:1px solid var(--line)}
.fx-breadcrumb ol{display:flex;flex-wrap:wrap;align-items:center;gap:8px;
  margin:0;padding:14px 0;list-style:none;font-size:.79rem;font-weight:650;color:var(--muted)}
.fx-breadcrumb li{display:flex;align-items:center;gap:8px}
.fx-breadcrumb li+li::before{content:"";width:5px;height:5px;border-radius:50%;background:var(--line)}
.fx-breadcrumb a{color:var(--muted);text-decoration:none}
.fx-breadcrumb a:hover{color:var(--teal-dark);text-decoration:underline}
.fx-breadcrumb [aria-current]{color:var(--ink);font-weight:800}

/* Town / city finder, banded under the coverage section ------------------ */
.fx-finder-wrap{margin-top:52px}
.fx-finder{display:grid;grid-template-columns:1fr minmax(0,430px);gap:24px 40px;
  align-items:start;padding:30px 34px;border-radius:22px;background:var(--ink);
  box-shadow:0 18px 44px rgba(31,41,53,.18)}
.fx-finder-copy{padding-top:6px}
.fx-finder-label{display:block;color:#fff;font-size:1.28rem;font-weight:850;
  letter-spacing:-.03em;line-height:1.25}
.fx-finder-sub{margin:8px 0 0;color:rgba(255,255,255,.6);font-size:.84rem;
  line-height:1.55;max-width:46ch}
.fx-finder-field{position:relative;display:flex;align-items:center}
.fx-finder-field svg{position:absolute;left:16px;width:18px;height:18px;
  fill:none;stroke:var(--muted-2);stroke-width:1.9;stroke-linecap:round;pointer-events:none}
.fx-finder input{min-height:52px;padding:0 16px 0 46px;border-radius:13px;
  border:1px solid transparent;background:#fff;color:var(--ink);
  font-family:inherit;font-size:.9rem;font-weight:700}
.fx-finder input::placeholder{color:var(--muted-2);font-weight:600}
.fx-finder input:focus{outline:none;border-color:var(--teal);
  box-shadow:0 0 0 3px rgba(70,198,195,.4)}
.fx-finder input::-webkit-search-cancel-button{cursor:pointer}
.fx-finder-control{position:relative}
.fx-finder-results{position:absolute;top:100%;left:0;right:0;z-index:40;
  margin:8px 0 0;padding:6px;list-style:none;max-height:310px;overflow-y:auto;
  background:#fff;border:1px solid var(--line);border-radius:14px;
  box-shadow:0 22px 48px rgba(31,41,53,.22);overscroll-behavior:contain}
.fx-finder-results::-webkit-scrollbar{width:10px}
.fx-finder-results::-webkit-scrollbar-track{background:transparent}
.fx-finder-results::-webkit-scrollbar-thumb{background:#D3DEDE;border-radius:99px;
  border:3px solid #fff}
.fx-finder-results::-webkit-scrollbar-thumb:hover{background:#B9CACA}
.fx-finder-results a{display:flex;align-items:center;justify-content:space-between;
  gap:16px;min-height:46px;padding:11px 14px;border-radius:9px;
  color:var(--ink);text-decoration:none}
.fx-result-name{font-size:.9rem;font-weight:850;letter-spacing:-.01em}
.fx-result-kind{flex:0 0 auto;color:var(--muted);font-size:.76rem;font-weight:700}
.fx-finder-results a:hover,.fx-finder-results a:focus-visible{background:var(--paper-2);outline:none}
.fx-finder-results a:focus-visible .fx-result-name{color:var(--teal-dark)}
.fx-result-more{padding:10px 14px 8px;color:var(--muted);font-size:.74rem;
  font-weight:700;border-top:1px solid var(--line);margin-top:4px}
.fx-finder-note{margin:11px 2px 0;color:rgba(255,255,255,.66);
  font-size:.79rem;line-height:1.55}
.fx-finder-note a{color:var(--teal);font-weight:850}
.fx-finder-note a:hover{text-decoration:underline}
@media(max-width:900px){.fx-finder{grid-template-columns:1fr;gap:18px;padding:26px 24px}
  .fx-finder-wrap{margin-top:40px}
  .fx-finder-copy{padding-top:0}
  .fx-finder-label{font-size:1.12rem}}
@media(max-width:760px){.location-grid{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.fx-finder{padding:22px 18px;border-radius:18px}}

/* Footer socials: filled brand marks, not stroked outlines */
.live-socials{gap:9px}
.live-socials a{width:34px;height:34px;border-radius:9px}
.live-socials a svg,.live-socials a:first-child svg{
  width:15px;height:15px;fill:currentColor;stroke:none}
.live-socials a{transition:background .15s,color .15s,border-color .15s}

/* Breadcrumb over the dark hero */
.fx-breadcrumb-hero{background:transparent;border-bottom:0}
.fx-breadcrumb-hero ol{padding:0 0 20px;color:rgba(255,255,255,.5)}
.fx-breadcrumb-hero a{color:rgba(255,255,255,.6)}
.fx-breadcrumb-hero a:hover{color:var(--teal)}
.fx-breadcrumb-hero li+li::before{background:rgba(255,255,255,.26)}
.fx-breadcrumb-hero [aria-current]{color:rgba(255,255,255,.94)}
.fx-breadcrumb-hero a:focus-visible{outline-color:var(--teal)}
@media(max-width:760px){.fx-breadcrumb-hero ol{padding-bottom:16px;font-size:.74rem}}

/* Process steps: numbers as chips, matching the icon language elsewhere -- */
.process .step{padding:30px 26px}
.process .step .step-no{display:grid;place-items:center;width:40px;height:40px;
  border-radius:13px;background:rgba(70,198,195,.11);border:1px solid rgba(70,198,195,.34);
  color:var(--teal-dark);font-size:.83rem;font-weight:800;letter-spacing:.01em;
  line-height:1;font-variant-numeric:tabular-nums}
.process .step h3{margin-top:20px;font-size:1.02rem;letter-spacing:-.02em}
.process .step p{margin-top:9px;font-size:.855rem;line-height:1.62}
@media(max-width:1024px){.process .step{padding:26px 22px}}
@media(max-width:620px){.process{grid-template-columns:1fr!important}
  .process .step{padding:22px 20px}
  .process .step .step-no{width:36px;height:36px;border-radius:12px}}

/* Trust strip: five single-line facts, generous spacing ------------------ */
.trust-grid.trust-grid-5{grid-template-columns:repeat(5,1fr)}
.trust-grid-5 .trust-item{min-height:0;padding:34px 16px;align-items:center;
  column-gap:15px;grid-template-columns:42px minmax(0,1fr);
  border-right:1px solid rgba(255,255,255,.07)}
.trust-grid-5 .trust-item:last-child{border-right:0}
.trust-grid-5 .trust-icon{width:42px;height:42px;min-width:42px;border-radius:13px;
  border-width:1px;border-color:rgba(70,198,195,.32);background:rgba(70,198,195,.10)}
.trust-grid-5 .trust-icon svg{width:20px;height:20px}
.trust-grid-5 .trust-item strong{font-size:.845rem;font-weight:700;line-height:1.4;
  letter-spacing:-.015em;color:rgba(255,255,255,.94)}
@media(max-width:1150px){.trust-grid.trust-grid-5{grid-template-columns:repeat(3,1fr)}
  .trust-grid-5 .trust-item:nth-child(3n){border-right:0}
  .trust-grid-5 .trust-item:nth-child(-n+3){border-bottom:1px solid rgba(255,255,255,.07)}}
@media(max-width:760px){.trust-grid.trust-grid-5{grid-template-columns:1fr 1fr}
  .trust-grid-5 .trust-item{padding:24px 16px;border-right:1px solid rgba(255,255,255,.07)}
  .trust-grid-5 .trust-item:nth-child(2n){border-right:0}
  .trust-grid-5 .trust-item:nth-child(-n+4){border-bottom:1px solid rgba(255,255,255,.07)}
  .trust-grid-5 .trust-item:last-child{grid-column:1/-1;border-right:0}}
@media(max-width:460px){.trust-grid.trust-grid-5{grid-template-columns:1fr}
  .trust-grid-5 .trust-item{padding:20px 4px;border-right:0!important;
    border-bottom:1px solid rgba(255,255,255,.07)!important}
  .trust-grid-5 .trust-item:last-child{border-bottom:0!important}}

/* Route animation centred beneath the hero CTAs -------------------------- */
/* Shared table -----------------------------------------------------------*/
.fx-table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;
  border:1px solid var(--line);border-radius:var(--radius-md);background:var(--white)}
.fx-table{width:100%;border-collapse:collapse;font-size:.9rem;line-height:1.55;min-width:520px}
.fx-table caption{text-align:left}
.fx-table thead th{background:var(--ink);color:#fff;font-weight:800;font-size:.8rem;
  letter-spacing:-.01em;text-align:left;padding:15px 18px;vertical-align:bottom}
.fx-table thead th:first-child{border-top-left-radius:var(--radius-md)}
.fx-table thead th:last-child{border-top-right-radius:var(--radius-md)}
.fx-table tbody th,.fx-table tbody td{padding:14px 18px;border-top:1px solid var(--line);
  text-align:left;vertical-align:top}
.fx-table tbody th{font-weight:800;color:var(--ink);white-space:normal;width:26%}
.fx-table tbody td{color:var(--ink-3)}
.fx-table tbody tr:nth-child(even){background:var(--paper)}
.fx-table-compare tbody td:first-of-type{color:var(--ink);font-weight:650}
.fx-table-note{margin:14px 2px 0;color:var(--muted);font-size:.82rem;line-height:1.6}
.fx-table-note a{color:var(--teal-dark);font-weight:800}

/* At-a-glance answer block ---------------------------------------------- */
.fx-glance{background:var(--mist);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.fx-glance-wrap{display:grid;grid-template-columns:1fr 1fr;gap:52px;align-items:start}
.fx-glance-answer h2{margin:0 0 18px}
.fx-answer{margin:0;font-size:1.06rem;line-height:1.72;color:var(--ink-2);max-width:62ch}
.fx-answer-sub{margin:16px 0 0;font-size:.95rem;line-height:1.75;color:var(--ink-3);max-width:62ch}
.fx-glance-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}
.fx-facts{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);
  padding:26px 26px 22px;box-shadow:var(--shadow-sm)}
.fx-facts h3{margin:0 0 16px;font-size:1.05rem;letter-spacing:-.02em}
.fx-table-facts{min-width:0;font-size:.87rem}
.fx-table-facts tbody th{width:38%;font-weight:750;color:var(--muted);font-size:.82rem}
.fx-table-facts tbody th,.fx-table-facts tbody td{padding:11px 0}
.fx-table-facts tbody tr:nth-child(even){background:transparent}
.fx-table-facts tbody td{color:var(--ink)}
.fx-facts-note{margin:16px 0 0;color:var(--muted);font-size:.76rem;line-height:1.6}
@media(max-width:960px){.fx-glance-wrap{grid-template-columns:1fr;gap:34px}}
@media(max-width:540px){.fx-facts{padding:20px 18px 16px}
  .fx-table-facts tbody th{width:44%}.fx-glance-actions .btn{width:100%}}

/* Reviews: Google Business Profile band ---------------------------------- */
.fx-reviews{background:var(--mist);border-top:1px solid var(--line);
  border-bottom:1px solid var(--line)}
.fx-rating-bar{display:flex;align-items:center;justify-content:space-between;
  gap:24px;flex-wrap:wrap;margin-bottom:26px}
.fx-rating-score{display:flex;align-items:center;gap:16px}
.fx-rating-score>strong{font-size:2.6rem;font-weight:900;letter-spacing:-.05em;
  line-height:1;color:var(--ink)}
.fx-rating-score .eyebrow{margin:0 0 7px}
.fx-rating-score .fx-stars{display:flex}
.fx-rating-meta{margin:6px 0 0;color:var(--muted);font-size:.78rem;line-height:1.4}
.fx-stars{display:inline-flex;gap:3px;vertical-align:middle}
.fx-stars svg{width:15px;height:15px;fill:#F5A623;flex:none}
.fx-review-nav{display:flex;gap:9px}
.fx-review-arrow{width:42px;height:42px;border-radius:50%;border:1px solid var(--line);
  background:#fff;color:var(--ink);display:grid;place-items:center;cursor:pointer;
  transition:.18s ease}
.fx-review-arrow svg{width:19px;height:19px;fill:none;stroke:currentColor;
  stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.fx-review-arrow:hover{border-color:var(--teal);color:var(--teal-dark)}
.fx-review-arrow:focus-visible{outline:3px solid var(--teal-dark);outline-offset:2px}
.fx-review-arrow[disabled]{opacity:.35;cursor:default}
.fx-review-viewport{overflow:hidden;margin:0 -4px;padding:4px}
.fx-review-track{display:flex;gap:22px;scroll-behavior:smooth;overflow-x:auto;
  scrollbar-width:none;-ms-overflow-style:none;scroll-snap-type:x mandatory}
.fx-review-track::-webkit-scrollbar{display:none}
.fx-review-track:focus-visible{outline:3px solid var(--teal-dark);outline-offset:4px;
  border-radius:var(--radius-md)}
.fx-review{flex:0 0 calc((100% - 44px)/3);min-width:0;scroll-snap-align:start;margin:0;
  display:flex;flex-direction:column;gap:18px;min-height:246px;
  background:#fff;border:1px solid var(--line);border-radius:var(--radius-md);
  padding:24px 26px 20px;box-shadow:0 10px 26px rgba(31,41,53,.05)}
.fx-review-top{display:flex;align-items:center;justify-content:space-between;gap:14px}
.fx-review-src{color:var(--teal-dark);font-size:.68rem;font-weight:900;
  text-transform:uppercase;letter-spacing:.09em}
.fx-review blockquote{margin:0;flex:1}
.fx-review blockquote p{margin:0;color:var(--ink);font-size:1rem;line-height:1.62;
  font-weight:650;letter-spacing:-.01em}
.fx-review figcaption{display:flex;align-items:baseline;justify-content:space-between;
  gap:12px;border-top:1px solid var(--line);padding-top:15px}
.fx-review figcaption>span{color:var(--muted);font-size:.72rem;font-weight:650;
  min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fx-review figcaption a{flex:0 0 auto;color:var(--teal-dark);font-size:.74rem;font-weight:850;
  text-decoration:none;white-space:nowrap}
.fx-review figcaption a::after{content:' →'}
.fx-review figcaption a:hover{text-decoration:underline}
.fx-review-foot{display:flex;align-items:center;justify-content:space-between;
  gap:24px;flex-wrap:wrap;margin-top:28px;padding-top:22px;
  border-top:1px solid var(--line)}
.fx-review-stats{display:flex;gap:38px;flex-wrap:wrap;margin:0}
.fx-review-stats>div{display:flex;flex-direction:column;gap:2px}
.fx-review-stats dt{color:var(--muted);font-size:.76rem;font-weight:700}
.fx-review-stats dd{margin:0;color:var(--ink);font-size:1.22rem;font-weight:900;
  letter-spacing:-.03em}
@media(max-width:1000px){.fx-review{flex-basis:calc((100% - 22px)/2)}}
@media(max-width:680px){.fx-review{flex-basis:100%;min-height:0}
  .fx-rating-score>strong{font-size:2.2rem}
  .fx-review-stats{gap:24px}}

/* Fleet table ------------------------------------------------------------ */
.fx-fleet-table{margin-top:34px;padding:26px 26px 22px;border-radius:var(--radius)}
.fx-fleet-table h3{margin:0 0 18px;font-size:1.12rem;letter-spacing:-.025em}
.fx-fleet-table .fx-table{min-width:600px}
@media(max-width:560px){.fx-fleet-table{padding:20px 18px 16px}}

/* Company block ---------------------------------------------------------- */
.fx-company{background:var(--paper-2);border-top:1px solid var(--line)}
.fx-company-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.fx-company-card{background:var(--white);border:1px solid var(--line);
  border-radius:var(--radius-md);padding:26px 24px}
.fx-company-card h3{margin:0 0 12px;font-size:.98rem;letter-spacing:-.02em}
.fx-company-card p{margin:0 0 12px;color:var(--ink-3);font-size:.88rem;line-height:1.7}
.fx-company-card .fx-org{font-weight:850;color:var(--ink)}
.fx-company-card a{color:var(--teal-dark);font-weight:800;text-decoration:none}
.fx-company-card a:hover{text-decoration:underline}
.fx-company-hours{color:var(--muted)!important;font-size:.8rem!important}

/* Full service directory, spanning the row */
.fx-company-card.fx-company-wide{grid-column:1/-1;padding:26px 28px 28px}
.fx-company-wide-head{display:flex;justify-content:space-between;align-items:baseline;
  gap:20px;flex-wrap:wrap;margin-bottom:18px}
.fx-company-wide-head h3{margin:0}
.fx-services-list{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));
  gap:13px 24px;margin:0;padding:0;list-style:none;font-size:.845rem}
.fx-services-list li{line-height:1.5}
.fx-services-list [aria-current]{display:inline-block;color:var(--ink);font-weight:850;
  border-bottom:2px solid var(--teal);padding-bottom:2px}
@media(max-width:1100px){.fx-services-list{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1000px){.fx-company-grid{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.fx-services-list{grid-template-columns:1fr 1fr;gap:11px 18px}}
@media(max-width:600px){.fx-company-grid{grid-template-columns:1fr}
  .fx-services-list{grid-template-columns:1fr}
  .fx-company-card.fx-company-wide{padding:24px 22px}}

/* Hero: keyword pill, three-line H1, benefit list, route card ------------ */
.hero-keyword{display:flex;width:fit-content;max-width:100%;white-space:nowrap;
  padding:10px 18px;margin:0 0 20px}
.hero-h1{margin:0;color:var(--white);font-family:Montserrat,sans-serif;font-weight:800;
  font-size:clamp(25px,2.35vw,32px);line-height:1.24;letter-spacing:-.015em}
.hero-h1 .teal{color:var(--teal)}
@media(max-width:900px){
  .hero-keyword{font-size:15px;padding:9px 14px;margin-bottom:18px}
  .hero-h1{font-size:clamp(23px,5.3vw,29px)}
}
@media(max-width:400px){.hero-keyword{white-space:normal;text-align:center}}

.hero-points{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 34px;margin:28px 0 32px}
.hero-points li{font-size:.875rem;font-weight:650;line-height:1.5;
  color:rgba(255,255,255,.92);align-items:center;gap:12px}
.hero-points li>span:last-child{max-width:27ch}
.hero-points .tick{margin-top:0}
@media(max-width:900px){.hero-points{grid-template-columns:1fr;gap:13px}
  .hero-points li>span:last-child{max-width:none}}

/* Focus visibility + reduced motion ------------------------------------- */
.fx-breadcrumb a:focus-visible,.fx-company-card a:focus-visible,
.fx-review a:focus-visible,.fx-table a:focus-visible{
  outline:3px solid var(--teal-dark);outline-offset:3px;border-radius:4px}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;
    transition-duration:.001ms!important}
}



/* Background rhythm: no two adjacent sections share a background --------- */
.section.paper,.section-sm.paper{background:var(--paper)}
.section.mist,.section-sm.mist{background:var(--mist)}
.fleet-section.paper{background:var(--paper)}
.fx-reviews.paper{background:var(--paper)}
.section-sm.white-sec{background:var(--white)}



/* Section heads: align the right-hand note with the lead paragraph --------
   .copy uses display:contents so the eyebrow, h2 and lead become direct grid
   items; the side note is then placed on the same grid row as the lead, so
   both paragraphs start on exactly the same line. */
@media (min-width:761px){
  .section-head.head-aligned{display:grid;grid-template-columns:minmax(0,1fr) 310px;
    column-gap:36px;align-items:start}
  .section-head.head-aligned>.copy{display:contents}
  .section-head.head-aligned>.copy>.eyebrow{grid-column:1;grid-row:1}
  .section-head.head-aligned>.copy>h2{grid-column:1;grid-row:2;max-width:760px}
  .section-head.head-aligned>.copy>.lead{grid-column:1;grid-row:3;max-width:760px}
  .section-head.head-aligned>.side{grid-column:2;grid-row:3;margin-top:18px;max-width:310px}
  .section-head.head-aligned.head-aligned-h2>.side{grid-row:2;margin-top:0}
}



/* Process steps: numbered word labels instead of number chips ------------ */
.process .step .step-no{display:block;width:auto;height:auto;border:0;background:none;
  border-radius:0;place-items:initial;color:var(--teal-dark);
  font-size:.78rem;font-weight:800;letter-spacing:.04em;line-height:1.2;
  font-variant-numeric:tabular-nums;white-space:nowrap}
.process .step h3{margin-top:12px}
@media(max-width:620px){
  .process .step .step-no{width:auto;height:auto;border-radius:0;font-size:.75rem}
}



/* Trusted-to-deliver band: heading, Google rating, sliding logo rail ---- */
.trusted-band{background:var(--white);border-bottom:1px solid var(--line)}
.trusted-head{margin-bottom:30px}
.trusted-copy h2{max-width:22ch}
.trusted-copy .lead{margin:0;max-width:70ch}.trusted-copy h2{margin:0 0 14px}
.trusted-copy .lead{margin:0;max-width:70ch}
.logo-marquee{position:relative;display:flex;gap:16px;overflow:hidden;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);
  mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.logo-track{display:flex;flex:0 0 auto;gap:16px;margin:0;padding:0;list-style:none;
  animation:fx-logo-slide 42s linear infinite}
.logo-marquee:hover .logo-track,.logo-marquee:focus-within .logo-track{animation-play-state:paused}
@keyframes fx-logo-slide{from{transform:translateX(0)}to{transform:translateX(calc(-100% - 16px))}}
.logo-tile{flex:0 0 auto;width:224px;height:150px;display:grid;place-items:center;
  padding:20px 18px 16px;border:1px solid var(--line);border-radius:var(--radius-md);
  background:var(--mist)}
.logo-tile:hover{border-color:rgba(70,198,195,.42);background:var(--white)}
.logo-tile img{max-width:88%;max-height:58px;width:auto;height:auto;object-fit:contain;
  transition:transform .18s}
.logo-tile img.logo-solid{max-height:78px;max-width:92%}
.logo-tile:hover img{transform:scale(1.04)}
@media(max-width:900px){.trusted-head{grid-template-columns:1fr;gap:22px}
  }
@media(max-width:560px){.logo-tile{width:186px;height:136px}
  .logo-tile img.logo-solid{max-height:66px}}
@media(prefers-reduced-motion:reduce){
  .logo-track{animation:none}
  .logo-marquee{overflow-x:auto;-webkit-mask-image:none;mask-image:none}
  .logo-marquee>.logo-track[aria-hidden="true"]{display:none}}



/* Vehicle grid (replaces the fleet carousel) ---------------------------- */
.veh-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:36px}
.veh-card{display:flex;flex-direction:column;align-items:center;text-align:center;
  padding:26px 24px 24px;background:var(--mist);border:1px solid var(--line);
  border-radius:22px;transition:border-color .16s,box-shadow .16s,transform .16s}
.veh-card:hover{border-color:rgba(70,198,195,.45);box-shadow:var(--shadow-sm);transform:translateY(-2px)}
.veh-img{display:grid;place-items:center;height:126px;width:100%;margin-bottom:6px}
.veh-img img{max-width:88%;max-height:118px;width:auto;height:auto;object-fit:contain}
.veh-card h3{margin:0 0 12px;font-size:1.04rem;letter-spacing:-.02em}
.veh-dims{display:inline-block;margin:0 0 16px;padding:8px 16px;border-radius:999px;
  background:var(--teal-dark);color:#fff;font-size:.83rem;font-weight:800;
  letter-spacing:-.01em;white-space:nowrap}
.veh-specs{display:flex;justify-content:center;gap:26px;flex-wrap:wrap;
  margin:0 0 14px;padding:0;list-style:none}
.veh-specs li{display:flex;align-items:center;gap:7px;font-size:.8rem;color:var(--ink-3)}
.veh-specs strong{font-weight:800;color:var(--ink)}
.veh-ic{display:grid;place-items:center;width:18px;height:18px;color:var(--teal-dark)}
.veh-ic svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.7;
  stroke-linecap:round;stroke-linejoin:round}
.veh-copy{margin:0 0 18px;font-size:.82rem;line-height:1.6;color:var(--muted);max-width:34ch}
.veh-cta{margin-top:auto;color:var(--teal-dark);font-size:.8rem;font-weight:850;text-decoration:none}
.veh-cta:hover{text-decoration:underline}
/* help tile */
.veh-help{background:var(--ink);border-color:var(--ink);justify-content:center;padding:34px 28px}
.veh-help:hover{border-color:var(--ink);transform:none}
.veh-help-ic{display:grid;place-items:center;width:54px;height:54px;border-radius:16px;
  margin-bottom:18px;background:rgba(70,198,195,.16);border:1px solid rgba(70,198,195,.34);
  color:var(--teal)}
.veh-help-ic svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7;
  stroke-linecap:round;stroke-linejoin:round}
.veh-help h3{color:#fff;font-size:1.06rem;margin-bottom:12px}
.veh-help p{margin:0 0 20px;font-size:.84rem;line-height:1.62;color:rgba(255,255,255,.76);max-width:34ch}
.veh-help .btn{margin-bottom:14px}
.veh-help-note{margin:0!important;font-size:.72rem!important;line-height:1.55;
  color:rgba(255,255,255,.52)!important}
@media(max-width:1000px){.veh-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.veh-grid{grid-template-columns:1fr;gap:16px}
  .veh-card{padding:22px 20px}.veh-img{height:110px}}



.veh-note{margin:24px 0 0;color:var(--muted);font-size:.78rem;line-height:1.65;max-width:88ch}
.veh-note a{font-size:.78rem}



/* Hero Google rating badge --------------------------------------------- */
.hero-rating{display:inline-flex;align-items:center;gap:12px;margin:0 0 22px;
  padding:10px 16px 10px 13px;border-radius:14px;text-decoration:none;
  background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.16);
  transition:background .16s,border-color .16s}
.hero-rating:hover{background:rgba(255,255,255,.11);border-color:rgba(70,198,195,.5)}
.hero-rating-g{width:20px;height:20px;flex:0 0 auto}
.hero-rating-body{display:block;line-height:1.2}
.hero-rating-top{display:flex;align-items:center;gap:8px}
.hero-rating-top strong{font-size:1rem;font-weight:850;color:#fff;letter-spacing:-.02em}
.hero-rating-stars{color:#FBBC05;font-size:.82rem;letter-spacing:1.5px;line-height:1}
.hero-rating-sub{display:block;margin-top:3px;font-size:.72rem;font-weight:700;
  color:rgba(255,255,255,.66)}
@media(max-width:900px){.hero-rating{margin-bottom:18px}}



.logo-fig{display:flex;flex-direction:column;align-items:center;justify-content:center;
  gap:12px;margin:0;height:100%}
.logo-fig img{flex:0 0 auto}
.logo-name{font-size:.74rem;font-weight:800;letter-spacing:.02em;color:var(--ink-3);
  text-align:center;line-height:1.3}
@media(max-width:560px){.logo-name{font-size:.7rem}}



/* ==== Multi-drop additions, built on the same-day design system ==== */
/* .section-head sets gap:36px for its flex layout. .head-aligned switches it to
   grid but only overrides column-gap, so that 36px leaks in as a ROW gap on top
   of the eyebrow's 14px and the lead's 18px margins — leaving a ~50px hole
   between the H2 and the lead. Reset it so the stack matches a normal head. */
@media (min-width:761px){
  .section-head.head-aligned{row-gap:0}
}

.section.white-sec{background:var(--white)}

/* The logo marquee track pushes the document wide on narrow screens.
   The newest next-day page fixes this on body; same-day still has the bug. */
body{overflow-x:hidden}

/* Outline icons in the goods grid (same-day ships filled .carry-svg artwork) */
.carry-icon svg{width:29px;height:29px;fill:none;stroke:currentColor;stroke-width:1.8;
  stroke-linecap:round;stroke-linejoin:round}

/* Route builder: collection point -> stops -> final drop-off */
.route-builder{display:grid;gap:14px}
.route-track{position:relative;display:grid;gap:12px}
.route-track:before{content:"";position:absolute;left:6px;top:14px;bottom:14px;width:2px;
  background:repeating-linear-gradient(var(--line) 0 5px,transparent 5px 10px)}
.route-field{position:relative;display:grid;grid-template-columns:14px minmax(0,1fr) auto;
  align-items:center;column-gap:14px}
.route-stops{display:grid;gap:12px}
.route-marker{width:14px;height:14px;border-radius:50%;background:#fff;
  border:3px solid var(--teal);box-shadow:0 0 0 4px var(--white)}
.route-field.is-pickup .route-marker{border-color:var(--teal-dark);background:var(--teal-dark)}
.route-field.is-dropoff .route-marker{border-radius:4px;border-color:var(--green);background:var(--green)}
.route-input{display:grid;gap:7px;min-width:0}
.route-remove{display:grid;place-items:center;width:34px;height:34px;margin-top:20px;
  border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--muted);
  font-size:1rem;line-height:1;cursor:pointer;transition:.16s ease}
.route-remove:hover{border-color:#E6B0B0;color:#B4483F;background:#FDF6F6}
.route-add{display:inline-flex;align-items:center;gap:10px;justify-self:start;
  min-height:44px;padding:0 16px;border:1px dashed #B9D6D5;border-radius:12px;
  background:var(--mist);color:var(--teal-dark);font-size:.8rem;font-weight:850;
  cursor:pointer;transition:.16s ease}
.route-add:hover{border-style:solid;border-color:var(--teal);background:#E3F5F4}
.route-add-ic{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;
  background:var(--teal-dark);color:#fff;font-size:.9rem;line-height:1;font-weight:800}
.route-hint{margin:2px 0 0;font-size:.71rem;color:var(--muted);line-height:1.5}
@media(max-width:460px){.route-field{column-gap:10px}.route-remove{width:30px;height:30px}}

/* Five-step process (same-day ships four) */
.process.process-5{grid-template-columns:repeat(5,1fr)}
@media(max-width:1050px){.process.process-5{grid-template-columns:repeat(3,1fr)}
  .process.process-5 .step:nth-child(3){border-right:0}
  .process.process-5 .step:nth-child(-n+3){border-bottom:1px solid var(--line)}}
@media(max-width:900px){.process.process-5{grid-template-columns:repeat(2,1fr)}
  .process.process-5 .step{border-bottom:1px solid var(--line)}
  .process.process-5 .step:nth-child(3){border-right:1px solid var(--line)}
  .process.process-5 .step:nth-child(2n){border-right:0}
  .process.process-5 .step:last-child{border-bottom:0;grid-column:1/-1}}
@media(max-width:620px){.process.process-5{grid-template-columns:1fr}
  .process.process-5 .step{border-right:0}
  .process.process-5 .step:last-child{grid-column:auto}}

/* Route status panel — mirrors .fx-update-row from the same-day updates block */
.route-list{display:grid;gap:10px;margin:18px 0 0}
.route-row{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:13px;align-items:center;
  background:#fff;border:1px solid var(--line);border-radius:13px;padding:11px 13px;
  box-shadow:0 5px 14px rgba(31,41,53,.05)}
.route-num{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;
  background:var(--mist);color:var(--teal-dark);font-size:.76rem;font-weight:900}
.route-row b{display:block;font-size:.78rem;color:var(--ink);line-height:1.3}
.route-row small{display:block;font-size:.68rem;color:var(--muted);line-height:1.45;margin-top:3px}
.status{font-size:.64rem;font-weight:900;letter-spacing:.06em;text-transform:uppercase;
  padding:5px 9px;border-radius:999px;background:var(--mist);color:var(--teal-dark);white-space:nowrap}
.status.planned{background:#EEF2F4;color:var(--muted)}

/* Coverage route-type cards — full-width row beneath the copy and panel */
.coverage-modes{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:34px}
@media(max-width:1050px){.coverage-modes{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.coverage-modes{grid-template-columns:1fr}}


/* Compact company / NAP line in the closing CTA (.cta-grid is flex, nowrap) */
.cta-grid{flex-wrap:wrap}
.cta-trust{flex:0 0 100%;width:100%;max-width:none!important;
  margin:30px 0 0;padding-top:22px;
  border-top:1px solid rgba(255,255,255,.14);
  color:rgba(255,255,255,.56);font-size:.74rem;line-height:1.7}
.cta-trust a{color:rgba(255,255,255,.78);text-decoration:underline;text-underline-offset:2px}
.cta-trust a:hover{color:#fff}
@media(max-width:900px){.cta-trust{margin-top:24px}}



    /* Page-level additions only. Everything else is inherited unchanged. */
    .location-grid .location-grid-item{display:flex;align-items:center;min-height:44px;
      padding:10px 12px;border:1px solid #CDE3E2;border-radius:12px;background:#fff;
      color:var(--ink);font-size:.76rem;font-weight:800;line-height:1.35}
    /* .carry-icon has no svg rule in the shared sheet, so stroke icons need one */
    .carry-icon .carry-svg{fill:none;stroke:currentColor;stroke-width:1.9;
      stroke-linecap:round;stroke-linejoin:round}
    /* .proof-actions is a flex row with no align-items; guards mixed-height children */
    .proof-actions{align-items:center}
    /* second heading inside the coverage panel, below the route-pattern grid */
    .location-panel .panel-sub{margin-top:26px;padding-top:22px;
      border-top:1px solid rgba(31,41,53,.09);font-size:1.05rem}

    /* --- Trust strip: six across. Copied from the urgent document courier
       page, which already carries six items in this strip. --- */
    .trust-grid.trust-grid-6{grid-template-columns:repeat(6,1fr)}
    .trust-grid-6 .trust-item{padding:34px 14px;column-gap:13px;
      grid-template-columns:38px minmax(0,1fr)}
    .trust-grid-6 .trust-icon{width:38px;height:38px;min-width:38px}
    .trust-grid-6 .trust-item strong{font-size:.8rem}
    .trust-grid-6 .trust-item:nth-child(5){border-right:1px solid rgba(255,255,255,.07)}
    .trust-grid-6 .trust-item:last-child{border-right:0}

    @media(max-width:1250px){
      .trust-grid.trust-grid-6{grid-template-columns:repeat(3,1fr)}
      .trust-grid-6 .trust-item{border-right:1px solid rgba(255,255,255,.07)}
      .trust-grid-6 .trust-item:nth-child(3n){border-right:0}
      .trust-grid-6 .trust-item:nth-child(-n+3){border-bottom:1px solid rgba(255,255,255,.07)}
      .trust-grid-6 .trust-item strong{font-size:.845rem}
    }
    @media(max-width:760px){
      .trust-grid.trust-grid-6{grid-template-columns:1fr 1fr}
      .trust-grid-6 .trust-item{padding:24px 16px}
      .trust-grid-6 .trust-item:nth-child(3n){border-right:1px solid rgba(255,255,255,.07)}
      .trust-grid-6 .trust-item:nth-child(2n){border-right:0}
      .trust-grid-6 .trust-item:nth-child(-n+4){border-bottom:1px solid rgba(255,255,255,.07)}
      .trust-grid-6 .trust-item:last-child{grid-column:auto}
    }
    @media(max-width:460px){
      .trust-grid.trust-grid-6{grid-template-columns:1fr}
      .trust-grid-6 .trust-item{border-right:0!important;
        border-bottom:1px solid rgba(255,255,255,.07)!important}
      .trust-grid-6 .trust-item:last-child{border-bottom:0!important}
    }

    /* --- Chooser grid: four across. The shared sheet is built for three,
       and makes the last card full-width at the two-column breakpoint,
       which leaves an orphan when there are four cards. --- */
    .chooser-grid.chooser-grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}
    @media(max-width:1050px){
      .chooser-grid.chooser-grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}
      .chooser-grid.chooser-grid-4 .chooser:last-child{grid-column:auto}
    }
    @media(max-width:640px){
      .chooser-grid.chooser-grid-4{grid-template-columns:1fr}
      .chooser-grid.chooser-grid-4 .chooser:last-child{grid-column:auto}
    }

    /* --- Service cards: the shared sheet sets min-height:244px, sized to leave
       room for a bottom "learn" link. The cards on this page carry no such link,
       so that min-height leaves 65-90px of dead space under the copy. Size to
       content instead, and restore the original wherever a link is present. --- */
    .service-grid .service-card{min-height:0}
    .service-grid .service-card:has(.learn){min-height:244px}

    /* --- Coverage panel accordion: the shared faq-list is built for a wide
       column. Inside the narrower panel it needs room above the first item and
       a looser line for the comma-separated place names. --- */
    .location-panel .faq-list{margin-top:16px}
    .location-panel .faq-list summary{padding-top:16px;padding-bottom:16px}
    .location-panel .faq-list p{padding-top:2px;padding-bottom:18px;line-height:1.78}
    .location-panel .panel-sub{margin-top:30px;padding-top:24px}



/* fx-consistency - identical on all 12 pages.
   Reconciles the handful of selectors that had drifted between pages.
   Values chosen to match the majority of pages. */
.section.white-sec{background:var(--white)}
.guide-grid{grid-template-columns:repeat(3,1fr)}
.carry-icon svg{width:29px;height:29px;stroke-width:1.8}
.location-panel h3{line-height:1.22}
.location-panel .faq-list{margin-top:18px}
.trust-grid-6 .trust-item{padding:34px 14px;column-gap:13px;grid-template-columns:38px minmax(0,1fr)}
.cta-grid{flex-wrap:wrap}
.cta-trust{flex:0 0 100%;width:100%;max-width:none!important;margin:30px 0 0;padding-top:22px;border-top:1px solid rgba(255,255,255,.14);color:rgba(255,255,255,.56);font-size:.74rem;line-height:1.7}
.cta-trust a{color:rgba(255,255,255,.78);text-decoration:underline;text-underline-offset:2px}
.cta-trust a:hover{color:#fff}
@media(max-width:760px){
.trust-grid-6 .trust-item{padding:24px 16px}
}

/* ================= FOOTER ================= */
.live-footer{background:var(--ink);color:#fff}
.fx-ft-main{padding-top:88px;padding-bottom:56px}
.fx-ft-grid{display:grid;grid-template-columns:1.65fr repeat(3,1fr) 1.15fr;gap:48px 36px;align-items:start}

/* brand + conversion block */
.fx-ft-brand{max-width:330px}
.fx-ft-logo img{width:126px;height:auto}
.fx-ft-eyebrow{font-size:1.3rem;letter-spacing:-.03em;margin:24px 0 10px;color:#fff}
.fx-ft-copy{margin:0;font-size:.84rem;line-height:1.65;color:rgba(255,255,255,.62)}
.fx-ft-ctas{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.fx-ft-cta{display:inline-flex;align-items:center;gap:9px;min-height:46px;padding:0 20px;
  border-radius:12px;font-size:.83rem;font-weight:800;letter-spacing:-.01em;
  transition:background .16s,color .16s,border-color .16s,transform .16s}
.fx-ft-cta svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.9;
  stroke-linecap:round;stroke-linejoin:round}
.fx-ft-cta--primary{background:var(--teal);color:var(--ink)}
.fx-ft-cta--primary:hover{background:#5FD6D3;transform:translateY(-2px)}
.fx-ft-cta--ghost{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.22)}
.fx-ft-cta--ghost:hover{border-color:var(--teal);color:var(--teal);transform:translateY(-2px)}
.fx-ft-note{margin:18px 0 0;font-size:.76rem;line-height:1.55;color:rgba(255,255,255,.42)}

/* link groups */
.fx-ft-gh{margin:0 0 20px;font-size:.73rem;font-weight:800;letter-spacing:.13em;
  text-transform:uppercase;color:rgba(255,255,255,.46)}
.fx-ft-toggle{display:none}
.fx-ft-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
.fx-ft-link{display:inline-flex;align-items:center;gap:7px;font-size:.83rem;line-height:1.4;
  color:rgba(255,255,255,.74);transition:color .15s,transform .15s}
.fx-ft-link:hover{color:var(--teal);text-decoration:none;transform:translateX(3px)}
.fx-ft-link--all{color:var(--teal);font-weight:800}

/* contact */
.fx-ft-clist{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:16px}
.fx-ft-clink{display:grid;grid-template-columns:22px minmax(0,1fr);gap:11px;align-items:start;
  font-size:.83rem;line-height:1.5;color:rgba(255,255,255,.78)}
.fx-ft-clink:hover{color:var(--teal);text-decoration:none}
.fx-ft-ci{width:20px;height:20px;margin-top:2px;fill:none;stroke:var(--teal);stroke-width:1.8;
  stroke-linecap:round;stroke-linejoin:round}
.fx-ft-clabel{display:block;font-size:.66rem;font-weight:800;letter-spacing:.12em;
  text-transform:uppercase;color:rgba(255,255,255,.4);margin-bottom:3px}
.fx-ft-hours{display:flex;align-items:center;gap:9px;margin:22px 0 0;font-size:.75rem;
  line-height:1.5;color:rgba(255,255,255,.5)}
.fx-ft-dot{flex:0 0 7px;width:7px;height:7px;border-radius:50%;background:var(--green);
  box-shadow:0 0 0 3px rgba(138,198,70,.18)}

/* socials */
.live-socials{gap:10px;margin-top:26px}
.live-socials a{width:40px;height:40px;border-radius:11px;background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.14);color:rgba(255,255,255,.82);
  transition:background .16s,color .16s,border-color .16s,transform .16s}
.live-socials a svg,.live-socials a:first-child svg{width:16px;height:16px;fill:currentColor;stroke:none}
.live-socials a:hover{background:var(--teal);border-color:var(--teal);color:var(--ink);transform:translateY(-2px)}

/* legal strip */
.fx-ft-legal-in{display:flex;align-items:center;justify-content:space-between;gap:24px;
  min-height:74px;padding:18px 0}
.fx-ft-legal-copy{margin:0;font-size:.76rem;line-height:1.6;color:rgba(255,255,255,.44)}
.fx-ft-legal-copy strong{color:rgba(255,255,255,.66);font-weight:750}
.fx-ft-legal-nav{display:flex;flex-wrap:wrap;gap:24px}
.fx-ft-legal-nav a{font-size:.76rem;color:rgba(255,255,255,.6)}
.fx-ft-legal-nav a:hover{color:var(--teal);text-decoration:underline}
.fx-ft-top{color:rgba(255,255,255,.44)!important}

@media(max-width:1120px){.fx-ft-grid{grid-template-columns:1.4fr repeat(2,1fr);gap:44px 32px}
  .fx-ft-brand{grid-column:1/-1;max-width:560px}}
@media(max-width:760px){.fx-ft-trust-in{grid-template-columns:1fr;gap:16px;padding:22px 0}
  .fx-ft-legal-in{flex-direction:column;align-items:flex-start;gap:14px}}
@media(max-width:620px){
  .fx-ft-main{padding-top:60px;padding-bottom:34px}
  .fx-ft-grid{grid-template-columns:1fr;gap:0}
  .fx-ft-brand{margin-bottom:34px}
  .fx-ft-group{border-top:1px solid rgba(255,255,255,.10)}
  .fx-ft-gh{margin:0}
  .fx-ft-gh>span{display:none}
  .fx-ft-toggle{display:flex;width:100%;align-items:center;justify-content:space-between;
    gap:12px;padding:17px 0;background:none;border:0;cursor:pointer;
    font:inherit;font-size:.73rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase;
    color:rgba(255,255,255,.72)}
  .fx-ft-toggle svg{width:18px;height:18px;flex:0 0 18px;fill:none;stroke:currentColor;
    stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s}
  .fx-ft-toggle[aria-expanded="true"] svg{transform:rotate(180deg)}
  .js .fx-ft-panel[hidden]{display:none}
  .fx-ft-panel{padding-bottom:20px}
}
.fx-ft-legal{background:rgba(0,0,0,.16)}
.fx-ft-contact .fx-ft-panel{padding-top:2px}

/* ================= HEADER (mega menu) ================= */
.fx-header,.fx-mega,.fx-mobile{--navy:#1F2935;--deep:#17222D;--teal:#46C6C3;--white:#fff;
  --muted:#AEB7C0;--border:rgba(255,255,255,.12);--ease:180ms ease}
.fx-header a{color:inherit;text-decoration:none}
.fx-header *,.fx-mega *,.fx-mobile *{box-sizing:border-box}
.fx-header{position:sticky;top:0;z-index:9999;padding:2px 32px 0;background:rgba(23,34,45,.96);backdrop-filter:blur(16px)}
.fx-bar{max-width:2048px;min-height:118px;margin:auto;padding:16px 38px 16px 54px;display:grid;grid-template-columns:minmax(240px,1fr) auto minmax(250px,1fr);align-items:center;gap:28px;border:1px solid var(--border);border-radius:18px;background:rgba(31,41,53,.98)}
.fx-logo{display:block;width:248px;height:auto}.fx-nav{justify-self:center}.fx-nav ul{display:flex;align-items:center;gap:clamp(24px,2.5vw,48px);list-style:none;margin:0;padding:0}
.fx-link,.fx-services-btn{position:relative;display:inline-flex;min-height:46px;align-items:center;gap:8px;border:0;padding:0;background:none;color:#EEF1F4;font:inherit;font-size:1rem;font-weight:760;white-space:nowrap;cursor:pointer;transition:color var(--ease)}
.fx-link:after,.fx-services-btn:after{content:"";position:absolute;left:0;right:100%;bottom:5px;height:2px;background:var(--teal);transition:right var(--ease)}
.fx-link:hover,.fx-services-btn:hover,.fx-services-btn[aria-expanded=true]{color:var(--teal)}.fx-link:hover:after,.fx-services-btn:hover:after,.fx-services-btn[aria-expanded=true]:after{right:0}
.fx-chevron{transition:transform var(--ease)}.fx-services-btn[aria-expanded=true] .fx-chevron{transform:rotate(180deg)}
.fx-actions{justify-self:end;display:flex;align-items:center;gap:12px}.fx-quote{display:inline-flex;min-height:52px;align-items:center;padding:0 18px;border:1px solid rgba(70,198,195,.42);border-radius:14px;font-size:.9rem;font-weight:760;transition:.18s}.fx-quote:hover{color:var(--teal);background:rgba(70,198,195,.08)}
.fx-phone{display:inline-flex;min-height:84px;align-items:center;gap:15px;padding:0 28px;border-radius:28px;background:#37A6AF;font-size:clamp(1rem,1.18vw,1.25rem);font-weight:840;white-space:nowrap;transition:.18s}.fx-phone:hover{background:var(--teal);transform:translateY(-1px)}
.fx-mega-wrap{position:relative;max-width:2048px;margin:auto}.fx-mega{position:absolute;left:50%;top:14px;width:min(calc(100vw - 84px),1320px);transform:translate(-50%,-8px);visibility:hidden;opacity:0;pointer-events:none;transition:.16s}
.fx-mega[data-open=true]{visibility:visible;opacity:1;pointer-events:auto;transform:translate(-50%,0)}.fx-mega-panel{display:grid;grid-template-columns:290px 1fr;overflow:hidden;border:1px solid rgba(255,255,255,.13);border-radius:18px;background:#202C38;box-shadow:0 24px 70px rgba(7,15,23,.35)}
.fx-mega-intro{padding:34px 28px;background:radial-gradient(circle at 90% 10%,rgba(70,198,195,.18),transparent 34%),#192631;border-right:1px solid rgba(255,255,255,.08)}.fx-kicker{margin:0 0 14px;color:var(--teal);font-size:.72rem;font-weight:850;letter-spacing:.12em;text-transform:uppercase}.fx-mega-intro .fx-mega-title{margin:0;max-width:10ch;font-size:1.55rem;line-height:1.18;letter-spacing:-.025em;font-weight:800}.fx-mega-intro p{margin:15px 0 0;color:var(--muted);font-size:.87rem;line-height:1.65}
.fx-mega-actions{display:grid;gap:10px;margin-top:26px}.fx-mega-primary,.fx-mega-secondary{display:flex;min-height:46px;align-items:center;justify-content:center;border-radius:10px;font-size:.84rem;font-weight:780}.fx-mega-primary{background:var(--teal);color:#13212B}.fx-mega-secondary{border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.03)}.fx-mega-secondary:hover{color:var(--teal)}
.fx-mega-content{padding:30px 32px}.fx-groups{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.fx-group .fx-group-title{margin:0 0 11px;color:#7FD7D4;font-size:.7rem;font-weight:850;letter-spacing:.11em;text-transform:uppercase}.fx-group ul{list-style:none;margin:0;padding:0}.fx-group li+li{margin-top:5px}
.fx-service{display:grid;grid-template-columns:32px 1fr;gap:11px;min-height:62px;margin:0 -8px;padding:9px 8px;border-radius:10px;transition:.18s}.fx-service:hover{background:rgba(255,255,255,.048);transform:translateX(2px)}.fx-icon{display:grid;width:32px;height:32px;place-items:center;border:1px solid rgba(70,198,195,.25);border-radius:9px;background:rgba(70,198,195,.07);color:var(--teal);font-size:.82rem;font-weight:850}
.fx-service strong{display:block;margin-top:1px;font-size:.88rem;line-height:1.25}.fx-service small{display:block;margin-top:4px;color:#94A0AB;font-size:.72rem;line-height:1.38}
.fx-mega-foot{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:22px;padding-top:18px;border-top:1px solid rgba(255,255,255,.08);color:#96A2AC;font-size:.76rem}.fx-mega-foot a{color:var(--teal);font-weight:780}
.fx-mobile-toggle,.fx-mobile{display:none}
.fx-header a:focus-visible,.fx-header button:focus-visible{outline:3px solid var(--teal);outline-offset:3px;border-radius:7px}
@media(max-width:1420px){.fx-bar{padding-left:34px;padding-right:24px;grid-template-columns:minmax(210px,.9fr) auto minmax(215px,.9fr)}.fx-logo{width:220px}.fx-nav ul{gap:26px}.fx-quote{display:none}.fx-phone{min-height:72px;padding:0 22px;border-radius:24px}}
@media(max-width:1140px){.fx-header{padding:10px 16px 0}.fx-bar{min-height:88px;grid-template-columns:1fr auto;padding:14px 18px 14px 22px;border-radius:15px}.fx-logo{width:190px}.fx-nav,.fx-quote,.fx-phone,.fx-mega{display:none!important}.fx-mobile-toggle{display:grid;width:50px;height:50px;place-items:center;border:1px solid var(--border);border-radius:12px;background:rgba(255,255,255,.04);color:#fff;cursor:pointer}.fx-mobile{position:fixed;left:16px;right:16px;top:106px;max-height:calc(100dvh - 122px);overflow:auto;border:1px solid var(--border);border-radius:16px;background:#202C38;box-shadow:0 24px 70px rgba(7,15,23,.4)}.fx-mobile[data-open=true]{display:block}.fx-mobile-inner{padding:16px}.fx-mobile-link,.fx-mobile-services-btn{display:flex;width:100%;min-height:52px;align-items:center;justify-content:space-between;border:0;border-radius:10px;padding:0 13px;background:none;color:#F0F3F5;font:inherit;font-size:.96rem;font-weight:760;text-align:left}.fx-mobile-link:hover,.fx-mobile-services-btn:hover{background:rgba(255,255,255,.045)}.fx-mobile-services{display:none;margin:4px 0 10px;padding:12px;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:#1A2631}.fx-mobile-services[data-open=true]{display:block}.fx-mobile-group+.fx-mobile-group{margin-top:18px}.fx-mobile-group .fx-mgroup-title{margin:0 0 7px;color:#76D4D1;font-size:.68rem;font-weight:850;letter-spacing:.1em;text-transform:uppercase}.fx-mobile-group ul{list-style:none;margin:0;padding:0}.fx-mobile-service{display:flex;min-height:44px;align-items:center;padding:0 10px;border-radius:8px;color:#D7DEE4;font-size:.87rem;font-weight:650}.fx-mobile-service:hover{background:rgba(255,255,255,.045);color:#fff}.fx-mobile-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px;padding-top:16px;border-top:1px solid rgba(255,255,255,.09)}.fx-mobile-cta{display:flex;min-height:48px;align-items:center;justify-content:center;border-radius:10px;font-size:.84rem;font-weight:800}.fx-mobile-quote{background:var(--teal);color:#13212B}.fx-mobile-call{border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.04)}body.fx-menu-open{overflow:hidden}}
@media(max-width:520px){.fx-header{padding-left:10px;padding-right:10px}.fx-bar{min-height:78px;padding:12px 13px 12px 18px}.fx-logo{width:158px}.fx-mobile-toggle{width:46px;height:46px}.fx-mobile{left:10px;right:10px;top:96px;max-height:calc(100dvh - 106px)}.fx-mobile-actions{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.fx-header *{transition-duration:.001ms!important}}
/* Footer CTAs mirror the header: outlined quote, teal phone pill */
.fx-ft-ctas{gap:12px;align-items:center}
.fx-ft-cta--primary{background:transparent;color:#fff;border:1px solid rgba(70,198,195,.42);
  min-height:52px;border-radius:14px;font-size:.9rem;font-weight:760}
.fx-ft-cta--primary:hover{color:var(--teal);background:rgba(70,198,195,.08);transform:none}
.fx-ft-cta--ghost{background:#37A6AF;color:#fff;border:0;min-height:60px;padding:0 26px;
  border-radius:26px;font-size:1.02rem;font-weight:840;gap:13px}
.fx-ft-cta--ghost svg{width:20px;height:20px;fill:currentColor;stroke:none}
.fx-ft-cta--ghost:hover{background:var(--teal);color:#fff;transform:translateY(-1px)}
.fx-ft-logo img{width:210px}
@media(max-width:620px){.fx-ft-cta--ghost{min-height:54px;font-size:.95rem}
  .fx-ft-logo img{width:170px}}
/* The reference header relied on a global body{color:#fff}, which cannot be
   used here — it would recolour the whole page. Set the colour on the header
   instead so every descendant that inherits still renders light-on-dark. */
.fx-header{color:#fff}
.fx-quote{color:#EEF1F4}
.fx-phone{color:#fff}
.fx-mega-panel,.fx-mega-intro .fx-mega-title,.fx-service strong,.fx-mega-secondary{color:#fff}
.fx-mobile,.fx-mobile-inner{color:#fff}
/* Header sized to match the previous Flextro bar (76px shell, 1320px max,
   156px logo, 54px call pill) rather than the reference's 118px demo scale. */
.fx-header{padding:12px 0 0}
.fx-bar{width:min(calc(100% - 10%),1320px);max-width:1320px;min-height:76px;
  padding:0 28px 0 30px;gap:22px;border-radius:16px;
  grid-template-columns:minmax(170px,1fr) auto minmax(180px,1fr)}
.fx-logo{width:156px;max-height:36px;object-fit:contain}
.fx-nav ul{gap:clamp(18px,1.9vw,32px)}
.fx-link,.fx-services-btn{min-height:40px;font-size:.88rem;font-weight:700}
.fx-quote{min-height:44px;padding:0 15px;border-radius:12px;font-size:.82rem}
.fx-phone{min-height:48px;padding:0 20px;gap:11px;border-radius:16px;
  font-size:.88rem;font-weight:800}
.fx-phone svg{width:19px;height:19px;flex:0 0 19px}
.fx-mega{top:10px;width:min(calc(100vw - 84px),1240px)}
@media(max-width:1420px){.fx-bar{padding-left:24px;padding-right:20px;
    grid-template-columns:minmax(150px,.9fr) auto minmax(160px,.9fr)}
  .fx-logo{width:146px}.fx-phone{min-height:46px;padding:0 17px;border-radius:15px}}
@media(max-width:1140px){.fx-header{padding:10px 14px 0}
  .fx-bar{min-height:68px;padding:0 16px 0 18px;border-radius:14px}
  .fx-logo{width:140px}
  .fx-mobile-toggle{width:44px;height:44px;border-radius:10px}
  .fx-mobile{top:86px;max-height:calc(100dvh - 100px)}}
@media(max-width:520px){.fx-bar{min-height:64px;padding:0 12px 0 14px}
  .fx-logo{width:126px}.fx-mobile-toggle{width:42px;height:42px}
  .fx-mobile{top:80px;max-height:calc(100dvh - 92px)}}
/* The previous header was position:absolute and floated over the hero, so the
   hero carried ~132px of top padding to clear it. The mega-menu header is
   sticky and occupies layout space, so that compensation is no longer needed. */
.hero{padding-top:64px}
@media(max-width:1050px){.hero{padding-top:52px}}
@media(max-width:760px){.hero{padding-top:40px}}
/* Footer scale: same layout, tighter. Reverses the oversizing applied when the
   brand block was matched to the header. */
.fx-ft-main{padding-top:64px;padding-bottom:40px}
.fx-ft-grid{gap:36px 30px}
.fx-ft-logo img{width:150px;max-height:34px;object-fit:contain}
.fx-ft-eyebrow{font-size:1.05rem;margin:18px 0 8px}
.fx-ft-copy{font-size:.79rem;line-height:1.6}
.fx-ft-ctas{gap:9px;margin-top:18px}
.fx-ft-cta--primary{min-height:42px;padding:0 15px;border-radius:11px;font-size:.79rem}
.fx-ft-cta--ghost{min-height:46px;padding:0 18px;border-radius:15px;font-size:.85rem;gap:10px}
.fx-ft-cta--ghost svg{width:17px;height:17px}
.fx-ft-note{margin-top:14px;font-size:.72rem}
.live-socials{gap:8px;margin-top:20px}
.live-socials a{width:34px;height:34px;border-radius:9px}
.live-socials a svg,.live-socials a:first-child svg{width:14px;height:14px}
.fx-ft-gh{margin:0 0 15px;font-size:.68rem;letter-spacing:.12em}
.fx-ft-list{gap:10px}
.fx-ft-link{font-size:.78rem}
.fx-ft-clist{gap:13px}
.fx-ft-clink{grid-template-columns:19px minmax(0,1fr);gap:10px;font-size:.78rem}
.fx-ft-ci{width:17px;height:17px}
.fx-ft-clabel{font-size:.62rem;margin-bottom:2px}
.fx-ft-hours{margin-top:17px;font-size:.71rem}
.fx-ft-legal-in{min-height:60px;padding:14px 0}
.fx-ft-legal-copy,.fx-ft-legal-nav a{font-size:.73rem}
@media(max-width:620px){.fx-ft-main{padding-top:48px;padding-bottom:28px}
  .fx-ft-logo img{width:132px}.fx-ft-cta--ghost{min-height:44px;font-size:.82rem}}

h1.hero-keyword{margin:0 0 20px;font-weight:800;line-height:1.2}
h2.hero-h1{margin:0}


.fx-more{background:var(--paper);border-top:1px solid var(--line);padding:64px 0}
.fx-more h2{margin:0 0 10px}
.fx-more .fx-lead{margin:0 0 28px;max-width:70ch;color:var(--muted)}
.fx-more-grid{display:grid;gap:16px;grid-template-columns:repeat(3,1fr);margin:0 0 48px;padding:0;list-style:none}
.fx-more-grid a{display:block;height:100%;padding:20px 22px;border:1px solid var(--line);
  border-radius:var(--radius-md);background:var(--white);transition:.18s}
.fx-more-grid a:hover{border-color:var(--teal);transform:translateY(-2px);box-shadow:var(--shadow-sm)}
.fx-more-grid strong{display:block;margin-bottom:6px;font-weight:800}
.fx-more-grid span{color:var(--muted);font-size:.94rem;line-height:1.5}
.fx-loc-list{display:grid;gap:10px 18px;grid-template-columns:repeat(4,1fr);margin:0;padding:0;list-style:none}
.fx-loc-list a{display:block;padding:9px 12px;border-radius:var(--radius-sm);
  background:var(--white);border:1px solid var(--line);font-weight:600;font-size:.94rem}
.fx-loc-list a:hover{border-color:var(--teal);background:var(--mist)}
.fx-loc-all{margin-top:22px}
@media(max-width:900px){.fx-more-grid{grid-template-columns:repeat(2,1fr)}.fx-loc-list{grid-template-columns:repeat(3,1fr)}}
@media(max-width:560px){.fx-more-grid{grid-template-columns:1fr}.fx-loc-list{grid-template-columns:repeat(2,1fr)}}


/* =========================================================
   FLEXTRO BLOG HUB
   Built on the existing Flextro tokens: Bunker #1F2935,
   Turquoise #46C6C3, Atlantis #8AC646, Azure #ECF9F9.
   No new colours, radii or type families are introduced.
   ========================================================= */

/* Hero points use the live site's own gap (18px 34px). Only wrap balancing
   is added, so a benefit that does wrap never leaves an orphaned word. */
.hero .hero-points li>span:last-child{text-wrap:balance}

/* Sticky header is 88px, so anchored sections need clearance when jumped to
   (covers no-JS fallback and direct /blog/#guides links). */
#start-here,#guides,#faq{scroll-margin-top:104px}

/* ---- Hero alignment ----
   The service pages have no gap between the breadcrumb and the H1. This page's
   right-hand card is taller than the left column, so the shared
   .hero-grid{align-items:center} pushed the H1 down. Top-align instead. ---- */
.hero .hero-grid{align-items:start}
/* The pill is the H1, matching the service and location pages. The tagline
   below it is the H2, so no size override is needed on either. */
h1.hero-keyword{margin:0 0 20px}
.hero-points li{align-items:center}

/* ---- Hero latest-guides panel (mirrors .quote-card) ---- */
.fx-latest{background:#fff;color:var(--ink);padding:28px;border-radius:27px;
  box-shadow:0 34px 86px rgba(0,0,0,.26);border:1px solid rgba(255,255,255,.16)}
.fx-latest h2{font-size:1.55rem;letter-spacing:-.035em}
.fx-latest-sub{margin-top:8px;font-size:.8rem;color:var(--muted)}
.fx-latest-list{margin:20px 0 0;padding:0;list-style:none;display:grid;gap:2px}
.fx-latest-list li+li{border-top:1px solid var(--line)}
.fx-latest-list a{display:block;padding:14px 12px;margin:0 -12px;border-radius:13px;transition:.18s ease}
.fx-latest-list a:hover{background:var(--mist)}
.fx-latest-topic{display:block;color:var(--teal-dark);font-size:.63rem;font-weight:900;
  letter-spacing:.1em;text-transform:uppercase}
.fx-latest-list strong{display:block;margin-top:6px;font-size:.89rem;line-height:1.4;font-weight:800}
.fx-latest-all{width:100%;margin-top:20px}
.fx-latest-note{font-size:.71rem;color:#657481;margin-top:14px;line-height:1.45}

/* ---- Start-here cornerstone row ---- */
.fx-start-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:34px}
.fx-start{display:flex;flex-direction:column;padding:26px;border-radius:20px;
  border:1px solid var(--line);background:#fff;transition:.2s ease}
.fx-start:hover{transform:translateY(-4px);box-shadow:var(--shadow-sm);border-color:#BEDADA}
.fx-start .fx-start-tag{display:inline-flex;align-self:flex-start;padding:6px 9px;border-radius:999px;
  background:var(--mist);color:var(--teal-dark);font-size:.66rem;font-weight:900;
  text-transform:uppercase;letter-spacing:.08em}
.fx-start h3{margin-top:16px;font-size:1.06rem}
.fx-start p{margin-top:9px;color:var(--muted);font-size:.83rem;line-height:1.58}
.fx-start .fx-start-go{margin-top:auto;padding-top:17px;font-size:.78rem;font-weight:850;color:var(--teal-dark)}

/* ---- Topic filter bar ---- */
.fx-filter{margin-top:30px}
.fx-filter-head{display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px;align-items:center}
.fx-chips{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}
.fx-chip{display:inline-flex;align-items:center;gap:7px;min-height:42px;padding:0 15px;
  border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--ink-3);
  font:inherit;font-size:.82rem;font-weight:800;cursor:pointer;transition:.18s ease}
.fx-chip:hover{border-color:#BEDADA;background:var(--mist)}
.fx-chip b{font-weight:900;font-size:.72rem;color:var(--muted-2)}
.fx-chip[aria-pressed="true"]{background:var(--ink);border-color:var(--ink);color:#fff}
.fx-chip[aria-pressed="true"] b{color:rgba(255,255,255,.62)}

/* ---- Post grid ---- */
.fx-posts{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:22px 0 0;padding:0;list-style:none}
.fx-post{display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--line);
  border-radius:20px;background:#fff;transition:.2s ease}
.fx-post:hover{transform:translateY(-4px);box-shadow:var(--shadow-sm);border-color:#BEDADA}
.fx-post-media{position:relative;aspect-ratio:4/3;overflow:hidden;background:var(--paper-2)}

/* Art panel for guides with no featured image.
   Extends the existing .guide-art treatment: Bunker gradient, teal ring,
   with the topic glyph carrying the meaning instead of a photograph. */
.fx-post-art{display:grid;place-items:center;
  background:linear-gradient(135deg,var(--ink),var(--ink-3))}
.fx-post-art:before{content:"";position:absolute;width:196px;height:196px;border-radius:50%;
  right:-62px;top:-84px;border:32px solid rgba(70,198,195,.18)}
.fx-post-art:after{content:"";position:absolute;inset:0;opacity:.2;
  background-image:linear-gradient(rgba(255,255,255,.12) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.12) 1px,transparent 1px);
  background-size:38px 38px;
  mask-image:linear-gradient(to top right,#000,transparent 72%)}
.fx-post-art svg{position:relative;z-index:1;width:56px;height:56px;fill:none;
  stroke:var(--teal);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;opacity:.92}
.fx-post-art[data-art="emergency"]:before,
.fx-post-art[data-art="same-day"]:before{border-color:rgba(138,198,70,.18)}
.fx-post-art[data-art="emergency"] svg,
.fx-post-art[data-art="same-day"] svg{stroke:var(--green)}
.fx-post-art[data-art="pallet"]:before,
.fx-post-art[data-art="business"]:before{right:auto;left:-62px;bottom:-84px;top:auto}
.fx-post-topic{position:absolute;left:12px;top:12px;display:inline-flex;padding:6px 10px;
  border-radius:999px;background:rgba(31,41,53,.9);color:#9FEDEB;font-size:.64rem;
  font-weight:900;text-transform:uppercase;letter-spacing:.08em;backdrop-filter:blur(6px)}
.fx-post-body{display:flex;flex-direction:column;flex:1;padding:21px}
.fx-post-body h3{font-size:1rem;line-height:1.32}
.fx-post-body h3 a{display:block}
.fx-post-body h3 a:hover{color:var(--teal-dark)}
.fx-post-body>p{margin-top:9px;color:var(--muted);font-size:.81rem;line-height:1.58}
.fx-post-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:auto;
  padding-top:16px;font-size:.7rem;font-weight:800;color:var(--muted-2)}
.fx-post-meta time{color:var(--muted)}
.fx-post-meta .fx-dot{width:4px;height:4px;border-radius:50%;background:var(--line)}
.fx-post-meta .fx-read{color:var(--teal-dark)}
.fx-post-go{margin-top:12px;font-size:.78rem;font-weight:850;color:var(--teal-dark)}
.fx-post:hover .fx-post-go{color:var(--ink)}
.fx-posts-more{display:flex;justify-content:center;margin-top:30px}
.fx-posts-more .btn{min-width:250px}
.fx-noresults{display:none;margin-top:22px;padding:26px;border:1px solid var(--line);
  border-radius:20px;background:#fff;color:var(--muted);font-size:.88rem;line-height:1.6}
.fx-noresults.is-visible{display:block}
.fx-noresults strong{display:block;margin-bottom:6px;color:var(--ink);font-size:1rem}

/* ---- Question index (answer-engine block) ---- */
.fx-qa-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:34px 0 0;padding:0;list-style:none}
.fx-qa-grid a{display:flex;align-items:flex-start;gap:13px;height:100%;padding:18px 20px;
  border:1px solid var(--line);border-radius:16px;background:#fff;transition:.18s ease}
.fx-qa-grid a:hover{border-color:var(--teal);transform:translateY(-2px);box-shadow:var(--shadow-sm)}
.fx-qa-mark{flex:0 0 26px;width:26px;height:26px;margin:1px 0 0;border-radius:8px;
  display:flex;align-items:center;justify-content:center;
  background:var(--mist);border:1px solid rgba(70,198,195,.42);
  color:var(--teal-dark);font-size:.74rem;font-weight:900;line-height:1}
.fx-qa-text{display:block;min-width:0}
.fx-qa-text h3{display:block;font-size:.88rem;line-height:1.4;font-weight:800;letter-spacing:-.01em}
.fx-qa-sub{display:block;margin-top:5px;color:var(--muted);font-size:.78rem;line-height:1.5}

/* Short city list: four chips shouldn't stretch the full container width. */
.fx-loc-list-short{grid-template-columns:repeat(4,minmax(0,160px))}

/* ---- Responsive ----------------------------------------------------
   Tiers follow the breakpoints already used in the Flextro base CSS.
   Wide screens intentionally cap at the site container (1200px) so the
   blog matches every other page rather than widening on its own.
   -------------------------------------------------------------------- */

/* Large laptop / small desktop */
@media(max-width:1250px){
  .fx-posts{gap:16px}
  .fx-start-grid{gap:14px}
}

/* Laptop: three columns become two */
@media(max-width:1050px){
  .fx-posts,.fx-start-grid{grid-template-columns:repeat(2,1fr)}
  .fx-latest{max-width:760px}
  .fx-latest-list strong{font-size:.92rem}
}

/* Tablet: paired question cards get too narrow, so stack them */
@media(max-width:900px){
  .fx-qa-grid{grid-template-columns:1fr}
  .fx-post-body{padding:19px}
  .fx-post-art svg{width:50px;height:50px}
}

/* Tablet portrait and below: single column throughout */
@media(max-width:760px){
  .fx-posts,.fx-start-grid{grid-template-columns:1fr}
  .fx-loc-list-short{grid-template-columns:repeat(2,1fr)}
  .fx-latest{max-width:none;padding:21px;border-radius:22px}
  .fx-posts-more .btn{width:100%}
  .fx-post-media{aspect-ratio:16/9}
  .fx-chips{gap:7px}
  .fx-chip{min-height:40px;padding:0 13px;font-size:.79rem}
}

/* Phone */
@media(max-width:480px){
  .fx-latest{padding:18px;border-radius:20px}
  .fx-latest h2{font-size:1.35rem}
  .fx-start{padding:22px}
  .fx-post-art svg{width:44px;height:44px}
  .fx-qa-grid a{padding:16px 17px;gap:11px}
  .fx-noresults{padding:21px}
}

/* Small phone */
@media(max-width:380px){
  .fx-chip{min-height:38px;padding:0 11px;font-size:.75rem}
  .fx-post-body{padding:17px}
  .fx-post-body h3{font-size:.95rem}
}