/* /Components/Layout/SiteFooter.razor.rz.scp.css */
.site-footer[b-dk1pk8ogz4] { background: var(--primary-1000); color: #fff; margin-top: 80px; }
.cols[b-dk1pk8ogz4] {
    display: grid;
    grid-template-columns: 1.2fr 1.4fr .8fr 1fr;
    gap: 40px;
    padding: 56px 24px 40px;
}
.col h4[b-dk1pk8ogz4] {
    font: 700 13px/1.4 var(--font-body);
    letter-spacing: 1.2px; text-transform: uppercase;
    color: rgba(255, 255, 255, .85);
    margin-bottom: 18px;
}
.col p[b-dk1pk8ogz4], .col li[b-dk1pk8ogz4] { font-size: 14px; color: rgba(255, 255, 255, .75); }
.col ul[b-dk1pk8ogz4] { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 10px; }
.col li span[b-dk1pk8ogz4] { display: block; font-size: 12px; color: rgba(255, 255, 255, .5); }
.col a:hover[b-dk1pk8ogz4] { color: #fff; text-decoration: underline; }

.brand-line[b-dk1pk8ogz4] { display: flex; align-items: center; gap: 10px; margin-bottom: 14px; }
.brand-line .logo[b-dk1pk8ogz4] { height: 40px; width: auto; }
.brand-line span[b-dk1pk8ogz4] {
    font: 700 16px/1.1 var(--font-heading); color: #fff;
    letter-spacing: 1px; text-transform: uppercase;
}
.blurb[b-dk1pk8ogz4] { max-width: 260px; }
.socials[b-dk1pk8ogz4] { display: flex; gap: 14px; margin-top: 10px; }
.socials a[b-dk1pk8ogz4] { color: rgba(255, 255, 255, .7); }
.socials a:hover[b-dk1pk8ogz4] { color: #fff; }

.subscribe[b-dk1pk8ogz4] { display: flex; gap: 8px; }
.subscribe input[b-dk1pk8ogz4] {
    flex: 1; min-width: 0;
    border: 1px solid rgba(255, 255, 255, .3); border-radius: 6px;
    background: rgba(255, 255, 255, .08); color: #fff;
    padding: 10px 12px;
}
.subscribe input[b-dk1pk8ogz4]::placeholder { color: rgba(255, 255, 255, .5); }
.thanks[b-dk1pk8ogz4] { margin-top: 10px; font-size: 13px; color: var(--secondary-300); }
.thanks.invalid[b-dk1pk8ogz4] { color: #FDA29B; }

.bottom[b-dk1pk8ogz4] { border-top: 1px solid rgba(255, 255, 255, .12); }
.bottom .container[b-dk1pk8ogz4] {
    padding-top: 18px; padding-bottom: 18px;
    font-size: 13px; color: rgba(255, 255, 255, .8);
    text-align: center;
}
.bottom a[b-dk1pk8ogz4] { text-decoration: none; color: inherit; }
.bottom a:hover[b-dk1pk8ogz4] { text-decoration: underline; }

@media (max-width: 900px) { .cols[b-dk1pk8ogz4] { grid-template-columns: 1fr 1fr; } }
@media (max-width: 600px) { .cols[b-dk1pk8ogz4] { grid-template-columns: 1fr; } }

.learn-more[b-dk1pk8ogz4] { display: inline-block; margin-top: 4px; font-size: 14px; color: rgba(255,255,255,.85); text-decoration: underline; }
.learn-more:hover[b-dk1pk8ogz4] { color: #fff; }
.with-icon[b-dk1pk8ogz4] { display: flex; gap: 12px; align-items: flex-start; }
.with-icon svg[b-dk1pk8ogz4] { flex: none; margin-top: 2px; color: rgba(255,255,255,.6); }
/* /Components/Layout/SiteHeader.razor.rz.scp.css */
.site-header[b-jei9m43jjt] {
    position: sticky; top: 0; z-index: 50;
    background: #fff;
    box-shadow: 0 2px 8px rgba(0, 0, 0, .08);
}
.bar[b-jei9m43jjt] { display: flex; align-items: center; gap: 24px; height: 72px; }
.brand[b-jei9m43jjt] { display: flex; align-items: center; gap: 10px; }
.brand img[b-jei9m43jjt] { height: 40px; width: auto; }
.brand span[b-jei9m43jjt] {
    font: 700 18px/1.1 var(--font-heading);
    color: #0C46E9; letter-spacing: 1px; text-transform: uppercase;
    white-space: nowrap;
}
@media (max-width: 600px) { .brand span[b-jei9m43jjt] { font-size: 14px; } }
.nav[b-jei9m43jjt] { margin-left: auto; display: flex; align-items: center; gap: 26px; }
.nav a[b-jei9m43jjt] { font: 500 14px/1.2 var(--font-body); color: var(--neutral-700); }
.nav a:hover[b-jei9m43jjt] { color: var(--primary-600); }
.nav a.admin[b-jei9m43jjt] { color: #fff; padding: 10px 18px; }

.nav-toggle[b-jei9m43jjt], .nav-burger[b-jei9m43jjt] { display: none; }

@media (max-width: 900px) {
    .nav-burger[b-jei9m43jjt] {
        display: flex; flex-direction: column; gap: 5px;
        margin-left: auto; cursor: pointer; padding: 8px;
    }
    .nav-burger span[b-jei9m43jjt] { width: 24px; height: 2.5px; background: var(--neutral-1000); border-radius: 2px; }
    .nav[b-jei9m43jjt] {
        display: none;
        position: absolute; top: 72px; left: 0; right: 0;
        background: #fff; flex-direction: column; align-items: flex-start;
        padding: 16px 24px 24px; gap: 18px;
        box-shadow: 0 8px 16px rgba(0, 0, 0, .1);
    }
    .nav-toggle:checked ~ .nav[b-jei9m43jjt] { display: flex; }
}
/* /Components/Pages/OurTeam.razor.rz.scp.css */
/* Our Team page — ported 1:1 from ourteam/Ourteam.jsx (MUI Grid + Card). */

.team-grid[b-5fds04uzvx] {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: 100px 120px;
}
@media (min-width: 1536px) {
    .team-grid[b-5fds04uzvx] { padding: 100px 200px; }
}
@media (max-width: 899px) {
    .team-grid[b-5fds04uzvx] { padding: 0; }
}
.team-grid-item[b-5fds04uzvx] {
    width: 33.3333%;
    display: flex;
    justify-content: center;
}
@media (max-width: 1199px) {
    .team-grid-item[b-5fds04uzvx] { width: 50%; }
}
@media (max-width: 899px) {
    .team-grid-item[b-5fds04uzvx] { width: 83.3333%; }
}

.team-card[b-5fds04uzvx] {
    margin: 40px 0;
    background-color: #fff;
    height: auto;
    text-align: center;
    box-shadow: 0 4px 8px rgba(0, 0, 0, .1);
    border-radius: 15px;
    overflow: hidden;
    max-width: 100%;
}
.team-photo[b-5fds04uzvx] {
    border-radius: 15px;
    margin: 20px;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 100%;
}
.team-photo img[b-5fds04uzvx] {
    width: 100%;
    height: auto;
    border-radius: 15px;
}
.team-card-body[b-5fds04uzvx] {
    margin: 20px;
    min-height: 130px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.team-card-body h2[b-5fds04uzvx] {
    font-size: 24px;
    font-weight: 700;
    max-width: 300px;
    margin: 0 0 .35em;
}
.team-card-body p[b-5fds04uzvx] {
    font-size: 16px;
    font-weight: 400;
    color: rgba(0, 0, 0, .6);
    margin: 0;
}

.team-points[b-5fds04uzvx] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    padding: 20px 120px;
    gap: 30px;
    margin-bottom: 70px;
}
@media (min-width: 1536px) {
    .team-points[b-5fds04uzvx] { padding: 20px 200px; }
}
@media (max-width: 899px) {
    .team-points[b-5fds04uzvx] { grid-template-columns: 1fr; padding: 20px; }
}
.team-point[b-5fds04uzvx] {
    background-color: #bfddff;
    padding: 10px;
    border-radius: 10px;
}
.team-point h2[b-5fds04uzvx] {
    font-size: 24px;
    font-weight: 700;
    color: #0C46E9;
    margin: 0 0 .35em;
}
.team-point p[b-5fds04uzvx] {
    font-size: 16px;
    font-weight: 400;
    color: rgba(0, 0, 0, .6);
    margin: 0;
}
/* /Components/Pages/Request.razor.rz.scp.css */
/* Request A Quote — centred single-column page like the old MUI Container
   (padding {xs:1, sm:5}, marginBottom 50px). */
.request-page[b-yd9mwqwoft] {
    background: #fff;
    padding: 40px 24px;
    margin-bottom: 50px;
}
.request-inner[b-yd9mwqwoft] {
    max-width: var(--container);
    margin: 0 auto;
}

/* "Simply fill out this form…" — MUI h6, centred, navy. */
.form-heading[b-yd9mwqwoft] {
    margin: 0 0 15px;
    padding: 10px;
    text-align: center;
    color: #11225A;
    font: 500 20px/1.6 var(--font-heading);
    letter-spacing: .15px;
}

/* Address + country stacked inside each half of the grid, so the pairs sit
   side by side on desktop and interleave naturally on mobile. */
.addr-col[b-yd9mwqwoft] {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

/* Empty half-row after Phone Number, as in the original grid. */
@media (max-width: 700px) {
    .spacer[b-yd9mwqwoft] { display: none; }
}
@media (max-width: 600px) {
    .request-page[b-yd9mwqwoft] { padding: 8px; }
}

/* Measurements: inline radios + 4-across dimension inputs (as the original) */
.measurements label:first-child[b-yd9mwqwoft] { font: 500 14px/1.3 var(--font-body); color: var(--neutral-700); }
.units[b-yd9mwqwoft] { display: flex; gap: 24px; align-items: center; }
.units[b-yd9mwqwoft]  .radio { display: inline-flex; align-items: center; gap: 8px; cursor: pointer; }
.units[b-yd9mwqwoft]  input[type=radio] { width: 18px; height: 18px; accent-color: var(--primary-600); }
.dims[b-yd9mwqwoft] { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; }
@media (max-width: 700px) { .dims[b-yd9mwqwoft] { grid-template-columns: 1fr 1fr; } }
/* /Components/Pages/Terms.razor.rz.scp.css */
/* Terms & Conditions — ported 1:1 from landingPage/TermsAndCondition.jsx. */

.legal[b-u4rq6u5dgf] {
    display: flex;
    flex-direction: column;
    background-color: #F7F7F7;
}
.legal-brand[b-u4rq6u5dgf] {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    height: 200px;
    width: 100%;
}
.legal-brand a[b-u4rq6u5dgf] {
    display: flex;
    align-items: center;
    text-decoration: none;
    gap: 12px;
    max-width: 500px;
    justify-content: center;
}
.legal-brand img[b-u4rq6u5dgf] {
    width: 38px;
    height: 48px;
}
.legal-brand span[b-u4rq6u5dgf] {
    color: #0C46E9;
    font-family: var(--font-heading);
    font-weight: 600;
    text-transform: uppercase;
    line-height: 1.2;
    font-size: 20px;
    white-space: nowrap;
}

.legal-card[b-u4rq6u5dgf] {
    max-width: 1200px;
    width: 100%;
    margin: 0 auto 50px;
    padding: 10px 24px;
    background-color: #fff;
    border: 1px solid #f5f5f5;
    border-radius: 15px;
}
@media (max-width: 599px) {
    .legal-card[b-u4rq6u5dgf] { padding: 10px 16px; }
}

.legal-card h1[b-u4rq6u5dgf] {
    font-size: 30px;
    font-weight: 600;
    color: #131E29;
    padding: 19px;
    margin: 10px 0 0;
}

.legal-card section[b-u4rq6u5dgf] {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    text-align: justify;
    padding: 8px 16px;
}
.legal-card h2[b-u4rq6u5dgf] {
    font-size: 20px;
    font-weight: 500;
    color: #131E29;
    margin: 0 0 10px;
}
.legal-card p[b-u4rq6u5dgf] {
    margin: 0 0 16px;
}
.legal-card p.tight[b-u4rq6u5dgf] {
    margin: 0 0 1px;
}
.legal-card a[b-u4rq6u5dgf] {
    color: var(--primary-600);
    text-decoration: underline;
}
.legal-card ul[b-u4rq6u5dgf] {
    margin: 8px 0 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding-inline-start: 24px;
}
.legal-card ul li[b-u4rq6u5dgf] {
    list-style-type: disc;
}
/* /Components/Sections/AboutUs.razor.rz.scp.css */
/* About Us — values mirror the MUI sx props of the original component. */
.about[b-4nccoskbeq] {
    background: #fff;
    padding: 144px 0;
}

.container.wide[b-4nccoskbeq] { max-width: 1368px; }

.grid[b-4nccoskbeq] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 48px;
    align-items: center;
}

/* --- Overlapping images ------------------------------------------------ */
.media[b-4nccoskbeq] {
    position: relative;
    display: flex;
    justify-content: flex-end;
}

.main-img[b-4nccoskbeq] {
    position: relative;
    width: 512px;
    max-width: 100%;
}
.main-img img[b-4nccoskbeq] {
    width: 512px;
    max-width: 100%;
    height: 600px;
    object-fit: cover;
    display: block;
}
.main-img .tint[b-4nccoskbeq] {
    position: absolute;
    inset: 0;
    background: rgba(19, 92, 253, 0.16);
}

.cut-img[b-4nccoskbeq] {
    position: absolute;
    left: 65px;
    top: 40%;
    width: 281px;
    height: 310px;
    overflow: hidden;
    background: #f9bb4a; /* --secondary-300 */
}
.cut-img img[b-4nccoskbeq] {
    width: 381px;
    height: 310px;
    max-width: none;
    object-fit: cover;
    object-position: -105px 44%;
    display: block;
}

/* --- Copy --------------------------------------------------------------- */
.about-overline[b-4nccoskbeq] {
    font-family: var(--font-heading);
    font-weight: 400;
    font-size: 20px;
    letter-spacing: 2px;
    line-height: 1.2;
    margin-bottom: 0;
}

.title[b-4nccoskbeq] {
    color: var(--primary-1000);
    font-size: 38px;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: 0;
    text-transform: uppercase;
    margin: 32px 0;
}
.title span[b-4nccoskbeq] {
    font-weight: 400;
    color: var(--primary-600);
}
.title span.last[b-4nccoskbeq] {
    font-weight: 700;
    color: var(--primary-1000);
    font-size: 0.667em;
}

.copy[b-4nccoskbeq] {
    color: #1D2939;
    line-height: 1.6;
    font-size: 18px;
}

.read-more[b-4nccoskbeq] { display: inline; }
.read-more summary[b-4nccoskbeq] {
    display: inline;
    list-style: none;
    cursor: pointer;
    color: var(--primary-600);
    font-weight: 700;
}
.read-more summary[b-4nccoskbeq]::-webkit-details-marker { display: none; }
.read-more[open][b-4nccoskbeq] { display: block; }
.read-more[open] summary[b-4nccoskbeq] { display: none; }

/* --- Icon chips ---------------------------------------------------------- */
.points[b-4nccoskbeq] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 32px;
    margin: 40px 0;
}
.point[b-4nccoskbeq] {
    display: flex;
    align-items: center;
    gap: 16px;
}
.point img[b-4nccoskbeq] {
    width: 32px;
    height: 32px;
    flex: none;
}
.point span[b-4nccoskbeq] {
    color: var(--primary-1000);
    font-weight: 600;
    font-size: 20px;
    line-height: 1.1;
}

@media (min-width: 1536px) {
    .about[b-4nccoskbeq] { padding: 160px 0; }
    .grid[b-4nccoskbeq] { grid-template-columns: 5fr 7fr; gap: 64px; }
    .media[b-4nccoskbeq] { display: block; }
    .cut-img[b-4nccoskbeq] { left: -20px; }
    .title[b-4nccoskbeq] { font-size: 44px; }
    .points[b-4nccoskbeq] { gap: 40px; }
}

@media (max-width: 1200px) {
    .title[b-4nccoskbeq] { font-size: 34px; }
    .points[b-4nccoskbeq] { grid-template-columns: repeat(2, 1fr); gap: 28px; margin: 16px 0; }
    .point img[b-4nccoskbeq] { width: 24px; height: 24px; }
    .point span[b-4nccoskbeq] { font-size: 18px; }
}

@media (max-width: 900px) {
    .about[b-4nccoskbeq] { padding: 112px 0; }
    .grid[b-4nccoskbeq] { grid-template-columns: 1fr; gap: 40px; align-items: start; }
    .media[b-4nccoskbeq] { justify-content: center; margin-bottom: 160px; }
    .cut-img[b-4nccoskbeq] {
        left: 0;
        top: 100%;
        transform: translateY(-50%);
    }
    .about-overline[b-4nccoskbeq] { font-size: 18px; }
    .title[b-4nccoskbeq] { font-size: 32px; }
}

@media (max-width: 600px) {
    .about[b-4nccoskbeq] { padding: 64px 0; }
    .title[b-4nccoskbeq] { font-size: 28px; }
    .copy[b-4nccoskbeq] { font-size: 16px; }
    .points[b-4nccoskbeq] { gap: 24px; }
    .point span[b-4nccoskbeq] { font-size: 16px; }
}
/* /Components/Sections/ContactUs.razor.rz.scp.css */
/* Contact section — map left / form right, stacking below 900px, exactly as
   the old MUI layout (flexDirection {xs:column, md:row}, paddingTop 80/100). */
.contact-us[b-o0j4hcimn7] {
    background: #fff;
    padding: 100px 16px 16px;
}
.contact-inner[b-o0j4hcimn7] {
    display: flex;
    max-width: var(--container);
    margin: 0 auto;
}
.map-pane[b-o0j4hcimn7],
.form-pane[b-o0j4hcimn7] {
    width: 50%;
    padding: 0 24px;
}
.map-pane[b-o0j4hcimn7] { padding-left: 0; }
.map-pane iframe[b-o0j4hcimn7] {
    display: block;
    width: 100%;
    height: 600px;
    border: 0;
}
.form-pane[b-o0j4hcimn7] { padding-top: 16px; }

/* "Simply fill out this form…" — MUI h6, centred, navy. */
.form-heading[b-o0j4hcimn7] {
    margin: 0 0 10px;
    padding: 10px;
    text-align: center;
    color: #11225A;
    font: 500 20px/1.6 var(--font-heading);
    letter-spacing: .15px;
}

/* ALTERNATIVELY SPEAK TO US block, right-aligned under the form. */
.alt-speak[b-o0j4hcimn7] {
    margin-top: 20px;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}
.alt-speak h4[b-o0j4hcimn7] {
    margin: 0 0 32px;
    text-transform: uppercase;
    font-family: var(--font-heading);
    font-weight: 600;
    font-size: 24px;
    line-height: 1.375;
    letter-spacing: 1px;
    color: #11225A;
}
.alt-phone[b-o0j4hcimn7] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding-right: 150px;
}
.icon-bubble[b-o0j4hcimn7] {
    flex: none;
    width: 35px;
    height: 35px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 99px;
    background: rgba(19, 92, 253, 0.15);
    box-shadow: 0 0 0 10px rgba(19, 92, 253, 0.08);
}
.alt-phone p[b-o0j4hcimn7] { margin: 0; line-height: 1.6; }
.alt-phone p span[b-o0j4hcimn7] { display: block; }

@media (max-width: 900px) {
    .contact-inner[b-o0j4hcimn7] { flex-direction: column; }
    .map-pane[b-o0j4hcimn7],
    .form-pane[b-o0j4hcimn7] { width: 100%; padding: 0; }
    .form-pane[b-o0j4hcimn7] { padding-top: 16px; }
    .alt-phone[b-o0j4hcimn7] { padding-right: 80px; }
}
@media (max-width: 600px) {
    .contact-us[b-o0j4hcimn7] { padding-top: 80px; }
    .alt-phone[b-o0j4hcimn7] { padding-right: 0; }
}
/* /Components/Sections/GetQuote.razor.rz.scp.css */
/* GetQuote — legacy MUI values kept exactly: the band gets margin-top 144px
   (which collapses through the unpadded container so the section box starts
   at the band's laid-out top), then translateY(-50%) lifts half of it over
   the white Tracking section above; negative bottom margin (-112px xs /
   -88px sm+) pulls the following section up under it. */
.getquote[b-bu1nr60ifs] { background: #ECEFF3; }
.gq-container[b-bu1nr60ifs] { max-width: 1368px; } /* legacy Container maxWidth 1368px */

.band[b-bu1nr60ifs] {
    background-color: var(--primary-800);
    background-image: url('images/landing-page/waves.svg');
    background-size: cover;
    display: flex;
    flex-direction: column;
    gap: 40px;
    justify-content: space-between;
    align-items: center;
    padding: 64px 40px;
    box-shadow: 0px 8px 8px -4px rgba(16, 24, 40, 0.03), 0px 20px 24px -4px rgba(16, 24, 40, 0.08);
    transform: translateY(-50%);
    margin: 144px 0 -112px;
}
.band-title[b-bu1nr60ifs] {
    color: #fff;
    font-size: 28px;
    font-weight: 600;
    line-height: 1.3;
    letter-spacing: 0;
    max-width: 550px;
    margin: 0;
    text-align: center;
}
.quote-link[b-bu1nr60ifs] {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    color: var(--primary-800);
    line-height: 1.25;
    padding: 14px 28px;
    background: var(--secondary-300);
    text-decoration: none;
    text-transform: capitalize;
    font-weight: 600;
    flex-shrink: 0;
    width: 100%;
}
.quote-link svg[b-bu1nr60ifs] { width: 28px; height: 28px; }

@media (min-width: 600px) {
    .band[b-bu1nr60ifs] { flex-direction: row; padding: 72px 48px; margin-bottom: -88px; }
    .band-title[b-bu1nr60ifs] { font-size: 32px; text-align: left; }
    .quote-link[b-bu1nr60ifs] { width: auto; }
}

@media (min-width: 900px) {
    .band[b-bu1nr60ifs] { padding: 80px 56px; }
    .band-title[b-bu1nr60ifs] { font-size: 34px; }
}

@media (min-width: 1200px) {
    .band[b-bu1nr60ifs] { padding: 88px 60px; }
    .band-title[b-bu1nr60ifs] { font-size: 38px; }
}
/* /Components/Sections/Hero.razor.rz.scp.css */
/* Hero (ContainerShipping) — dark photo slides, centred white copy.
   Values mirror the MUI sx props of the original. */
.hero[b-cx57jghs3v] {
    position: relative;
    overflow: hidden;
    background: var(--primary-50); /* #eef6ff behind the slides */
}

.track[b-cx57jghs3v] {
    display: flex;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
    outline: none;
}
.track[b-cx57jghs3v]::-webkit-scrollbar { display: none; }

.slide[b-cx57jghs3v] {
    flex: 0 0 100%;
    min-width: 100%;
    height: 750px;
    background-size: cover;
    background-position: center;
    scroll-snap-align: start;
    scroll-snap-stop: always;
}

.scrim[b-cx57jghs3v] {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    display: flex;
    align-items: center;
    justify-content: center;
}

.inner[b-cx57jghs3v] {
    max-width: 750px;
    padding: 0 24px;
    text-align: center;
}

.hero-overline[b-cx57jghs3v] {
    color: #fff;
    font-family: var(--font-heading);
    font-weight: 400;
    font-size: 20px;
    letter-spacing: 2px;
    text-transform: uppercase;
    text-decoration: underline;
    text-underline-offset: 4px;
    margin: 0 0 16px;
}

.hero-title[b-cx57jghs3v] {
    color: #fff;
    font-size: 56px;
    font-weight: 700;
    line-height: 1.25;
    text-transform: uppercase;
    max-width: 750px;
    margin: 0 auto 24px;
}
.hero-title span[b-cx57jghs3v] {
    font-weight: 400;
    color: var(--primary-600);
}

.hero-copy[b-cx57jghs3v] {
    color: #fff;
    line-height: 1.6;
    font-size: 18px;
    max-width: 696px;
    margin: 0 auto;
}

.hero-actions[b-cx57jghs3v] {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 64px;
}

.hero-btn[b-cx57jghs3v] {
    display: inline-block;
    font-size: 20px;
    color: #fff;
    padding: 12.8px 32px;
    background-color: var(--primary-600);
    text-transform: uppercase;
    border-radius: 0;
    line-height: 1.75;
}
.hero-btn:hover[b-cx57jghs3v] { background-color: var(--primary-600); }

/* Prev/next — discreet translucent controls (the original navigated by
   autoplay/swipe; static SSR needs visible controls for mouse users). */
.nav[b-cx57jghs3v] {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 44px;
    height: 44px;
    border: 0;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.2);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 2;
    transition: background 0.2s;
}
.nav:hover[b-cx57jghs3v] { background: rgba(255, 255, 255, 0.35); }
.nav.prev[b-cx57jghs3v] { left: 16px; }
.nav.next[b-cx57jghs3v] { right: 16px; }

@media (min-width: 1536px) {
    .hero-title[b-cx57jghs3v] { font-size: 68px; }
}

@media (max-width: 1200px) {
    .hero-title[b-cx57jghs3v] { font-size: 46px; }
}

@media (max-width: 900px) {
    .hero-title[b-cx57jghs3v] { font-size: 42px; }
    .hero-overline[b-cx57jghs3v] { font-size: 15px; }
    .hero-actions[b-cx57jghs3v] { margin-top: 56px; }
    .hero-btn[b-cx57jghs3v] { font-size: 18px; }
}

@media (max-width: 600px) {
    .hero-title[b-cx57jghs3v] { font-size: 32px; margin-bottom: 16px; }
    .hero-copy[b-cx57jghs3v] { font-size: 16px; }
    .hero-actions[b-cx57jghs3v] { margin-top: 48px; flex-direction: column; }
}
/* /Components/Sections/HowItWorks.razor.rz.scp.css */
/* HowItWorks — legacy MUI values: section pt 64 / pb 96-144, bg #ECEFF3,
   image with 16% blue overlay, blue 64px icon circles with numbered badge. */
.how[b-kd46wa9mff] { background: #ECEFF3; padding: 64px 0 96px; }
.how-container[b-kd46wa9mff] { max-width: 1368px; } /* legacy Container maxWidth 1368px */

.grid[b-kd46wa9mff] { display: flex; flex-direction: column; gap: 64px; }

.title[b-kd46wa9mff] {
    color: var(--primary-1000);
    font-size: 28px;
    font-weight: 700;
    line-height: 1.1;
    text-transform: uppercase;
    letter-spacing: 0;
    margin: 0 0 20px;
}
.title .accent[b-kd46wa9mff] { color: var(--primary-600); font-weight: 400; }

.intro[b-kd46wa9mff] {
    color: #1D2939;
    font-size: 16px;
    line-height: 1.6;
    font-weight: 400;
    letter-spacing: 0;
    margin: 0 0 56px;
    text-wrap: pretty;
}

.img-wrap[b-kd46wa9mff] { position: relative; }
.img-wrap[b-kd46wa9mff]::after {
    content: "";
    position: absolute;
    top: 0; left: 0;
    width: 100%; height: 100%;
    background: rgba(19, 92, 253, 0.16);
}
.img-wrap img[b-kd46wa9mff] {
    display: block;
    width: 100%;
    max-width: 100%;
    height: 564px;
    object-fit: cover;
}

.steps[b-kd46wa9mff] { display: flex; flex-direction: column; gap: 48px; }
.step[b-kd46wa9mff] { display: flex; flex-direction: column; padding: 0 24px; }

.icon-wrap[b-kd46wa9mff] {
    background: var(--primary-600);
    padding: 14px;
    border-radius: 50%;
    width: 64px;
    height: 64px;
    position: relative;
    box-sizing: border-box;
    transform: scale(0.85);
}
.icon-wrap img[b-kd46wa9mff] { display: block; width: 36px; height: 36px; }
.num[b-kd46wa9mff] {
    position: absolute;
    top: 4px;
    left: -33%;
    color: var(--primary-600);
    padding: 4px;
    border: 3px solid var(--primary-600);
    background: #fff;
    width: 36px;
    height: 32px;
    border-radius: 50%;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 500;
    font-size: 18px;
}

.step-title[b-kd46wa9mff] {
    font-family: var(--font-heading);
    font-size: 20px;
    font-weight: 600;
    line-height: 1.1;
    color: var(--primary-1000);
    margin: 12px 0 10px;
}
.step-desc[b-kd46wa9mff] {
    color: rgba(29, 41, 57, 0.8);
    line-height: 1.6;
    font-size: 16px;
    margin: 0;
    text-wrap: balance;
}

@media (min-width: 600px) {
    .how[b-kd46wa9mff] { padding-bottom: 112px; }
    .title[b-kd46wa9mff] { font-size: 32px; margin-bottom: 24px; }
    .intro[b-kd46wa9mff] { margin-bottom: 64px; }
    .step[b-kd46wa9mff] { padding: 0 48px; }
    .icon-wrap[b-kd46wa9mff] { transform: none; }
    .step-title[b-kd46wa9mff] { font-size: 24px; margin: 24px 0 14px; }
    .step-desc[b-kd46wa9mff] { font-size: 18px; }
}

@media (min-width: 900px) {
    .how[b-kd46wa9mff] { padding-bottom: 128px; }
    .title[b-kd46wa9mff] { font-size: 34px; }
    .intro[b-kd46wa9mff] { margin-bottom: 72px; }
    .grid[b-kd46wa9mff] { flex-direction: row; }
    .grid > *[b-kd46wa9mff] { width: calc(50% - 32px); }
    .step[b-kd46wa9mff] { padding: 0; }
    .step-title[b-kd46wa9mff] { font-size: 26px; }
}

@media (min-width: 1200px) {
    .how[b-kd46wa9mff] { padding-bottom: 144px; }
    .title[b-kd46wa9mff] { font-size: 38px; margin-bottom: 32px; }
    .intro[b-kd46wa9mff] { font-size: 18px; margin-bottom: 80px; }
    .grid[b-kd46wa9mff] { gap: 76px; }
    .grid > *[b-kd46wa9mff] { width: calc(50% - 38px); }
    .step-title[b-kd46wa9mff] { font-size: 28px; }
}
/* /Components/Sections/Partners.razor.rz.scp.css */
/* Partners ("OUR CUSTOMERS") — legacy MUI values: section py 64-144 on
   #ECEFF3; 48px blue round arrows; Swiper 2 / >=481px 3 / >=768px 4 logos
   per view with 70px spaceBetween, logos vertically centered. */
.partners[b-iyzued496m] { background: #ECEFF3; padding: 64px 0; }
.p-container[b-iyzued496m] { max-width: 1368px; } /* legacy Container maxWidth 1368px */

.head[b-iyzued496m] {
    display: flex;
    flex-direction: column;
    gap: 32px;
    justify-content: center;
    align-items: center;
    margin-bottom: 32px;
}
.title[b-iyzued496m] {
    color: var(--primary-1000);
    font-size: 28px;
    text-transform: uppercase;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: 0;
    margin: 0;
}
.title .accent[b-iyzued496m] { color: var(--primary-600); font-weight: 400; }

.arrows[b-iyzued496m] { display: flex; align-items: center; gap: 32px; }
.arrow-btn[b-iyzued496m] {
    width: 48px; min-width: 48px; height: 48px;
    background: var(--primary-600);
    border: 0;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    cursor: pointer;
}
.arrow-btn svg[b-iyzued496m] { width: 28px; height: 28px; }

.track[b-iyzued496m] {
    display: flex;
    align-items: center;
    gap: 70px;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
}
.track[b-iyzued496m]::-webkit-scrollbar { display: none; }
.slide[b-iyzued496m] {
    flex: none;
    width: calc((100% - 70px) / 2);
    scroll-snap-align: start;
    display: flex;
    justify-content: center;
}
.slide img[b-iyzued496m] { display: block; max-width: 100%; height: auto; }

@media (min-width: 481px) {
    .slide[b-iyzued496m] { width: calc((100% - 140px) / 3); }
}

@media (min-width: 600px) {
    .partners[b-iyzued496m] { padding: 112px 0; }
    .head[b-iyzued496m] { flex-direction: row; justify-content: space-between; align-items: flex-start; margin-bottom: 40px; }
    .title[b-iyzued496m] { font-size: 32px; }
    .arrows[b-iyzued496m] { gap: 12px; }
}

@media (min-width: 768px) {
    .slide[b-iyzued496m] { width: calc((100% - 210px) / 4); }
}

@media (min-width: 900px) {
    .partners[b-iyzued496m] { padding: 128px 0; }
    .title[b-iyzued496m] { font-size: 34px; }
    .head[b-iyzued496m] { margin-bottom: 48px; }
}

@media (min-width: 1200px) {
    .partners[b-iyzued496m] { padding: 144px 0; }
    .title[b-iyzued496m] { font-size: 38px; }
    .head[b-iyzued496m] { margin-bottom: 56px; }
}
/* /Components/Sections/ServiceFundamentals.razor.rz.scp.css */
/* Services Fundamentals — values mirror the MUI sx props of the original.
   Carousel: 3 cards per view >=1200px, 2 from 600px, 1 below (the Swiper
   breakpoints of the original), 24px gap = the site.js scroll step. */
.sf[b-sm4y3jpf3y] {
    background: var(--primary-800); /* #1037B6 */
    padding: 144px 0;
}

.container.wide[b-sm4y3jpf3y] { max-width: 1368px; }

.head[b-sm4y3jpf3y] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    gap: 32px;
    margin-bottom: 56px;
}

.sf-title[b-sm4y3jpf3y] {
    color: #fff;
    font-family: var(--font-heading);
    font-size: 38px;
    font-weight: 400;
    line-height: 1.1;
    letter-spacing: 0;
    text-transform: uppercase;
    margin: 0;
}
.sf-title span[b-sm4y3jpf3y] {
    display: block;
    font-weight: 700;
}

.arrows[b-sm4y3jpf3y] {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 12px;
}
.arrow[b-sm4y3jpf3y] {
    width: 48px;
    height: 48px;
    border: 0;
    padding: 0;
    border-radius: 50%;
    background-color: var(--secondary-300); /* #F9BB4A */
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.arrow:hover[b-sm4y3jpf3y] { background-color: var(--secondary-300); }
.arrow svg[b-sm4y3jpf3y] { display: block; }

.track[b-sm4y3jpf3y] {
    display: flex;
    gap: 24px;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
    outline: none;
}
.track[b-sm4y3jpf3y]::-webkit-scrollbar { display: none; }

.card[b-sm4y3jpf3y] {
    flex: 0 0 calc((100% - 48px) / 3);
    scroll-snap-align: start;
}
.card img[b-sm4y3jpf3y] {
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
    aspect-ratio: 424 / 400;
    object-fit: cover;
}

.card-title[b-sm4y3jpf3y] {
    margin: 32px 0 0;
    color: #fff;
    font-family: var(--font-heading);
    font-size: 26px;
    font-weight: 600;
    line-height: 1.1;
    letter-spacing: 0.5px;
}

.card-desc[b-sm4y3jpf3y] {
    margin: 24px 0 32px;
    color: #fff;
    font-size: 14px;
    text-transform: capitalize;
    line-height: 160%;
    width: 95%;
    letter-spacing: 0;
}

.learn[b-sm4y3jpf3y] {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    color: var(--primary-800);
    background-color: var(--secondary-300);
    padding: 14px 28px;
    line-height: 1;
    text-transform: capitalize;
    font-weight: 500;
    text-decoration: none;
}

@media (min-width: 1536px) {
    .sf[b-sm4y3jpf3y] { padding: 160px 0; }
    .sf-title[b-sm4y3jpf3y] { font-size: 44px; }
    .head[b-sm4y3jpf3y] { margin-bottom: 64px; }
    .card-title[b-sm4y3jpf3y] { font-size: 28px; }
}

@media (max-width: 1200px) {
    .sf[b-sm4y3jpf3y] { padding: 128px 0; }
    .sf-title[b-sm4y3jpf3y] { font-size: 34px; }
    .head[b-sm4y3jpf3y] { margin-bottom: 48px; }
    .card[b-sm4y3jpf3y] { flex-basis: calc((100% - 24px) / 2); }
    .learn[b-sm4y3jpf3y] { line-height: 2; }
}

@media (max-width: 900px) {
    .sf[b-sm4y3jpf3y] { padding: 112px 0; }
    .sf-title[b-sm4y3jpf3y] { font-size: 32px; }
    .head[b-sm4y3jpf3y] { margin-bottom: 40px; }
    .card-title[b-sm4y3jpf3y] { font-size: 24px; }
    .card-desc[b-sm4y3jpf3y] { margin: 20px 0 24px; }
    .learn[b-sm4y3jpf3y] { padding: 10px 18px; }
}

@media (max-width: 600px) {
    .sf[b-sm4y3jpf3y] { padding: 96px 0; }
    .sf-title[b-sm4y3jpf3y] { font-size: 28px; }
    .head[b-sm4y3jpf3y] { flex-direction: column; justify-content: center; margin-bottom: 32px; }
    .arrows[b-sm4y3jpf3y] { gap: 32px; }
    .card[b-sm4y3jpf3y] { flex-basis: 100%; }
}
/* /Components/Sections/ServicePageLayout.razor.rz.scp.css */
/* Service subpage styles, ported 1:1 from the legacy MUI sx props.
   Hero markup belongs to this component; everything under .svc-content is
   per-page ChildContent, hence the ::deep selectors. */

/* ---------- Hero banner ---------- */
.svc-hero[b-05nw4wqsu4] {
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
}
.svc-hero-title[b-05nw4wqsu4] {
    color: #fff;
    font-size: 56px;
    font-weight: 700;
    line-height: 1.2;
    text-align: center;
    margin: 0;
    padding: 0 10px;
}
.svc-hero-crumb[b-05nw4wqsu4] {
    color: #fff;
    font-size: 20px;
    font-weight: 400;
    text-align: center;
    position: absolute;
    bottom: 20px;
    margin: 0;
}
@media (min-width: 900px) {
    .svc-hero-crumb[b-05nw4wqsu4] { left: 200px; }
}
@media (max-width: 899px) {
    .svc-hero-title[b-05nw4wqsu4] { font-size: 40px; font-weight: 600; }
    /* Logistics/Procurement hero uses smaller weights below md */
    .hero-sm-title .svc-hero-title[b-05nw4wqsu4] { font-size: 35px; font-weight: 500; }
}
@media (max-width: 599px) {
    .svc-hero-title[b-05nw4wqsu4] { font-size: 35px; }
    .hero-sm-title .svc-hero-title[b-05nw4wqsu4] { font-size: 20px; }
    .hero-sm-crumb .svc-hero-crumb[b-05nw4wqsu4] { font-size: 18px; }
}

/* ---------- Card grid (Strategic / Corrosion / Software / Personnel) ---------- */
[b-05nw4wqsu4] .svc-grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: 100px;
}
@media (max-width: 899px) {
    [b-05nw4wqsu4] .svc-grid { padding: 5px; }
}
[b-05nw4wqsu4] .svc-grid-item {
    width: 33.3333%;
    display: flex;
    justify-content: center;
}
@media (max-width: 1199px) {
    [b-05nw4wqsu4] .svc-grid-item { width: 50%; }
}
@media (max-width: 899px) {
    [b-05nw4wqsu4] .svc-grid-item { width: 83.3333%; }
}

[b-05nw4wqsu4] .svc-card {
    position: relative;
    width: 100%;
    height: 300px;
    margin: 10px;
    padding: 10px;
    overflow: hidden;
    background: #fff;
    border-radius: 4px;
    /* MUI Paper elevation 1 */
    box-shadow: 0 2px 1px -1px rgba(0, 0, 0, .2),
                0 1px 1px 0 rgba(0, 0, 0, .14),
                0 1px 3px 0 rgba(0, 0, 0, .12);
}
[b-05nw4wqsu4] .svc-card > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
[b-05nw4wqsu4] .svc-card-bar {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: center;
    background: rgba(30, 60, 114, .85);
    color: #fff;
    padding: 8px 0;
    backdrop-filter: blur(5px);
}
[b-05nw4wqsu4] .svc-card-title {
    font-family: var(--font-heading);
    font-size: 20px;
    font-weight: 500;
    line-height: 1.6;
    margin: 0;
}
/* Slide-up hover description (Strategic Consulting only) */
[b-05nw4wqsu4] .svc-card-desc {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    background: rgba(30, 60, 114, .85);
    color: #fff;
    padding: 16px;
    backdrop-filter: blur(5px);
    transform: translateY(100%);
    transition: transform .8s ease-in-out;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
[b-05nw4wqsu4] .svc-card:hover .svc-card-desc {
    transform: translateY(0);
    transition: transform .5s ease-in-out;
}
[b-05nw4wqsu4] .svc-card-desc p { margin: 8px 0 0; }

/* ---------- Section heading + lead paragraph ---------- */
[b-05nw4wqsu4] .svc-heading {
    width: 100%;
    color: #11225A;
    font-size: 44px;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: 0;
    text-transform: uppercase;
    margin: 32px 0;
}
[b-05nw4wqsu4] .svc-heading.center { text-align: center; }
@media (max-width: 1535px) { [b-05nw4wqsu4] .svc-heading { font-size: 38px; } }
@media (max-width: 1199px) { [b-05nw4wqsu4] .svc-heading { font-size: 34px; } }
@media (max-width: 899px)  { [b-05nw4wqsu4] .svc-heading { font-size: 32px; margin: 32px 0 0; padding: 0 5px; } }
@media (max-width: 599px)  {
    [b-05nw4wqsu4] .svc-heading { font-size: 28px; }
    [b-05nw4wqsu4] .svc-heading.xs-20 { font-size: 20px; }
}

[b-05nw4wqsu4] .svc-lead {
    width: 100%;
    color: #1D2939;
    line-height: 1.6;
    font-size: 18px;
    margin: 0 0 15px;
}
@media (max-width: 899px) { [b-05nw4wqsu4] .svc-lead { padding: 0 5px; } }
@media (max-width: 599px) { [b-05nw4wqsu4] .svc-lead { font-size: 16px; } }

/* ---------- Logistics / Procurement two-column body ---------- */
[b-05nw4wqsu4] .lps-wrap {
    display: flex;
    width: 100%;
    padding: 140px 0 120px;
    justify-content: center;
    gap: 15px;
    background: #fff;
}
[b-05nw4wqsu4] .lps-side {
    flex: 0 0 28%;
    display: flex;
    flex-direction: column;
    gap: 20px;
}
[b-05nw4wqsu4] .lps-main {
    flex: 0 0 50%;
    display: flex;
    flex-direction: column;
    gap: 25px;
}
@media (max-width: 899px) {
    [b-05nw4wqsu4] .lps-wrap { flex-direction: column; padding: 20px; }
    [b-05nw4wqsu4] .lps-side, [b-05nw4wqsu4] .lps-main { flex: 1 1 auto; width: 100%; }
    [b-05nw4wqsu4] .lps-main { padding: 20px; }
}

[b-05nw4wqsu4] .lps-panel {
    background: #F9F9F9;
    padding: 50px;
}
@media (max-width: 1199px) { [b-05nw4wqsu4] .lps-panel { padding: 25px; } }
@media (max-width: 899px)  { [b-05nw4wqsu4] .lps-panel { padding: 20px; } }

[b-05nw4wqsu4] .lps-panel h2 {
    font-size: 35px;
    font-weight: 700;
    margin: 0 0 .35em;
}
@media (max-width: 899px) { [b-05nw4wqsu4] .lps-panel h2 { font-size: 30px; } }
@media (max-width: 599px) { [b-05nw4wqsu4] .lps-panel h2 { font-size: 25px; } }

[b-05nw4wqsu4] .lps-rule {
    width: 55px;
    height: 1px;
    border: 0;
    background: #ff6900;
    margin: 0;
}
[b-05nw4wqsu4] .lps-list {
    list-style: none;
    margin: 8px 0;
    padding: 0;
}
[b-05nw4wqsu4] .lps-list li {
    display: flex;
    align-items: center;
    padding: 8px 16px;
    margin: 20px 0;
}
[b-05nw4wqsu4] .lps-list li img {
    width: 50px;
    height: 50px;
    margin-right: 8px;
    flex: none;
}
[b-05nw4wqsu4] .lps-list li span {
    font-size: 30px;
    font-weight: 500;
    line-height: 1.5;
}
@media (max-width: 1199px) { [b-05nw4wqsu4] .lps-list li span { font-size: 25px; } }
@media (max-width: 899px)  { [b-05nw4wqsu4] .lps-list li span { font-size: 26px; } }
[b-05nw4wqsu4] .lps-list hr {
    border: 0;
    border-top: 1px solid rgba(0, 0, 0, .12);
    margin: 0 16px;
}
[b-05nw4wqsu4] .lps-list hr:last-child { margin-bottom: 20px; }

[b-05nw4wqsu4] .lps-cta {
    background: #F68B21;
    color: #fff;
    padding: 50px;
}
@media (max-width: 1199px) { [b-05nw4wqsu4] .lps-cta { padding: 15px; } }
@media (max-width: 899px)  { [b-05nw4wqsu4] .lps-cta { padding: 20px; } }
[b-05nw4wqsu4] .lps-cta > img {
    width: 60px;
    height: 60px;
    margin-bottom: 15px;
}
[b-05nw4wqsu4] .lps-cta h3 {
    font-size: 32px;
    font-weight: 700;
    margin: 0 0 15px;
}
[b-05nw4wqsu4] .lps-cta p { margin: 0; }
[b-05nw4wqsu4] .lps-cta .lps-phone2 { margin-bottom: 55px; padding-left: 60px; }
[b-05nw4wqsu4] .lps-cta .lps-email { margin-bottom: 15px; }
[b-05nw4wqsu4] .lps-cta .lps-address { width: 240px; margin-bottom: 50px; }
@media (max-width: 599px) { [b-05nw4wqsu4] .lps-cta .lps-address { padding-right: 10px; } }

[b-05nw4wqsu4] .lps-title {
    color: #11225A;
    font-size: 44px;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: 0;
    margin: 0;
}
[b-05nw4wqsu4] .lps-title span {
    font-weight: 400;
    color: #135CFD;
}
@media (max-width: 1535px) { [b-05nw4wqsu4] .lps-title { font-size: 38px; } }
@media (max-width: 1199px) { [b-05nw4wqsu4] .lps-title { font-size: 34px; } }
@media (max-width: 899px)  { [b-05nw4wqsu4] .lps-title { font-size: 32px; } }
@media (max-width: 599px)  { [b-05nw4wqsu4] .lps-title { font-size: 28px; } }

[b-05nw4wqsu4] .lps-main p { margin: 0; }

/* CSS-only "Read More…"/"Read Less…" toggle (static SSR — no JS/events).
   The hidden checkbox swaps the truncated and full text spans. */
[b-05nw4wqsu4] .rm-toggle {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}
[b-05nw4wqsu4] .rm-full { display: none; }
[b-05nw4wqsu4] .rm-toggle:checked ~ p .rm-full { display: inline; }
[b-05nw4wqsu4] .rm-toggle:checked ~ p .rm-short { display: none; }
[b-05nw4wqsu4] .rm-toggle:checked ~ p .rm-more { display: none; }
[b-05nw4wqsu4] .rm-less { display: none; }
[b-05nw4wqsu4] .rm-toggle:checked ~ p .rm-less { display: inline; }
[b-05nw4wqsu4] .rm-link {
    color: var(--primary-600);
    font-weight: 700;
    cursor: pointer;
}
/* /Components/Sections/Testimonials.razor.rz.scp.css */
/* Testimonials — legacy MUI values: section py 64-144, cards on #EEF6FF,
   1 slide < 768px, 2 from 768px, 3 from 1200px, 24px between slides
   (Swiper slidesPerView/spaceBetween kept exactly). */
.testimonials[b-l7azfz9ow7] { background: #fff; padding: 64px 0; }
.t-container[b-l7azfz9ow7] { max-width: 1320px; } /* legacy Container maxWidth 1320px */

/* Legacy overline: blue, underlined, letter-spacing 2, Roboto, centered. */
.overline[b-l7azfz9ow7] {
    display: block;
    color: var(--primary-600);
    font-family: var(--font-heading);
    font-size: 18px;
    font-weight: 400;
    letter-spacing: 2px;
    text-transform: uppercase;
    text-decoration: underline;
    text-align: center;
    margin: 0;
}
.title[b-l7azfz9ow7] {
    color: var(--primary-1000);
    font-size: 28px;
    font-weight: 700;
    line-height: 1.1;
    text-transform: uppercase;
    letter-spacing: 0;
    text-align: center;
    margin: 32px 0;
}
.title .accent[b-l7azfz9ow7] { font-weight: 400; color: var(--primary-600); }

.carousel[b-l7azfz9ow7] { margin-top: 48px; }
.track[b-l7azfz9ow7] {
    display: flex;
    gap: 24px;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
}
.track[b-l7azfz9ow7]::-webkit-scrollbar { display: none; }
.slide[b-l7azfz9ow7] { flex: none; width: 100%; scroll-snap-align: start; }

.card[b-l7azfz9ow7] {
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 24px;
    background: var(--primary-50);
}
.quote-icon[b-l7azfz9ow7] { display: block; width: 40px; height: 30px; }
.stars[b-l7azfz9ow7] { display: flex; margin-top: 24px; }
.review[b-l7azfz9ow7] {
    font-family: inherit;
    font-size: 16px;
    line-height: 1.6;
    margin: 20px 0 24px;
    min-height: 230px;
}
.reviewer[b-l7azfz9ow7] { display: flex; align-items: center; gap: 20px; }
.avatar[b-l7azfz9ow7] {
    width: 54px; height: 54px;
    border-radius: 50%;
    overflow: hidden;
    object-fit: cover;
    display: block;
}
.who[b-l7azfz9ow7] { display: flex; flex-direction: column; }
.name[b-l7azfz9ow7] {
    font-family: var(--font-heading);
    font-size: 17px;
    font-weight: 600;
    text-transform: capitalize;
    line-height: 1.33;
    margin: 0;
}
.position[b-l7azfz9ow7] {
    font-size: 14px;
    font-weight: 500;
    opacity: 0.7;
    color: #12141D;
    line-height: 1.5;
    font-family: inherit;
    margin: 2px 0 0;
}

.controls[b-l7azfz9ow7] {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 16px;
    margin-top: 24px;
}
.nav-btn[b-l7azfz9ow7] {
    background: none;
    border: 0;
    padding: 8px;
    border-radius: 50%;
    color: var(--primary-1000);
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.dots[b-l7azfz9ow7] { display: flex; align-items: center; gap: 8px; }
.dot[b-l7azfz9ow7] {
    width: 8px; height: 8px;
    border-radius: 50%;
    background: var(--neutral-500);
    opacity: 0.2;
}
.dot.active[b-l7azfz9ow7] {
    width: 16px;
    border-radius: 8px;
    background: var(--primary-600);
    opacity: 1;
}

@media (min-width: 600px) {
    .testimonials[b-l7azfz9ow7] { padding: 112px 0; }
    .title[b-l7azfz9ow7] { font-size: 32px; }
    .carousel[b-l7azfz9ow7] { margin-top: 56px; }
    .card[b-l7azfz9ow7] { padding: 32px; }
    .stars[b-l7azfz9ow7] { margin-top: 32px; }
    .review[b-l7azfz9ow7] { font-size: 18px; margin: 16px 0 24px; }
    .avatar[b-l7azfz9ow7] { width: 60px; height: 60px; }
    .name[b-l7azfz9ow7] { font-size: 18px; }
    .controls[b-l7azfz9ow7] { margin-top: 48px; }
}

@media (min-width: 768px) {
    .slide[b-l7azfz9ow7] { width: calc((100% - 24px) / 2); }
}

@media (min-width: 900px) {
    .testimonials[b-l7azfz9ow7] { padding: 128px 0; }
    .title[b-l7azfz9ow7] { font-size: 34px; }
    .controls[b-l7azfz9ow7] { margin-top: 56px; }
}

@media (min-width: 1200px) {
    .testimonials[b-l7azfz9ow7] { padding: 144px 0; }
    .title[b-l7azfz9ow7] { font-size: 38px; }
    .overline[b-l7azfz9ow7] { font-size: 20px; }
    .carousel[b-l7azfz9ow7] { margin-top: 64px; }
    .slide[b-l7azfz9ow7] { width: calc((100% - 48px) / 3); }
}
/* /Components/Sections/TrackingServices.razor.rz.scp.css */
/* TrackingServices — legacy MUI values: section py xs 64 / sm 112 / md 128 /
   lg 144; amber card #F9BB4A; stepper frozen at activeStep=1. */
.tracking[b-nj2mkxvnie] { background: #fff; padding: 64px 0; }
.tracking-container[b-nj2mkxvnie] { max-width: 1368px; } /* legacy Container maxWidth 1368px */

.grid[b-nj2mkxvnie] { display: flex; flex-direction: column; }
.left[b-nj2mkxvnie] { display: flex; flex-direction: column; justify-content: space-between; }

.title[b-nj2mkxvnie] {
    color: var(--primary-600);
    font-size: 28px;
    font-weight: 400;
    line-height: 1.15;
    text-transform: uppercase;
    letter-spacing: 0;
    margin: 0 0 32px;
}
.title span[b-nj2mkxvnie] { color: var(--primary-1000); font-weight: 700; display: block; }

.courier[b-nj2mkxvnie] {
    display: block;
    margin: 0 auto 32px;
    max-width: 100%;
    height: auto;
    max-height: 610px;
    object-fit: cover;
    background: var(--primary-50);
}

/* Amber card */
.card[b-nj2mkxvnie] { background: var(--secondary-300); padding: 32px 20px; }
.card-head[b-nj2mkxvnie] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 32px;
}
.card-title[b-nj2mkxvnie] {
    color: var(--primary-1000);
    font-size: 24px;
    line-height: 1.1;
    font-weight: 500;
    margin: 0;
}
.loc-btn[b-nj2mkxvnie] {
    width: 56px; min-width: 56px; height: 56px;
    background: #fff; border: 0; border-radius: 50%;
    display: inline-flex; align-items: center; justify-content: center;
    cursor: pointer; padding: 0;
}
.loc-btn svg[b-nj2mkxvnie] { width: 28px; height: 28px; }

.input-label[b-nj2mkxvnie] {
    display: block;
    font-size: 16px;
    font-weight: 600;
    color: var(--primary-800);
    line-height: 1.1;
}
.tracking-input[b-nj2mkxvnie] {
    display: block; width: 100%;
    background: #fff;
    border: 1px solid rgba(0, 0, 0, 0.23);
    border-radius: 0;
    padding: 20px 22px;
    font-size: 16px;
    margin-top: 16px;
}
.tracking-input:focus[b-nj2mkxvnie] { outline: none; border-color: var(--primary-600); }
.tracking-input[b-nj2mkxvnie]::placeholder { color: rgba(0, 0, 0, 0.42); opacity: 1; }
.track-btn[b-nj2mkxvnie] {
    display: block; width: 100%;
    font-size: 16px;
    line-height: 1.75;
    color: #fff;
    padding: 16px 22px;
    margin-top: 24px;
    background: var(--primary-600);
    border: 0; border-radius: 0;
    text-transform: none;
    cursor: pointer;
}

/* Horizontal stepper (>=600px) — connectors stay light #ECEFF3 as rendered
   on the old site; completed label blue/600, active near-black, rest grey. */
.steps-h[b-nj2mkxvnie] {
    display: none;
    list-style: none;
    margin: 56px 0 0;
    padding: 0;
}
.steps-h li[b-nj2mkxvnie] {
    flex: 1;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 8px 0;
}
.steps-h li[b-nj2mkxvnie]::before {
    content: "";
    position: absolute;
    top: 8px;
    left: calc(-50% + 20px);
    right: calc(50% + 20px);
    height: 3px;
    border-radius: 1px;
    background: #ECEFF3;
}
.steps-h li:first-child[b-nj2mkxvnie]::before { display: none; }
.steps-h .step-label[b-nj2mkxvnie] {
    margin-top: 16px;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.1;
    text-align: center;
    color: rgba(0, 0, 0, 0.6);
}
.steps-h li.completed .step-label[b-nj2mkxvnie] { color: var(--primary-600); font-weight: 600; }
.steps-h li.active .step-label[b-nj2mkxvnie] { color: rgba(0, 0, 0, 0.87); }

/* Vertical stepper (<600px) — vertical connectors are blue per legacy sx. */
.steps-v[b-nj2mkxvnie] {
    display: flex;
    flex-direction: column;
    list-style: none;
    margin: 48px 0 0;
    padding: 0;
}
.steps-v li[b-nj2mkxvnie] { display: flex; align-items: center; padding: 8px 0; }
.steps-v .dot[b-nj2mkxvnie] { flex: none; margin-right: 8px; }
.steps-v li.vconn[b-nj2mkxvnie] {
    display: block;
    padding: 0;
    margin-left: 7px;
    border-left: 2px solid var(--primary-600);
    min-height: 24px;
}
.steps-v .step-label[b-nj2mkxvnie] {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.1;
    color: rgba(0, 0, 0, 0.6);
}
.steps-v li.completed .step-label[b-nj2mkxvnie] { color: var(--primary-600); font-weight: 600; }
.steps-v li.active .step-label[b-nj2mkxvnie] { color: rgba(0, 0, 0, 0.87); }

/* Empty message panel (legacy showed the client-side error here). */
.result-box[b-nj2mkxvnie] {
    background: rgba(255, 255, 255, 0.4);
    min-height: 220px;
    margin-top: 48px;
}

@media (min-width: 600px) {
    .tracking[b-nj2mkxvnie] { padding: 112px 0; }
    .title[b-nj2mkxvnie] { font-size: 32px; }
    .card[b-nj2mkxvnie] { padding: 32px 24px; }
    .input-label[b-nj2mkxvnie] { font-size: 18px; }
    .tracking-input[b-nj2mkxvnie] { padding: 22px 24px; font-size: 18px; }
    .track-btn[b-nj2mkxvnie] { padding: 18px 24px; font-size: 18px; }
    .steps-h[b-nj2mkxvnie] { display: flex; }
    .steps-v[b-nj2mkxvnie] { display: none; }
}

@media (min-width: 900px) {
    .tracking[b-nj2mkxvnie] { padding: 128px 0; }
    .title[b-nj2mkxvnie] { font-size: 34px; }
    .grid[b-nj2mkxvnie] { flex-direction: row; }
    .grid > *[b-nj2mkxvnie] { width: 50%; }
    .left[b-nj2mkxvnie] { padding-right: 32px; }
    .courier[b-nj2mkxvnie] { margin-bottom: 0; }
    .card[b-nj2mkxvnie] { padding: 32px 28px; }
    .card-title[b-nj2mkxvnie] { font-size: 26px; }
    .tracking-input[b-nj2mkxvnie] { padding: 22px 26px; }
    .track-btn[b-nj2mkxvnie] { padding: 18px 26px; }
}

@media (min-width: 1200px) {
    .tracking[b-nj2mkxvnie] { padding: 144px 0; }
    .title[b-nj2mkxvnie] { font-size: 38px; }
    .card[b-nj2mkxvnie] { padding: 40px; }
    .tracking-input[b-nj2mkxvnie] { padding: 22px 28px; }
    .track-btn[b-nj2mkxvnie] { padding: 18px 28px; }
}
/* /Components/Sections/Vision.razor.rz.scp.css */
/* Vision — values mirror the MUI sx props of the original component. */
.vision[b-9wg7npa0e9] {
    background: #fff;
    display: flex;
    flex-direction: column;
}

.vision-row[b-9wg7npa0e9] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 32px;
    margin-bottom: 32px;
    width: 100%;
}

.worker[b-9wg7npa0e9] {
    width: auto;
    height: 300px;
    display: block;
}

.quote-box[b-9wg7npa0e9] {
    background-image: url("/images/landing-page/visone2.webp");
    background-size: cover;
    background-position: center;
    height: 300px;
    width: 400px;
    position: relative;
}

.overlay[b-9wg7npa0e9] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(16, 55, 182, 0.8);
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: column;
    padding: 16px;
}

.qmark[b-9wg7npa0e9] {
    margin-top: 50px;
    margin-left: 10px;
    margin-bottom: -25px;
    font-size: 128px;
    font-weight: 700;
    line-height: 60px;
    color: #fff;
    text-align: start;
}

.qtext[b-9wg7npa0e9] {
    color: #fff;
    text-align: start;
    padding: 16px;
    font-style: italic;
    overflow: hidden;
    text-overflow: ellipsis;
    font-family: var(--font-heading);
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 1.6;
}

@media (max-width: 900px) {
    .vision-row[b-9wg7npa0e9] { flex-direction: column; }
    .worker[b-9wg7npa0e9] { width: 100%; height: auto; }
    .quote-box[b-9wg7npa0e9] { width: 100%; height: auto; margin-top: 16px; }
    .overlay[b-9wg7npa0e9] { position: static; }
    .qmark[b-9wg7npa0e9] { font-size: 64px; }
}

@media (max-width: 600px) {
    .qmark[b-9wg7npa0e9] { font-size: 48px; }
}