.navlinks a{color:#fff!important}
.navcta{
background:#fff!important;
color:#111!important;
padding:12px 18px!important;
border-radius:999px!important;
}
.navcta:hover{background:var(--accent)!important}
.lang button{
color:#fff!important;
border-color:rgba(255,255,255,.55)!important;
}
.langmenu{background:#111!important;border-color:#444!important}
.langmenu button{color:#fff!important}
.menu-btn{border-color:#fff!important}.menu-btn span{background:#fff!important}
.mobile-menu{background:#0d0d0e!important;color:#fff!important;border-color:#333!important}
.mobile-menu>a{border-color:#2d2d2f!important}.mobile-langs button{color:#fff!important;border-color:#fff!important}
.hero{
min-height:calc(100svh - 84px)!important;
background:#080808!important;
}
.hero img.hero-bg{
filter:saturate(.78) contrast(1.05);
object-position:center;
}
.hero:after{
background:
linear-gradient(90deg,rgba(0,0,0,.93) 0%,rgba(0,0,0,.68) 37%,rgba(0,0,0,.24) 66%,rgba(0,0,0,.08) 100%)!important;
}
.hero-inner{
min-height:calc(100svh - 84px)!important;
padding:84px 0 62px!important;
}
.eyebrow{
font-family:"DM Sans","Segoe UI",sans-serif!important;
font-size:11px!important;
font-weight:600!important;
letter-spacing:.16em!important;
color:inherit;
}
.hero h1{
font-size:clamp(68px,8.6vw,142px)!important;
line-height:.82!important;
letter-spacing:-.075em!important;
font-weight:500!important;
max-width:1150px!important;
margin:24px 0 34px!important;
}
.hero h1 .accent{
color:var(--accent)!important;
font-weight:500!important;
}
.hero-copy{
font-size:18px!important;
line-height:1.6!important;
max-width:665px!important;
color:#d6d5d1!important;
}
.hero-actions{margin-top:32px!important}
.btn{
min-height:54px!important;
font-size:14px!important;
font-weight:600!important;
letter-spacing:-.01em!important;
transition:transform .25s var(--ease),background .25s ease,color .25s ease!important;
}
.btn:hover{transform:translateY(-2px)}
.btn-light{background:#fff!important}.btn-light:hover{background:var(--accent)!important}
.btn-outline{border-color:rgba(255,255,255,.7)!important}
.hero-note{
color:#9e9e99!important;
font-size:10px!important;
letter-spacing:.075em!important;
text-transform:uppercase;
}
.statement{
background:var(--paper)!important;
color:var(--ink)!important;
width:100%!important;
max-width:none!important;
padding:96px max(36px,calc((100vw - var(--max))/2))!important;
grid-template-columns:1.18fr .58fr!important;
gap:84px!important;
border:0!important;
}
.statement h2{
font-size:clamp(58px,6.4vw,104px)!important;
line-height:.91!important;
letter-spacing:-.07em!important;
font-weight:500!important;
}
.statement h2 .eyebrow{
display:block;
margin-bottom:26px;
color:#111!important;
}
.statement p{
color:#4d4a45!important;
font-size:17px!important;
line-height:1.65!important;
}
.manifesto-line{
background:var(--paper)!important;
color:#111;
border-top:1px solid var(--line-light);
border-bottom:1px solid var(--line-light);
overflow:hidden;
}
.manifesto-inner{
min-height:74px;
display:flex;
align-items:center;
justify-content:space-between;
gap:24px;
white-space:nowrap;
font-family:"Space Grotesk",sans-serif;
font-size:clamp(14px,1.35vw,20px);
letter-spacing:-.025em;
font-weight:500;
}
.manifesto-inner strong{font-weight:400;color:#777}
.section{
padding:88px 0!important;
border-top:0!important;
}
#devices,#case-check,#faq{
background:var(--paper)!important;
color:var(--ink)!important;
}
.section-head{
grid-template-columns:1.02fr .62fr!important;
gap:84px!important;
margin-bottom:44px!important;
}
.section-head h2{
font-size:clamp(52px,6vw,94px)!important;
line-height:.9!important;
letter-spacing:-.068em!important;
font-weight:500!important;
}
.section-head p{
font-size:16px!important;
line-height:1.65!important;
color:#59564f!important;
}
#devices .eyebrow,#case-check .eyebrow,#faq .eyebrow{color:#111!important}
.device-grid{gap:16px!important}
.device-card{
border-radius:0!important;
overflow:hidden!important;
min-height:490px!important;
background:#111!important;
}
.device-card.third{min-height:360px!important}
.device-card img{
transform:scale(1.015)!important;
transition:transform 1.1s var(--ease),filter .5s ease!important;
filter:saturate(.82) contrast(1.03);
}
.device-card:hover img{transform:scale(1.055)!important;filter:saturate(1) contrast(1.04)}
.device-card:after{
background:linear-gradient(180deg,transparent 38%,rgba(0,0,0,.82))!important;
}
.device-meta{left:22px!important;right:22px!important;bottom:20px!important}
.device-meta b{
font-size:27px!important;
font-weight:500!important;
letter-spacing:-.045em!important;
}
.device-meta small{
color:#c6c5c0!important;
font-size:12px!important;
line-height:1.5!important;
}
.device-meta span{font-size:9px!important}
.case-grid{
border-left:1px solid #111!important;
border-top:1px solid #111!important;
}
.case{
min-height:175px!important;
border-color:#111!important;
background:transparent!important;
color:#111!important;
padding:22px!important;
}
.case .n{
font-family:"DM Sans",sans-serif!important;
font-size:9px!important;
margin-bottom:54px!important;
}
.case b{
font-size:23px!important;
font-weight:500!important;
}
.case:hover,.case.active{background:#111!important;color:#fff!important}
.case.bad:hover,.case.bad.active{background:#e67e88!important;color:#111!important}
.case-result{
min-height:96px!important;
background:#fff!important;
border-color:#111!important;
padding:18px 22px!important;
}
.case-result.good{background:var(--accent)!important}
.case-result.warn{background:#eec684!important}
.case-result.bad{background:#e99aa1!important}
.process{
background:#0b0b0c!important;
padding:96px 0!important;
}
.process .section-head{margin-bottom:50px!important}
.process .section-head h2{
color:#fff!important;
font-size:clamp(62px,7vw,112px)!important;
}
.process-list{border-top:1px solid rgba(255,255,255,.28)!important}
.process-row{
grid-template-columns:80px .78fr 1fr!important;
min-height:132px;
padding:28px 0!important;
border-bottom:1px solid rgba(255,255,255,.28)!important;
transition:background .25s ease,padding .35s var(--ease);
}
.process-row:hover{
background:rgba(255,255,255,.035);
padding-left:16px!important;
padding-right:16px!important;
}
.process-row>span{color:#8e8e8a!important}
.process-row h3{
font-size:38px!important;
font-weight:500!important;
}
.process-row p{
font-size:15px!important;
line-height:1.65!important;
color:#aaa9a5!important;
max-width:600px;
}
.photo-break{
height:min(78vw,900px)!important;
min-height:650px;
}
.photo-break img{
filter:saturate(.8) contrast(1.04);
transition:transform 1.5s var(--ease),filter .8s ease!important;
}
.photo-break:hover img{filter:saturate(1) contrast(1.05)}
.photo-overlay{
background:
linear-gradient(90deg,rgba(0,0,0,.80),rgba(0,0,0,.18) 60%,rgba(0,0,0,.06))!important;
}
.photo-overlay .shell{padding-bottom:70px!important}
.photo-overlay h2{
font-size:clamp(58px,7.5vw,116px)!important;
line-height:.87!important;
letter-spacing:-.073em!important;
font-weight:500!important;
max-width:1000px!important;
}
.photo-overlay p{
font-size:16px!important;
line-height:1.65!important;
}
.booking{
background:#111!important;
color:#fff!important;
padding:94px 0!important;
}
.booking-grid{
grid-template-columns:.64fr 1.36fr!important;
gap:54px!important;
}
.booking-side{top:112px!important}
.booking-side .eyebrow{color:var(--accent)!important}
.booking-side h2{
color:#fff!important;
font-size:clamp(50px,5.6vw,86px)!important;
line-height:.9!important;
letter-spacing:-.065em!important;
font-weight:500!important;
}
.booking-side p{
color:#bbb!important;
font-size:16px!important;
line-height:1.65!important;
}
.booking-points div{
color:#fff!important;
border-color:rgba(255,255,255,.22)!important;
font-size:13px!important;
padding:14px 0!important;
}
.embed{
min-height:720px!important;
border:0!important;
background:#fff!important;
}
.fallback{color:#888!important}.fallback a{color:#ccc!important}
.section:not(#devices):not(#case-check):not(#faq).policy-section{}
.policy-grid{
border-color:#111!important;
}
.policy-card{
min-height:290px!important;
padding:32px!important;
border-color:#111!important;
}
.policy-card:first-child{background:var(--paper)!important}
.policy-card:last-child{background:var(--accent)!important}
.policy-card h3{
font-size:34px!important;
font-weight:500!important;
letter-spacing:-.045em!important;
margin-top:82px!important;
}
.security{
background:#0b0b0c!important;
padding:96px 0!important;
}
.security-grid{grid-template-columns:.72fr 1.28fr!important;gap:90px!important}
.security h2{
font-size:clamp(58px,6vw,92px)!important;
line-height:.9!important;
letter-spacing:-.067em!important;
font-weight:500!important;
}
.security .copy{font-size:16px!important;color:#aaa!important}
.sec-list{border-top:1px solid rgba(255,255,255,.28)!important}
.sec{padding:24px 0!important;border-color:rgba(255,255,255,.28)!important}
.sec b{
font-family:"Space Grotesk",sans-serif!important;
font-size:23px!important;
font-weight:500!important;
}
.sec p{font-size:14px!important;color:#aaa!important}
#faq{padding:92px 0!important}
.faq-grid{grid-template-columns:.58fr 1.42fr!important;gap:90px!important}
.faq-grid h2{
font-size:clamp(58px,6vw,92px)!important;
font-weight:500!important;
}
.faq-list{border-color:#111!important}
details{border-color:#111!important}
summary{
font-family:"Space Grotesk",sans-serif!important;
font-size:18px!important;
font-weight:500!important;
padding:22px 0!important;
}
details p{font-size:14px!important;color:#5f5c55!important}
.final{
background:var(--accent)!important;
color:#111!important;
padding:94px 0!important;
}
.final h2{
font-size:clamp(64px,8vw,126px)!important;
line-height:.83!important;
letter-spacing:-.075em!important;
font-weight:500!important;
}
.final p{font-size:16px!important}
.final .btn{background:#111!important;color:#fff!important}
footer{padding:36px 0 48px!important}
.footlinks{font-size:12px!important}
.footnote{font-size:10px!important}
.reveal{
opacity:0!important;
transform:translateY(34px)!important;
transition:opacity .8s var(--ease),transform .8s var(--ease)!important;
}
.reveal.in{opacity:1!important;transform:none!important}
.device-card.reveal,.photo-break.reveal{
clip-path:inset(0 0 14% 0);
transform:translateY(22px)!important;
transition:opacity .8s var(--ease),transform .8s var(--ease),clip-path 1s var(--ease)!important;
}
.device-card.reveal.in,.photo-break.reveal.in{
clip-path:inset(0 0 0 0);
transform:none!important;
}
@media(max-width:1100px){
.statement,.section-head,.booking-grid,.security-grid,.faq-grid{grid-template-columns:1fr!important}
.statement{gap:34px!important}
.device-card.large,.device-card.medium,.device-card.third{grid-column:span 6!important}
.booking-side{position:relative!important;top:auto!important}
.process-row{grid-template-columns:56px 1fr!important}
.process-row p{grid-column:2!important}
}
@media(max-width:700px){
.shell{width:calc(100% - 28px)!important}
.hero-inner{padding:64px 0 42px!important}
.hero h1{font-size:clamp(58px,16vw,84px)!important;line-height:.86!important}
.hero-copy{font-size:17px!important}
.statement{padding:64px 14px!important}
.statement h2,.section-head h2{font-size:clamp(44px,12vw,64px)!important}
.manifesto-inner{min-height:64px;gap:12px;font-size:11px;overflow:hidden}
.device-card.large,.device-card.medium,.device-card.third{grid-column:span 12!important;min-height:320px!important}
.case-grid{grid-template-columns:1fr!important}
.case{min-height:138px!important}.case .n{margin-bottom:34px!important}
.process{padding:66px 0!important}
.process .section-head h2{font-size:clamp(52px,14vw,74px)!important}
.process-row h3{font-size:30px!important}
.photo-break{height:680px!important}
.photo-overlay h2{font-size:clamp(50px,14vw,76px)!important}
.booking{padding:66px 0!important}.booking-side h2{font-size:clamp(48px,13vw,68px)!important}
.security{padding:68px 0!important}
.security h2,.faq-grid h2{font-size:clamp(48px,13vw,68px)!important}
.final h2{font-size:clamp(58px,15vw,82px)!important}
}
body{
line-height:1.68!important;
}
.hero h1{
line-height:.92!important;
margin-bottom:36px!important;
}
.hero-copy{
line-height:1.72!important;
}
.statement h2,
.section-head h2,
.security h2,
.faq-grid h2,
.photo-overlay h2,
.booking-side h2,
.final h2{
line-height:.99!important;
}
html[lang="ko"] .statement h2,
html[lang="ko"] .section-head h2,
html[lang="ko"] .security h2,
html[lang="ko"] .faq-grid h2,
html[lang="ko"] .photo-overlay h2,
html[lang="ko"] .booking-side h2,
html[lang="ko"] .final h2,
html[lang="ja"] .statement h2,
html[lang="ja"] .section-head h2,
html[lang="ja"] .security h2,
html[lang="ja"] .faq-grid h2,
html[lang="ja"] .photo-overlay h2,
html[lang="ja"] .booking-side h2,
html[lang="ja"] .final h2,
html[lang="zh"] .statement h2,
html[lang="zh"] .section-head h2,
html[lang="zh"] .security h2,
html[lang="zh"] .faq-grid h2,
html[lang="zh"] .photo-overlay h2,
html[lang="zh"] .booking-side h2,
html[lang="zh"] .final h2{
line-height:1.08!important;
letter-spacing:-.045em!important;
}