
body main[data-ximei-contact-page] {
  --xct-primary: var(--erunu-clay, var(--wr-accent, var(--x17-accent, var(--color-primary, #24464e))));
  --xct-ink: var(--erunu-ink, var(--wr-ink, var(--x17-ink, var(--color-text, #202c2d))));
  --xct-paper: var(--erunu-warm, var(--x17-paper, var(--color-background, #fff)));
  --xct-surface: var(--x17-surface, var(--color-surface, #fff));
  --xct-line: color-mix(in srgb, var(--xct-ink) 19%, var(--xct-paper));
  --xct-button: color-mix(in srgb, var(--xct-primary) 58%, #15191c);
  --xct-tint: color-mix(in srgb, var(--xct-primary) 23%, var(--xct-paper));
  --xct-deep: color-mix(in srgb, var(--xct-primary) 25%, #15191c);
  --xct-outer: max(clamp(20px, 6vw, 104px), calc((100% - 1460px) / 2));
  display: block; width: 100%; max-width: none; min-width: 0; padding: 0; margin: 0;
  background: var(--xct-paper); color: var(--xct-ink);
  overflow-wrap: anywhere;
}
.xct-hero {
  isolation: isolate; position: relative; display: grid; align-items: center; min-height: clamp(360px, 34vw, 595px);
  margin: 0; padding: clamp(55px, 7vw, 112px) var(--xct-outer) clamp(84px, 9vw, 146px);
  overflow: hidden; background: var(--xct-tint); color: var(--xct-ink);
}
.xct-hero::after {
  content: ""; position: absolute; inset: auto -10% -5.5rem;
  z-index: 1; height: clamp(110px, 12vw, 205px); border-radius: 62% 45% 0 0 / 65% 75% 0 0;
  background: var(--xct-paper); transform: rotate(3deg); pointer-events: none;
}
.xct-hero-photo {
  position: absolute; z-index: -2; inset-block: 0; inset-inline-end: 0; width: 58%; height: 100%;
}
.xct-hero-photo img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: 66% center; }
.xct-hero-photo[data-position="left"] img { object-position: 27% center; }
.xct-hero--photo::before {
  content: ""; position: absolute; z-index: -1; inset: 0;
  background: linear-gradient(90deg, var(--xct-tint) 41%, color-mix(in srgb, var(--xct-tint) 65%, transparent) 54%, transparent 76%);
}
[dir="rtl"] .xct-hero--photo::before {
  background: linear-gradient(270deg, var(--xct-tint) 41%, color-mix(in srgb, var(--xct-tint) 65%, transparent) 54%, transparent 76%);
}
.xct-hero:not(.xct-hero--photo)::before {
  content: ""; position: absolute; z-index: -1; inset: 0;
  background: radial-gradient(ellipse at 82% 15%, color-mix(in srgb, var(--xct-primary) 29%, transparent), transparent 58%);
}
.xct-hero-content { width: min(51%, 730px); }
.xct-hero .xct-title {
  margin: 0; font-size: clamp(44px, 6.5vw, 116px); font-family: var(--font-heading, var(--x17-heading, inherit));
  font-weight: 700; line-height: 1.02; letter-spacing: -.045em; color: inherit;
}
.xct-hero p { max-width: 36ch; margin: clamp(14px, 2vw, 30px) 0 0; font-size: clamp(17px, 2vw, 29px); line-height: 1.4; color: inherit; }
.xct-breadcrumb { margin: 0; padding: 0 var(--xct-outer); font-size: .92rem; }
.xct-breadcrumb a { color: inherit; text-decoration: underline; text-underline-offset: .2em; }
.xct-channels { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(18px, 5vw, 76px); padding: clamp(42px, 6vw, 92px) var(--xct-outer); margin: 0; list-style: none; text-align: center; }
.xct-channel { min-width: 0; display: grid; grid-template-rows: auto auto 1fr; justify-items: center; gap: 6px; }
.xct-channel-icon {
  width: clamp(47px, 5vw, 76px); height: clamp(47px, 5vw, 76px);
  display: grid; place-items: center; color: var(--xct-primary);
  border-radius: 50%; background: var(--xct-tint); margin: 0 0 10px;
}
.xct-channel-icon svg { width: 55%; height: 55%; }
.xct-channel strong { font-size: clamp(1rem, 1.4vw, 1.3rem); }
.xct-channel a { color: var(--xct-button); text-decoration: underline; text-underline-offset: .2em; font-weight: 650; }
.xct-channel span { font-size: .9em; }
.xct-inquiry { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: stretch; margin: 0; }
.xct-quote, .xct-inquiry-content { min-width: 0; padding-block: clamp(34px, 5.2vw, 88px); }
.xct-quote { padding-inline: var(--xct-outer) clamp(25px, 5vw, 78px); background: var(--xct-deep); color: #fff; }
.xct-quote h2 { margin: 0 0 16px; font-size: clamp(30px, 3.2vw, 55px); line-height: 1.08; color: inherit; }
.xct-quote p { color: inherit; margin: 0 0 19px; }
.xct-quote ul { list-style: none; padding: 0; margin: 0 0 32px; }
.xct-quote li { margin: 7px 0; }
.xct-quote li::before { content: "✓"; margin-inline-end: .55em; }
.xct-inline-links { display: flex; flex-wrap: wrap; gap: 8px 21px; }
.xct-inline-links a { color: inherit; text-decoration: underline; text-underline-offset: .2em; }
.xct-inquiry-content { padding-inline: clamp(25px, 5vw, 78px) var(--xct-outer); background: var(--xct-tint); }
.xct-inquiry-content > :is(.section, .narrow, .i18n-page, .i18n-shell) { width: 100%; max-width: none; min-width: 0; margin: 0; padding: 0; border: 0; background: transparent; }
.xct-inquiry-content form:is(#site-form, #xct-form) {
  display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: start; max-width: none; min-width: 0; gap: 14px;
}
.xct-inquiry-content label { display: grid; gap: 5px; min-width: 0; margin: 0; color: var(--xct-ink); font-size: .92rem; }
.xct-inquiry-content :is(input, textarea, select) {
  box-sizing: border-box; width: 100%; min-width: 0; max-width: 100%; border: 1px solid var(--xct-line); border-radius: 5px;
  padding: 11px 12px; background: var(--xct-surface); color: var(--xct-ink); font: inherit; min-height: 44px;
}
.xct-inquiry-content form > :is(label:has(textarea,select), .xct-span, p, [role="status"], button) { grid-column: 1 / -1; }
.xct-inquiry-content textarea { min-height: 120px; resize: vertical; }
.xct-inquiry-content :is(.xct-submit, #site-form button[type="submit"]) {
  justify-self: center; min-height: 46px; width: min(100%, 250px); padding: 11px 16px; border-radius: 5px;
  color: #fff; background: var(--xct-button); border: 1px solid var(--xct-button); font: inherit; cursor: pointer;
}
.xct-inquiry-content [role="status"]:empty { display: none; }
.xct-inquiry-content [role="status"] { color: var(--xct-ink); margin: 0; }
.xct-inquiry-content .account-links { margin-block-start: 18px; }
.xct-email-fallback { margin-block: 14px 0; font-size: .9rem; }
.xct-email-fallback a { color: var(--xct-button); text-decoration: underline; text-underline-offset: .2em; }
.xct-footer-links { display: flex; gap: 8px 22px; flex-wrap: wrap; padding: 0 0 12px; }
.xct-footer-links a { color: inherit; text-underline-offset: .2em; }
footer.xct-minimal-footer {
  --xct-footer-accent: var(--erunu-clay, var(--wr-accent, var(--x17-accent, var(--color-primary, #24464e))));
  display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr); gap: clamp(20px, 4vw, 58px);
  align-items: start; padding: clamp(30px, 5vw, 72px) max(clamp(20px, 6vw, 104px), calc((100% - 1460px) / 2));
  color: #fff; background: color-mix(in srgb, var(--xct-footer-accent) 21%, #15191c);
}
.xct-minimal-footer .xct-footer-brand { margin-block-end: 14px; font-size: 1.12rem; font-weight: 700; }
.xct-minimal-footer nav { display: flex; flex-wrap: wrap; gap: 9px 20px; }
.xct-minimal-footer a { color: inherit; text-decoration: underline; text-underline-offset: .2em; }
.xct-minimal-footer [data-ximei-policies] { border-top: 1px solid #ffffff40; }
.xe-header .xct-header-logo img { width: clamp(104px, 14vw, 204px); height: auto; object-fit: contain; }
.xct-nav { display: flex; flex-wrap: wrap; gap: 7px clamp(10px, 2.4vw, 36px); justify-content: center; }
.xct-nav a[aria-current="page"] { text-decoration: underline; text-underline-offset: .25em; }
[data-ximei-contact-page] :focus-visible { outline: 2px solid currentColor; outline-offset: 3px; }

@media (max-width: 740px) {
  .xct-hero { min-height: 0; padding-block: 43px 99px; }
  .xct-hero-content { width: 100%; }
  .xct-hero--photo { padding-block: 0 65px; }
  .xct-hero-photo { position: relative; inset: auto; grid-row: 2; width: calc(100% + 2 * var(--xct-outer)); margin-inline: calc(-1 * var(--xct-outer)); margin-block-start: 24px; aspect-ratio: 2.2; }
  .xct-hero--photo::before { display: none; }
  .xct-hero--photo .xct-hero-content { padding-block-start: 40px; }
  .xct-hero::after { inset-block-end: -5.8rem; }
  .xct-channels { padding-block: 31px 39px; gap: 11px; }
  .xct-channel a, .xct-channel span { font-size: .8rem; }
  .xct-channel:last-child { grid-column: 1 / -1; }
  .xct-channels { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .xct-inquiry { grid-template-columns: minmax(0, 1fr); }
  .xct-inquiry :is(.xct-quote, .xct-inquiry-content) { padding-inline: var(--xct-outer); }
  .xe-header:has(.xct-nav) { display: flex; flex-wrap: wrap; }
  .xe-header .xct-nav { order: 2; flex-basis: 100%; }
  footer.xct-minimal-footer { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 380px) {
  .xct-inquiry-content form:is(#site-form, #xct-form) { grid-template-columns: minmax(0, 1fr); }
}
