.navcta{
min-height:48px!important;
padding-left:20px!important;
padding-right:20px!important;
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
}
.lang{
display:flex!important;
align-items:center!important;
}
.lang > button{
min-width:46px!important;
min-height:46px!important;
padding:0 14px!important;
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
}
.langmenu button{
min-height:42px!important;
padding:0 12px!important;
display:flex!important;
align-items:center!important;
}
.navlinks > a:focus-visible,
.lang button:focus-visible{
outline:2px solid #ffd765!important;
outline-offset:2px!important;
}
.mobile-menu > a{
min-height:54px!important;
display:flex!important;
align-items:center!important;
padding-top:0!important;
padding-bottom:0!important;
}
.mobile-langs button{
min-width:46px!important;
min-height:42px!important;
}
@media(max-width:900px){
.navlinks > a:not(.navcta){
padding-left:10px!important;
padding-right:10px!important;
}
}
.device-grid{
display:grid!important;
grid-template-columns:repeat(12,minmax(0,1fr))!important;
gap:16px!important;
align-items:stretch!important;
}
.device-card.large{
grid-column:span 7!important;
aspect-ratio:16/10!important;
min-height:0!important;
}
.device-card.medium{
grid-column:span 5!important;
aspect-ratio:16/10!important;
min-height:0!important;
}
.device-card.third{
grid-column:span 6!important;
aspect-ratio:16/10!important;
min-height:0!important;
}
.device-card{
position:relative!important;
overflow:hidden!important;
min-width:0!important;
}
.device-card img{
position:absolute!important;
inset:0!important;
width:100%!important;
height:100%!important;
max-width:none!important;
object-fit:cover!important;
object-position:center center!important;
transform:scale(1.015)!important;
transform-origin:center!important;
}
.device-card:hover img{transform:scale(1.055)!important}
.device-card:nth-child(1) img{object-position:43% 55%!important}
.device-card:nth-child(2) img{object-position:50% 55%!important}
.device-card:nth-child(3) img{object-position:61% 50%!important}
.device-card:nth-child(4) img{object-position:70% 50%!important}
.statement{
width:min(calc(100% - 64px),1380px)!important;
max-width:1380px!important;
margin:-34px auto 34px!important;
padding:76px 54px 82px!important;
background:#f7f5ef!important;
color:#0d0f0f!important;
border:1px solid rgba(13,15,15,.10)!important;
border-radius:14px!important;
box-shadow:0 24px 60px rgba(0,0,0,.17)!important;
position:relative!important;
z-index:8!important;
}
.statement:before{display:none!important}
.statement h2,.statement p{color:#0d0f0f!important}
.statement p{color:#4d504d!important}
.statement + .manifesto-line{
margin-top:0!important;
border-top:1px solid rgba(255,255,255,.10)!important;
}
.manifesto-line{
background:#0b0d0d!important;
color:#f6f6f2!important;
border-bottom:1px solid rgba(255,255,255,.12)!important;
}
.manifesto-inner strong{color:#6d756f!important}
@media(max-width:980px){
.device-card.large,.device-card.medium,.device-card.third{
grid-column:span 6!important;
aspect-ratio:4/3!important;
}
.statement{
width:calc(100% - 38px)!important;
padding:60px 34px 66px!important;
}
}
@media(max-width:700px){
.device-card.large,.device-card.medium,.device-card.third{
grid-column:span 12!important;
aspect-ratio:4/3!important;
}
.statement{
width:calc(100% - 24px)!important;
margin:-18px auto 24px!important;
padding:48px 22px 54px!important;
border-radius:10px!important;
}
}
.nav{
height:88px!important;
}
.brand{
font-size:16px!important;
}
.navlinks{
font-size:15px!important;
font-weight:600!important;
gap:8px!important;
}
.navlinks > a:not(.navcta){
min-height:52px!important;
padding-left:15px!important;
padding-right:15px!important;
font-size:15px!important;
line-height:1!important;
}
.navcta{
min-height:52px!important;
padding-left:22px!important;
padding-right:22px!important;
font-size:15px!important;
}
.lang{
display:flex!important;
align-items:center!important;
position:relative!important;
}
.lang > .lang-flag-btn{
width:54px!important;
height:54px!important;
min-width:54px!important;
min-height:54px!important;
padding:0!important;
border:1px solid rgba(255,255,255,.42)!important;
border-radius:50%!important;
background:rgba(255,255,255,.07)!important;
display:grid!important;
place-items:center!important;
overflow:hidden!important;
cursor:pointer!important;
box-shadow:inset 0 0 0 1px rgba(255,255,255,.025)!important;
transition:background .2s ease,border-color .2s ease,transform .2s ease!important;
}
.lang > .lang-flag-btn:hover{
background:rgba(255,255,255,.13)!important;
border-color:rgba(255,255,255,.72)!important;
transform:translateY(-1px)!important;
}
.lang-flag{
display:block!important;
font-size:30px!important;
line-height:1!important;
width:34px!important;
height:34px!important;
overflow:hidden!important;
border-radius:50%!important;
text-align:center!important;
font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif!important;
}
.langmenu{
top:64px!important;
right:0!important;
min-width:190px!important;
padding:7px!important;
border-radius:14px!important;
background:rgba(15,16,16,.98)!important;
border:1px solid rgba(255,255,255,.18)!important;
box-shadow:0 18px 55px rgba(0,0,0,.34)!important;
overflow:hidden!important;
}
.langmenu button{
min-height:48px!important;
width:100%!important;
padding:6px 10px!important;
border-radius:9px!important;
display:flex!important;
align-items:center!important;
gap:11px!important;
color:#fff!important;
font-size:14px!important;
font-weight:600!important;
text-align:left!important;
}
.langmenu button:hover{
background:rgba(255,255,255,.09)!important;
}
.lang-option-flag{
flex:0 0 32px!important;
width:32px!important;
height:32px!important;
border-radius:50%!important;
display:grid!important;
place-items:center!important;
overflow:hidden!important;
font-size:23px!important;
line-height:1!important;
font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif!important;
}
.mobile-langs{
gap:9px!important;
}
.mobile-langs button{
min-width:64px!important;
min-height:46px!important;
gap:5px!important;
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
font-size:18px!important;
}
.mobile-langs button span{
font-family:"DM Sans","Segoe UI",sans-serif!important;
font-size:11px!important;
font-weight:700!important;
}
@media(max-width:1100px){
.navlinks{
font-size:14px!important;
gap:3px!important;
}
.navlinks > a:not(.navcta){
padding-left:9px!important;
padding-right:9px!important;
font-size:14px!important;
}
.navcta{
font-size:14px!important;
padding-left:16px!important;
padding-right:16px!important;
}
.lang > .lang-flag-btn{
width:50px!important;
height:50px!important;
min-width:50px!important;
min-height:50px!important;
}
}
@media(max-width:700px){
.nav{height:76px!important}
.brand{font-size:15px!important}
}
#devices .device-grid{
display:grid!important;
grid-template-columns:repeat(2,minmax(0,1fr))!important;
gap:18px!important;
padding:18px!important;
background:rgba(255,255,255,.26)!important;
}
#devices .device-card,
#devices .device-card.large,
#devices .device-card.medium,
#devices .device-card.third{
grid-column:auto!important;
width:100%!important;
min-width:0!important;
aspect-ratio:16/10!important;
min-height:0!important;
margin:0!important;
}
#devices .device-card img{
width:100%!important;
height:100%!important;
object-fit:cover!important;
object-position:center!important;
}
#devices .device-card:nth-child(2){
margin-right:0!important;
}
.pricing-section{
background:#f3f0e8!important;
color:#0d0f0f!important;
padding:72px 0!important;
}
.pricing-wrap{
display:grid!important;
grid-template-columns:1.05fr .95fr!important;
gap:72px!important;
align-items:end!important;
}
.pricing-copy .eyebrow{color:#111!important}
.pricing-copy h2{
font-family:"Space Grotesk","Segoe UI Variable Display","Segoe UI",sans-serif!important;
font-size:clamp(48px,5.6vw,86px)!important;
line-height:1.03!important;
letter-spacing:-.06em!important;
font-weight:500!important;
margin:17px 0 22px!important;
color:#111!important;
}
.pricing-copy p{
max-width:640px!important;
color:#41443f!important;
font-size:16px!important;
line-height:1.72!important;
}
.pricing-note{
margin-top:18px!important;
font-weight:600!important;
color:#1f211f!important;
}
.pricing-facts{
border-top:1px solid #111!important;
}
.pricing-fact{
display:grid!important;
grid-template-columns:1fr auto!important;
gap:24px!important;
align-items:center!important;
padding:23px 0!important;
border-bottom:1px solid #111!important;
}
.pricing-fact span{
color:#575a55!important;
font-size:13px!important;
}
.pricing-fact strong{
font-family:"Space Grotesk",sans-serif!important;
color:#111!important;
font-size:22px!important;
font-weight:600!important;
text-align:right!important;
}
.booking-grid{
gap:34px!important;
}
.booking-grid > .reveal{
min-width:0!important;
overflow:hidden!important;
}
.embed{
min-height:690px!important;
background:transparent!important;
border:0!important;
box-shadow:none!important;
padding:0!important;
margin:0!important;
overflow:hidden!important;
border-radius:0!important;
}
.embed iframe{
display:block!important;
width:100%!important;
max-width:none!important;
border:0!important;
margin:0!important;
padding:0!important;
background:transparent!important;
}
.embed-loader{
margin:0!important;
border:0!important;
}
.fallback{
margin-top:7px!important;
}
.booking-points div:first-child{
color:#b9f4d6!important;
}
@media(max-width:900px){
#devices .device-grid{
grid-template-columns:1fr!important;
padding:14px!important;
gap:14px!important;
}
#devices .device-card,
#devices .device-card.large,
#devices .device-card.medium,
#devices .device-card.third{
aspect-ratio:4/3!important;
}
.pricing-wrap{
grid-template-columns:1fr!important;
gap:38px!important;
}
}
.eyebrow{
font-size:12px!important;
}
.hero-note{
font-size:11.5px!important;
}
.device-meta small{
font-size:13px!important;
}
.device-meta span{
font-size:10.5px!important;
}
.case .n{
font-size:10px!important;
}
.booking-points div{
font-size:14px!important;
line-height:1.5!important;
}
.fallback{
font-size:13px!important;
line-height:1.5!important;
}
.fallback a{
font-size:13px!important;
font-weight:500!important;
}
.pricing-fact span{
font-size:14px!important;
}
.footlinks{
font-size:13px!important;
}
.footnote{
font-size:11px!important;
line-height:1.7!important;
}
.case-result p{
font-size:13.5px!important;
}
.case-result strong{
font-size:14.5px!important;
}
@media(max-width:700px){
.eyebrow{font-size:11.5px!important}
.hero-note{font-size:11px!important}
.booking-points div{font-size:13.5px!important}
.fallback,.fallback a{font-size:12.5px!important}
.footnote{font-size:10.5px!important}
}
.langmenu button{
justify-content:space-between!important;
gap:14px!important;
}
.langmenu button > span:first-child{
flex:1 1 auto!important;
min-width:0!important;
}
.lang-option-flag{
flex:0 0 34px!important;
width:34px!important;
height:34px!important;
border-radius:50%!important;
display:grid!important;
place-items:center!important;
overflow:hidden!important;
font-size:23px!important;
line-height:1!important;
background:rgba(255,255,255,.07)!important;
border:1px solid rgba(255,255,255,.15)!important;
box-shadow:inset 0 0 0 1px rgba(255,255,255,.03)!important;
margin-left:auto!important;
}
.mobile-langs button{
min-width:72px!important;
padding:0 10px!important;
gap:8px!important;
}
.mobile-langs button > span:first-child{
font-family:"DM Sans","Segoe UI",sans-serif!important;
font-size:11px!important;
font-weight:700!important;
}
.mobile-flag-badge{
display:grid!important;
place-items:center!important;
width:24px!important;
height:24px!important;
border-radius:50%!important;
overflow:hidden!important;
background:rgba(255,255,255,.08)!important;
border:1px solid rgba(255,255,255,.14)!important;
font-size:16px!important;
line-height:1!important;
font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif!important;
}
@media(max-width:700px){
.mobile-langs button{
min-width:68px!important;
}
}