/* Contact page visual system: intentionally scoped so the original header/footer and other pages remain intact. */
.marketing-shell .tc-page{--tc-ink:#101b50;--tc-muted:#576683;--tc-border:#e8ebf6;--tc-pink:#f32fa1;--tc-violet:#8b2cf5;max-width:1260px;margin:0 auto;color:var(--tc-ink);padding:15px 0 28px;font-family:Tajawal,'DM Sans',system-ui,sans-serif}
.marketing-shell .tc-page *{box-sizing:border-box}
.marketing-shell .tc-page a{text-decoration:none}
.marketing-shell .tc-page :is(h1,h2,h3,p){margin:0}
.marketing-shell .tc-page h2{font-size:clamp(25px,2.65vw,36px);font-weight:900;line-height:1.27}
.marketing-shell .tc-page p{font-size:15.5px;line-height:1.7}
.marketing-shell .tc-page .tc-kicker{display:block;color:#ed289b;font-size:13px;font-weight:900;margin-bottom:7px}
.marketing-shell .tc-page .tc-eyebrow{display:block;font-weight:900;font-size:12px;letter-spacing:1.7px;color:#fa61c4;margin-bottom:14px;direction:ltr;text-align:start}
.marketing-shell .tc-page svg{width:25px;height:25px;flex-shrink:0}
.marketing-shell .tc-hero{isolation:isolate;position:relative;height:360px;overflow:hidden;border-radius:16px;background-image:var(--tc-hero,url('./assets/about-reference/santorini-composite.webp'));background-position:center 44%;background-size:cover;color:#fff}
.marketing-shell .tc-hero-overlay{position:absolute;inset:0;background:linear-gradient(270deg,rgba(4,12,42,.06) 6%,rgba(8,20,56,.30) 45%,rgba(7,21,56,.70) 100%);z-index:-0}
.marketing-shell .tc-hero-content{position:relative;z-index:1;direction:rtl;text-align:right;width:min(57%,710px);padding:36px 60px 34px 18px}
.marketing-shell .tc-hero h1{font-size:clamp(33px,3.55vw,48px);font-weight:900;line-height:1.15;letter-spacing:-.8px;max-width:650px}
.marketing-shell .tc-hero p{font-size:17px;font-weight:650;color:#f6f5ff;line-height:1.55;max-width:555px;margin-top:15px}
.marketing-shell .tc-hero-benefits{display:flex;align-items:center;gap:25px;margin-top:23px;flex-wrap:wrap}
.marketing-shell .tc-hero-benefits>div{display:flex;align-items:center;gap:9px;font-size:13px;font-weight:800;max-width:175px}
.marketing-shell .tc-hero-benefits svg{color:#ff52bb;width:32px;height:32px}
.marketing-shell .tc-hero-script{position:absolute;z-index:2;bottom:44px;left:32px;max-width:280px;transform:rotate(-7deg);font-family:cursive;font-style:italic;font-size:23px;font-weight:700;text-align:center;text-shadow:0 3px 12px #122250c0;color:#fff;line-height:1.25;pointer-events:none}
.marketing-shell .tc-inner{position:relative;z-index:2;background:#fff;border-radius:20px 20px 0 0;margin:-16px 24px 0;box-shadow:0 -10px 37px #15205b0b}
.marketing-shell .tc-contact-layout{display:grid;grid-template-columns:minmax(0,1.13fr) minmax(0,.87fr);grid-template-areas:'form info';direction:ltr;align-items:start;gap:28px}
.marketing-shell .tc-form-panel{grid-area:form;direction:rtl;text-align:right;background:linear-gradient(135deg,#fff8fd 0%,#f8f7ff 60%,#fff 100%);border-radius:22px;padding:32px 32px 25px;min-width:0}
.marketing-shell .tc-contact-side{grid-area:info;direction:rtl;text-align:right;padding:9px 0;min-width:0}
.marketing-shell .tc-contact-side>h2{margin-bottom:18px}
.marketing-shell .tc-section-lead{color:var(--tc-muted);margin-top:11px!important;margin-bottom:23px!important;max-width:520px;font-size:17px!important}
.marketing-shell .tc-form{display:grid;gap:17px}
.marketing-shell .tc-form-double{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.marketing-shell .tc-form label{font-size:14px;font-weight:800;display:block;color:var(--tc-ink);min-width:0}
.marketing-shell .tc-form label>b{color:var(--tc-pink);font-size:15px}
.marketing-shell .tc-input-wrap{display:flex;align-items:center;position:relative;margin-top:8px}
.marketing-shell .tc-input-wrap>svg{position:absolute;inset-inline-start:13px;width:17px;height:17px;color:#7884a4;pointer-events:none}
.marketing-shell .tc-form :is(input,select,textarea){width:100%;min-width:0;background:#fff;border:1px solid #dfe4f3;border-radius:12px;color:#14234e;min-height:48px;padding:13px 15px;outline:0;font:600 14px Tajawal,'DM Sans',system-ui,sans-serif;box-shadow:0 3px 10px #1a246006}
.marketing-shell .tc-form .tc-input-wrap:has(>svg) input{padding-inline-start:39px}
.marketing-shell .tc-form :is(input,select,textarea)::placeholder{color:#939eb4;opacity:1}
.marketing-shell .tc-form textarea{min-height:116px;resize:vertical}
.marketing-shell .tc-form :is(input,select,textarea):focus-visible{border-color:#bb4ff0;box-shadow:0 0 0 3px #a733e81f}
.marketing-shell .tc-form .tc-honeypot{position:absolute!important;left:-100000px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.marketing-shell .tc-send,.marketing-shell .tc-cta-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:linear-gradient(104deg,#8440ff,#da22ce 50%,#ff7667);color:white!important;border:0;border-radius:999px;min-height:52px;font-weight:900;font-size:17px;box-shadow:0 9px 20px #c13bde24;transition:transform .2s,box-shadow .2s}
.marketing-shell .tc-send:hover:not(:disabled),.marketing-shell .tc-cta-btn:hover{transform:translateY(-2px);box-shadow:0 12px 25px #be33df3c}
.marketing-shell .tc-send:disabled{opacity:.63;cursor:wait}
.marketing-shell .tc-send svg{width:21px;height:21px}
.marketing-shell .tc-note{font-size:12px!important;color:#78859c;text-align:center}
.marketing-shell .tc-form-status{font-size:14px!important;color:#3437aa!important;font-weight:800;min-height:0}
.marketing-shell .tc-contact-cards{display:grid;gap:11px}
.marketing-shell .tc-contact-card{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:105px;padding:16px 19px;border:1px solid #e9ebf5;border-radius:17px;background:#fff;box-shadow:0 4px 21px #27305e04}
.marketing-shell .tc-contact-card-text{min-width:0}
.marketing-shell .tc-contact-card h3{font-size:17px;font-weight:900;margin:0 0 5px}
.marketing-shell .tc-contact-card p{font-size:14px;color:#67718b;line-height:1.5}
.marketing-shell .tc-email{display:inline-block;margin-top:5px;color:#f224a9!important;font-weight:900;font-size:14px;overflow-wrap:anywhere}
.marketing-shell .tc-contact-icon{display:grid;place-items:center;width:67px;height:67px;flex-shrink:0;border-radius:50%;color:#e82ca9;background:radial-gradient(circle at 50% 45%,#fff,#ffe7f6);box-shadow:0 4px 14px #cb36c313}
.marketing-shell .tc-contact-icon svg{width:33px;height:33px}
.marketing-shell .tc-contact-icon.violet{color:#873af7;background:#f3ecff}
.marketing-shell .tc-contact-icon.orange{color:#fc6937;background:#fff0eb}
.marketing-shell .tc-outline-btn{display:inline-flex;gap:7px;align-items:center;margin-top:7px;border:1px solid #f070ca;border-radius:999px;padding:7px 15px;color:#e62aa3!important;font-size:13px;font-weight:800}
.marketing-shell .tc-outline-btn svg{width:15px;height:15px}
.marketing-shell .tc-value-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:18px 0}
.marketing-shell .tc-value-grid article{text-align:center;min-width:0;border:1px solid var(--tc-border);border-radius:16px;background:#fff;padding:20px 14px;box-shadow:0 6px 20px #11155b05}
.marketing-shell .tc-value-icon{width:53px;height:53px;margin:0 auto 10px;border-radius:50%;display:grid;place-items:center;color:#a02dfa;background:#f1e8ff}
.marketing-shell .tc-value-grid article:nth-child(2) .tc-value-icon{color:#f87446;background:#ffefeb}
.marketing-shell .tc-value-grid article:nth-child(4) .tc-value-icon{color:#ed21b6;background:#fff0f8}
.marketing-shell .tc-value-grid h3{font-size:16px;font-weight:900;margin-bottom:5px}
.marketing-shell .tc-value-grid p{font-size:13.5px;line-height:1.55;color:#63718c}
.marketing-shell .tc-faq-section{background:linear-gradient(125deg,#fbf9ff,#f7f8fd);border-radius:17px;padding:22px 24px;margin-bottom:19px;display:grid;grid-template-columns:minmax(0,.28fr) minmax(0,.72fr);gap:23px}
.marketing-shell .tc-faq-intro p{color:#66718b;margin:10px 0 15px}
.marketing-shell .tc-faq-all{display:inline-flex;align-items:center;gap:6px;border-radius:999px;border:1px solid #ee58bd;padding:9px 17px;font-weight:850;color:#d72ca7!important;font-size:14px}
.marketing-shell .tc-faq-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px 13px;align-items:start;align-content:start}
.marketing-shell .tc-faq-item{min-width:0;background:#fff;border:1px solid #ebedf6;border-radius:12px;box-shadow:0 3px 12px #171e5007}
.marketing-shell .tc-faq-item summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:8px;cursor:pointer;min-height:44px;padding:10px 14px;font-size:13.5px;font-weight:900;color:#141e4b}
.marketing-shell .tc-faq-item summary::-webkit-details-marker{display:none}
.marketing-shell .tc-faq-item summary svg{width:15px;height:15px;transform:rotate(90deg);transition:transform .15s}
.marketing-shell .tc-faq-item[open] summary svg{transform:rotate(0deg)}
.marketing-shell .tc-faq-item p{padding:0 15px 15px;color:#596784;font-size:13.5px}
.marketing-shell .tc-bottom-cta{position:relative;isolation:isolate;margin:0 0 0;border-radius:17px;min-height:199px;overflow:hidden;background:var(--tc-final,url('./assets/about-reference/cta-traveler.webp')) center 49%/cover no-repeat;color:#fff;display:flex;align-items:center}
.marketing-shell .tc-bottom-cta:before{content:"";inset:0;position:absolute;z-index:0;background:linear-gradient(270deg,#0a1751b8 3%,#151a508d 46%,#231e565b 75%,#17194514)}
.marketing-shell .tc-bottom-copy{position:relative;z-index:1;padding:25px 52px;max-width:620px;margin-inline-start:0}
.marketing-shell .tc-bottom-copy h2{font-size:clamp(26px,2.4vw,33px)}
.marketing-shell .tc-bottom-copy p{font-size:15px;color:#f6f2fa;max-width:565px;margin:8px 0 14px}
.marketing-shell .tc-cta-btn{min-height:43px;padding:10px 29px;font-size:15px}
.marketing-shell .tc-page :is(a,button,summary):focus-visible{outline:3px solid #b151f4;outline-offset:3px}
[dir=ltr] .tc-hero-content,[dir=ltr] .tc-form-panel,[dir=ltr] .tc-contact-side{direction:ltr;text-align:left}
[dir=ltr] .tc-hero-overlay{background:linear-gradient(90deg,rgba(7,21,56,.70),rgba(8,20,56,.27) 55%,rgba(5,15,46,.08))}
[dir=ltr] .tc-contact-layout{grid-template-areas:'form info'}
[dir=ltr] .tc-hero-script{right:25px;left:auto}
[data-theme=dark] .marketing-shell .tc-page{--tc-ink:#f6f6ff;--tc-muted:#bdc8df;--tc-border:#33455c;color:#f6f6ff}
[data-theme=dark] .marketing-shell .tc-inner{background:#0d1e32}
[data-theme=dark] .marketing-shell .tc-form-panel,[data-theme=dark] .marketing-shell .tc-faq-section{background:#15273f}
[data-theme=dark] .marketing-shell .tc-contact-card,[data-theme=dark] .marketing-shell .tc-value-grid article,[data-theme=dark] .marketing-shell .tc-faq-item{background:#172b42;border-color:#354660;color:#f6f6ff}
[data-theme=dark] .marketing-shell .tc-page :is(.tc-section-lead,.tc-contact-card p,.tc-value-grid p,.tc-faq-intro p,.tc-faq-item p,.tc-form label){color:#c2cee5}
[data-theme=dark] .marketing-shell .tc-form :is(input,select,textarea){background:#0e2136;color:#f6f6ff;border-color:#44536d}
[data-theme=dark] .marketing-shell .tc-faq-item summary{color:#f6f6ff}
@media(max-width:1100px){.marketing-shell .tc-page{width:calc(100% - 22px)}.marketing-shell .tc-hero-content{width:65%;padding:38px 38px}.marketing-shell .tc-inner{margin-inline:16px}.marketing-shell .tc-form-panel{padding:23px}.marketing-shell .tc-hero-script{display:none}.marketing-shell .tc-contact-layout{gap:16px}}
@media(max-width:800px){.marketing-shell .tc-hero{height:350px}.marketing-shell .tc-hero-content{width:84%;padding:39px 25px}.marketing-shell .tc-hero h1{font-size:37px}.marketing-shell .tc-hero p{font-size:16px}.marketing-shell .tc-inner{margin:-13px 12px 0;padding:14px 0 0}.marketing-shell .tc-contact-layout{grid-template-columns:minmax(0,1fr);grid-template-areas:'form' 'info'}.marketing-shell .tc-contact-side{padding:14px}.marketing-shell .tc-value-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.marketing-shell .tc-faq-section{grid-template-columns:1fr}}
@media(max-width:540px){.marketing-shell .tc-page{width:calc(100% - 12px);padding-top:7px}.marketing-shell .tc-hero{height:390px;border-radius:14px;background-position:59% center}.marketing-shell .tc-hero-content{width:100%;padding:35px 22px}.marketing-shell .tc-hero h1{font-size:32px;max-width:370px}.marketing-shell .tc-hero p{font-size:15px;line-height:1.65;margin-top:12px}.marketing-shell .tc-hero-benefits{gap:13px;margin-top:17px}.marketing-shell .tc-hero-benefits>div{font-size:12px;max-width:141px}.marketing-shell .tc-hero-benefits svg{width:25px;height:25px}.marketing-shell .tc-inner{margin:-10px 8px 0;padding:10px 0 0}.marketing-shell .tc-form-panel{padding:22px 18px}.marketing-shell .tc-form-double{grid-template-columns:1fr;gap:16px}.marketing-shell .tc-form{gap:16px}.marketing-shell .tc-contact-side{padding:22px 8px}.marketing-shell .tc-contact-side>h2{font-size:26px}.marketing-shell .tc-contact-card{padding:13px;min-height:104px}.marketing-shell .tc-contact-icon{width:55px;height:55px}.marketing-shell .tc-contact-icon svg{width:27px;height:27px}.marketing-shell .tc-value-grid{gap:9px}.marketing-shell .tc-value-grid article{padding:16px 9px}.marketing-shell .tc-value-grid p{font-size:12.5px}.marketing-shell .tc-faq-section{padding:22px 14px}.marketing-shell .tc-faq-grid{grid-template-columns:1fr}.marketing-shell .tc-bottom-cta{min-height:267px;background-position:43% center}.marketing-shell .tc-bottom-copy{padding:25px 20px}.marketing-shell .tc-bottom-copy h2{font-size:26px}.marketing-shell .tc-bottom-copy p{font-size:14px}.marketing-shell .tc-note{font-size:12px!important}}
/* Desktop composition puts readable copy on the left, matching the supplied reference. */
.marketing-shell .tc-hero-content{position:absolute;left:0;top:0;margin:0}
.marketing-shell .tc-hero-overlay,[dir=ltr] .tc-hero-overlay{background:linear-gradient(90deg,rgba(5,17,53,.72) 0%,rgba(8,19,58,.50) 40%,rgba(9,17,49,.06) 94%)}
.marketing-shell .tc-hero-script{left:auto;right:34px}
@media(max-width:540px){.marketing-shell .tc-hero-overlay,[dir=ltr] .tc-hero-overlay{background:linear-gradient(90deg,#081537ba,#121b4c7b 70%,#08133b59)}}
.marketing-shell .tc-form .tc-honeypot{position:absolute!important;top:0!important;left:0!important;right:auto!important;clip-path:inset(50%);clip:rect(0,0,0,0);width:1px!important;height:1px!important;overflow:hidden!important;white-space:nowrap}