/* Homepage booking-channel showcase */
.ota-section{padding:54px 0 36px;background:linear-gradient(180deg,#f8f9ff 0%,#f2f5ff 100%);position:relative;isolation:isolate}
.ota-section:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 12% 16%,rgba(41,71,231,.1),transparent 26%),radial-gradient(circle at 88% 82%,rgba(255,128,95,.09),transparent 24%);pointer-events:none;z-index:-1}
.ota-heading{margin-bottom:30px;gap:32px}
.ota-heading>div{max-width:760px}
.ota-heading h2{font-size:clamp(27px,3vw,39px);margin:10px 0 8px}
.ota-heading p{margin:0;color:#6d738b;font-size:14px;line-height:1.65}
.slider-toggle{flex:0 0 auto;transition:border-color .25s,box-shadow .25s,transform .25s}
.slider-toggle:hover{border-color:#aeb9ef;box-shadow:0 8px 22px rgba(27,40,120,.1);transform:translateY(-2px)}
.ota-showcase{display:grid;gap:14px}
.ota-row{display:grid;grid-template-columns:112px minmax(0,1fr);align-items:center;gap:10px}
.ota-row-label{font:700 10px/1.2 'DM Sans',sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#6f7590;padding-left:30px}
.ota-window{min-width:0;padding:5px 0;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent);mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent)}
.ota-track{gap:0;animation:channelFlow 48s linear infinite;will-change:transform}
.ota-row-secondary .ota-track{animation-name:channelFlowReverse;animation-duration:44s}
.ota-group{gap:14px;padding-right:14px}
.ota-logo{width:198px;height:82px;padding:11px 16px;justify-content:flex-start;gap:12px;border-radius:16px;border:1px solid rgba(213,218,237,.86);box-shadow:0 10px 26px rgba(20,29,88,.055);transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease;background:rgba(255,255,255,.94)}
.ota-logo:hover{transform:translateY(-4px);border-color:#bbc5f4;box-shadow:0 15px 30px rgba(20,29,88,.12)}
.channel-mark{width:48px;height:48px;flex:0 0 48px;display:grid;place-items:center;border-radius:13px;background:#fff;border:1px solid #edf0f7;box-shadow:0 5px 14px rgba(18,22,78,.07);overflow:hidden}
.channel-mark img{display:block;width:36px;height:36px;object-fit:contain}
.channel-name{font:700 14px/1.2 'DM Sans',sans-serif;color:#1d235f;white-space:nowrap;letter-spacing:-.01em}
.ota-window:hover .ota-track,.ota-window:focus-within .ota-track,.ota-section.paused .ota-track{animation-play-state:paused}
.channel-caption{margin-top:22px!important;line-height:1.55}
@keyframes channelFlow{to{transform:translateX(-50%)}}
@keyframes channelFlowReverse{from{transform:translateX(-50%)}to{transform:translateX(0)}}
@media(max-width:780px){.ota-section{padding:42px 0 30px}.ota-heading{align-items:flex-start}.ota-heading p{font-size:13px}.ota-row{grid-template-columns:1fr;gap:5px}.ota-row-label{padding-left:20px}.ota-showcase{gap:10px}.ota-logo{width:174px;height:72px;padding:9px 12px;gap:10px;border-radius:14px}.channel-mark{width:42px;height:42px;flex-basis:42px;border-radius:11px}.channel-mark img{width:32px;height:32px}.channel-name{font-size:12px}.ota-window{-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}}
@media(max-width:480px){.ota-heading{display:grid;grid-template-columns:1fr auto}.ota-heading>div{grid-column:1/-1}.slider-toggle{grid-column:2;grid-row:1;align-self:start}.ota-heading .eyebrow{padding-right:72px}.ota-logo{width:158px;height:68px}.channel-name{font-size:11px}.channel-caption{padding-inline:18px}}
@media(prefers-reduced-motion:reduce){.ota-track{animation:none!important}.ota-group[aria-hidden="true"]{display:none}.ota-logo{transition:none}}

/* Context briefing popovers */
.channel-interaction-hint{display:inline-flex;align-items:center;gap:7px;margin-top:11px;color:#3f4b96;font:700 11px/1.3 'DM Sans',sans-serif;letter-spacing:.02em}
.channel-interaction-hint:before{content:'i';display:grid;place-items:center;width:17px;height:17px;border-radius:50%;background:#e8edff;color:#2947e7;font-size:10px}
.ota-logo{position:relative;cursor:help;outline:none}
.channel-info-dot{margin-left:auto;display:grid;place-items:center;width:18px;height:18px;flex:0 0 18px;border-radius:50%;background:#eef1ff;color:#5363c6;font:800 10px/1 'DM Sans',sans-serif;opacity:.72;transition:background .2s,color .2s,transform .2s}
.ota-logo:hover .channel-info-dot,.ota-logo:focus-visible .channel-info-dot{background:#2947e7;color:#fff;transform:scale(1.08)}
.ota-logo:focus-visible{border-color:#6d7ff0;box-shadow:0 0 0 3px rgba(41,71,231,.18),0 15px 30px rgba(20,29,88,.12)}
.channel-tooltip{position:fixed;z-index:1000;width:min(310px,calc(100vw - 28px));padding:17px 18px 16px;border:1px solid rgba(188,198,241,.9);border-radius:16px;background:rgba(18,22,78,.96);color:#fff;box-shadow:0 22px 55px rgba(11,18,67,.28);pointer-events:none;opacity:0;visibility:hidden;transform:translateY(8px) scale(.98);transition:opacity .18s ease,transform .18s ease,visibility .18s;backdrop-filter:blur(14px)}
.channel-tooltip.is-visible{opacity:1;visibility:visible;transform:translateY(0) scale(1)}
.channel-tooltip:after{content:'';position:absolute;width:12px;height:12px;background:rgba(18,22,78,.96);transform:rotate(45deg);left:var(--arrow-x,50%);margin-left:-6px;bottom:-6px;border-right:1px solid rgba(188,198,241,.75);border-bottom:1px solid rgba(188,198,241,.75)}
.channel-tooltip.is-below:after{top:-6px;bottom:auto;border:0;border-left:1px solid rgba(188,198,241,.75);border-top:1px solid rgba(188,198,241,.75)}
.channel-tooltip-kicker{display:block;color:#9eb0ff;font:800 9px/1.2 'DM Sans',sans-serif;letter-spacing:.12em;text-transform:uppercase;margin-bottom:7px}
.channel-tooltip-title{display:block;font:800 17px/1.25 Manrope,sans-serif;margin-bottom:6px}
.channel-tooltip-copy{margin:0;color:#e5e8f7;font:500 12px/1.55 'DM Sans',sans-serif}
.ota-section.has-channel-tip .ota-track{animation-play-state:paused}
@media(max-width:780px){.channel-interaction-hint{font-size:10px}.channel-info-dot{width:16px;height:16px;flex-basis:16px;font-size:9px}.channel-tooltip{padding:15px 16px;border-radius:14px}.channel-tooltip-title{font-size:16px}.channel-tooltip-copy{font-size:11.5px}.ota-logo{cursor:pointer}}
@media(prefers-reduced-motion:reduce){.channel-tooltip,.channel-info-dot{transition:none}}

/* Hotellix symbol signature inside channel briefings */
.channel-tooltip-brand{position:absolute;top:13px;right:15px;width:48px;height:29px;object-fit:contain;object-position:center;opacity:.46;filter:drop-shadow(0 0 8px rgba(84,142,255,.3));pointer-events:none;user-select:none}
.channel-tooltip-kicker,.channel-tooltip-title{padding-right:56px}
@media(max-width:780px){.channel-tooltip-brand{top:12px;right:13px;width:42px;height:25px;opacity:.44}.channel-tooltip-kicker,.channel-tooltip-title{padding-right:48px}}