:root {
    --service-red:#e30613;
    --service-dark-red:#bb000c;
    --service-navy:#071c2c;
    --service-navy-light:#14364b;
    --service-white:#fff;
    --service-text:#18202a;
    --service-muted:#68737e;
    --service-border:#e6eaee;
    --service-bg:#f5f8fa;
}
body {
    font-family:"Poppins",sans-serif;
    font-size:16px;
    color:var(--service-text);
}
img {
    width:100%;
    height:400px;
    display:block;
}
.service-label {
    display:inline-block;
    margin-bottom:8px;
    color:var(--service-red);
    font-size:22px;
    font-weight:600;
    letter-spacing:.5px;
    text-transform:uppercase;

}
.service-label-light {
    color:#ffabb0;
}
.service-primary-btn,.service-outline-btn {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:12px 18px;
    border-radius:8px;
    font-size:16px;
    font-weight:600;
    transition:.3s ease;
}
.service-primary-btn {
    color:#fff;
    background:var(--service-red);
    border:1px solid var(--service-red);
}
.service-primary-btn:hover {
    color:#fff;
    background:var(--service-dark-red);
    transform:translateY(-2px);
}
.service-outline-btn {
    color:var(--service-red);
    background:#fff;
    border:1px solid var(--service-red);
}
.service-outline-btn:hover {
    color:#fff;
    background:var(--service-red);
}

/* Breadcrumb */
.service-breadcrumb {
    padding:13px 0;
    background:#f7f9fa;
    border-bottom:1px solid var(--service-border);
}
.service-breadcrumb .breadcrumb {
    margin:0;
}
.service-breadcrumb .breadcrumb-item,.service-breadcrumb .breadcrumb-item a {
    font-size:13px;
}
.service-breadcrumb .breadcrumb-item a {
    color:var(--service-red);
}

/* Hero */
.service-hero {
    position:relative;
    padding:65px 0;
    background:
        radial-gradient(circle at 80% 20%,rgba(227,6,19,.07),transparent 25%),
        linear-gradient(135deg,#fff,#f3f7f9);
    overflow:hidden;
}
.service-hero::before {
    content:"";
    position:absolute;
    right:-100px;
    top:-120px;
    width:300px;
    height:300px;
    border:45px solid rgba(227,6,19,.035);
    border-radius:50%;
}
.service-hero-content {
    position:relative;
    z-index:2;
}
.service-hero-content h1 {
    color:var(--service-navy);
    font-size:25px;
    line-height:1.4;
    font-weight:700;
    margin-bottom:16px;
}
.service-hero-content h1 span {
    color:var(--service-red);
}
.service-hero-content p {
    max-width:650px;
    color:var(--service-muted);
    font-size:16px;
    line-height:1.8;
    margin-bottom:18px;
}
.service-hero-points {
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    margin-bottom:22px;
}
.service-hero-points span {
    padding:7px 12px;
    color:var(--service-navy);
    background:#fff;
    border:1px solid var(--service-border);
    border-radius:20px;
    font-size:16px;
    font-weight:500;
}
.service-hero-actions {
    display:flex;
    flex-wrap:wrap;
    gap:10px;
}
.service-hero-visual {
    position:relative;
    padding:15px;
}
.service-image-wrap {
    position:relative;
    overflow:hidden;
    border-radius:18px;
    box-shadow:0 18px 45px rgba(7,28,44,.15);
}
.service-image-wrap img {
    transition:transform .8s ease;
}
.service-hero-visual:hover .service-image-wrap img {
    transform:scale(1.035);
}
.hero-trust-card {
    position:absolute;
    left:-5px;
    bottom:30px;
    width:120px;
    height:120px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    padding:12px;
    color:#fff;
    background:var(--service-red);
    border:6px solid #fff;
    border-radius:50%;
    text-align:center;
    box-shadow:0 10px 28px rgba(227,6,19,.25);
    animation:serviceBadgeFloat 3s ease-in-out infinite;
}
.hero-trust-card strong {
    font-size:22px;
}
.hero-trust-card span {
    font-size:10px;
    line-height:1.3;
}



/* Intro */
.packing-intro {
    padding:70px 0;
    background:#fff;
}
.packing-intro-visual {
    position:relative;
}
.packing-intro-visual img {
    border-radius:16px;
    box-shadow:0 15px 35px rgba(7,28,44,.12);
}

.packing-intro-content h2,.section-center h2,.move-types-content h2,.moving-road-content h2,.service-cta-box h2 {
    color:var(--service-navy);
    font-size:25px;
    line-height:1.4;
    font-weight:700;
    margin-bottom:12px;
}
.packing-intro-content p,.section-center p,.move-types-content p,.moving-road-content p,.service-cta-box p {
    color:var(--service-muted);
    font-size:16px;
    line-height:1.75;
    margin-bottom:14px;
}
.intro-feature-grid {
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:10px;
    margin-top:22px;
}
.intro-feature {
    display:flex;
    align-items:center;
    gap:10px;
    padding:16px;
    background:#f7f9fa;
    border:1px solid var(--service-border);
    border-radius:10px;
}
.intro-feature span {
    width:32px;
    height:32px;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    background:var(--service-red);
    border-radius:50%;
    font-size:11px;
    font-weight:600;
}
.intro-feature strong {
    color:var(--service-navy);
    font-size:16px;
    font-weight:600;
}

/* Process */
.packing-process {
    position:relative;
    padding:70px 0 80px;
    background:#f5f8fa;
    overflow:hidden;
}
.section-center {
    max-width:720px;
    margin:0 auto 35px;
    text-align:center;
}
.packing-process-track {
    position:relative;
}
.packing-track-line {
    position:absolute;
    left:8%;
    right:8%;
    top:50px;
    height:4px;
    background:repeating-linear-gradient(90deg,var(--service-red) 0 15px,transparent 15px 27px);
    opacity:.3;
}
.moving-package {
    position:absolute;
    top:-15px;
    left:0;
    width:34px;
    height:30px;
    background:#cf8a3d;
    border:1px solid #aa692b;
    border-radius:3px;
    animation:packageTravel 9s linear infinite;
}
.moving-package span {
    position:absolute;
    left:50%;
    top:0;
    width:6px;
    height:100%;
    background:#f0ca8e;
    transform:translateX(-50%);
}
.process-card {
    position:relative;
    height:100%;
    padding:22px;
    background:#fff;
    border:1px solid var(--service-border);
    border-radius:14px;
    box-shadow:0 8px 24px rgba(7,28,44,.06);
    transition:.3s ease;
    z-index:2;
}
.process-card:hover {
    transform:translateY(-6px);
    box-shadow:0 15px 32px rgba(7,28,44,.11);
}
.process-number {
    position:absolute;
    right:15px;
    top:10px;
    color:rgba(227,6,19,.12);
    font-size:25px;
    font-weight:700;
}
.process-icon {
    position:relative;
    width:52px;
    height:52px;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-bottom:14px;
    background:#fff0f1;
    border-radius:50%;
}
.planning-icon span {
    width:22px;
    height:27px;
    border:2px solid var(--service-red);
    border-radius:3px;
}
.planning-icon span::before,.planning-icon span::after {
    content:"";
    position:absolute;
    left:16px;
    width:18px;
    height:2px;
    background:var(--service-red);
}
.planning-icon span::before {
    top:21px;
}
.planning-icon span::after {
    top:29px;
}
.packing-icon span,.unpacking-icon span {
    width:26px;
    height:23px;
    background:#ca8841;
    border:2px solid #ab6c2e;
    animation:smallBoxFloat 2.7s ease-in-out infinite;
}
.mini-service-truck {
    position:relative;
    width:32px;
    height:18px;
    background:var(--service-red);
    border-radius:2px;
}
.mini-service-truck::before {
    content:"";
    position:absolute;
    right:-10px;
    bottom:0;
    width:12px;
    height:13px;
    background:#ff7b34;
    border-radius:2px;
}
.process-card h3 {
    color:var(--service-navy);
    font-size:17px;
    font-weight:600;
    margin-bottom:8px;
}
.process-card p {
    color:var(--service-muted);
    font-size:14px;
    line-height:1.7;
    margin:0;
}

.why-service-card {
    height:100%;
    padding:24px 20px;
    border:1px solid var(--service-border);
    border-radius:14px;
    background:#fff;
    text-align:center;
    box-shadow:0 7px 22px rgba(7,28,44,.05);
    transition:.3s ease;
}
.why-service-card:hover {
    transform:translateY(-5px);
    border-color:rgba(227,6,19,.25);
}
.why-number,.why-symbol {
    width:62px;
    height:62px;
    display:flex;
    align-items:center;
    justify-content:center;
    margin:0 auto 14px;
    color:var(--service-red);
    background:#fff0f1;
    border-radius:50%;
    font-size:18px;
    font-weight:700;
}
.why-service-card h3 {
    color:var(--service-navy);
    font-size:18px;
    font-weight:600;
    margin-bottom:8px;
}
.why-service-card p {
    color:var(--service-muted);
    font-size:16px;
    line-height:1.65;
    margin:0;
}
.why-service-household-why{
    padding-bottom: 60px;
}

/* Move Types */
.move-types {
    padding:70px 0; 
    background:#f4f7f9;
}
.move-types-layout {
    display:grid;
    grid-template-columns:38% 1fr;
    gap:45px;
    align-items:center;
}
.move-types-content p {
    margin-bottom:20px;
}
.move-types-grid {
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:12px;
}
.move-type-card {
    display:flex;
    align-items:center;
    gap:12px;
    padding:17px;
    color:var(--service-navy);
    background:#fff;
    border:1px solid var(--service-border);
    border-radius:12px;
    box-shadow:0 6px 18px rgba(7,28,44,.05);
    transition:.3s ease;
}
.move-type-card:hover {
    color:var(--service-red);
    transform:translateX(5px);
}
.move-type-card span {
    width:35px;
    height:35px;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    background:var(--service-red);
    border-radius:50%;
    font-size:11px;
    font-weight:600;
}
.move-type-card strong {
    font-size:16px;
    font-weight:600;
}

/* Road Banner - Real Road Packing Journey */
.moving-road-banner {
    padding:70px 0;
    background:var(--service-navy);
    overflow:hidden;
}
.moving-road-content {
    text-align:center;
}
.moving-road-content h2 {
    color:#fff;
}
.moving-road-content p {
    max-width:700px;
    margin:0 auto;
    color:#d8e0e6;
}
.packing-journey-scene {
    --truck-stop-left:5%;
    --truck-stop-right:calc(100% - 250px);
    position:relative;
    width:100%;
    max-width:1100px;
    height:230px;
    margin:34px auto 0;
    overflow:hidden;
}
.packing-journey-location {
    position:absolute;
    top:4px;
    z-index:7;
    display:inline-flex;
    align-items:center;
    gap:8px;
    color:#fff;
    font-size:18px;
    font-weight:600;
}
.packing-journey-location::before {
    content:"";
    width:8px;
    height:8px;
    flex:0 0 8px;
    background:var(--service-red);
    border:2px solid rgba(255,255,255,.75);
    border-radius:50%;
    box-shadow:0 0 0 4px rgba(227,6,19,.16);
}
.packing-journey-location-start {
    left:2px;
}
.packing-journey-location-end {
    right:2px;
}
.packing-real-road {
    position:absolute;
    left:0;
    right:0;
    bottom:12px;
    height:122px;
    overflow:hidden;
    background:
        linear-gradient(180deg,rgba(255,255,255,.035),rgba(0,0,0,.16)),
        radial-gradient(circle at 18% 28%,rgba(255,255,255,.08) 0 1px,transparent 1.7px),
        radial-gradient(circle at 68% 66%,rgba(0,0,0,.22) 0 1px,transparent 1.8px),
        radial-gradient(circle at 87% 24%,rgba(255,255,255,.05) 0 1px,transparent 1.5px),
        #3b4045;
    background-size:100% 100%,18px 19px,23px 25px,29px 31px,auto;
    border-radius:18px;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.08),
        inset 0 -10px 22px rgba(0,0,0,.18),
        0 16px 34px rgba(0,0,0,.25);
}
.packing-real-road::before,
.packing-real-road::after {
    content:"";
    position:absolute;
    left:0;
    right:0;
    height:12px;
    background:linear-gradient(180deg,#9a9da0,#d5d6d7 45%,#74787b 46%,#54585b 100%);
    box-shadow:0 1px 0 rgba(255,255,255,.45),0 -1px 0 rgba(0,0,0,.22);
}
.packing-real-road::before {
    top:0;
}
.packing-real-road::after {
    bottom:0;
    transform:scaleY(-1);
}
.packing-road-edge,
.packing-road-centerline {
    position:absolute;
    left:0;
    right:0;
    z-index:2;
    display:block;
}
.packing-road-edge {
    height:3px;
    background:rgba(255,255,255,.9);
    box-shadow:0 0 3px rgba(255,255,255,.25);
}
.packing-road-edge-top {
    top:20px;
}
.packing-road-edge-bottom {
    bottom:20px;
}
.packing-road-centerline {
    top:50%;
    height:5px;
    transform:translateY(-50%);
    background:repeating-linear-gradient(90deg,#f7f7f3 0 44px,transparent 44px 77px);
    filter:drop-shadow(0 1px 0 rgba(0,0,0,.25));
}
.packing-journey-truck {
    position:absolute;
    left:-26%;
    bottom:26px;
    z-index:6;
    width:220px;
    opacity:0;
    pointer-events:none;
    will-change:left,opacity;
    animation:packingTruckJourney 14s linear infinite;
}
.packing-journey-truck img {
    width:170%;
    height:auto;
    max-height:none;
    object-fit:contain;
    display:block;
    filter:drop-shadow(0 9px 8px rgba(0,0,0,.28));
}
.packing-start-boxes,
.packing-end-boxes {
    position:absolute;
    z-index:5;
    pointer-events:none;
}
.packing-start-boxes {
    left:1.5%;
    bottom:45px;
    width:100px;
    height:72px;
}
.packing-end-boxes {
    right:205px;
    bottom:30px;
    width:100px;
    height:72px;
}
.packing-road-box {
    position:absolute;
    display:block;
    background:linear-gradient(135deg,#d69a54,#b87531);
    border:1px solid #996025;
    border-radius:3px;
    box-shadow:0 7px 13px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.22);
    transform-origin:center bottom;
    will-change:transform,opacity;
}
.packing-road-box::before {
    content:"";
    position:absolute;
    left:50%;
    top:0;
    width:6px;
    height:100%;
    background:rgba(244,214,166,.86);
    transform:translateX(-50%);
}
.packing-road-box::after {
    content:"";
    position:absolute;
    left:0;
    right:0;
    top:6px;
    height:1px;
    background:rgba(112,66,25,.32);
}
.packing-start-box-one {
    left:0;
    bottom:0;
    width:34px;
    height:31px;
    animation:packingLoadBoxOne 14s linear infinite;
}
.packing-start-box-two {
    left:35px;
    bottom:2px;
    width:30px;
    height:27px;
    animation:packingLoadBoxTwo 14s linear infinite;
}
.packing-start-box-three {
    left:19px;
    bottom:31px;
    width:40px;
    height:40px;
    animation:packingLoadBoxThree 14s linear infinite;
}
.packing-end-box-one {
    left:0;
    bottom:0;
    width:40px;
    height:40px;
    opacity:0;
    animation:packingUnloadBoxOne 14s linear infinite;
}
.packing-end-box-two {
    left:37px;
    bottom:2px;
    width:40px;
    height:40px;
    opacity:0;
    animation:packingUnloadBoxTwo 14s linear infinite;
}
.packing-end-box-three {
    left:19px;
    bottom:40px;
    width:40px;
    height:25px;
    opacity:0;
    animation:packingUnloadBoxThree 14s linear infinite;
}
@keyframes packingTruckJourney {
    0% {
        left:-26%;
        opacity:0;
    }
    4% {
        left:var(--truck-stop-left);
        opacity:1;
    }
    8%,28% {
        left:var(--truck-stop-left);
        opacity:1;
    }
    70%,86% {
        left:var(--truck-stop-right);
        opacity:1;
    }
    96% {
        left:108%;
        opacity:0;
    }
    100% {
        left:108%;
        opacity:0;
    }
}
@keyframes packingLoadBoxOne {
    0%,7% {opacity:1;transform:translate3d(0,0,0) scale(1)}
    13% {opacity:1;transform:translate3d(90px,-8px,0) scale(.88)}
    15%,100% {opacity:0;transform:translate3d(108px,-10px,0) scale(.72)}
}
@keyframes packingLoadBoxTwo {
    0%,12% {opacity:1;transform:translate3d(0,0,0) scale(1)}
    18% {opacity:1;transform:translate3d(60px,-10px,0) scale(.88)}
    20%,100% {opacity:0;transform:translate3d(78px,-12px,0) scale(.72)}
}
@keyframes packingLoadBoxThree {
    0%,17% {opacity:1;transform:translate3d(0,0,0) scale(1)}
    23% {opacity:1;transform:translate3d(72px,17px,0) scale(.86)}
    25%,100% {opacity:0;transform:translate3d(88px,19px,0) scale(.7)}
}
@keyframes packingUnloadBoxOne {
    0%,72% {opacity:0;transform:translate3d(64px,-7px,0) scale(.76)}
    77% {opacity:1;transform:translate3d(18px,-2px,0) scale(.92)}
    80%,96% {opacity:1;transform:translate3d(0,0,0) scale(1)}
    100% {opacity:0;transform:translate3d(0,0,0) scale(1)}
}
@keyframes packingUnloadBoxTwo {
    0%,76% {opacity:0;transform:translate3d(52px,-8px,0) scale(.76)}
    81% {opacity:1;transform:translate3d(16px,-2px,0) scale(.92)}
    84%,96% {opacity:1;transform:translate3d(0,0,0) scale(1)}
    100% {opacity:0;transform:translate3d(0,0,0) scale(1)}
}
@keyframes packingUnloadBoxThree {
    0%,80% {opacity:0;transform:translate3d(46px,14px,0) scale(.74)}
    85% {opacity:1;transform:translate3d(14px,4px,0) scale(.9)}
    88%,96% {opacity:1;transform:translate3d(0,0,0) scale(1)}
    100% {opacity:0;transform:translate3d(0,0,0) scale(1)}
}
@media(max-width:991px) {
    .packing-journey-scene {
        --truck-stop-left:4%;
        --truck-stop-right:calc(100% - 215px);
        height:215px;
    }
    .packing-journey-truck {
        width:190px;
        bottom:28px;
    }
    .packing-end-boxes {
        right:175px;
    }
     .packing-start-boxes {
        bottom:40px;
        transform:scale(1.3);
        height:40px;
        width:40px;
    }
    .packing-end-boxes {
        right:65px;
        bottom:17px;
        transform:scale(1.3);
          height:40px;
        width:40px;
    }
}
@media(max-width:767px) {
    .packing-journey-scene {
        --truck-stop-left:3%;
        --truck-stop-right:calc(100% - 178px);
        height:190px;
        margin-top:28px;
    }
    .packing-real-road {
        height:102px;
    }
    .packing-journey-truck {
        width:155px;
        bottom:27px;
    }
    .packing-start-boxes {
        left:0;
        bottom:28px;
        transform:scale(.84);
        transform-origin:left bottom;
    }
    .packing-end-boxes {
        right:138px;
        bottom:28px;
        transform:scale(.84);
        transform-origin:right bottom;
    }
    .packing-road-edge-top {
        top:17px;
    }
    .packing-road-edge-bottom {
        bottom:17px;
    }
     .packing-start-boxes {
        bottom:40px;
        transform:scale(1.3);
        height:40px;
        width:40px;
    }
    .packing-end-boxes {
        right:65px;
        bottom:17px;
        transform:scale(1.3);
          height:40px;
        width:40px;
    }
}
@media(max-width:575px) {
    .packing-journey-scene {
        --truck-stop-left:2%;
        --truck-stop-right:calc(100% - 142px);
        height:165px;
    }
    .packing-journey-location {
        font-size:10px;
    }
    .packing-real-road {
        bottom:8px;
        height:84px;
        border-radius:12px;
    }
    .packing-real-road::before,
    .packing-real-road::after {
        height:8px;
    }
    .packing-road-edge-top {
        top:13px;
    }
    .packing-road-edge-bottom {
        bottom:13px;
    }
    .packing-road-centerline {
        height:3px;
        background:repeating-linear-gradient(90deg,#f7f7f3 0 26px,transparent 26px 43px);
    }
    .packing-journey-truck {
        width:124px;
        bottom:19px;
    }
    .packing-start-boxes {
        bottom:40px;
        transform:scale(1.3);
    }
    .packing-end-boxes {
        right:65px;
        bottom:17px;
        transform:scale(1.3);
    }
     .packing-start-boxes {
        bottom:40px;
        transform:scale(1.3);
        height:40px;
        width:40px;
    }
    .packing-end-boxes {
        right:65px;
        bottom:17px;
        transform:scale(1.3);
          height:40px;
        width:40px;
    }
}

/* FAQ */
.service-faq {
    padding:70px 0;
}
.faq-wrap {
    max-width:900px;
    margin:0 auto;
}
.service-faq .accordion-item {
    margin-bottom:10px;
    border:1px solid var(--service-border);
    border-radius:10px;
    overflow:hidden;
}
.service-faq .accordion-button {
    color:var(--service-navy);
    background:#fff;
    font-size:16px;
    font-weight:600;
    box-shadow:none;
}
.service-faq .accordion-button:not(.collapsed) {
    color:var(--service-red);
    background:#fff3f4;
}
.service-faq .accordion-body {
    color:var(--service-muted);
    font-size:16px;
    line-height:1.7;
}

/* CTA */
.service-final-cta {
    padding:0 0 70px;
}
.service-cta-box {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:-2px;
    padding:34px;
    color:#fff;
    background:linear-gradient(110deg,var(--service-navy),#76000b 60%,var(--service-red));
    border-radius:18px;
}
.service-cta-box h2 {
    color:#fff;
}
.service-cta-box p {
    color:#dfe7eb;
    margin:0;
}
.cta-white,.cta-outline {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:11px 16px;
    border-radius:8px;
    font-size:13px;
    font-weight:600;
    transition:.3s ease;
}
.cta-white {
    color:var(--service-red);
    background:#fff;
}
.cta-outline {
    color:#fff;
    border:1px solid rgba(255,255,255,.6);
}
.cta-white:hover {
    color:var(--service-dark-red);
    transform:translateY(-2px);
}
.cta-outline:hover {
    color:#fff;
    background:rgba(255,255,255,.08);
}

/* Reveal */
.reveal-left,.reveal-right,.reveal-up {
    opacity:0;
    transition:opacity .7s ease,transform .7s ease;
}
.reveal-left {
    transform:translateX(-30px);
}
.reveal-right {
    transform:translateX(30px);
}
.reveal-up {
    transform:translateY(30px);
}
.reveal-left.is-visible,.reveal-right.is-visible,.reveal-up.is-visible {
    opacity:1;
    transform:translate(0);
}

/* Animations */
@keyframes serviceBadgeFloat {
    0%,100% {transform:translateY(0)}
    50% {transform:translateY(-7px)}
}
@keyframes boxFloat {
    0%,100% {transform:translateY(0) rotate(-3deg)}
    50% {transform:translateY(-8px) rotate(3deg)}
}
@keyframes tapeMove {
    0%,100% {translate:0 0}
    50% {translate:8px -5px}
}
@keyframes packageTravel {
    0% {left:0}
    50% {left:calc(100% - 34px)}
    100% {left:0}
}
@keyframes smallBoxFloat {
    0%,100% {transform:translateY(0)}
    50% {transform:translateY(-5px)}
}
@keyframes roadLineMove {
    to {background-position:34px 0}
}
@keyframes wheelSpin {
    to {transform:rotate(360deg)}
}

/* Tablet */
@media(max-width:991px) {
    .service-hero {
        padding:50px 0;
    }
    .hero-trust-card {
        left:20px;
        bottom:20px;
    }
    .packing-track-line {
        display:none;
    }
    .move-types-layout {
        grid-template-columns:1fr;
    }
    .service-cta-box {
        flex-direction:column;
        align-items:flex-start;
    }
}

/* Mobile */
@media(max-width:767px) {
    .service-hero-content h1,.packing-intro-content h2,.section-center h2,.move-types-content h2,.moving-road-content h2,.service-cta-box h2 {
        font-size:23px;
    }
    .service-hero-actions {
        flex-direction:column;
    }
    .service-hero-actions a {
        width:100%;
    }
    .service-hero-visual {
        padding:5px 0 0;
    }
    .hero-trust-card {
        width:92px;
        height:92px;
        left:10px;
        bottom:10px;
        border-width:4px;
    }
    .hero-box-animation {
        display:none;
    }
    .intro-feature-grid {
        grid-template-columns:1fr;
    }
    .move-types-grid {
        grid-template-columns:1fr;
    }
    .moving-road-scene {
        height:115px;
    }
   .service-cta-actions {
    flex:0 0 auto;
    display:flex;
    align-items:center;
    justify-content:flex-end;
    flex-wrap:nowrap;
    gap:10px;
}

.service-cta-actions a {
    width:auto;
    white-space:nowrap;
}
   .service-cta-actions a {
    width:auto;
    white-space:nowrap;
}
}

/* Small Mobile */
@media(max-width:575px) {
    .service-hero,.packing-intro,.packing-process,.why-service,.move-types,.moving-road-banner,.service-faq {
        padding-top:45px;
        padding-bottom:45px;
    }
    .service-hero-content h1,.packing-intro-content h2,.section-center h2,.move-types-content h2,.moving-road-content h2,.service-cta-box h2 {
        font-size:22px;
    }
    .service-hero-points {
        display:grid;
        grid-template-columns:1fr;
    }
    .packing-tape {
        display:none;
    }
    .service-cta-box {
        padding:24px 20px;
    }
    .city-label {
        font-size:10px;
    }
     .packing-start-boxes {
        bottom:40px;
        transform:scale(1.3);
        height:40px;
        width:40px;
    }
    .packing-end-boxes {
        right:65px;
        bottom:17px;
        transform:scale(1.3);
          height:40px;
        width:40px;
    }
}

/* Accessibility */
@media(prefers-reduced-motion:reduce) {
    *,*::before,*::after {
        animation-duration:.01ms!important;
        animation-iteration-count:1!important;
        transition-duration:.01ms!important;
    }
}
/* Loading & Unloading Page */
.loading-ramp-animation {
    position:absolute;
    right:3px;
    bottom:22px;
    width:150px;
    height:90px;
    z-index:4;
}
.loading-truck {
    position:absolute;
    right:0;
    bottom:20px;
    width:75px;
    height:42px;
}
.loading-truck-body {
    position:absolute;
    left:0;
    top:0;
    width:48px;
    height:29px;
    background:var(--service-red);
    border-radius:3px;
}
.loading-truck-cabin {
    position:absolute;
    right:0;
    top:8px;
    width:27px;
    height:21px;
    background:#ff7432;
    border-radius:3px 6px 3px 3px;
}
.loading-wheel {
    position:absolute;
    bottom:0;
    width:11px;
    height:11px;
    background:#111;
    border:2px solid #ddd;
    border-radius:50%;
    animation:wheelSpin .5s linear infinite;
}
.loading-wheel-one {
    left:12px;
}
.loading-wheel-two {
    right:7px;
}
.loading-ramp {
    position:absolute;
    left:34px;
    bottom:18px;
    width:55px;
    height:6px;
    background:#6c747a;
    border-radius:3px;
    transform:rotate(-17deg);
    transform-origin:right center;
}
.loading-moving-box {
    position:absolute;
    left:15px;
    bottom:35px;
    width:25px;
    height:23px;
    background:#c9883e;
    border:1px solid #a76a2d;
    border-radius:2px;
    animation:loadBoxIntoTruck 4s ease-in-out infinite;
}
.loading-moving-box::after {
    content:"";
    position:absolute;
    left:50%;
    top:0;
    width:5px;
    height:100%;
    background:#efc584;
    transform:translateX(-50%);
}

.loading-box-icon,.unloading-box-icon {
    overflow:hidden;
}
.animated-load-box,.animated-unload-box {
    width:25px;
    height:23px;
    background:#ca8841;
    border:2px solid #aa692d;
    border-radius:2px;
}
.animated-load-box {
    animation:loadProcessBox 2.5s ease-in-out infinite;
}
.animated-unload-box {
    animation:unloadProcessBox 2.5s ease-in-out infinite;
}
.loading-showcase {
    padding:70px 0;
    background:#fff;
}
.loading-showcase-box {
    display:grid;
    grid-template-columns:42% 1fr;
    gap:40px;
    align-items:center;
    padding:35px;
    color:#fff;
    background:linear-gradient(120deg,var(--service-navy),#123b53);
    border-radius:18px;
    overflow:hidden;
}
.loading-showcase-content h2 {
    color:#fff;
    font-size:25px;
    line-height:1.4;
    font-weight:700;
    margin-bottom:10px;
}
.loading-showcase-content p {
    color:#d8e2e8;
    font-size:15px;
    line-height:1.75;
    margin:0;
}
.loading-stage-animation {
    position:relative;
    height:180px;
}
.stage-home {
    position:absolute;
    left:0;
    bottom:30px;
    width:70px;
    height:65px;
}
.stage-roof {
    position:absolute;
    left:5px;
    top:0;
    width:60px;
    height:32px;
    background:var(--service-red);
    clip-path:polygon(50% 0,100% 100%,0 100%);
}
.stage-house {
    position:absolute;
    left:14px;
    bottom:0;
    width:42px;
    height:38px;
    background:#f4d3a0;
}
.stage-road {
    position:absolute;
    left:80px;
    right:95px;
    bottom:44px;
    height:46px;
    background:#1d435b;
    border-radius:25px;
}
.stage-road-line {
    position:absolute;
    left:0;
    right:0;
    top:21px;
    height:3px;
    background:repeating-linear-gradient(90deg,#f8b51d 0 14px,transparent 14px 27px);
    animation:roadLineMove 1.3s linear infinite;
}
.stage-box {
    position:absolute;
    left:0;
    top:7px;
    width:28px;
    height:27px;
    background:#cc8a41;
    border:1px solid #ae6d30;
    animation:stageBoxTravel 5s ease-in-out infinite;
}
.stage-truck {
    position:absolute;
    right:5px;
    bottom:45px;
    width:80px;
    height:43px;
}
.stage-truck-box {
    position:absolute;
    left:0;
    top:0;
    width:51px;
    height:29px;
    background:var(--service-red);
    border-radius:3px;
}
.stage-truck-cab {
    position:absolute;
    right:0;
    top:8px;
    width:29px;
    height:21px;
    background:#ff7635;
    border-radius:3px 6px 3px 3px;
}
.stage-wheel {
    position:absolute;
    bottom:0;
    width:11px;
    height:11px;
    background:#111;
    border:2px solid #ddd;
    border-radius:50%;
    animation:wheelSpin .5s linear infinite;
}
.stage-wheel-one {
    left:12px;
}
.stage-wheel-two {
    right:7px;
}
@keyframes loadBoxIntoTruck {
    0%,15% {
        left:12px;
        bottom:35px;
        transform:rotate(0);
    }
    50%,70% {
        left:70px;
        bottom:43px;
        transform:rotate(-4deg);
    }
    100% {
        left:12px;
        bottom:35px;
        transform:rotate(0);
    }
}
@keyframes directionArrow {
    0%,100% {
        opacity:.35;
        translate:0 0;
    }
    50% {
        opacity:1;
        translate:7px 0;
    }
}
@keyframes loadProcessBox {
    0%,100% {
        transform:translate(-8px,5px);
    }
    50% {
        transform:translate(7px,-5px);
    }
}
@keyframes unloadProcessBox {
    0%,100% {
        transform:translate(7px,-5px);
    }
    50% {
        transform:translate(-8px,5px);
    }
}
@keyframes stageBoxTravel {
    0%,10% {
        left:0;
        transform:rotate(0);
    }
    50%,65% {
        left:calc(100% - 28px);
        transform:rotate(4deg);
    }
    100% {
        left:0;
        transform:rotate(0);
    }
}
@media(max-width:991px) {
    .loading-showcase-box {
        grid-template-columns:1fr;
    }
}
@media(max-width:767px) {
    .loading-ramp-animation,.loading-direction-arrow {
        display:none;
    }
    .loading-showcase {
        padding:45px 0;
    }
    .loading-showcase-box {
        padding:25px 20px;
    }
}
@media(max-width:575px) {
    .loading-stage-animation {
        height:150px;
    }
    .stage-road {
        left:55px;
        right:70px;
    }
    .stage-home {
        transform:scale(.78);
        transform-origin:left bottom;
    }
    .stage-truck {
        transform:scale(.78);
        transform-origin:right bottom;
    }
}
.furniture-protection-section {
    padding: 65px 0;
    background: #fff;
}

.furniture-protection-layout {
    display: grid;
    grid-template-columns: 1fr 1.08fr;
    align-items: center;
    gap: 60px;
}

.furniture-image-wrap {
    width: 100%;
    overflow: hidden;
    border-radius: 20px;
    background: #f5f7f9;
    box-shadow: 0 14px 35px rgba(7, 28, 44, 0.10);
}

.furniture-image-wrap img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 20px;
}

.furniture-content .service-label {
    margin-bottom: 10px;
}

.furniture-content h2 {
    color: #071c2c;
    font-size: 25px;
    line-height: 1.4;
    font-weight: 700;
    margin-bottom: 16px;
}

.furniture-content p {
    color: #68737e;
    font-size: 16px;
    line-height: 1.8;
    margin-bottom: 15px;
}

.furniture-content .service-primary-btn {
    margin-top: 8px;
}

@media (max-width: 991px) {
    .furniture-protection-layout {
        grid-template-columns: 1fr;
        gap: 35px;
    }

    .furniture-image-wrap {
        max-width: 760px;
        margin: 0 auto;
    }
}

@media (max-width: 575px) {
    .furniture-protection-section {
        padding: 45px 0;
    }

    .furniture-protection-layout {
        gap: 25px;
    }

    .furniture-image-wrap {
        border-radius: 14px;
    }

    .furniture-image-wrap img {
        border-radius: 14px;
    }

    .furniture-content h2 {
        font-size: 22px;
    }

    .furniture-content p {
        font-size: 15px;
    }
}
/* House to House Journey */
.house-journey-section {
    padding:75px 0;
    background:#f4f7f9;
    overflow:hidden;
}
.house-journey-scene {
    position:relative;
    display:grid;
    grid-template-columns:150px 1fr 150px;
    align-items:end;
    gap:10px;
    min-height:270px;
    margin-top:20px;
}
.journey-home {
    position:relative;
    width:130px;
    height:155px;
    margin:0 auto;
}
.journey-home-label {
    position:absolute;
    top:-32px;
    left:50%;
    width:130px;
    color:var(--service-navy);
    font-size:12px;
    font-weight:600;
    text-align:center;
    transform:translateX(-50%);
}
.journey-roof {
    position:absolute;
    left:5px;
    top:10px;
    width:120px;
    height:66px;
    background:var(--service-red);
    clip-path:polygon(50% 0,100% 100%,0 100%);
}
.journey-house-body {
    position:absolute;
    left:18px;
    bottom:0;
    width:94px;
    height:91px;
    background:#f5d5a3;
    border:2px solid #d9ae75;
    border-radius:3px;
}
.journey-door {
    position:absolute;
    left:35px;
    bottom:0;
    width:28px;
    height:54px;
    background:#85512e;
    transform-origin:left center;
}
.old-door {
    animation:oldDoorOpen 5s ease-in-out infinite;
}
.new-door {
    animation:newDoorOpen 5s ease-in-out infinite;
}
.journey-window {
    position:absolute;
    right:10px;
    top:15px;
    width:23px;
    height:23px;
    background:#dff2f7;
    border:3px solid #fff;
}
.journey-start-box,.journey-destination-box {
    position:absolute;
    width:27px;
    height:25px;
    background:#cb8941;
    border:1px solid #aa692d;
    z-index:5;
}
.journey-start-box {
    right:-15px;
    bottom:8px;
    animation:startBoxMove 5s ease-in-out infinite;
}
.journey-destination-box {
    left:-15px;
    bottom:8px;
    animation:destinationBoxMove 5s ease-in-out infinite;
}
.journey-road-wrap {
    position:relative;
    min-width:0;
    height:230px;
}
.journey-road-svg {
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
}
.journey-road-base {
    fill:none;
    stroke:#17384d;
    stroke-width:54;
    stroke-linecap:round;
    filter:drop-shadow(0 10px 16px rgba(7,28,44,.15));
}
.journey-road-dash {
    fill:none;
    stroke:#f7b51d;
    stroke-width:4;
    stroke-linecap:round;
    stroke-dasharray:14 13;
    animation:journeyDashMove 1.5s linear infinite;
}
.journey-moving-truck {
    position:absolute;
    left:4%;
    top:123px;
    width:70px;
    height:40px;
    z-index:5;
    animation:houseJourneyTruck 8s ease-in-out infinite;
}
.journey-truck-body {
    position:absolute;
    left:0;
    top:1px;
    width:45px;
    height:27px;
    background:var(--service-red);
    border-radius:3px;
}
.journey-truck-cabin {
    position:absolute;
    right:0;
    top:8px;
    width:26px;
    height:20px;
    background:#ff7531;
    border-radius:3px 6px 3px 3px;
}
.journey-wheel {
    position:absolute;
    bottom:0;
    width:11px;
    height:11px;
    background:#111;
    border:2px solid #ddd;
    border-radius:50%;
    animation:wheelSpin .5s linear infinite;
}
.journey-wheel-one {
    left:10px;
}
.journey-wheel-two {
    right:6px;
}
.journey-steps-row {
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:10px;
    max-width:760px;
    margin:25px auto 0;
}
.journey-step {
    display:flex;
    align-items:center;
    gap:9px;
    padding:12px;
    background:#fff;
    border:1px solid var(--service-border);
    border-radius:10px;
}
.journey-step span {
    width:32px;
    height:32px;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    background:var(--service-red);
    border-radius:50%;
    font-size:10px;
    font-weight:600;
}
.journey-step strong {
    color:var(--service-navy);
    font-size:13px;
}

/* Furniture Protection */
.furniture-protection-section {
    background:#fff;
}
.furniture-protection-layout {
    display:grid;
    grid-template-columns:45% 1fr;
    gap:55px;
    align-items:center;
}
.furniture-animation-wrap {
    position:relative;
    min-height:300px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    background:linear-gradient(145deg,#f8fafb,#eef3f6);
    border-radius:18px;
    overflow:hidden;
}
.animated-sofa {
    position:relative;
    width:240px;
    height:145px;
}
.animated-sofa-back {
    position:absolute;
    left:25px;
    top:20px;
    width:190px;
    height:82px;
    background:#bda083;
    border-radius:20px 20px 8px 8px;
}
.animated-sofa-seat {
    position:absolute;
    left:12px;
    bottom:10px;
    width:216px;
    height:70px;
    background:#a88b70;
    border-radius:9px;
}
.animated-sofa-arm {
    position:absolute;
    bottom:25px;
    width:32px;
    height:75px;
    background:#92765e;
    border-radius:10px;
}
.sofa-arm-left {
    left:0;
}
.sofa-arm-right {
    right:0;
}
.sofa-wrap-band {
    position:absolute;
    left:-10px;
    width:260px;
    height:18px;
    background:rgba(225,238,243,.65);
    border:1px solid rgba(170,190,200,.8);
    transform-origin:center;
}
.wrap-band-one {
    top:40px;
    transform:rotate(9deg);
    animation:wrapSofa 3.2s ease-in-out infinite;
}
.wrap-band-two {
    top:80px;
    transform:rotate(-7deg);
    animation:wrapSofa 3.2s ease-in-out .5s infinite;
}
.wrap-band-three {
    top:118px;
    transform:rotate(5deg);
    animation:wrapSofa 3.2s ease-in-out 1s infinite;
}
.protection-status {
    display:flex;
    gap:8px;
    margin-top:15px;
}
.protection-status-item {
    padding:7px 12px;
    color:#73808a;
    background:#fff;
    border:1px solid var(--service-border);
    border-radius:20px;
    font-size:11px;
    font-weight:600;
}
.status-wrap {
    animation:statusGlow 3s ease-in-out infinite;
}
.status-protect {
    animation:statusGlow 3s ease-in-out 1s infinite;
}
.status-move {
    animation:statusGlow 3s ease-in-out 2s infinite;
}
.furniture-content h2,.nothing-left-content h2,.new-home-copy h2 {
    color:var(--service-navy);
    font-size:25px;
    line-height:1.4;
    font-weight:700;
    margin-bottom:12px;
}
.furniture-content p,.nothing-left-content p,.new-home-copy p {
    color:var(--service-muted);
    font-size:16px;
    line-height:1.75;
    margin-bottom:14px;
}

/* Nothing Left Behind */
.nothing-left-section {
    padding:75px 0;
    background:#f4f7f9;
}
.nothing-left-layout {
    display:grid;
    grid-template-columns:1fr 40%;
    gap:50px;
    align-items:center;
}
.moving-checklist {
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:10px;
    margin-top:22px;
}
.moving-check-item {
    display:flex;
    align-items:center;
    gap:10px;
    padding:13px;
    background:#fff;
    border:1px solid var(--service-border);
    border-radius:10px;
    box-shadow:0 5px 15px rgba(7,28,44,.04);
}
.check-circle {
    width:34px;
    height:34px;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    background:#25c76f;
    border-radius:50%;
    font-size:14px;
    font-weight:700;
    transform:scale(0);
}
.reveal-left.is-visible .moving-check-item:nth-child(1) .check-circle {
    animation:checkAppear .4s ease forwards .2s;
}
.reveal-left.is-visible .moving-check-item:nth-child(2) .check-circle {
    animation:checkAppear .4s ease forwards .5s;
}
.reveal-left.is-visible .moving-check-item:nth-child(3) .check-circle {
    animation:checkAppear .4s ease forwards .8s;
}
.reveal-left.is-visible .moving-check-item:nth-child(4) .check-circle {
    animation:checkAppear .4s ease forwards 1.1s;
}
.moving-check-item strong,.moving-check-item small {
    display:block;
}
.moving-check-item strong {
    color:var(--service-navy);
    font-size:16px;
    font-weight:600;
}
.moving-check-item small {
    color:var(--service-muted);
    font-size:16px;
}
.ready-to-move-animation {
    position:relative;
    min-height:280px;
    display:flex;
    align-items:center;
    justify-content:center;
}
.ready-circle {
    position:relative;
    z-index:3;
    width:145px;
    height:145px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    color:#fff;
    background:var(--service-red);
    border:8px solid #fff;
    border-radius:50%;
    text-align:center;
    box-shadow:0 15px 35px rgba(227,6,19,.22);
}
.ready-check {
    font-size:25px;
    font-weight:700;
    margin-bottom:3px;
}
.ready-circle strong {
    font-size:15px;
    line-height:1.3;
}
.ready-pulse {
    position:absolute;
    width:145px;
    height:145px;
    border:2px solid rgba(227,6,19,.25);
    border-radius:50%;
    animation:readyPulse 2.5s ease-out infinite;
}
.ready-box {
    position:absolute;
    background:#cb8941;
    border:1px solid #ac6c2e;
    border-radius:3px;
    animation:readyBoxFloat 3s ease-in-out infinite;
}

/* New Home + Key */
.new-home-section {
    padding:70px 0;
}
.new-home-box {
    display:grid;
    grid-template-columns:1fr 320px;
    gap:40px;
    align-items:center;
    padding:38px;
    color:#fff;
    background:linear-gradient(110deg,var(--service-navy),#143b51 65%,#86101a);
    border-radius:18px;
    overflow:hidden;
}
.new-home-copy h2 {
    color:#fff;
}
.new-home-copy p {
    color:#dce5ea;
    margin:0;
}
.key-handover-animation {
    position:relative;
    min-height:185px;
}
.final-house {
    position:absolute;
    left:25px;
    bottom:10px;
    width:130px;
    height:125px;
}
.final-house-roof {
    position:absolute;
    left:0;
    top:0;
    width:130px;
    height:70px;
    background:var(--service-red);
    clip-path:polygon(50% 0,100% 100%,0 100%);
}
.final-house-body {
    position:absolute;
    left:20px;
    bottom:0;
    width:90px;
    height:70px;
    background:#f3d39e;
}
.final-house-door {
    position:absolute;
    left:55px;
    bottom:0;
    width:30px;
    height:48px;
    background:#82502e;
}
.final-location-pin {
    position:absolute;
    left:128px;
    top:12px;
    width:26px;
    height:26px;
    background:#25d366;
    border:5px solid #fff;
    border-radius:50% 50% 50% 0;
    transform:rotate(-45deg);
    animation:finalPinPulse 2s ease-in-out infinite;
}
.swinging-key {
    position:absolute;
    right:40px;
    top:42px;
    width:80px;
    height:95px;
    transform-origin:40px 0;
    animation:keySwing 2.5s ease-in-out infinite;
}
.key-ring {
    position:absolute;
    left:21px;
    top:0;
    width:38px;
    height:38px;
    border:7px solid #f5b51b;
    border-radius:50%;
}
.key-stick {
    position:absolute;
    left:37px;
    top:34px;
    width:8px;
    height:48px;
    background:#f5b51b;
}
.key-teeth {
    position:absolute;
    left:42px;
    bottom:8px;
    width:23px;
    height:8px;
    border-bottom:7px solid #f5b51b;
    border-right:7px solid #f5b51b;
}

/* Household Animations */
@keyframes heroRoofReveal {
    from {
        opacity:0;
        transform:rotate(45deg) scale(.5);
    }
    to {
        opacity:1;
        transform:rotate(45deg) scale(1);
    }
}
@keyframes heroWallReveal {
    from {
        height:0;
        opacity:0;
    }
    to {
        height:62px;
        opacity:1;
    }
}
@keyframes heroDoorOpen {
    0%,25%,100% {
        transform:perspective(100px) rotateY(0);
    }
    50%,70% {
        transform:perspective(100px) rotateY(-55deg);
    }
}
@keyframes houseBoxExit {
    0%,20%,100% {
        transform:translate(0,0) rotate(0);
    }
    55%,75% {
        transform:translate(35px,8px) rotate(4deg);
    }
}
@keyframes heroTruckArrival {
    0%,100% {
        transform:translateX(35px);
        opacity:.7;
    }
    45%,75% {
        transform:translateX(0);
        opacity:1;
    }
}
@keyframes roomObjectPack {
    0%,25%,100% {
        transform:translate(0,0) scale(1);
        opacity:1;
    }
    60%,75% {
        transform:translate(120px,20px) scale(.35);
        opacity:.25;
    }
}
@keyframes oldDoorOpen {
    0%,20%,100% {
        transform:perspective(80px) rotateY(0);
    }
    35%,55% {
        transform:perspective(80px) rotateY(-60deg);
    }
}
@keyframes newDoorOpen {
    0%,55%,100% {
        transform:perspective(80px) rotateY(0);
    }
    70%,90% {
        transform:perspective(80px) rotateY(-60deg);
    }
}
@keyframes startBoxMove {
    0%,20%,100% {
        transform:translateX(0);
        opacity:1;
    }
    45%,70% {
        transform:translateX(55px);
        opacity:0;
    }
}
@keyframes destinationBoxMove {
    0%,55% {
        transform:translateX(-55px);
        opacity:0;
    }
    75%,100% {
        transform:translateX(0);
        opacity:1;
    }
}
@keyframes journeyDashMove {
    to {
        stroke-dashoffset:-54;
    }
}
@keyframes houseJourneyTruck {
    0%,10% {
        left:3%;
        top:126px;
    }
    48% {
        left:48%;
        top:84px;
    }
    90%,100% {
        left:87%;
        top:80px;
    }
}
@keyframes wrapSofa {
    0%,100% {
        opacity:.45;
        width:30px;
    }
    50% {
        opacity:.9;
        width:260px;
    }
}
@keyframes statusGlow {
    0%,100% {
        color:#73808a;
        background:#fff;
    }
    40%,60% {
        color:#fff;
        background:var(--service-red);
        border-color:var(--service-red);
    }
}
@keyframes checkAppear {
    0% {
        transform:scale(0) rotate(-60deg);
    }
    75% {
        transform:scale(1.2) rotate(5deg);
    }
    100% {
        transform:scale(1) rotate(0);
    }
}
@keyframes readyPulse {
    0% {
        opacity:.7;
        transform:scale(1);
    }
    100% {
        opacity:0;
        transform:scale(1.65);
    }
}
@keyframes readyBoxFloat {
    0%,100% {
        transform:translateY(0);
    }
    50% {
        transform:translateY(-6px);
    }
}
@keyframes finalPinPulse {
    0%,100% {
        box-shadow:0 0 0 0 rgba(37,211,102,.3);
    }
    50% {
        box-shadow:0 0 0 12px rgba(37,211,102,0);
    }
}
@keyframes keySwing {
    0%,100% {
        transform:rotate(-8deg);
    }
    50% {
        transform:rotate(10deg);
    }
}

/* Household Responsive */
@media(max-width:991px) {
    .hero-house-outline,.hero-house-boxes,.hero-house-truck {
        transform:scale(.85);
        transform-origin:right bottom;
    }
    .house-journey-scene {
        grid-template-columns:120px 1fr 120px;
    }
    .journey-home {
        transform:scale(.82);
    }
    .furniture-protection-layout,.nothing-left-layout {
        grid-template-columns:1fr;
    }
    .new-home-box {
        grid-template-columns:1fr;
    }
    .key-handover-animation {
        max-width:320px;
        width:100%;
        margin:0 auto;
    }
}
@media(max-width:767px) {
    .hero-house-outline,.hero-house-boxes,.hero-house-truck {
        display:none;
    }
    .household-room-section,.house-journey-section,.furniture-protection-section,.nothing-left-section,.new-home-section {
        padding:50px 0;
    }
    .house-journey-scene {
        grid-template-columns:80px 1fr 80px;
        min-height:220px;
    }
    .journey-home {
        width:100px;
        transform:scale(.62);
        transform-origin:center bottom;
    }
    .journey-road-wrap {
        height:190px;
    }
    .journey-moving-truck {
        transform:scale(.8);
        transform-origin:center;
    }
    .journey-steps-row {
        grid-template-columns:repeat(2,1fr);
    }
    .moving-checklist {
        grid-template-columns:1fr;
    }
    .furniture-animation-wrap {
        min-height:260px;
    }
}
@media(max-width:575px) {
    .house-journey-scene {
        display:block;
        min-height:420px;
    }
    .old-home {
        position:absolute;
        left:0;
        top:0;
    }
    .new-home {
        position:absolute;
        right:0;
        bottom:0;
    }
    .journey-road-wrap {
        position:absolute;
        left:45px;
        right:45px;
        top:80px;
        height:260px;
        transform:rotate(90deg);
    }
    .journey-moving-truck {
        animation:none;
        left:42%;
        top:112px;
    }
    .journey-start-box,.journey-destination-box {
        display:none;
    }
    .journey-steps-row {
        grid-template-columns:1fr 1fr;
    }
    .animated-sofa {
        transform:scale(.78);
    }
    .furniture-content h2,.nothing-left-content h2,.new-home-copy h2 {
        font-size:22px;
    }
    .ready-to-move-animation {
        min-height:240px;
    }
    .new-home-box {
        padding:25px 20px;
    }
}

/* Office Relocation Page */
.office-premium-hero {
    position:relative;
    padding:70px 0;
    color:#fff;
    background:
        radial-gradient(circle at 82% 18%,rgba(227,6,19,.2),transparent 24%),
        linear-gradient(120deg,#061724 0%,#0a2638 58%,#101c28 100%);
    overflow:hidden;
}
.office-grid-background {
    position:absolute;
    inset:0;
    background-image:
        linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),
        linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);
    background-size:34px 34px;
    mask-image:linear-gradient(to right,transparent,#000 35%,#000);
}
.office-premium-hero::after {
    content:"";
    position:absolute;
    right:6%;
    top:0;
    width:1px;
    height:100%;
    background:linear-gradient(transparent,rgba(227,6,19,.45),transparent);
    animation:officeVerticalScan 5s linear infinite;
}
.office-premium-hero .container {
    position:relative;
    z-index:2;
}
.office-eyebrow {
    display:inline-flex;
    align-items:center;
    gap:8px;
    margin-bottom:10px;
    color:#ff9ea4;
    font-size:16px;
    font-weight:600;
    letter-spacing:.7px;
    text-transform:uppercase;
}
.office-eyebrow>span {
    width:9px;
    height:9px;
    background:var(--service-red);
    border-radius:50%;
    box-shadow:0 0 0 6px rgba(227,6,19,.12);
    animation:officeDotPulse 2s ease-in-out infinite;
}
.office-premium-hero .service-hero-content h1 {
    color:#fff;
}
.office-premium-hero .service-hero-content h1 span {
    color:#ff525d;
}
.office-premium-hero .service-hero-content p {
    color:#cbd7de;
}
.office-status-pills {
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    margin-bottom:22px;
}
.office-status-pills span {
    display:flex;
    align-items:center;
    gap:7px;
    padding:7px 11px;
    color:#dce7ed;
    background:rgba(255,255,255,.06);
    border:1px solid rgba(255,255,255,.12);
    border-radius:20px;
    font-size:16px;
    backdrop-filter:blur(8px);
}
.office-status-pills i {
    width:6px;
    height:6px;
    background:#4ee18d;
    border-radius:50%;
    box-shadow:0 0 8px rgba(78,225,141,.7);
}
.office-call-btn {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:12px 18px;
    color:#fff;
    border:1px solid rgba(255,255,255,.45);
    border-radius:8px;
    font-size:14px;
    font-weight:600;
    transition:.3s ease;
}
.office-call-btn:hover {
    color:#fff;
    background:rgba(255,255,255,.08);
    transform:translateY(-2px);
}

/* Office Hero Visual */
.office-hero-visual {
    position:relative;
    padding:20px 8px 15px 20px;
}
.office-image-frame {
    position:relative;
    overflow:hidden;
    border:1px solid rgba(255,255,255,.15);
    border-radius:18px;
    box-shadow:0 25px 55px rgba(0,0,0,.3);
}
.office-image-frame::after {
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(180deg,transparent 45%,rgba(6,23,36,.34));
    pointer-events:none;
}
.office-image-frame img {
    width:100%;
    height:auto;
    display:block;
    transition:transform .8s ease;
}
.office-hero-visual:hover .office-image-frame img {
    transform:scale(1.025);
}
.office-scan-line {
    position:absolute;
    left:0;
    right:0;
    top:-3px;
    height:3px;
    background:linear-gradient(90deg,transparent,#ff5660,#fff,#ff5660,transparent);
    box-shadow:0 0 14px rgba(255,70,80,.7);
    z-index:3;
    animation:officeImageScan 4s ease-in-out infinite;
}
.office-corner {
    position:absolute;
    width:30px;
    height:30px;
    z-index:4;
}
.corner-one {
    left:12px;
    top:12px;
    border-left:2px solid #ff525d;
    border-top:2px solid #ff525d;
}
.corner-two {
    right:12px;
    top:12px;
    border-right:2px solid #ff525d;
    border-top:2px solid #ff525d;
}
.corner-three {
    left:12px;
    bottom:12px;
    border-left:2px solid #ff525d;
    border-bottom:2px solid #ff525d;
}
.corner-four {
    right:12px;
    bottom:12px;
    border-right:2px solid #ff525d;
    border-bottom:2px solid #ff525d;
}

.office-floating-label {
    position:absolute;
    z-index:4;
    padding:5px 10px;
    color:#fff;
    background:rgba(227,6,19,.88);
    border:1px solid rgba(255,255,255,.2);
    border-radius:5px;
    font-size:14px;
    font-weight:700;
    letter-spacing:1px;
    box-shadow:0 7px 15px rgba(227,6,19,.18);
    animation:officeFloatTag 4s ease-in-out infinite;
}
.label-pack {
    left:0;
    top:26%;
}
.label-move {
    right:8%;
    bottom:22%;
    animation-delay:.7s;
}
.label-ready {
    left:30%;
    bottom:-5px;
    animation-delay:1.4s;
}
.office-experience-badge {
    left:2px;
    bottom:26px;
}

/* Planning Blueprint */
.office-planning-section {
    padding:75px 0;
    background:#fff;
}
.office-blueprint {
    position:relative;
    min-height:390px;
    padding:25px;
    overflow:hidden;
    color:#fff;
    background:#0c3248;
    border-radius:18px;
    box-shadow:0 18px 40px rgba(7,28,44,.15);
}
.blueprint-grid {
    position:absolute;
    inset:0;
    background-image:
        linear-gradient(rgba(100,195,238,.12) 1px,transparent 1px),
        linear-gradient(90deg,rgba(100,195,238,.12) 1px,transparent 1px);
    background-size:24px 24px;
}
.blueprint-title {
    position:relative;
    z-index:2;
    color:#9fcee4;
    font-size:11px;
    font-weight:600;
    letter-spacing:1px;
}
.blueprint-room {
    position:absolute;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    border:1px solid rgba(130,210,245,.55);
    background:rgba(89,179,221,.05);
    transition:.3s ease;
}
.blueprint-room span {
    color:#ff6871;
    font-size:18px;
    font-weight:700;
}
.blueprint-room small {
    color:#b8dceb;
    font-size:9px;
    letter-spacing:1px;
}
.blueprint-room-one {
    left:12%;
    top:22%;
    width:34%;
    height:28%;
}
.blueprint-room-two {
    right:10%;
    top:22%;
    width:36%;
    height:28%;
}
.blueprint-room-three {
    left:12%;
    bottom:12%;
    width:27%;
    height:30%;
}
.blueprint-room-four {
    right:10%;
    bottom:12%;
    width:43%;
    height:30%;
}
.blueprint-route {
    position:absolute;
    left:22%;
    top:46%;
    width:55%;
    height:3px;
    background:repeating-linear-gradient(90deg,#ff5963 0 10px,transparent 10px 18px);
    animation:blueprintRoute 1.2s linear infinite;
}
.blueprint-pulse {
    position:absolute;
    left:20%;
    top:44%;
    width:14px;
    height:14px;
    background:#ff525d;
    border-radius:50%;
    box-shadow:0 0 0 8px rgba(255,82,93,.08);
    animation:blueprintPulseTravel 5s ease-in-out infinite;
}
.office-planning-points {
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:10px;
    margin-top:20px;
}
.office-planning-points>div {
    display:flex;
    align-items:center;
    gap:10px;
    padding:12px;
    background:#f6f8f9;
    border:1px solid var(--service-border);
    border-radius:9px;
}
.office-planning-points span {
    width:31px;
    height:31px;
    display:flex;
    align-items:center;
    justify-content:center;
    flex:0 0 31px;
    color:#fff;
    background:var(--service-red);
    border-radius:50%;
    font-size:10px;
}
.office-planning-points strong {
    color:var(--service-navy);
    font-size:16px;
}

/* Pulse Transfer - Real Office Journey */
.office-pulse-section {
    position:relative;
    padding:80px 0;
    color:#fff;
    background:
        radial-gradient(circle at 50% 40%,rgba(227,6,19,.08),transparent 34%),
        linear-gradient(135deg,#051723 0%,#09283a 55%,#071c2c 100%);
    overflow:hidden;
}
.office-pulse-section::before {
    content:"";
    position:absolute;
    inset:0;
    background:
        linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px),
        linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px);
    background-size:42px 42px;
    opacity:.5;
    pointer-events:none;
}
.office-pulse-section .container {
    position:relative;
    z-index:2;
}
.office-section-heading {
    max-width:780px;
    margin:0 auto 42px;
    text-align:center;
}
.office-dark-label {
    display:inline-block;
    margin-bottom:8px;
    color:#ff6670;
    font-size:16px;
    font-weight:600;
    letter-spacing:1.2px;
}
.office-section-heading h2 {
    margin:0 0 10px;
    color:#fff;
    font-size:25px;
    font-weight:700;
    line-height:1.4;
}
.office-section-heading p {
    max-width:760px;
    margin:0 auto;
    color:#aabcc7;
    font-size:16px;
    line-height:1.7;
}
.office-real-transfer-scene {
    display:grid;
    grid-template-columns:210px minmax(0,1fr) 210px;
    gap:24px;
    align-items:center;
    max-width:1180px;
    margin:0 auto;
}
.office-real-location {
    position:relative;
    min-width:0;
}
.office-real-photo {
    position:relative;
    height:190px;
    overflow:hidden;
    background:#0b2a3c;
    border:1px solid rgba(255,255,255,.13);
    border-radius:16px;
    box-shadow:0 18px 38px rgba(0,0,0,.24);
}
.office-real-photo img {
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
}
.office-real-photo-shade {
    position:absolute;
    inset:0;
    background:linear-gradient(180deg,rgba(4,17,27,.03) 20%,rgba(4,17,27,.86) 100%);
    pointer-events:none;
}
.office-real-location-copy {
    position:absolute;
    left:16px;
    right:16px;
    bottom:15px;
    z-index:2;
}
.office-real-location-copy small,
.office-real-location-copy strong {
    display:block;
}
.office-real-location-copy small {
    margin-bottom:3px;
    color:#b9c8d0;
    font-size:13px;
    font-weight:600;
    letter-spacing:1px;
}
.office-real-location-copy strong {
    color:#fff;
    font-size:15px;
    font-weight:600;
}
.office-real-location-dot {
    position:absolute;
    left:50%;
    bottom:-17px;
    z-index:4;
    width:12px;
    height:12px;
    background:var(--service-red);
    border:3px solid #fff;
    border-radius:50%;
    transform:translateX(-50%);
    box-shadow:0 0 0 6px rgba(227,6,19,.16);
}
.office-real-location-end .office-real-location-dot {
    background:#2bd17c;
    box-shadow:0 0 0 6px rgba(43,209,124,.14);
}
.office-real-arrival-check {
    position:absolute;
    top:14px;
    right:14px;
    z-index:3;
    width:36px;
    height:36px;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    background:#25c875;
    border:3px solid rgba(255,255,255,.9);
    border-radius:50%;
    font-size:15px;
    font-weight:700;
    opacity:.25;
    transform:scale(.72);
    animation:officeRealArrivalConfirm 10s ease-in-out infinite;
}
.office-real-route {
    position:relative;
    min-width:0;
    height:190px;
    overflow:hidden;
}
.office-real-road {
    position:absolute;
    left:0;
    right:0;
    top:50%;
    height:112px;
    overflow:hidden;
    background:
        linear-gradient(180deg,rgba(255,255,255,.045),rgba(0,0,0,.2)),
        radial-gradient(circle at 17% 28%,rgba(255,255,255,.08) 0 1px,transparent 1.6px),
        radial-gradient(circle at 64% 72%,rgba(0,0,0,.22) 0 1px,transparent 1.7px),
        radial-gradient(circle at 88% 24%,rgba(255,255,255,.05) 0 1px,transparent 1.5px),
        #3d4247;
    background-size:100% 100%,19px 20px,24px 25px,29px 31px,auto;
    border-radius:18px;
    transform:translateY(-50%);
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.08),
        inset 0 -12px 25px rgba(0,0,0,.2),
        0 18px 34px rgba(0,0,0,.25);
}
.office-real-road::before,
.office-real-road::after {
    content:"";
    position:absolute;
    left:0;
    right:0;
    height:10px;
    background:linear-gradient(180deg,#a0a3a6,#d8d9da 45%,#777b7e 46%,#54585b 100%);
    box-shadow:0 1px 0 rgba(255,255,255,.42),0 -1px 0 rgba(0,0,0,.25);
}
.office-real-road::before {
    top:0;
}
.office-real-road::after {
    bottom:0;
    transform:scaleY(-1);
}
.office-real-road-edge,
.office-real-road-line {
    position:absolute;
    left:0;
    right:0;
    z-index:2;
    display:block;
}
.office-real-road-edge {
    height:3px;
    background:rgba(255,255,255,.82);
}
.office-real-road-edge-top {
    top:17px;
}
.office-real-road-edge-bottom {
    bottom:17px;
}
.office-real-road-line {
    top:50%;
    height:5px;
    transform:translateY(-50%);
    background:repeating-linear-gradient(90deg,#f5f4ea 0 44px,transparent 44px 76px);
    filter:drop-shadow(0 1px 0 rgba(0,0,0,.35));
    animation:officeRealRoadMotion 1.1s linear infinite;
}
.office-real-moving-truck {
    position:absolute;
    left:-250px;
    top:49%;
    z-index:6;
    width:210px;
    opacity:0;
    transform:translateY(-50%);
    pointer-events:none;
    will-change:left,opacity,transform;
    animation:officeRealTruckDrive 10s cubic-bezier(.45,0,.2,1) infinite;
}
.office-real-moving-truck img {
    width:142%;
    height:auto;
    max-height:none;
    display:block;
    object-fit:contain;
    filter:drop-shadow(0 10px 9px rgba(0,0,0,.35));
}
.office-real-route-status {
    position:absolute;
    top:9px;
    z-index:7;
    display:flex;
    align-items:center;
    gap:7px;
    padding:6px 9px;
    color:#b9c9d1;
    background:rgba(6,24,36,.86);
    border:1px solid rgba(255,255,255,.1);
    border-radius:20px;
    backdrop-filter:blur(6px);
    font-size:13px;
    font-weight:600;
}
.office-real-route-status span {
    width:7px;
    height:7px;
    background:#697f8c;
    border-radius:50%;
}
.office-real-route-status-start {
    left:4%;
}
.office-real-route-status-moving {
    left:50%;
    transform:translateX(-50%);
}
.office-real-route-status-end {
    right:4%;
}
.office-real-route-status-start span {
    background:#ff5660;
}
.office-real-route-status-moving span {
    background:#f6b71a;
    box-shadow:0 0 0 0 rgba(246,183,26,.32);
    animation:officeRealStatusPulse 1.8s ease-out infinite;
}
.office-real-route-status-end span {
    background:#2bd17c;
}
.office-transfer-status {
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:10px;
    max-width:780px;
    margin:36px auto 0;
}
.transfer-status-item {
    display:flex;
    align-items:center;
    gap:9px;
    padding:11px 13px;
    background:rgba(255,255,255,.045);
    border:1px solid rgba(255,255,255,.08);
    border-radius:8px;
}
.transfer-status-item>span {
    width:30px;
    height:30px;
    display:flex;
    align-items:center;
    justify-content:center;
    flex:0 0 30px;
    color:#fff;
    background:var(--service-red);
    border-radius:50%;
    font-size:9px;
}
.transfer-status-item small,
.transfer-status-item strong {
    display:block;
}
.transfer-status-item small {
    color:#658394;
    font-size:14px;
    letter-spacing:1px;
}
.transfer-status-item strong {
    color:#fff;
    font-size:16px;
}
@keyframes officeRealRoadMotion {
    to {
        background-position:76px 0;
    }
}
@keyframes officeRealTruckDrive {
    0% {
        left:-250px;
        opacity:0;
    }
    7% {
        left:2%;
        opacity:1;
    }
    14%,22% {
        left:2%;
        opacity:1;
    }
    72%,86% {
        left:calc(100% - 218px);
        opacity:1;
    }
    94% {
        left:108%;
        opacity:0;
    }
    100% {
        left:108%;
        opacity:0;
    }
}
@keyframes officeRealArrivalConfirm {
    0%,64% {
        opacity:.18;
        transform:scale(.72);
    }
    74%,90% {
        opacity:1;
        transform:scale(1);
        box-shadow:0 0 0 10px rgba(37,200,117,.12);
    }
    100% {
        opacity:.18;
        transform:scale(.72);
    }
}
@keyframes officeRealStatusPulse {
    0% {
        box-shadow:0 0 0 0 rgba(246,183,26,.32);
    }
    70% {
        box-shadow:0 0 0 8px rgba(246,183,26,0);
    }
    100% {
        box-shadow:0 0 0 0 rgba(246,183,26,0);
    }
}
@media(max-width:991px) {
    .office-real-transfer-scene {
        grid-template-columns:165px minmax(0,1fr) 165px;
        gap:16px;
    }
    .office-real-photo {
        height:165px;
    }
    .office-real-moving-truck {
        width:175px;
    }
    @keyframes officeRealTruckDrive {
        0% {left:-210px;opacity:0}
        7% {left:1%;opacity:1}
        14%,22% {left:1%;opacity:1}
        72%,86% {left:calc(100% - 180px);opacity:1}
        94%,100% {left:108%;opacity:0}
    }
}
@media(max-width:767px) {
    .office-real-transfer-scene {
        grid-template-columns:1fr 1fr;
        gap:18px;
    }
    .office-real-location {
        min-width:0;
    }
    .office-real-photo {
        height:150px;
    }
    .office-real-route {
        grid-column:1/-1;
        grid-row:2;
        height:150px;
    }
    .office-real-location-start {
        grid-column:1;
        grid-row:1;
    }
    .office-real-location-end {
        grid-column:2;
        grid-row:1;
    }
    .office-real-location-dot {
        display:none;
    }
    .office-real-road {
        height:92px;
    }
    .office-real-moving-truck {
        width:155px;
    }
    .office-real-route-status {
        top:0;
        padding:5px 8px;
        font-size:9px;
    }
    @keyframes officeRealTruckDrive {
        0% {left:-175px;opacity:0}
        7% {left:1%;opacity:1}
        14%,22% {left:1%;opacity:1}
        72%,86% {left:calc(100% - 160px);opacity:1}
        94%,100% {left:108%;opacity:0}
    }
}
@media(max-width:575px) {
    .office-section-heading {
        margin-bottom:30px;
    }
    .office-real-transfer-scene {
        gap:12px;
    }
    .office-real-photo {
        height:125px;
        border-radius:12px;
    }
    .office-real-location-copy {
        left:10px;
        right:10px;
        bottom:9px;
    }
    .office-real-location-copy small {
        font-size:8px;
    }
    .office-real-location-copy strong {
        font-size:12px;
    }
    .office-real-arrival-check {
        top:8px;
        right:8px;
        width:29px;
        height:29px;
        border-width:2px;
        font-size:12px;
    }
    .office-real-route {
        height:125px;
    }
    .office-real-road {
        height:74px;
        border-radius:12px;
    }
    .office-real-road::before,
    .office-real-road::after {
        height:7px;
    }
    .office-real-road-edge-top {
        top:11px;
    }
    .office-real-road-edge-bottom {
        bottom:11px;
    }
    .office-real-road-line {
        height:3px;
        background:repeating-linear-gradient(90deg,#f5f4ea 0 28px,transparent 28px 48px);
    }
    .office-real-moving-truck {
        width:120px;
    }
    .office-real-route-status {
        display:none;
    }
    .office-transfer-status {
        grid-template-columns:1fr 1fr;
    }
    @keyframes officeRealTruckDrive {
        0% {left:-140px;opacity:0}
        7% {left:1%;opacity:1}
        14%,22% {left:1%;opacity:1}
        72%,86% {left:calc(100% - 124px);opacity:1}
        94%,100% {left:108%;opacity:0}
    }
}

/* Office Support */
.office-move-support {
    padding:75px 0;
    background:#f4f7f9;
}
.office-support-grid {
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:14px;
}
.office-support-card {
    position:relative;
    height:100%;
    padding:22px;
    background:#fff;
    border:1px solid var(--service-border);
    border-radius:14px;
    box-shadow:0 8px 22px rgba(7,28,44,.05);
    overflow:hidden;
    transition:.3s ease;
}
.office-support-card:hover {
    transform:translateY(-7px);
    box-shadow:0 17px 35px rgba(7,28,44,.1);
}
.support-code {
    position:absolute;
    right:14px;
    top:10px;
    color:rgba(227,6,19,.1);
    font-size:25px;
    font-weight:700;
}
.support-visual {
    position:relative;
    width:70px;
    height:65px;
    margin-bottom:15px;
}
.desk-top {
    position:absolute;
    left:4px;
    top:24px;
    width:60px;
    height:9px;
    background:#c28b53;
    border-radius:2px;
}
.desk-leg {
    position:absolute;
    top:32px;
    width:5px;
    height:29px;
    background:#82582f;
}
.leg-one {
    left:10px;
}
.leg-two {
    right:10px;
}
.support-box {
    position:absolute;
    left:5px;
    bottom:5px;
    width:40px;
    height:36px;
    background:#ca8840;
    border:2px solid #a86a2d;
    animation:supportBoxFloat 3s ease-in-out infinite;
}
.support-box-small {
    left:40px;
    bottom:6px;
    width:27px;
    height:25px;
    animation-delay:.6s;
}
.file-visual span {
    position:absolute;
    width:45px;
    height:13px;
    background:#eab56d;
    border-left:5px solid var(--service-red);
}
.file-one {
    left:5px;
    top:9px;
}
.file-two {
    left:11px;
    top:27px;
}
.file-three {
    left:17px;
    top:45px;
}
.location-ring {
    position:absolute;
    left:12px;
    top:7px;
    width:50px;
    height:50px;
    border:2px solid rgba(227,6,19,.18);
    border-radius:50%;
    animation:locationRingPulse 2.5s ease-out infinite;
}
.location-dot {
    position:absolute;
    left:31px;
    top:26px;
    width:12px;
    height:12px;
    background:var(--service-red);
    border-radius:50%;
}
.office-support-card h3 {
    color:var(--service-navy);
    font-size:16px;
    font-weight:600;
}
.office-support-card p {
    color:var(--service-muted);
    font-size:13px;
    line-height:1.7;
    margin:0;
}
.support-scan {
    position:absolute;
    left:0;
    bottom:0;
    width:0;
    height:3px;
    background:linear-gradient(90deg,var(--service-red),#ff9299);
    transition:width .5s ease;
}
.office-support-card:hover .support-scan {
    width:100%;
}

/* Business Status */
.business-status-section {
    padding:75px 0;
    background:#fff;
}
.business-status-panel {
    padding:35px;
    color:#fff;
    background:
        linear-gradient(rgba(7,28,44,.95),rgba(7,28,44,.95)),
        repeating-linear-gradient(0deg,transparent 0 29px,rgba(255,255,255,.03) 30px);
    border-radius:18px;
    box-shadow:0 20px 50px rgba(7,28,44,.15);
}
.status-panel-heading {
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:20px;
    margin-bottom:38px;
}
.status-panel-heading h2 {
    color:#fff;
    font-size:25px;
    font-weight:700;
    margin:0;
}
.live-indicator {
    display:flex;
    align-items:center;
    gap:7px;
    color:#7f9cac;
    font-size:9px;
    letter-spacing:1px;
}
.live-indicator span {
    width:8px;
    height:8px;
    background:#4ce18b;
    border-radius:50%;
    animation:officeDotPulse 2s infinite;
}
.business-status-track {
    position:relative;
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:20px;
}
.business-status-line {
    position:absolute;
    left:10%;
    right:10%;
    top:35px;
    height:2px;
    background:#244858;
}
.business-stage {
    position:relative;
    z-index:2;
    text-align:center;
}
.business-stage-icon {
    width:70px;
    height:70px;
    display:flex;
    align-items:center;
    justify-content:center;
    margin:0 auto 12px;
    background:#0d3144;
    border:1px solid #285269;
    border-radius:50%;
}
.business-stage small,.business-stage strong,.business-stage em {
    display:block;
}
.business-stage small {
    color:#ff6871;
    font-size:9px;
}
.business-stage strong {
    color:#fff;
    font-size:14px;
}
.business-stage em {
    color:#708d9c;
    font-size:9px;
    font-style:normal;
}
.stage-building-icon {
    width:27px;
    height:35px;
    background:#4a7083;
    box-shadow:inset 7px 0 #7593a2,inset -7px 0 #7593a2;
}
.stage-box-icon {
    width:28px;
    height:27px;
    background:#c98943;
    border:2px solid #e0ad69;
}
.stage-truck-icon {
    position:relative;
    width:30px;
    height:18px;
    background:var(--service-red);
}
.stage-truck-icon::after {
    content:"";
    position:absolute;
    right:-10px;
    bottom:0;
    width:12px;
    height:13px;
    background:#ff7635;
}
.stage-check-icon {
    color:#4de18d;
    font-size:25px;
    font-style:normal;
}
.business-flow-dot {
    position:absolute;
    left:10%;
    top:31px;
    width:10px;
    height:10px;
    background:#ff4e58;
    border-radius:50%;
    box-shadow:0 0 10px #ff4e58;
    z-index:4;
    animation:businessFlow 6s ease-in-out infinite;
}

/* Process */
.office-process-section {
    padding:75px 0;
    background:#f4f7f9;
}
.office-process-grid {
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:14px;
}
.office-process-card {
    position:relative;
    padding:24px 20px;
    background:#fff;
    border:1px solid var(--service-border);
    border-radius:14px;
    box-shadow:0 7px 20px rgba(7,28,44,.05);
    overflow:hidden;
    transition:.3s ease;
}
.office-process-card:hover {
    transform:translateY(-6px);
    border-color:rgba(227,6,19,.22);
}
.office-process-number {
    position:absolute;
    right:15px;
    top:10px;
    color:rgba(227,6,19,.1);
    font-size:25px;
    font-weight:700;
}
.office-process-symbol {
    position:relative;
    width:54px;
    height:54px;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-bottom:14px;
    background:#fff0f1;
    border-radius:50%;
}
.planning-symbol {
    flex-direction:column;
    gap:4px;
}
.planning-symbol i {
    width:22px;
    height:3px;
    background:var(--service-red);
}
.package-symbol i {
    width:27px;
    height:25px;
    background:#ca8841;
    border:2px solid #aa692d;
    animation:supportBoxFloat 3s ease-in-out infinite;
}
.transport-symbol i {
    position:relative;
    width:29px;
    height:17px;
    background:var(--service-red);
}
.transport-symbol i::after {
    content:"";
    position:absolute;
    right:-9px;
    bottom:0;
    width:11px;
    height:12px;
    background:#ff7331;
}
.ready-symbol i {
    color:#26b96c;
    font-size:24px;
    font-style:normal;
}
.office-process-card h3 {
    color:var(--service-navy);
    font-size:16px;
    font-weight:600;
}
.office-process-card p {
    color:var(--service-muted);
    font-size:13px;
    line-height:1.7;
    margin:0;
}

/* Destination */
.office-destination-section {
    padding:70px 0;
    background:#fff;
}
.office-destination-box {
    display:grid;
    grid-template-columns:1fr 330px;
    gap:40px;
    align-items:center;
    padding:38px;
    color:#fff;
    background:linear-gradient(110deg,#071c2c,#0c354b 68%,#5d0910);
    border-radius:18px;
    overflow:hidden;
}
.office-destination-copy h2 {
    color:#fff;
    font-size:25px;
    font-weight:700;
    line-height:1.4;
}
.office-destination-copy p {
    color:#c9d6dd;
    font-size:15px;
    line-height:1.7;
    margin:0;
}
.destination-office-animation {
    position:relative;
    min-height:210px;
}
.destination-tower {
    position:absolute;
    left:65px;
    bottom:0;
    width:125px;
    height:190px;
    display:grid;
    grid-template-columns:repeat(2,1fr);
    grid-template-rows:repeat(4,1fr);
    gap:8px;
    padding:20px 17px 32px;
    background:#153b50;
    border:1px solid rgba(255,255,255,.13);
}
.tower-light {
    background:#263f4e;
    border:2px solid #628395;
    animation:towerLightsOn 5s ease-in-out infinite;
}
.tower-light:nth-child(2) {
    animation-delay:.3s;
}
.tower-light:nth-child(3) {
    animation-delay:.6s;
}
.tower-light:nth-child(4) {
    animation-delay:.9s;
}
.tower-light:nth-child(5) {
    animation-delay:1.2s;
}
.tower-light:nth-child(6) {
    animation-delay:1.5s;
}
.tower-light:nth-child(7) {
    animation-delay:1.8s;
}
.tower-light:nth-child(8) {
    animation-delay:2.1s;
}
.tower-entry {
    position:absolute;
    left:49px;
    bottom:0;
    width:28px;
    height:29px;
    background:#6f91a0;
}
.destination-office-pin {
    position:absolute;
    left:176px;
    top:0;
    width:29px;
    height:29px;
    background:#28d47b;
    border:5px solid #fff;
    border-radius:50% 50% 50% 0;
    transform:rotate(-45deg);
    animation:destinationOfficePin 2s ease-in-out infinite;
}
.destination-ready-tag {
    position:absolute;
    right:10px;
    top:75px;
    display:flex;
    align-items:center;
    gap:7px;
    padding:8px 11px;
    color:#fff;
    background:rgba(38,201,116,.14);
    border:1px solid rgba(38,201,116,.3);
    border-radius:6px;
    font-size:9px;
    font-weight:600;
    letter-spacing:1px;
}
.destination-ready-tag span {
    width:7px;
    height:7px;
    background:#31dd86;
    border-radius:50%;
    box-shadow:0 0 8px #31dd86;
}

/* Office Animations */
@keyframes officeVerticalScan {
    0% {
        transform:translateY(-100%);
        opacity:0;
    }
    20%,80% {
        opacity:1;
    }
    100% {
        transform:translateY(100%);
        opacity:0;
    }
}
@keyframes officeDotPulse {
    0%,100% {
        opacity:.6;
        transform:scale(1);
    }
    50% {
        opacity:1;
        transform:scale(1.35);
    }
}
@keyframes officeImageScan {
    0%,100% {
        top:0;
        opacity:0;
    }
    10% {
        opacity:1;
    }
    90% {
        opacity:1;
    }
    100% {
        top:100%;
        opacity:0;
    }
}
@keyframes officeFloatTag {
    0%,100% {
        transform:translateY(0);
    }
    50% {
        transform:translateY(-7px);
    }
}
@keyframes blueprintRoute {
    to {
        background-position:18px 0;
    }
}
@keyframes blueprintPulseTravel {
    0%,100% {
        left:20%;
    }
    50% {
        left:75%;
    }
}
@keyframes currentOfficeLights {
    0%,25% {
        background:#f6c84d;
        box-shadow:0 0 10px rgba(246,200,77,.35);
    }
    55%,100% {
        background:#263f4e;
        box-shadow:none;
    }
}
@keyframes newOfficeLights {
    0%,50% {
        background:#263f4e;
        box-shadow:none;
    }
    75%,100% {
        background:#f6c84d;
        box-shadow:0 0 12px rgba(246,200,77,.4);
    }
}
@keyframes officeRouteMove {
    to {
        stroke-dashoffset:-38;
    }
}
@keyframes transferPulseMove {
    0% {
        left:3%;
        top:110px;
        opacity:0;
    }
    10% {
        opacity:1;
    }
    50% {
        left:48%;
        top:72px;
    }
    90% {
        opacity:1;
    }
    100% {
        left:94%;
        top:55px;
        opacity:0;
    }
}
@keyframes officeTruckTransfer {
    0%,12% {
        left:3%;
        top:112px;
    }
    50% {
        left:48%;
        top:78px;
    }
    88%,100% {
        left:88%;
        top:56px;
    }
}
@keyframes supportBoxFloat {
    0%,100% {
        transform:translateY(0);
    }
    50% {
        transform:translateY(-6px);
    }
}
@keyframes locationRingPulse {
    0% {
        opacity:.7;
        transform:scale(.7);
    }
    100% {
        opacity:0;
        transform:scale(1.45);
    }
}
@keyframes businessFlow {
    0%,10% {
        left:10%;
    }
    35% {
        left:35%;
    }
    65% {
        left:65%;
    }
    90%,100% {
        left:89%;
    }
}
@keyframes towerLightsOn {
    0%,25% {
        background:#263f4e;
        box-shadow:none;
    }
    45%,100% {
        background:#f2c449;
        box-shadow:0 0 10px rgba(242,196,73,.38);
    }
}
@keyframes destinationOfficePin {
    0%,100% {
        box-shadow:0 0 0 0 rgba(40,212,123,.35);
    }
    50% {
        box-shadow:0 0 0 14px rgba(40,212,123,0);
    }
}

/* Office Responsive */
@media(max-width:1199px) {
    .office-support-grid,.office-process-grid {
        grid-template-columns:repeat(2,1fr);
    }
}
@media(max-width:991px) {
    .office-premium-hero {
        padding:55px 0;
    }
    .office-hero-visual {
        margin-top:10px;
    }
    .office-transfer-scene {
        grid-template-columns:115px 1fr 115px;
    }
    .office-building {
        transform:scale(.78);
    }
    .office-transfer-status {
        grid-template-columns:repeat(2,1fr);
    }
    .business-status-track {
        gap:10px;
    }
    .office-destination-box {
        grid-template-columns:1fr;
    }
    .destination-office-animation {
        max-width:330px;
        width:100%;
        margin:0 auto;
    }
}
@media(max-width:767px) {
    .office-premium-hero .service-hero-content h1,.office-section-heading h2,.status-panel-heading h2,.office-destination-copy h2 {
        font-size:23px;
    }
    .office-scan-card,.office-floating-label {
        display:none;
    }
    .office-planning-section,.office-pulse-section,.office-move-support,.business-status-section,.office-process-section,.office-destination-section {
        padding:50px 0;
    }
    .office-blueprint {
        min-height:330px;
    }
    .office-transfer-scene {
        grid-template-columns:85px 1fr 85px;
        min-height:230px;
    }
    .office-building {
        transform:scale(.6);
    }
    .office-transfer-route {
        height:170px;
    }
    .office-transfer-truck {
        transform:scale(.8);
    }
    .office-support-grid,.office-process-grid {
        grid-template-columns:1fr;
    }
    .business-status-panel {
        padding:25px 18px;
    }
    .status-panel-heading {
        flex-direction:column;
        align-items:flex-start;
    }
    .business-status-track {
        grid-template-columns:repeat(2,1fr);
        gap:25px 10px;
    }
    .business-status-line,.business-flow-dot {
        display:none;
    }
}
@media(max-width:575px) {
    .office-premium-hero .service-hero-content h1,.office-section-heading h2,.status-panel-heading h2,.office-destination-copy h2 {
        font-size:22px;
    }
    .office-status-pills {
        display:grid;
        grid-template-columns:1fr;
    }
    .office-planning-points {
        grid-template-columns:1fr;
    }
    .office-transfer-scene {
        display:block;
        min-height:470px;
    }
    .current-office {
        position:absolute;
        left:0;
        top:10px;
        transform:scale(.62);
        transform-origin:left top;
    }
    .destination-office {
        position:absolute;
        right:0;
        bottom:10px;
        transform:scale(.62);
        transform-origin:right bottom;
    }
    .office-transfer-route {
        position:absolute;
        left:60px;
        right:60px;
        top:120px;
        height:230px;
        transform:rotate(90deg);
    }
    .office-transfer-truck {
        animation:none;
        left:45%;
        top:90px;
    }
    .transfer-pulse {
        display:none;
    }
    .office-transfer-status {
        grid-template-columns:1fr 1fr;
    }
    .business-status-track {
        grid-template-columns:1fr;
    }
    .business-stage {
        display:flex;
        align-items:center;
        gap:12px;
        text-align:left;
    }
    .business-stage-icon {
        flex:0 0 55px;
        width:55px;
        height:55px;
        margin:0;
    }
    .office-destination-box {
        padding:25px 20px;
    }
}

/* Loading Journey - Real Road + Sai Associate Truck */
.sai-loading-journey {
    --loading-truck-left:62px;
    --loading-truck-right:calc(100% - 285px);
    --loading-box-jump-x:72px;
    --loading-box-jump-y:-54px;
    --loading-box-load-x:158px;
    --loading-box-load-y:-42px;
    --loading-box-enter-x:178px;
    --loading-box-enter-y:-19px;
    position:relative;
    width:100%;
    height:210px;
    overflow:hidden;
}
.sai-loading-real-road {
    position:absolute;
    left:0;
    right:0;
    bottom:14px;
    height:126px;
    overflow:hidden;
    background:
        linear-gradient(180deg,rgba(255,255,255,.035),rgba(0,0,0,.17)),
        radial-gradient(circle at 15% 25%,rgba(255,255,255,.075) 0 1px,transparent 1.7px),
        radial-gradient(circle at 64% 68%,rgba(0,0,0,.22) 0 1px,transparent 1.8px),
        radial-gradient(circle at 86% 22%,rgba(255,255,255,.05) 0 1px,transparent 1.5px),
        #3b4045;
    background-size:100% 100%,18px 19px,23px 25px,29px 31px,auto;
    border-radius:18px;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.08),
        inset 0 -10px 22px rgba(0,0,0,.2),
        0 16px 34px rgba(0,0,0,.25);
}
.sai-loading-real-road::before,
.sai-loading-real-road::after {
    content:"";
    position:absolute;
    left:0;
    right:0;
    height:11px;
    background:linear-gradient(180deg,#95999c,#d4d5d6 45%,#777b7e 46%,#55595c 100%);
    box-shadow:0 1px 0 rgba(255,255,255,.42),0 -1px 0 rgba(0,0,0,.25);
}
.sai-loading-real-road::before {top:0;}
.sai-loading-real-road::after {bottom:0;transform:scaleY(-1);}
.sai-loading-road-edge,
.sai-loading-road-centerline {
    position:absolute;
    left:0;
    right:0;
    z-index:2;
    display:block;
}
.sai-loading-road-edge {
    height:3px;
    background:rgba(255,255,255,.9);
    box-shadow:0 0 3px rgba(255,255,255,.22);
}
.sai-loading-road-edge-top {top:19px;}
.sai-loading-road-edge-bottom {bottom:19px;}
.sai-loading-road-centerline {
    top:50%;
    height:5px;
    transform:translateY(-50%);
    background:repeating-linear-gradient(90deg,#f5f4eb 0 42px,transparent 42px 74px);
    filter:drop-shadow(0 1px 0 rgba(0,0,0,.3));
}
.sai-loading-real-box {
    position:absolute;
    left:18px;
    bottom:45px;
    z-index:8;
    width:68px;
    height:66px;
    overflow:hidden;
    background:
        linear-gradient(90deg,rgba(92,51,21,.15),transparent 12%,transparent 86%,rgba(92,51,21,.16)),
        linear-gradient(145deg,#c98b4d 0%,#dfa86d 46%,#b87539 100%);
    border:1px solid #9a632e;
    border-radius:4px;
    box-shadow:0 12px 18px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.25),inset -6px -8px 15px rgba(91,50,21,.12);
    transform-origin:center bottom;
    will-change:transform,opacity;
    animation:saiLoadingBoxJourney 12s cubic-bezier(.45,0,.2,1) infinite;
}
.sai-loading-real-box::before {
    content:"";
    position:absolute;
    left:50%;
    top:0;
    bottom:0;
    width:11px;
    transform:translateX(-50%);
    background:linear-gradient(90deg,#c59b68,#e7c895 50%,#bd8e59);
    box-shadow:inset 1px 0 rgba(255,255,255,.35),inset -1px 0 rgba(91,50,21,.18);
}
.sai-loading-real-box::after {
    content:"";
    position:absolute;
    left:0;
    right:0;
    top:17px;
    height:2px;
    background:rgba(92,51,21,.28);
    box-shadow:0 23px 0 rgba(255,255,255,.1);
}
.sai-loading-box-tape {
    position:absolute;
    left:0;
    right:0;
    top:29px;
    z-index:2;
    height:8px;
    background:linear-gradient(180deg,rgba(231,203,155,.9),rgba(185,139,84,.92));
    box-shadow:0 1px rgba(255,255,255,.3),0 -1px rgba(104,65,29,.2);
}
.sai-loading-box-wrap {
    position:absolute;
    inset:0;
    z-index:3;
    border-radius:4px;
    background:
        linear-gradient(110deg,transparent 0 17%,rgba(255,255,255,.23) 18% 21%,transparent 22% 46%,rgba(255,255,255,.15) 47% 50%,transparent 51%),
        repeating-linear-gradient(0deg,rgba(255,255,255,.035) 0 4px,rgba(255,255,255,.1) 5px,transparent 6px 12px);
    border:1px solid rgba(255,255,255,.13);
    pointer-events:none;
}
.sai-loading-moving-truck {
    position:absolute;
    left:-300px;
    bottom:8px;
    z-index:6;
    width:255px;
    opacity:0;
    pointer-events:none;
    will-change:left,opacity;
    animation:saiLoadingTruckJourney 12s cubic-bezier(.45,0,.2,1) infinite;
}
.sai-loading-moving-truck img {
    width:100%;
    height:auto;
    max-height:none;
    display:block;
    object-fit:contain;
    filter:drop-shadow(0 10px 9px rgba(0,0,0,.32));
}
@keyframes saiLoadingTruckJourney {
    0% {left:-300px;opacity:0;}
    5% {left:var(--loading-truck-left);opacity:1;}
    8%,36% {left:var(--loading-truck-left);opacity:1;}
    72%,92% {left:var(--loading-truck-right);opacity:1;}
    96% {left:var(--loading-truck-right);opacity:0;}
    100% {left:-300px;opacity:0;}
}
@keyframes saiLoadingBoxJourney {
    0%,11% {opacity:1;transform:translate3d(0,0,0) rotate(0) scale(1);}
    18% {opacity:1;transform:translate3d(var(--loading-box-jump-x),var(--loading-box-jump-y),0) rotate(-3deg) scale(.96);}
    25% {opacity:1;transform:translate3d(var(--loading-box-load-x),var(--loading-box-load-y),0) rotate(2deg) scale(.76);}
    31% {opacity:.2;transform:translate3d(var(--loading-box-enter-x),var(--loading-box-enter-y),0) rotate(0) scale(.43);}
    33%,100% {opacity:0;transform:translate3d(var(--loading-box-enter-x),var(--loading-box-enter-y),0) rotate(0) scale(.43);}
}
@media(max-width:991px) {
    .sai-loading-journey {
        --loading-truck-left:70px;
        --loading-truck-right:calc(100% - 275px);
        height:205px;
        margin-top:8px;
    }
    .sai-loading-moving-truck {width:245px;}
}
@media(max-width:767px) {
    .sai-loading-journey {
        --loading-truck-left:42px;
        --loading-truck-right:calc(100% - 220px);
        --loading-box-jump-x:55px;
        --loading-box-jump-y:-42px;
        --loading-box-load-x:118px;
        --loading-box-load-y:-34px;
        --loading-box-enter-x:136px;
        --loading-box-enter-y:-16px;
        height:180px;
    }
    .sai-loading-real-road {bottom:10px;height:105px;border-radius:14px;}
    .sai-loading-moving-truck {width:200px;bottom:8px;}
    .sai-loading-real-box {left:10px;bottom:36px;width:58px;height:56px;}
    .sai-loading-road-edge-top {top:16px;}
    .sai-loading-road-edge-bottom {bottom:16px;}
    .sai-loading-road-centerline {height:4px;background:repeating-linear-gradient(90deg,#f5f4eb 0 32px,transparent 32px 56px);}
}
@media(max-width:575px) {
    .sai-loading-journey {
        --loading-truck-left:28px;
        --loading-truck-right:calc(100% - 170px);
        --loading-box-jump-x:42px;
        --loading-box-jump-y:-35px;
        --loading-box-load-x:88px;
        --loading-box-load-y:-29px;
        --loading-box-enter-x:102px;
        --loading-box-enter-y:-13px;
        height:150px;
    }
    .sai-loading-real-road {bottom:7px;height:88px;border-radius:12px;}
    .sai-loading-real-road::before,.sai-loading-real-road::after {height:8px;}
    .sai-loading-moving-truck {width:155px;bottom:7px;}
    .sai-loading-real-box {left:7px;bottom:29px;width:47px;height:46px;}
    .sai-loading-box-tape {top:20px;height:6px;}
    .sai-loading-road-edge-top {top:13px;}
    .sai-loading-road-edge-bottom {bottom:13px;}
    .sai-loading-road-centerline {height:3px;background:repeating-linear-gradient(90deg,#f5f4eb 0 24px,transparent 24px 42px);}
}