/* bookit.tours/features/ */
.ft{--fi:#0b1220;--fi2:#16203a;--fb:#0b6fd1;--fb2:#1d8efb;--fsoft:#f3f6fb;--fline:#e2e7ef;--ftxt:#141a24;--ffog:#5d6778;background:#fff;color:var(--ftxt);font-family:var(--sans,system-ui,sans-serif);overflow-x:clip}
.ft *{box-sizing:border-box}
.ft-wrap{max-width:1200px;margin:0 auto;padding:0 20px}
.ft a{color:var(--fb)}
.ft-kick{margin:0 0 10px;color:var(--fb);font-size:13px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}
.ft-h1{font:400 clamp(46px,7.4vw,96px)/.95 var(--serif,Georgia,serif);letter-spacing:-.015em;margin:0 0 22px;max-width:13ch;color:#fff}
.ft-h2{font:400 clamp(34px,4.4vw,56px)/1 var(--serif,Georgia,serif);letter-spacing:-.01em;margin:0 0 16px;color:var(--ftxt)}
.ft-lead{font-size:clamp(17px,1.5vw,19px);line-height:1.6;color:var(--ffog);margin:0 0 22px;max-width:60ch}
.ft-btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:.6em 1.5em;border-radius:999px;background:var(--fb2);color:#fff!important;font-weight:800;font-size:17px;text-decoration:none;box-shadow:0 10px 24px rgb(29 142 251 / .32);transition:transform .15s,box-shadow .15s}
.ft-btn:hover{transform:translateY(-1px);box-shadow:0 14px 30px rgb(29 142 251 / .4)}
.ft-btn:focus-visible,.ft-zoom:focus-visible,.ft-jump a:focus-visible{outline:3px solid #9fd3f5;outline-offset:3px}
.ft-btn--ghost{background:transparent;box-shadow:inset 0 0 0 1px rgb(255 255 255 / .35)}
.ft-btn--ghost:hover{box-shadow:inset 0 0 0 1px #fff}
.ft-btn--ghost2{background:#fff;color:var(--ftxt)!important;box-shadow:inset 0 0 0 1.5px var(--ftxt)}
.ft-btn--sm{min-height:38px;padding:.3em 1.1em;font-size:15px;box-shadow:none}
.ft-ctas{display:flex;flex-wrap:wrap;gap:12px;margin:0 0 34px}

/* hero */
.ft-hero{background:radial-gradient(900px 480px at 12% -10%,rgb(29 142 251 / .32),transparent 70%),radial-gradient(700px 420px at 95% 20%,rgb(159 211 245 / .12),transparent 70%),#05070b;color:#f2f5f8;padding:clamp(56px,9vw,120px) 0 0}
.ft-kick--hero{color:#9fd3f5}
.ft-hero__p{font-size:clamp(18px,1.7vw,21px);line-height:1.55;color:#c7d0dd;max-width:58ch;margin:0 0 30px}
.ft-facts{list-style:none;margin:0 0 clamp(36px,5vw,56px);padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:rgb(159 211 245 / .16);border:1px solid rgb(159 211 245 / .16);border-radius:16px;overflow:hidden;max-width:980px}
.ft-facts li{background:#0a0f18;padding:16px 18px;display:grid;gap:2px}
.ft-facts strong{font:400 26px/1.1 var(--serif,Georgia,serif);color:#fff}
.ft-facts span{color:#93a0b2;font-size:14px;line-height:1.4}
.ft-hero__shot{margin-bottom:-14vw;position:relative;z-index:1}
.ft-hero__shot .ft-shot{box-shadow:0 40px 90px rgb(0 0 0 / .55),0 0 0 1px rgb(159 211 245 / .2)}
.ft-gap{height:calc(14vw + 10px);background:#fff}
@media (min-width:1240px){.ft-hero__shot{margin-bottom:-170px}.ft-gap{height:180px}}

/* jump links */
.ft-jump{position:sticky;top:0;z-index:5;background:rgb(255 255 255 / .94);backdrop-filter:saturate(1.4) blur(10px);border-bottom:1px solid var(--fline)}
.ft-jump .ft-wrap{display:flex;align-items:center;gap:14px;min-height:60px}
.ft-jump ul{list-style:none;margin:0;padding:0;display:flex;gap:4px;overflow-x:auto;scrollbar-width:none;flex:1;-webkit-mask-image:linear-gradient(90deg,#000 92%,transparent)}
.ft-jump ul::-webkit-scrollbar{display:none}
.ft-jump a{display:block;white-space:nowrap;padding:8px 12px;border-radius:999px;color:var(--ftxt);text-decoration:none;font-weight:700;font-size:15px}
.ft-jump a:hover{background:var(--fsoft)}
@media (max-width:640px){.ft-jump .ft-btn{display:none}}

/* sections */
.ft-sec{padding:clamp(64px,9vw,120px) 0;scroll-margin-top:60px}
.ft-sec--soft{background:var(--fsoft)}
.ft-sec__in{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(32px,5vw,72px);align-items:center}
.ft-sec--flip .ft-sec__in{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}
.ft-sec--flip .ft-sec__txt{order:2}
.ft-pts{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.ft-pts li{position:relative;padding-left:32px;line-height:1.55;color:var(--ffog)}
.ft-pts li::before{content:"";position:absolute;left:0;top:.2em;width:20px;height:20px;border-radius:50%;background:#e8f2fd url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='m5.5 10.5 3 3 6-7' fill='none' stroke='%230b6fd1' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/20px no-repeat}
.ft-pts strong{color:var(--ftxt)}
@media (max-width:900px){.ft-sec__in,.ft-sec--flip .ft-sec__in{grid-template-columns:1fr}.ft-sec--flip .ft-sec__txt{order:0}}

/* screenshots */
.ft-shot{margin:0;border-radius:14px;overflow:hidden;background:#fff;box-shadow:0 24px 60px rgb(11 18 32 / .16),0 0 0 1px rgb(11 18 32 / .08)}
.ft-shot__bar{display:flex;align-items:center;gap:6px;height:30px;padding:0 12px;background:#eef1f6;border-bottom:1px solid var(--fline)}
.ft-shot__bar i{width:10px;height:10px;border-radius:50%;background:#cfd6e2}
.ft-shot__bar i:first-child{background:#ff6159}.ft-shot__bar i:nth-child(2){background:#ffbd2e}.ft-shot__bar i:nth-child(3){background:#28c941}
.ft-shot__bar span{margin-left:10px;font-size:12px;color:#7b8597;background:#fff;border-radius:6px;padding:2px 10px;flex:0 1 260px;overflow:hidden;white-space:nowrap}
.ft-zoom{display:block;width:100%;padding:0;margin:0;border:0;background:none;cursor:zoom-in}
.ft-zoom img{display:block;width:100%;height:auto}
.ft-shot--tall .ft-zoom img{max-height:640px;object-fit:cover;object-position:top}
.ft-shot--tall .ft-shot__bar span{display:none}
.ft-sec__media>.ft-shot+.ft-shot{position:relative;margin:-10% 0 0 16%;width:84%}
.ft-sec--flip .ft-sec__media>.ft-shot+.ft-shot{margin:-10% 16% 0 0}
.ft-phone{margin:0;padding:9px;border-radius:40px;background:#0b0f17;box-shadow:0 30px 60px rgb(11 18 32 / .28),inset 0 0 0 1px #2a3346;max-width:300px}
.ft-phone img{border-radius:31px}
.ft-sec__media>.ft-phone{margin:0 auto}
.ft-duo{display:grid;grid-template-columns:minmax(0,1fr)}
.ft-duo>*{grid-area:1/1}
.ft-duo .ft-shot{margin-right:22%;align-self:center}
.ft-duo .ft-phone{justify-self:end;align-self:end;width:38%;max-width:270px;position:relative}
.ft-duo .ft-shot--tall{margin-right:40%;align-self:start}
.ft-duo .ft-shot--tall+.ft-phone{width:46%;margin-bottom:6%}
@media (max-width:560px){.ft-duo .ft-shot{margin-right:12%}.ft-duo .ft-phone{width:42%}.ft-sec__media>.ft-shot+.ft-shot,.ft-sec--flip .ft-sec__media>.ft-shot+.ft-shot{margin:-6% 0 0 8%;width:92%}}

/* more */
.ft-more{padding:clamp(64px,9vw,110px) 0;background:#05070b;color:#f2f5f8}
.ft-more .ft-h2{color:#fff}
.ft-more .ft-kick{color:#9fd3f5}
.ft-grid{list-style:none;margin:28px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px}
.ft-grid li{display:grid;gap:6px;padding:20px;border-radius:16px;background:#0e1522;border:1px solid rgb(159 211 245 / .14)}
.ft-grid strong{font-size:17px;color:#fff}
.ft-grid span{color:#a7b2c3;line-height:1.5;font-size:15.5px}

/* pricing */
.ft-price{padding:clamp(64px,9vw,110px) 0;text-align:center;scroll-margin-top:60px}
.ft-price .ft-lead{margin-left:auto;margin-right:auto}
.ft-plans{display:grid;grid-template-columns:repeat(2,minmax(0,380px));justify-content:center;gap:20px;margin:30px 0 20px;text-align:left}
.ft-plan{display:flex;flex-direction:column;padding:28px;border-radius:22px;border:1px solid var(--fline);background:#fff;box-shadow:0 14px 40px rgb(11 18 32 / .07)}
.ft-plan h3{font:800 20px/1.2 var(--sans,system-ui);margin:0 0 10px}
.ft-plan__n{margin:0;color:var(--ffog)}
.ft-plan__n strong{font:400 52px/1 var(--serif,Georgia,serif);color:var(--ftxt);margin-right:4px}
.ft-plan__f{margin:6px 0 18px;color:var(--ffog);font-size:15px}
.ft-plan ul{margin:0 0 24px;padding:0 0 0 20px;display:grid;gap:8px;flex:1;line-height:1.5}
.ft-plan--plus{background:var(--fi);color:#e6ebf3;border-color:var(--fi);box-shadow:0 24px 60px rgb(11 18 32 / .3)}
.ft-plan--plus h3,.ft-plan--plus .ft-plan__n strong{color:#fff}
.ft-plan--plus .ft-plan__n,.ft-plan--plus .ft-plan__f{color:#a7b2c3}
.ft-fine{color:var(--ffog);font-size:15px;max-width:66ch;margin:0 auto}
@media (max-width:760px){.ft-plans{grid-template-columns:1fr}}

/* end */
.ft-end{padding:clamp(64px,9vw,110px) 0;text-align:center;background:radial-gradient(700px 360px at 50% 0,rgb(29 142 251 / .3),transparent 70%),#05070b;color:#f2f5f8}
.ft-end .ft-h2{color:#fff;max-width:16ch;margin-left:auto;margin-right:auto}
.ft-end .ft-lead{color:#c7d0dd;margin-left:auto;margin-right:auto}
.ft-end .ft-ctas{justify-content:center;margin-bottom:26px}
.ft-note{color:#7b8597;font-size:13.5px;margin:0}

/* viewer */
.ft-view{border:0;padding:0;background:transparent;max-width:min(96vw,1700px);max-height:94vh;overflow:auto}
.ft-view::backdrop{background:rgb(5 7 11 / .86)}
.ft-view img{display:block;max-width:100%;height:auto;border-radius:12px}
.ft-view__x{position:sticky;top:8px;float:right;margin:8px;width:44px;height:44px;border-radius:50%;border:0;background:#fff;color:#000;font-size:26px;line-height:1;cursor:pointer}
@media (prefers-reduced-motion:reduce){.ft-btn,.join__feat-a b{transition:none}}
@media (max-width:700px){.ft-facts{grid-template-columns:repeat(2,minmax(0,1fr))}}