/* travel.html: styles for this page only */
/* ===== omnichannel page ===== */
.oc-hero .omni{width:min(1120px,calc(100% - 48px));margin:56px auto 0;background:none;border:0;padding:0}
.oc-btns{display:flex;gap:12px;flex-wrap:wrap}
.oc-line{display:inline-flex;align-items:center;height:60px;padding:0 32px;border-radius:999px;border:1.5px solid #C9D2F8;background:#fff;color:var(--cobalt-deep);font-weight:600;font-size:17px}
.oc-line:hover{background:#EEF1FE}
.oc-sec{padding:96px 0}
.oc-tint{background:var(--tint)}
.oc-title{text-align:center;margin:0 auto 12px!important}
.oc-lead{text-align:center;font-size:18px;color:var(--ink-2);margin:0 auto 48px;max-width:34em}
.oc-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.oc-card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:28px;transition:border-color .2s,box-shadow .2s,transform .2s}
.oc-card:hover{border-color:#C9D2F8;box-shadow:0 24px 44px -28px rgba(45,70,232,.45);transform:translateY(-3px)}
.oc-ic{width:52px;height:52px;border-radius:14px;background:var(--tint-2);color:var(--cobalt);display:grid;place-items:center}
.oc-card h3{font-size:22px;letter-spacing:-.02em;margin:20px 0 8px}
.oc-card p{font-size:16px;line-height:1.6;color:var(--ink-2);margin:0 0 18px}
.oc-card ul{list-style:none;margin:0;padding:18px 0 0;border-top:1px solid var(--line);display:grid;gap:10px}
.oc-card li{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:500}
.oc-card li svg{color:var(--cobalt);flex:none}
.oc-why-wrap{padding:0 0 8px}
.oc-why{width:calc(100% - 40px);max-width:calc(var(--container) + 112px);margin:0 auto;border-radius:40px;background:radial-gradient(70% 60% at 90% 0%,rgba(110,130,255,.45) 0%,transparent 60%),var(--deep);color:#fff;padding:88px 0}
.oc-why-in{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:56px;align-items:start}
.oc-why .h2{color:#fff;margin:0 0 16px}
.oc-why p{color:#DCE2FF;font-size:17px;line-height:1.6;margin:0 0 28px;max-width:28em}
.oc-why .feat li{border-top-color:rgba(255,255,255,.2)}
.oc-why .feat b{color:#fff}.oc-why .feat span{color:#DCE2FF}
.oc-white{display:inline-flex;align-items:center;height:54px;padding:0 28px;border-radius:999px;background:#fff;color:var(--cobalt-deep);font-weight:600}
.oc-white:hover{background:#EEF1FE}
.oc-ghost{display:inline-flex;align-items:center;height:54px;padding:0 28px;border-radius:999px;border:1.5px solid rgba(255,255,255,.6);color:#fff;font-weight:600}
.oc-ghost:hover{background:rgba(255,255,255,.12)}
.oc-journey{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;position:relative}
.oc-journey::before{content:"";position:absolute;left:12%;right:12%;top:38px;height:2px;background:repeating-linear-gradient(90deg,#C9D2F8 0 8px,transparent 8px 16px)}
.oc-journey li{position:relative;text-align:center;display:flex;flex-direction:column;align-items:center}
.oc-jic{width:76px;height:76px;border-radius:50%;background:#fff;border:1.5px solid #C9D2F8;color:var(--cobalt);display:grid;place-items:center;margin-bottom:18px;box-shadow:0 14px 30px -18px rgba(45,70,232,.5)}
.oc-journey li:last-child .oc-jic{background:var(--cobalt);border-color:var(--cobalt);color:#fff}
.oc-journey small{font-size:13px;font-weight:600;color:var(--mute)}
.oc-journey b{font-size:21px;letter-spacing:-.02em;margin:4px 0 8px}
.oc-journey p{font-size:16px;line-height:1.55;color:var(--ink-2);margin:0;max-width:22em}
.oc-steps-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:56px;align-items:start}
.oc-steps-grid .h2{margin:0 0 12px}
.oc-steps{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.oc-steps li{display:flex;gap:18px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px 24px}
.oc-n{flex:none;width:40px;height:40px;border-radius:50%;background:var(--cobalt);color:#fff;display:grid;place-items:center;font-weight:600}
.oc-steps b{font-size:18px}.oc-steps p{margin:6px 0 0;color:var(--ink-2);line-height:1.55}
.oc-cta-wrap{padding:0 0 96px}
.oc-cta{width:calc(100% - 40px);max-width:calc(var(--container) + 112px);margin:0 auto;border-radius:40px;background:radial-gradient(70% 60% at 50% 100%,rgba(110,130,255,.4) 0%,transparent 70%),var(--deep);color:#fff;text-align:center;padding:96px 24px}
.oc-cta h2{margin:0 auto 14px;max-width:14em;font-size:clamp(32px,4.2vw,56px);line-height:1.05;letter-spacing:-.04em;font-weight:600}
.oc-cta p{margin:0 auto 30px;color:#DCE2FF;font-size:18px}
@media (max-width:1060px){.oc-cards,.oc-journey{grid-template-columns:1fr}.oc-journey::before{display:none}.oc-why-in,.oc-steps-grid{grid-template-columns:1fr;gap:32px}}
@media (max-width:760px){.oc-sec{padding:64px 0}.oc-why,.oc-cta{width:calc(100% - 16px);border-radius:24px;padding:56px 0}.oc-cta{padding:64px 18px}.oc-hero .omni{width:calc(100% - 24px)}}

/* ===== e-commerce industry page ===== */
.ec-hero h1{max-width:13em}
.ec-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.ec-card{background:#fff;border:1px solid var(--line);border-radius:24px;padding:28px;transition:border-color .2s,box-shadow .2s,transform .2s}
.ec-card:hover{border-color:#C9D2F8;box-shadow:0 24px 44px -30px rgba(45,70,232,.45);transform:translateY(-3px)}
.ec-card h3{font-size:22px;margin:18px 0 8px}
.ec-card p{font-size:16px;line-height:1.6;color:var(--ink-2);margin:0}
.ec-fmts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.ec-fmt{background:#fff;border:1px solid var(--line);border-radius:22px;padding:24px}
.ec-fmt-head{display:flex;gap:14px;align-items:flex-start;margin-bottom:14px}
.ec-fmt-n{font-family:var(--mono);font-size:13px;color:var(--cobalt);padding-top:4px}
.ec-fmt h3{font-size:20px;margin:0 0 2px}
.ec-fmt-head span{font-size:14px;color:var(--mute)}
.ec-fmt p{margin:0 0 16px;font-size:15.5px;line-height:1.6;color:var(--ink-2)}
.ec-fmt ul{list-style:none;margin:0;padding:16px 0 0;border-top:1px solid var(--line);display:grid;gap:8px}
.ec-fmt li{position:relative;padding-left:18px;font-size:14.5px;font-weight:500}
.ec-fmt li::before{content:"";position:absolute;left:0;top:8px;width:6px;height:6px;border-radius:50%;background:var(--cobalt)}
.ec-table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:24px;background:#fff}
.ec-table{width:100%;border-collapse:collapse;min-width:720px}
.ec-table th,.ec-table td{text-align:left;padding:18px 22px;font-size:15.5px;border-top:1px solid var(--line)}
.ec-table thead th{border-top:0;font-size:13.5px;letter-spacing:.04em;text-transform:uppercase;color:var(--mute);font-weight:600;background:var(--tint)}
.ec-table td b{font-weight:600}
.ec-table tbody tr:hover{background:#FAFBFF}
.ec-steps .oc-n{background:var(--tint-2);color:var(--cobalt-deep);box-shadow:inset 0 0 0 1px rgba(45,70,232,.14)}
@media (max-width:1060px){.ec-cards,.ec-fmts{grid-template-columns:1fr}}


/* extras on the industry page */
.ec-chips{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;max-width:920px;margin:0 auto}
.ec-chip{background:#fff;border:1px solid var(--line);border-radius:999px;padding:11px 20px;font-size:15.5px;font-weight:500}
.ec-note{margin:26px auto 0;text-align:center;font-size:15px;color:var(--mute);max-width:40em}
.ec-cats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.ec-cat{background:#fff;border:1px solid var(--line);border-radius:20px;padding:24px}
.ec-cat h3{font-size:18px;margin:0 0 8px}
.ec-cat p{margin:0;font-size:15px;line-height:1.55;color:var(--ink-2)}
.ec-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.ec-facts div{background:#fff;border:1px solid var(--line);border-radius:20px;padding:26px}
.ec-facts b{display:block;font-size:clamp(22px,2.2vw,28px);letter-spacing:-.03em;color:var(--cobalt-deep);margin-bottom:8px}
.ec-facts span{font-size:15px;line-height:1.55;color:var(--ink-2)}
.ec-midcta{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;background:var(--tint);border:1px solid #DDE4F6;border-radius:24px;padding:26px 30px;margin-top:-40px;margin-bottom:64px}
.ec-midcta b{display:block;font-size:20px;letter-spacing:-.02em}
.ec-midcta span{font-size:16px;color:var(--ink-2)}
.ec-midcta .hero2-cta{height:52px;font-size:16px}
@media (max-width:1060px){.ec-cats,.ec-facts{grid-template-columns:1fr 1fr}}
@media (max-width:640px){.ec-cats,.ec-facts{grid-template-columns:1fr}}

/* platform logos */
.ec-logos{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin-bottom:0}
.ec-logo{background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px 28px;display:grid;place-items:center;box-shadow:0 12px 28px -24px rgba(14,19,48,.5)}
.ec-logo img{height:30px;width:auto;display:block;transition:transform .2s}
.ec-logo:hover img{transform:scale(1.04)}
@media (max-width:760px){.ec-logo{padding:11px 16px}.ec-logo img{height:20px}}

/* targeting and controls block */
.dp-spec-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.25fr);gap:56px;align-items:start}
.dp-spec-grid .h2{margin:0 0 14px}
.dp-spec-btn{background:var(--cobalt);color:#fff}
.dp-spec-btn:hover{background:var(--cobalt-deep);color:#fff}
.dp-specs{margin:0;background:#fff;border:1px solid var(--line);border-radius:24px;padding:8px 26px;box-shadow:0 24px 50px -40px rgba(14,19,48,.45)}
.dp-specs div{display:grid;grid-template-columns:190px minmax(0,1fr);gap:24px;padding:18px 0;border-top:1px solid #EDF1FA;align-items:baseline}
.dp-specs div:first-child{border-top:0}
.dp-specs dt{font-size:15px;font-weight:600;color:var(--cobalt-deep)}
.dp-specs dd{margin:0;font-size:16px;line-height:1.55;color:var(--ink-2)}
@media (max-width:1060px){.dp-spec-grid{grid-template-columns:1fr;gap:28px}}
@media (max-width:760px){.dp-specs{padding:8px 18px}.dp-specs div{grid-template-columns:1fr;gap:4px;padding:14px 0}}


/* bottom row fills the width: 3 on top, 2 below */
.ec-fmts{grid-template-columns:repeat(6,minmax(0,1fr))}
.ec-fmts>.ec-fmt{grid-column:span 2}
.ec-fmts>.ec-fmt:nth-child(4),.ec-fmts>.ec-fmt:nth-child(5){grid-column:span 3}
@media (max-width:1060px){.ec-fmts{grid-template-columns:repeat(2,minmax(0,1fr))}.ec-fmts>.ec-fmt,.ec-fmts>.ec-fmt:nth-child(4),.ec-fmts>.ec-fmt:nth-child(5){grid-column:span 1}}
@media (max-width:640px){.ec-fmts{grid-template-columns:1fr}}


/* format cards: quiet hover, no scroll motion */
.ec-fmt{transition:border-color .2s,box-shadow .2s}
.ec-fmt:hover{border-color:#C9D2F8;box-shadow:0 22px 44px -34px rgba(45,70,232,.5)}

/* compact integrations strip */
.ec-strip-sec{padding:40px 0}
.ec-strip{display:flex;align-items:center;justify-content:space-between;gap:32px;flex-wrap:wrap;background:#fff;border:1px solid var(--line);border-radius:24px;padding:22px 28px}
.ec-strip p{margin:0;display:grid;gap:4px}
.ec-strip b{font-size:19px;letter-spacing:-.02em}
.ec-strip span{font-size:15px;color:var(--ink-2)}
.ec-strip .ec-logos{margin:0;justify-content:flex-end;gap:12px}
.ec-strip .ec-logo{padding:12px 20px;border-radius:14px;box-shadow:none;background:var(--tint)}
.ec-strip .ec-logo img{height:24px}
@media (max-width:760px){.ec-strip{padding:20px;justify-content:center;text-align:center}.ec-strip .ec-logos{justify-content:center}}

/* dropdown panels never push the page sideways on narrow desktops */
.site-head .dd-panel{max-width:calc(100vw - 32px)}
@media (max-width:1180px){.site-head #dd-vert,.site-head .dd-panel.cols{width:min(460px,calc(100vw - 32px))}}
@media (max-width:1060px){.site-head .dd-panel{left:auto;right:0;transform:none}}

/* tablets get the mobile menu too */
@media (max-width:980px){
  .nav-links,.nav-cta{display:none}
  .menu-btn{display:block}
  .mobile-nav.open{display:flex;flex-direction:column;gap:4px;padding:8px 16px 16px}
}

/* FAQ: the left column only sticks on desktop */
@media (max-width:1060px){.faq-side{position:static!important;top:auto!important}}