:root{--navy:#071c3d;--navy-2:#0b2b58;--blue:#1468cb;--sky:#61bdff;--ink:#102b4a;--muted:#5f7187;--line:#dce6ef;--pale:#f3f7fb;--white:#fff;--shadow:0 24px 65px rgba(7,28,61,.11)}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;color:var(--ink);background:#fff;font-family:'DM Sans',Arial,sans-serif;font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}
img,svg{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button,input{font:inherit}
button{cursor:pointer}
:focus-visible{outline:3px solid var(--sky);outline-offset:4px}
section[id]{scroll-margin-top:100px}
.container{width:min(100% - 48px,1200px);margin-inline:auto}
.skip-link{position:absolute;z-index:1000;top:-100px;left:20px;padding:10px 16px;background:#fff;color:var(--navy);border-radius:8px}
.skip-link:focus{top:10px}
.site-header{position:relative;z-index:20;background:#fff;box-shadow:0 1px 0 rgba(7,28,61,.08)}
.utility-bar{background:var(--navy);color:#c8d8eb;font-size:.76rem;letter-spacing:.02em}
.utility-inner{display:flex;align-items:center;justify-content:space-between;min-height:35px;gap:16px}
.utility-inner>span{display:flex;align-items:center;gap:9px}
.utility-inner i{width:6px;height:6px;display:inline-block;background:#54c6ff;border-radius:50%;box-shadow:0 0 0 4px rgba(84,198,255,.12)}
.utility-inner a{color:#fff;font-weight:700;white-space:nowrap}
.utility-inner a:hover{text-decoration:underline}
.nav-inner{min-height:86px;display:flex;align-items:center;gap:32px}
.brand{display:inline-flex;align-items:center;gap:8px;flex:none;color:var(--navy);line-height:1.12}
.brand img{width:64px;height:45px;object-fit:contain}
.brand strong{display:block;font:800 1rem/1.12 Manrope,Arial,sans-serif;letter-spacing:-.045em;white-space:nowrap}
.brand small{display:block;margin-top:4px;color:#4388cc;font-size:.61rem;font-weight:800;letter-spacing:.18em;white-space:nowrap}
.primary-nav{display:flex;align-items:center;gap:27px;margin-left:auto}
.primary-nav>a{font-size:.89rem;font-weight:700;color:#3d5066;white-space:nowrap;transition:color .2s}
.primary-nav>a:hover{color:var(--blue)}
.primary-nav .mobile-book{display:none}
.button{min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:20px;padding:11px 21px;border:1px solid transparent;border-radius:7px;font-weight:800;font-size:.87rem;line-height:1.3;white-space:nowrap;transition:transform .2s,background .2s,box-shadow .2s}
.button:hover{transform:translateY(-2px)}
.button span{font-size:1.16em;line-height:1}
.button-primary{background:var(--blue);color:#fff;box-shadow:0 8px 20px rgba(20,104,203,.15)}
.button-primary:hover{background:#0753ad;box-shadow:0 11px 24px rgba(20,104,203,.24)}
.button-bright{background:#fff;color:var(--navy);box-shadow:0 12px 30px rgba(0,0,0,.16)}
.button-bright:hover{background:#eaf5ff}
.button-outline{color:var(--blue);border-color:#a7c8e9;background:#fff}
.button-outline:hover{background:#eaf5ff}
.button-disabled,.button-disabled-light{cursor:not-allowed;pointer-events:none;box-shadow:none}
.button-disabled{color:#64798e;background:#edf2f6;border-color:#d6e0e9}
.button-disabled-light{color:#e9f4ff;background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.3)}
.button-disabled:hover,.button-disabled-light:hover{transform:none}
.menu-toggle{display:none;width:45px;height:45px;padding:11px;border:1px solid var(--line);border-radius:8px;background:#fff}
.menu-toggle span{display:block;height:2px;margin:4px 0;border-radius:2px;background:var(--navy)}
.hero{position:relative;overflow:hidden;color:#fff;background:#08234b url('hero-cargo.png') center center/cover no-repeat}
.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,22,50,.96) 0%,rgba(5,22,50,.84) 29%,rgba(5,22,50,.31) 65%,rgba(5,22,50,.03) 100%),linear-gradient(0deg,rgba(5,22,50,.52),transparent 32%)}
.hero-inner{position:relative;min-height:656px;display:flex;flex-direction:column;justify-content:space-between;padding-top:108px;padding-bottom:91px}
.hero-content{max-width:620px}
.eyebrow{display:flex;align-items:center;gap:11px;margin:0 0 21px;color:#317dcc;font-size:.73rem;line-height:1.3;font-weight:800;letter-spacing:.16em}
.eyebrow span{width:29px;height:2px;flex:none;background:currentColor}
.eyebrow-light{color:#a9ddff}
h1,h2,h3,p{margin-top:0}
h1,h2,h3{font-family:Manrope,Arial,sans-serif}
.hero h1{max-width:650px;margin:0 0 21px;font-size:clamp(3.15rem,5.6vw,5.7rem);line-height:1.075;letter-spacing:-.075em;font-weight:800}
.hero h1 em{font-style:normal;color:#9bdaff}
.hero-copy{max-width:530px;color:#d9e6f4;font-size:1.13rem;line-height:1.75}
.hero-actions{display:flex;align-items:center;gap:28px;flex-wrap:wrap;margin-top:32px}
.text-link{display:inline-flex;align-items:center;gap:15px;color:var(--blue);font-weight:800;font-size:.9rem;line-height:1.3;transition:gap .2s,color .2s}
.text-link:hover{gap:21px;color:#064c9c}
.text-link-light{color:#fff}
.text-link-light:hover{color:#b5e2ff}
.hero-route{display:flex;align-items:center;gap:20px;width:min(100%,520px);font-size:.72rem;font-weight:800;letter-spacing:.17em;color:#f4f9ff}
.hero-route span{display:flex;align-items:center;gap:8px;white-space:nowrap}
.hero-route i{width:7px;height:7px;display:inline-block;flex:none;border:1px solid #fff;border-radius:50%;box-shadow:0 0 0 5px rgba(255,255,255,.14)}
.hero-route b{height:1px;flex:1;background:linear-gradient(90deg,#80d2ff,rgba(255,255,255,.25))}
.hero-caption{position:absolute;right:18px;bottom:16px;color:rgba(255,255,255,.7);font-size:.66rem;letter-spacing:.02em}
.track-section{position:relative;z-index:2;margin-top:-56px}
.track-card{display:grid;grid-template-columns:64px minmax(220px,1fr) minmax(355px,1.12fr);align-items:center;gap:24px;padding:28px 33px;background:#fff;border:1px solid #e4edf6;border-radius:13px;box-shadow:var(--shadow)}
.track-icon{width:62px;height:62px;display:grid;place-items:center;color:#2e8bd5;background:#e9f5ff;border-radius:11px}
.track-icon svg{width:35px;height:35px}
.kicker{margin:0 0 3px;color:var(--blue);font-size:.65rem;font-weight:800;letter-spacing:.16em}
.track-heading h2{margin:0 0 2px;color:var(--navy);font-size:1.18rem;letter-spacing:-.04em}
.track-heading p:last-child{margin:0;color:var(--muted);font-size:.84rem;line-height:1.48}
.track-form label{display:block;margin-bottom:6px;color:#35506a;font-size:.75rem;font-weight:800}
.track-form>div{display:flex;gap:9px}
.track-form input{width:100%;min-width:0;height:48px;padding:0 14px;color:var(--ink);background:#f8fafc;border:1px solid #cddbe8;border-radius:7px;outline:none}
.track-form input:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(20,104,203,.12)}
.track-form input::placeholder{color:#8796a5}
.track-form .button{flex:none}
.intro-strip{display:flex;align-items:center;justify-content:space-between;gap:40px;padding-block:57px 49px;border-bottom:1px solid var(--line)}
.intro-strip>p{margin:0;color:#72869b;font-size:.67rem;font-weight:800;letter-spacing:.15em;white-space:nowrap}
.intro-strip>div{display:flex;align-items:center;justify-content:space-between;gap:34px;flex:1}
.intro-strip span{display:flex;align-items:center;gap:12px;color:#3b536b;font-size:.83rem;font-weight:700;white-space:nowrap}
.intro-strip b{color:#2686d5;font-size:.76rem}
.section-pad{padding-block:112px}
.section-heading{display:flex;align-items:end;justify-content:space-between;gap:55px;margin-bottom:40px}
.section-heading h2,.destination-copy h2,.faq-side h2,.contact-copy h2{max-width:650px;margin:0;color:var(--navy);font-size:clamp(2.15rem,3.3vw,3.45rem);font-weight:800;line-height:1.18;letter-spacing:-.065em}
.section-heading>p{max-width:340px;margin:0 0 5px;color:var(--muted);font-size:.96rem;line-height:1.75}
.service-grid{display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:18px}
.service-card{min-height:390px;display:flex;flex-direction:column;align-items:start;padding:29px 29px 31px;border:1px solid var(--line);border-radius:12px;background:#fff;transition:transform .2s,box-shadow .2s}
.service-card:hover{transform:translateY(-5px);box-shadow:0 20px 38px rgba(7,28,61,.08)}
.service-card-main{background:#f1f8ff;border-color:#dbeafa}
.service-art{width:100%;height:135px;display:flex;justify-content:center;align-items:center;margin-bottom:21px;border-radius:8px;background:#f5f8fb;color:#398ad1}
.service-art svg{width:145px;height:123px}
.art-box{color:#1977c7;background:radial-gradient(circle at 50% 85%,#c5eaff,transparent 53%),#e3f2ff}
.art-door{background:radial-gradient(circle at 50% 90%,#dceffa,transparent 56%),#f4f8fb}
.art-trace{background:radial-gradient(circle at 50% 90%,#dceffa,transparent 56%),#f4f8fb}
.service-number{margin-bottom:11px;color:#4b91cb;font-size:.68rem;font-weight:800;letter-spacing:.13em}
.service-card h3{margin:0 0 10px;color:var(--navy);font-size:1.27rem;letter-spacing:-.04em}
.service-card p{margin:0 0 22px;color:var(--muted);font-size:.89rem;line-height:1.7}
.service-card .text-link{margin-top:auto;font-size:.84rem}
.destination-section{background:#f2f7fb}
.destination-layout{display:grid;grid-template-columns:.85fr 1.15fr;align-items:center;gap:100px}
.destination-copy h2{margin-bottom:20px}
.destination-copy>p:not(.eyebrow){max-width:490px;margin-bottom:29px;color:var(--muted);font-size:1rem;line-height:1.75}
.route-card{position:relative;overflow:hidden;padding:34px 38px 29px;color:#fff;background:linear-gradient(145deg,#0a3468,#071c3d 65%);border-radius:15px;box-shadow:0 22px 42px rgba(4,33,72,.15)}
.route-card:before{content:"";position:absolute;width:390px;height:390px;top:-210px;right:-120px;border:1px solid rgba(135,208,255,.16);border-radius:50%;box-shadow:0 0 0 85px rgba(135,208,255,.04),0 0 0 170px rgba(135,208,255,.035)}
.route-card-top{position:relative;display:flex;align-items:center;justify-content:space-between;padding-bottom:20px;border-bottom:1px solid rgba(255,255,255,.2)}
.route-card-top>span{font-size:1.25rem;font-weight:800;letter-spacing:-.04em}
.route-card-top>span span{color:#69cbff}
.route-card-top small{color:#aac6e0;font-size:.62rem;font-weight:800;letter-spacing:.15em}
.route-card-visual{position:relative;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:42px 0 40px}
.route-card-visual>div{display:flex;flex-direction:column;align-items:center;z-index:1}
.route-card-visual i{width:15px;height:15px;margin-bottom:13px;border:3px solid #74d2ff;background:#fff;border-radius:50%;box-shadow:0 0 0 8px rgba(116,210,255,.1)}
.route-card-visual strong{font-size:.94rem}
.route-card-visual small{margin-top:2px;color:#9ebdd9;font-size:.73rem}
.route-arc{position:relative;align-self:flex-start;flex:1;margin-top:-9px;border-bottom:2px dashed #69bfea;border-radius:50% 50% 0 0;color:#99d9ff;text-align:center;font-size:1.5rem;line-height:1}
.destination-list{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.destination-list span{min-height:55px;display:flex;align-items:center;gap:9px;padding:11px;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.13);border-radius:6px;font-size:.82rem;font-weight:700;white-space:nowrap}
.destination-list b{color:#84d4ff;font-size:.67rem}
.route-card>p{position:relative;margin:19px 0 0;color:#aec6dc;font-size:.78rem}
.steps-section{background:#fff}
.section-heading-centered{display:block;max-width:710px;margin-inline:auto;margin-bottom:53px;text-align:center}
.section-heading-centered .eyebrow{justify-content:center}
.section-heading-centered h2{margin-inline:auto}
.section-heading-centered>p:last-child{max-width:none;margin:16px 0 0}
.steps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.steps-grid article{position:relative;padding-top:24px;border-top:1px solid #b9d2e7}
.steps-grid article:before{content:"";position:absolute;width:11px;height:11px;top:-6px;left:0;background:var(--blue);border:3px solid #dfedfa;border-radius:50%}
.steps-grid article>span{display:block;margin-bottom:17px;color:#8aacc9;font:800 2.45rem/1 Manrope,Arial,sans-serif;letter-spacing:-.08em}
.steps-grid h3{margin:0 0 9px;color:var(--navy);font-size:1.06rem;letter-spacing:-.04em}
.steps-grid p{margin:0;color:var(--muted);font-size:.88rem;line-height:1.67}
.language-note{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:54px;padding:24px 28px;background:#f2f8fe;border:1px solid #dbecfb;border-radius:9px}
.language-note>div:first-child{display:flex;flex-direction:column;gap:2px}
.language-note strong{font-size:.92rem;color:var(--navy)}
.language-note span{color:var(--muted);font-size:.82rem}
.language-note>div:last-child{display:flex;align-items:center;gap:11px;flex-wrap:wrap}
.language-note a{padding:7px 12px;color:#155fae;background:#fff;border:1px solid #c6dff4;border-radius:5px;font-size:.77rem;font-weight:800}
.language-note a:hover{background:#e1f1ff}
.faq-section{background:#f6f9fc}
.faq-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px}
.faq-side h2{margin-bottom:18px}
.faq-side>p:not(.eyebrow){max-width:330px;color:var(--muted);line-height:1.75}
.faq-side .text-link{margin-top:10px}
.faq-list{border-top:1px solid #cddbe8}
.faq-list details{border-bottom:1px solid #cddbe8}
.faq-list summary{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:75px;padding:15px 2px;list-style:none;color:var(--navy);font-size:1.01rem;font-weight:800;cursor:pointer}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary span{display:grid;place-items:center;width:28px;height:28px;flex:none;color:var(--blue);background:#e8f2fc;border-radius:50%;font-size:1.23rem;font-weight:400;transition:transform .2s}
.faq-list details[open] summary span{transform:rotate(45deg)}
.faq-list details p{max-width:640px;margin:-2px 25px 23px 2px;color:var(--muted);font-size:.91rem;line-height:1.75}
.contact-section{position:relative;overflow:hidden;padding-block:100px;background:radial-gradient(circle at 78% 22%,#164e85,transparent 37%),linear-gradient(145deg,#0b3465,#061a39 64%);color:#fff}
.contact-section:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(135deg,transparent 0,transparent 28px,rgba(255,255,255,.015) 29px,rgba(255,255,255,.015) 30px)}
.contact-layout{position:relative;display:grid;grid-template-columns:1fr .84fr;align-items:center;gap:90px}
.contact-copy h2{max-width:620px;margin-bottom:19px;color:#fff}
.contact-copy>p:not(.eyebrow){max-width:470px;margin-bottom:27px;color:#c4d8ec;font-size:1.02rem;line-height:1.76}
.contact-card{padding:28px 34px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.2);border-radius:11px;backdrop-filter:blur(7px)}
.contact-card h3{margin:0 0 12px;font-size:1.05rem;letter-spacing:-.03em}
.contact-card>div{display:grid;grid-template-columns:70px 1fr;gap:10px;padding:14px 0;border-top:1px solid rgba(255,255,255,.15);line-height:1.5}
.contact-card small{padding-top:2px;color:#88c8f7;font-size:.68rem;font-weight:800;letter-spacing:.14em}
.contact-card a,.contact-card>div>span{font-size:.89rem;font-weight:700}
.contact-card a:hover{text-decoration:underline}
.site-footer{background:#04162f;color:#afc1d6}
.footer-main{display:grid;grid-template-columns:2fr 1fr 1fr;gap:80px;padding-block:60px 52px}
.footer-brand .brand{color:#fff}
.footer-brand p{max-width:310px;margin:16px 0 0;color:#91a8c1;font-size:.86rem;line-height:1.7}
.footer-links{display:flex;flex-direction:column;align-items:flex-start;gap:9px}
.footer-links h2{margin:0 0 9px;color:#fff;font-size:.86rem}
.footer-links a{font-size:.83rem}
.footer-links a:hover{color:#fff}
.footer-bottom{display:flex;justify-content:space-between;gap:20px;padding-block:21px;border-top:1px solid rgba(255,255,255,.13);color:#849ab2;font-size:.75rem}
.footer-bottom a:hover{color:#fff}
.footer-bottom .site-credit{text-decoration:underline;text-underline-offset:3px}
@media(max-width:1120px){.primary-nav{gap:16px}.nav-inner{gap:16px}.primary-nav>a{font-size:.83rem}.destination-layout{gap:55px}.faq-layout{gap:55px}.contact-layout{gap:55px}.track-card{grid-template-columns:55px minmax(180px,1fr) minmax(300px,1.2fr);gap:16px;padding:24px}.track-icon{width:55px;height:55px}}
@media(max-width:980px){.menu-toggle{display:block;margin-left:auto}.primary-nav{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:stretch;gap:0;margin:0;padding:8px 24px 18px;background:#fff;box-shadow:0 20px 25px rgba(7,28,61,.12)}.primary-nav.is-open{display:flex}.primary-nav>a{padding:11px 3px;font-size:.95rem}.primary-nav .mobile-book{display:block;color:var(--blue)}.header-cta{display:none}.track-card{grid-template-columns:56px 1fr;gap:14px 19px}.track-form{grid-column:1/-1}.intro-strip{align-items:flex-start;flex-direction:column;gap:13px}.intro-strip>div{width:100%}.service-grid{grid-template-columns:repeat(3,1fr)}.service-card{padding:22px}.destination-layout{gap:32px}.route-card{padding:25px}.destination-list{grid-template-columns:1fr}.destination-list span{min-height:42px}.route-card-visual{padding:32px 0}.faq-layout{gap:30px}}
@media(max-width:980px){.primary-nav .mobile-book[aria-disabled="true"]{padding:11px 3px;color:#8496a7;cursor:not-allowed}}
@media(max-width:720px){.container{width:min(100% - 36px,1200px)}.utility-inner{justify-content:center}.utility-inner>span{display:none}.nav-inner{min-height:70px}.brand img{width:55px;height:39px}.brand strong{font-size:.9rem}.brand small{font-size:.53rem}.hero-inner{min-height:630px;padding-top:80px;padding-bottom:95px}.hero:before{background:linear-gradient(90deg,rgba(5,22,50,.94),rgba(5,22,50,.55)),linear-gradient(0deg,rgba(5,22,50,.65),transparent 50%)}.hero h1{font-size:clamp(3.1rem,11vw,4.4rem)}.hero-copy{font-size:1rem}.hero-actions{gap:22px}.hero-route{font-size:.63rem;letter-spacing:.1em}.track-section{margin-top:-51px}.track-card{grid-template-columns:50px 1fr;padding:20px;gap:13px}.track-icon{width:49px;height:49px}.track-icon svg{width:30px}.track-form>div{flex-direction:column}.track-form .button{width:100%}.intro-strip{padding-block:40px}.intro-strip>div{display:grid;gap:10px}.section-pad{padding-block:76px}.section-heading{display:block;margin-bottom:28px}.section-heading h2,.destination-copy h2,.faq-side h2,.contact-copy h2{font-size:clamp(2.1rem,8vw,2.9rem)}.section-heading>p{max-width:530px;margin-top:16px}.service-grid{grid-template-columns:1fr}.service-card{min-height:0;padding:24px}.service-art{height:117px}.service-art svg{height:110px}.destination-layout,.faq-layout,.contact-layout{grid-template-columns:1fr;gap:35px}.destination-copy>p:not(.eyebrow){margin-bottom:24px}.steps-grid{grid-template-columns:repeat(2,1fr);gap:30px 22px}.language-note{align-items:flex-start;flex-direction:column;padding:21px;margin-top:43px}.contact-section{padding-block:75px}.footer-main{grid-template-columns:1fr 1fr;gap:32px;padding-block:47px}.footer-brand{grid-column:1/-1}.footer-bottom{flex-direction:column;gap:5px}}
@media(max-width:480px){.hero-inner{min-height:635px;padding-top:70px}.hero-actions{align-items:flex-start;flex-direction:column;gap:22px}.hero-route{gap:11px}.hero-caption{font-size:.56rem}.route-card-top small{font-size:.55rem}.route-card-visual strong{font-size:.8rem}.steps-grid{grid-template-columns:1fr}.steps-grid article>span{margin-bottom:10px}.faq-list summary{font-size:.91rem}.contact-card{padding:23px}.footer-main{gap:25px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
