/* Home page only: hide the floating trip button while the hero buttons are on screen, so it never covers them. */
.chat-toggle{transition:opacity .3s,transform .3s}
.chat-toggle.is-tucked{opacity:0;transform:translateY(16px);pointer-events:none}
/* Hero photo: Machhapuchhre at dusk over Phewa Lake. Keep the peak in view on tall phone screens. */
.concept-home .agency-hero>img{object-position:68% 45%}
@media(max-width:650px){.concept-home .agency-hero>img{object-position:85% 45%}}
/* "Choose your ride" vehicle section on the homepage. */
.vehicle-section{background:linear-gradient(180deg,#f3f7ff,#fff)}
.vehicle-section .sectionhead{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:34px}
.vehicle-section .sectionhead p{max-width:560px;margin:0;color:#526781}
.vehicle-actions{display:flex;gap:12px;flex-wrap:wrap;flex-shrink:0}
@media(max-width:1000px){.vehicle-section .sectionhead{flex-direction:column;align-items:flex-start}}
/* Hero: three buttons (Build my trip · WhatsApp · Explore treks), readable subtext over the photo. */
.concept-home .agency-hero p{max-width:640px;text-shadow:0 2px 14px #000c}
.concept-home .agency-hero .actions{justify-content:center}
.concept-home .agency-hero .actions .button{display:inline-flex;align-items:center;justify-content:center;gap:9px}
.concept-home .agency-hero .actions .button .social-icon{width:22px;height:22px;margin:0}
@media(max-width:560px){
 .concept-home .agency-hero .actions{flex-direction:column;align-items:center;gap:10px}
 .concept-home .agency-hero .actions .button{width:min(290px,100%);min-width:0}
}
/* Trust strip: a glossy bar that overlaps the bottom of the hero. */
.trust-strip{position:relative;z-index:3;margin-top:-46px}
.trust-strip ul{list-style:none;margin:0;padding:14px 10px;display:grid;grid-template-columns:repeat(5,1fr);border-radius:24px;
 background:linear-gradient(180deg,#ffffffeb,#f3f7ffe0);border:1px solid #fff;box-shadow:0 26px 60px -28px #06204a66,inset 0 1px 0 #fff;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.trust-strip li{display:flex;align-items:center;gap:11px;padding:6px 14px;position:relative;opacity:0;transform:translateY(10px);animation:trust-in .6s cubic-bezier(.22,.7,.2,1) forwards}
.trust-strip li:nth-child(2){animation-delay:.08s}.trust-strip li:nth-child(3){animation-delay:.16s}.trust-strip li:nth-child(4){animation-delay:.24s}.trust-strip li:nth-child(5){animation-delay:.32s}
.trust-strip li+li:before{content:'';position:absolute;left:0;top:14%;bottom:14%;width:1px;background:linear-gradient(180deg,transparent,#c9d9f2,transparent)}
.trust-ico{flex:0 0 44px;height:44px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(150deg,#ffffff,#e4edfb);border:1px solid #fff;box-shadow:0 10px 20px -10px #0b2d6680,inset 0 -3px 6px #c3d4ef99,inset 0 1px 0 #fff;transition:transform .3s cubic-bezier(.22,.7,.2,1)}
.trust-ico svg{width:27px;height:27px}.trust-ico img{width:26px;height:26px}
.trust-strip li:hover .trust-ico{transform:translateY(-2px) rotate(-3deg)}
.trust-strip b{display:block;font-size:13.5px;line-height:1.25;color:#102646}
.trust-strip small{display:block;font-size:12px;line-height:1.3;color:#526781;margin-top:2px}
@keyframes trust-in{to{opacity:1;transform:none}}
@media(max-width:1000px){.trust-strip ul{grid-template-columns:repeat(3,1fr);row-gap:6px}.trust-strip li:nth-child(4):before{display:none}}
@media(max-width:560px){
 .trust-strip{margin-top:-30px}
 .trust-strip ul{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:10px 4px;border-radius:20px}
 .trust-strip ul::-webkit-scrollbar{display:none}
 .trust-strip li{flex:0 0 72%;scroll-snap-align:start;padding:6px 12px}
}

/* Featured journey cards: difficulty badge and a glossy tilt that follows the pointer. */
.trip-level{display:flex;width:max-content;align-items:center;gap:6px;margin:0 0 8px;padding:3px 9px;border-radius:20px;background:#ffffff26;border:1px solid #ffffff4d;
 color:#fff;font-size:11px;font-weight:700;letter-spacing:.3px;backdrop-filter:blur(6px);vertical-align:middle}
.trip-level .dots{display:inline-flex;gap:3px}
.trip-level i{width:6px;height:6px;border-radius:50%;background:#ffffff55}
.trip-level i.on{background:#7ee2a8;box-shadow:0 0 6px #7ee2a8}
.trip-level[data-level="2"] i.on{background:#ffcf6b;box-shadow:0 0 6px #ffcf6b}
.concept-home .featured-trip{transform-style:preserve-3d;will-change:transform}
.concept-home .featured-trip.is-tilting{transition:transform .12s ease-out,box-shadow .3s}
.concept-home .featured-trip:before{content:'';position:absolute;inset:0;z-index:2;pointer-events:none;border-radius:inherit;opacity:0;transition:opacity .3s;
 background:radial-gradient(420px circle at var(--gx,50%) var(--gy,30%),#ffffff40,transparent 45%)}
.concept-home .featured-trip.is-tilting:before{opacity:1}
@media(prefers-reduced-motion:reduce){.trust-strip li{animation:none;opacity:1;transform:none}.concept-home .featured-trip:before{display:none}}

/* First screen (owner, 2026-09-29): hero buttons removed; hero + trust strip fit in one screen on laptop and phone.
   Headline size and spacing follow the screen height, so short screens stay within the first view. */
.concept-home .agency-hero{min-height:440px;height:calc(100svh - 168px);max-height:1050px}
.concept-home .agency-hero .wrap{padding-top:clamp(78px,13vh,130px);padding-bottom:clamp(34px,6vh,70px)}
.concept-home .agency-hero h1{font-size:clamp(40px,min(6vw,8.4vh),84px);margin:clamp(12px,2.4vh,24px) auto}
.concept-home .agency-hero .explore-down{margin-top:clamp(16px,3.4vh,34px)}
@media(max-width:650px){
 .concept-home .agency-hero{min-height:380px;height:calc(100svh - 170px);max-height:850px}
 .concept-home .agency-hero .wrap{padding-top:clamp(80px,13vh,108px);padding-bottom:clamp(34px,5.4vh,56px)}
 .concept-home .agency-hero h1{font-size:clamp(34px,6vh,49px);margin:14px auto}
 .concept-home .agency-hero p{font-size:clamp(14px,2.2vh,16px);line-height:1.5}
 .concept-home .agency-hero .eyebrow{font-size:11px;padding:6px 12px}
 .concept-home .agency-hero .explore-down{margin-top:14px}
}

/* Phones: all five trust points at once — icon over a short title, no second line — above the floating chat button. */
@media(max-width:650px){
 .concept-home .trust-strip ul{display:grid;grid-template-columns:repeat(5,1fr);overflow:visible;padding:10px 4px;gap:0}
 .concept-home .trust-strip li{flex:none;flex-direction:column;text-align:center;gap:5px;padding:2px 3px}
 .concept-home .trust-strip li+li:before{top:18%;bottom:18%}
 .concept-home .trust-strip li:nth-child(4):before{display:block}
 .concept-home .trust-strip small{display:none}
 .concept-home .trust-strip b{font-size:10.5px;line-height:1.2}
 .concept-home .trust-strip .trust-ico{transform:scale(.82)}
}
/* Headline "Pick a place. / We’ll handle the rest." — balanced lines, no single word left alone. */
.concept-home .agency-hero h1{text-wrap:balance}
.concept-home .agency-hero h1 em{white-space:nowrap}
@media(max-width:650px){.concept-home .agency-hero h1 em{font-size:.78em;letter-spacing:-.5px}}
@media(max-width:360px){.concept-home .agency-hero h1 em{white-space:normal}}

/* Headline starts below the header in every language (--hdr from home-motion.js); the small brand line is
   hidden on phones because the header already shows the name. */
.concept-home .agency-hero .wrap{padding-top:max(clamp(78px,13vh,130px),calc(var(--hdr,120px) + 14px))}
@media(max-width:650px){
 .concept-home .agency-hero .wrap{padding-top:calc(var(--hdr,150px) + 12px)}
 .concept-home .agency-hero .eyebrow{display:none}
 .concept-home .agency-hero h1{margin-top:0}
}

/* With the journeys slider in the hero (2026-09-29): hero fills the screen above the strip; the floating
   trip button tucks away while the strip is visible (home-motion.js), so the strip can sit at the bottom. */
.concept-home .agency-hero{height:calc(100svh - 88px)}
.concept-home .agency-hero .wrap{padding-bottom:62px}
.concept-home .agency-hero h1{font-size:clamp(34px,min(5.4vw,7.2vh),78px)}
@media(max-width:650px){
 .concept-home .agency-hero{height:calc(100svh - 90px)}
 .concept-home .agency-hero .wrap{padding-bottom:46px}
 .concept-home .agency-hero h1{font-size:clamp(30px,5.4vh,46px)}
}
/* Tablets: the five trust points in one compact row too (icon over title), like phones. */
@media(min-width:651px) and (max-width:1000px){
 .concept-home .trust-strip ul{grid-template-columns:repeat(5,1fr);row-gap:0;padding:10px 6px}
 .concept-home .trust-strip li{flex-direction:column;text-align:center;gap:6px;padding:4px 6px}
 .concept-home .trust-strip li:nth-child(4):before{display:block}
 .concept-home .trust-strip small{display:none}
 .concept-home .trust-strip b{font-size:12px}
}