@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap');

:root{
--navy:#081e32;
--blue:#0e3854;
--cyan:#27bdd0;
--cyan-soft:#dff6f8;
--sky:#edf7f9;
--ink:#112c42;
--muted:#667a89;
--line:#dce5e9;
--paper:#f8fafb;
--white:#fff;
--radius:18px;
--shadow:0 24px 70px rgba(8,30,50,.11)
}

*{
box-sizing:border-box
}
html{
scroll-behavior:smooth
}
body{
margin:0;
background:var(--white);
color:var(--ink);
font-family:'DM Sans',sans-serif;
overflow-x:hidden
}
a{
color:inherit;
text-decoration:none
}
img{
max-width:100%
}
button,input,select,textarea{
font:inherit
}
.container{
width:min(1180px,calc(100% - 48px));
margin:auto
}
.eyebrow{
display:flex;
align-items:center;
gap:10px;
color:#168b9c;
font-size:11px;
font-weight:800;
letter-spacing:.17em;
text-transform:uppercase
}
.eyebrow:before{
content:'';
width:28px;
height:1px;
background:currentColor
}
.eyebrow.light{
color:#82dbe5
}
.display{
font:700 clamp(44px,6.1vw,84px)/.99 'Manrope';
letter-spacing:-.055em;
margin:22px 0
}
.display em,.title em{
font-style:normal;
color:var(--cyan)
}
.title{
font:700 clamp(35px,4.2vw,58px)/1.08 'Manrope';
letter-spacing:-.045em;
margin:20px 0
}
.lead{
font-size:18px;
line-height:1.75;
color:var(--muted);
max-width:620px
}
.button{
display:inline-flex;
align-items:center;
justify-content:center;
gap:26px;
min-height:52px;
padding:0 22px;
background:var(--cyan);
color:var(--navy);
border:0;
border-radius:10px;
font-size:14px;
font-weight:800;
transition:.25s;
cursor:pointer
}
.button:hover{
transform:translateY(-2px);
box-shadow:0 14px 35px rgba(39,189,208,.25)
}
.button.dark{
background:var(--navy);
color:white
}
.button.ghost{
background:transparent;
color:inherit;
border:1px solid currentColor
}
.text-link{
font-size:14px;
font-weight:800;
display:inline-flex;
align-items:center;
gap:10px
}
.site-header{
height:88px;
display:flex;
align-items:center;
padding:0 max(3vw,24px);
position:sticky;
top:0;
z-index:30;
background:rgba(255,255,255,.92);
backdrop-filter:blur(18px);
border-bottom:1px solid rgba(220,229,233,.8)
}
.brand-image{
position:relative;
width:154px;
height:62px;
overflow:hidden;
display:block;
flex:none;
background:#2d2e2e;
border-radius:3px
}
.brand-image img{
position:absolute;
width:174px;
height:174px;
max-width:none;
left:-10px;
top:-52px;
object-fit:contain
}
.desktop-nav{
display:flex;
align-items:center;
gap:30px;
margin:auto;
font-size:13px;
font-weight:700
}
.desktop-nav a{
padding:34px 0;
position:relative
}
.desktop-nav a:after{
content:'';
position:absolute;
left:0;
right:100%;
bottom:23px;
height:2px;
background:var(--cyan);
transition:.25s
}
.desktop-nav a:hover:after,.desktop-nav a.active:after{
right:0
}
.header-actions{
display:flex;
align-items:center;
gap:12px
}
.lang-switch,.menu-toggle{
border:0;
background:transparent;
color:var(--ink);
font-weight:800;
cursor:pointer
}
.button-small{
min-height:44px;
padding:0 17px
}
.menu-toggle{
display:none
}
.home-hero{
min-height:740px;
background:var(--navy);
color:white;
position:relative;
overflow:hidden
}
.home-hero:after{
content:'';
position:absolute;
width:680px;
height:680px;
border-radius:50%;
right:-250px;
top:-310px;
background:radial-gradient(circle,rgba(39,189,208,.26),transparent 68%)
}
.hero-grid{
min-height:660px;
display:grid;
grid-template-columns:1.05fr .8fr;
align-items:center;
gap:8vw;
position:relative;
z-index:1
}
.hero-copy p{
color:#b5c8d4
}
.hero-actions{
display:flex;
align-items:center;
gap:28px;
margin-top:38px
}
.ops-board{
background:white;
color:var(--ink);
border-radius:var(--radius);
padding:18px;
box-shadow:var(--shadow);
transform:rotate(1deg)
}
.ops-head{
display:flex;
justify-content:space-between;
align-items:center;
padding:10px 8px 22px;
border-bottom:1px solid var(--line)
}
.ops-head span{
font-size:10px;
font-weight:800;
letter-spacing:.13em;
color:var(--muted)
}
.live{
display:flex;
align-items:center;
gap:7px;
font-size:10px!important;
color:#148b73!important
}
.live:before{
content:'';
width:7px;
height:7px;
background:#26ba94;
border-radius:50%;
box-shadow:0 0 0 5px #dff7ef
}
.trip{
display:grid;
grid-template-columns:42px 1fr auto;
gap:14px;
align-items:center;
padding:18px 8px;
border-bottom:1px solid var(--line)
}
.trip>i{
width:40px;
height:40px;
border-radius:12px;
background:var(--sky);
display:grid;
place-items:center;
font-style:normal;
font-size:11px;
font-weight:800
}
.trip.active>i{
background:var(--cyan)
}
.trip div{
display:flex;
flex-direction:column;
gap:5px
}
.trip small{
font-size:9px;
color:var(--muted);
letter-spacing:.13em
}
.trip strong{
font:700 15px 'Manrope'
}
.trip>b{
font-size:11px;
color:#168b9c
}
.ops-foot{
background:var(--paper);
border-radius:12px;
margin-top:14px;
padding:15px;
display:flex;
gap:10px;
align-items:center;
font-size:11px;
color:var(--muted)
}
.ops-foot b{
width:29px;
height:29px;
border-radius:50%;
background:var(--navy);
color:white;
display:grid;
place-items:center
}
.proof-bar{
border-top:1px solid rgba(255,255,255,.12);
display:grid;
grid-template-columns:repeat(4,1fr);
position:relative;
z-index:1
}
.proof-bar div{
padding:24px 0;
border-right:1px solid rgba(255,255,255,.12);
display:flex;
align-items:center;
gap:12px
}
.proof-bar strong{
font:700 21px 'Manrope';
color:var(--cyan)
}
.proof-bar span{
font-size:10px;
color:#a9bdc8;
letter-spacing:.05em
}
.section{
padding:110px 0
}
.section-head{
display:flex;
justify-content:space-between;
align-items:end;
gap:50px;
margin-bottom:48px
}
.section-head p{
margin:0
}
.service-list{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:18px
}
.service-tile{
border:1px solid var(--line);
border-radius:var(--radius);
padding:30px;
min-height:300px;
display:flex;
flex-direction:column;
transition:.25s;
background:white
}
.service-tile:hover{
transform:translateY(-5px);
box-shadow:var(--shadow);
border-color:transparent
}
.service-tile>span{
width:45px;
height:45px;
border-radius:13px;
background:var(--cyan-soft);
display:grid;
place-items:center;
font-size:18px
}
.service-tile small{
margin-top:auto;
color:#168b9c;
font-weight:800
}
.service-tile h3{
font:700 20px 'Manrope';
margin:20px 0 10px
}
.service-tile p{
font-size:14px;
line-height:1.65;
color:var(--muted)
}
.split-panel{
display:grid;
grid-template-columns:1fr 1fr;
background:var(--paper)
}
.split-copy{
padding:90px max(6vw,50px)
}
.split-copy p{
line-height:1.8;
color:var(--muted)
}
.scope-panel{
background:var(--navy);
color:white;
padding:70px max(5vw,45px)
}
.scope-line{
display:flex;
gap:14px;
padding:18px 0;
border-bottom:1px solid rgba(255,255,255,.13)
}
.scope-line i{
font-style:normal;
color:var(--cyan)
}
.scope-line span{
font-size:14px
}
.journey{
background:var(--sky)
}
.journey-grid{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:16px
}
.journey-step{
background:white;
border-radius:var(--radius);
padding:26px;
min-height:210px
}
.journey-step>b{
font-size:11px;
color:#168b9c
}
.journey-step h3{
font:700 17px 'Manrope';
margin:35px 0 10px
}
.journey-step p{
font-size:13px;
line-height:1.6;
color:var(--muted)
}
.cta-band{
background:var(--cyan);
color:var(--navy);
padding:65px 0
}
.cta-inner{
display:flex;
align-items:center;
justify-content:space-between;
gap:50px
}
.cta-inner h2{
font:700 clamp(30px,4vw,50px)/1.05 'Manrope';
letter-spacing:-.04em;
margin:0;
max-width:720px
}
.page-hero{
padding:95px 0 80px;
background:var(--paper);
border-bottom:1px solid var(--line)
}
.page-hero .lead{
margin-top:0
}
.breadcrumb{
font-size:11px;
color:var(--muted);
margin-bottom:35px
}
.breadcrumb a{
color:#168b9c
}
.page-grid{
display:grid;
grid-template-columns:.65fr 1.35fr;
gap:10vw
}
.page-aside{
position:sticky;
top:120px;
align-self:start
}
.page-aside ul{
list-style:none;
padding:0;
margin:25px 0
}
.page-aside li{
padding:12px 0;
border-bottom:1px solid var(--line);
font-size:13px
}
.rich h2{
font:700 32px 'Manrope';
letter-spacing:-.03em;
margin:0 0 20px
}
.rich h3{
font:700 20px 'Manrope';
margin:40px 0 12px
}
.rich p,.rich li{
font-size:16px;
line-height:1.8;
color:var(--muted)
}
.rich blockquote{
margin:40px 0;
padding:28px;
background:var(--cyan-soft);
border-radius:var(--radius);
font:600 19px/1.5 'Manrope'
}
.feature-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:16px
}
.feature{
padding:26px;
border:1px solid var(--line);
border-radius:var(--radius)
}
.feature b{
font-size:11px;
color:#168b9c
}
.feature h3{
font:700 17px 'Manrope'
}
.feature p{
font-size:13px;
line-height:1.6;
color:var(--muted)
}
.contact-layout{
display:grid;
grid-template-columns:.75fr 1.25fr;
gap:9vw
}
.contact-info a{
display:block;
font:700 20px 'Manrope';
margin:14px 0
}
.contact-form{
background:var(--paper);
border:1px solid var(--line);
padding:36px;
border-radius:var(--radius)
}
.contact-form label{
display:block;
font-size:11px;
font-weight:800;
margin-bottom:20px
}
.contact-form input,.contact-form textarea,.contact-form select{
width:100%;
margin-top:8px;
padding:14px;
border:1px solid var(--line);
border-radius:9px;
background:white;
outline:none
}
.contact-form input:focus,.contact-form textarea:focus,.contact-form select:focus{
border-color:var(--cyan)
}
.form-row{
display:grid;
grid-template-columns:1fr 1fr;
gap:16px
}
.consent{
display:flex!important;
align-items:flex-start;
gap:10px;
color:var(--muted);
line-height:1.5;
font-weight:500!important
}
.consent input{
width:auto;
margin-top:2px
}
.form-note{
font-size:13px
}
.faq{
border-top:1px solid var(--line)
}
.faq details{
border-bottom:1px solid var(--line);
padding:20px 0
}
.faq summary{
font-weight:700;
cursor:pointer
}
.faq p{
color:var(--muted);
line-height:1.7
}
.site-footer{
background:#061725;
color:#9eb1bd;
padding:65px 0 25px
}
.footer-grid{
display:grid;
grid-template-columns:1.3fr repeat(3,1fr);
gap:50px
}
.brand-footer{
width:175px;
height:78px;
background:transparent
}
.brand-footer img{
width:198px;
height:198px;
left:-11px;
top:-59px
}
.footer-grid h4{
color:white;
font:700 13px 'Manrope';
margin:0 0 18px
}
.footer-grid a{
display:block;
font-size:12px;
margin:11px 0
}
.footer-grid p{
font-size:13px;
line-height:1.7;
max-width:290px
}
.footer-bottom{
border-top:1px solid rgba(255,255,255,.11);
margin-top:45px;
padding-top:22px;
display:flex;
justify-content:space-between;
font-size:11px
}
.reveal{
opacity:0;
transform:translateY(18px);
transition:.65s
}
.reveal.visible{
opacity:1;
transform:none
}

@media(max-width:960px){
.desktop-nav,.header-actions>.button{
display:none
}
.menu-toggle{
display:block
}
.site-header.menu-open .desktop-nav{
display:flex;
position:absolute;
top:88px;
left:0;
right:0;
background:white;
padding:25px;
flex-direction:column;
align-items:flex-start;
box-shadow:var(--shadow)
}
.desktop-nav a{
padding:8px
}
.hero-grid,.split-panel,.page-grid,.contact-layout{
grid-template-columns:1fr
}
.home-hero{
min-height:auto
}
.hero-grid{
padding:80px 0
}
.ops-board{
max-width:570px
}
.proof-bar{
grid-template-columns:1fr 1fr
}
.proof-bar div{
padding:20px
}
.service-list,.feature-grid{
grid-template-columns:1fr 1fr
}
.journey-grid{
grid-template-columns:1fr 1fr
}
.page-aside{
position:static
}
.footer-grid{
grid-template-columns:1fr 1fr
}
.section-head{
align-items:flex-start;
flex-direction:column
}
.split-copy,.scope-panel{
padding:70px 6vw
}

}

@media(max-width:600px){
.container{
width:min(100% - 36px,1180px)
}
.site-header{
height:76px;
padding:0 18px
}
.brand-image{
width:135px;
height:54px
}
.brand-image img{
width:154px;
height:154px;
top:-46px
}
.site-header.menu-open .desktop-nav{
top:76px
}
.display{
font-size:42px
}
.title{
font-size:34px
}
.hero-actions{
align-items:flex-start;
flex-direction:column;
gap:20px
}
.proof-bar,.service-list,.feature-grid,.journey-grid,.footer-grid,.form-row{
grid-template-columns:1fr
}
.proof-bar div{
border-bottom:1px solid rgba(255,255,255,.12)
}
.section{
padding:75px 0
}
.page-hero{
padding:65px 0
}
.cta-inner,.footer-bottom{
align-items:flex-start;
flex-direction:column
}
.contact-form{
padding:24px
}
.ops-board{
padding:13px
}

}

@media(prefers-reduced-motion:reduce){
.reveal{
opacity:1;
transform:none;
transition:none
}
html{
scroll-behavior:auto
}

}

.site-header>.brand-image{
height:70px
}

@media(max-width:600px){
.site-header>.brand-image{
height:58px
}

}


/* 2026 editorial travel direction */
@import url('https://fonts.googleapis.com/css2?family=Newsreader:ital,opsz,wght@1,6..72,500&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap');

:root{
--navy:#1c2328;
--blue:#283137;
--cyan:#315bd6;
--cyan-soft:#e8edff;
--sky:#eceae4;
--ink:#1c2328;
--muted:#697176;
--line:#d8d8d2;
--paper:#f3f1eb;
--white:#fbfaf7;
--radius:2px;
--shadow:0 30px 80px rgba(28,35,40,.12)
}

body{
background:var(--white);
font-family:'Plus Jakarta Sans',sans-serif
}

.site-header{
height:82px;
background:rgba(251,250,247,.94);
border-color:#deddd7;
padding:0 max(3.5vw,24px)
}

.site-header>.brand-image{
width:132px;
height:56px;
background:#2d2e2e;
border-radius:0
}

.site-header>.brand-image img{
width:151px;
height:151px;
left:-9px;
top:-45px
}

.desktop-nav{
gap:28px;
font-size:12px
}
.desktop-nav a{
padding:31px 0
}
.desktop-nav a:after{
bottom:20px;
background:var(--cyan);
height:1px
}

.display,.title{
font-family:'Plus Jakarta Sans',sans-serif
}
.display{
font-weight:600;
letter-spacing:-.065em;
line-height:.98
}
.title{
font-weight:600;
letter-spacing:-.055em
}
.display em,.title em{
font-family:'Newsreader',serif;
font-weight:500;
color:var(--cyan);
letter-spacing:-.03em
}

.eyebrow{
color:var(--cyan);
font-size:10px
}
.button{
background:var(--cyan);
color:white;
border-radius:0;
min-height:54px;
padding:0 24px
}
.button:hover{
box-shadow:0 14px 35px rgba(49,91,214,.2)
}
.button.dark{
background:#1c2328
}
.button.ghost{
background:transparent;
color:inherit
}

.home-hero{
background:var(--paper);
color:var(--ink);
min-height:720px;
border-bottom:1px solid var(--line)
}
.home-hero:after{
width:550px;
height:550px;
right:-180px;
top:-170px;
background:radial-gradient(circle,rgba(49,91,214,.09),transparent 70%)
}
.hero-grid{
min-height:620px;
grid-template-columns:1.05fr .75fr;
gap:10vw
}
.hero-copy p{
color:var(--muted)
}
.eyebrow.light{
color:var(--cyan)
}
.ops-board{
background:#1c2328;
color:white;
border-radius:0;
transform:none;
padding:22px;
box-shadow:0 40px 90px rgba(28,35,40,.18)
}
.ops-head{
border-color:rgba(255,255,255,.15)
}
.ops-head span{
color:#a8b0b4
}
.trip{
border-color:rgba(255,255,255,.13)
}
.trip>i{
border-radius:50%;
background:#313a40;
color:white
}
.trip.active>i{
background:var(--cyan)
}
.trip small{
color:#919da3
}
.trip>b{
color:#99aae6
}
.ops-foot{
background:#272f34;
color:#aeb7bb;
border-radius:0
}
.ops-foot b{
background:white;
color:#1c2328
}
.live{
color:#8ad6b8!important
}
.proof-bar{
border-color:var(--line);
color:var(--ink)
}
.proof-bar div{
border-color:var(--line)
}
.proof-bar strong{
color:var(--cyan)
}
.proof-bar span{
color:var(--muted)
}

.section{
padding:125px 0
}
.section-head{
margin-bottom:58px
}
.service-list{
gap:0;
border-top:1px solid var(--line);
border-bottom:1px solid var(--line)
}
.service-tile{
border:0;
border-right:1px solid var(--line);
border-radius:0;
padding:38px;
min-height:340px;
background:transparent
}
.service-tile:last-child{
border-right:0
}
.service-tile:hover{
box-shadow:none;
background:white;
transform:none
}
.service-tile>span{
background:transparent;
border:1px solid var(--line);
border-radius:50%;
color:var(--cyan)
}
.service-tile h3{
font-size:19px
}
.service-tile small{
color:var(--cyan)
}

.split-panel{
background:#e9e6df
}
.split-copy{
padding:110px max(7vw,55px)
}
.scope-panel{
background:#1c2328;
padding:90px max(6vw,50px)
}
.scope-line i{
color:#8fa8ff
}
.journey{
background:#efede7
}
.journey-grid{
gap:1px;
background:var(--line);
border:1px solid var(--line)
}
.journey-step{
border-radius:0;
min-height:230px
}
.journey-step>b{
color:var(--cyan)
}
.cta-band{
background:var(--cyan);
color:white
}
.cta-band .button.dark{
background:white;
color:#1c2328
}

.page-hero{
background:#e9e6df;
border-color:var(--line);
padding:105px 0 90px
}
.breadcrumb a{
color:var(--cyan)
}
.page-aside li{
font-size:12px
}
.rich blockquote{
background:#e8edff;
border-radius:0;
border-left:3px solid var(--cyan)
}
.feature-grid{
gap:1px;
background:var(--line);
border:1px solid var(--line)
}
.feature{
background:var(--white);
border:0;
border-radius:0;
min-height:200px
}
.feature b{
color:var(--cyan)
}
.contact-form{
background:#efede7;
border:0;
border-radius:0;
padding:44px
}
.contact-form input,.contact-form textarea,.contact-form select{
border-radius:0;
background:var(--white)
}

.site-footer{
background:#171d21
}
.brand-footer{
width:155px;
height:70px!important
}
.brand-footer img{
width:178px;
height:178px;
left:-10px;
top:-53px
}
.footer-grid h4{
font-size:11px;
letter-spacing:.08em
}
.footer-grid a{
font-size:11px
}

@media(max-width:960px){
.site-header.menu-open .desktop-nav{
top:82px;
background:var(--white)
}
.service-list{
gap:1px
}
.service-tile{
border-right:0
}
.home-hero{
min-height:auto
}
.hero-grid{
padding:95px 0
}

}

@media(max-width:600px){
.site-header{
height:72px
}
.site-header>.brand-image{
width:118px;
height:50px
}
.site-header>.brand-image img{
width:136px;
height:136px;
top:-40px
}
.site-header.menu-open .desktop-nav{
top:72px
}
.display{
font-size:44px
}
.section{
padding:85px 0
}
.proof-bar div{
border-color:var(--line)
}

}


/* Purposeful motion system */
.scroll-progress{
position:fixed;
z-index:100;
left:0;
right:0;
top:0;
height:2px;
background:var(--cyan);
transform:scaleX(0);
transform-origin:left;
transition:transform .08s linear
}

.site-header{
transition:height .35s,box-shadow .35s,background .35s
}
.site-header.scrolled{
box-shadow:0 10px 35px rgba(28,35,40,.07)
}

.site-header .brand-image,.desktop-nav,.header-actions{
opacity:0;
transform:translateY(-10px);
transition:opacity .6s,transform .6s
}
.page-ready .site-header .brand-image,.page-ready .desktop-nav,.page-ready .header-actions{
opacity:1;
transform:none
}
.desktop-nav{
transition-delay:.08s
}
.header-actions{
transition-delay:.16s
}

.hero-copy .eyebrow,.hero-copy .display,.hero-copy .lead,.hero-actions{
opacity:0;
transform:translateY(24px);
transition:opacity .75s cubic-bezier(.2,.7,.2,1),transform .75s cubic-bezier(.2,.7,.2,1)
}
.page-ready .hero-copy .eyebrow,.page-ready .hero-copy .display,.page-ready .hero-copy .lead,.page-ready .hero-actions{
opacity:1;
transform:none
}
.page-ready .hero-copy .display{
transition-delay:.1s
}
.page-ready .hero-copy .lead{
transition-delay:.2s
}
.page-ready .hero-actions{
transition-delay:.3s
}

.ops-board{
opacity:0;
transform:translateX(35px) scale(.97);
transition:opacity .9s .28s cubic-bezier(.2,.7,.2,1),transform .9s .28s cubic-bezier(.2,.7,.2,1),box-shadow .35s
}
.page-ready .ops-board{
opacity:1;
transform:none
}
.ops-board:hover{
box-shadow:0 50px 110px rgba(28,35,40,.24)
}

.live:before{
animation:livePulse 1.8s infinite
}
.trip{
position:relative;
transition:background .45s,padding .45s
}
.trip:after{
content:'';
position:absolute;
left:0;
bottom:-1px;
width:0;
height:1px;
background:#6687e8;
transition:width 1.6s
}
.trip.active{
background:rgba(255,255,255,.025);
padding-left:14px
}
.trip.active:after{
width:100%
}
.trip>i{
transition:background .45s,transform .45s,color .45s
}
.trip.active>i{
transform:scale(1.08)
}

.reveal,.service-tile,.journey-step,.feature,.scope-line{
opacity:0;
transform:translateY(26px);
transition:opacity .7s var(--delay,0ms) cubic-bezier(.2,.7,.2,1),transform .7s var(--delay,0ms) cubic-bezier(.2,.7,.2,1)
}
.reveal.visible,.service-tile.visible,.journey-step.visible,.feature.visible,.scope-line.visible{
opacity:1;
transform:none
}

.service-tile{
position:relative;
overflow:hidden
}
.service-tile:after{
content:'';
position:absolute;
left:0;
right:100%;
bottom:0;
height:3px;
background:var(--cyan);
transition:right .45s
}
.service-tile:hover:after{
right:0
}
.service-tile>span{
transition:transform .45s,background .45s,color .45s
}
.service-tile:hover>span{
transform:rotate(8deg) scale(1.08);
background:var(--cyan);
color:white
}
.service-tile small,.text-link{
transition:gap .3s,color .3s
}
.service-tile:hover small,.text-link:hover{
color:var(--cyan)
}
.text-link:hover{
gap:16px
}

.journey-step{
transition:opacity .7s var(--delay,0ms),transform .7s var(--delay,0ms),background .35s
}
.journey-step:hover{
background:#fff
}
.journey-step>b{
display:inline-block;
transition:transform .35s
}
.journey-step:hover>b{
transform:translateX(8px)
}

.button{
position:relative;
overflow:hidden
}
.button:before{
content:'';
position:absolute;
inset:0;
background:rgba(255,255,255,.18);
transform:translateX(-105%) skewX(-18deg);
transition:transform .55s
}
.button:hover:before{
transform:translateX(105%) skewX(-18deg)
}
.button.loading{
pointer-events:none;
opacity:.65
}
.button.loading:after{
content:'';
width:14px;
height:14px;
border:2px solid currentColor;
border-right-color:transparent;
border-radius:50%;
animation:spin .7s linear infinite
}

.cta-band{
background-size:200% 100%;
background-image:linear-gradient(110deg,#315bd6 0%,#4a70df 45%,#315bd6 100%);
animation:ctaFlow 8s linear infinite
}

@keyframes livePulse{
0%,100%{
box-shadow:0 0 0 4px rgba(91,219,177,.13)
}
50%{
box-shadow:0 0 0 9px rgba(91,219,177,0)
}

}
@keyframes spin{
to{
transform:rotate(360deg)
}

}
@keyframes ctaFlow{
to{
background-position:200% 0
}

}

@media(prefers-reduced-motion:reduce){
.scroll-progress{
display:none
}
.site-header .brand-image,.desktop-nav,.header-actions,.hero-copy .eyebrow,.hero-copy .display,.hero-copy .lead,.hero-actions,.ops-board,.reveal,.service-tile,.journey-step,.feature,.scope-line{
opacity:1;
transform:none;
transition:none
}
.live:before,.cta-band{
animation:none
}

}


/* V4 — premium mobility / concierge */
:root{
--navy:#0c0e0f;
--blue:#171a1c;
--cyan:#ff5a36;
--cyan-soft:#ffe4dc;
--sky:#171a1c;
--ink:#151718;
--muted:#74787a;
--line:#d7d4cd;
--paper:#f1eee7;
--white:#f5f7fa;
--radius:0;
--shadow:32px 32px 0 #111415
}

body{
background:#f5f7fa;
color:#151718;
font-family:Inter,'Plus Jakarta Sans',sans-serif
}
.site-header{
height:88px;
background:rgba(245,247,250,.94);
border-color:#d7d4cd;
display:grid;
grid-template-columns:170px 1fr auto
}
.site-header.scrolled{
height:74px
}
.site-header>.brand-image{
width:138px;
height:58px
}
.site-header>.brand-image img{
width:158px;
height:158px;
left:-10px;
top:-47px
}
.desktop-nav{
font-family:'DM Mono',monospace;
font-size:10px;
text-transform:uppercase;
letter-spacing:.04em
}
.desktop-nav a:after{
background:#ff5a36;
height:2px
}
.lang-switch{
font-family:'DM Mono',monospace
}
.button{
background:#ff5a36;
border:1px solid #ff5a36;
color:white;
border-radius:0;
font-family:'DM Mono',monospace;
font-size:11px;
text-transform:uppercase;
box-shadow:none
}
.button:hover{
color:#0c0e0f;
box-shadow:none
}
.button.dark{
background:#0c0e0f
}
.eyebrow{
color:#ff5a36;
font-family:'DM Mono',monospace
}
.eyebrow:before{
content:'◆';
width:auto;
height:auto;
background:none;
font-size:7px
}
.display{
font-size:clamp(55px,7.2vw,106px);
line-height:.88;
letter-spacing:-.075em;
font-weight:800
}
.display em,.title em{
display:block;
color:#ff5a36;
font-family:inherit;
font-style:normal;
font-weight:400
}
.title{
font-size:clamp(39px,5vw,70px);
line-height:.98;
font-weight:700
}
.text-link{
font-family:'DM Mono',monospace;
font-size:10px;
text-transform:uppercase
}

.home-hero{
background:#0c0e0f;
color:white;
min-height:790px
}
.home-hero:before{
content:'G';
position:absolute;
right:-4vw;
top:0;
font-size:700px;
line-height:.8;
font-weight:900;
color:#121516
}
.home-hero:after{
background:none
}
.hero-grid{
min-height:665px;
grid-template-columns:1.1fr .62fr;
gap:8vw
}
.hero-copy p{
color:#a6aaac
}
.ops-board{
background:#f1eee7;
color:#151718;
border-top:5px solid #ff5a36;
padding:0;
box-shadow:32px 32px 0 #111415
}
.ops-board:hover{
box-shadow:42px 42px 0 #111415
}
.ops-head{
padding:0 22px;
height:68px
}
.ops-head span,.trip small,.trip>b{
font-family:'DM Mono',monospace
}
.trip{
padding:20px 22px
}
.trip>i{
border-radius:50%;
background:transparent;
border:1px solid #a9aaa6
}
.trip.active{
background:white;
padding-left:28px
}
.trip.active>i{
background:#ff5a36;
border-color:#ff5a36;
color:white
}
.trip.active:after{
background:#ff5a36
}
.ops-foot{
background:transparent;
border-radius:0
}
.proof-bar{
border-color:#303335
}
.proof-bar div{
min-height:94px;
border-color:#303335;
flex-direction:column;
align-items:flex-start;
justify-content:center;
padding:0 22px
}
.proof-bar strong{
color:#ff5a36
}
.proof-bar span{
color:#929799;
font-family:'DM Mono',monospace;
text-transform:uppercase
}

.section{
padding:125px 0
}
.section-head{
display:grid;
grid-template-columns:1fr .72fr;
gap:8vw
}
.service-list{
gap:0;
border-left:1px solid #d7d4cd
}
.service-tile{
min-height:390px;
border:0;
border-right:1px solid #d7d4cd;
border-bottom:1px solid #d7d4cd;
border-top:1px solid #d7d4cd;
background:#f5f7fa;
padding:34px
}
.service-tile:before{
content:'';
position:absolute;
inset:auto 0 0;
height:0;
background:#0c0e0f;
transition:.45s
}
.service-tile:hover:before{
height:100%
}
.service-tile:hover{
color:white;
background:#f5f7fa
}
.service-tile>span{
background:transparent;
border:1px solid #d7d4cd
}
.service-tile:hover>span{
background:#ff5a36;
border-color:#ff5a36
}
.service-tile small{
color:#ff5a36;
font-family:'DM Mono',monospace
}
.split-panel{
background:#f1eee7
}
.scope-panel{
background:#ff5a36;
color:#0c0e0f
}
.scope-line{
border-color:rgba(12,14,15,.25)
}
.scope-line i{
color:#0c0e0f
}
.journey{
background:#0c0e0f;
color:white
}
.journey-grid{
border-color:#303335;
background:#303335
}
.journey-step{
background:#0c0e0f
}
.journey-step:hover{
background:#171a1c
}
.journey-step>b{
color:#ff5a36
}
.journey-step p{
color:#8e9497
}
.cta-band{
background:#ff5a36!important;
background-image:none!important;
color:#0c0e0f;
animation:none
}
.cta-band .button.dark{
background:#0c0e0f;
color:white
}
.page-hero{
background:#0c0e0f;
color:white;
position:relative;
overflow:hidden
}
.page-hero:after{
content:'→';
position:absolute;
right:5vw;
bottom:-120px;
font-size:430px;
color:#141718
}
.breadcrumb a{
color:#ff5a36
}
.page-hero .lead{
color:#9ba0a3
}
.rich blockquote{
background:#f1eee7;
border-color:#ff5a36
}
.feature-grid{
background:#d7d4cd
}
.feature{
background:#f5f7fa
}
.feature b{
color:#ff5a36
}
.contact-form{
background:#f1eee7;
border-top:5px solid #ff5a36;
padding:42px
}
.contact-form input,.contact-form textarea,.contact-form select{
background:#f5f7fa
}
.contact-form input:focus,.contact-form textarea:focus,.contact-form select:focus{
border-color:#ff5a36
}
.site-footer{
background:#0c0e0f
}
.scroll-progress{
background:#ff5a36
}

@media(max-width:960px){
.site-header{
grid-template-columns:1fr auto
}
.site-header.menu-open .desktop-nav{
background:#f5f7fa
}
.hero-grid{
grid-template-columns:1fr
}
.section-head{
grid-template-columns:1fr
}
.service-list{
grid-template-columns:1fr 1fr
}

}

@media(max-width:600px){
.site-header{
height:72px
}
.home-hero:before{
font-size:420px
}
.display{
font-size:53px
}
.service-list{
grid-template-columns:1fr
}
.ops-board{
box-shadow:15px 15px 0 #111415
}
.proof-bar div{
border-color:#303335
}

}


/* Gamerna primary brand tone: #092F56 */
:root{
--cyan:#092F56;
--cyan-soft:#dce7f1
}

.desktop-nav a:after,.scroll-progress,.trip.active:after{
background:#092F56
}

.button{
background:#092F56;
border-color:#092F56
}

.eyebrow,.display em,.title em,.proof-bar strong,.service-tile small,.journey-step>b,.breadcrumb a,.feature b{
color:#092F56
}

.ops-board,.contact-form{
border-top-color:#092F56
}

.trip.active>i,.service-tile:hover>span{
background:#092F56;
border-color:#092F56
}

.scope-panel,.cta-band{
background:#092F56!important;
color:white
}

.scope-panel .scope-line{
border-color:rgba(255,255,255,.22)
}

.scope-panel .scope-line i{
color:white
}

.rich blockquote{
border-color:#092F56
}

.contact-form input:focus,.contact-form textarea:focus,.contact-form select:focus{
border-color:#092F56
}

/* New transparent horizontal logo */
.site-header > .brand-image{
  width: 164px;
  height: 58px;
  background: transparent;
  overflow: visible;
}

.site-header > .brand-image img{
  position: static;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  filter: brightness(0) saturate(100%) invert(15%) sepia(31%) saturate(1665%) hue-rotate(169deg) brightness(87%) contrast(101%);
}

.brand-footer{
  width: 180px;
  height: 76px !important;
  background: transparent;
  overflow: visible;
}

.brand-footer img{
  position: static;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  filter: none;
}

@media(max-width:600px){
  .site-header > .brand-image{
    width: 138px;
    height: 50px;
  }
}

/* Antalya blue visual system — no black surfaces */
:root{
  --navy:#092F56;
  --blue:#174f82;
  --sky:#dfeef8;
  --paper:#f3f8fc;
  --white:#ffffff;
  --ink:#092F56;
  --muted:#5e7890;
  --line:#cbdce9;
  --shadow:30px 30px 0 #0d3d69;
}

body{
  background:#f7fbfe;
  color:#092F56;
}

.home-hero{
  background:linear-gradient(135deg,#092F56 0%,#124b7d 58%,#1c659f 100%);
}

.home-hero:before{
  color:rgba(255,255,255,.045);
}

.home-hero .display em{
  color:#9edcf4;
}

.home-hero .eyebrow{
  color:#b9e7f8;
}

.home-hero .proof-bar strong{
  color:#b9e7f8;
}

.home-hero .trip > b{
  color:#286a98;
}

.ops-board{
  background:#eef6fb;
  color:#092F56;
  box-shadow:30px 30px 0 #0d3d69;
}

.ops-board:hover{
  box-shadow:38px 38px 0 #0d3d69;
}

.trip.active{
  background:#ffffff;
}

.ops-foot b{
  background:#092F56;
}

.proof-bar,
.proof-bar div{
  border-color:rgba(255,255,255,.22);
}

.proof-bar span{
  color:#d2e4f1;
}

.service-tile:before{
  background:#092F56;
}

.split-panel{
  background:#e8f2f8;
}

.scope-panel{
  background:linear-gradient(145deg,#174f82,#2875ad)!important;
}

.journey{
  background:linear-gradient(145deg,#092F56,#174f82);
}

.journey-grid{
  background:rgba(255,255,255,.18);
  border-color:rgba(255,255,255,.18);
}

.journey-step{
  background:rgba(255,255,255,.04);
}

.journey-step:hover{
  background:rgba(255,255,255,.1);
}

.cta-band{
  background:linear-gradient(110deg,#092F56,#1d659d)!important;
}

.cta-band .button.dark{
  background:#ffffff;
  border-color:#ffffff;
  color:#092F56;
}

.page-hero{
  background:linear-gradient(135deg,#092F56,#1a5c92);
}

.page-hero:after{
  color:rgba(255,255,255,.045);
}

.site-footer{
  background:#072a4b;
}

.antalya-section{
  background:#ffffff;
}

.antalya-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px;
}

.antalya-card{
  min-height:280px;
  padding:34px;
  background:linear-gradient(145deg,#f0f7fc,#dcecf7);
  border:1px solid #c7dce9;
  position:relative;
  overflow:hidden;
}

.antalya-card:after{
  content:'';
  position:absolute;
  width:150px;
  height:150px;
  right:-70px;
  bottom:-70px;
  border:25px solid rgba(9,47,86,.06);
  border-radius:50%;
  transition:transform .6s;
}

.antalya-card:hover:after{
  transform:scale(1.25) rotate(20deg);
}

.antalya-card > span{
  font:600 10px 'DM Mono',monospace;
  color:#2875ad;
}

.antalya-card h3{
  margin:70px 0 14px;
  font-size:20px;
}

.antalya-card p{
  color:#5e7890;
  font-size:13px;
  line-height:1.7;
}

main > section,
.reveal,
.service-tile,
.journey-step,
.feature,
.scope-line,
.antalya-card{
  transition-duration:.8s;
  transition-delay:var(--delay,300ms);
}

@media(max-width:900px){
  .antalya-grid{
    grid-template-columns:1fr;
  }
}

/* High contrast interactive states */
.service-tile{
  isolation:isolate;
}

.service-tile::before{
  z-index:0;
  pointer-events:none;
}

.service-tile > *{
  position:relative;
  z-index:2;
}

.service-tile:hover{
  background:#092F56;
  color:#ffffff !important;
}

.service-tile:hover h3,
.service-tile:hover p,
.service-tile:hover small{
  color:#ffffff !important;
  opacity:1 !important;
  visibility:visible !important;
}

.service-tile:hover > span{
  color:#ffffff !important;
  border-color:#ffffff;
}

.service-tile:hover > h3,
.service-tile:hover > p,
.service-tile:hover > small,
.service-tile:hover > span,
.service-tile:hover > span *{
  color:#ffffff !important;
  opacity:1 !important;
  visibility:visible !important;
  mix-blend-mode:normal;
}

.journey .eyebrow,
.journey .title em,
.journey .text-link,
.journey-step > b{
  color:#b9e7f8;
}

.journey .title,
.journey-step h3{
  color:#ffffff;
}

.journey-step p{
  color:#d7e8f3;
}

.journey-step{
  border-color:rgba(255,255,255,.2);
}

/* Pre-flight planning module */
.preflight-section{
  background:#eaf4fa;
}

.preflight-layout{
  display:grid;
  grid-template-columns:.8fr 1.2fr;
  gap:8vw;
  align-items:center;
}

.preflight-copy .lead{
  margin-bottom:32px;
}

.preflight-list{
  border-top:1px solid #b7cfdf;
}

.preflight-item{
  display:grid;
  grid-template-columns:45px 1fr auto;
  align-items:center;
  gap:20px;
  padding:27px 0;
  border-bottom:1px solid #b7cfdf;
  transition:padding .35s,background .35s;
}

.preflight-item:hover{
  padding-left:18px;
  padding-right:18px;
  background:#ffffff;
}

.preflight-item > b{
  font:600 10px 'DM Mono',monospace;
  color:#2875ad;
}

.preflight-item h3{
  margin:0 0 7px;
  font-size:17px;
}

.preflight-item p{
  margin:0;
  color:#5e7890;
  font-size:12px;
}

.preflight-item > span{
  padding:8px 11px;
  border:1px solid #9dbbd0;
  font:600 9px 'DM Mono',monospace;
}

.quick-contact{
  position:fixed;
  z-index:45;
  right:22px;
  bottom:22px;
  display:flex;
  box-shadow:0 14px 35px rgba(9,47,86,.2);
}

.quick-contact a{
  padding:14px 17px;
  background:#ffffff;
  border:1px solid #b9cfdd;
  color:#092F56;
  font:600 10px 'DM Mono',monospace;
  text-transform:uppercase;
}

.quick-contact a:last-child{
  background:#092F56;
  border-color:#092F56;
  color:#ffffff;
}

@media(max-width:900px){
  .preflight-layout{
    grid-template-columns:1fr;
  }
}

@media(max-width:600px){
  .quick-contact{
    left:18px;
    right:18px;
    bottom:14px;
  }

  .quick-contact a{
    flex:1;
    text-align:center;
  }
}

/* Corporate page contrast */
.page-hero .breadcrumb{
  color:#d6e7f2;
}

.page-hero .breadcrumb a{
  color:#ffffff;
}

.page-hero .eyebrow{
  color:#b9e7f8;
}

.page-hero .display em{
  color:#9edcf4;
}

.page-hero .lead{
  color:#d6e7f2;
}

.journey .feature{
  background:#f7fbfe;
}

.journey .feature h3{
  color:#092F56;
}

.journey .feature p{
  color:#58748a;
}

.journey .feature b{
  color:#2875ad;
}

/* Corporate operation roles */
.about-operations{
  background:#eaf4fa;
}

.role-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:1px;
  background:#bdd3e2;
  border:1px solid #bdd3e2;
}

.role-card{
  min-height:285px;
  padding:30px;
  background:#ffffff;
  transition:background .35s,color .35s,transform .35s;
}

.role-card:hover{
  background:#092F56;
  color:#ffffff;
  transform:translateY(-7px);
}

.role-card b{
  font:600 10px 'DM Mono',monospace;
  color:#2875ad;
}

.role-card h3{
  margin:65px 0 14px;
  font-size:18px;
}

.role-card p{
  color:#5e7890;
  font-size:12px;
  line-height:1.7;
}

.role-card:hover b,
.role-card:hover h3,
.role-card:hover p{
  color:#ffffff;
}

@media(max-width:960px){
  .role-grid{
    grid-template-columns:1fr 1fr;
  }
}

@media(max-width:600px){
  .role-grid{
    grid-template-columns:1fr;
  }
}

/* Extended homepage modules */
.why-section{background:#edf6fb}.why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#bfd4e2;border:1px solid #bfd4e2}.why-card{min-height:245px;padding:28px;background:#fff}.why-card b{font:600 10px 'DM Mono',monospace;color:#2c78aa}.why-card h3{margin:50px 0 12px;font-size:18px}.why-card p{font-size:12px;line-height:1.7;color:#607b90}.route-section{background:#fff}.route-layout{display:grid;grid-template-columns:.7fr 1.3fr;gap:7vw;align-items:center}.route-map{height:520px;position:relative;background:linear-gradient(145deg,#e9f5fb,#c8e2f0);overflow:hidden;border:1px solid #b6d0df}.route-map:before,.route-map:after{content:'';position:absolute;border:1px dashed rgba(9,47,86,.25);border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%)}.route-map:before{width:360px;height:360px}.route-map:after{width:220px;height:220px}.map-airport{position:absolute;z-index:2;left:50%;top:50%;transform:translate(-50%,-50%);width:95px;height:95px;border-radius:50%;background:#092F56;color:white;display:grid;place-items:center;font:700 20px 'DM Mono',monospace;box-shadow:0 0 0 14px rgba(9,47,86,.1)}.map-airport small{position:absolute;top:105px;white-space:nowrap;font-size:8px}.map-point{position:absolute;z-index:2;padding:9px 12px;background:#fff;border:1px solid #a9c5d7;font:600 9px 'DM Mono',monospace}.p1{left:58%;top:28%}.p2{left:72%;top:39%}.p3{left:30%;top:37%}.p4{left:16%;top:50%}.p5{left:69%;top:64%}.p6{left:24%;top:72%}.p7{left:54%;top:78%}.p8{right:5%;top:83%}.flight-section{background:linear-gradient(135deg,#092F56,#1d659d);color:white}.flight-layout{display:grid;grid-template-columns:.75fr 1.25fr;gap:8vw;align-items:center}.flight-section .eyebrow,.flight-section .title em{color:#b9e7f8}.flight-section .lead{color:#d4e5f0}.flight-demo{padding:38px;background:#fff;color:#092F56}.flight-demo label{display:block;font:600 9px 'DM Mono',monospace;text-transform:uppercase;margin-bottom:12px}.flight-search{display:flex}.flight-search input{flex:1;min-width:0;padding:17px;border:1px solid #aac5d6;outline:none}.flight-search button{border:0;background:#092F56;color:white;padding:0 22px;font:600 10px 'DM Mono',monospace;cursor:pointer}.flight-result{display:grid;grid-template-columns:repeat(3,1fr);margin-top:22px;border-top:1px solid #c5d7e2}.flight-result div{padding:20px 15px;border-right:1px solid #c5d7e2;display:flex;flex-direction:column;gap:8px}.flight-result div:last-child{border:0}.flight-result small{font:600 8px 'DM Mono',monospace;color:#71899a}.flight-result strong{font-size:12px}.status-ready{color:#16866b}.standards-section{background:#e8f2f8}.standard-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #bcd2e0}.standard-grid a{min-height:165px;padding:28px;border-right:1px solid #bcd2e0;display:flex;flex-direction:column;justify-content:space-between;transition:.3s}.standard-grid a:last-child{border:0}.standard-grid a:hover{background:#092F56;color:#fff}.standard-grid strong{font-size:27px}.standard-grid span{font:500 9px 'DM Mono',monospace;text-transform:uppercase}.home-faq{background:#fff}.faq-layout{display:grid;grid-template-columns:.65fr 1.35fr;gap:9vw}.home-faq .faq details{padding:24px 0}.home-faq .faq summary{font-size:17px}.home-faq .faq p{font-size:13px}.language-menu{position:relative}
@media(max-width:960px){.why-grid{grid-template-columns:1fr 1fr}.route-layout,.flight-layout,.faq-layout{grid-template-columns:1fr}.standard-grid{grid-template-columns:1fr 1fr}.route-map{height:450px}}
@media(max-width:600px){.why-grid,.standard-grid{grid-template-columns:1fr}.standard-grid a{border-right:0;border-bottom:1px solid #bcd2e0}.flight-search{flex-direction:column}.flight-search button{min-height:48px}.flight-result{grid-template-columns:1fr}.flight-result div{border-right:0;border-bottom:1px solid #c5d7e2}.route-map{height:400px}.map-point{font-size:8px}.p8{right:2%}}

/* === Interactive modernization v1.1 === */
.home-hero:before{content:none!important;display:none!important}
.home-hero{isolation:isolate;overflow:hidden}
.home-hero .hero-grid:before,.home-hero .hero-grid:after{content:"";position:absolute;border-radius:50%;pointer-events:none;filter:blur(2px);opacity:.5;animation:heroFloat 9s ease-in-out infinite}
.home-hero .hero-grid:before{width:340px;height:340px;right:8%;top:7%;background:radial-gradient(circle,rgba(158,220,244,.18),transparent 68%)}
.home-hero .hero-grid:after{width:260px;height:260px;left:-8%;bottom:5%;background:radial-gradient(circle,rgba(255,255,255,.08),transparent 70%);animation-delay:-4s}
@keyframes heroFloat{50%{transform:translate3d(0,24px,0) scale(1.08)}}
.ops-board{will-change:transform;transform-style:preserve-3d}

.quick-contact{position:fixed;z-index:60;right:22px;bottom:22px;display:flex;gap:10px;box-shadow:none}
.quick-action{position:relative;display:flex!important;align-items:center;gap:11px;min-height:58px;padding:9px 14px!important;border:1px solid rgba(255,255,255,.55)!important;border-radius:18px!important;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 16px 40px rgba(7,38,67,.18);overflow:hidden;text-transform:none!important;transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s,background .3s!important}
.quick-action:before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 25%,rgba(255,255,255,.28) 45%,transparent 65%);transform:translateX(-130%);transition:transform .65s}
.quick-action:hover:before{transform:translateX(130%)}
.quick-action:hover{transform:translateY(-5px);box-shadow:0 22px 48px rgba(7,38,67,.25)}
.quick-whatsapp{background:rgba(255,255,255,.92)!important;color:#092f56!important}
.quick-quote{background:linear-gradient(135deg,#0a3158,#17669f)!important;color:#fff!important;border-color:rgba(255,255,255,.2)!important}
.quick-icon{width:39px;height:39px;border-radius:13px;display:grid;place-items:center;background:#25d366;color:#fff;box-shadow:0 8px 18px rgba(37,211,102,.28);animation:quickPulse 2.8s infinite}
.quick-icon svg{width:21px;height:21px;fill:currentColor}
.quick-copy{display:flex;flex-direction:column;line-height:1.05;gap:4px;white-space:nowrap}
.quick-copy small{font:500 8px 'DM Mono',monospace;letter-spacing:.07em;opacity:.64;text-transform:uppercase}
.quick-copy strong{font:700 12px 'Manrope',sans-serif;letter-spacing:-.01em}
.quick-arrow{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:rgba(255,255,255,.13);font-size:17px;transition:transform .3s}
.quick-quote:hover .quick-arrow{transform:rotate(45deg)}
@keyframes quickPulse{0%,70%,100%{box-shadow:0 8px 18px rgba(37,211,102,.28)}80%{box-shadow:0 0 0 8px rgba(37,211,102,0)}}

.journey-interactive{background:linear-gradient(180deg,#eaf5fb 0%,#f8fcff 100%);overflow:hidden}
.journey-interactive .section-head{align-items:end}
.journey-interactive .section-head>.lead{max-width:480px}
.journey-experience{display:grid;grid-template-columns:340px 1fr;min-height:610px;margin-top:55px;border:1px solid rgba(65,123,163,.2);border-radius:30px;background:rgba(255,255,255,.72);box-shadow:0 30px 80px rgba(23,79,130,.11);overflow:hidden;backdrop-filter:blur(14px)}
.journey-rail{position:relative;padding:30px 22px;background:#092f56;display:flex;flex-direction:column;gap:10px}
.journey-tab{position:relative;z-index:2;width:100%;display:grid;grid-template-columns:48px 1fr;gap:13px;align-items:center;padding:17px 15px;border:0;border-radius:17px;background:transparent;color:#c7dcec;text-align:left;cursor:pointer;transition:.35s}
.journey-tab:hover{background:rgba(255,255,255,.07);color:#fff;transform:translateX(4px)}
.journey-tab.active{background:rgba(255,255,255,.12);color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.1)}
.journey-number{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:rgba(255,255,255,.08);font:600 10px 'DM Mono',monospace;transition:.35s}
.journey-tab.active .journey-number{background:#b9e7f8;color:#092f56;transform:rotate(-4deg)}
.journey-tab small{display:block;margin-bottom:5px;font:600 7px 'DM Mono',monospace;letter-spacing:.12em;opacity:.55}
.journey-tab strong{font:650 13px 'Manrope',sans-serif}
.journey-progress{position:absolute;left:51px;top:55px;bottom:55px;width:2px;background:rgba(255,255,255,.08);z-index:1}
.journey-progress i{display:block;width:100%;height:0;background:linear-gradient(#b9e7f8,#37a9df);transition:height .65s cubic-bezier(.2,.8,.2,1);box-shadow:0 0 14px #62c6ef}
.journey-stage{display:grid;grid-template-columns:1.15fr .85fr;min-width:0}
.journey-visual{position:relative;min-height:610px;background:radial-gradient(circle at 50% 45%,#fff 0,#eaf6fc 42%,#d9edf7 100%);overflow:hidden}
.journey-visual:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(9,47,86,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(9,47,86,.035) 1px,transparent 1px);background-size:32px 32px;mask-image:radial-gradient(circle,#000,transparent 75%)}
.orbit{position:absolute;left:50%;top:50%;border:1px dashed rgba(9,47,86,.15);border-radius:50%;transform:translate(-50%,-50%);animation:orbitSpin 24s linear infinite}
.orbit-one{width:330px;height:330px}.orbit-two{width:470px;height:470px;animation-direction:reverse;animation-duration:34s}
@keyframes orbitSpin{to{transform:translate(-50%,-50%) rotate(360deg)}}
.journey-hub{position:absolute;z-index:4;left:50%;top:50%;transform:translate(-50%,-50%);width:112px;height:112px;border-radius:32px;background:#092f56;color:#fff;display:grid;place-items:center;box-shadow:0 20px 55px rgba(9,47,86,.28)}
.journey-hub span{font:700 35px 'Manrope';line-height:1}.journey-hub small{font:600 7px 'DM Mono';text-align:center;letter-spacing:.12em;opacity:.72;margin-top:-22px}
.journey-node{position:absolute;z-index:5;display:flex;align-items:center;gap:8px;padding:10px 13px;border-radius:14px;background:#fff;border:1px solid rgba(9,47,86,.13);box-shadow:0 12px 25px rgba(9,47,86,.1);font:600 9px 'DM Mono';transition:.45s}
.journey-node i{width:28px;height:28px;border-radius:9px;background:#e6f3fa;display:grid;place-items:center;font-style:normal}.journey-node.active{background:#092f56;color:#fff;transform:scale(1.08)}
.node-airport{left:8%;top:61%}.node-hotel{right:8%;top:22%}.node-clinic{right:6%;bottom:15%}
.journey-route{position:absolute;z-index:2;inset:12% 5%;width:90%;height:76%;overflow:visible}.journey-route path{fill:none;stroke:#5ab7df;stroke-width:2;stroke-dasharray:8 9;opacity:.58}
.route-dot{position:absolute;z-index:6;width:13px;height:13px;border-radius:50%;background:#fff;border:4px solid #168bc6;box-shadow:0 0 0 7px rgba(22,139,198,.13);left:18%;top:66%;transition:left .8s cubic-bezier(.2,.8,.2,1),top .8s cubic-bezier(.2,.8,.2,1)}
.journey-content{padding:60px 46px;display:flex;flex-direction:column;justify-content:center;background:rgba(255,255,255,.88)}
.journey-content>*{animation:journeyIn .45s both}.journey-kicker{font:600 8px 'DM Mono';letter-spacing:.13em;color:#2b7dac}.journey-content h3{font-size:clamp(25px,2.6vw,39px);line-height:1.08;margin:19px 0;color:#092f56}.journey-content p{font-size:13px;line-height:1.8;color:#5e7890}.journey-content ul{list-style:none;padding:0;margin:22px 0 30px;display:grid;gap:11px}.journey-content li{font-size:11px;color:#315c7d;display:flex;gap:9px}.journey-content li:before{content:"✓";color:#168bc6;font-weight:700}
@keyframes journeyIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}

@media(max-width:1050px){.journey-experience{grid-template-columns:280px 1fr}.journey-stage{grid-template-columns:1fr}.journey-visual{min-height:420px}.journey-content{padding:38px}.journey-experience{min-height:auto}}
@media(max-width:760px){.quick-contact{left:14px;right:14px;bottom:12px;gap:8px}.quick-action{flex:1;min-width:0;justify-content:center;padding:8px 10px!important}.quick-copy small{display:none}.quick-icon{width:35px;height:35px}.quick-arrow{width:31px;height:31px}.journey-experience{display:block;border-radius:22px;margin-top:35px}.journey-rail{padding:15px;display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.journey-tab{display:block;padding:11px 5px;text-align:center}.journey-tab>span:last-child{display:none}.journey-number{margin:auto;width:40px;height:40px}.journey-progress{left:35px;right:35px;top:auto;bottom:8px;width:auto;height:2px}.journey-progress i{width:0;height:100%;transition:width .65s}.journey-stage{display:block}.journey-visual{min-height:370px}.journey-content{padding:34px 25px}.journey-content h3{font-size:28px}.orbit-two{width:380px;height:380px}.node-airport{left:4%}.node-hotel{right:3%}.node-clinic{right:3%}}
@media(prefers-reduced-motion:reduce){.orbit,.home-hero .hero-grid:before,.home-hero .hero-grid:after,.quick-icon{animation:none!important}.quick-action,.journey-tab,.route-dot{transition:none!important}}


/* === v1.2 performance & palette refinements === */
:root{
  --white:#f5f7fa;
  --surface:#ffffff;
  --surface-soft:#eef3f8;
}
body{background:#f5f7fa}
.site-header{background:rgba(245,247,250,.94)}
.service-tile,.feature,.contact-form input,.contact-form textarea,.contact-form select{background:#fff}
.journey-interactive{background:linear-gradient(180deg,#e8f1f8 0%,#f5f7fa 100%)}
.journey-interactive .section-head .title,
.journey-interactive .section-head .title em{color:#102a43!important}
.journey-interactive .section-head .lead{color:#4b6278}
.process-interactive{padding-top:90px}
.process-interactive .journey-experience{margin-top:0}
.process-intro{margin-bottom:38px}
.process-intro .title,.process-intro .title em{color:#102a43!important}

/* Reduce GPU-heavy effects without losing the premium look */
.journey-experience{backdrop-filter:none;-webkit-backdrop-filter:none;background:rgba(255,255,255,.96)}
.quick-action{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.ops-board{will-change:auto}
@media(max-width:760px){.quick-action{backdrop-filter:none;-webkit-backdrop-filter:none}}

/* v1.4 contact and agency footer refinements */
.footer-contact{margin-top:18px;display:grid;gap:7px;max-width:330px}
.footer-contact a{margin:0!important;color:#d8e7f1!important;font-size:12px!important}
.footer-contact address{margin:4px 0 0;font-style:normal;font-size:12px;line-height:1.65;color:#9eb1bd}
.contact-info address{margin:14px 0 0;font-style:normal;line-height:1.7;color:var(--muted)}
.agency-credit{white-space:nowrap}
.agency-credit a,.footer-signature a{color:#fff;font-weight:700;transition:opacity .2s ease,color .2s ease}
.agency-credit a:hover,.footer-signature a:hover{color:#8fd3ff}
.footer-signature{border-top:1px solid rgba(255,255,255,.11);margin-top:22px;padding-top:18px;font-size:11px;text-align:center}
@media(max-width:960px){.footer-bottom{gap:12px;flex-wrap:wrap}.agency-credit{white-space:normal}.footer-contact{max-width:none}}

/* Three-language selector and footer-safe floating actions */
.language-options{position:absolute;z-index:90;top:calc(100% + 10px);right:0;min-width:178px;padding:7px;background:#fff;border:1px solid #c3d6e2;border-radius:12px;box-shadow:0 18px 45px rgba(9,47,86,.18);opacity:0;visibility:hidden;transform:translateY(-6px);transition:.2s}
.language-options.open{opacity:1;visibility:visible;transform:none}
.language-option{width:100%;display:flex;align-items:center;gap:12px;padding:10px;border:0;border-radius:8px;background:transparent;color:#092f56;font:600 12px 'Manrope',sans-serif;text-align:left;cursor:pointer}
.language-option:hover,.language-option.active{background:#eaf5fb}
.language-option span{width:28px;color:#2c78aa;font:700 9px 'DM Mono',monospace}
.quick-contact{transition:transform .25s ease,opacity .25s ease}
.quick-contact.near-footer{transform:translateY(-72px)}
.quick-action{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.home-hero .hero-grid:before,.home-hero .hero-grid:after{animation:none!important}

/* Avoid expensive perpetual effects on touch devices and slower hardware. */
@media(max-width:900px),(prefers-reduced-motion:reduce){
  .home-hero .hero-grid:before,.home-hero .hero-grid:after,.quick-icon{animation:none!important}
  .quick-action{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
}

/* Keep longer English and Russian hero copy clear of the sticky header. */
html[lang="en"] .home-hero .hero-copy,
html[lang="ru"] .home-hero .hero-copy{
  padding-top:clamp(30px,3vw,52px)
}

html[lang="en"] .home-hero .display,
html[lang="ru"] .home-hero .display{
  max-width:720px;
  font-size:clamp(50px,5.35vw,82px);
  line-height:.92;
  letter-spacing:-.06em
}

html[lang="ru"] .home-hero .display{
  font-size:clamp(48px,5vw,78px)
}

@media(max-width:960px){
  html[lang="en"] .home-hero .hero-grid,
  html[lang="ru"] .home-hero .hero-grid{
    grid-template-columns:minmax(0,1fr);
    padding:88px 0 82px
  }

  html[lang="en"] .home-hero .hero-copy,
  html[lang="ru"] .home-hero .hero-copy{
    min-width:0;
    padding-top:0
  }

  html[lang="en"] .home-hero .ops-board,
  html[lang="ru"] .home-hero .ops-board{
    min-width:0
  }

  html[lang="en"] .home-hero .display,
  html[lang="ru"] .home-hero .display{
    max-width:760px;
    font-size:clamp(48px,7.6vw,68px)
  }
}

@media(max-width:600px){
  html[lang="en"] .home-hero .hero-grid,
  html[lang="ru"] .home-hero .hero-grid{
    padding:64px 0 72px
  }

  html[lang="en"] .home-hero .display,
  html[lang="ru"] .home-hero .display{
    font-size:clamp(40px,12vw,50px);
    line-height:.95;
    letter-spacing:-.055em;
    margin:18px 0 22px
  }

html[lang="ru"] .home-hero .display{
    font-size:clamp(38px,11.4vw,47px)
  }
}

/* Modern header controls */
.header-actions{
  gap:7px;
  padding:5px;
  border:1px solid rgba(9,47,86,.1);
  border-radius:18px;
  background:rgba(255,255,255,.72);
  box-shadow:0 10px 30px rgba(9,47,86,.07)
}
.language-menu{display:flex;align-items:center}
.lang-switch{
  min-width:64px;
  height:46px;
  padding:0 13px;
  border:1px solid #d4e2eb;
  border-radius:13px;
  background:#fff;
  color:#092f56;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  font-size:11px;
  letter-spacing:.06em;
  transition:background .2s,border-color .2s,transform .2s
}
.lang-switch:after{content:'⌄';font:700 12px 'Manrope',sans-serif;transform:translateY(-1px);transition:transform .2s}
.lang-switch[aria-expanded="true"]{background:#eaf4fa;border-color:#a9c8dc}
.lang-switch[aria-expanded="true"]:after{transform:rotate(180deg) translateY(-1px)}
.lang-switch:hover{transform:translateY(-1px);border-color:#8fb7d1}
.header-actions>.button.button-small{
  min-height:46px;
  padding:0 10px 0 19px;
  border:0;
  border-radius:13px;
  background:linear-gradient(135deg,#092f56,#17669f);
  color:#fff;
  box-shadow:0 10px 22px rgba(9,47,86,.2);
  letter-spacing:.035em
}
.header-actions>.button.button-small:after{
  content:'↗';
  width:30px;
  height:30px;
  margin-left:13px;
  border-radius:9px;
  background:rgba(255,255,255,.13);
  display:grid;
  place-items:center;
  font:700 14px 'Manrope',sans-serif;
  transition:transform .25s,background .25s
}
.header-actions>.button.button-small:hover{color:#fff;transform:translateY(-2px);box-shadow:0 14px 28px rgba(9,47,86,.26)}
.header-actions>.button.button-small:hover:after{transform:rotate(45deg);background:rgba(255,255,255,.2)}
.language-options{
  top:calc(100% + 13px);
  right:auto;
  left:0;
  min-width:196px;
  padding:8px;
  border-color:#c7dce9;
  border-radius:18px;
  box-shadow:0 24px 60px rgba(9,47,86,.2)
}
.language-option{min-height:44px;padding:9px 11px;border-radius:11px;font-size:13px}
.language-option span{width:30px}

/* Richer footer site map */
.footer-grid h4{font-size:12px;letter-spacing:.08em;text-transform:uppercase}
.footer-grid>div:not(:first-child) a{
  position:relative;
  width:max-content;
  max-width:100%;
  margin:9px 0;
  padding:2px 0;
  color:#b8cad7;
  transition:color .2s,transform .2s
}
.footer-grid>div:not(:first-child) a:after{content:'→';position:absolute;left:calc(100% + 7px);opacity:0;transform:translateX(-5px);transition:.2s}
.footer-grid>div:not(:first-child) a:hover{color:#fff;transform:translateX(3px)}
.footer-grid>div:not(:first-child) a:hover:after{opacity:1;transform:none}

@media(max-width:960px){
  .header-actions{padding:4px;border-radius:15px}
  .lang-switch{height:42px;min-width:60px;border-radius:11px}
  .language-options{left:auto;right:0}
}
@media(max-width:600px){
  .header-actions{background:transparent;border:0;box-shadow:none;padding:0}
  .language-options{position:fixed;left:14px;right:14px;top:76px;min-width:0}
}

/* Customer benefit bar and centered responsive footer */
.home-hero .proof-bar div{
  align-items:flex-start;
  gap:7px
}
.home-hero .proof-bar strong{
  font-size:clamp(16px,1.35vw,21px);
  line-height:1.15;
  text-wrap:balance
}
.home-hero .proof-bar span{
  line-height:1.45;
  text-wrap:balance
}

@media(max-width:960px){
  .site-footer .footer-grid{
    gap:42px 28px;
    text-align:center
  }
  .site-footer .footer-grid>div{
    display:flex;
    flex-direction:column;
    align-items:center
  }
  .site-footer .brand-footer{
    margin-inline:auto
  }
  .site-footer .footer-grid p,
  .site-footer .footer-contact{
    margin-inline:auto
  }
  .site-footer .footer-grid>div:not(:first-child) a{
    width:auto;
    margin-inline:auto
  }
  .site-footer .footer-grid>div:not(:first-child) a:hover{
    transform:none
  }
  .site-footer .footer-bottom{
    justify-content:center;
    align-items:center;
    text-align:center
  }
}

@media(max-width:600px){
  html,
  body{
    max-width:100%;
    overflow-x:hidden
  }
  .site-header,
  .site-header > *,
  .page-hero .container,
  .section .container{
    min-width:0
  }
  .page-hero .display{
    max-width:100%;
    font-size:clamp(36px,10.8vw,42px);
    line-height:1;
    overflow-wrap:anywhere
  }
  .guest-demo{
    width:100%;
    min-width:0;
    max-width:100%;
    overflow:hidden
  }
  .guest-demo .ops-head{
    flex-wrap:wrap;
    gap:9px 14px
  }
  .guest-demo .trip{
    grid-template-columns:40px minmax(0,1fr);
    gap:10px
  }
  .guest-demo .trip > div,
  .guest-demo .trip strong,
  .guest-demo .trip > b,
  .guest-demo .ops-foot span{
    min-width:0;
    overflow-wrap:anywhere
  }
  .guest-demo .trip > b{
    grid-column:2;
    justify-self:start
  }
  .guest-demo .ops-foot{
    align-items:flex-start
  }
  .home-hero .hero-grid{
    min-width:0
  }
  .home-hero .hero-copy,
  .home-hero .ops-board,
  .home-hero .trip{
    width:100%;
    min-width:0;
    max-width:100%
  }
  .home-hero .display,
  .home-hero .hero-copy p,
  .home-hero .trip small,
  .home-hero .trip strong{
    overflow-wrap:anywhere
  }
  html[lang="ru"] .home-hero .display{
    font-size:clamp(31px,9vw,37px)
  }
  .home-hero .ops-board{
    overflow:hidden
  }
  .home-hero .ops-head{
    flex-wrap:wrap;
    gap:8px 14px
  }
  .home-hero .trip{
    grid-template-columns:40px minmax(0,1fr) auto;
    gap:10px
  }
  .home-hero .proof-bar{
    grid-template-columns:repeat(2,minmax(0,1fr))
  }
  .home-hero .proof-bar div{
    min-height:112px;
    padding:18px 14px;
    align-items:center;
    text-align:center
  }
  .home-hero .proof-bar div:nth-child(odd){
    border-left:1px solid rgba(255,255,255,.22)
  }
  .home-hero .proof-bar strong{
    font-size:15px
  }
  .home-hero .proof-bar span{
    font-size:9px
  }
  .site-footer{
    padding-top:54px
  }
  .site-footer .footer-grid{
    gap:34px
  }
  .site-footer .footer-bottom{
    align-items:center;
    gap:10px
  }
}