/* Xeqtra 1.4 — "Ember": warm graphite surfaces, warm white type, one ember→gold signal.
   The whole accent colour lives in --xq-a1 / --xq-a2 (and their RGB triplets for transparency). */

:root {
	--xq-void: var(--wp--preset--color--void, #0C0B0A);
	--xq-panel: var(--wp--preset--color--panel, #131211);
	--xq-raised: var(--wp--preset--color--raised, #1B1A18);
	--xq-line: var(--wp--preset--color--line, #2B2926);
	--xq-hair: rgba(255, 240, 225, .075);
	--xq-text: var(--wp--preset--color--text, #F7F3ED);
	--xq-soft: #D3CCC2;
	--xq-muted: var(--wp--preset--color--muted, #A0978C);
	--xq-a1: var(--wp--preset--color--ember, #FF6A3D);
	--xq-a2: var(--wp--preset--color--gold, #FFC46B);
	--xq-a1-rgb: 255, 106, 61;
	--xq-a2-rgb: 255, 196, 107;
	--xq-a1-hover: #FF8559;
	--xq-a1-ink: #FFB394;
	--xq-grad: linear-gradient(115deg, #FF5B3A 0%, #FF8A3D 48%, #FFC46B 100%);
	--xq-client: #201E1B;
	--xq-gutter: clamp(16px, 4vw, 40px);
	--xq-wide: 1200px;
	--xq-alt: #100F0E;
}

html { scroll-padding-top: 92px; }
body { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; }
::selection { background: var(--xq-a1); color: var(--xq-void); }
:where(a, button, summary, input, select, textarea):focus-visible { outline: 2px solid var(--xq-a1); outline-offset: 3px; border-radius: 6px; }
.screen-reader-text { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
strong { font-weight: 600; }

/* ---------- Buttons ---------- */
.xq-btn {
	display: inline-flex; align-items: center; justify-content: center; gap: .5em; box-sizing: border-box;
	background: var(--xq-a1); color: var(--xq-void);
	font: 600 1rem/1.2 var(--wp--preset--font-family--geologica);
	padding: .85em 1.5em; border: 0; border-radius: 999px;
	text-decoration: none; cursor: pointer; white-space: nowrap;
	transition: box-shadow .2s ease, background-color .2s ease;
}
.xq-btn:hover { background: var(--xq-a1-hover); color: var(--xq-void); box-shadow: 0 0 0 4px rgba(var(--xq-a1-rgb), .25), 0 14px 34px -12px rgba(var(--xq-a1-rgb), .7); }
.wp-block-button:not(.is-style-outline) .wp-element-button { transition: box-shadow .2s ease, background-color .2s ease; }
.wp-block-button:not(.is-style-outline) .wp-element-button:hover { box-shadow: 0 0 0 4px rgba(var(--xq-a1-rgb), .25); }
.wp-block-button.is-style-outline .wp-element-button:hover { border-color: var(--xq-a1) !important; color: var(--xq-text); }
.xq-btn--ghost { background: transparent; color: var(--xq-text); box-shadow: inset 0 0 0 1px #3A3632; }
.xq-btn--ghost:hover { background: rgba(var(--xq-a1-rgb), .06); color: var(--xq-text); box-shadow: inset 0 0 0 1px var(--xq-a1); }
.xq-ico { flex: none; margin-left: -.15em; }
.xq-actions { display: flex; flex-wrap: wrap; gap: 12px; }
.xq-sec--hero .xq-actions { margin-top: 2.1rem; }
@media (max-width: 480px) { .xq-actions .xq-btn { flex: 1 1 100%; } }

/* ---------- Header ---------- */
.xq-header-part { position: sticky; top: 0; z-index: 50; }
.admin-bar .xq-header-part { top: 32px; }
@media (max-width: 782px) { .admin-bar .xq-header-part { top: 0; } }
.xq-header { background: rgba(12, 11, 10, .74); -webkit-backdrop-filter: saturate(150%) blur(16px); backdrop-filter: saturate(150%) blur(16px); border-bottom: 1px solid var(--xq-hair); }
.xq-skip { position: absolute; left: var(--xq-gutter); top: -100px; z-index: 60; background: var(--xq-text); color: var(--xq-void); padding: .6em 1em; border-radius: 999px; font-weight: 600; }
.xq-skip:not(:focus) { opacity: 0; pointer-events: none; }
.xq-skip:focus { top: 12px; }
.xq-header__inner { max-width: var(--xq-wide); margin: 0 auto; padding: 0 var(--xq-gutter); min-height: 72px; display: flex; align-items: center; gap: 24px; }
.xq-logo { display: inline-flex; align-items: center; gap: 10px; font-weight: 650; font-size: 1.32rem; letter-spacing: -.045em; color: var(--xq-text); text-decoration: none; line-height: 1; }
.xq-logo:hover { color: var(--xq-text); }
.xq-logo__mark { width: 22px; height: 22px; border-radius: 50%; flex: none; background: radial-gradient(circle at 50% 50%, var(--xq-void) 0 28%, transparent 30%), var(--xq-grad); box-shadow: 0 0 18px rgba(var(--xq-a1-rgb), .45); }
.xq-nav { display: flex; align-items: center; gap: 26px; margin-left: auto; }
.xq-nav__list, .xq-langs, .xq-sub__list { list-style: none; margin: 0; padding: 0; }
.xq-nav__list { display: flex; align-items: center; gap: 24px; }
.xq-nav__link { color: var(--xq-soft); text-decoration: none; font-size: .95rem; font-weight: 450; padding: 6px 0; cursor: pointer; display: inline-flex; align-items: center; gap: 6px; transition: color .15s ease; }
.xq-nav__link:hover, .xq-nav__link[aria-current], .xq-sub[open] > .xq-nav__link { color: var(--xq-text); }
.xq-nav__link[aria-current] { text-decoration: underline; text-decoration-color: var(--xq-a1); text-decoration-thickness: 2px; text-underline-offset: 8px; }
summary.xq-nav__link { list-style: none; }
summary.xq-nav__link::-webkit-details-marker { display: none; }
summary.xq-nav__link::after { content: ""; width: 6px; height: 6px; border-right: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor; transform: translateY(-2px) rotate(45deg); transition: transform .2s ease; }
.xq-sub[open] > summary::after { transform: translateY(1px) rotate(-135deg); }
.xq-nav__item--sub { position: relative; }
.xq-sub__list { position: absolute; top: calc(100% + 16px); left: -18px; min-width: 320px; background: rgba(27, 26, 24, .97); -webkit-backdrop-filter: blur(16px); backdrop-filter: blur(16px); border: 1px solid var(--xq-hair); border-radius: 18px; padding: 8px; box-shadow: 0 30px 60px -20px rgba(0, 0, 0, .8); }
.xq-sub__link { display: block; padding: 10px 12px; border-radius: 10px; color: var(--xq-soft); text-decoration: none; font-size: .95rem; line-height: 1.35; }
.xq-sub__link:hover, .xq-sub__link[aria-current] { background: rgba(255, 240, 225, .05); color: var(--xq-text); }
.xq-sub__all { border-top: 1px solid var(--xq-hair); margin-top: 6px; padding-top: 6px; }
.xq-sub__all .xq-sub__link { color: var(--xq-muted); }
.xq-langs { display: flex; gap: 2px; padding: 3px; border: 1px solid var(--xq-hair); border-radius: 999px; }
.xq-langs__link { display: block; padding: 5px 9px; font-size: .76rem; font-weight: 600; letter-spacing: .03em; color: var(--xq-muted); text-decoration: none; border-radius: 999px; }
.xq-langs__link:hover { color: var(--xq-text); }
.xq-langs__link[aria-current] { color: var(--xq-void); background: var(--xq-text); }
.xq-header__cta { padding: .62em 1.15em; font-size: .92rem; }
.xq-burger { display: none; margin-left: auto; width: 44px; height: 44px; border: 1px solid var(--xq-hair); border-radius: 999px; background: transparent; color: var(--xq-text); cursor: pointer; position: relative; }
.xq-burger__bars, .xq-burger__bars::before, .xq-burger__bars::after { position: absolute; left: 13px; width: 16px; height: 1.5px; background: currentColor; border-radius: 2px; transition: transform .2s ease, top .2s ease; }
.xq-burger__bars { top: 21px; }
.xq-burger__bars::before, .xq-burger__bars::after { content: ""; left: 0; }
.xq-burger__bars::before { top: -5px; }
.xq-burger__bars::after { top: 5px; }
.xq-header.is-open .xq-burger__bars { background: transparent; }
.xq-header.is-open .xq-burger__bars::before { top: 0; transform: rotate(45deg); }
.xq-header.is-open .xq-burger__bars::after { top: 0; transform: rotate(-45deg); }
@media (max-width: 1080px) {
	.xq-burger { display: block; }
	.xq-header { position: relative; }
	.xq-nav { display: none; position: absolute; left: 0; right: 0; top: 100%; flex-direction: column; align-items: stretch; gap: 20px; background: var(--xq-void); border-bottom: 1px solid var(--xq-hair); padding: 12px var(--xq-gutter) 28px; max-height: calc(100vh - 72px); overflow-y: auto; }
	.xq-header.is-open .xq-nav { display: flex; }
	.xq-nav__list { flex-direction: column; align-items: stretch; gap: 0; }
	.xq-nav__item { border-bottom: 1px solid var(--xq-hair); }
	.xq-nav__link { display: flex; justify-content: space-between; padding: 15px 0; font-size: 1.05rem; color: var(--xq-text); }
	.xq-nav__link[aria-current] { text-decoration: none; color: var(--xq-a1); }
	.xq-sub__list { position: static; min-width: 0; box-shadow: none; border: 0; background: transparent; padding: 0 0 10px; -webkit-backdrop-filter: none; backdrop-filter: none; }
	.xq-sub__link { padding: 9px 0 9px 14px; }
	.xq-sub__all { border: 0; margin: 0; padding: 0; }
	.xq-langs { align-self: flex-start; }
	.xq-langs__link { padding: 8px 14px; font-size: .9rem; }
	.xq-header__cta { align-self: flex-start; }
}

/* ---------- Page structure ---------- */
.xq-main > .wp-block-post-content > :first-child { margin-block-start: 0; }
.xq-main > .wp-block-post-content > :last-child { margin-block-end: 0; }
.wp-block-post-content > .xq-sec + .xq-sec { margin-block-start: 0; }
.xq-sec { position: relative; padding-top: clamp(64px, 9vw, 120px); padding-bottom: clamp(64px, 9vw, 120px); border-top: 1px solid var(--xq-hair); margin-block: 0; }
.xq-sec--alt { background: var(--xq-alt); }
.xq-sec :where(p, li) { max-width: 64ch; }
.xq-sec > h2 { max-width: 20ch; }
.xq-sec > h2 + p { margin-top: 1.1rem; }
/* Narrow text blocks start at the left edge of the 1200px column instead of being centred in it. */
.xq-sec.is-layout-constrained > :is(h1, h2, p, ul, ol, .xq-faq, .wp-block-buttons, .xq-founder) { margin-left: max(0px, calc((100% - var(--xq-wide)) / 2)) !important; margin-right: auto !important; }
.xq-lead { font-size: var(--wp--preset--font-size--large); line-height: 1.55; color: var(--xq-soft); font-weight: 350; }
.xq-muted { color: var(--xq-muted); }

/* Hero and page heads: sound rings spreading from behind the agent, one warm glow */
.xq-sec--hero, .xq-sec--page { border-top: 0; overflow: hidden; isolation: isolate; }
.xq-sec--hero::before, .xq-sec--page::before {
	content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none;
	background: repeating-radial-gradient(circle at 76% 46%, rgba(255, 170, 120, .085) 0 1px, transparent 1.5px 44px);
	-webkit-mask-image: radial-gradient(circle at 76% 46%, #000 0, rgba(0, 0, 0, .6) 30%, transparent 62%); mask-image: radial-gradient(circle at 76% 46%, #000 0, rgba(0, 0, 0, .6) 30%, transparent 62%);
}
.xq-sec--page::before { background-position: 0 -10%; -webkit-mask-image: radial-gradient(circle at 76% 30%, #000 0, transparent 55%); mask-image: radial-gradient(circle at 76% 30%, #000 0, transparent 55%); }
.xq-sec--hero::after {
	content: ""; position: absolute; z-index: -1; pointer-events: none; width: min(780px, 92vw); aspect-ratio: 1; right: -10%; top: 2%;
	background: radial-gradient(circle at 45% 45%, rgba(var(--xq-a1-rgb), .30), rgba(var(--xq-a2-rgb), .10) 42%, transparent 68%); filter: blur(34px);
}
.xq-sec--hero { padding-top: clamp(48px, 7vw, 96px); padding-bottom: clamp(56px, 8vw, 104px); }
.xq-sec--hero h1 { max-width: 13ch; margin: 1.25rem 0 0; }
.xq-sec--hero .xq-lead { margin-top: 1.5rem; max-width: 46ch; }
.xq-sec--hero .wp-block-buttons { margin-top: 2.1rem; }
.xq-hero-cols { gap: clamp(32px, 5vw, 72px); margin: 0; }
.xq-pill { display: inline-flex !important; align-items: center; gap: 10px; margin: 0; padding: 7px 14px 7px 12px; border: 1px solid rgba(255, 240, 225, .11); border-radius: 999px; background: rgba(255, 240, 225, .03); font-size: .86rem; color: var(--xq-soft); max-width: none !important; }
.xq-pill::before, .xq-live { content: ""; width: 8px; height: 8px; border-radius: 50%; background: var(--xq-a1); box-shadow: 0 0 0 0 rgba(var(--xq-a1-rgb), .6); flex: none; animation: xq-pulse 2.4s ease-out infinite; }
.xq-live { display: inline-block; width: 7px; height: 7px; margin-right: 6px; vertical-align: 1px; }
@keyframes xq-pulse { 0% { box-shadow: 0 0 0 0 rgba(var(--xq-a1-rgb), .55); } 70%, 100% { box-shadow: 0 0 0 8px rgba(var(--xq-a1-rgb), 0); } }
.xq-sec--page { padding-top: clamp(48px, 7vw, 96px); padding-bottom: clamp(40px, 6vw, 80px); }
.xq-sec--page h1 { max-width: 18ch; }
.xq-sec--page .xq-lead { margin-top: 1.3rem; max-width: 54ch; }
/* One word of a heading in the signal gradient: <span class="xq-hl"> */
.xq-hl { background: var(--xq-grad); -webkit-background-clip: text; background-clip: text; color: transparent; }

/* Channel chips under the hero */
.xq-channels { list-style: none; padding: 0; margin: clamp(44px, 6vw, 72px) 0 0; display: flex; flex-wrap: wrap; align-items: center; gap: 10px; max-width: none !important; }
.xq-channels li { max-width: none; margin: 0; padding: 7px 14px; border: 1px solid var(--xq-hair); border-radius: 999px; font-size: .88rem; color: var(--xq-soft); background: rgba(255, 240, 225, .02); }
.xq-channels li:first-child { border: 0; padding-left: 0; background: none; color: var(--xq-muted); }

/* ---------- Agent chat (hero): voice notes, photos, agent actions, quick replies, booking card ---------- */
.xq-chat { margin: 0 0 0 auto; max-width: 468px; width: 100%; background: rgba(22, 20, 18, .82); -webkit-backdrop-filter: blur(18px); backdrop-filter: blur(18px); border: 1px solid rgba(255, 240, 225, .1); border-radius: 28px; box-shadow: 0 50px 100px -40px rgba(0, 0, 0, .95), 0 0 0 1px rgba(0, 0, 0, .3), inset 0 1px 0 rgba(255, 240, 225, .07); overflow: hidden; display: flex; flex-direction: column; }
.xq-chat p { max-width: none; }
.xq-nw { white-space: nowrap; }
.xq-chat__head { display: flex; align-items: center; gap: 12px; padding: 14px 16px 14px 18px; border-bottom: 1px solid var(--xq-hair); background: rgba(255, 240, 225, .02); }
.xq-chat__head p { margin: 0; line-height: 1.3; }
.xq-chat__who { min-width: 0; flex: 1; }
.xq-chat__title { font-weight: 600; font-size: .98rem; display: flex; align-items: center; gap: 8px; }
.xq-chat__ai { font-size: .64rem; font-weight: 700; letter-spacing: .08em; padding: 2px 6px; border-radius: 6px; color: var(--xq-void); background: var(--xq-grad); }
.xq-chat__status { font-size: .8rem; color: var(--xq-muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.xq-chat__replay { flex: none; display: inline-flex; align-items: center; gap: 6px; font: 500 .8rem/1 var(--wp--preset--font-family--geologica); color: var(--xq-soft); background: rgba(255, 240, 225, .05); border: 1px solid var(--xq-hair); border-radius: 999px; padding: 8px 12px; cursor: pointer; }
.xq-chat__replay:hover { color: var(--xq-text); border-color: rgba(var(--xq-a1-rgb), .6); }
.xq-chat__replay[hidden] { display: none; }

/* The agent's "orb" avatar: slowly turning, brighter while it works */
.xq-orb { position: relative; width: 40px; height: 40px; flex: none; border-radius: 50%; background: conic-gradient(from 0deg, #FF5B3A, #FFC46B, #FF8A3D, #FF5B3A); box-shadow: 0 0 24px rgba(var(--xq-a1-rgb), .5); animation: xq-spin 9s linear infinite; }
.xq-orb::before { content: ""; position: absolute; inset: 3px; border-radius: 50%; background: radial-gradient(circle at 35% 30%, rgba(255, 255, 255, .55), rgba(255, 255, 255, 0) 45%), radial-gradient(circle at 60% 70%, rgba(255, 91, 58, .9), rgba(255, 138, 61, .5) 60%, rgba(255, 196, 107, .3)); filter: blur(1.5px); }
.xq-orb i { position: absolute; inset: -5px; border-radius: 50%; border: 1.5px solid rgba(var(--xq-a1-rgb), .55); opacity: 0; }
.xq-chat.is-busy .xq-orb i { animation: xq-ring 1.4s ease-out infinite; }
@keyframes xq-spin { to { transform: rotate(360deg); } }
@keyframes xq-ring { 0% { opacity: .9; transform: scale(.9); } 100% { opacity: 0; transform: scale(1.35); } }

.xq-chat__log { list-style: none; margin: 0; padding: 18px 14px 20px; display: flex; flex-direction: column; gap: 9px; max-height: 600px; overflow-y: auto; scrollbar-width: none; }
.xq-chat__log::-webkit-scrollbar { display: none; }
.xq-chat.is-live .xq-chat__log { height: 540px; max-height: none; -webkit-mask-image: linear-gradient(transparent 0, #000 44px); mask-image: linear-gradient(transparent 0, #000 44px); }
.xq-chat__log > li { margin: 0; flex: none; }
.xq-chat__log::before { content: ""; flex: 1 0 0px; }
.xq-msg { max-width: 86%; padding: 9px 13px 7px; border-radius: 18px; font-size: .93rem; line-height: 1.45; }
.xq-msg p { margin: 0; }
.xq-msg__time { display: block; text-align: right; font-size: .7rem; color: var(--xq-muted); margin-top: 3px; font-variant-numeric: tabular-nums; }
.xq-msg--client { align-self: flex-start; background: var(--xq-client); border-bottom-left-radius: 6px; }
.xq-msg--ai { align-self: flex-end; background: linear-gradient(140deg, rgba(var(--xq-a1-rgb), .26), rgba(var(--xq-a2-rgb), .1)); border: 1px solid rgba(var(--xq-a1-rgb), .32); border-bottom-right-radius: 6px; }
.xq-msg--ai .xq-msg__time { color: rgba(247, 243, 237, .55); }

/* Voice note with transcript */
.xq-msg--voice { width: 78%; }
.xq-voice { display: flex; align-items: center; gap: 10px; padding: 2px 0 4px; }
.xq-voice__play { width: 30px; height: 30px; flex: none; border-radius: 50%; background: var(--xq-text); position: relative; }
.xq-voice__play::after { content: ""; position: absolute; left: 12px; top: 9px; border-left: 9px solid var(--xq-void); border-top: 6px solid transparent; border-bottom: 6px solid transparent; }
.xq-voice__wave { flex: 1; display: flex; align-items: center; gap: 2px; height: 26px; }
.xq-voice__wave i { flex: 1; min-width: 2px; border-radius: 2px; background: rgba(247, 243, 237, .38); height: var(--h, 40%); transition: background-color .15s linear; }
.xq-voice__wave i.is-on { background: var(--xq-a1); }
.xq-voice__len { font-size: .74rem; color: var(--xq-muted); font-variant-numeric: tabular-nums; }
.xq-voice__text { margin: 4px 0 0 !important; padding-top: 7px; border-top: 1px solid rgba(255, 240, 225, .07); font-size: .88rem; color: var(--xq-soft); }
.xq-voice__label { display: block; font-size: .68rem; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; color: var(--xq-a1-ink); margin-bottom: 2px; }

/* Photo from the customer, scanned by the agent */
.xq-msg--photo { padding: 5px 5px 6px; width: 62%; }
.xq-photo { position: relative; margin: 0; border-radius: 13px; overflow: hidden; aspect-ratio: 4 / 3; background: #2A2723; }
.xq-photo svg { display: block; width: 100%; height: 100%; }
.xq-photo::after { content: ""; position: absolute; left: 0; right: 0; top: -30%; height: 30%; background: linear-gradient(180deg, transparent, rgba(var(--xq-a2-rgb), .35) 70%, rgba(var(--xq-a1-rgb), .9) 98%, transparent); opacity: 0; pointer-events: none; }
.xq-msg--photo.is-scan .xq-photo::after { opacity: 1; animation: xq-scan 1.1s ease-in-out infinite; }
.xq-msg--photo .xq-msg__time { padding-right: 6px; }
.xq-photo__hit { transition: opacity .45s ease; }
.xq-chat.is-live .xq-msg--photo:not(.is-found) .xq-photo__hit { opacity: 0; }
@keyframes xq-scan { from { top: -30%; } to { top: 100%; } }

/* Agent actions: what it does behind the scenes */
.xq-tool { align-self: flex-end; display: inline-flex; align-items: center; gap: 8px; max-width: 92%; padding: 6px 12px 6px 8px; border-radius: 999px; font-size: .78rem; line-height: 1.3; color: var(--xq-soft); background: rgba(255, 240, 225, .035); border: 1px dashed rgba(255, 240, 225, .14); }
.xq-tool__ico { position: relative; width: 18px; height: 18px; flex: none; border-radius: 50%; background: rgba(var(--xq-a1-rgb), .16); }
.xq-tool__ico::after { content: ""; position: absolute; left: 6.5px; top: 4px; width: 4px; height: 8px; border-right: 1.6px solid var(--xq-a1); border-bottom: 1.6px solid var(--xq-a1); transform: rotate(45deg); }
.xq-tool.is-run { color: var(--xq-muted); }
.xq-tool.is-run .xq-tool__ico { background: transparent; border: 2px solid rgba(var(--xq-a1-rgb), .2); border-top-color: var(--xq-a1); box-sizing: border-box; animation: xq-spin .8s linear infinite; }
.xq-tool.is-run .xq-tool__ico::after { display: none; }
.xq-tool.is-run .xq-tool__text { background: linear-gradient(90deg, var(--xq-muted) 0 40%, var(--xq-text) 50%, var(--xq-muted) 60% 100%) 0 0 / 250% 100%; -webkit-background-clip: text; background-clip: text; color: transparent; animation: xq-shimmer 1.3s linear infinite; }
@keyframes xq-shimmer { from { background-position: 100% 0; } to { background-position: -150% 0; } }

/* Quick replies under an agent message */
.xq-quick { list-style: none; margin: 9px 0 2px; padding: 0; display: flex; flex-wrap: wrap; gap: 6px; }
.xq-quick li { margin: 0; padding: 6px 12px; border-radius: 999px; font-size: .84rem; font-weight: 500; color: var(--xq-text); background: rgba(12, 11, 10, .35); border: 1px solid rgba(var(--xq-a1-rgb), .45); transition: background-color .2s ease, color .2s ease, transform .2s ease; }
.xq-quick li.is-picked { background: var(--xq-a1); color: var(--xq-void); border-color: var(--xq-a1); transform: scale(1.04); }

/* Booking card */
.xq-card { align-self: flex-end; width: 86%; box-sizing: border-box; padding: 14px 15px 9px; border-radius: 18px 18px 6px 18px; background: linear-gradient(#1C1A17, #1C1A17) padding-box, var(--xq-grad) border-box; border: 1px solid transparent; box-shadow: 0 24px 50px -28px rgba(var(--xq-a1-rgb), .55); }
.xq-card__head { display: flex; align-items: center; gap: 9px; margin-bottom: 10px; }
.xq-card__head p { margin: 0; font-weight: 600; font-size: .95rem; }
.xq-card__ico { position: relative; width: 22px; height: 22px; flex: none; border-radius: 50%; background: var(--xq-grad); }
.xq-card__ico::after { content: ""; position: absolute; left: 8px; top: 4.5px; width: 4.5px; height: 9px; border-right: 2px solid var(--xq-void); border-bottom: 2px solid var(--xq-void); transform: rotate(45deg); }
.xq-card__rows { margin: 0; display: grid; grid-template-columns: max-content minmax(0, 1fr); row-gap: 6px; font-size: .86rem; }
.xq-card__rows dt { padding-right: 14px; }
.xq-card__rows div { display: contents; }
.xq-card__rows dt { color: var(--xq-muted); }
.xq-card__rows dd { margin: 0; color: var(--xq-text); }
.xq-card__rows .is-total > * { padding-top: 7px; border-top: 1px solid rgba(255, 240, 225, .1); font-weight: 600; }
.xq-card__rows .is-total dt { color: var(--xq-soft); }
.xq-card__note { margin: 10px 0 0 !important; font-size: .84rem; color: var(--xq-soft); }

/* Typing dots */
.xq-typing { align-self: flex-end; display: inline-flex; gap: 4px; padding: 13px 15px; border-radius: 18px 18px 6px 18px; background: linear-gradient(140deg, rgba(var(--xq-a1-rgb), .26), rgba(var(--xq-a2-rgb), .1)); }
.xq-typing i { width: 6px; height: 6px; border-radius: 50%; background: var(--xq-text); opacity: .4; animation: xq-dot 1s infinite ease-in-out; }
.xq-typing i:nth-child(2) { animation-delay: .15s; }
.xq-typing i:nth-child(3) { animation-delay: .3s; }
@keyframes xq-dot { 0%, 100% { opacity: .3; transform: translateY(0); } 50% { opacity: 1; transform: translateY(-3px); } }

/* Message field (decorative) */
.xq-chat__compose { display: flex; align-items: center; gap: 10px; padding: 10px 12px 12px; border-top: 1px solid var(--xq-hair); }
.xq-chat__field { flex: 1; padding: 10px 14px; border-radius: 999px; background: rgba(255, 240, 225, .05); color: #6F675E; font-size: .88rem; }
.xq-chat__mic { width: 38px; height: 38px; flex: none; border-radius: 50%; background: var(--xq-grad); position: relative; }
.xq-chat__mic::before { content: ""; position: absolute; left: 15px; top: 9px; width: 8px; height: 13px; border-radius: 5px; background: var(--xq-void); }
.xq-chat__mic::after { content: ""; position: absolute; left: 12px; top: 16px; width: 14px; height: 8px; border: 1.8px solid var(--xq-void); border-top: 0; border-radius: 0 0 9px 9px; box-sizing: border-box; }

/* Playback states (set by site.js) */
.xq-chat.is-live [data-step]:not(.is-in) { display: none; }
.xq-chat.is-live [data-step].is-in { animation: xq-in .38s cubic-bezier(.2, .7, .2, 1) both; }
.xq-chat [data-w] { opacity: 0; transition: opacity .18s ease; white-space: nowrap; }
.xq-chat [data-w].is-on { opacity: 1; }
.xq-chat.is-live .xq-voice__text.is-wait { display: none; }
@keyframes xq-in { from { opacity: 0; transform: translateY(10px) scale(.98); } to { opacity: 1; transform: none; } }
@media (prefers-reduced-motion: reduce) {
	.xq-typing { display: none; }
	.xq-pill::before, .xq-live, .xq-orb, .xq-chat.is-busy .xq-orb i { animation: none; }
}
@media (max-width: 781px) {
	.xq-chat { margin: 12px auto 0; }
	.xq-chat.is-live .xq-chat__log { height: 500px; }
	.xq-sec--hero::after { right: -40%; top: 35%; }
	.xq-sec--hero::before { background: repeating-radial-gradient(circle at 50% 78%, rgba(255, 170, 120, .08) 0 1px, transparent 1.5px 40px); -webkit-mask-image: radial-gradient(circle at 50% 78%, #000 0, transparent 60%); mask-image: radial-gradient(circle at 50% 78%, #000 0, transparent 60%); }
}

/* ---------- What changes ---------- */
.xq-points { margin-top: clamp(36px, 5vw, 60px) !important; gap: clamp(24px, 4vw, 48px) !important; }
.xq-points > .wp-block-column { position: relative; border-top: 1px solid var(--xq-line); padding-top: 24px; }
.xq-points > .wp-block-column::before { content: ""; position: absolute; top: -1px; left: 0; width: 56px; height: 2px; background: var(--xq-grad); }
.xq-points h3 { margin: 0 0 .6rem; font-size: 1.15rem; }
.xq-points p { margin: 0; color: var(--xq-muted); }

/* ---------- Calculator ---------- */
.xq-sec--calc { background: radial-gradient(ellipse 60% 70% at 85% 60%, rgba(var(--xq-a1-rgb), .08), transparent 70%); }
.xq-calc { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr); gap: 20px; margin-top: clamp(32px, 5vw, 52px) !important; max-width: var(--xq-wide); }
.xq-calc__inputs, .xq-calc__result { border-radius: 24px; padding: clamp(22px, 3vw, 34px); }
.xq-calc__inputs { background: var(--xq-panel); border: 1px solid var(--xq-hair); display: grid; gap: 26px; }
.xq-calc__row { display: grid; grid-template-columns: 1fr auto; align-items: baseline; gap: 10px 16px; }
.xq-calc__row label { color: var(--xq-soft); font-size: .98rem; }
.xq-calc__row output { font-weight: 600; font-size: 1.15rem; font-variant-numeric: tabular-nums; }
.xq-calc__row input[type=range] { grid-column: 1 / -1; width: 100%; height: 6px; margin: 4px 0 0; -webkit-appearance: none; appearance: none; border-radius: 999px; background: var(--xq-grad) 0 0 / var(--p, 50%) 100% no-repeat, var(--xq-line); cursor: pointer; }
.xq-calc__row input[type=range]::-webkit-slider-thumb { -webkit-appearance: none; width: 22px; height: 22px; border-radius: 50%; background: var(--xq-text); border: 0; box-shadow: 0 0 0 5px rgba(var(--xq-a1-rgb), .25), 0 4px 10px rgba(0, 0, 0, .5); }
.xq-calc__row input[type=range]::-moz-range-thumb { width: 22px; height: 22px; border-radius: 50%; background: var(--xq-text); border: 0; box-shadow: 0 0 0 5px rgba(var(--xq-a1-rgb), .25), 0 4px 10px rgba(0, 0, 0, .5); }
.xq-calc__result { background: linear-gradient(var(--xq-panel), var(--xq-panel)) padding-box, var(--xq-grad) border-box; border: 1px solid transparent; display: flex; flex-direction: column; }
.xq-calc__result p { margin: 0; max-width: none; }
.xq-calc__label { color: var(--xq-muted); }
.xq-calc__sum { margin-top: 6px !important; font-weight: 650; font-size: clamp(2.6rem, 6vw, 4.2rem); line-height: 1; letter-spacing: -.045em; font-variant-numeric: tabular-nums; }
.xq-calc__sum span { background: var(--xq-grad); -webkit-background-clip: text; background-clip: text; color: transparent; }
.xq-calc__sum small { font-size: 1rem; font-weight: 400; letter-spacing: 0; color: var(--xq-muted); }
.xq-calc__year { margin-top: 14px !important; color: var(--xq-soft); }
.xq-calc__note { margin-top: auto !important; padding-top: 22px; font-size: .86rem; color: var(--xq-muted); }
.xq-calc__result .xq-btn { margin-top: 16px; }
@media (max-width: 860px) { .xq-calc { grid-template-columns: 1fr; } }

/* ---------- Service rows ---------- */
.xq-rows { margin-top: clamp(36px, 5vw, 60px) !important; }
.xq-rows > .xq-row { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.35fr) auto; gap: 12px 40px; align-items: baseline; padding: 28px 0; border-top: 1px solid var(--xq-line); margin: 0 !important; max-width: none; }
.xq-rows > .xq-row:last-child { border-bottom: 1px solid var(--xq-line); }
.xq-row h3 { margin: 0; font-size: 1.2rem; }
.xq-row p { margin: 0; color: var(--xq-muted); }
.xq-row .xq-row__link a { color: var(--xq-text); font-weight: 500; text-decoration: underline; text-decoration-color: rgba(255, 240, 225, .25); text-underline-offset: 5px; white-space: nowrap; }
.xq-row .xq-row__link a:hover { text-decoration-color: var(--xq-a1); }
@media (max-width: 781px) { .xq-rows > .xq-row { grid-template-columns: 1fr; gap: 8px; padding: 22px 0; } }

/* ---------- Industries ---------- */
.xq-niches { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px !important; margin-top: clamp(36px, 5vw, 56px) !important; }
.xq-niches:has(> :nth-child(2):last-child), .xq-niches:has(> :nth-child(4):last-child) { grid-template-columns: repeat(2, minmax(0, 1fr)); }
@media (max-width: 1023px) { .xq-niches, .xq-niches:has(> :nth-child(2):last-child), .xq-niches:has(> :nth-child(4):last-child) { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 700px) { .xq-niches, .xq-niches:has(> :nth-child(2):last-child), .xq-niches:has(> :nth-child(4):last-child) { grid-template-columns: 1fr; } }
.xq-niches > * { margin: 0 !important; }
.xq-sec > :is(.xq-niches, .xq-rows, .xq-caps):first-child { margin-top: 0 !important; }
.xq-niche { background: var(--xq-panel); border: 1px solid var(--xq-hair); border-radius: 22px; padding: 26px 26px 28px; display: flex; flex-direction: column; gap: 12px; }
.xq-sec--alt .xq-niche { background: var(--xq-void); }
.xq-niche h3 { margin: 0; font-size: 1.1rem; }
.xq-niche p { margin: 0; }
.xq-niche .xq-ask { align-self: flex-start; max-width: 92%; background: var(--xq-client); border-radius: 18px 18px 18px 6px; padding: 10px 14px; font-size: .94rem; color: var(--xq-text); margin-bottom: 4px; }
.xq-sec--alt .xq-niche .xq-ask { background: #1D1B18; }
.xq-niche .xq-reply { align-self: flex-end; max-width: 92%; padding: 10px 14px; border-radius: 18px 18px 6px 18px; font-size: .94rem; line-height: 1.45; color: var(--xq-text); background: linear-gradient(140deg, rgba(var(--xq-a1-rgb), .2), rgba(var(--xq-a2-rgb), .07)); border: 1px solid rgba(var(--xq-a1-rgb), .28); margin: -4px 0 6px; }
.xq-niche .xq-reply::before { content: "AI"; display: inline-block; margin-right: 8px; padding: 1px 6px; border-radius: 6px; font-size: .64rem; font-weight: 700; letter-spacing: .08em; vertical-align: 2px; color: var(--xq-void); background: var(--xq-grad); }
.xq-niche p:not(.xq-ask):not(.xq-reply) { color: var(--xq-muted); }
.xq-niche ul { list-style: none; padding: 0; margin: 4px 0 0; display: grid; gap: 9px; }
.xq-niche li { position: relative; padding-left: 18px; color: var(--xq-soft); margin: 0; font-size: .95rem; }
.xq-niche li::before { content: ""; position: absolute; left: 2px; top: .62em; width: 6px; height: 6px; border-radius: 50%; background: var(--xq-a1); }
.xq-niche .xq-niche__link { margin-top: auto; padding-top: 6px; }
.xq-niche__link a, .xq-more a { color: var(--xq-text); font-weight: 500; text-decoration: underline; text-decoration-color: rgba(255, 240, 225, .25); text-underline-offset: 5px; }
.xq-niche__link a:hover, .xq-more a:hover { text-decoration-color: var(--xq-a1); }
.xq-niche__link a::after, .xq-more a::after { content: "\00a0→"; }
.xq-sec > .xq-more { margin-top: clamp(24px, 3vw, 36px); }
/* Package and starting price at the bottom of a niche card */
.xq-niche .xq-price-tag { margin-top: auto; padding-top: 12px; }
.xq-price-tag a { display: flex; flex-direction: column; align-items: flex-start; gap: 1px; padding: 11px 38px 11px 14px; position: relative; border-radius: 14px; background: rgba(var(--xq-a1-rgb), .06); border: 1px solid rgba(var(--xq-a1-rgb), .24); color: var(--xq-muted); font-size: .86rem; line-height: 1.35; text-decoration: none; transition: border-color .15s ease, background-color .15s ease; }
.xq-price-tag strong { color: var(--xq-text); font-weight: 600; font-size: .95rem; }
.xq-price-tag a::after { content: "→"; position: absolute; right: 14px; top: 50%; transform: translateY(-50%); color: var(--xq-a1); }
.xq-price-tag a:hover { border-color: var(--xq-a1); background: rgba(var(--xq-a1-rgb), .1); }
.xq-niche .xq-price-tag + .xq-niche__link { margin-top: 0; padding-top: 10px; }

/* Capabilities grid (Solutions page) */
.xq-caps { display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px !important; margin-top: clamp(32px, 5vw, 52px) !important; }
.xq-caps > * { margin: 0 !important; }
@media (max-width: 1023px) { .xq-caps { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 560px) { .xq-caps { grid-template-columns: 1fr; } }
.xq-cap { position: relative; background: var(--xq-panel); border: 1px solid var(--xq-hair); border-radius: 20px; padding: 78px 22px 24px; }
.xq-sec--alt .xq-cap { background: var(--xq-void); }
.xq-cap::before { content: ""; position: absolute; left: 22px; top: 22px; width: 42px; height: 42px; border-radius: 13px; background: rgba(var(--xq-a1-rgb), .1); box-shadow: inset 0 0 0 1px rgba(var(--xq-a1-rgb), .28); }
.xq-cap::after { content: ""; position: absolute; left: 31px; top: 31px; width: 24px; height: 24px; background: var(--xq-grad); -webkit-mask-size: contain; mask-size: contain; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; }
.xq-cap h3 { margin: 0 0 8px; font-size: 1.02rem; line-height: 1.3; }
.xq-cap p { margin: 0; color: var(--xq-muted); font-size: .93rem; }
.xq-sec > .xq-note-ex { margin-top: 22px; font-size: .86rem; color: var(--xq-muted); }

/* Process flow of a group: five connected steps */
ol.xq-flow { list-style: none; padding: 0 !important; margin: clamp(26px, 4vw, 38px) 0 0; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 22px; counter-reset: xq-flow; max-width: none !important; }
ol.xq-flow > li { counter-increment: xq-flow; position: relative; display: flex; align-items: center; gap: 11px; margin: 0; max-width: none; padding: 12px 14px 12px 12px; border-radius: 16px; border: 1px solid var(--xq-line); background: rgba(255, 240, 225, .025); color: var(--xq-soft); font-size: .9rem; line-height: 1.3; }
ol.xq-flow > li::before { content: counter(xq-flow); display: grid; place-items: center; width: 26px; height: 26px; flex: none; border-radius: 50%; font-size: .76rem; font-weight: 700; color: var(--xq-void); background: var(--xq-grad); }
ol.xq-flow > li:not(:last-child)::after { content: ""; position: absolute; right: -19px; top: 50%; width: 16px; height: 1.5px; background: linear-gradient(90deg, rgba(var(--xq-a1-rgb), .2), rgba(var(--xq-a1-rgb), .8)); }
@media (max-width: 1023px) {
	ol.xq-flow { grid-template-columns: 1fr; gap: 14px; max-width: 480px !important; }
	ol.xq-flow > li { padding: 10px 14px 10px 10px; }
	ol.xq-flow > li:not(:last-child)::after { right: auto; left: 22px; top: auto; bottom: -15px; width: 1.5px; height: 14px; background: rgba(var(--xq-a1-rgb), .6); }
}

/* ---------- Points grid (About page) ---------- */
.xq-pgrid { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(28px, 4vw, 44px) clamp(24px, 3vw, 40px) !important; margin-top: clamp(36px, 5vw, 56px) !important; }
.xq-pgrid > * { margin: 0 !important; }
.xq-sec > .xq-pgrid:first-child { margin-top: 0 !important; }
.xq-sec > h2 + .xq-pgrid { margin-top: clamp(32px, 4vw, 48px) !important; }
.xq-point { position: relative; border-top: 1px solid var(--xq-line); padding-top: 24px; }
.xq-point::before { content: ""; position: absolute; top: -1px; left: 0; width: 56px; height: 2px; background: var(--xq-grad); }
.xq-point h3 { margin: 0 0 .6rem; font-size: 1.12rem; line-height: 1.3; }
.xq-point p { margin: 0; color: var(--xq-muted); }
@media (max-width: 900px) { .xq-pgrid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 600px) { .xq-pgrid { grid-template-columns: 1fr; } }

/* Two lists side by side: what the agent does / what stays with people */
.xq-split { margin-top: clamp(32px, 4vw, 48px) !important; }
.xq-split > .wp-block-column { background: var(--xq-panel); border: 1px solid var(--xq-hair); border-radius: 22px; padding: clamp(22px, 3vw, 32px); }
.xq-split > .wp-block-column:first-child { background: linear-gradient(var(--xq-panel), var(--xq-panel)) padding-box, var(--xq-grad) border-box; border-color: transparent; }
.xq-split h3 { margin: 0; font-size: 1.15rem; }
.xq-split ul.xq-checks { margin-top: 1.2rem; }
.xq-split > .wp-block-column:last-child ul.xq-checks > li::before { background: var(--xq-raised); box-shadow: inset 0 0 0 1px #4A453F; }
.xq-split > .wp-block-column:last-child ul.xq-checks > li::after { border-color: var(--xq-soft); }

/* "Why now": one large statement */
.xq-sec--why .xq-lead { margin-top: 1.4rem; max-width: 60ch; color: var(--xq-text); }

/* ---------- Steps (a real sequence) ---------- */
ol.xq-steps { list-style: none; padding: 0 !important; margin: clamp(36px, 5vw, 56px) 0 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 230px), 1fr)); gap: 32px; counter-reset: xq-step; }
ol.xq-steps > li { counter-increment: xq-step; margin: 0; max-width: none; color: var(--xq-muted); }
ol.xq-steps > li::before { content: "0" counter(xq-step); display: block; font-weight: 600; font-size: 2.6rem; line-height: 1; letter-spacing: -.05em; margin-bottom: 18px; background: var(--xq-grad); -webkit-background-clip: text; background-clip: text; color: transparent; width: fit-content; }
ol.xq-steps > li strong { display: block; color: var(--xq-text); font-size: 1.1rem; margin-bottom: 6px; }

/* ---------- Check list ---------- */
ul.xq-checks { list-style: none; padding: 0 !important; display: grid; gap: 14px; margin-top: 1.6rem; }
ul.xq-checks > li { position: relative; padding-left: 32px; margin: 0; color: var(--xq-soft); }
ul.xq-checks > li::before { content: ""; position: absolute; left: 0; top: .18em; width: 20px; height: 20px; border-radius: 50%; background: var(--xq-grad); }
ul.xq-checks > li::after { content: ""; position: absolute; left: 7px; top: calc(.18em + 5px); width: 5px; height: 9px; border-right: 2px solid var(--xq-void); border-bottom: 2px solid var(--xq-void); transform: rotate(45deg); }
.xq-two { gap: clamp(28px, 5vw, 72px) !important; margin-top: 0; }

/* ---------- FAQ ---------- */
.xq-faq { margin-top: clamp(28px, 4vw, 44px) !important; max-width: 860px; }
.xq-faq .wp-block-details { margin: 0; border-bottom: 1px solid var(--xq-line); padding: 0; }
.xq-faq .wp-block-details:first-child { border-top: 1px solid var(--xq-line); }
.xq-faq summary { list-style: none; cursor: pointer; padding: 22px 48px 22px 0; position: relative; font-weight: 500; font-size: 1.08rem; }
.xq-faq summary::-webkit-details-marker { display: none; }
.xq-faq summary::after { content: ""; position: absolute; right: 4px; top: 50%; width: 28px; height: 28px; margin-top: -14px; border-radius: 50%; border: 1px solid var(--xq-line); background: linear-gradient(var(--xq-a1), var(--xq-a1)) center / 11px 1.5px no-repeat, linear-gradient(var(--xq-a1), var(--xq-a1)) center / 1.5px 11px no-repeat; transition: transform .2s ease; }
.xq-faq details[open] summary::after { transform: rotate(45deg); }
.xq-faq details > p { margin: 0 0 24px; color: var(--xq-muted); }

/* ---------- Request form ---------- */
.xq-cta-cols { gap: clamp(32px, 6vw, 80px) !important; }
.xq-form-wrap { max-width: 580px; background: var(--xq-panel); border: 1px solid var(--xq-hair); border-radius: 26px; padding: clamp(22px, 3vw, 32px); }
.xq-sec--alt .xq-form-wrap { background: #171513; }
.xq-form { display: grid; gap: 16px; }
.xq-form p { margin: 0; max-width: none; }
.xq-form__row { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
@media (max-width: 600px) { .xq-form__row { grid-template-columns: 1fr; } }
.xq-field label { display: block; font-size: .86rem; color: var(--xq-muted); margin-bottom: 7px; }
.xq-field input, .xq-field select, .xq-field textarea { width: 100%; box-sizing: border-box; font: inherit; font-size: 1rem; color: var(--xq-text); background: var(--xq-void); border: 1px solid var(--xq-line); border-radius: 12px; padding: 12px 14px; transition: border-color .15s ease, box-shadow .15s ease; }
.xq-field textarea { resize: vertical; min-height: 110px; }
.xq-field :is(input, select, textarea):focus { border-color: var(--xq-a1); outline: none; box-shadow: 0 0 0 4px rgba(var(--xq-a1-rgb), .18); }
.xq-field ::placeholder { color: #6F675E; }
.xq-field select { appearance: none; background-image: linear-gradient(45deg, transparent 50%, var(--xq-muted) 50%), linear-gradient(135deg, var(--xq-muted) 50%, transparent 50%); background-position: calc(100% - 20px) 52%, calc(100% - 15px) 52%; background-size: 5px 5px; background-repeat: no-repeat; padding-right: 40px; }
.xq-check { display: flex; gap: 10px; align-items: flex-start; font-size: .88rem; color: var(--xq-muted); }
.xq-check input { margin-top: 2px; width: 18px; height: 18px; accent-color: var(--xq-a1); flex: none; }
.xq-check a { color: var(--xq-soft); }
.xq-form .xq-btn { width: 100%; }
.xq-hp { position: absolute !important; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.xq-notice { border-radius: 16px; padding: 18px 20px; margin-bottom: 18px; }
.xq-notice p { margin: 0; }
.xq-notice--ok { background: rgba(var(--xq-a2-rgb), .07); border: 1px solid rgba(var(--xq-a2-rgb), .45); }
.xq-notice__title { font-weight: 600; font-size: 1.2rem; margin-bottom: 6px !important; }
.xq-notice--err { background: rgba(255, 77, 109, .08); border: 1px solid rgba(255, 77, 109, .5); }
.xq-form__alt { margin-top: 24px; padding-top: 20px; border-top: 1px solid var(--xq-hair); }
.xq-form__alt > p { margin: 0 0 10px; color: var(--xq-muted); font-size: .9rem; }

/* Contact links */
.xq-contacts { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 8px; }
.xq-contacts li { margin: 0; }
.xq-contacts__link { display: inline-block; padding: 8px 15px; border: 1px solid var(--xq-line); border-radius: 999px; color: var(--xq-text); text-decoration: none; font-size: .93rem; }
.xq-contacts__link:hover { border-color: var(--xq-a1); }
.xq-contacts--plain { flex-direction: column; gap: 6px; }
.xq-contacts--plain .xq-contacts__link { border: 0; padding: 0; color: var(--xq-muted); }
.xq-contacts--plain .xq-contacts__link:hover { color: var(--xq-text); }

/* ---------- Floating messenger button ---------- */
.xq-float { position: fixed; right: clamp(14px, 3vw, 28px); bottom: clamp(14px, 3vw, 28px); z-index: 60; display: flex; flex-direction: column; align-items: flex-end; gap: 10px; }
.xq-float__btn { width: 58px; height: 58px; border-radius: 50%; border: 0; cursor: pointer; color: var(--xq-void); background: var(--xq-grad); box-shadow: 0 12px 30px -8px rgba(var(--xq-a1-rgb), .7), inset 0 0 0 1px rgba(255, 255, 255, .25); display: grid; place-items: center; transition: transform .2s ease; }
.xq-float__btn:hover { transform: translateY(-2px); }
.xq-float__menu { min-width: 200px; background: rgba(27, 26, 24, .97); -webkit-backdrop-filter: blur(16px); backdrop-filter: blur(16px); border: 1px solid var(--xq-hair); border-radius: 18px; padding: 6px; box-shadow: 0 30px 60px -20px rgba(0, 0, 0, .8); display: grid; }
.xq-float__menu[hidden] { display: none; }
.xq-float__link { padding: 11px 14px; border-radius: 12px; color: var(--xq-text); text-decoration: none; font-size: .95rem; }
.xq-float__link:hover { background: rgba(255, 240, 225, .06); }

/* ---------- WhatsApp demo ---------- */
.xq-wrap { max-width: var(--xq-wide); margin-inline: auto; }
.xq-demo { display: grid; grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr); gap: clamp(28px, 5vw, 72px); align-items: center; }
.xq-demo__main h2 { margin: 0; max-width: 20ch; }
.xq-demo__main > .xq-muted { margin-top: 1.1rem; }
.xq-demo__chips { border: 0; padding: 0; margin: 28px 0 0; display: flex; flex-wrap: wrap; gap: 10px; min-width: 0; }
.xq-demo__chips legend { padding: 0; margin-bottom: 12px; font-size: .86rem; color: var(--xq-muted); }
.xq-chip { position: relative; cursor: pointer; }
.xq-chip input { position: absolute; opacity: 0; inset: 0; margin: 0; cursor: pointer; }
.xq-chip span { display: inline-block; padding: 9px 16px; border-radius: 999px; border: 1px solid var(--xq-line); color: var(--xq-soft); font-size: .95rem; transition: border-color .15s ease, background-color .15s ease, color .15s ease; }
.xq-chip:hover span { border-color: #534D46; color: var(--xq-text); }
.xq-chip input:checked + span { color: var(--xq-void); background: var(--xq-text); border-color: var(--xq-text); font-weight: 550; }
.xq-chip input:focus-visible + span { outline: 2px solid var(--xq-a1); outline-offset: 3px; }
.xq-demo__go { margin: 28px 0 0; }
.xq-demo__note { margin: 16px 0 0; font-size: .86rem; color: var(--xq-muted); max-width: 58ch; }
.xq-demo__qr { justify-self: end; width: 100%; max-width: 300px; text-align: center; background: var(--xq-panel); border: 1px solid var(--xq-hair); border-radius: 26px; padding: 22px 22px 18px; box-shadow: 0 40px 90px -50px rgba(var(--xq-a1-rgb), .6); }
.xq-sec--alt .xq-demo__qr { background: var(--xq-void); }
.xq-qr { aspect-ratio: 1; border-radius: 14px; overflow: hidden; background: #fff; }
.xq-qr svg { display: block; width: 100%; height: 100%; }
.xq-demo__qr p { margin: 14px 0 0; font-size: .86rem; color: var(--xq-muted); max-width: none; }
@media (max-width: 860px) { .xq-demo { grid-template-columns: 1fr; } .xq-demo__qr { display: none; } }

/* ---------- Pricing ---------- */
.xq-prices { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; margin-top: clamp(36px, 5vw, 56px) !important; max-width: var(--xq-wide); align-items: stretch; }
.xq-sec > .xq-prices:first-child { margin-top: 0 !important; }
.xq-price { position: relative; display: flex; flex-direction: column; background: var(--xq-panel); border: 1px solid var(--xq-hair); border-radius: 24px; padding: clamp(24px, 3vw, 32px); }
.xq-sec--alt .xq-price { background: var(--xq-void); }
.xq-price.is-featured { background: linear-gradient(var(--xq-panel), var(--xq-panel)) padding-box, var(--xq-grad) border-box; border-color: transparent; box-shadow: 0 40px 90px -50px rgba(var(--xq-a1-rgb), .65); }
.xq-sec--alt .xq-price.is-featured { background: linear-gradient(var(--xq-void), var(--xq-void)) padding-box, var(--xq-grad) border-box; }
.xq-price p { margin: 0; max-width: none; }
.xq-price__badge { position: absolute; top: -13px; left: clamp(24px, 3vw, 32px); padding: 4px 12px; border-radius: 999px; background: var(--xq-grad); color: var(--xq-void); font-size: .78rem; font-weight: 600; letter-spacing: .01em; }
.xq-price__name { margin: 0; font-size: 1.2rem; }
.xq-price__for { margin-top: 8px !important; color: var(--xq-muted); font-size: .95rem; min-height: 3em; }
.xq-price__amount { margin-top: 22px !important; display: flex; align-items: baseline; flex-wrap: wrap; gap: 0 8px; }
.xq-price__amount strong { font-size: clamp(2.2rem, 4vw, 2.9rem); font-weight: 650; letter-spacing: -.045em; line-height: 1; font-variant-numeric: tabular-nums; }
.xq-price.is-featured .xq-price__amount strong { background: var(--xq-grad); -webkit-background-clip: text; background-clip: text; color: transparent; }
.xq-price__amount span, .xq-price__from { color: var(--xq-muted); font-size: .95rem; }
.xq-price__setup { margin-top: 8px !important; color: var(--xq-soft); font-size: .95rem; }
.xq-price__cta { margin-top: 22px !important; }
.xq-price__cta .xq-btn { width: 100%; }
.xq-price__list { list-style: none; padding: 22px 0 0; margin: 22px 0 0; border-top: 1px solid var(--xq-hair); display: grid; gap: 11px; }
.xq-price__list li { position: relative; padding-left: 28px; margin: 0; color: var(--xq-soft); font-size: .95rem; max-width: none; }
.xq-price__list li::before { content: ""; position: absolute; left: 0; top: .2em; width: 18px; height: 18px; border-radius: 50%; background: rgba(var(--xq-a1-rgb), .12); border: 1px solid rgba(var(--xq-a1-rgb), .38); box-sizing: border-box; }
.xq-price__list li::after { content: ""; position: absolute; left: 6.5px; top: calc(.2em + 4px); width: 4px; height: 8px; border-right: 1.5px solid var(--xq-a1); border-bottom: 1.5px solid var(--xq-a1); transform: rotate(45deg); }
.xq-price__list li:first-child { color: var(--xq-text); }
.xq-prices__note { margin-top: 22px !important; font-size: .88rem; color: var(--xq-muted); }
.xq-prices__guarantee { display: flex; gap: 12px; align-items: flex-start; margin-top: 14px !important; padding: 14px 18px; border-radius: 16px; background: rgba(var(--xq-a2-rgb), .06); border: 1px solid rgba(var(--xq-a2-rgb), .32); color: var(--xq-soft); font-size: .95rem; max-width: 760px !important; }
.xq-prices__guarantee svg { flex: none; color: var(--xq-a2); margin-top: 1px; }
@media (max-width: 1023px) { .xq-prices { grid-template-columns: 1fr; max-width: 560px; } .xq-price__for { min-height: 0; } }

/* ---------- Founder ---------- */
.xq-founder { display: flex; gap: clamp(20px, 4vw, 40px); align-items: flex-start; margin: clamp(28px, 4vw, 44px) 0 0; max-width: 860px; padding: clamp(22px, 3vw, 32px); background: var(--xq-panel); border: 1px solid var(--xq-hair); border-radius: 26px; }
.xq-sec--alt .xq-founder { background: var(--xq-void); }
.xq-founder__photo { flex: none; width: clamp(88px, 12vw, 132px); height: clamp(88px, 12vw, 132px); border-radius: 50%; object-fit: cover; box-shadow: 0 0 0 2px var(--xq-void), 0 0 0 3.5px rgba(var(--xq-a1-rgb), .75); }
.xq-founder__photo--initials { display: grid; place-items: center; background: var(--xq-grad); color: var(--xq-void); font-weight: 650; font-size: clamp(1.6rem, 3vw, 2.2rem); letter-spacing: -.03em; }
.xq-founder__quote { margin: 0; padding: 0; border: 0; }
.xq-founder__quote p { margin: 0; font-size: var(--wp--preset--font-size--large); line-height: 1.5; font-weight: 350; color: var(--xq-text); max-width: 54ch; }
.xq-founder__who { margin-top: 18px; display: flex; flex-wrap: wrap; gap: 4px 10px; align-items: baseline; }
.xq-founder__who span { color: var(--xq-muted); font-size: .95rem; }
.xq-founder .xq-contacts { margin-top: 18px; }
@media (max-width: 600px) { .xq-founder { flex-direction: column; } }

/* ---------- Legal and plain pages ---------- */
.xq-legal { padding-top: clamp(48px, 7vw, 96px); padding-bottom: clamp(64px, 9vw, 120px); }
.xq-legal h1 { font-size: var(--wp--preset--font-size--x-large); }
.xq-legal h2 { font-size: 1.2rem; margin-top: 2.6rem; letter-spacing: -.015em; }
.xq-legal p, .xq-legal li { color: var(--xq-soft); }
.xq-legal .xq-note { font-size: .92rem; color: var(--xq-muted); border-left: 2px solid var(--xq-a1); padding-left: 14px; }
.xq-article { padding-top: clamp(48px, 7vw, 96px); padding-bottom: clamp(64px, 9vw, 120px); }
.xq-meta { color: var(--xq-muted); font-size: .9rem; }

/* ---------- Footer ---------- */
.xq-footer { border-top: 1px solid var(--xq-hair); background: var(--xq-void); }
.xq-footer__inner { max-width: var(--xq-wide); margin: 0 auto; padding: 64px var(--xq-gutter) 40px; display: grid; grid-template-columns: 1.4fr repeat(3, 1fr); gap: 36px; }
.xq-footer__brand p { color: var(--xq-muted); font-size: .95rem; max-width: 32ch; margin: 16px 0 18px; }
.xq-footer__title { font-size: .85rem; font-weight: 550; color: var(--xq-text); margin: 4px 0 14px; }
.xq-footer__col ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; }
.xq-footer__col a { color: var(--xq-muted); text-decoration: none; font-size: .93rem; }
.xq-footer__col a:hover { color: var(--xq-text); }
.xq-footer__bottom { max-width: var(--xq-wide); margin: 0 auto; padding: 18px var(--xq-gutter) 30px; border-top: 1px solid var(--xq-hair); }
.xq-footer__bottom p { margin: 0; font-size: .84rem; color: var(--xq-muted); }
@media (max-width: 900px) { .xq-footer__inner { grid-template-columns: 1fr 1fr; } .xq-footer__brand { grid-column: 1 / -1; } }
@media (max-width: 520px) { .xq-footer__inner { grid-template-columns: 1fr; } }

/* ---------- Editor ---------- */
.editor-styles-wrapper .xq-sec--hero::after { display: none; }

/* ---------- Capability icons ---------- */
.xq-caps > :nth-child(1)::after { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6.5 3.5h3l1.6 4.3-2.1 1.3a11.5 11.5 0 0 0 5.9 5.9l1.3-2.1 4.3 1.6v3a2 2 0 0 1-2 2A16.5 16.5 0 0 1 4.5 5.5a2 2 0 0 1 2-2z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6.5 3.5h3l1.6 4.3-2.1 1.3a11.5 11.5 0 0 0 5.9 5.9l1.3-2.1 4.3 1.6v3a2 2 0 0 1-2 2A16.5 16.5 0 0 1 4.5 5.5a2 2 0 0 1 2-2z'/%3E%3C/svg%3E"); }
.xq-caps > :nth-child(2)::after { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='8.5'/%3E%3Cpath d='M3.5 12h17M12 3.5c2.3 2.4 3.5 5.2 3.5 8.5s-1.2 6.1-3.5 8.5c-2.3-2.4-3.5-5.2-3.5-8.5s1.2-6.1 3.5-8.5z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='8.5'/%3E%3Cpath d='M3.5 12h17M12 3.5c2.3 2.4 3.5 5.2 3.5 8.5s-1.2 6.1-3.5 8.5c-2.3-2.4-3.5-5.2-3.5-8.5s1.2-6.1 3.5-8.5z'/%3E%3C/svg%3E"); }
.xq-caps > :nth-child(3)::after { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 8.5V6a2 2 0 0 1 2-2h2.5M15.5 4H18a2 2 0 0 1 2 2v2.5M20 15.5V18a2 2 0 0 1-2 2h-2.5M8.5 20H6a2 2 0 0 1-2-2v-2.5'/%3E%3Cpath d='M7 12s1.8-3.5 5-3.5 5 3.5 5 3.5-1.8 3.5-5 3.5S7 12 7 12z'/%3E%3Ccircle cx='12' cy='12' r='1.2'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 8.5V6a2 2 0 0 1 2-2h2.5M15.5 4H18a2 2 0 0 1 2 2v2.5M20 15.5V18a2 2 0 0 1-2 2h-2.5M8.5 20H6a2 2 0 0 1-2-2v-2.5'/%3E%3Cpath d='M7 12s1.8-3.5 5-3.5 5 3.5 5 3.5-1.8 3.5-5 3.5S7 12 7 12z'/%3E%3Ccircle cx='12' cy='12' r='1.2'/%3E%3C/svg%3E"); }
.xq-caps > :nth-child(4)::after { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='5.5' width='16' height='14.5' rx='2.5'/%3E%3Cpath d='M4 10h16M8.5 3.5v4M15.5 3.5v4M9.5 15l1.8 1.8 3.4-3.6'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='5.5' width='16' height='14.5' rx='2.5'/%3E%3Cpath d='M4 10h16M8.5 3.5v4M15.5 3.5v4M9.5 15l1.8 1.8 3.4-3.6'/%3E%3C/svg%3E"); }
.xq-caps > :nth-child(5)::after { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3.5l7.5 2.8v5.6c0 4.3-3.1 7.8-7.5 8.6-4.4-.8-7.5-4.3-7.5-8.6V6.3z'/%3E%3Cpath d='M9 12.2l2.1 2.1 4-4.2'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3.5l7.5 2.8v5.6c0 4.3-3.1 7.8-7.5 8.6-4.4-.8-7.5-4.3-7.5-8.6V6.3z'/%3E%3Cpath d='M9 12.2l2.1 2.1 4-4.2'/%3E%3C/svg%3E"); }
.xq-caps > :nth-child(6)::after { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='8' r='3.2'/%3E%3Cpath d='M3.5 19.5c.4-3.2 2.7-5.3 5.5-5.3s5.1 2.1 5.5 5.3M15.5 9.5h5M18 7l2.5 2.5L18 12'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='8' r='3.2'/%3E%3Cpath d='M3.5 19.5c.4-3.2 2.7-5.3 5.5-5.3s5.1 2.1 5.5 5.3M15.5 9.5h5M18 7l2.5 2.5L18 12'/%3E%3C/svg%3E"); }
.xq-caps > :nth-child(7)::after { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6.5 15.5v-4.6a5.5 5.5 0 1 1 11 0v4.6l1.8 2H4.7zM10 20.5h4'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6.5 15.5v-4.6a5.5 5.5 0 1 1 11 0v4.6l1.8 2H4.7zM10 20.5h4'/%3E%3C/svg%3E"); }
.xq-caps > :nth-child(8)::after { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cellipse cx='12' cy='6' rx='7.5' ry='2.7'/%3E%3Cpath d='M4.5 6v12c0 1.5 3.4 2.7 7.5 2.7s7.5-1.2 7.5-2.7V6M4.5 12c0 1.5 3.4 2.7 7.5 2.7s7.5-1.2 7.5-2.7'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cellipse cx='12' cy='6' rx='7.5' ry='2.7'/%3E%3Cpath d='M4.5 6v12c0 1.5 3.4 2.7 7.5 2.7s7.5-1.2 7.5-2.7V6M4.5 12c0 1.5 3.4 2.7 7.5 2.7s7.5-1.2 7.5-2.7'/%3E%3C/svg%3E"); }