/* ONEI-S Travel Booking Portal product page */
.tbp-hero{background:#eaf0e9;color:#1b3029;overflow:hidden}
.tbp-hero-grid{display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:65px;padding-top:58px;padding-bottom:65px}
.tbp-back-link{display:inline-flex;align-items:center;gap:8px;color:#64796d;font-size:11px;font-weight:700;margin-bottom:30px}
.tbp-back-link:hover{color:#254d38}
.tbp-eyebrow{display:inline-flex;align-items:center;gap:8px;color:#5d8069;font-size:10px;font-weight:800;letter-spacing:.14em}
.tbp-hero h1,.tbp-section-heading h2,.tbp-intro-grid h2,.tbp-workflow-copy h2,.tbp-integrations-copy h2,.tbp-faq-grid h2,.tbp-final-cta h2{font-family:var(--oi-display);font-weight:750;letter-spacing:-.065em;line-height:1.08}
.tbp-hero h1{font-size:clamp(44px,5.2vw,68px);margin:22px 0 20px;max-width:640px}
.tbp-hero h1 em,.tbp-section-heading h2 em,.tbp-intro-grid h2 em,.tbp-workflow-copy h2 em,.tbp-integrations-copy h2 em,.tbp-faq-grid h2 em,.tbp-final-cta h2 em{font-style:normal;color:#668c6c}
.tbp-hero-lead{font-size:15px;line-height:1.9;color:#64766d;max-width:610px}
.tbp-hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.tbp-btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:14px 18px;border-radius:7px;font-size:11px;font-weight:800;transition:transform .2s,background .2s}
.tbp-btn:hover{transform:translateY(-2px)}
.tbp-btn-primary{background:#203b30;color:#fff}
.tbp-btn-primary:hover{background:#315b45;color:#fff}
.tbp-btn-outline{border:1px solid #b7c8ba;color:#314b3d}
.tbp-btn-outline:hover{background:#fff;color:#203b30}
.tbp-hero-proof{display:flex;gap:18px;flex-wrap:wrap;margin-top:28px}
.tbp-hero-proof span{font-size:10px;font-weight:700;color:#64766d}
.tbp-hero-proof i{color:#658b6b;margin-right:5px}
.tbp-hero-visual{position:relative;min-width:0;padding:0 15px 15px 0}
.tbp-hero-visual>img{width:100%;height:520px;display:block;object-fit:cover;border-radius:180px 180px 18px 18px;box-shadow:0 25px 65px #1c382b25}
.tbp-hero-card{position:absolute;display:flex;align-items:center;gap:11px;padding:13px 16px;background:#fff;border:1px solid #e5ebe4;border-radius:10px;box-shadow:0 15px 35px #20392b18}
.tbp-hero-card>span{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;background:#eaf1e8;color:#4f795b;font-size:17px}
.tbp-hero-card>div{display:flex;flex-direction:column;gap:4px}
.tbp-hero-card small{font-size:8px;letter-spacing:.12em;font-weight:800;color:#839187}
.tbp-hero-card strong{font-size:12px;color:#253b30}
.tbp-card-top{top:75px;left:-30px}
.tbp-card-bottom{right:-10px;bottom:48px}
.tbp-hero-strip{background:#20372e;color:#fff}
.tbp-hero-strip>.container{min-height:66px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.tbp-hero-strip span{font-size:9px;letter-spacing:.15em;font-weight:800;color:#b7c9bb}
.tbp-hero-strip div div{display:flex;align-items:center;gap:13px;flex-wrap:wrap}
.tbp-hero-strip b{font-size:11px;font-weight:600}
.tbp-hero-strip i{font-style:normal;color:#91aa98}
.tbp-intro-section,.tbp-workflow-section,.tbp-integrations-section,.tbp-faq-section{padding:100px 0}
.tbp-intro-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:85px}
.tbp-eyebrow-dark{color:#5b8067}
.tbp-intro-grid h2,.tbp-workflow-copy h2,.tbp-integrations-copy h2,.tbp-faq-grid h2{font-size:clamp(34px,4vw,49px);margin:18px 0 0}
.tbp-intro-copy p,.tbp-workflow-copy>p,.tbp-integrations-copy>p,.tbp-faq-grid>div>p{font-size:13px;line-height:1.9;color:#687a70;margin:0 0 16px}
.tbp-note{display:flex;align-items:flex-start;gap:10px;padding:14px 15px;border-radius:9px;background:#eef3ec;color:#63766a;font-size:11px;line-height:1.75;margin-top:20px}
.tbp-note>i{font-size:16px;color:#62886a;flex:0 0 auto}
.tbp-services-section{padding:95px 0 105px;background:#f4f6f1}
.tbp-section-heading{text-align:center;max-width:700px;margin:0 auto 42px}
.tbp-section-heading h2{font-size:clamp(36px,4vw,51px);margin:17px 0 13px}
.tbp-section-heading>p{font-size:13px;line-height:1.8;color:#6b7a71;margin:0}
.tbp-services-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.tbp-service-card{min-width:0;background:#fff;border:1px solid #e0e7df;border-radius:14px;overflow:hidden;transition:transform .25s,box-shadow .25s}
.tbp-service-card:hover{transform:translateY(-4px);box-shadow:0 18px 45px #1d3c2b12}
.tbp-service-image{height:200px;position:relative;overflow:hidden;background:#e3ebe2}
.tbp-service-image:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,#15291c8c)}
.tbp-service-image img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.tbp-service-card:hover .tbp-service-image img{transform:scale(1.04)}
.tbp-service-image>span{position:absolute;z-index:1;left:16px;bottom:14px;display:flex;align-items:center;gap:8px;color:#fff;font-size:10px;font-weight:800;letter-spacing:.1em}
.tbp-service-image>span i{width:31px;height:31px;border-radius:9px;background:#d8e9c9;color:#244331;display:grid;place-items:center;font-size:15px}
.tbp-service-body{padding:23px}
.tbp-service-body h3,.tbp-model-card h3{font-family:var(--oi-display);font-size:23px;letter-spacing:-.04em;font-weight:750;color:#20362b;margin:0 0 10px}
.tbp-service-body>p,.tbp-model-card>p{font-size:12px;line-height:1.8;color:#718078;min-height:66px;margin:0 0 18px}
.tbp-service-body ul,.tbp-model-card ul,.tbp-check-list{list-style:none;margin:0;padding:0}
.tbp-service-body li{position:relative;padding:9px 0 9px 20px;border-top:1px solid #edf0eb;color:#64756b;font-size:11px;line-height:1.65}
.tbp-service-body li:before{content:"";position:absolute;left:2px;top:15px;width:6px;height:6px;background:#86a77f;border-radius:50%}
.tbp-models-section{padding:95px 0;background:#1b3029;color:#fff}
.tbp-heading-light .tbp-eyebrow{color:#b8cdb7}
.tbp-heading-light h2{color:#fff}
.tbp-heading-light h2 em{color:#c5dda9}
.tbp-heading-light>p{color:#bdcbc1}
.tbp-models-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;max-width:960px;margin:0 auto}
.tbp-model-card{padding:32px;border:1px solid #ffffff24;border-radius:14px;background:#ffffff08}
.tbp-model-icon{width:48px;height:48px;display:grid;place-items:center;background:#d8e8cb;color:#244332;border-radius:12px;font-size:21px;margin-bottom:22px}
.tbp-model-card>span{font-size:9px;font-weight:800;letter-spacing:.14em;color:#b5c8b6}
.tbp-model-card h3{font-size:28px;color:#fff;margin:10px 0}
.tbp-model-card>p{min-height:0;color:#c1cec5;margin-bottom:19px}
.tbp-model-card li{padding:9px 0;border-top:1px solid #ffffff17;font-size:11px;line-height:1.6;color:#d1dbd3}
.tbp-model-card li:before{content:"✓";color:#c5dda9;margin-right:10px;font-weight:800}
.tbp-model-card>a{display:inline-flex;gap:12px;align-items:center;margin-top:23px;color:#c5dda9;font-size:11px;font-weight:800}
.tbp-model-card>a:hover{color:#fff}
.tbp-model-footnote{display:flex;align-items:center;gap:13px;max-width:960px;margin:22px auto 0;padding:17px 20px;border:1px solid #ffffff1e;border-radius:10px;color:#d2ddd4;font-size:11px;line-height:1.8}
.tbp-model-footnote>i{font-size:20px;color:#c5dda9;flex:0 0 auto}
.tbp-model-footnote strong{color:#fff}
.tbp-workflow-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:90px}
.tbp-workflow-copy>p{margin-top:20px}
.tbp-text-link{display:inline-flex;align-items:center;gap:10px;color:#456f52;font-size:11px;font-weight:800;margin-top:12px}
.tbp-text-link:hover{color:#1f3e2d}
.tbp-workflow-steps{border-top:1px solid #e0e7df}
.tbp-workflow-steps article{display:flex;gap:20px;padding:22px 0;border-bottom:1px solid #e0e7df}
.tbp-workflow-steps article>span{width:43px;height:43px;flex:0 0 43px;display:grid;place-items:center;border:1px solid #dce6dc;border-radius:11px;color:#5e8365;font-size:11px;font-weight:800}
.tbp-workflow-steps h3{font-family:var(--oi-display);font-size:17px;font-weight:750;letter-spacing:-.02em;color:#263d30;margin:2px 0 6px}
.tbp-workflow-steps p{font-size:12px;line-height:1.75;color:#718078;margin:0}
.tbp-integrations-section{background:#f4f6f1}
.tbp-integrations-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:80px}
.tbp-integrations-visual{position:relative;padding:0 0 15px 15px}
.tbp-integrations-visual>img{width:100%;height:470px;display:block;object-fit:cover;border-radius:16px}
.tbp-integrations-caption{position:absolute;left:0;bottom:0;display:flex;align-items:center;gap:12px;background:#20372e;color:#fff;padding:15px 18px;border-radius:10px;box-shadow:0 15px 35px #20372e24}
.tbp-integrations-caption>i{width:38px;height:38px;border-radius:9px;background:#d8e8cb;color:#244332;display:grid;place-items:center;font-size:17px}
.tbp-integrations-caption span{display:flex;flex-direction:column;gap:5px}
.tbp-integrations-caption strong{font-size:12px}
.tbp-integrations-caption small{font-size:9px;color:#c2d0c6}
.tbp-integrations-copy>p{margin-top:19px}
.tbp-check-list{margin-top:20px}
.tbp-check-list li{display:flex;align-items:flex-start;gap:10px;padding:10px 0;color:#65766c;font-size:12px;line-height:1.75}
.tbp-check-list i{font-size:16px;color:#62886a;flex:0 0 auto}
.tbp-faq-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px}
.tbp-faq-grid>div>p{margin-top:20px}
.tbp-faq-list details{border-bottom:1px solid #e0e7df;padding:19px 0}
.tbp-faq-list details:first-child{border-top:1px solid #e0e7df}
.tbp-faq-list summary{display:flex;justify-content:space-between;align-items:center;gap:18px;cursor:pointer;list-style:none;font-size:13px;font-weight:800;color:#2b4134}
.tbp-faq-list summary::-webkit-details-marker{display:none}
.tbp-faq-list summary i{color:#62886a;transition:transform .2s}
.tbp-faq-list details[open] summary i{transform:rotate(45deg)}
.tbp-faq-list details p{font-size:12px;line-height:1.85;color:#6e7d73;margin:13px 25px 0 0}
.tbp-final-cta{padding:20px 0 90px;background:#fff}
.tbp-final-cta>.container{display:flex;align-items:center;justify-content:space-between;gap:35px;padding:45px 48px;background:#eaf0e9;border-radius:16px}
.tbp-final-cta h2{font-size:clamp(32px,4vw,45px);max-width:660px;margin:15px 0 12px}
.tbp-final-cta p{max-width:650px;font-size:12px;line-height:1.8;color:#65766c;margin:0}
.tbp-final-cta .tbp-btn{flex:0 0 auto}
@media(max-width:991.98px){.tbp-hero-grid{gap:35px;padding-top:45px}.tbp-hero-visual>img{height:440px}.tbp-hero h1{font-size:clamp(42px,6vw,58px)}.tbp-intro-grid,.tbp-workflow-grid,.tbp-integrations-grid,.tbp-faq-grid{gap:45px}.tbp-services-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tbp-service-body>p{min-height:0}.tbp-integrations-visual>img{height:420px}}
@media(max-width:767.98px){.tbp-hero-grid{grid-template-columns:1fr;gap:35px;padding-top:35px;padding-bottom:45px}.tbp-back-link{margin-bottom:22px}.tbp-hero h1{font-size:clamp(43px,11vw,58px)}.tbp-hero-lead{font-size:14px}.tbp-hero-proof{gap:10px 15px}.tbp-hero-visual{margin:0 8px 0 15px}.tbp-hero-visual>img{height:390px;border-radius:130px 130px 15px 15px}.tbp-card-top{left:-18px;top:45px}.tbp-card-bottom{right:-5px;bottom:30px}.tbp-hero-strip>.container{align-items:flex-start;flex-direction:column;padding-top:17px;padding-bottom:17px;gap:10px}.tbp-hero-strip div div{gap:8px}.tbp-hero-strip b{font-size:10px}.tbp-intro-section,.tbp-workflow-section,.tbp-integrations-section,.tbp-faq-section{padding:70px 0}.tbp-intro-grid,.tbp-workflow-grid,.tbp-integrations-grid,.tbp-faq-grid{grid-template-columns:1fr;gap:25px}.tbp-intro-grid h2,.tbp-workflow-copy h2,.tbp-integrations-copy h2,.tbp-faq-grid h2{font-size:39px}.tbp-services-section,.tbp-models-section{padding:70px 0}.tbp-section-heading{margin-bottom:30px}.tbp-section-heading h2{font-size:39px}.tbp-services-grid,.tbp-models-grid{grid-template-columns:1fr;gap:15px}.tbp-service-image{height:190px}.tbp-service-body{padding:20px}.tbp-service-body h3{font-size:22px}.tbp-model-card{padding:25px}.tbp-model-card h3{font-size:26px}.tbp-model-footnote{align-items:flex-start}.tbp-integrations-visual>img{height:340px}.tbp-final-cta{padding:0 0 65px}.tbp-final-cta>.container{align-items:flex-start;flex-direction:column;padding:30px 23px}.tbp-final-cta h2{font-size:37px}.tbp-final-cta .tbp-btn{width:100%}}
@media(max-width:390px){.tbp-hero h1{font-size:41px}.tbp-hero-card{padding:10px}.tbp-hero-card strong{font-size:10px}.tbp-hero-card small{font-size:7px}.tbp-hero-card>span{width:32px;height:32px}.tbp-hero-visual>img{height:330px}.tbp-intro-grid h2,.tbp-workflow-copy h2,.tbp-integrations-copy h2,.tbp-faq-grid h2,.tbp-section-heading h2{font-size:34px}}