/* Trippbo public About / Contact / FAQs. Fully scoped to avoid hotel/social regressions. */
.marketing-shell{--mkt-ink:#0b1a53;--mkt-muted:#657391;--mkt-border:#e9eefa;--mkt-paper:#fff;--mkt-soft:#f6f8ff;--mkt-violet:#a72df5;--mkt-peach:#ff8760;direction:inherit;min-height:100vh;background:var(--mkt-paper);color:var(--mkt-ink);font-family:Tajawal,'DM Sans',system-ui,sans-serif;font-size:15px}
.marketing-shell *{box-sizing:border-box}.marketing-shell a{text-decoration:none}.marketing-shell h1,.marketing-shell h2,.marketing-shell h3,.marketing-shell p{margin:0}.marketing-shell p{line-height:1.8}.marketing-shell button,.marketing-shell input,.marketing-shell textarea,.marketing-shell select{font:inherit}.marketing-shell button{cursor:pointer}.marketing-shell svg{width:21px;height:21px;flex-shrink:0;stroke:currentColor}
.marketing-shell .mkt-gradient-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:14px 25px;color:white!important;border:0;border-radius:13px;background:linear-gradient(102deg,#a62df3 0%,#eb44b3 48%,#ff875b 100%);font-weight:800;box-shadow:0 8px 22px rgba(185,65,207,.22);transition:transform .2s,box-shadow .2s;white-space:nowrap}.marketing-shell .mkt-gradient-btn:hover{transform:translateY(-2px);box-shadow:0 12px 25px rgba(185,65,207,.29)}
.marketing-shell .mkt-btn-small{padding:11px 18px;border-radius:11px;font-size:13px}.mkt-nav{height:75px;background:white;position:sticky;top:0;z-index:100;border-bottom:1px solid #eff1fa}.mkt-nav-inner{max-width:1480px;margin:auto;padding:0 42px;display:flex;align-items:center;gap:22px;justify-content:space-between;height:100%}.mkt-nav .mkt-brand img{width:143px;max-height:57px;object-fit:contain}.mkt-nav nav{display:flex;gap:23px;align-items:center;flex-wrap:wrap;justify-content:center}.mkt-nav nav a{font-weight:800;color:#152552;font-size:13px;white-space:nowrap;position:relative}.mkt-nav nav a.current,.mkt-nav nav a:hover{color:#a32cee}.mkt-nav nav a.current:after{content:'';height:3px;background:linear-gradient(90deg,#ab33fa,#ff7a74);border-radius:8px;position:absolute;bottom:-27px;left:0;right:0}.mkt-nav-actions{display:flex;align-items:center;gap:9px;flex-shrink:0}.mkt-nav-actions .mkt-signin{padding:10px 14px;border:1px solid #e8ecf8;border-radius:10px;color:#344374;font-size:13px;font-weight:800}.mkt-round{width:37px;height:37px;border:1px solid #e8edfa;background:#f7f8fd;color:#7f39db;border-radius:50%;font-weight:800}
.mkt-page{padding:0 16px;background:linear-gradient(180deg,#fff,#fbfbfe)}.mkt-page-inner{width:min(1480px,100%);margin:auto}.mkt-hero{height:420px;position:relative;border-radius:0 0 26px 26px;background-image:linear-gradient(90deg,#13204f5c,#172b5040),var(--mkt-image);background-position:center;background-size:cover;overflow:hidden;color:white}.mkt-hero:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,23,65,.73),rgba(16,23,66,.38) 48%,rgba(8,23,65,.03) 95%)}.mkt-hero-shade{position:absolute;inset:0;background:linear-gradient(0deg,rgba(8,26,57,.25),transparent 70%)}.mkt-hero-copy{z-index:1;position:relative;max-width:650px;padding:90px 64px}.mkt-hero h1{font-size:clamp(35px,4.1vw,64px);font-weight:900;line-height:1.08;letter-spacing:-1.8px;margin-bottom:17px}.mkt-hero h1 em{font-style:normal;background:linear-gradient(100deg,#b940ff,#f653b1,#ff9556);-webkit-background-clip:text;background-clip:text;color:transparent}.mkt-hero p{font-size:17px;line-height:1.55;max-width:525px;font-weight:600;color:#f0f5ff}.mkt-hero-ctas{display:flex;gap:11px;margin-top:22px;flex-wrap:wrap}.mkt-ghost-btn{border:1px solid rgba(255,255,255,.85);color:#fff;padding:13px 23px;font-weight:800;border-radius:12px;background:rgba(7,19,46,.2);backdrop-filter:blur(6px)}
.mkt-surface{position:relative;z-index:2;max-width:1320px;margin:-28px auto 0;background:#fff;border-radius:25px 25px 0 0;padding:44px 45px 40px;box-shadow:0 -13px 55px rgba(31,35,78,.045)}.mkt-kicker{display:block;color:#a42df1;letter-spacing:.9px;font-size:12px;font-weight:900;margin-bottom:11px}.mkt-story-split{display:grid;grid-template-columns:46% 1fr;gap:45px;align-items:center;padding-bottom:40px}.mkt-photo-collage{position:relative;height:315px}.mkt-photo-collage img{position:absolute;border:5px solid #fff;border-radius:19px;object-fit:cover;box-shadow:0 17px 42px #1d346026}.mkt-photo-collage .mkt-collage-main{width:43%;height:72%;left:2%;top:11%;transform:rotate(-6deg)}.mkt-photo-collage .mkt-collage-tall{width:47%;height:95%;left:25%;top:0;z-index:1;transform:rotate(4deg)}.mkt-photo-collage .mkt-collage-small{width:42%;height:66%;right:0;bottom:5%;transform:rotate(7deg)}.mkt-story-copy h2,.mkt-why h2,.mkt-community h2{font-size:36px;font-weight:900;letter-spacing:-.5px;margin-bottom:14px}.mkt-story-copy p,.mkt-community p{color:var(--mkt-muted);font-size:17px;max-width:600px}.mkt-values{display:grid;grid-template-columns:repeat(2,1fr);gap:17px;margin-bottom:54px}.mkt-values article{padding:27px;background:linear-gradient(135deg,#fafbff,#f5f7fc);border:1px solid #eef0f9;border-radius:22px;display:flex;align-items:flex-start;gap:18px}.mkt-color-icon{height:56px;width:56px;flex-shrink:0;display:grid;place-items:center;border-radius:17px;color:#ab32f2;background:linear-gradient(145deg,#f4e6ff,#ffe0ed)}.mkt-values h3{font-size:18px;margin:2px 0 9px;font-weight:900}.mkt-values p{color:#63708f;max-width:470px}.mkt-why{padding-bottom:48px}.mkt-why h2{margin-bottom:28px}.mkt-why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:25px}.mkt-feature-icon{width:65px;height:65px;border-radius:22px;background:#fff0fb;color:#de35c0;display:grid;place-items:center;margin-bottom:17px}.mkt-why-grid article:nth-child(2) .mkt-feature-icon{background:#e8fdf5;color:#08ad83}.mkt-why-grid article:nth-child(3) .mkt-feature-icon{background:#edf2ff;color:#5268fa}.mkt-why-grid article:nth-child(4) .mkt-feature-icon{background:#ffecfa;color:#ef2fae}.mkt-why-grid h3{font-size:17px;margin:0 0 9px;font-weight:900}.mkt-why-grid p{color:#63708f;font-size:14px}.mkt-community{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:50px;margin-bottom:42px}.mkt-community .mkt-gradient-btn{margin-top:22px}.mkt-community-images{display:grid;grid-template-columns:1fr 1fr;gap:10px;height:270px}.mkt-community-images img{width:100%;height:100%;border-radius:18px;object-fit:cover}.mkt-community-images img:last-child{margin-top:20px;height:235px}
.mkt-cta{border-radius:21px;min-height:154px;overflow:hidden;background:linear-gradient(90deg,#091a50c9,#1d1d61a8 60%,#10265e88),var(--mkt-image) center/cover;display:flex;justify-content:space-between;align-items:center;gap:22px;padding:30px 43px;color:#fff}.mkt-cta h2{font-size:25px;font-weight:900;margin-bottom:9px}.mkt-cta p{font-size:14px;color:#e7effc}.mkt-cta .mkt-gradient-btn{flex-shrink:0}
.mkt-contact{padding-top:0}.mkt-contact-categories{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:-5px 0 47px}.mkt-contact-category{min-width:0;padding:27px 20px;border:1px solid #e8ecfa;border-radius:17px;background:#fff;display:flex;align-items:center;flex-direction:column;text-align:center;color:#18285c;gap:10px;transition:.2s}.mkt-contact-category.selected{border:2px solid #ed6ab7;box-shadow:0 6px 30px #ed6ab71a}.mkt-contact-category .mkt-color-icon{width:50px;height:50px}.mkt-contact-category strong{font-weight:900}.mkt-contact-category small{font-size:13px;color:#7683a0;max-width:280px}.mkt-contact-main{display:grid;grid-template-columns:1.25fr .8fr;gap:65px;align-items:start}.mkt-contact-form-col h2,.mkt-subsection-title,.mkt-office h2{font-size:27px;font-weight:900;margin-bottom:8px}.mkt-contact-form-col>p{color:#7985a0;margin-bottom:22px}.mkt-form-double{display:grid;grid-template-columns:1fr 1fr;gap:14px}.mkt-contact form{display:grid;gap:17px}.mkt-contact form label{display:flex;flex-direction:column;gap:8px;font-weight:800;font-size:13px;color:#253363}.mkt-contact form input,.mkt-contact form select,.mkt-contact form textarea{min-height:46px;background:#fff;color:#112155;border:1px solid #e2e8f4;box-shadow:0 2px 9px #e6e9f540;border-radius:9px;padding:13px 14px;font-size:14px;width:100%}.mkt-contact form textarea{resize:vertical;min-height:130px}.mkt-contact form input:focus,.mkt-contact form select:focus,.mkt-contact form textarea:focus{border-color:#c963f1;outline:3px solid #eac8ff80}.mkt-contact .mkt-submit{width:100%;min-height:48px}.mkt-form-notice{font-size:12px;color:#7985a0;text-align:center}.mkt-contact-side{padding-top:26px}.mkt-note-image{height:440px;border-radius:22px;background:linear-gradient(0deg,#1a316e99,transparent 60%),var(--mkt-image) center/cover;position:relative;overflow:hidden;box-shadow:0 20px 40px #13205220}.mkt-note-image div{position:absolute;bottom:25px;left:28px;color:#fff;font-size:25px;line-height:1.2;font-weight:900;text-shadow:0 3px 9px #0007;max-width:260px;transform:rotate(-8deg)}.mkt-subsection-title{margin:54px 0 20px}.mkt-contact-links{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:44px}.mkt-contact-links article{min-width:0;background:#f7f8ff;border-radius:15px;padding:19px;display:grid;gap:8px;color:#213264}.mkt-contact-links article svg{color:#a333ed}.mkt-contact-links article a{color:#657699;font-size:13px;overflow-wrap:anywhere}.mkt-office{display:grid;grid-template-columns:.95fr 1.05fr;gap:42px;align-items:center;margin-bottom:36px}.mkt-office p{color:#697b9c;max-width:530px}.mkt-office-chips{display:flex;gap:17px;margin-top:15px}.mkt-text-link{color:#9d2ced;font-weight:800}.mkt-office-map{height:235px;background:radial-gradient(circle at 40% 25%,#5f92d5,#183767 72%);border-radius:19px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.mkt-office-map img{max-width:87%;max-height:205px;mix-blend-mode:screen;opacity:.8}.mkt-office-map span{position:absolute;right:22px;bottom:18px;color:#fff;font-size:17px;font-weight:800}
.mkt-faq{padding-top:0}.mkt-faq-search{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid #e2e8f5;border-radius:30px;margin:-4px auto 25px;max-width:1020px;padding:2px 19px;min-height:55px;box-shadow:0 5px 20px #d6e2f342}.mkt-faq-search svg{color:#384c89}.mkt-faq-search input{flex:1;background:transparent;border:0!important;min-height:45px;outline:0!important;color:#14265b;box-shadow:none!important;padding:10px;font-weight:500}.mkt-faq-categories{display:grid;grid-template-columns:repeat(6,1fr);gap:9px;margin-bottom:34px}.mkt-faq-categories button{min-width:0;min-height:100px;display:flex;align-items:center;flex-direction:column;justify-content:center;gap:9px;border:1px solid #e6ebf6;background:#fafbfe;border-radius:15px;color:#233b8b;padding:12px 6px;font-weight:800;font-size:12px}.mkt-faq-categories button span{display:grid;place-items:center;color:#7d4dff}.mkt-faq-categories button.selected{background:linear-gradient(130deg,#a92ef7,#e146dc,#fb65a4);border:0;color:white;box-shadow:0 8px 23px #c14fff30}.mkt-faq-categories button.selected span{color:white}.mkt-faq-result-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:15px 0 18px}.mkt-faq-result-head .mkt-kicker{display:none}.mkt-faq-result-head h2{font-size:24px;font-weight:900;flex:1}.mkt-faq-result-head>span:last-child{font-size:13px;color:#647391}.mkt-accordion{display:grid;gap:10px;margin-bottom:50px}.mkt-accordion details{border:1px solid #e6ebf6;border-radius:13px;background:#fafbff;overflow:hidden}.mkt-accordion details[open]{background:#fff;box-shadow:0 5px 18px #e6ebf850}.mkt-accordion summary{padding:19px 22px;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:20px;align-items:center;font-weight:900;font-size:15px;color:#253665}.mkt-accordion summary::-webkit-details-marker{display:none}.mkt-accordion summary>span svg{width:17px;height:17px;transition:transform .2s}.mkt-accordion details[open] summary>span svg{transform:rotate(180deg)}.mkt-answer{padding:0 23px 23px;color:#5d6c89;line-height:1.75;font-size:14px;max-width:1110px}.mkt-faq-empty{text-align:center;background:#fbfbff;border:1px dashed #ccd1ed;border-radius:20px;padding:55px 20px;margin-bottom:35px}.mkt-faq-empty svg{margin:auto;color:#9a37e8}.mkt-faq-empty h3{margin:12px 0 8px}.mkt-faq-empty p{color:#7a83a0}
.mkt-footer{background:#fff;border-top:1px solid #e9ecf5;max-width:1480px;margin:20px auto 0;padding:33px 52px 21px;color:#31456e}.mkt-footer-main{display:grid;grid-template-columns:2fr repeat(4,1fr);gap:30px;padding-bottom:30px}.mkt-footer-brand img{width:145px;height:auto;max-height:52px;object-fit:contain;display:block}.mkt-footer-brand small{font-size:12px;color:#6c7b99}.mkt-footer-main>div:not(:first-child){display:flex;flex-direction:column;gap:9px}.mkt-footer b{font-size:14px;color:#1b2e63}.mkt-footer a{font-size:13px;color:#687894}.mkt-footer a:hover{color:#a42ff0}.mkt-social-icons{display:flex;align-items:center;gap:10px;color:#293965}.mkt-footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #e8eaf4;padding-top:20px;color:#6f7f9b}.mkt-footer-bottom>div{display:flex;gap:18px;flex-wrap:wrap}.mkt-language{display:flex;align-items:center;gap:8px;background:#fafbff;border:1px solid #e8e9f3;color:#445777;border-radius:8px;padding:7px 13px}.mkt-language svg{width:16px;height:16px}
/* RTL is native rather than mirrored screenshots; photography stays balanced. */
.marketing-shell[dir=rtl]{font-family:Tajawal,'DM Sans',system-ui,sans-serif}.marketing-shell[dir=rtl] .mkt-hero:before{background:linear-gradient(270deg,rgba(8,23,65,.75),rgba(16,23,66,.36) 48%,transparent 95%)}.marketing-shell[dir=rtl] .mkt-hero h1{letter-spacing:0}.marketing-shell[dir=rtl] .mkt-photo-collage{direction:ltr}.marketing-shell[dir=rtl] .mkt-note-image div{left:auto;right:28px;transform:rotate(5deg)}
/* Keep content legible if the user chooses site-wide dark theme. */
[data-theme=dark] .marketing-shell{--mkt-paper:#101c34;--mkt-ink:#f5f7ff;--mkt-muted:#a5b2d0;--mkt-border:#344360;background:#101c34;color:#f5f7ff}
[data-theme=dark] .mkt-nav,[data-theme=dark] .mkt-surface,[data-theme=dark] .mkt-footer{background:#16233d;color:#f5f7ff;border-color:#33405c}
[data-theme=dark] .mkt-nav nav a,[data-theme=dark] .mkt-footer b,[data-theme=dark] .mkt-story-copy h2,[data-theme=dark] .mkt-about h2,[data-theme=dark] .mkt-faq h2{color:#f5f7ff}
[data-theme=dark] .mkt-values article,[data-theme=dark] .mkt-contact-category,[data-theme=dark] .mkt-contact-links article,[data-theme=dark] .mkt-faq-categories button,[data-theme=dark] .mkt-accordion details,[data-theme=dark] .mkt-faq-search{background:#1c2a46;border-color:#3a4a69;color:#f5f7ff}
[data-theme=dark] .mkt-contact form label,[data-theme=dark] .mkt-contact-links b,[data-theme=dark] .mkt-accordion summary,[data-theme=dark] .mkt-faq-search input{color:#f5f7ff}
[data-theme=dark] .mkt-contact form :is(input,select,textarea){background:#233451;border-color:#42506b;color:#f5f7ff}
[data-theme=dark] .mkt-faq-categories button.selected{background:linear-gradient(120deg,#a92ef7,#ff6c9c)}
@media(max-width:1120px){.mkt-nav-inner{padding:0 20px}.mkt-nav nav{gap:12px}.mkt-nav nav a{font-size:12px}.mkt-surface{padding:32px}.mkt-why-grid{gap:12px}.mkt-story-split{gap:20px}.mkt-contact-main{gap:30px}}
@media(max-width:800px){.mkt-nav{height:auto;min-height:65px}.mkt-nav-inner{flex-wrap:wrap;padding:8px 16px;row-gap:3px}.mkt-nav .mkt-brand img{width:116px}.mkt-nav nav{order:3;width:100%;justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap;padding-bottom:7px}.mkt-nav nav a.current:after{bottom:-6px}.mkt-nav-actions{margin-inline-start:auto}.mkt-hero{height:390px}.mkt-hero-copy{padding:70px 32px}.mkt-surface{margin:-18px 8px 0;padding:23px}.mkt-story-split,.mkt-contact-main,.mkt-community,.mkt-office{grid-template-columns:1fr}.mkt-photo-collage{height:275px}.mkt-why-grid{grid-template-columns:repeat(2,1fr)}.mkt-faq-categories{grid-template-columns:repeat(3,1fr)}.mkt-contact-side{padding-top:0}.mkt-note-image{height:245px}.mkt-footer-main{grid-template-columns:repeat(3,1fr)}.mkt-footer-brand{grid-column:span 3}.mkt-footer{padding:28px}}
@media(max-width:540px){.mkt-page{padding:0 4px}.mkt-hero{height:350px;border-radius:0 0 17px 17px}.mkt-hero-copy{padding:56px 24px}.mkt-hero h1{font-size:36px}.mkt-hero p{font-size:13px}.mkt-surface{margin:-11px 0 0;padding:22px 15px}.mkt-nav-actions .mkt-signin{display:none}.mkt-nav nav{gap:16px}.mkt-story-split{gap:12px}.mkt-story-copy h2,.mkt-community h2,.mkt-why h2{font-size:28px}.mkt-photo-collage{height:240px}.mkt-values{grid-template-columns:1fr}.mkt-why-grid{gap:19px}.mkt-contact-categories{grid-template-columns:repeat(3,1fr);gap:6px}.mkt-contact-category{padding:12px 5px;gap:7px}.mkt-contact-category .mkt-color-icon{width:37px;height:37px}.mkt-contact-category strong{font-size:11px}.mkt-contact-category small{font-size:10px}.mkt-form-double{grid-template-columns:1fr}.mkt-contact-links{grid-template-columns:1fr}.mkt-office-map{height:190px}.mkt-faq-categories{grid-template-columns:repeat(2,1fr)}.mkt-faq-categories button{min-height:76px}.mkt-community-images{height:170px}.mkt-community-images img:last-child{height:153px}.mkt-cta{padding:26px 20px;display:block}.mkt-cta .mkt-gradient-btn{margin-top:20px}.mkt-footer{padding:24px 16px}.mkt-footer-main{grid-template-columns:repeat(2,1fr)}.mkt-footer-brand{grid-column:span 2}.mkt-footer-bottom{flex-wrap:wrap}.mkt-hero-ctas .mkt-gradient-btn,.mkt-hero-ctas .mkt-ghost-btn{font-size:12px;padding:11px 15px}}

/* V2.4.1 shared public navigation, compact footer and complete dark-mode contrast. */
.mkt-shared-header .top-inner{width:min(1440px,calc(100% - 44px));max-width:none;gap:16px}
.mkt-shared-header .nav-links{display:flex;align-items:center;gap:clamp(9px,1.55vw,25px);flex-wrap:nowrap}
.mkt-shared-header .nav-links a{font-size:16px;white-space:nowrap;color:var(--muted);font-weight:800}
.mkt-shared-header .nav-links a:hover,.mkt-shared-header .nav-links a.active{color:var(--primary)}
.mkt-shared-header .top-actions{gap:8px}.mkt-shared-header .btn{min-height:39px;padding:9px 13px;font-size:13px}
.mkt-shared-header .btn-round{width:39px;min-height:39px;padding:0}
.mkt-page{background:var(--mkt-paper)}
.mkt-compact-footer{background:var(--mkt-paper);border-top:1px solid var(--mkt-border);padding:24px 20px;color:var(--mkt-ink)}
.mkt-compact-footer-inner{width:min(1200px,100%);margin:auto;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}
.mkt-compact-footer .mkt-footer-logo img{width:120px;max-height:49px;object-fit:contain}
.mkt-compact-footer nav{display:flex;gap:20px;align-items:center;flex-wrap:wrap}
.mkt-compact-footer a{color:var(--mkt-muted);font-size:13px}.mkt-compact-footer a:hover{color:#ff79b5}.mkt-compact-footer small{color:var(--mkt-muted)}
.mkt-faq-loading{padding:48px;text-align:center;color:var(--mkt-muted)}
[data-theme=dark] .marketing-shell{--mkt-paper:#071626;--mkt-ink:#f7f8ff;--mkt-muted:#b7c4db;--mkt-border:#344765;--mkt-soft:#13283d;color:#f7f8ff;background:#071626}
[data-theme=dark] .marketing-shell .mkt-page{background:#071626}
[data-theme=dark] .marketing-shell .mkt-surface{background:#102238;color:#f7f8ff;border:1px solid #2c4460}
[data-theme=dark] .marketing-shell :is(.mkt-values article,.mkt-contact-category,.mkt-contact-links article,.mkt-faq-categories button,.mkt-accordion details,.mkt-accordion details[open],.mkt-faq-search,.mkt-faq-empty){background:#18314a;color:#f7f8ff;border-color:#3d5872}
[data-theme=dark] .marketing-shell .mkt-faq-categories button.selected{background:linear-gradient(110deg,#a72df5,#ef46af,#ff8760);color:#fff;border-color:transparent}
[data-theme=dark] .marketing-shell :is(.mkt-values p,.mkt-why-grid p,.mkt-contact-category small,.mkt-contact-form-col>p,.mkt-form-notice,.mkt-contact-links article a,.mkt-office p,.mkt-answer,.mkt-faq-result-head>span:last-child,.mkt-faq-empty p){color:#c4cfe3}
[data-theme=dark] .marketing-shell :is(.mkt-story-copy h2,.mkt-why h2,.mkt-community h2,.mkt-about h2,.mkt-contact h2,.mkt-faq h2,.mkt-accordion summary,.mkt-contact form label,.mkt-contact-links b){color:#f7f8ff}
[data-theme=dark] .marketing-shell .mkt-contact form :is(input,select,textarea),[data-theme=dark] .marketing-shell .mkt-faq-search input{background:#12273f;border-color:#405974;color:#f7faff;box-shadow:none}
[data-theme=dark] .marketing-shell .mkt-contact form :is(input,textarea)::placeholder,[data-theme=dark] .marketing-shell .mkt-faq-search input::placeholder{color:#a9bad2}
[data-theme=dark] .marketing-shell .mkt-contact form :is(input,select,textarea):focus{border-color:#e55ac4;box-shadow:0 0 0 3px rgba(230,90,195,.15)}
[data-theme=dark] .marketing-shell .mkt-compact-footer{background:#0d1c30;border-color:#33465e;color:#f7f8ff}
@media(max-width:1050px){.mkt-shared-header .top-inner{width:calc(100% - 24px);gap:9px}.mkt-shared-header .nav-links{gap:10px}.mkt-shared-header .nav-links a{font-size:11px}}
@media(max-width:800px){.mkt-shared-header .top-inner{flex-wrap:wrap;justify-content:space-between;padding:11px 0}.mkt-shared-header .nav-links{order:3;flex-basis:100%;width:100%;overflow-x:auto;justify-content:flex-start;padding:9px 0}.mkt-shared-header .nav-links a{flex-shrink:0}.mkt-shared-header.topbar{position:relative}.mkt-compact-footer-inner{justify-content:center;text-align:center}}

/* V2.4.2: restore the lighter, calmer Trippbo navigation typography. */
.marketing-shell .mkt-shared-header .nav-links a{
  font-family:Tajawal,'DM Sans',system-ui,sans-serif;
  font-weight:700;
  font-size:16px;
  letter-spacing:0;
  line-height:1.55;
}
.marketing-shell .mkt-shared-header .top-actions .btn{
  font-family:Tajawal,'DM Sans',system-ui,sans-serif;
  font-weight:700;
}
@media(max-width:1050px){
  .marketing-shell .mkt-shared-header .nav-links a{font-size:12px}
}


/* One responsive public menu: only the brand and hamburger stay in the mobile header. */
.mkt-shared-header .mkt-public-menu{display:contents}
.mkt-shared-header .mkt-mobile-section-title,
.mkt-shared-header .mkt-mobile-action-label{display:none}
.mkt-shared-header .mkt-menu-toggle{display:none}
.mkt-shared-header .mkt-menu-icon-close{display:none}
.mkt-shared-header .mkt-menu-toggle[aria-expanded="true"] .mkt-menu-icon-open{display:none}
.mkt-shared-header .mkt-menu-toggle[aria-expanded="true"] .mkt-menu-icon-close{display:inline-flex}
@media (max-width:980px){
  .mkt-shared-header.topbar{position:sticky;top:0;z-index:100}
  .mkt-shared-header .top-inner{
    display:flex;
    flex-wrap:nowrap;
    align-items:center;
    justify-content:space-between;
    width:calc(100% - 36px);
    min-height:76px;
    padding:9px 0;
    gap:12px;
  }
  .mkt-shared-header .top-inner>.logo{flex:0 1 auto;min-width:0}
  .mkt-shared-header .top-inner>.logo img{width:132px;max-height:56px}
  .mkt-shared-header .mkt-menu-toggle{
    display:inline-flex;
    flex:none;
    width:46px;
    height:46px;
    min-height:46px;
    border:1px solid var(--border);
    border-radius:14px;
    background:var(--surface2);
    color:var(--text);
    box-shadow:none;
  }
  .mkt-shared-header .mkt-menu-toggle[aria-expanded="true"]{
    border-color:var(--primary);
    color:var(--primary);
    background:var(--primary-soft);
  }
  .mkt-shared-header :is(.mkt-menu-toggle,.nav-links a,.top-actions button,.top-actions a):focus-visible{
    outline:3px solid var(--primary);
    outline-offset:3px;
  }
  .mkt-shared-header .mkt-public-menu{
    display:none !important;
    position:absolute;
    top:calc(100% - 1px);
    inset-inline:12px;
    z-index:110;
    max-height:min(76dvh,620px);
    overflow-x:hidden;
    overflow-y:auto;
    overscroll-behavior:contain;
    padding:16px;
    gap:8px;
    flex-direction:column;
    border:1px solid var(--border);
    border-radius:0 0 18px 18px;
    background:var(--surface);
    color:var(--text);
    box-shadow:0 24px 55px rgba(3,14,34,.24);
  }
  .mkt-shared-header.mkt-menu-open .mkt-public-menu{display:flex !important}
  .mkt-shared-header .mkt-mobile-section-title{
    display:block;
    margin:0 2px 3px;
    color:var(--muted);
    font-size:12px;
    font-weight:800;
    letter-spacing:.03em;
  }
  .mkt-shared-header .mkt-preferences-title{
    padding-top:14px;
    margin-top:6px;
    border-top:1px solid var(--border);
  }
  .mkt-shared-header .nav-links,
  .marketing-shell .mkt-shared-header .nav-links{
    display:grid !important;
    position:static;
    order:initial;
    flex:none;
    width:100%;
    max-height:none;
    overflow:visible;
    margin:0;
    padding:0;
    gap:6px;
    grid-template-columns:repeat(2,minmax(0,1fr));
    background:transparent;
    box-shadow:none;
    border:0;
  }
  .mkt-shared-header .nav-links a,
  .marketing-shell .mkt-shared-header .nav-links a{
    display:flex;
    min-width:0;
    min-height:44px;
    padding:11px 12px;
    align-items:center;
    justify-content:flex-start;
    border-radius:10px;
    color:var(--text);
    font-size:14px;
    font-weight:750;
    line-height:1.4;
    white-space:normal;
    overflow-wrap:anywhere;
  }
  .mkt-shared-header .nav-links a:hover,
  .mkt-shared-header .nav-links a.active{
    color:var(--primary);
    background:var(--primary-soft);
  }
  .mkt-shared-header .top-actions,
  .marketing-shell .mkt-shared-header .top-actions{
    display:grid;
    width:100%;
    min-width:0;
    margin:0;
    padding:0;
    gap:8px;
    grid-template-columns:repeat(2,minmax(0,1fr));
    align-items:stretch;
    justify-content:stretch;
  }
  .mkt-shared-header .top-actions .btn,
  .marketing-shell .mkt-shared-header .top-actions .btn{
    min-width:0;
    width:100%;
    height:auto;
    min-height:46px;
    padding:10px;
    border-radius:12px;
    font-size:13px;
    text-align:center;
    white-space:normal;
  }
  .mkt-shared-header .mkt-preference-action{
    display:inline-flex;
    justify-content:center;
    flex-wrap:wrap;
    gap:8px;
    background:var(--surface2);
    border:1px solid var(--border);
    color:var(--text);
    font-weight:750;
  }
  .mkt-shared-header .mkt-desktop-lang-glyph{display:none}
  .mkt-shared-header .mkt-mobile-action-label{display:inline}
  .mkt-shared-header .top-actions .mkt-auth-action{display:flex}
  .mkt-shared-header .top-actions .mkt-auth-action.btn-primary{
    color:#fff;
    background:linear-gradient(105deg,#a82af7,#ea4eb9 54%,#ff8760);
  }
}
@media (max-width:380px){
  .mkt-shared-header .top-inner>.logo img{width:116px}
  .mkt-shared-header .mkt-public-menu{inset-inline:8px;padding:12px}
  .mkt-shared-header .top-actions .btn{font-size:12px}
}


/* Premium mobile drawer. Existing desktop navigation stays unchanged. */
.mkt-shared-header .mkt-menu-backdrop,.mkt-shared-header .mkt-drawer-heading,.mkt-shared-header .mkt-link-icon,.mkt-shared-header .mkt-link-arrow{display:none}
@media(max-width:980px){
html.mkt-drawer-lock,body.mkt-drawer-lock{overflow:hidden!important}
.mkt-shared-header .mkt-menu-backdrop{display:block;position:fixed;inset:0;z-index:110;border:0;background:rgba(4,15,38,.62);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .25s}
.mkt-shared-header.mkt-menu-open .mkt-menu-backdrop{opacity:1;visibility:visible;pointer-events:auto}
.mkt-shared-header .mkt-public-menu{display:flex!important;position:fixed;top:0;bottom:0;inset-inline-start:0;inset-inline-end:auto;z-index:111;width:min(390px,calc(100vw - 12px));height:100dvh;max-height:none;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;flex-direction:column;gap:0;padding:0;margin:0;border:0;border-radius:0 20px 20px 0;background:#fff;color:#13284b;visibility:hidden;opacity:0;pointer-events:none;transform:translateX(-105%);transition:transform .28s ease,opacity .2s ease,visibility .28s;box-shadow:0 18px 60px #08122555}
.mkt-shared-header:dir(rtl) .mkt-public-menu{transform:translateX(105%);border-radius:20px 0 0 20px}
.mkt-shared-header.mkt-menu-open .mkt-public-menu{visibility:visible;opacity:1;pointer-events:auto;transform:translateX(0)}
.mkt-shared-header .mkt-drawer-heading{display:flex;align-items:center;justify-content:space-between;flex:none;position:sticky;top:0;z-index:2;background:inherit;border-bottom:1px solid #e9edf5;padding:14px 20px}
.mkt-shared-header .mkt-drawer-brand img{width:125px;max-height:45px;object-fit:contain}
.mkt-shared-header .mkt-drawer-close{display:grid;place-items:center;width:46px;height:46px;border:1px solid #f5cbea;background:#fff2f9;color:#d7279a;border-radius:14px;cursor:pointer}
.mkt-shared-header .mkt-mobile-section-title{display:block;margin:0;padding:18px 23px 8px;color:#71809b;font-size:12px;font-weight:800}
.mkt-shared-header .nav-links,.marketing-shell .mkt-shared-header .nav-links{display:flex!important;flex-direction:column;align-items:stretch;flex:none;width:100%;gap:3px;padding:0 14px;margin:0;overflow:visible;grid-template-columns:none}
.mkt-shared-header .nav-links a,.marketing-shell .mkt-shared-header .nav-links a{display:flex;align-items:center;gap:12px;width:100%;min-height:51px;padding:9px 13px;border-radius:13px;color:#14284a;text-align:start;font-size:15px;font-weight:800;white-space:normal;line-height:1.45}
.mkt-shared-header .nav-links a:hover{background:#faf1fc}
.mkt-shared-header .nav-links a.active,.marketing-shell .mkt-shared-header .nav-links a.active{color:#d82096;background:#ffeaf6;box-shadow:inset 3px 0 #ed49b0}
.mkt-shared-header:dir(rtl) .nav-links a.active{box-shadow:inset -3px 0 #ed49b0}
.mkt-shared-header .mkt-link-icon{display:grid;place-items:center;flex:0 0 37px;height:37px;color:#9640e2;background:#f5edfc;border-radius:11px}
.mkt-shared-header .mkt-link-icon svg{width:19px;height:19px}
.mkt-shared-header .mkt-link-text{flex:1}
.mkt-shared-header .mkt-link-arrow{display:inline-flex;color:#9eacc2}
.mkt-shared-header .mkt-link-arrow svg{width:16px;height:16px}
.mkt-shared-header:dir(rtl) .mkt-link-arrow{transform:scaleX(-1)}
.mkt-shared-header .mkt-preferences-title{margin-top:auto;border-top:1px solid #e9edf5;padding-top:19px}
.mkt-shared-header .top-actions,.marketing-shell .mkt-shared-header .top-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;padding:0 14px max(18px,env(safe-area-inset-bottom));margin:0;width:100%}
.mkt-shared-header .top-actions .btn,.marketing-shell .mkt-shared-header .top-actions .btn{min-height:48px;border-radius:12px;font-size:13px}
.mkt-shared-header .mkt-preference-action{color:#283f61;background:#f5f7fc;border:1px solid #e1e8f2}
.mkt-shared-header .top-actions .mkt-auth-action.btn-outline{color:#283f61;background:#fff;border:1px solid #dce4f0}
.mkt-shared-header :is(.mkt-drawer-close,.nav-links a,.top-actions a,.top-actions button):focus-visible{outline:3px solid #b64ce9;outline-offset:2px}
[data-theme=dark] .mkt-shared-header .mkt-public-menu{background:#13233a;color:#f1f5fd}
[data-theme=dark] .mkt-shared-header .mkt-drawer-heading,[data-theme=dark] .mkt-shared-header .mkt-preferences-title{border-color:#36465e}
[data-theme=dark] .mkt-shared-header .nav-links a{color:#f1f5fd}
[data-theme=dark] .mkt-shared-header .nav-links a.active{color:#ffa7dd;background:#3e2441}
[data-theme=dark] .mkt-shared-header .nav-links a:hover{background:#243b55}
[data-theme=dark] .mkt-shared-header .mkt-link-icon{background:#30274a;color:#d3a6ff}
[data-theme=dark] .mkt-shared-header .mkt-preference-action,[data-theme=dark] .mkt-shared-header .top-actions .mkt-auth-action.btn-outline{background:#20344d;color:#f4f7ff;border-color:#394b66}
}
@media(max-width:380px){.mkt-shared-header .mkt-drawer-heading{padding-inline:12px}.mkt-shared-header .nav-links,.marketing-shell .mkt-shared-header .nav-links{padding-inline:8px}}
@media(prefers-reduced-motion:reduce){.mkt-shared-header .mkt-public-menu,.mkt-shared-header .mkt-menu-backdrop{transition:none!important}}

/* Keep the original desktop action row, while separating mobile controls into two groups. */
@media(min-width:981px){.mkt-shared-header .mkt-drawer-preferences,.mkt-shared-header .mkt-drawer-auth{display:contents}}
@media(max-width:980px){
  .mkt-shared-header .top-actions,.marketing-shell .mkt-shared-header .top-actions{
    display:flex;flex-direction:column;gap:13px;align-items:stretch;
  }
  .mkt-shared-header .mkt-drawer-preferences,.mkt-shared-header .mkt-drawer-auth{
    display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;width:100%;
  }
  .mkt-shared-header .mkt-drawer-auth{padding-top:13px;border-top:1px solid #e9edf5}
  [data-theme=dark] .mkt-shared-header .mkt-drawer-auth{border-color:#36465e}
}