*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;color:#14213b;background:#f7f9fc}a{text-decoration:none;color:inherit}button{font:inherit}.shell{width:min(1180px,calc(100% - 40px));margin:auto}.topbar{height:38px;background:#071a3e;color:#dbe7ff;font-size:12px;letter-spacing:.08em}.topbar .shell{height:100%;display:flex;align-items:center;justify-content:space-between}.topbar a{margin-left:24px}header{position:absolute;z-index:30;top:38px;width:100%;border-bottom:1px solid #ffffff26;transition:.3s}header.scrolled{position:fixed;top:0;background:#061a3aee;backdrop-filter:blur(18px);box-shadow:0 10px 40px #0003}.nav{height:86px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px;color:#fff}.brand b{font-size:19px;letter-spacing:.08em}.brand i{color:#ef3340;font-style:normal}.mark{width:52px;height:52px;border:2px solid #ffffff40;display:grid;place-items:center;font-size:24px;font-weight:900;transform:skew(-8deg);background:#ffffff10}.mark span{color:#ef3340}.nav nav{display:flex;align-items:center;gap:30px;color:#fff;font-weight:600;font-size:14px}.enquire,.btn{border:0;cursor:pointer}.enquire{padding:13px 19px;border-radius:9px;background:#e82332;color:#fff;font-weight:700;box-shadow:0 8px 25px #e8233244}.menu{display:none;background:none;border:0;color:#fff;font-size:28px}.hero{height:calc(100vh - 0px);min-height:720px;position:relative;background:#071a3e;overflow:hidden}.slides,.slide{position:absolute;inset:0}.slide{opacity:0;transition:opacity .9s;background-size:cover;background-position:center}.slide.active{opacity:1}.hero-copy{height:100%;display:flex;justify-content:center;flex-direction:column;color:#fff;max-width:1180px;padding-top:80px}.eyebrow,.section-kicker{font-size:12px;letter-spacing:.2em;font-weight:800;color:#ef3340}.hero h1{font-size:clamp(48px,6vw,86px);line-height:.96;max-width:850px;margin:20px 0 24px;letter-spacing:-.045em}.hero p{max-width:660px;font-size:19px;line-height:1.7;color:#dce6f6}.hero-actions{display:flex;gap:12px;margin-top:22px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:15px 22px;border-radius:9px;font-weight:750}.primary{background:linear-gradient(135deg,#0d4a9a,#082d78 65%,#d71920 180%);color:#fff;box-shadow:0 12px 30px #062b6a38}.glass{background:#ffffff12;color:#fff;border:1px solid #ffffff3b;backdrop-filter:blur(10px)}.dots{position:absolute;right:4%;top:50%;display:grid;gap:10px}.dots button{width:4px;height:34px;border:0;background:#ffffff4f}.dots button.active{background:#ef3340}.hero-strip{position:absolute;bottom:0;right:0;width:min(720px,65%);display:grid;grid-template-columns:repeat(3,1fr);background:#071a3ee8;color:#fff;backdrop-filter:blur(16px)}.hero-strip div{padding:22px;border-left:1px solid #ffffff18}.hero-strip b,.hero-strip span{display:block}.hero-strip span{font-size:12px;color:#aebbd0;margin-top:6px}.section{padding:110px 0}.split{display:grid;grid-template-columns:1.1fr .9fr;gap:70px;align-items:center}.section h2,.cta h2{font-size:clamp(36px,4vw,58px);line-height:1.05;letter-spacing:-.04em;margin:14px 0 22px}.section p{color:#637087;line-height:1.8;font-size:17px}.feature-panel{padding:50px;border-radius:24px;color:#fff;background:linear-gradient(145deg,#092f70,#071a3e);box-shadow:0 30px 70px #071a3e2b}.feature-panel>span{font-size:76px;font-weight:900;color:#ffffff12}.feature-panel h3{font-size:30px}.feature-panel p{color:#c8d5e9}.dark{background:#06162f;color:#fff}.dark h2{max-width:650px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:50px}.cards article{padding:32px 25px;border:1px solid #ffffff14;background:#ffffff08;border-radius:16px;transition:.3s}.cards article:hover{transform:translateY(-8px);background:#0d2b58}.cards i{color:#ef3340;font-style:normal;font-weight:800}.cards p{font-size:14px;color:#aebbd0}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:40px}.gallery figure{height:320px;margin:0;position:relative;overflow:hidden;border-radius:16px;background:#dde4ef}.gallery img{width:100%;height:100%;object-fit:cover;transition:.5s}.gallery figure:hover img{transform:scale(1.06)}.gallery figcaption{position:absolute;left:0;right:0;bottom:0;padding:40px 22px 20px;color:#fff;background:linear-gradient(transparent,#06162fdd)}.gallery figcaption span{display:block;font-size:12px;margin-top:5px;color:#d0daea}.empty{padding:40px;background:#fff;border-radius:16px}.cta{padding:70px 0;background:linear-gradient(110deg,#d71920,#a30f18);color:#fff}.cta .shell{display:flex;align-items:center;justify-content:space-between}.cta h2{margin:7px 0}.white{background:#fff;color:#071a3e}.contact-card{background:#fff;border-radius:20px;padding:40px;box-shadow:0 25px 70px #0a214014;display:grid;gap:18px}.contact-card a{font-size:18px;font-weight:700}footer{padding:40px 0;background:#041127;color:#aebbd0}footer .shell{display:flex;justify-content:space-between;align-items:center}footer .mark{width:42px;height:42px}.modal{position:fixed;z-index:100;inset:0;background:#031128cc;display:none;place-items:center;padding:20px;backdrop-filter:blur(12px)}.modal.open{display:grid}.modal-card{width:min(650px,100%);background:#fff;border-radius:24px;padding:45px;position:relative;box-shadow:0 40px 100px #0006}.close{position:absolute;right:20px;top:15px;border:0;background:none;font-size:34px;color:#6a7485}.modal-card h2{font-size:34px;margin:10px 0 25px}.modal label{display:grid;gap:7px;font-size:13px;font-weight:700;margin-bottom:15px}.modal input,.modal textarea{width:100%;border:1px solid #dce2eb;border-radius:9px;padding:13px;background:#f8fafd;outline:none}.modal input:focus,.modal textarea:focus{border-color:#1557ba;box-shadow:0 0 0 3px #1557ba16}.modal .grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}#formMsg{font-size:13px;margin:12px 0 0}@media(max-width:850px){.topbar{display:none}header{top:0}.nav nav{display:none;position:absolute;top:86px;left:20px;right:20px;padding:25px;background:#071a3ef5;border-radius:14px;flex-direction:column;align-items:stretch}.nav nav.open{display:flex}.menu{display:block}.hero{min-height:700px}.hero-strip{width:100%;grid-template-columns:repeat(3,1fr)}.split{grid-template-columns:1fr;gap:35px}.cards{grid-template-columns:1fr 1fr}.gallery{grid-template-columns:1fr 1fr}.cta .shell,footer .shell{gap:25px;align-items:flex-start;flex-direction:column}}@media(max-width:560px){.shell{width:min(100% - 28px,1180px)}.hero h1{font-size:45px}.hero p{font-size:16px}.hero-actions{flex-direction:column;align-items:stretch}.hero-strip span{display:none}.hero-strip div{padding:15px 8px;text-align:center}.section{padding:75px 0}.cards,.gallery,.modal .grid{grid-template-columns:1fr}.gallery figure{height:280px}.modal-card{padding:35px 22px}}
/* =========================================================
   KAYAK SERVICES - FLOATING ACTION BUTTONS
   ========================================================= */

/* ---------- WHATSAPP ---------- */

.float-whatsapp {
    position: fixed;
    left: 26px;
    bottom: 26px;

    width: 60px;
    height: 60px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;

    background:
        linear-gradient(
            135deg,
            #2ee66b 0%,
            #19b957 100%
        );

    color: #fff;

    box-shadow:
        0 12px 35px rgba(0, 0, 0, .22),
        0 5px 16px rgba(37, 211, 102, .38);

    z-index: 999;

    text-decoration: none;

    transition:
        transform .25s ease,
        box-shadow .25s ease;
}

.float-whatsapp svg {
    width: 31px;
    height: 31px;

    position: relative;
    z-index: 2;
}

.float-whatsapp:hover {
    transform:
        translateY(-5px)
        scale(1.06);

    box-shadow:
        0 18px 42px rgba(0, 0, 0, .25),
        0 8px 24px rgba(37, 211, 102, .45);
}

/* WhatsApp pulse */

.whatsapp-pulse {
    position: absolute;

    width: 100%;
    height: 100%;

    border-radius: 50%;

    border: 2px solid rgba(37, 211, 102, .7);

    animation:
        kayakWhatsappPulse 2.2s
        infinite;
}

@keyframes kayakWhatsappPulse {

    0% {
        transform: scale(.9);
        opacity: .9;
    }

    70% {
        transform: scale(1.55);
        opacity: 0;
    }

    100% {
        transform: scale(1.55);
        opacity: 0;
    }
}


/* ---------- WHATSAPP TOOLTIP ---------- */

.float-tooltip {
    position: absolute;

    left: 74px;
    top: 50%;

    transform:
        translateY(-50%)
        translateX(-8px);

    background: #071a3c;

    color: #fff;

    white-space: nowrap;

    font-size: 12px;
    font-weight: 700;

    letter-spacing: .2px;

    padding: 9px 13px;

    border-radius: 8px;

    box-shadow:
        0 8px 24px rgba(0, 0, 0, .18);

    opacity: 0;
    visibility: hidden;

    transition: .25s ease;

    pointer-events: none;
}

.float-tooltip::before {
    content: "";

    position: absolute;

    left: -5px;
    top: 50%;

    width: 10px;
    height: 10px;

    background: #071a3c;

    transform:
        translateY(-50%)
        rotate(45deg);
}

.float-whatsapp:hover .float-tooltip {
    opacity: 1;
    visibility: visible;

    transform:
        translateY(-50%)
        translateX(0);
}


/* =========================================================
   BACK TO TOP
   ========================================================= */

.back-to-top {
    position: fixed;

    right: 26px;
    bottom: 26px;

    width: 54px;
    height: 54px;

    display: flex;
    align-items: center;
    justify-content: center;

    border: 1px solid rgba(255,255,255,.18);

    border-radius: 16px;

    background:
        linear-gradient(
            145deg,
            #092f79,
            #061d50
        );

    color: #fff;

    cursor: pointer;

    z-index: 999;

    box-shadow:
        0 12px 32px rgba(3, 18, 52, .28);

    opacity: 0;

    visibility: hidden;

    transform:
        translateY(20px)
        scale(.85);

    transition:
        opacity .3s ease,
        visibility .3s ease,
        transform .3s ease,
        box-shadow .3s ease;
}


/* visible after scrolling */

.back-to-top.show {
    opacity: 1;
    visibility: visible;

    transform:
        translateY(0)
        scale(1);
}


/* arrow */

.back-to-top svg {
    width: 23px;
    height: 23px;

    fill: none;

    stroke: currentColor;

    stroke-width: 2;

    stroke-linecap: round;
    stroke-linejoin: round;

    position: relative;

    z-index: 3;

    transition:
        transform .25s ease;
}

.back-to-top:hover {
    transform:
        translateY(-5px)
        scale(1.04);

    background:
        linear-gradient(
            145deg,
            #d71920,
            #a90e18
        );

    box-shadow:
        0 16px 36px rgba(215, 25, 32, .30);
}

.back-to-top:hover svg {
    transform: translateY(-3px);
}


/* subtle glass highlight */

.back-to-top::before {
    content: "";

    position: absolute;

    inset: 1px;

    border-radius: 14px;

    background:
        linear-gradient(
            145deg,
            rgba(255,255,255,.13),
            transparent 45%
        );

    pointer-events: none;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 768px) {

    .float-whatsapp {
        width: 54px;
        height: 54px;

        left: 17px;
        bottom: 40px;
    }

    .float-whatsapp svg {
        width: 28px;
        height: 28px;
    }

    .back-to-top {
        width: 50px;
        height: 50px;

        right: 17px;
        bottom: 40px;

        border-radius: 14px;
    }

    .float-tooltip {
        display: none;
    }
}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,"Segoe UI",Arial,sans-serif;color:#14213b;background:#f7f9fc}a{text-decoration:none;color:inherit}button{font:inherit}.shell{width:min(1180px,calc(100% - 40px));margin:auto}.topbar{height:38px;background:#071a3e;color:#dbe7ff;font-size:12px;letter-spacing:.08em}.topbar .shell{height:100%;display:flex;align-items:center;justify-content:space-between}.topbar a{margin-left:24px}header{position:absolute;z-index:30;top:38px;width:100%;border-bottom:1px solid #ffffff26;transition:.3s}header.scrolled{position:fixed;top:0;background:#061a3aee;backdrop-filter:blur(18px);box-shadow:0 10px 40px #0003}.nav{height:86px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px;color:#fff}.brand b{font-size:19px;letter-spacing:.08em}.brand i{color:#ef3340;font-style:normal}.mark{width:52px;height:52px;border:2px solid #ffffff40;display:grid;place-items:center;font-size:24px;font-weight:900;transform:skew(-8deg);background:#ffffff10}.mark span{color:#ef3340}.nav nav{display:flex;align-items:center;gap:30px;color:#fff;font-weight:600;font-size:14px}.enquire,.btn{border:0;cursor:pointer}.enquire{padding:13px 19px;border-radius:9px;background:#e82332;color:#fff;font-weight:700;box-shadow:0 8px 25px #e8233244}.menu{display:none;background:none;border:0;color:#fff;font-size:28px}.hero{height:100vh;min-height:720px;position:relative;background:#071a3e;overflow:hidden}.slides,.slide{position:absolute;inset:0}.slide{opacity:0;transition:opacity .9s;background-size:cover;background-position:center}.slide.active{opacity:1}.hero-copy{height:100%;display:flex;justify-content:center;flex-direction:column;color:#fff;max-width:1180px;padding-top:80px}.eyebrow,.section-kicker{font-size:12px;letter-spacing:.2em;font-weight:800;color:#ef3340}.hero h1{font-size:clamp(48px,6vw,86px);line-height:.96;max-width:850px;margin:20px 0 24px;letter-spacing:-.045em}.hero p{max-width:660px;font-size:19px;line-height:1.7;color:#dce6f6}.hero-actions{display:flex;gap:12px;margin-top:22px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:15px 22px;border-radius:9px;font-weight:750}.primary{background:linear-gradient(135deg,#0d4a9a,#082d78 65%,#d71920 180%);color:#fff;box-shadow:0 12px 30px #062b6a38}.glass{background:#ffffff12;color:#fff;border:1px solid #ffffff3b;backdrop-filter:blur(10px)}.dots{position:absolute;right:4%;top:50%;display:grid;gap:10px}.dots button{width:4px;height:34px;border:0;background:#ffffff4f;cursor:pointer}.dots button.active{background:#ef3340}.hero-strip{position:absolute;bottom:0;right:0;width:min(720px,65%);display:grid;grid-template-columns:repeat(3,1fr);background:#071a3ee8;color:#fff;backdrop-filter:blur(16px)}.hero-strip div{padding:22px;border-left:1px solid #ffffff18}.hero-strip b,.hero-strip span{display:block}.hero-strip span{font-size:12px;color:#aebbd0;margin-top:6px}.section{padding:110px 0}.split{display:grid;grid-template-columns:1.1fr .9fr;gap:70px;align-items:center}.section h2,.cta h2{font-size:clamp(36px,4vw,58px);line-height:1.05;letter-spacing:-.04em;margin:14px 0 22px}.section p{color:#637087;line-height:1.8;font-size:17px}.feature-panel{padding:50px;border-radius:24px;color:#fff;background:linear-gradient(145deg,#092f70,#071a3e);box-shadow:0 30px 70px #071a3e2b}.feature-panel>span{font-size:76px;font-weight:900;color:#ffffff12}.feature-panel h3{font-size:30px}.feature-panel p{color:#c8d5e9}
.services-premium{position:relative;overflow:hidden;padding:125px 0 115px;background:linear-gradient(135deg,#031126 0%,#061a3a 48%,#04152f 100%);color:#fff;isolation:isolate}.services-texture{position:absolute;inset:0;z-index:-3;opacity:.42;background-image:linear-gradient(rgba(255,255,255,.026) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.026) 1px,transparent 1px);background-size:55px 55px;mask-image:linear-gradient(to bottom,black,transparent 90%)}.services-premium:before{content:"";position:absolute;width:720px;height:720px;top:-470px;right:-180px;border:1px solid rgba(255,255,255,.05);border-radius:50%;box-shadow:0 0 0 90px rgba(255,255,255,.012),0 0 0 180px rgba(255,255,255,.01);z-index:-2}.services-premium:after{content:"KS";position:absolute;right:-35px;bottom:-100px;font-size:390px;line-height:1;font-weight:900;letter-spacing:-.1em;color:rgba(255,255,255,.018);z-index:-2;pointer-events:none}.services-glow{position:absolute;border-radius:50%;filter:blur(100px);z-index:-2;pointer-events:none}.services-glow-one{width:360px;height:360px;background:rgba(13,74,154,.18);left:-180px;top:20%}.services-glow-two{width:280px;height:280px;background:rgba(215,25,32,.11);right:-100px;bottom:-50px}.services-heading{display:grid;grid-template-columns:1.2fr .8fr;gap:80px;align-items:end;margin-bottom:60px}.services-heading h2{max-width:720px;margin:15px 0 0;font-size:clamp(40px,5vw,67px);line-height:1.01;letter-spacing:-.05em}.services-heading h2 span{color:#9db4d6}.services-heading>p{max-width:450px;justify-self:end;margin:0 0 8px;color:#9aabc4;font-size:15px;line-height:1.85}.premium-service-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(255,255,255,.12);border-bottom:1px solid rgba(255,255,255,.12)}.premium-service-card{min-height:420px;position:relative;padding:34px 28px 32px;border-right:1px solid rgba(255,255,255,.11);overflow:hidden;transition:transform .45s cubic-bezier(.2,.8,.2,1),background .45s ease}.premium-service-card:first-child{border-left:1px solid rgba(255,255,255,.11)}.premium-service-card:before{content:"";position:absolute;inset:0;opacity:0;background:radial-gradient(circle at 80% 15%,rgba(47,116,217,.28),transparent 35%),linear-gradient(145deg,rgba(14,61,126,.58),rgba(7,27,59,.25));transition:.45s}.premium-service-card:after{content:"";position:absolute;left:0;top:0;height:3px;width:0;background:linear-gradient(90deg,#d71920,#ff5660);transition:width .45s}.premium-service-card:hover{transform:translateY(-10px);background:rgba(255,255,255,.025)}.premium-service-card:hover:before{opacity:1}.premium-service-card:hover:after{width:100%}.service-card-top,.premium-service-card h3,.premium-service-card p,.service-link,.service-line{position:relative;z-index:2}.service-card-top{display:flex;justify-content:space-between;align-items:center}.service-number{font-size:12px;font-weight:800;letter-spacing:.14em;color:#ef3340}.service-icon{width:55px;height:55px;display:grid;place-items:center;border-radius:15px;color:#dbe8ff;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.1);transition:.4s}.service-icon svg{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round}.premium-service-card:hover .service-icon{transform:rotate(-5deg) scale(1.07);background:#d71920;border-color:#d71920;color:#fff}.service-line{width:35px;height:1px;background:#d71920;margin:52px 0 23px;transition:width .4s}.premium-service-card:hover .service-line{width:75px}.premium-service-card h3{font-size:23px;line-height:1.25;margin:0 0 17px;letter-spacing:-.025em}.premium-service-card p{color:#9dacc1;font-size:14px;line-height:1.8;min-height:102px;margin:0}.service-link{display:inline-flex;align-items:center;gap:13px;padding:0;margin-top:27px;border:0;background:none;color:#fff;font-size:12px;font-weight:800;letter-spacing:.07em;cursor:pointer}.service-link span{width:29px;height:29px;display:grid;place-items:center;border-radius:50%;background:rgba(255,255,255,.08);transition:.3s}.service-link:hover span{background:#d71920;transform:rotate(45deg)}.services-bottom{display:flex;align-items:center;gap:25px;margin-top:43px}.services-bottom-line{height:1px;flex:1;background:linear-gradient(90deg,rgba(255,255,255,.14),transparent)}.services-bottom p{display:flex;align-items:center;gap:8px;margin:0;color:#788ca8;font-size:12px;letter-spacing:.05em}.services-bottom p>span{width:6px;height:6px;border-radius:50%;background:#d71920;box-shadow:0 0 0 5px rgba(215,25,32,.12)}.services-bottom strong{color:#b9c7da}
.section-title-row{display:flex;justify-content:space-between;align-items:end;gap:40px}.section-title-row p{max-width:430px;font-size:14px}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:40px}.gallery figure{height:320px;margin:0;position:relative;overflow:hidden;border-radius:16px;background:#dde4ef}.gallery img{width:100%;height:100%;object-fit:cover;transition:.5s}.gallery figure:hover img{transform:scale(1.06)}.gallery figcaption{position:absolute;left:0;right:0;bottom:0;padding:40px 22px 20px;color:#fff;background:linear-gradient(transparent,#06162fdd)}.gallery figcaption span{display:block;font-size:12px;margin-top:5px;color:#d0daea}.empty{padding:40px;background:#fff;border-radius:16px}.cta{padding:70px 0;background:linear-gradient(110deg,#d71920,#a30f18);color:#fff}.cta .shell{display:flex;align-items:center;justify-content:space-between}.cta h2{margin:7px 0}.white{background:#fff;color:#071a3e}.contact-card{background:#fff;border-radius:20px;padding:40px;box-shadow:0 25px 70px #0a214014;display:grid;gap:18px}.contact-card a{font-size:18px;font-weight:700}
.premium-footer{position:relative;overflow:hidden;padding:0;background:#020c1d;color:#fff}.footer-texture{position:absolute;inset:0;pointer-events:none;opacity:.42;background:radial-gradient(circle at 10% 0%,rgba(20,73,155,.22),transparent 28%),radial-gradient(circle at 100% 100%,rgba(215,25,32,.09),transparent 27%)}.footer-main{position:relative;display:grid;grid-template-columns:1.5fr .65fr .9fr 1.15fr;gap:65px;align-items:start;padding-top:78px;padding-bottom:65px}.footer-brand-area>p{max-width:320px;margin:25px 0;color:#8293ad;line-height:1.8;font-size:14px}.footer-brand .mark{width:50px;height:50px}.footer-tag{display:flex;align-items:center;gap:10px;color:#a7b6cb;font-size:11px;font-weight:700;letter-spacing:.09em;text-transform:uppercase}.footer-tag span{width:22px;height:2px;background:#d71920}.footer-column{display:flex;flex-direction:column;gap:15px}.footer-title{margin-bottom:8px;color:#60738f;font-size:10px;font-weight:900;letter-spacing:.19em}.footer-column>a{width:max-content;max-width:100%;color:#b7c4d6;font-size:13px;transition:.25s}.footer-column>a:hover{color:#fff;transform:translateX(4px)}.footer-contact>a{display:flex;flex-direction:column;gap:5px;width:100%;font-size:14px;color:#fff}.footer-contact small{color:#60738f;font-size:9px;font-weight:800;letter-spacing:.14em}.footer-enquiry{display:flex;align-items:center;justify-content:space-between;width:100%;margin-top:9px;padding:14px 16px;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:rgba(255,255,255,.04);color:#fff;font-size:12px;font-weight:750;cursor:pointer;transition:.3s}.footer-enquiry span{color:#ef3340;font-size:17px}.footer-enquiry:hover{background:#d71920;border-color:#d71920;transform:translateY(-2px)}.footer-enquiry:hover span{color:#fff}.footer-divider{position:relative;height:1px;background:rgba(255,255,255,.09)}.footer-bottom{position:relative;display:flex;justify-content:space-between;align-items:center;gap:30px;min-height:76px}.footer-bottom p{margin:0;color:#63758f;font-size:11px}.footer-credit{text-align:right}.footer-credit a{position:relative;margin-left:4px;color:#fff;font-weight:800;transition:.25s}.footer-credit a:after{content:"";position:absolute;left:0;right:100%;bottom:-5px;height:1px;background:#d71920;transition:.3s}.footer-credit a:hover{color:#ef3340}.footer-credit a:hover:after{right:0}
.modal{position:fixed;z-index:1000;inset:0;background:#031128cc;display:none;place-items:center;padding:20px;backdrop-filter:blur(12px)}.modal.open{display:grid}.modal-card{width:min(650px,100%);background:#fff;border-radius:24px;padding:45px;position:relative;box-shadow:0 40px 100px #0006}.close{position:absolute;right:20px;top:15px;border:0;background:none;font-size:34px;color:#6a7485;cursor:pointer}.modal-card h2{font-size:34px;margin:10px 0 25px}.modal label{display:grid;gap:7px;font-size:13px;font-weight:700;margin-bottom:15px}.modal input,.modal textarea{width:100%;border:1px solid #dce2eb;border-radius:9px;padding:13px;background:#f8fafd;outline:none}.modal input:focus,.modal textarea:focus{border-color:#1557ba;box-shadow:0 0 0 3px #1557ba16}.modal .grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}#formMsg{font-size:13px;margin:12px 0 0}
.float-whatsapp{position:fixed;left:26px;bottom:26px;width:60px;height:60px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:linear-gradient(135deg,#2ee66b,#19b957);color:#fff;box-shadow:0 12px 35px #0003,0 5px 16px rgba(37,211,102,.38);z-index:999;text-decoration:none;transition:.25s}.float-whatsapp svg{width:31px;height:31px;position:relative;z-index:2}.float-whatsapp:hover{transform:translateY(-5px) scale(1.06)}.whatsapp-pulse{position:absolute;width:100%;height:100%;border-radius:50%;border:2px solid rgba(37,211,102,.7);animation:kayakWhatsappPulse 2.2s infinite}@keyframes kayakWhatsappPulse{0%{transform:scale(.9);opacity:.9}70%,100%{transform:scale(1.55);opacity:0}}.float-tooltip{position:absolute;left:74px;top:50%;transform:translateY(-50%) translateX(-8px);background:#071a3c;color:#fff;white-space:nowrap;font-size:12px;font-weight:700;padding:9px 13px;border-radius:8px;box-shadow:0 8px 24px #0003;opacity:0;visibility:hidden;transition:.25s;pointer-events:none}.float-whatsapp:hover .float-tooltip{opacity:1;visibility:visible;transform:translateY(-50%)}.back-to-top{position:fixed;right:26px;bottom:26px;width:54px;height:54px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.18);border-radius:16px;background:linear-gradient(145deg,#092f79,#061d50);color:#fff;cursor:pointer;z-index:999;box-shadow:0 12px 32px rgba(3,18,52,.28);opacity:0;visibility:hidden;transform:translateY(20px) scale(.85);transition:.3s}.back-to-top.show{opacity:1;visibility:visible;transform:translateY(0) scale(1)}.back-to-top svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.back-to-top:hover{transform:translateY(-5px) scale(1.04);background:linear-gradient(145deg,#d71920,#a90e18)}
@media(max-width:1000px){.services-heading{grid-template-columns:1fr;gap:25px}.services-heading>p{justify-self:start}.premium-service-grid{grid-template-columns:repeat(2,1fr)}.premium-service-card{border-bottom:1px solid rgba(255,255,255,.11)}.footer-main{grid-template-columns:1.4fr 1fr;gap:50px}}
@media(max-width:850px){.topbar{display:none}header{top:0}.nav nav{display:none;position:absolute;top:86px;left:20px;right:20px;padding:25px;background:#071a3ef5;border-radius:14px;flex-direction:column;align-items:stretch}.nav nav.open{display:flex}.menu{display:block}.hero{min-height:700px}.hero-strip{width:100%;grid-template-columns:repeat(3,1fr)}.split{grid-template-columns:1fr;gap:35px}.gallery{grid-template-columns:1fr 1fr}.cta .shell{gap:25px;align-items:flex-start;flex-direction:column}.section-title-row{display:block}.section-title-row p{max-width:100%}}
@media(max-width:650px){.services-premium{padding:82px 0 75px}.services-heading{margin-bottom:40px}.services-heading h2{font-size:40px}.premium-service-grid{grid-template-columns:1fr;border-bottom:0}.premium-service-card,.premium-service-card:first-child{min-height:auto;padding:28px 22px 30px;border-left:1px solid rgba(255,255,255,.1);border-right:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1)}.service-line{margin:35px 0 20px}.premium-service-card p{min-height:0}.services-bottom{display:none}.services-premium:after{font-size:220px;bottom:-50px}.footer-main{grid-template-columns:1fr;gap:38px;padding-top:60px;padding-bottom:48px}.footer-column{padding-top:25px;border-top:1px solid rgba(255,255,255,.08)}.footer-bottom{min-height:auto;padding:24px 0 25px;flex-direction:column;align-items:flex-start;gap:9px}.footer-credit{text-align:left}}
@media(max-width:560px){.shell{width:min(100% - 28px,1180px)}.hero h1{font-size:45px}.hero p{font-size:16px}.hero-actions{flex-direction:column;align-items:stretch}.hero-strip span{display:none}.hero-strip div{padding:15px 8px;text-align:center}.section{padding:75px 0}.gallery,.modal .grid{grid-template-columns:1fr}.gallery figure{height:280px}.modal-card{padding:35px 22px}.float-whatsapp{width:54px;height:54px;left:17px;bottom:40px}.float-whatsapp svg{width:28px;height:28px}.back-to-top{width:50px;height:50px;right:17px;bottom:40px;border-radius:14px}.float-tooltip{display:none}}
/* =========================================================
   KAYAK SERVICES — SIGNATURE PREMIUM FOOTER BACKGROUND
   ========================================================= */

.premium-footer{
    position:relative;
    isolation:isolate;
    overflow:hidden;

    /* deep luxury navy base */
    background:
        linear-gradient(
            118deg,
            #010817 0%,
            #03132d 38%,
            #041b3d 68%,
            #020b1b 100%
        );

    color:#fff;
}


/* ---------------------------------------------------------
   FINE ARCHITECTURAL GRID
   --------------------------------------------------------- */

.premium-footer::before{
    content:"";
    position:absolute;
    inset:0;
    z-index:-4;
    pointer-events:none;

    background-image:
        linear-gradient(
            rgba(255,255,255,.027) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(255,255,255,.027) 1px,
            transparent 1px
        );

    background-size:52px 52px;

    mask-image:
        linear-gradient(
            to right,
            transparent,
            #000 15%,
            #000 85%,
            transparent
        );

    -webkit-mask-image:
        linear-gradient(
            to right,
            transparent,
            #000 15%,
            #000 85%,
            transparent
        );
}


/* ---------------------------------------------------------
   PREMIUM DIAGONAL TRANSPORT LINES
   --------------------------------------------------------- */

.premium-footer::after{
    content:"";
    position:absolute;

    width:900px;
    height:600px;

    right:-260px;
    top:-180px;

    z-index:-3;

    transform:rotate(-13deg);

    background:
        repeating-linear-gradient(
            90deg,
            transparent 0,
            transparent 75px,
            rgba(255,255,255,.022) 76px,
            rgba(255,255,255,.022) 77px
        );

    border:
        1px solid rgba(255,255,255,.035);

    border-radius:50%;

    pointer-events:none;
}


/* ---------------------------------------------------------
   MULTI-LAYER AMBIENT LIGHTING
   --------------------------------------------------------- */

.footer-texture{
    position:absolute;
    inset:0;

    z-index:-2;
    pointer-events:none;

    opacity:1;

    background:

        /* subtle red brand illumination */
        radial-gradient(
            circle at 91% 82%,
            rgba(215,25,32,.15) 0%,
            rgba(215,25,32,.055) 18%,
            transparent 39%
        ),

        /* electric blue glow */
        radial-gradient(
            circle at 7% 18%,
            rgba(23,91,190,.21) 0%,
            rgba(9,52,121,.10) 22%,
            transparent 45%
        ),

        /* central soft light */
        radial-gradient(
            ellipse at 52% 0%,
            rgba(64,119,201,.09),
            transparent 47%
        );
}


/* ---------------------------------------------------------
   HUGE WATERMARK
   --------------------------------------------------------- */

.footer-texture::before{
    content:"KAYAK";

    position:absolute;

    right:-20px;
    bottom:-68px;

    font-size:clamp(130px,18vw,280px);
    line-height:.8;

    font-weight:900;
    letter-spacing:-.075em;

    color:transparent;

    -webkit-text-stroke:
        1px rgba(255,255,255,.027);

    opacity:.9;

    white-space:nowrap;

    pointer-events:none;
}


/* ---------------------------------------------------------
   LOGISTICS ROUTE / CONNECTION PATTERN
   --------------------------------------------------------- */

.footer-texture::after{
    content:"";

    position:absolute;

    left:4%;
    right:4%;
    top:44%;

    height:1px;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(59,119,211,.03) 10%,
            rgba(59,119,211,.16) 30%,
            rgba(255,255,255,.07) 52%,
            rgba(215,25,32,.13) 76%,
            transparent
        );

    box-shadow:
        0 -90px 0 rgba(255,255,255,.012),
        0 90px 0 rgba(255,255,255,.012);

    pointer-events:none;
}


/* ---------------------------------------------------------
   FOOTER MAIN CONTENT GLASS DEPTH
   --------------------------------------------------------- */

.footer-main{
    position:relative;
    z-index:2;
}


/* subtle premium highlight across top */
.footer-main::before{
    content:"";

    position:absolute;

    top:0;
    left:0;

    width:140px;
    height:2px;

    background:
        linear-gradient(
            90deg,
            #d71920,
            rgba(215,25,32,0)
        );
}


/* ---------------------------------------------------------
   NAVIGATION LINKS
   --------------------------------------------------------- */

.footer-column>a{
    position:relative;
}

.footer-column>a::before{
    content:"";

    position:absolute;

    width:0;
    height:1px;

    left:0;
    bottom:-5px;

    background:
        linear-gradient(
            90deg,
            #d71920,
            #4c86df
        );

    transition:width .3s ease;
}

.footer-column>a:hover::before{
    width:100%;
}


/* ---------------------------------------------------------
   FOOTER DIVIDER — PREMIUM GLOW
   --------------------------------------------------------- */

.footer-divider{
    position:relative;

    height:1px;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(255,255,255,.07) 8%,
            rgba(255,255,255,.16) 50%,
            rgba(255,255,255,.07) 92%,
            transparent
        );
}

.footer-divider::before{
    content:"";

    position:absolute;

    width:80px;
    height:1px;

    left:0;
    top:0;

    background:#d71920;

    box-shadow:
        0 0 18px rgba(215,25,32,.55);
}


/* ---------------------------------------------------------
   FOOTER BOTTOM
   --------------------------------------------------------- */

.footer-bottom{
    position:relative;
    z-index:2;
}


/* subtle darker bottom bar */
.footer-bottom::before{
    content:"";

    position:absolute;

    z-index:-1;

    top:0;
    bottom:0;

    left:50%;

    width:100vw;

    transform:translateX(-50%);

    background:
        linear-gradient(
            90deg,
            rgba(0,0,0,.14),
            rgba(0,0,0,.05),
            rgba(0,0,0,.14)
        );
}


/* ---------------------------------------------------------
   NEWTREND HOST CREDIT
   --------------------------------------------------------- */

.footer-credit a{
    background:
        linear-gradient(
            90deg,
            #ffffff,
            #a9c8ff
        );

    -webkit-background-clip:text;
    background-clip:text;

    color:transparent;

    font-weight:800;
}


/* ---------------------------------------------------------
   MOBILE OPTIMIZATION
   --------------------------------------------------------- */

@media(max-width:650px){

    .premium-footer::before{
        background-size:38px 38px;
        opacity:.75;
    }

    .premium-footer::after{
        width:520px;
        height:420px;

        right:-300px;
        top:-120px;
    }

    .footer-texture::before{
        font-size:120px;

        right:-15px;
        bottom:30px;

        opacity:.65;
    }

    .footer-texture::after{
        display:none;
    }

    .footer-main::before{
        width:90px;
    }

    .footer-divider::before{
        width:55px;
    }
}/* =========================================================
   KAYAK SERVICES — SIGNATURE CTA
   LET'S MOVE FORWARD
   ========================================================= */

.cta{
    position:relative;
    isolation:isolate;
    overflow:hidden;

    padding:82px 0;

    color:#fff;

    background:
        linear-gradient(
            115deg,
            #8e0c15 0%,
            #c51622 38%,
            #d71920 62%,
            #9c0d16 100%
        );
}


/* =========================================================
   PREMIUM MICRO GRID
   ========================================================= */

.cta::before{
    content:"";

    position:absolute;
    inset:0;

    z-index:-4;

    background-image:
        linear-gradient(
            rgba(255,255,255,.045) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(255,255,255,.045) 1px,
            transparent 1px
        );

    background-size:46px 46px;

    mask-image:
        linear-gradient(
            90deg,
            rgba(0,0,0,.35),
            #000,
            rgba(0,0,0,.5)
        );

    -webkit-mask-image:
        linear-gradient(
            90deg,
            rgba(0,0,0,.35),
            #000,
            rgba(0,0,0,.5)
        );
}


/* =========================================================
   LARGE ABSTRACT TRANSPORT / ROUTE GEOMETRY
   ========================================================= */

.cta::after{
    content:"";

    position:absolute;

    width:620px;
    height:620px;

    right:-140px;
    top:-265px;

    z-index:-3;

    border-radius:50%;

    border:
        1px solid rgba(255,255,255,.10);

    box-shadow:
        0 0 0 75px rgba(255,255,255,.025),
        0 0 0 150px rgba(255,255,255,.018),
        0 0 0 225px rgba(255,255,255,.012);

    pointer-events:none;
}


/* =========================================================
   INNER LAYOUT
   ========================================================= */

.cta .shell{
    position:relative;

    display:flex;
    align-items:center;
    justify-content:space-between;

    gap:50px;

    z-index:3;
}


/* =========================================================
   DARK BLUE AMBIENT GLOW
   ========================================================= */

.cta .shell::before{
    content:"";

    position:absolute;

    width:430px;
    height:300px;

    left:-180px;
    top:50%;

    transform:translateY(-50%);

    z-index:-2;

    border-radius:50%;

    background:
        radial-gradient(
            circle,
            rgba(4,24,62,.38) 0%,
            rgba(4,24,62,.12) 43%,
            transparent 72%
        );

    filter:blur(20px);

    pointer-events:none;
}


/* =========================================================
   SUBTLE DIAGONAL LOGISTICS ROUTE
   ========================================================= */

.cta .shell::after{
    content:"";

    position:absolute;

    width:360px;
    height:1px;

    right:150px;
    top:10px;

    z-index:-1;

    transform:rotate(-20deg);

    transform-origin:right center;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(255,255,255,.23),
            transparent
        );

    box-shadow:
        0 50px 0 rgba(255,255,255,.035),
        0 100px 0 rgba(255,255,255,.025);

    pointer-events:none;
}


/* =========================================================
   SMALL HEADING
   ========================================================= */

.cta .shell > div > span{
    position:relative;

    display:inline-flex;
    align-items:center;

    gap:12px;

    color:rgba(255,255,255,.78);

    font-size:11px;
    font-weight:900;

    letter-spacing:.22em;

    text-transform:uppercase;
}


/* little white/red route marker */

.cta .shell > div > span::before{
    content:"";

    width:31px;
    height:2px;

    display:block;

    background:#fff;

    box-shadow:
        9px 0 0 rgba(255,255,255,.3);
}


/* =========================================================
   MAIN HEADING
   ========================================================= */

.cta h2{
    position:relative;

    margin:11px 0 0;

    max-width:700px;

    font-size:
        clamp(35px,4.2vw,58px);

    line-height:1.04;

    letter-spacing:-.045em;

    color:#fff;

    text-shadow:
        0 4px 25px rgba(76,0,7,.18);
}


/* =========================================================
   PREMIUM WHITE BUTTON
   ========================================================= */

.cta .btn.white{
    position:relative;

    min-width:205px;

    padding:17px 23px;

    overflow:hidden;

    border:1px solid rgba(255,255,255,.8);

    border-radius:9px;

    background:#fff;

    color:#071a3e;

    font-size:13px;
    font-weight:800;

    box-shadow:
        0 14px 35px rgba(64,0,5,.22);

    transition:
        transform .3s ease,
        color .3s ease,
        box-shadow .3s ease;
}


/* animated dark fill */

.cta .btn.white::before{
    content:"";

    position:absolute;
    inset:0;

    background:
        linear-gradient(
            135deg,
            #04162f,
            #082d78
        );

    transform:
        translateX(-102%);

    transition:
        transform .4s
        cubic-bezier(.2,.8,.2,1);

    z-index:-1;
}


.cta .btn.white{
    isolation:isolate;
}


.cta .btn.white::before{
    z-index:-1;
}


.cta .btn.white:hover{
    color:#fff;

    transform:
        translateY(-4px);

    box-shadow:
        0 19px 40px
        rgba(48,0,5,.28);
}


.cta .btn.white:hover::before{
    transform:
        translateX(0);
}


/* =========================================================
   SMALL DECORATIVE CORNER ACCENT
   ========================================================= */

.cta .btn.white::after{
    content:"";

    position:absolute;

    right:7px;
    top:7px;

    width:5px;
    height:5px;

    border-radius:50%;

    background:#d71920;

    transition:.3s ease;
}


.cta .btn.white:hover::after{
    background:#fff;

    box-shadow:
        0 0 0 4px
        rgba(255,255,255,.12);
}


/* =========================================================
   MOBILE
   ========================================================= */

@media(max-width:768px){

    .cta{
        padding:64px 0 67px;
    }

    .cta .shell{
        flex-direction:column;
        align-items:flex-start;

        gap:30px;
    }

    .cta h2{
        font-size:38px;
        max-width:500px;
    }

    .cta::before{
        background-size:36px 36px;
    }

    .cta::after{
        width:390px;
        height:390px;

        right:-250px;
        top:-140px;

        box-shadow:
            0 0 0 50px rgba(255,255,255,.025),
            0 0 0 100px rgba(255,255,255,.015);
    }

    .cta .shell::after{
        display:none;
    }

    .cta .btn.white{
        width:100%;
        min-height:54px;
    }
}


@media(max-width:480px){

    .cta{
        padding:58px 0;
    }

    .cta h2{
        font-size:34px;
    }

    .cta .shell > div > span{
        font-size:9px;
        letter-spacing:.18em;
    }
}/* =========================================================
   KAYAK SERVICES
   PREMIUM HERO BOTTOM SERVICE STRIP
   ========================================================= */

.hero-strip{
    position:absolute;
    z-index:12;

    right:0;
    bottom:0;

    width:min(780px,68%);

    display:grid;
    grid-template-columns:repeat(3,1fr);

    overflow:hidden;

    border-top:
        1px solid rgba(255,255,255,.17);

    border-left:
        1px solid rgba(255,255,255,.10);

    background:
        linear-gradient(
            115deg,
            rgba(2,15,39,.94),
            rgba(5,29,67,.91)
        );

    box-shadow:
        -25px -15px 60px rgba(0,0,0,.16);

    backdrop-filter:
        blur(20px);

    -webkit-backdrop-filter:
        blur(20px);

    isolation:isolate;
}


/* =========================================================
   FINE TEXTURE
   ========================================================= */

.hero-strip::before{
    content:"";

    position:absolute;
    inset:0;

    z-index:-2;

    background-image:

        linear-gradient(
            rgba(255,255,255,.025) 1px,
            transparent 1px
        ),

        linear-gradient(
            90deg,
            rgba(255,255,255,.025) 1px,
            transparent 1px
        );

    background-size:
        28px 28px;

    pointer-events:none;
}


/* =========================================================
   BLUE / RED AMBIENT LIGHT
   ========================================================= */

.hero-strip::after{
    content:"";

    position:absolute;

    width:360px;
    height:170px;

    right:-90px;
    bottom:-90px;

    z-index:-1;

    border-radius:50%;

    background:
        radial-gradient(
            circle,
            rgba(215,25,32,.18),
            rgba(13,74,154,.09) 40%,
            transparent 70%
        );

    filter:blur(30px);

    pointer-events:none;
}


/* =========================================================
   INDIVIDUAL ITEM
   ========================================================= */

.hero-strip > div{
    position:relative;

    min-height:100px;

    display:flex;
    flex-direction:column;
    justify-content:center;

    padding:
        22px 27px 22px 32px;

    overflow:hidden;

    border-left:
        1px solid rgba(255,255,255,.09);

    transition:
        background .35s ease,
        padding .35s ease;
}


.hero-strip > div:first-child{
    border-left:0;
}


/* top red accent */

.hero-strip > div::before{
    content:"";

    position:absolute;

    left:0;
    top:0;

    width:0;
    height:3px;

    background:
        linear-gradient(
            90deg,
            #d71920,
            #ff5962
        );

    box-shadow:
        0 0 18px
        rgba(215,25,32,.55);

    transition:
        width .4s
        cubic-bezier(.2,.8,.2,1);
}


/* huge background number */

.hero-strip > div::after{
    position:absolute;

    right:10px;
    bottom:-18px;

    font-size:76px;
    line-height:1;

    font-weight:900;

    color:
        rgba(255,255,255,.025);

    pointer-events:none;
}


.hero-strip > div:nth-child(1)::after{
    content:"01";
}

.hero-strip > div:nth-child(2)::after{
    content:"02";
}

.hero-strip > div:nth-child(3)::after{
    content:"03";
}


/* =========================================================
   TITLE
   ========================================================= */

.hero-strip b{
    position:relative;

    display:flex;
    align-items:center;

    gap:10px;

    margin-bottom:8px;

    color:#fff;

    font-size:12px;
    font-weight:900;

    letter-spacing:.16em;

    transition:
        transform .35s ease;
}


/* red marker */

.hero-strip b::before{
    content:"";

    width:6px;
    height:6px;

    flex:none;

    border-radius:50%;

    background:#ef3340;

    box-shadow:
        0 0 0 4px
        rgba(239,51,64,.10),
        0 0 13px
        rgba(239,51,64,.45);
}


/* =========================================================
   DESCRIPTION
   ========================================================= */

.hero-strip span{
    position:relative;

    display:block;

    padding-left:16px;

    color:#8fa3c0;

    font-size:11px;

    line-height:1.4;

    letter-spacing:.02em;

    transition:
        color .35s ease,
        transform .35s ease;
}


/* =========================================================
   HOVER
   ========================================================= */

.hero-strip > div:hover{

    padding-left:37px;

    background:
        linear-gradient(
            135deg,
            rgba(16,61,126,.48),
            rgba(6,30,67,.30)
        );
}


.hero-strip > div:hover::before{
    width:100%;
}


.hero-strip > div:hover b{
    transform:
        translateX(3px);
}


.hero-strip > div:hover span{
    color:#dce7f6;

    transform:
        translateX(3px);
}


/* =========================================================
   SMALL DECORATIVE CONNECTION LINE
   ========================================================= */

.hero-strip b::after{
    content:"";

    width:22px;
    height:1px;

    margin-left:auto;

    background:
        linear-gradient(
            90deg,
            rgba(255,255,255,.20),
            transparent
        );
}


/* =========================================================
   TABLET
   ========================================================= */

@media(max-width:850px){

    .hero-strip{

        width:100%;

        border-left:0;

        background:
            rgba(3,20,48,.94);
    }

    .hero-strip > div{

        min-height:86px;

        padding:
            18px 16px;
    }

    .hero-strip > div:hover{

        padding-left:20px;
    }

    .hero-strip > div::after{

        font-size:60px;
    }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media(max-width:560px){

    .hero-strip{

        grid-template-columns:
            repeat(3,1fr);

        width:100%;
    }


    .hero-strip > div{

        min-height:72px;

        padding:
            14px 8px;

        align-items:center;

        text-align:center;
    }


    .hero-strip > div:hover{

        padding-left:8px;
    }


    .hero-strip b{

        justify-content:center;

        gap:7px;

        margin:0;

        font-size:9px;

        letter-spacing:.10em;
    }


    .hero-strip b::before{

        width:5px;
        height:5px;
    }


    .hero-strip b::after{

        display:none;
    }


    .hero-strip span{

        display:block;

        padding:0;

        margin-top:5px;

        font-size:8px;

        color:#8094b2;

        white-space:nowrap;
    }


    .hero-strip > div::after{

        font-size:45px;

        right:4px;

        bottom:-10px;
    }

}


/* very small phones */

@media(max-width:390px){

    .hero-strip span{
        font-size:7px;
    }

    .hero-strip b{
        font-size:8px;
    }

}/* =========================================================
   KAYAK SERVICES — PREMIUM LIGHT CONTACT SECTION
   ========================================================= */

.contact{
    position:relative;
    isolation:isolate;
    overflow:hidden;

    background:
        linear-gradient(
            135deg,
            #eef4fc 0%,
            #f7faff 42%,
            #eaf2fb 100%
        );

    color:#071a3e;
}


/* =========================================================
   PREMIUM MICRO GRID TEXTURE
   ========================================================= */

.contact::before{
    content:"";

    position:absolute;
    inset:0;

    z-index:-4;

    background-image:
        linear-gradient(
            rgba(8,45,120,.035) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(8,45,120,.035) 1px,
            transparent 1px
        );

    background-size:48px 48px;

    mask-image:
        linear-gradient(
            90deg,
            rgba(0,0,0,.45),
            #000 50%,
            rgba(0,0,0,.35)
        );

    -webkit-mask-image:
        linear-gradient(
            90deg,
            rgba(0,0,0,.45),
            #000 50%,
            rgba(0,0,0,.35)
        );
}


/* =========================================================
   SOFT BLUE AMBIENT GLOW
   ========================================================= */

.contact::after{
    content:"";

    position:absolute;

    width:650px;
    height:650px;

    left:-330px;
    top:-250px;

    z-index:-3;

    border-radius:50%;

    background:
        radial-gradient(
            circle,
            rgba(29,91,181,.13) 0%,
            rgba(29,91,181,.055) 38%,
            transparent 70%
        );

    pointer-events:none;
}


/* =========================================================
   CONTENT
   ========================================================= */

.contact .split{
    position:relative;
    z-index:3;
}


/* Giant KS watermark */

.contact .split::before{
    content:"KS";

    position:absolute;

    left:-35px;
    bottom:-110px;

    z-index:-2;

    font-size:260px;
    line-height:1;

    font-weight:900;

    letter-spacing:-.1em;

    color:rgba(8,45,120,.027);

    pointer-events:none;
}


/* Decorative logistics rings */

.contact .split::after{
    content:"";

    position:absolute;

    width:420px;
    height:420px;

    right:-230px;
    top:-170px;

    z-index:-2;

    border-radius:50%;

    border:
        1px solid rgba(8,45,120,.07);

    box-shadow:
        0 0 0 65px rgba(8,45,120,.018),
        0 0 0 130px rgba(8,45,120,.012);

    pointer-events:none;
}


/* =========================================================
   CONTACT KICKER
   ========================================================= */

.contact .section-kicker{
    display:inline-flex;
    align-items:center;

    gap:12px;

    color:#d71920;

    font-size:11px;
    font-weight:900;

    letter-spacing:.21em;
}


.contact .section-kicker::before{
    content:"";

    width:28px;
    height:2px;

    background:#d71920;

    box-shadow:
        0 0 12px rgba(215,25,32,.25);
}


/* =========================================================
   MAIN HEADING
   ========================================================= */

.contact h2{
    max-width:560px;

    margin-top:17px;

    color:#071a3e;

    font-size:
        clamp(40px,4.5vw,61px);

    letter-spacing:-.05em;
}


/* location */

.contact .split > div:first-child > p{
    position:relative;

    display:inline-flex;
    align-items:center;

    gap:10px;

    margin-top:8px;

    padding:11px 17px;

    border:
        1px solid rgba(8,45,120,.09);

    border-radius:100px;

    background:
        rgba(255,255,255,.52);

    color:#61718a;

    font-size:13px;

    box-shadow:
        0 8px 30px
        rgba(14,46,91,.04);

    backdrop-filter:blur(10px);
}


.contact .split > div:first-child > p::before{
    content:"";

    width:7px;
    height:7px;

    border-radius:50%;

    background:#d71920;

    box-shadow:
        0 0 0 5px
        rgba(215,25,32,.09);
}


/* =========================================================
   PREMIUM CONTACT CARD
   ========================================================= */

.contact .contact-card{
    position:relative;

    overflow:hidden;

    padding:42px;

    border:
        1px solid rgba(8,45,120,.09);

    border-radius:22px;

    background:
        linear-gradient(
            145deg,
            rgba(255,255,255,.92),
            rgba(244,249,255,.76)
        );

    box-shadow:
        0 30px 80px
        rgba(7,26,62,.10),
        inset 0 1px 0
        rgba(255,255,255,.9);

    backdrop-filter:blur(18px);

    -webkit-backdrop-filter:blur(18px);
}


/* red top detail */

.contact .contact-card::before{
    content:"";

    position:absolute;

    left:0;
    top:0;

    width:95px;
    height:3px;

    background:
        linear-gradient(
            90deg,
            #d71920,
            #f44d56,
            transparent
        );
}


/* subtle glow inside card */

.contact .contact-card::after{
    content:"";

    position:absolute;

    width:180px;
    height:180px;

    right:-80px;
    top:-100px;

    border-radius:50%;

    background:
        radial-gradient(
            circle,
            rgba(22,83,177,.10),
            transparent 70%
        );

    pointer-events:none;
}


/* =========================================================
   PHONE + EMAIL
   ========================================================= */

.contact-card > a{
    position:relative;
    z-index:2;

    display:flex;
    align-items:center;

    min-height:56px;

    padding:0 18px;

    border:
        1px solid rgba(8,45,120,.07);

    border-radius:11px;

    background:
        rgba(239,245,253,.68);

    color:#102a54;

    font-size:15px;
    font-weight:750;

    transition:
        transform .3s ease,
        background .3s ease,
        border-color .3s ease,
        box-shadow .3s ease;
}


.contact-card > a:hover{
    transform:
        translateX(5px);

    background:#fff;

    border-color:
        rgba(8,45,120,.15);

    box-shadow:
        0 10px 25px
        rgba(8,45,120,.07);
}


/* =========================================================
   ENQUIRY BUTTON
   ========================================================= */

.contact-card .btn.primary{
    position:relative;

    min-height:56px;

    margin-top:5px;

    border-radius:11px;

    background:
        linear-gradient(
            125deg,
            #082d78,
            #0b438f
        );

    box-shadow:
        0 14px 30px
        rgba(8,45,120,.20);

    transition:
        transform .3s ease,
        box-shadow .3s ease;
}


.contact-card .btn.primary:hover{
    transform:
        translateY(-3px);

    box-shadow:
        0 18px 38px
        rgba(8,45,120,.27);
}


/* red accent on button */

.contact-card .btn.primary::after{
    content:"";

    position:absolute;

    right:16px;

    width:7px;
    height:7px;

    border-radius:50%;

    background:#ef3340;

    box-shadow:
        0 0 0 5px
        rgba(239,51,64,.14);
}


/* =========================================================
   MOBILE
   ========================================================= */

@media(max-width:850px){

    .contact{
        padding-top:80px;
        padding-bottom:80px;
    }

    .contact .split{
        gap:45px;
    }

    .contact .split::before{
        font-size:180px;

        left:auto;
        right:-30px;

        bottom:-50px;
    }

    .contact .split::after{
        width:280px;
        height:280px;

        right:-190px;
        top:-100px;
    }

}


@media(max-width:560px){

    .contact{
        background:
            linear-gradient(
                150deg,
                #edf4fc,
                #f8fbff 55%,
                #e9f1fb
            );
    }

    .contact h2{
        font-size:39px;
    }

    .contact .contact-card{
        padding:24px;

        border-radius:18px;
    }

    .contact-card > a{
        min-height:52px;

        padding:0 14px;

        font-size:13px;
    }

    .contact .split::before{
        font-size:130px;

        opacity:.7;
    }

    .contact::before{
        background-size:35px 35px;
    }

}/* =========================================================
   KAYAK SERVICES — PREMIUM GALLERY / ON THE MOVE
   ========================================================= */

#gallery{
    position:relative;
    isolation:isolate;
    overflow:hidden;

    background:
        linear-gradient(
            135deg,
            #f4f5f7 0%,
            #fbfcfd 44%,
            #eef1f5 100%
        );

    color:#071a3e;
}


/* =========================================================
   SUBTLE TECHNICAL / LOGISTICS GRID
   ========================================================= */

#gallery::before{
    content:"";

    position:absolute;
    inset:0;

    z-index:-4;

    background-image:
        linear-gradient(
            rgba(7,26,62,.027) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(7,26,62,.027) 1px,
            transparent 1px
        );

    background-size:55px 55px;

    mask-image:
        linear-gradient(
            to bottom,
            rgba(0,0,0,.7),
            rgba(0,0,0,.25) 70%,
            transparent
        );

    -webkit-mask-image:
        linear-gradient(
            to bottom,
            rgba(0,0,0,.7),
            rgba(0,0,0,.25) 70%,
            transparent
        );
}


/* =========================================================
   LARGE ABSTRACT BACKGROUND GEOMETRY
   ========================================================= */

#gallery::after{
    content:"";

    position:absolute;

    width:620px;
    height:620px;

    right:-330px;
    top:-320px;

    z-index:-3;

    border-radius:50%;

    border:
        1px solid rgba(8,45,120,.055);

    box-shadow:
        0 0 0 75px rgba(8,45,120,.014),
        0 0 0 150px rgba(8,45,120,.009);

    pointer-events:none;
}


/* =========================================================
   SECTION CONTENT
   ========================================================= */

#gallery .shell{
    position:relative;
    z-index:2;
}


/* giant background word */

#gallery .shell::before{
    content:"MOVE";

    position:absolute;

    right:-25px;
    top:-62px;

    z-index:-1;

    color:rgba(7,26,62,.024);

    font-size:
        clamp(120px,16vw,230px);

    line-height:1;

    font-weight:900;

    letter-spacing:-.08em;

    pointer-events:none;
}


/* =========================================================
   ON THE MOVE
   ========================================================= */

#gallery .section-kicker{
    position:relative;

    display:inline-flex;
    align-items:center;

    gap:12px;

    padding-left:0;

    color:#d71920;

    font-size:11px;
    font-weight:900;

    letter-spacing:.22em;
}


#gallery .section-kicker::before{
    content:"";

    width:30px;
    height:2px;

    background:
        linear-gradient(
            90deg,
            #d71920,
            #ef3340
        );

    box-shadow:
        0 0 12px
        rgba(215,25,32,.18);
}


/* =========================================================
   GALLERY HEADING
   ========================================================= */

#gallery h2{
    position:relative;

    margin-top:15px;
    margin-bottom:15px;

    color:#071a3e;

    font-size:
        clamp(42px,5vw,64px);

    letter-spacing:-.055em;
}


/* small underline */

#gallery h2::after{
    content:"";

    display:block;

    width:55px;
    height:3px;

    margin-top:18px;

    border-radius:20px;

    background:
        linear-gradient(
            90deg,
            #082d78 0%,
            #d71920 100%
        );
}


/* =========================================================
   GALLERY GRID
   ========================================================= */

#gallery .gallery{
    position:relative;

    display:grid;
    grid-template-columns:
        repeat(3,1fr);

    gap:18px;

    margin-top:48px;
}


/* =========================================================
   IMAGE CARD
   ========================================================= */

#gallery .gallery figure{
    position:relative;

    height:340px;

    margin:0;

    overflow:hidden;

    border-radius:18px;

    background:#dce2ea;

    border:
        1px solid rgba(7,26,62,.07);

    box-shadow:
        0 15px 35px
        rgba(7,26,62,.075);

    transition:
        transform .45s cubic-bezier(.2,.8,.2,1),
        box-shadow .45s ease;
}


/* make selected images larger for editorial feel */

#gallery .gallery figure:nth-child(1),
#gallery .gallery figure:nth-child(5){
    grid-column:span 2;
}


/* =========================================================
   IMAGE
   ========================================================= */

#gallery .gallery img{
    width:100%;
    height:100%;

    object-fit:cover;

    transform:scale(1.01);

    transition:
        transform .7s
        cubic-bezier(.2,.8,.2,1),
        filter .5s ease;
}


/* =========================================================
   IMAGE OVERLAY
   ========================================================= */

#gallery .gallery figure::before{
    content:"";

    position:absolute;
    inset:0;

    z-index:2;

    background:
        linear-gradient(
            180deg,
            transparent 35%,
            rgba(2,12,30,.18) 58%,
            rgba(2,12,30,.92) 100%
        );

    pointer-events:none;

    transition:.45s ease;
}


/* premium red line */

#gallery .gallery figure::after{
    content:"";

    position:absolute;

    z-index:4;

    left:22px;
    top:22px;

    width:0;
    height:3px;

    border-radius:10px;

    background:
        linear-gradient(
            90deg,
            #d71920,
            #ff5c65
        );

    box-shadow:
        0 0 16px
        rgba(215,25,32,.35);

    transition:
        width .45s ease;
}


/* =========================================================
   CAPTION
   ========================================================= */

#gallery .gallery figcaption{
    position:absolute;

    z-index:3;

    left:0;
    right:0;
    bottom:0;

    padding:
        55px 25px 24px;

    color:#fff;

    background:none;

    transform:
        translateY(3px);

    transition:
        transform .4s ease;
}


#gallery .gallery figcaption b{
    display:block;

    font-size:18px;

    letter-spacing:-.015em;
}


#gallery .gallery figcaption span{
    display:flex;
    align-items:center;

    gap:8px;

    margin-top:8px;

    color:#aebed3;

    font-size:10px;
    font-weight:700;

    letter-spacing:.12em;

    text-transform:uppercase;
}


#gallery .gallery figcaption span::before{
    content:"";

    width:14px;
    height:1px;

    background:#ef3340;
}


/* =========================================================
   HOVER EFFECT
   ========================================================= */

#gallery .gallery figure:hover{
    transform:
        translateY(-8px);

    box-shadow:
        0 26px 60px
        rgba(7,26,62,.15);
}


#gallery .gallery figure:hover img{
    transform:
        scale(1.075);
}


#gallery .gallery figure:hover::before{
    background:
        linear-gradient(
            180deg,
            rgba(4,25,61,.03),
            rgba(4,25,61,.15) 50%,
            rgba(2,12,30,.94)
        );
}


#gallery .gallery figure:hover::after{
    width:65px;
}


#gallery .gallery figure:hover figcaption{
    transform:
        translateY(-4px);
}


/* =========================================================
   EMPTY CMS MESSAGE
   ========================================================= */

#gallery .empty{
    grid-column:1/-1;

    padding:55px;

    text-align:center;

    border:
        1px dashed
        rgba(8,45,120,.16);

    border-radius:18px;

    background:
        rgba(255,255,255,.65);

    color:#718098;

    box-shadow:
        0 15px 40px
        rgba(7,26,62,.04);

    backdrop-filter:blur(12px);
}


/* =========================================================
   TABLET
   ========================================================= */

@media(max-width:850px){

    #gallery .gallery{
        grid-template-columns:
            repeat(2,1fr);
    }


    #gallery .gallery figure:nth-child(1),
    #gallery .gallery figure:nth-child(5){
        grid-column:span 2;
    }


    #gallery .gallery figure{
        height:300px;
    }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media(max-width:560px){

    #gallery{
        padding-top:78px;
        padding-bottom:78px;
    }


    #gallery::before{
        background-size:
            38px 38px;
    }


    #gallery .shell::before{
        content:"MOVE";

        top:-20px;
        right:-15px;

        font-size:105px;
    }


    #gallery h2{
        font-size:42px;
    }


    #gallery .gallery{
        grid-template-columns:1fr;

        gap:14px;

        margin-top:38px;
    }


    #gallery .gallery figure,
    #gallery .gallery figure:nth-child(1),
    #gallery .gallery figure:nth-child(5){

        grid-column:span 1;

        height:280px;

        border-radius:15px;
    }


    #gallery .gallery figcaption{
        padding:
            45px 20px 19px;
    }


    #gallery .gallery figcaption b{
        font-size:16px;
    }

}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;color:#14213b;background:#f7f9fc}a{text-decoration:none;color:inherit}button{font:inherit}.shell{width:min(1180px,calc(100% - 40px));margin:auto}.topbar{height:38px;background:#071a3e;color:#dbe7ff;font-size:12px;letter-spacing:.08em}.topbar .shell{height:100%;display:flex;align-items:center;justify-content:space-between}.topbar a{margin-left:24px}header{position:absolute;z-index:30;top:38px;width:100%;border-bottom:1px solid #ffffff26;transition:.3s}header.scrolled{position:fixed;top:0;background:#061a3aee;backdrop-filter:blur(18px);box-shadow:0 10px 40px #0003}.nav{height:86px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px;color:#fff}.brand b{font-size:19px;letter-spacing:.08em}.brand i{color:#ef3340;font-style:normal}.mark{width:52px;height:52px;border:2px solid #ffffff40;display:grid;place-items:center;font-size:24px;font-weight:900;transform:skew(-8deg);background:#ffffff10}.mark span{color:#ef3340}.nav nav{display:flex;align-items:center;gap:30px;color:#fff;font-weight:600;font-size:14px}.enquire,.btn{border:0;cursor:pointer}.enquire{padding:13px 19px;border-radius:9px;background:#e82332;color:#fff;font-weight:700;box-shadow:0 8px 25px #e8233244}.menu{display:none;background:none;border:0;color:#fff;font-size:28px}.hero{height:calc(100vh - 0px);min-height:720px;position:relative;background:#071a3e;overflow:hidden}.slides,.slide{position:absolute;inset:0}.slide{opacity:0;transition:opacity .9s;background-size:cover;background-position:center}.slide.active{opacity:1}.hero-copy{height:100%;display:flex;justify-content:center;flex-direction:column;color:#fff;max-width:1180px;padding-top:80px}.eyebrow,.section-kicker{font-size:12px;letter-spacing:.2em;font-weight:800;color:#ef3340}.hero h1{font-size:clamp(48px,6vw,86px);line-height:.96;max-width:850px;margin:20px 0 24px;letter-spacing:-.045em}.hero p{max-width:660px;font-size:19px;line-height:1.7;color:#dce6f6}.hero-actions{display:flex;gap:12px;margin-top:22px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:15px 22px;border-radius:9px;font-weight:750}.primary{background:linear-gradient(135deg,#0d4a9a,#082d78 65%,#d71920 180%);color:#fff;box-shadow:0 12px 30px #062b6a38}.glass{background:#ffffff12;color:#fff;border:1px solid #ffffff3b;backdrop-filter:blur(10px)}.dots{position:absolute;right:4%;top:50%;display:grid;gap:10px}.dots button{width:4px;height:34px;border:0;background:#ffffff4f}.dots button.active{background:#ef3340}.hero-strip{position:absolute;bottom:0;right:0;width:min(720px,65%);display:grid;grid-template-columns:repeat(3,1fr);background:#071a3ee8;color:#fff;backdrop-filter:blur(16px)}.hero-strip div{padding:22px;border-left:1px solid #ffffff18}.hero-strip b,.hero-strip span{display:block}.hero-strip span{font-size:12px;color:#aebbd0;margin-top:6px}.section{padding:110px 0}.split{display:grid;grid-template-columns:1.1fr .9fr;gap:70px;align-items:center}.section h2,.cta h2{font-size:clamp(36px,4vw,58px);line-height:1.05;letter-spacing:-.04em;margin:14px 0 22px}.section p{color:#637087;line-height:1.8;font-size:17px}.feature-panel{padding:50px;border-radius:24px;color:#fff;background:linear-gradient(145deg,#092f70,#071a3e);box-shadow:0 30px 70px #071a3e2b}.feature-panel>span{font-size:76px;font-weight:900;color:#ffffff12}.feature-panel h3{font-size:30px}.feature-panel p{color:#c8d5e9}.dark{background:#06162f;color:#fff}.dark h2{max-width:650px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:50px}.cards article{padding:32px 25px;border:1px solid #ffffff14;background:#ffffff08;border-radius:16px;transition:.3s}.cards article:hover{transform:translateY(-8px);background:#0d2b58}.cards i{color:#ef3340;font-style:normal;font-weight:800}.cards p{font-size:14px;color:#aebbd0}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:40px}.gallery figure{height:320px;margin:0;position:relative;overflow:hidden;border-radius:16px;background:#dde4ef}.gallery img{width:100%;height:100%;object-fit:cover;transition:.5s}.gallery figure:hover img{transform:scale(1.06)}.gallery figcaption{position:absolute;left:0;right:0;bottom:0;padding:40px 22px 20px;color:#fff;background:linear-gradient(transparent,#06162fdd)}.gallery figcaption span{display:block;font-size:12px;margin-top:5px;color:#d0daea}.empty{padding:40px;background:#fff;border-radius:16px}.cta{padding:70px 0;background:linear-gradient(110deg,#d71920,#a30f18);color:#fff}.cta .shell{display:flex;align-items:center;justify-content:space-between}.cta h2{margin:7px 0}.white{background:#fff;color:#071a3e}.contact-card{background:#fff;border-radius:20px;padding:40px;box-shadow:0 25px 70px #0a214014;display:grid;gap:18px}.contact-card a{font-size:18px;font-weight:700}footer{padding:40px 0;background:#041127;color:#aebbd0}footer .shell{display:flex;justify-content:space-between;align-items:center}footer .mark{width:42px;height:42px}.modal{position:fixed;z-index:100;inset:0;background:#031128cc;display:none;place-items:center;padding:20px;backdrop-filter:blur(12px)}.modal.open{display:grid}.modal-card{width:min(650px,100%);background:#fff;border-radius:24px;padding:45px;position:relative;box-shadow:0 40px 100px #0006}.close{position:absolute;right:20px;top:15px;border:0;background:none;font-size:34px;color:#6a7485}.modal-card h2{font-size:34px;margin:10px 0 25px}.modal label{display:grid;gap:7px;font-size:13px;font-weight:700;margin-bottom:15px}.modal input,.modal textarea{width:100%;border:1px solid #dce2eb;border-radius:9px;padding:13px;background:#f8fafd;outline:none}.modal input:focus,.modal textarea:focus{border-color:#1557ba;box-shadow:0 0 0 3px #1557ba16}.modal .grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}#formMsg{font-size:13px;margin:12px 0 0}@media(max-width:850px){.topbar{display:none}header{top:0}.nav nav{display:none;position:absolute;top:86px;left:20px;right:20px;padding:25px;background:#071a3ef5;border-radius:14px;flex-direction:column;align-items:stretch}.nav nav.open{display:flex}.menu{display:block}.hero{min-height:700px}.hero-strip{width:100%;grid-template-columns:repeat(3,1fr)}.split{grid-template-columns:1fr;gap:35px}.cards{grid-template-columns:1fr 1fr}.gallery{grid-template-columns:1fr 1fr}.cta .shell,footer .shell{gap:25px;align-items:flex-start;flex-direction:column}}@media(max-width:560px){.shell{width:min(100% - 28px,1180px)}.hero h1{font-size:45px}.hero p{font-size:16px}.hero-actions{flex-direction:column;align-items:stretch}.hero-strip span{display:none}.hero-strip div{padding:15px 8px;text-align:center}.section{padding:75px 0}.cards,.gallery,.modal .grid{grid-template-columns:1fr}.gallery figure{height:280px}.modal-card{padding:35px 22px}}
/* =========================================================
   KAYAK SERVICES - FLOATING ACTION BUTTONS
   ========================================================= */

/* ---------- WHATSAPP ---------- */

.float-whatsapp {
    position: fixed;
    left: 26px;
    bottom: 26px;

    width: 60px;
    height: 60px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;

    background:
        linear-gradient(
            135deg,
            #2ee66b 0%,
            #19b957 100%
        );

    color: #fff;

    box-shadow:
        0 12px 35px rgba(0, 0, 0, .22),
        0 5px 16px rgba(37, 211, 102, .38);

    z-index: 999;

    text-decoration: none;

    transition:
        transform .25s ease,
        box-shadow .25s ease;
}

.float-whatsapp svg {
    width: 31px;
    height: 31px;

    position: relative;
    z-index: 2;
}

.float-whatsapp:hover {
    transform:
        translateY(-5px)
        scale(1.06);

    box-shadow:
        0 18px 42px rgba(0, 0, 0, .25),
        0 8px 24px rgba(37, 211, 102, .45);
}

/* WhatsApp pulse */

.whatsapp-pulse {
    position: absolute;

    width: 100%;
    height: 100%;

    border-radius: 50%;

    border: 2px solid rgba(37, 211, 102, .7);

    animation:
        kayakWhatsappPulse 2.2s
        infinite;
}

@keyframes kayakWhatsappPulse {

    0% {
        transform: scale(.9);
        opacity: .9;
    }

    70% {
        transform: scale(1.55);
        opacity: 0;
    }

    100% {
        transform: scale(1.55);
        opacity: 0;
    }
}


/* ---------- WHATSAPP TOOLTIP ---------- */

.float-tooltip {
    position: absolute;

    left: 74px;
    top: 50%;

    transform:
        translateY(-50%)
        translateX(-8px);

    background: #071a3c;

    color: #fff;

    white-space: nowrap;

    font-size: 12px;
    font-weight: 700;

    letter-spacing: .2px;

    padding: 9px 13px;

    border-radius: 8px;

    box-shadow:
        0 8px 24px rgba(0, 0, 0, .18);

    opacity: 0;
    visibility: hidden;

    transition: .25s ease;

    pointer-events: none;
}

.float-tooltip::before {
    content: "";

    position: absolute;

    left: -5px;
    top: 50%;

    width: 10px;
    height: 10px;

    background: #071a3c;

    transform:
        translateY(-50%)
        rotate(45deg);
}

.float-whatsapp:hover .float-tooltip {
    opacity: 1;
    visibility: visible;

    transform:
        translateY(-50%)
        translateX(0);
}


/* =========================================================
   BACK TO TOP
   ========================================================= */

.back-to-top {
    position: fixed;

    right: 26px;
    bottom: 26px;

    width: 54px;
    height: 54px;

    display: flex;
    align-items: center;
    justify-content: center;

    border: 1px solid rgba(255,255,255,.18);

    border-radius: 16px;

    background:
        linear-gradient(
            145deg,
            #092f79,
            #061d50
        );

    color: #fff;

    cursor: pointer;

    z-index: 999;

    box-shadow:
        0 12px 32px rgba(3, 18, 52, .28);

    opacity: 0;

    visibility: hidden;

    transform:
        translateY(20px)
        scale(.85);

    transition:
        opacity .3s ease,
        visibility .3s ease,
        transform .3s ease,
        box-shadow .3s ease;
}


/* visible after scrolling */

.back-to-top.show {
    opacity: 1;
    visibility: visible;

    transform:
        translateY(0)
        scale(1);
}


/* arrow */

.back-to-top svg {
    width: 23px;
    height: 23px;

    fill: none;

    stroke: currentColor;

    stroke-width: 2;

    stroke-linecap: round;
    stroke-linejoin: round;

    position: relative;

    z-index: 3;

    transition:
        transform .25s ease;
}

.back-to-top:hover {
    transform:
        translateY(-5px)
        scale(1.04);

    background:
        linear-gradient(
            145deg,
            #d71920,
            #a90e18
        );

    box-shadow:
        0 16px 36px rgba(215, 25, 32, .30);
}

.back-to-top:hover svg {
    transform: translateY(-3px);
}


/* subtle glass highlight */

.back-to-top::before {
    content: "";

    position: absolute;

    inset: 1px;

    border-radius: 14px;

    background:
        linear-gradient(
            145deg,
            rgba(255,255,255,.13),
            transparent 45%
        );

    pointer-events: none;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 768px) {

    .float-whatsapp {
        width: 54px;
        height: 54px;

        left: 17px;
        bottom: 40px;
    }

    .float-whatsapp svg {
        width: 28px;
        height: 28px;
    }

    .back-to-top {
        width: 50px;
        height: 50px;

        right: 17px;
        bottom: 40px;

        border-radius: 14px;
    }

    .float-tooltip {
        display: none;
    }
}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,"Segoe UI",Arial,sans-serif;color:#14213b;background:#f7f9fc}a{text-decoration:none;color:inherit}button{font:inherit}.shell{width:min(1180px,calc(100% - 40px));margin:auto}.topbar{height:38px;background:#071a3e;color:#dbe7ff;font-size:12px;letter-spacing:.08em}.topbar .shell{height:100%;display:flex;align-items:center;justify-content:space-between}.topbar a{margin-left:24px}header{position:absolute;z-index:30;top:38px;width:100%;border-bottom:1px solid #ffffff26;transition:.3s}header.scrolled{position:fixed;top:0;background:#061a3aee;backdrop-filter:blur(18px);box-shadow:0 10px 40px #0003}.nav{height:86px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px;color:#fff}.brand b{font-size:19px;letter-spacing:.08em}.brand i{color:#ef3340;font-style:normal}.mark{width:52px;height:52px;border:2px solid #ffffff40;display:grid;place-items:center;font-size:24px;font-weight:900;transform:skew(-8deg);background:#ffffff10}.mark span{color:#ef3340}.nav nav{display:flex;align-items:center;gap:30px;color:#fff;font-weight:600;font-size:14px}.enquire,.btn{border:0;cursor:pointer}.enquire{padding:13px 19px;border-radius:9px;background:#e82332;color:#fff;font-weight:700;box-shadow:0 8px 25px #e8233244}.menu{display:none;background:none;border:0;color:#fff;font-size:28px}.hero{height:100vh;min-height:720px;position:relative;background:#071a3e;overflow:hidden}.slides,.slide{position:absolute;inset:0}.slide{opacity:0;transition:opacity .9s;background-size:cover;background-position:center}.slide.active{opacity:1}.hero-copy{height:100%;display:flex;justify-content:center;flex-direction:column;color:#fff;max-width:1180px;padding-top:80px}.eyebrow,.section-kicker{font-size:12px;letter-spacing:.2em;font-weight:800;color:#ef3340}.hero h1{font-size:clamp(48px,6vw,86px);line-height:.96;max-width:850px;margin:20px 0 24px;letter-spacing:-.045em}.hero p{max-width:660px;font-size:19px;line-height:1.7;color:#dce6f6}.hero-actions{display:flex;gap:12px;margin-top:22px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:15px 22px;border-radius:9px;font-weight:750}.primary{background:linear-gradient(135deg,#0d4a9a,#082d78 65%,#d71920 180%);color:#fff;box-shadow:0 12px 30px #062b6a38}.glass{background:#ffffff12;color:#fff;border:1px solid #ffffff3b;backdrop-filter:blur(10px)}.dots{position:absolute;right:4%;top:50%;display:grid;gap:10px}.dots button{width:4px;height:34px;border:0;background:#ffffff4f;cursor:pointer}.dots button.active{background:#ef3340}.hero-strip{position:absolute;bottom:0;right:0;width:min(720px,65%);display:grid;grid-template-columns:repeat(3,1fr);background:#071a3ee8;color:#fff;backdrop-filter:blur(16px)}.hero-strip div{padding:22px;border-left:1px solid #ffffff18}.hero-strip b,.hero-strip span{display:block}.hero-strip span{font-size:12px;color:#aebbd0;margin-top:6px}.section{padding:110px 0}.split{display:grid;grid-template-columns:1.1fr .9fr;gap:70px;align-items:center}.section h2,.cta h2{font-size:clamp(36px,4vw,58px);line-height:1.05;letter-spacing:-.04em;margin:14px 0 22px}.section p{color:#637087;line-height:1.8;font-size:17px}.feature-panel{padding:50px;border-radius:24px;color:#fff;background:linear-gradient(145deg,#092f70,#071a3e);box-shadow:0 30px 70px #071a3e2b}.feature-panel>span{font-size:76px;font-weight:900;color:#ffffff12}.feature-panel h3{font-size:30px}.feature-panel p{color:#c8d5e9}
.services-premium{position:relative;overflow:hidden;padding:125px 0 115px;background:linear-gradient(135deg,#031126 0%,#061a3a 48%,#04152f 100%);color:#fff;isolation:isolate}.services-texture{position:absolute;inset:0;z-index:-3;opacity:.42;background-image:linear-gradient(rgba(255,255,255,.026) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.026) 1px,transparent 1px);background-size:55px 55px;mask-image:linear-gradient(to bottom,black,transparent 90%)}.services-premium:before{content:"";position:absolute;width:720px;height:720px;top:-470px;right:-180px;border:1px solid rgba(255,255,255,.05);border-radius:50%;box-shadow:0 0 0 90px rgba(255,255,255,.012),0 0 0 180px rgba(255,255,255,.01);z-index:-2}.services-premium:after{content:"KS";position:absolute;right:-35px;bottom:-100px;font-size:390px;line-height:1;font-weight:900;letter-spacing:-.1em;color:rgba(255,255,255,.018);z-index:-2;pointer-events:none}.services-glow{position:absolute;border-radius:50%;filter:blur(100px);z-index:-2;pointer-events:none}.services-glow-one{width:360px;height:360px;background:rgba(13,74,154,.18);left:-180px;top:20%}.services-glow-two{width:280px;height:280px;background:rgba(215,25,32,.11);right:-100px;bottom:-50px}.services-heading{display:grid;grid-template-columns:1.2fr .8fr;gap:80px;align-items:end;margin-bottom:60px}.services-heading h2{max-width:720px;margin:15px 0 0;font-size:clamp(40px,5vw,67px);line-height:1.01;letter-spacing:-.05em}.services-heading h2 span{color:#9db4d6}.services-heading>p{max-width:450px;justify-self:end;margin:0 0 8px;color:#9aabc4;font-size:15px;line-height:1.85}.premium-service-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(255,255,255,.12);border-bottom:1px solid rgba(255,255,255,.12)}.premium-service-card{min-height:420px;position:relative;padding:34px 28px 32px;border-right:1px solid rgba(255,255,255,.11);overflow:hidden;transition:transform .45s cubic-bezier(.2,.8,.2,1),background .45s ease}.premium-service-card:first-child{border-left:1px solid rgba(255,255,255,.11)}.premium-service-card:before{content:"";position:absolute;inset:0;opacity:0;background:radial-gradient(circle at 80% 15%,rgba(47,116,217,.28),transparent 35%),linear-gradient(145deg,rgba(14,61,126,.58),rgba(7,27,59,.25));transition:.45s}.premium-service-card:after{content:"";position:absolute;left:0;top:0;height:3px;width:0;background:linear-gradient(90deg,#d71920,#ff5660);transition:width .45s}.premium-service-card:hover{transform:translateY(-10px);background:rgba(255,255,255,.025)}.premium-service-card:hover:before{opacity:1}.premium-service-card:hover:after{width:100%}.service-card-top,.premium-service-card h3,.premium-service-card p,.service-link,.service-line{position:relative;z-index:2}.service-card-top{display:flex;justify-content:space-between;align-items:center}.service-number{font-size:12px;font-weight:800;letter-spacing:.14em;color:#ef3340}.service-icon{width:55px;height:55px;display:grid;place-items:center;border-radius:15px;color:#dbe8ff;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.1);transition:.4s}.service-icon svg{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round}.premium-service-card:hover .service-icon{transform:rotate(-5deg) scale(1.07);background:#d71920;border-color:#d71920;color:#fff}.service-line{width:35px;height:1px;background:#d71920;margin:52px 0 23px;transition:width .4s}.premium-service-card:hover .service-line{width:75px}.premium-service-card h3{font-size:23px;line-height:1.25;margin:0 0 17px;letter-spacing:-.025em}.premium-service-card p{color:#9dacc1;font-size:14px;line-height:1.8;min-height:102px;margin:0}.service-link{display:inline-flex;align-items:center;gap:13px;padding:0;margin-top:27px;border:0;background:none;color:#fff;font-size:12px;font-weight:800;letter-spacing:.07em;cursor:pointer}.service-link span{width:29px;height:29px;display:grid;place-items:center;border-radius:50%;background:rgba(255,255,255,.08);transition:.3s}.service-link:hover span{background:#d71920;transform:rotate(45deg)}.services-bottom{display:flex;align-items:center;gap:25px;margin-top:43px}.services-bottom-line{height:1px;flex:1;background:linear-gradient(90deg,rgba(255,255,255,.14),transparent)}.services-bottom p{display:flex;align-items:center;gap:8px;margin:0;color:#788ca8;font-size:12px;letter-spacing:.05em}.services-bottom p>span{width:6px;height:6px;border-radius:50%;background:#d71920;box-shadow:0 0 0 5px rgba(215,25,32,.12)}.services-bottom strong{color:#b9c7da}
.section-title-row{display:flex;justify-content:space-between;align-items:end;gap:40px}.section-title-row p{max-width:430px;font-size:14px}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:40px}.gallery figure{height:320px;margin:0;position:relative;overflow:hidden;border-radius:16px;background:#dde4ef}.gallery img{width:100%;height:100%;object-fit:cover;transition:.5s}.gallery figure:hover img{transform:scale(1.06)}.gallery figcaption{position:absolute;left:0;right:0;bottom:0;padding:40px 22px 20px;color:#fff;background:linear-gradient(transparent,#06162fdd)}.gallery figcaption span{display:block;font-size:12px;margin-top:5px;color:#d0daea}.empty{padding:40px;background:#fff;border-radius:16px}.cta{padding:70px 0;background:linear-gradient(110deg,#d71920,#a30f18);color:#fff}.cta .shell{display:flex;align-items:center;justify-content:space-between}.cta h2{margin:7px 0}.white{background:#fff;color:#071a3e}.contact-card{background:#fff;border-radius:20px;padding:40px;box-shadow:0 25px 70px #0a214014;display:grid;gap:18px}.contact-card a{font-size:18px;font-weight:700}
.premium-footer{position:relative;overflow:hidden;padding:0;background:#020c1d;color:#fff}.footer-texture{position:absolute;inset:0;pointer-events:none;opacity:.42;background:radial-gradient(circle at 10% 0%,rgba(20,73,155,.22),transparent 28%),radial-gradient(circle at 100% 100%,rgba(215,25,32,.09),transparent 27%)}.footer-main{position:relative;display:grid;grid-template-columns:1.5fr .65fr .9fr 1.15fr;gap:65px;align-items:start;padding-top:78px;padding-bottom:65px}.footer-brand-area>p{max-width:320px;margin:25px 0;color:#8293ad;line-height:1.8;font-size:14px}.footer-brand .mark{width:50px;height:50px}.footer-tag{display:flex;align-items:center;gap:10px;color:#a7b6cb;font-size:11px;font-weight:700;letter-spacing:.09em;text-transform:uppercase}.footer-tag span{width:22px;height:2px;background:#d71920}.footer-column{display:flex;flex-direction:column;gap:15px}.footer-title{margin-bottom:8px;color:#60738f;font-size:10px;font-weight:900;letter-spacing:.19em}.footer-column>a{width:max-content;max-width:100%;color:#b7c4d6;font-size:13px;transition:.25s}.footer-column>a:hover{color:#fff;transform:translateX(4px)}.footer-contact>a{display:flex;flex-direction:column;gap:5px;width:100%;font-size:14px;color:#fff}.footer-contact small{color:#60738f;font-size:9px;font-weight:800;letter-spacing:.14em}.footer-enquiry{display:flex;align-items:center;justify-content:space-between;width:100%;margin-top:9px;padding:14px 16px;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:rgba(255,255,255,.04);color:#fff;font-size:12px;font-weight:750;cursor:pointer;transition:.3s}.footer-enquiry span{color:#ef3340;font-size:17px}.footer-enquiry:hover{background:#d71920;border-color:#d71920;transform:translateY(-2px)}.footer-enquiry:hover span{color:#fff}.footer-divider{position:relative;height:1px;background:rgba(255,255,255,.09)}.footer-bottom{position:relative;display:flex;justify-content:space-between;align-items:center;gap:30px;min-height:76px}.footer-bottom p{margin:0;color:#63758f;font-size:11px}.footer-credit{text-align:right}.footer-credit a{position:relative;margin-left:4px;color:#fff;font-weight:800;transition:.25s}.footer-credit a:after{content:"";position:absolute;left:0;right:100%;bottom:-5px;height:1px;background:#d71920;transition:.3s}.footer-credit a:hover{color:#ef3340}.footer-credit a:hover:after{right:0}
.modal{position:fixed;z-index:1000;inset:0;background:#031128cc;display:none;place-items:center;padding:20px;backdrop-filter:blur(12px)}.modal.open{display:grid}.modal-card{width:min(650px,100%);background:#fff;border-radius:24px;padding:45px;position:relative;box-shadow:0 40px 100px #0006}.close{position:absolute;right:20px;top:15px;border:0;background:none;font-size:34px;color:#6a7485;cursor:pointer}.modal-card h2{font-size:34px;margin:10px 0 25px}.modal label{display:grid;gap:7px;font-size:13px;font-weight:700;margin-bottom:15px}.modal input,.modal textarea{width:100%;border:1px solid #dce2eb;border-radius:9px;padding:13px;background:#f8fafd;outline:none}.modal input:focus,.modal textarea:focus{border-color:#1557ba;box-shadow:0 0 0 3px #1557ba16}.modal .grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}#formMsg{font-size:13px;margin:12px 0 0}
.float-whatsapp{position:fixed;left:26px;bottom:26px;width:60px;height:60px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:linear-gradient(135deg,#2ee66b,#19b957);color:#fff;box-shadow:0 12px 35px #0003,0 5px 16px rgba(37,211,102,.38);z-index:999;text-decoration:none;transition:.25s}.float-whatsapp svg{width:31px;height:31px;position:relative;z-index:2}.float-whatsapp:hover{transform:translateY(-5px) scale(1.06)}.whatsapp-pulse{position:absolute;width:100%;height:100%;border-radius:50%;border:2px solid rgba(37,211,102,.7);animation:kayakWhatsappPulse 2.2s infinite}@keyframes kayakWhatsappPulse{0%{transform:scale(.9);opacity:.9}70%,100%{transform:scale(1.55);opacity:0}}.float-tooltip{position:absolute;left:74px;top:50%;transform:translateY(-50%) translateX(-8px);background:#071a3c;color:#fff;white-space:nowrap;font-size:12px;font-weight:700;padding:9px 13px;border-radius:8px;box-shadow:0 8px 24px #0003;opacity:0;visibility:hidden;transition:.25s;pointer-events:none}.float-whatsapp:hover .float-tooltip{opacity:1;visibility:visible;transform:translateY(-50%)}.back-to-top{position:fixed;right:26px;bottom:26px;width:54px;height:54px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.18);border-radius:16px;background:linear-gradient(145deg,#092f79,#061d50);color:#fff;cursor:pointer;z-index:999;box-shadow:0 12px 32px rgba(3,18,52,.28);opacity:0;visibility:hidden;transform:translateY(20px) scale(.85);transition:.3s}.back-to-top.show{opacity:1;visibility:visible;transform:translateY(0) scale(1)}.back-to-top svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.back-to-top:hover{transform:translateY(-5px) scale(1.04);background:linear-gradient(145deg,#d71920,#a90e18)}
@media(max-width:1000px){.services-heading{grid-template-columns:1fr;gap:25px}.services-heading>p{justify-self:start}.premium-service-grid{grid-template-columns:repeat(2,1fr)}.premium-service-card{border-bottom:1px solid rgba(255,255,255,.11)}.footer-main{grid-template-columns:1.4fr 1fr;gap:50px}}
@media(max-width:850px){.topbar{display:none}header{top:0}.nav nav{display:none;position:absolute;top:86px;left:20px;right:20px;padding:25px;background:#071a3ef5;border-radius:14px;flex-direction:column;align-items:stretch}.nav nav.open{display:flex}.menu{display:block}.hero{min-height:700px}.hero-strip{width:100%;grid-template-columns:repeat(3,1fr)}.split{grid-template-columns:1fr;gap:35px}.gallery{grid-template-columns:1fr 1fr}.cta .shell{gap:25px;align-items:flex-start;flex-direction:column}.section-title-row{display:block}.section-title-row p{max-width:100%}}
@media(max-width:650px){.services-premium{padding:82px 0 75px}.services-heading{margin-bottom:40px}.services-heading h2{font-size:40px}.premium-service-grid{grid-template-columns:1fr;border-bottom:0}.premium-service-card,.premium-service-card:first-child{min-height:auto;padding:28px 22px 30px;border-left:1px solid rgba(255,255,255,.1);border-right:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1)}.service-line{margin:35px 0 20px}.premium-service-card p{min-height:0}.services-bottom{display:none}.services-premium:after{font-size:220px;bottom:-50px}.footer-main{grid-template-columns:1fr;gap:38px;padding-top:60px;padding-bottom:48px}.footer-column{padding-top:25px;border-top:1px solid rgba(255,255,255,.08)}.footer-bottom{min-height:auto;padding:24px 0 25px;flex-direction:column;align-items:flex-start;gap:9px}.footer-credit{text-align:left}}
@media(max-width:560px){.shell{width:min(100% - 28px,1180px)}.hero h1{font-size:45px}.hero p{font-size:16px}.hero-actions{flex-direction:column;align-items:stretch}.hero-strip span{display:none}.hero-strip div{padding:15px 8px;text-align:center}.section{padding:75px 0}.gallery,.modal .grid{grid-template-columns:1fr}.gallery figure{height:280px}.modal-card{padding:35px 22px}.float-whatsapp{width:54px;height:54px;left:17px;bottom:40px}.float-whatsapp svg{width:28px;height:28px}.back-to-top{width:50px;height:50px;right:17px;bottom:40px;border-radius:14px}.float-tooltip{display:none}}
/* =========================================================
   KAYAK SERVICES — SIGNATURE PREMIUM FOOTER BACKGROUND
   ========================================================= */

.premium-footer{
    position:relative;
    isolation:isolate;
    overflow:hidden;

    /* deep luxury navy base */
    background:
        linear-gradient(
            118deg,
            #010817 0%,
            #03132d 38%,
            #041b3d 68%,
            #020b1b 100%
        );

    color:#fff;
}


/* ---------------------------------------------------------
   FINE ARCHITECTURAL GRID
   --------------------------------------------------------- */

.premium-footer::before{
    content:"";
    position:absolute;
    inset:0;
    z-index:-4;
    pointer-events:none;

    background-image:
        linear-gradient(
            rgba(255,255,255,.027) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(255,255,255,.027) 1px,
            transparent 1px
        );

    background-size:52px 52px;

    mask-image:
        linear-gradient(
            to right,
            transparent,
            #000 15%,
            #000 85%,
            transparent
        );

    -webkit-mask-image:
        linear-gradient(
            to right,
            transparent,
            #000 15%,
            #000 85%,
            transparent
        );
}


/* ---------------------------------------------------------
   PREMIUM DIAGONAL TRANSPORT LINES
   --------------------------------------------------------- */

.premium-footer::after{
    content:"";
    position:absolute;

    width:900px;
    height:600px;

    right:-260px;
    top:-180px;

    z-index:-3;

    transform:rotate(-13deg);

    background:
        repeating-linear-gradient(
            90deg,
            transparent 0,
            transparent 75px,
            rgba(255,255,255,.022) 76px,
            rgba(255,255,255,.022) 77px
        );

    border:
        1px solid rgba(255,255,255,.035);

    border-radius:50%;

    pointer-events:none;
}


/* ---------------------------------------------------------
   MULTI-LAYER AMBIENT LIGHTING
   --------------------------------------------------------- */

.footer-texture{
    position:absolute;
    inset:0;

    z-index:-2;
    pointer-events:none;

    opacity:1;

    background:

        /* subtle red brand illumination */
        radial-gradient(
            circle at 91% 82%,
            rgba(215,25,32,.15) 0%,
            rgba(215,25,32,.055) 18%,
            transparent 39%
        ),

        /* electric blue glow */
        radial-gradient(
            circle at 7% 18%,
            rgba(23,91,190,.21) 0%,
            rgba(9,52,121,.10) 22%,
            transparent 45%
        ),

        /* central soft light */
        radial-gradient(
            ellipse at 52% 0%,
            rgba(64,119,201,.09),
            transparent 47%
        );
}


/* ---------------------------------------------------------
   HUGE WATERMARK
   --------------------------------------------------------- */

.footer-texture::before{
    content:"KAYAK";

    position:absolute;

    right:-20px;
    bottom:-68px;

    font-size:clamp(130px,18vw,280px);
    line-height:.8;

    font-weight:900;
    letter-spacing:-.075em;

    color:transparent;

    -webkit-text-stroke:
        1px rgba(255,255,255,.027);

    opacity:.9;

    white-space:nowrap;

    pointer-events:none;
}


/* ---------------------------------------------------------
   LOGISTICS ROUTE / CONNECTION PATTERN
   --------------------------------------------------------- */

.footer-texture::after{
    content:"";

    position:absolute;

    left:4%;
    right:4%;
    top:44%;

    height:1px;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(59,119,211,.03) 10%,
            rgba(59,119,211,.16) 30%,
            rgba(255,255,255,.07) 52%,
            rgba(215,25,32,.13) 76%,
            transparent
        );

    box-shadow:
        0 -90px 0 rgba(255,255,255,.012),
        0 90px 0 rgba(255,255,255,.012);

    pointer-events:none;
}


/* ---------------------------------------------------------
   FOOTER MAIN CONTENT GLASS DEPTH
   --------------------------------------------------------- */

.footer-main{
    position:relative;
    z-index:2;
}


/* subtle premium highlight across top */
.footer-main::before{
    content:"";

    position:absolute;

    top:0;
    left:0;

    width:140px;
    height:2px;

    background:
        linear-gradient(
            90deg,
            #d71920,
            rgba(215,25,32,0)
        );
}


/* ---------------------------------------------------------
   NAVIGATION LINKS
   --------------------------------------------------------- */

.footer-column>a{
    position:relative;
}

.footer-column>a::before{
    content:"";

    position:absolute;

    width:0;
    height:1px;

    left:0;
    bottom:-5px;

    background:
        linear-gradient(
            90deg,
            #d71920,
            #4c86df
        );

    transition:width .3s ease;
}

.footer-column>a:hover::before{
    width:100%;
}


/* ---------------------------------------------------------
   FOOTER DIVIDER — PREMIUM GLOW
   --------------------------------------------------------- */

.footer-divider{
    position:relative;

    height:1px;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(255,255,255,.07) 8%,
            rgba(255,255,255,.16) 50%,
            rgba(255,255,255,.07) 92%,
            transparent
        );
}

.footer-divider::before{
    content:"";

    position:absolute;

    width:80px;
    height:1px;

    left:0;
    top:0;

    background:#d71920;

    box-shadow:
        0 0 18px rgba(215,25,32,.55);
}


/* ---------------------------------------------------------
   FOOTER BOTTOM
   --------------------------------------------------------- */

.footer-bottom{
    position:relative;
    z-index:2;
}


/* subtle darker bottom bar */
.footer-bottom::before{
    content:"";

    position:absolute;

    z-index:-1;

    top:0;
    bottom:0;

    left:50%;

    width:100vw;

    transform:translateX(-50%);

    background:
        linear-gradient(
            90deg,
            rgba(0,0,0,.14),
            rgba(0,0,0,.05),
            rgba(0,0,0,.14)
        );
}


/* ---------------------------------------------------------
   NEWTREND HOST CREDIT
   --------------------------------------------------------- */

.footer-credit a{
    background:
        linear-gradient(
            90deg,
            #ffffff,
            #a9c8ff
        );

    -webkit-background-clip:text;
    background-clip:text;

    color:transparent;

    font-weight:800;
}


/* ---------------------------------------------------------
   MOBILE OPTIMIZATION
   --------------------------------------------------------- */

@media(max-width:650px){

    .premium-footer::before{
        background-size:38px 38px;
        opacity:.75;
    }

    .premium-footer::after{
        width:520px;
        height:420px;

        right:-300px;
        top:-120px;
    }

    .footer-texture::before{
        font-size:120px;

        right:-15px;
        bottom:30px;

        opacity:.65;
    }

    .footer-texture::after{
        display:none;
    }

    .footer-main::before{
        width:90px;
    }

    .footer-divider::before{
        width:55px;
    }
}/* =========================================================
   KAYAK SERVICES — SIGNATURE CTA
   LET'S MOVE FORWARD
   ========================================================= */

.cta{
    position:relative;
    isolation:isolate;
    overflow:hidden;

    padding:82px 0;

    color:#fff;

    background:
        linear-gradient(
            115deg,
            #8e0c15 0%,
            #c51622 38%,
            #d71920 62%,
            #9c0d16 100%
        );
}


/* =========================================================
   PREMIUM MICRO GRID
   ========================================================= */

.cta::before{
    content:"";

    position:absolute;
    inset:0;

    z-index:-4;

    background-image:
        linear-gradient(
            rgba(255,255,255,.045) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(255,255,255,.045) 1px,
            transparent 1px
        );

    background-size:46px 46px;

    mask-image:
        linear-gradient(
            90deg,
            rgba(0,0,0,.35),
            #000,
            rgba(0,0,0,.5)
        );

    -webkit-mask-image:
        linear-gradient(
            90deg,
            rgba(0,0,0,.35),
            #000,
            rgba(0,0,0,.5)
        );
}


/* =========================================================
   LARGE ABSTRACT TRANSPORT / ROUTE GEOMETRY
   ========================================================= */

.cta::after{
    content:"";

    position:absolute;

    width:620px;
    height:620px;

    right:-140px;
    top:-265px;

    z-index:-3;

    border-radius:50%;

    border:
        1px solid rgba(255,255,255,.10);

    box-shadow:
        0 0 0 75px rgba(255,255,255,.025),
        0 0 0 150px rgba(255,255,255,.018),
        0 0 0 225px rgba(255,255,255,.012);

    pointer-events:none;
}


/* =========================================================
   INNER LAYOUT
   ========================================================= */

.cta .shell{
    position:relative;

    display:flex;
    align-items:center;
    justify-content:space-between;

    gap:50px;

    z-index:3;
}


/* =========================================================
   DARK BLUE AMBIENT GLOW
   ========================================================= */

.cta .shell::before{
    content:"";

    position:absolute;

    width:430px;
    height:300px;

    left:-180px;
    top:50%;

    transform:translateY(-50%);

    z-index:-2;

    border-radius:50%;

    background:
        radial-gradient(
            circle,
            rgba(4,24,62,.38) 0%,
            rgba(4,24,62,.12) 43%,
            transparent 72%
        );

    filter:blur(20px);

    pointer-events:none;
}


/* =========================================================
   SUBTLE DIAGONAL LOGISTICS ROUTE
   ========================================================= */

.cta .shell::after{
    content:"";

    position:absolute;

    width:360px;
    height:1px;

    right:150px;
    top:10px;

    z-index:-1;

    transform:rotate(-20deg);

    transform-origin:right center;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(255,255,255,.23),
            transparent
        );

    box-shadow:
        0 50px 0 rgba(255,255,255,.035),
        0 100px 0 rgba(255,255,255,.025);

    pointer-events:none;
}


/* =========================================================
   SMALL HEADING
   ========================================================= */

.cta .shell > div > span{
    position:relative;

    display:inline-flex;
    align-items:center;

    gap:12px;

    color:rgba(255,255,255,.78);

    font-size:11px;
    font-weight:900;

    letter-spacing:.22em;

    text-transform:uppercase;
}


/* little white/red route marker */

.cta .shell > div > span::before{
    content:"";

    width:31px;
    height:2px;

    display:block;

    background:#fff;

    box-shadow:
        9px 0 0 rgba(255,255,255,.3);
}


/* =========================================================
   MAIN HEADING
   ========================================================= */

.cta h2{
    position:relative;

    margin:11px 0 0;

    max-width:700px;

    font-size:
        clamp(35px,4.2vw,58px);

    line-height:1.04;

    letter-spacing:-.045em;

    color:#fff;

    text-shadow:
        0 4px 25px rgba(76,0,7,.18);
}


/* =========================================================
   PREMIUM WHITE BUTTON
   ========================================================= */

.cta .btn.white{
    position:relative;

    min-width:205px;

    padding:17px 23px;

    overflow:hidden;

    border:1px solid rgba(255,255,255,.8);

    border-radius:9px;

    background:#fff;

    color:#071a3e;

    font-size:13px;
    font-weight:800;

    box-shadow:
        0 14px 35px rgba(64,0,5,.22);

    transition:
        transform .3s ease,
        color .3s ease,
        box-shadow .3s ease;
}


/* animated dark fill */

.cta .btn.white::before{
    content:"";

    position:absolute;
    inset:0;

    background:
        linear-gradient(
            135deg,
            #04162f,
            #082d78
        );

    transform:
        translateX(-102%);

    transition:
        transform .4s
        cubic-bezier(.2,.8,.2,1);

    z-index:-1;
}


.cta .btn.white{
    isolation:isolate;
}


.cta .btn.white::before{
    z-index:-1;
}


.cta .btn.white:hover{
    color:#fff;

    transform:
        translateY(-4px);

    box-shadow:
        0 19px 40px
        rgba(48,0,5,.28);
}


.cta .btn.white:hover::before{
    transform:
        translateX(0);
}


/* =========================================================
   SMALL DECORATIVE CORNER ACCENT
   ========================================================= */

.cta .btn.white::after{
    content:"";

    position:absolute;

    right:7px;
    top:7px;

    width:5px;
    height:5px;

    border-radius:50%;

    background:#d71920;

    transition:.3s ease;
}


.cta .btn.white:hover::after{
    background:#fff;

    box-shadow:
        0 0 0 4px
        rgba(255,255,255,.12);
}


/* =========================================================
   MOBILE
   ========================================================= */

@media(max-width:768px){

    .cta{
        padding:64px 0 67px;
    }

    .cta .shell{
        flex-direction:column;
        align-items:flex-start;

        gap:30px;
    }

    .cta h2{
        font-size:38px;
        max-width:500px;
    }

    .cta::before{
        background-size:36px 36px;
    }

    .cta::after{
        width:390px;
        height:390px;

        right:-250px;
        top:-140px;

        box-shadow:
            0 0 0 50px rgba(255,255,255,.025),
            0 0 0 100px rgba(255,255,255,.015);
    }

    .cta .shell::after{
        display:none;
    }

    .cta .btn.white{
        width:100%;
        min-height:54px;
    }
}


@media(max-width:480px){

    .cta{
        padding:58px 0;
    }

    .cta h2{
        font-size:34px;
    }

    .cta .shell > div > span{
        font-size:9px;
        letter-spacing:.18em;
    }
}/* =========================================================
   KAYAK SERVICES
   PREMIUM HERO BOTTOM SERVICE STRIP
   ========================================================= */

.hero-strip{
    position:absolute;
    z-index:12;

    right:0;
    bottom:0;

    width:min(780px,68%);

    display:grid;
    grid-template-columns:repeat(3,1fr);

    overflow:hidden;

    border-top:
        1px solid rgba(255,255,255,.17);

    border-left:
        1px solid rgba(255,255,255,.10);

    background:
        linear-gradient(
            115deg,
            rgba(2,15,39,.94),
            rgba(5,29,67,.91)
        );

    box-shadow:
        -25px -15px 60px rgba(0,0,0,.16);

    backdrop-filter:
        blur(20px);

    -webkit-backdrop-filter:
        blur(20px);

    isolation:isolate;
}


/* =========================================================
   FINE TEXTURE
   ========================================================= */

.hero-strip::before{
    content:"";

    position:absolute;
    inset:0;

    z-index:-2;

    background-image:

        linear-gradient(
            rgba(255,255,255,.025) 1px,
            transparent 1px
        ),

        linear-gradient(
            90deg,
            rgba(255,255,255,.025) 1px,
            transparent 1px
        );

    background-size:
        28px 28px;

    pointer-events:none;
}


/* =========================================================
   BLUE / RED AMBIENT LIGHT
   ========================================================= */

.hero-strip::after{
    content:"";

    position:absolute;

    width:360px;
    height:170px;

    right:-90px;
    bottom:-90px;

    z-index:-1;

    border-radius:50%;

    background:
        radial-gradient(
            circle,
            rgba(215,25,32,.18),
            rgba(13,74,154,.09) 40%,
            transparent 70%
        );

    filter:blur(30px);

    pointer-events:none;
}


/* =========================================================
   INDIVIDUAL ITEM
   ========================================================= */

.hero-strip > div{
    position:relative;

    min-height:100px;

    display:flex;
    flex-direction:column;
    justify-content:center;

    padding:
        22px 27px 22px 32px;

    overflow:hidden;

    border-left:
        1px solid rgba(255,255,255,.09);

    transition:
        background .35s ease,
        padding .35s ease;
}


.hero-strip > div:first-child{
    border-left:0;
}


/* top red accent */

.hero-strip > div::before{
    content:"";

    position:absolute;

    left:0;
    top:0;

    width:0;
    height:3px;

    background:
        linear-gradient(
            90deg,
            #d71920,
            #ff5962
        );

    box-shadow:
        0 0 18px
        rgba(215,25,32,.55);

    transition:
        width .4s
        cubic-bezier(.2,.8,.2,1);
}


/* huge background number */

.hero-strip > div::after{
    position:absolute;

    right:10px;
    bottom:-18px;

    font-size:76px;
    line-height:1;

    font-weight:900;

    color:
        rgba(255,255,255,.025);

    pointer-events:none;
}


.hero-strip > div:nth-child(1)::after{
    content:"01";
}

.hero-strip > div:nth-child(2)::after{
    content:"02";
}

.hero-strip > div:nth-child(3)::after{
    content:"03";
}


/* =========================================================
   TITLE
   ========================================================= */

.hero-strip b{
    position:relative;

    display:flex;
    align-items:center;

    gap:10px;

    margin-bottom:8px;

    color:#fff;

    font-size:12px;
    font-weight:900;

    letter-spacing:.16em;

    transition:
        transform .35s ease;
}


/* red marker */

.hero-strip b::before{
    content:"";

    width:6px;
    height:6px;

    flex:none;

    border-radius:50%;

    background:#ef3340;

    box-shadow:
        0 0 0 4px
        rgba(239,51,64,.10),
        0 0 13px
        rgba(239,51,64,.45);
}


/* =========================================================
   DESCRIPTION
   ========================================================= */

.hero-strip span{
    position:relative;

    display:block;

    padding-left:16px;

    color:#8fa3c0;

    font-size:11px;

    line-height:1.4;

    letter-spacing:.02em;

    transition:
        color .35s ease,
        transform .35s ease;
}


/* =========================================================
   HOVER
   ========================================================= */

.hero-strip > div:hover{

    padding-left:37px;

    background:
        linear-gradient(
            135deg,
            rgba(16,61,126,.48),
            rgba(6,30,67,.30)
        );
}


.hero-strip > div:hover::before{
    width:100%;
}


.hero-strip > div:hover b{
    transform:
        translateX(3px);
}


.hero-strip > div:hover span{
    color:#dce7f6;

    transform:
        translateX(3px);
}


/* =========================================================
   SMALL DECORATIVE CONNECTION LINE
   ========================================================= */

.hero-strip b::after{
    content:"";

    width:22px;
    height:1px;

    margin-left:auto;

    background:
        linear-gradient(
            90deg,
            rgba(255,255,255,.20),
            transparent
        );
}


/* =========================================================
   TABLET
   ========================================================= */

@media(max-width:850px){

    .hero-strip{

        width:100%;

        border-left:0;

        background:
            rgba(3,20,48,.94);
    }

    .hero-strip > div{

        min-height:86px;

        padding:
            18px 16px;
    }

    .hero-strip > div:hover{

        padding-left:20px;
    }

    .hero-strip > div::after{

        font-size:60px;
    }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media(max-width:560px){

    .hero-strip{

        grid-template-columns:
            repeat(3,1fr);

        width:100%;
    }


    .hero-strip > div{

        min-height:72px;

        padding:
            14px 8px;

        align-items:center;

        text-align:center;
    }


    .hero-strip > div:hover{

        padding-left:8px;
    }


    .hero-strip b{

        justify-content:center;

        gap:7px;

        margin:0;

        font-size:9px;

        letter-spacing:.10em;
    }


    .hero-strip b::before{

        width:5px;
        height:5px;
    }


    .hero-strip b::after{

        display:none;
    }


    .hero-strip span{

        display:block;

        padding:0;

        margin-top:5px;

        font-size:8px;

        color:#8094b2;

        white-space:nowrap;
    }


    .hero-strip > div::after{

        font-size:45px;

        right:4px;

        bottom:-10px;
    }

}


/* very small phones */

@media(max-width:390px){

    .hero-strip span{
        font-size:7px;
    }

    .hero-strip b{
        font-size:8px;
    }

}/* =========================================================
   KAYAK SERVICES — PREMIUM LIGHT CONTACT SECTION
   ========================================================= */

.contact{
    position:relative;
    isolation:isolate;
    overflow:hidden;

    background:
        linear-gradient(
            135deg,
            #eef4fc 0%,
            #f7faff 42%,
            #eaf2fb 100%
        );

    color:#071a3e;
}


/* =========================================================
   PREMIUM MICRO GRID TEXTURE
   ========================================================= */

.contact::before{
    content:"";

    position:absolute;
    inset:0;

    z-index:-4;

    background-image:
        linear-gradient(
            rgba(8,45,120,.035) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(8,45,120,.035) 1px,
            transparent 1px
        );

    background-size:48px 48px;

    mask-image:
        linear-gradient(
            90deg,
            rgba(0,0,0,.45),
            #000 50%,
            rgba(0,0,0,.35)
        );

    -webkit-mask-image:
        linear-gradient(
            90deg,
            rgba(0,0,0,.45),
            #000 50%,
            rgba(0,0,0,.35)
        );
}


/* =========================================================
   SOFT BLUE AMBIENT GLOW
   ========================================================= */

.contact::after{
    content:"";

    position:absolute;

    width:650px;
    height:650px;

    left:-330px;
    top:-250px;

    z-index:-3;

    border-radius:50%;

    background:
        radial-gradient(
            circle,
            rgba(29,91,181,.13) 0%,
            rgba(29,91,181,.055) 38%,
            transparent 70%
        );

    pointer-events:none;
}


/* =========================================================
   CONTENT
   ========================================================= */

.contact .split{
    position:relative;
    z-index:3;
}


/* Giant KS watermark */

.contact .split::before{
    content:"KS";

    position:absolute;

    left:-35px;
    bottom:-110px;

    z-index:-2;

    font-size:260px;
    line-height:1;

    font-weight:900;

    letter-spacing:-.1em;

    color:rgba(8,45,120,.027);

    pointer-events:none;
}


/* Decorative logistics rings */

.contact .split::after{
    content:"";

    position:absolute;

    width:420px;
    height:420px;

    right:-230px;
    top:-170px;

    z-index:-2;

    border-radius:50%;

    border:
        1px solid rgba(8,45,120,.07);

    box-shadow:
        0 0 0 65px rgba(8,45,120,.018),
        0 0 0 130px rgba(8,45,120,.012);

    pointer-events:none;
}


/* =========================================================
   CONTACT KICKER
   ========================================================= */

.contact .section-kicker{
    display:inline-flex;
    align-items:center;

    gap:12px;

    color:#d71920;

    font-size:11px;
    font-weight:900;

    letter-spacing:.21em;
}


.contact .section-kicker::before{
    content:"";

    width:28px;
    height:2px;

    background:#d71920;

    box-shadow:
        0 0 12px rgba(215,25,32,.25);
}


/* =========================================================
   MAIN HEADING
   ========================================================= */

.contact h2{
    max-width:560px;

    margin-top:17px;

    color:#071a3e;

    font-size:
        clamp(40px,4.5vw,61px);

    letter-spacing:-.05em;
}


/* location */

.contact .split > div:first-child > p{
    position:relative;

    display:inline-flex;
    align-items:center;

    gap:10px;

    margin-top:8px;

    padding:11px 17px;

    border:
        1px solid rgba(8,45,120,.09);

    border-radius:100px;

    background:
        rgba(255,255,255,.52);

    color:#61718a;

    font-size:13px;

    box-shadow:
        0 8px 30px
        rgba(14,46,91,.04);

    backdrop-filter:blur(10px);
}


.contact .split > div:first-child > p::before{
    content:"";

    width:7px;
    height:7px;

    border-radius:50%;

    background:#d71920;

    box-shadow:
        0 0 0 5px
        rgba(215,25,32,.09);
}


/* =========================================================
   PREMIUM CONTACT CARD
   ========================================================= */

.contact .contact-card{
    position:relative;

    overflow:hidden;

    padding:42px;

    border:
        1px solid rgba(8,45,120,.09);

    border-radius:22px;

    background:
        linear-gradient(
            145deg,
            rgba(255,255,255,.92),
            rgba(244,249,255,.76)
        );

    box-shadow:
        0 30px 80px
        rgba(7,26,62,.10),
        inset 0 1px 0
        rgba(255,255,255,.9);

    backdrop-filter:blur(18px);

    -webkit-backdrop-filter:blur(18px);
}


/* red top detail */

.contact .contact-card::before{
    content:"";

    position:absolute;

    left:0;
    top:0;

    width:95px;
    height:3px;

    background:
        linear-gradient(
            90deg,
            #d71920,
            #f44d56,
            transparent
        );
}


/* subtle glow inside card */

.contact .contact-card::after{
    content:"";

    position:absolute;

    width:180px;
    height:180px;

    right:-80px;
    top:-100px;

    border-radius:50%;

    background:
        radial-gradient(
            circle,
            rgba(22,83,177,.10),
            transparent 70%
        );

    pointer-events:none;
}


/* =========================================================
   PHONE + EMAIL
   ========================================================= */

.contact-card > a{
    position:relative;
    z-index:2;

    display:flex;
    align-items:center;

    min-height:56px;

    padding:0 18px;

    border:
        1px solid rgba(8,45,120,.07);

    border-radius:11px;

    background:
        rgba(239,245,253,.68);

    color:#102a54;

    font-size:15px;
    font-weight:750;

    transition:
        transform .3s ease,
        background .3s ease,
        border-color .3s ease,
        box-shadow .3s ease;
}


.contact-card > a:hover{
    transform:
        translateX(5px);

    background:#fff;

    border-color:
        rgba(8,45,120,.15);

    box-shadow:
        0 10px 25px
        rgba(8,45,120,.07);
}


/* =========================================================
   ENQUIRY BUTTON
   ========================================================= */

.contact-card .btn.primary{
    position:relative;

    min-height:56px;

    margin-top:5px;

    border-radius:11px;

    background:
        linear-gradient(
            125deg,
            #082d78,
            #0b438f
        );

    box-shadow:
        0 14px 30px
        rgba(8,45,120,.20);

    transition:
        transform .3s ease,
        box-shadow .3s ease;
}


.contact-card .btn.primary:hover{
    transform:
        translateY(-3px);

    box-shadow:
        0 18px 38px
        rgba(8,45,120,.27);
}


/* red accent on button */

.contact-card .btn.primary::after{
    content:"";

    position:absolute;

    right:16px;

    width:7px;
    height:7px;

    border-radius:50%;

    background:#ef3340;

    box-shadow:
        0 0 0 5px
        rgba(239,51,64,.14);
}


/* =========================================================
   MOBILE
   ========================================================= */

@media(max-width:850px){

    .contact{
        padding-top:80px;
        padding-bottom:80px;
    }

    .contact .split{
        gap:45px;
    }

    .contact .split::before{
        font-size:180px;

        left:auto;
        right:-30px;

        bottom:-50px;
    }

    .contact .split::after{
        width:280px;
        height:280px;

        right:-190px;
        top:-100px;
    }

}


@media(max-width:560px){

    .contact{
        background:
            linear-gradient(
                150deg,
                #edf4fc,
                #f8fbff 55%,
                #e9f1fb
            );
    }

    .contact h2{
        font-size:39px;
    }

    .contact .contact-card{
        padding:24px;

        border-radius:18px;
    }

    .contact-card > a{
        min-height:52px;

        padding:0 14px;

        font-size:13px;
    }

    .contact .split::before{
        font-size:130px;

        opacity:.7;
    }

    .contact::before{
        background-size:35px 35px;
    }

}/* =========================================================
   KAYAK SERVICES — PREMIUM GALLERY / ON THE MOVE
   ========================================================= */

#gallery{
    position:relative;
    isolation:isolate;
    overflow:hidden;

    background:
        linear-gradient(
            135deg,
            #f4f5f7 0%,
            #fbfcfd 44%,
            #eef1f5 100%
        );

    color:#071a3e;
}


/* =========================================================
   SUBTLE TECHNICAL / LOGISTICS GRID
   ========================================================= */

#gallery::before{
    content:"";

    position:absolute;
    inset:0;

    z-index:-4;

    background-image:
        linear-gradient(
            rgba(7,26,62,.027) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(7,26,62,.027) 1px,
            transparent 1px
        );

    background-size:55px 55px;

    mask-image:
        linear-gradient(
            to bottom,
            rgba(0,0,0,.7),
            rgba(0,0,0,.25) 70%,
            transparent
        );

    -webkit-mask-image:
        linear-gradient(
            to bottom,
            rgba(0,0,0,.7),
            rgba(0,0,0,.25) 70%,
            transparent
        );
}


/* =========================================================
   LARGE ABSTRACT BACKGROUND GEOMETRY
   ========================================================= */

#gallery::after{
    content:"";

    position:absolute;

    width:620px;
    height:620px;

    right:-330px;
    top:-320px;

    z-index:-3;

    border-radius:50%;

    border:
        1px solid rgba(8,45,120,.055);

    box-shadow:
        0 0 0 75px rgba(8,45,120,.014),
        0 0 0 150px rgba(8,45,120,.009);

    pointer-events:none;
}


/* =========================================================
   SECTION CONTENT
   ========================================================= */

#gallery .shell{
    position:relative;
    z-index:2;
}


/* giant background word */

#gallery .shell::before{
    content:"MOVE";

    position:absolute;

    right:-25px;
    top:-62px;

    z-index:-1;

    color:rgba(7,26,62,.024);

    font-size:
        clamp(120px,16vw,230px);

    line-height:1;

    font-weight:900;

    letter-spacing:-.08em;

    pointer-events:none;
}


/* =========================================================
   ON THE MOVE
   ========================================================= */

#gallery .section-kicker{
    position:relative;

    display:inline-flex;
    align-items:center;

    gap:12px;

    padding-left:0;

    color:#d71920;

    font-size:11px;
    font-weight:900;

    letter-spacing:.22em;
}


#gallery .section-kicker::before{
    content:"";

    width:30px;
    height:2px;

    background:
        linear-gradient(
            90deg,
            #d71920,
            #ef3340
        );

    box-shadow:
        0 0 12px
        rgba(215,25,32,.18);
}


/* =========================================================
   GALLERY HEADING
   ========================================================= */

#gallery h2{
    position:relative;

    margin-top:15px;
    margin-bottom:15px;

    color:#071a3e;

    font-size:
        clamp(42px,5vw,64px);

    letter-spacing:-.055em;
}


/* small underline */

#gallery h2::after{
    content:"";

    display:block;

    width:55px;
    height:3px;

    margin-top:18px;

    border-radius:20px;

    background:
        linear-gradient(
            90deg,
            #082d78 0%,
            #d71920 100%
        );
}


/* =========================================================
   GALLERY GRID
   ========================================================= */

#gallery .gallery{
    position:relative;

    display:grid;
    grid-template-columns:
        repeat(3,1fr);

    gap:18px;

    margin-top:48px;
}


/* =========================================================
   IMAGE CARD
   ========================================================= */

#gallery .gallery figure{
    position:relative;

    height:340px;

    margin:0;

    overflow:hidden;

    border-radius:18px;

    background:#dce2ea;

    border:
        1px solid rgba(7,26,62,.07);

    box-shadow:
        0 15px 35px
        rgba(7,26,62,.075);

    transition:
        transform .45s cubic-bezier(.2,.8,.2,1),
        box-shadow .45s ease;
}


/* make selected images larger for editorial feel */

#gallery .gallery figure:nth-child(1),
#gallery .gallery figure:nth-child(5){
    grid-column:span 2;
}


/* =========================================================
   IMAGE
   ========================================================= */

#gallery .gallery img{
    width:100%;
    height:100%;

    object-fit:cover;

    transform:scale(1.01);

    transition:
        transform .7s
        cubic-bezier(.2,.8,.2,1),
        filter .5s ease;
}


/* =========================================================
   IMAGE OVERLAY
   ========================================================= */

#gallery .gallery figure::before{
    content:"";

    position:absolute;
    inset:0;

    z-index:2;

    background:
        linear-gradient(
            180deg,
            transparent 35%,
            rgba(2,12,30,.18) 58%,
            rgba(2,12,30,.92) 100%
        );

    pointer-events:none;

    transition:.45s ease;
}


/* premium red line */

#gallery .gallery figure::after{
    content:"";

    position:absolute;

    z-index:4;

    left:22px;
    top:22px;

    width:0;
    height:3px;

    border-radius:10px;

    background:
        linear-gradient(
            90deg,
            #d71920,
            #ff5c65
        );

    box-shadow:
        0 0 16px
        rgba(215,25,32,.35);

    transition:
        width .45s ease;
}


/* =========================================================
   CAPTION
   ========================================================= */

#gallery .gallery figcaption{
    position:absolute;

    z-index:3;

    left:0;
    right:0;
    bottom:0;

    padding:
        55px 25px 24px;

    color:#fff;

    background:none;

    transform:
        translateY(3px);

    transition:
        transform .4s ease;
}


#gallery .gallery figcaption b{
    display:block;

    font-size:18px;

    letter-spacing:-.015em;
}


#gallery .gallery figcaption span{
    display:flex;
    align-items:center;

    gap:8px;

    margin-top:8px;

    color:#aebed3;

    font-size:10px;
    font-weight:700;

    letter-spacing:.12em;

    text-transform:uppercase;
}


#gallery .gallery figcaption span::before{
    content:"";

    width:14px;
    height:1px;

    background:#ef3340;
}


/* =========================================================
   HOVER EFFECT
   ========================================================= */

#gallery .gallery figure:hover{
    transform:
        translateY(-8px);

    box-shadow:
        0 26px 60px
        rgba(7,26,62,.15);
}


#gallery .gallery figure:hover img{
    transform:
        scale(1.075);
}


#gallery .gallery figure:hover::before{
    background:
        linear-gradient(
            180deg,
            rgba(4,25,61,.03),
            rgba(4,25,61,.15) 50%,
            rgba(2,12,30,.94)
        );
}


#gallery .gallery figure:hover::after{
    width:65px;
}


#gallery .gallery figure:hover figcaption{
    transform:
        translateY(-4px);
}


/* =========================================================
   EMPTY CMS MESSAGE
   ========================================================= */

#gallery .empty{
    grid-column:1/-1;

    padding:55px;

    text-align:center;

    border:
        1px dashed
        rgba(8,45,120,.16);

    border-radius:18px;

    background:
        rgba(255,255,255,.65);

    color:#718098;

    box-shadow:
        0 15px 40px
        rgba(7,26,62,.04);

    backdrop-filter:blur(12px);
}


/* =========================================================
   TABLET
   ========================================================= */

@media(max-width:850px){

    #gallery .gallery{
        grid-template-columns:
            repeat(2,1fr);
    }


    #gallery .gallery figure:nth-child(1),
    #gallery .gallery figure:nth-child(5){
        grid-column:span 2;
    }


    #gallery .gallery figure{
        height:300px;
    }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media(max-width:560px){

    #gallery{
        padding-top:78px;
        padding-bottom:78px;
    }


    #gallery::before{
        background-size:
            38px 38px;
    }


    #gallery .shell::before{
        content:"MOVE";

        top:-20px;
        right:-15px;

        font-size:105px;
    }


    #gallery h2{
        font-size:42px;
    }


    #gallery .gallery{
        grid-template-columns:1fr;

        gap:14px;

        margin-top:38px;
    }


    #gallery .gallery figure,
    #gallery .gallery figure:nth-child(1),
    #gallery .gallery figure:nth-child(5){

        grid-column:span 1;

        height:280px;

        border-radius:15px;
    }


    #gallery .gallery figcaption{
        padding:
            45px 20px 19px;
    }


    #gallery .gallery figcaption b{
        font-size:16px;
    }

}
/* ===== KAYAK ABOUT — AUTHORITATIVE CLEAN BLOCK ===== */
.about-company{position:relative;overflow:hidden;padding:115px 0;background:radial-gradient(circle at 90% 5%,rgba(14,74,160,.09),transparent 28%),linear-gradient(135deg,#f8fafc,#edf3f9 55%,#f9fbfd);color:#071a3e}.about-company:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(8,45,120,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(8,45,120,.025) 1px,transparent 1px);background-size:52px 52px;pointer-events:none}.about-company .shell{position:relative}.about-head{display:grid;grid-template-columns:1.08fr .92fr;gap:80px;align-items:end;padding-bottom:55px}.about-head h2{margin:16px 0 0;font-size:clamp(42px,5vw,67px);line-height:1;letter-spacing:-.055em}.about-head h2 span{color:#75869d}.about-intro{padding-left:26px;border-left:2px solid #d71920}.about-intro b{display:block;margin-bottom:12px;color:#082d78;font-size:10px;letter-spacing:.18em}.about-intro p{margin:0 0 12px;color:#63738a;font-size:14px;line-height:1.8}.about-stats{display:grid;grid-template-columns:repeat(4,1fr);margin-bottom:72px;border:1px solid #dbe2eb}.about-stats article{padding:26px;border-right:1px solid #dbe2eb;background:rgba(255,255,255,.3);transition:.3s}.about-stats article:last-child{border-right:0}.about-stats article:hover{background:#fff;transform:translateY(-4px);box-shadow:0 18px 40px rgba(7,26,62,.06)}.about-stats small{display:block;margin-bottom:17px;color:#d71920;font-weight:900}.about-stats strong{display:block;color:#082d78;font-size:24px}.about-stats span{display:block;margin-top:7px;color:#7b899c;font-size:10px;font-weight:700}.about-main{display:grid;grid-template-columns:1.12fr .88fr;gap:55px}.about-label{display:block;margin-bottom:12px;color:#d71920;font-size:10px;font-weight:900;letter-spacing:.18em}.about-story h3,.fleet h3,.clients h3{margin:8px 0 23px;font-size:clamp(29px,3.3vw,44px);line-height:1.08;letter-spacing:-.04em}.about-story>p{color:#64748a;font-size:14px;line-height:1.85}.about-story>p strong{color:#17345e}.about-points{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:28px}.about-points>div{padding:18px;border:1px solid #dde4ed;border-radius:11px;background:rgba(255,255,255,.62)}.about-points b{display:block;margin-bottom:6px;color:#102e5a;font-size:12px}.about-points span{color:#7b899b;font-size:11px;line-height:1.55}.leadership{position:relative;overflow:hidden;padding:38px;border-radius:22px;background:linear-gradient(145deg,#061a3c,#031126);color:#fff;box-shadow:0 28px 65px rgba(5,25,60,.16)}.leadership:after{content:"KS";position:absolute;right:-15px;bottom:-45px;color:rgba(255,255,255,.025);font-size:170px;font-weight:900}.leadership h3{position:relative;margin:8px 0 12px;font-size:32px}.leadership>p{position:relative;color:#8ea0ba!important;font-size:12px!important;line-height:1.7!important}.leader{position:relative;z-index:2;display:grid;grid-template-columns:48px 1fr auto;gap:15px;align-items:center;padding:22px 0;border-top:1px solid rgba(255,255,255,.09)}.leader>span{width:48px;height:48px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.12);border-radius:12px;background:rgba(255,255,255,.055);font-size:12px;font-weight:900}.leader h4{margin:0 0 5px;font-size:17px}.leader div small{color:#8295b1;font-size:9px;letter-spacing:.07em}.leader>strong{font-size:26px}.leader>strong small{display:block;color:#6f83a2;font-size:7px;letter-spacing:.1em}.fleet{display:grid;grid-template-columns:.9fr 1.1fr;gap:20px 70px;margin-top:72px;padding:52px 0;border-top:1px solid #dbe2eb;border-bottom:1px solid #dbe2eb}.fleet>p{margin:0;color:#6c7c92;font-size:13px;line-height:1.8}.fleet-tags{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:8px}.fleet-tags span{padding:10px 14px;border:1px solid #d8e0eb;border-radius:7px;background:rgba(255,255,255,.65);color:#314966;font-size:10px;font-weight:800;transition:.25s}.fleet-tags span:hover{background:#082d78;border-color:#082d78;color:#fff;transform:translateY(-2px)}.clients{padding:62px 0}.clients-head{display:grid;grid-template-columns:1fr .75fr;gap:70px;align-items:end;margin-bottom:30px}.clients-head p{margin:0;color:#748399;font-size:13px;line-height:1.8}.client-grid{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid #dbe2eb;border-left:1px solid #dbe2eb}.client-grid span{min-height:80px;display:flex;align-items:center;padding:16px;border-right:1px solid #dbe2eb;border-bottom:1px solid #dbe2eb;background:rgba(255,255,255,.4);color:#53647b;font-size:11px;font-weight:750;line-height:1.45}.client-grid span:hover{background:#fff;color:#082d78}.about-trust{display:grid;grid-template-columns:auto 1fr auto auto;gap:20px;align-items:center;padding:27px 30px;border-radius:15px;background:linear-gradient(120deg,#061a3c,#082d67);color:#fff;box-shadow:0 20px 50px rgba(7,26,62,.14)}.about-trust>div{width:43px;height:43px;display:grid;place-items:center;border-radius:50%;background:rgba(215,25,32,.15);color:#ff6069;font-weight:900}.about-trust p{margin:0!important;color:#fff!important}.about-trust small{display:block;margin-bottom:5px;color:#7489a8;font-size:8px;font-weight:900;letter-spacing:.13em}.about-trust strong{display:block;font-size:16px}@media(max-width:950px){.about-head,.about-main,.fleet,.clients-head{grid-template-columns:1fr;gap:32px}.about-stats{grid-template-columns:1fr 1fr}.fleet-tags{grid-column:auto}.client-grid{grid-template-columns:repeat(2,1fr)}.about-trust{grid-template-columns:auto 1fr}.about-trust .btn{grid-column:1/-1}}@media(max-width:600px){.about-company{padding:78px 0}.about-head h2{font-size:40px}.about-intro{padding-left:18px}.about-stats{margin-bottom:48px}.about-stats article{padding:17px 14px}.about-stats strong{font-size:19px}.about-points{grid-template-columns:1fr}.leadership{padding:28px 22px}.leader{grid-template-columns:43px 1fr}.leader>strong{grid-column:2}.fleet{margin-top:48px;padding:42px 0}.clients{padding:48px 0}.client-grid{grid-template-columns:1fr}.client-grid span{min-height:60px}.about-trust{padding:22px 18px}.about-trust p:nth-of-type(2){grid-column:1/-1;padding-top:16px;border-top:1px solid rgba(255,255,255,.1)}}