/* Люкскорп — превью продуктовой страницы. Префикс .lxai- (стили не выходят за пределы .lxai) */
.lxai{
	--lxai-accent: var(--theme-base-color, #ffb400);
	--lxai-accent-rgb: 255,180,0;
	--lxai-bg: #000;
	--lxai-card: #0b0d11;
	--lxai-card-2: #12151b;
	--lxai-line: rgba(170,191,218,.12);
	--lxai-line-2: rgba(170,191,218,.22);
	--lxai-text: #fff;
	--lxai-muted: rgba(226,232,242,.64);
	--lxai-dim: rgba(226,232,242,.42);
	--lxai-radius: 24px;
	color: var(--lxai-text);
	background: var(--lxai-bg);
	position: relative;
	overflow: hidden;
	overflow: clip;
	font-family: inherit;
}
.lxai *, .lxai *::before, .lxai *::after{ box-sizing: border-box; }
:where(.lxai) :where(h1,h2,h3,h4,p,ul,ol,li,figure,blockquote,figcaption,dl,dd){ margin: 0; padding: 0; }
:where(.lxai) :where(ul,ol){ list-style: none; }
.lxai li::before{ content: none; }
:where(.lxai) :where(a){ text-decoration: none; }
.lxai h1,.lxai h2,.lxai h3,.lxai h4{ margin-top: 0; font-family: inherit; }
.lxai svg{ flex-shrink: 0; }
/* страница выводится с FULLWIDTH=Y: фон секций на всю ширину, контент — по сетке шаблона (.maxwidth-theme секций). Вложенные .maxwidth-theme (компоненты) — без двойных полей */
.lxai .maxwidth-theme .maxwidth-theme{ padding-left: 0; padding-right: 0; max-width: none; width: 100%; }

/* ---------- общие ---------- */
.lxai .lxai-section{ position: relative; padding: 72px 0; }
.lxai .lxai-section--tight{ padding: 40px 0; }
.lxai .lxai-head{ max-width: 780px; margin: 0 0 44px; position: relative; }
.lxai .lxai-head--center{ margin-left: auto; margin-right: auto; text-align: center; }
.lxai .lxai-kicker{ display: inline-flex; align-items: center; gap: 10px; font-size: 13px; letter-spacing: .16em; text-transform: uppercase; color: var(--lxai-accent); font-weight: 600; margin-bottom: 16px; }
.lxai .lxai-kicker::before{ content: ""; width: 22px; height: 1px; background: currentColor; }
.lxai .lxai-head--center .lxai-kicker::after{ content: ""; width: 22px; height: 1px; background: currentColor; }
.lxai .lxai-h2{ font-size: 48px; line-height: 1.08; font-weight: 500; letter-spacing: -.02em; color: #fff;
	background: linear-gradient(180deg,#fff 0%,#aab4c6 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.lxai .lxai-lead{ margin-top: 18px; font-size: 19px; line-height: 1.6; color: var(--lxai-muted); }
.lxai .lxai-grad{ background: linear-gradient(100deg, var(--lxai-accent) 0%, var(--lxai-g2, #ffd36a) 50%, var(--lxai-g3, var(--lxai-accent)) 100%); background-size: 200% 100%;
	-webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: var(--lxai-accent); animation: lxai-shine 8s ease-in-out infinite; }
@keyframes lxai-shine{ 0%,100%{ background-position: 0% 50%; } 50%{ background-position: 100% 50%; } }

/* ---------- кнопки ---------- */
.lxai .lxai-btn{ display: inline-flex; align-items: center; justify-content: center; gap: 10px; height: 54px; padding: 0 28px; border-radius: 999px; font-size: 15px; font-weight: 600; cursor: pointer;
	border: 1px solid transparent; transition: transform .2s, box-shadow .2s, background .2s, border-color .2s, color .2s; font-family: inherit; white-space: nowrap; line-height: 1; position: relative; }
.lxai .lxai-btn--primary{ background: var(--lxai-accent); color: #111 !important; box-shadow: 0 10px 34px -10px rgba(var(--lxai-accent-rgb),.6), inset 0 1px 0 rgba(255,255,255,.4); }
.lxai .lxai-btn--primary:hover{ transform: translateY(-2px); box-shadow: 0 18px 44px -12px rgba(var(--lxai-accent-rgb),.8), inset 0 1px 0 rgba(255,255,255,.4); }
.lxai .lxai-btn--ghost{ background: rgba(255,255,255,.04); color: #fff !important; border-color: var(--lxai-line-2); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); }
.lxai .lxai-btn--ghost:hover{ border-color: var(--lxai-accent); color: var(--lxai-accent) !important; }
.lxai .lxai-btn--sm{ height: 44px; padding: 0 20px; font-size: 14px; }
.lxai .lxai-btn svg{ transition: transform .2s; }
.lxai .lxai-btn:hover svg{ transform: translateX(3px); }
.lxai .lxai-actions{ display: flex; flex-wrap: wrap; gap: 14px; }

/* ---------- бейджи / чипы ---------- */
.lxai .lxai-eyebrow{ display: inline-flex; align-items: center; gap: 10px; padding: 8px 16px 8px 12px; border: 1px solid var(--lxai-line-2); border-radius: 999px; font-size: 14px; color: var(--lxai-muted); background: rgba(255,255,255,.035); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); margin-bottom: 26px; }
.lxai .lxai-dot{ width: 8px; height: 8px; border-radius: 50%; background: var(--lxai-accent); box-shadow: 0 0 0 4px rgba(var(--lxai-accent-rgb),.18); flex-shrink: 0; animation: lxai-pulse 2.4s ease-in-out infinite; }
@keyframes lxai-pulse{ 0%,100%{ box-shadow: 0 0 0 3px rgba(var(--lxai-accent-rgb),.22);} 50%{ box-shadow: 0 0 0 7px rgba(var(--lxai-accent-rgb),.04);} }
.lxai .lxai-badge{ display: inline-flex; align-items: center; gap: 6px; padding: 5px 11px; border-radius: 999px; font-size: 12px; font-weight: 600; letter-spacing: .02em; border: 1px solid var(--lxai-line-2); color: var(--lxai-muted); background: rgba(255,255,255,.04); white-space: nowrap; }
.lxai .lxai-badge--accent{ color: var(--lxai-accent); border-color: rgba(var(--lxai-accent-rgb),.4); background: rgba(var(--lxai-accent-rgb),.08); }

/* ---------- карточки со «светящимся» краем и прожектором ---------- */
.lxai .lxai-card{ position: relative; border-radius: var(--lxai-radius); background: linear-gradient(180deg, rgba(20,23,30,.9), rgba(10,12,16,.92)); border: 1px solid var(--lxai-line); overflow: hidden; isolation: isolate;
	transition: transform .35s cubic-bezier(.2,.7,.2,1), border-color .3s; }
.lxai .lxai-card::before{ content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none; opacity: 0; transition: opacity .35s;
	background: radial-gradient(420px circle at var(--mx, 50%) var(--my, 0%), rgba(var(--lxai-accent-rgb),.13), transparent 60%); }
.lxai .lxai-card::after{ content: ""; position: absolute; inset: 0; border-radius: inherit; padding: 1px; pointer-events: none; opacity: 0; transition: opacity .35s;
	background: radial-gradient(260px circle at var(--mx, 50%) var(--my, 0%), rgba(var(--lxai-accent-rgb),.75), transparent 60%);
	-webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor; mask: linear-gradient(#000 0 0) content-box exclude, linear-gradient(#000 0 0); }
.lxai .lxai-card:hover::before, .lxai .lxai-card:hover::after{ opacity: 1; }
.lxai .lxai-card:hover{ border-color: var(--lxai-line-2); }
.lxai .lxai-glass{ background: linear-gradient(180deg, rgba(28,32,42,.62), rgba(12,14,19,.72)); border: 1px solid rgba(255,255,255,.09); backdrop-filter: blur(18px) saturate(140%); -webkit-backdrop-filter: blur(18px) saturate(140%);
	box-shadow: 0 50px 100px -40px rgba(0,0,0,.9), inset 0 1px 0 rgba(255,255,255,.06); }

/* ---------- окно-мокап ---------- */
.lxai .lxai-win{ border-radius: 20px; overflow: hidden; position: relative; }
.lxai .lxai-win__bar{ display: flex; align-items: center; gap: 8px; padding: 13px 16px; border-bottom: 1px solid rgba(255,255,255,.07); background: rgba(255,255,255,.02); }
.lxai .lxai-win__dots{ display: flex; gap: 6px; }
.lxai .lxai-win__dots i{ width: 10px; height: 10px; border-radius: 50%; background: #2a2f3a; display: block; }
.lxai .lxai-win__dots i:first-child{ background: #ff5f57; } .lxai .lxai-win__dots i:nth-child(2){ background: #febc2e; } .lxai .lxai-win__dots i:nth-child(3){ background: #28c840; }
.lxai .lxai-win__title{ flex: 1; text-align: center; font-size: 13px; color: var(--lxai-dim); margin-right: 52px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

/* ---------- цифры ---------- */
.lxai .lxai-stats{ display: grid; grid-template-columns: repeat(4, 1fr); border: 1px solid var(--lxai-line); border-radius: var(--lxai-radius); background: linear-gradient(180deg, rgba(18,21,27,.7), rgba(8,10,13,.7)); overflow: hidden; }
.lxai .lxai-stat{ padding: 30px 28px; position: relative; }
.lxai .lxai-stat + .lxai-stat{ border-left: 1px solid var(--lxai-line); }
.lxai .lxai-stat__num{ font-size: 52px; line-height: 1; font-weight: 600; letter-spacing: -.02em; background: linear-gradient(180deg,#fff,#7c879b); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: #fff; display: inline-flex; align-items: baseline; }
.lxai .lxai-stat__num sup{ font-size: 34px; color: var(--lxai-accent); -webkit-text-fill-color: var(--lxai-accent); top: 0; vertical-align: baseline; margin-left: 2px; }
.lxai .lxai-stat__label{ display: block; margin-top: 12px; font-size: 15px; color: var(--lxai-muted); }

/* ---------- фоны ---------- */
.lxai .lxai-gridbg{ position: absolute; inset: 0; pointer-events: none; opacity: .5;
	background-image: linear-gradient(rgba(170,191,218,.06) 1px, transparent 1px), linear-gradient(90deg, rgba(170,191,218,.06) 1px, transparent 1px); background-size: 64px 64px;
	-webkit-mask-image: radial-gradient(ellipse 70% 70% at 50% 40%, #000 20%, transparent 75%); mask-image: radial-gradient(ellipse 70% 70% at 50% 40%, #000 20%, transparent 75%); }
.lxai .lxai-blob{ position: absolute; border-radius: 50%; filter: blur(70px); pointer-events: none; opacity: .5; will-change: transform; }

/* ---------- появление ---------- */
.lxai-js .lxai .lxai-reveal{ opacity: 0; transform: translateY(28px); transition: opacity .9s cubic-bezier(.2,.7,.2,1), transform .9s cubic-bezier(.2,.7,.2,1); transition-delay: var(--d, 0s); }
.lxai-js .lxai .lxai-reveal.lxai-in{ opacity: 1; transform: none; }

/* ---------- заявка / FAQ (компоненты сайта внутри) ---------- */
.lxai .lxai-site-block{ position: relative; }
.lxai .lxai-faq .index-block__title-wrapper{ margin-top: 0; }
.lxai .lxai-form .card-index.formContacts{ border-radius: var(--lxai-radius); }

/* ---------- адаптив ---------- */
@media (max-width: 1199px){
	.lxai .lxai-h2{ font-size: 40px; }
}
@media (max-width: 991px){
	.lxai .lxai-section{ padding: 56px 0; }
	.lxai .lxai-stats{ grid-template-columns: repeat(2, 1fr); }
	.lxai .lxai-stat:nth-child(3){ border-left: 0; }
	.lxai .lxai-stat:nth-child(n+3){ border-top: 1px solid var(--lxai-line); }
}
@media (max-width: 600px){
	.lxai .lxai-section{ padding: 44px 0; }
	.lxai .lxai-h2{ font-size: 31px; }
	.lxai .lxai-lead{ font-size: 16px; }
	.lxai .lxai-head{ margin-bottom: 30px; }
	.lxai .lxai-stat{ padding: 22px 18px; }
	.lxai .lxai-stat__num{ font-size: 38px; }
	.lxai .lxai-stat__num sup{ font-size: 24px; }
	.lxai .lxai-stat__label{ font-size: 13px; }
	.lxai .lxai-btn{ height: 50px; padding: 0 22px; }
	.lxai .lxai-actions .lxai-btn{ flex: 1 1 100%; }
}
@media (prefers-reduced-motion: reduce){
	.lxai *, .lxai *::before, .lxai *::after{ animation-duration: .001ms !important; animation-iteration-count: 1 !important; transition-duration: .001ms !important; }
}
/* ===== Люкскорп AI ===== */
.lxai{ --lxai-b: #409eef; --lxai-t: #2fc6b4; --lxai-g2: #ffe08a; --lxai-g3: #6cc4ff; }

/* HERO */
.lxai .lxai-hero{ position: relative; min-height: min(860px, calc(100vh - 40px)); display: flex; align-items: center; padding: 56px 0 96px; isolation: isolate; }
.lxai .lxai-net{ position: absolute; inset: 0; width: 100%; height: 100%; z-index: -2; display: block; }
.lxai .lxai-hero__vignette{ position: absolute; inset: 0; z-index: -1; pointer-events: none;
	background: radial-gradient(ellipse 60% 55% at 72% 45%, rgba(64,158,239,.16), transparent 70%), radial-gradient(ellipse 50% 50% at 15% 30%, rgba(255,180,0,.10), transparent 70%),
	linear-gradient(180deg, rgba(0,0,0,0) 60%, #000 100%); }
.lxai .lxai-hero__inner{ display: grid; grid-template-columns: minmax(0,1.02fr) minmax(0,1fr); gap: 64px; align-items: center; width: 100%; }
.lxai .lxai-hero__title{ font-size: 72px; line-height: 1.02; font-weight: 500; letter-spacing: -.035em; color: #fff; margin-bottom: 26px; }
.lxai .lxai-hero__lead{ font-size: 19px; line-height: 1.6; color: var(--lxai-muted); max-width: 560px; margin-bottom: 36px; }
.lxai .lxai-hero__facts{ display: flex; gap: 36px; margin-top: 44px; padding-top: 28px; border-top: 1px solid var(--lxai-line); max-width: 560px; }
.lxai .lxai-hero__facts li{ display: flex; flex-direction: column; gap: 4px; }
.lxai .lxai-hero__facts b{ font-size: 28px; font-weight: 600; color: #fff; letter-spacing: -.02em; }
.lxai .lxai-hero__facts span{ font-size: 14px; color: var(--lxai-dim); }

/* сфера-«ядро» за окном чата */
.lxai .lxai-hero__demo{ position: relative; }
.lxai .lxai-orb{ position: absolute; width: 520px; height: 520px; left: 50%; top: 50%; transform: translate(-50%,-50%); z-index: -1; pointer-events: none; }
.lxai .lxai-orb i{ position: absolute; inset: 0; border-radius: 50%; filter: blur(60px); opacity: .55; mix-blend-mode: screen; animation: lxai-orb 14s linear infinite; }
.lxai .lxai-orb i:nth-child(1){ background: conic-gradient(from 0deg, transparent, rgba(64,158,239,.9), transparent 40%); }
.lxai .lxai-orb i:nth-child(2){ background: conic-gradient(from 120deg, transparent, rgba(255,180,0,.75), transparent 40%); animation-duration: 18s; animation-direction: reverse; }
.lxai .lxai-orb i:nth-child(3){ background: conic-gradient(from 240deg, transparent, rgba(47,198,180,.7), transparent 40%); animation-duration: 22s; }
@keyframes lxai-orb{ to{ transform: rotate(360deg); } }

/* окно чата */
.lxai .lxai-chat{ position: relative; transition: transform .25s ease-out; transform-style: preserve-3d; }
.lxai .lxai-chat::before{ content: ""; position: absolute; inset: -1px; border-radius: 21px; padding: 1px; pointer-events: none;
	background: linear-gradient(140deg, rgba(255,180,0,.7), rgba(255,255,255,.06) 30%, rgba(255,255,255,.04) 70%, rgba(64,158,239,.7));
	-webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor; mask: linear-gradient(#000 0 0) content-box exclude, linear-gradient(#000 0 0); }
.lxai .lxai-chat__tabs{ display: flex; gap: 6px; padding: 14px 16px 0; overflow-x: auto; scrollbar-width: none; }
.lxai .lxai-chat__tabs::-webkit-scrollbar{ display: none; }
.lxai .lxai-chat__tab{ appearance: none; border: 1px solid var(--lxai-line); background: rgba(255,255,255,.03); color: var(--lxai-muted); font: inherit; font-size: 13px; padding: 8px 14px; border-radius: 999px; cursor: pointer; transition: all .25s; white-space: nowrap; }
.lxai .lxai-chat__tab:hover{ color: #fff; border-color: var(--lxai-line-2); }
.lxai .lxai-chat__tab.is-active{ color: #111; background: var(--lxai-accent); border-color: var(--lxai-accent); font-weight: 600; }
.lxai .lxai-chat__body{ padding: 22px 20px 8px; min-height: 300px; display: flex; flex-direction: column; gap: 16px; }
.lxai .lxai-msg{ display: flex; gap: 12px; }
.lxai .lxai-msg--user{ justify-content: flex-end; }
.lxai .lxai-msg--user p{ max-width: 82%; background: rgba(255,255,255,.07); border: 1px solid rgba(255,255,255,.08); padding: 12px 16px; border-radius: 18px 18px 4px 18px; font-size: 15px; line-height: 1.5; color: #fff; min-height: 46px; }
.lxai .lxai-msg__ava{ width: 34px; height: 34px; border-radius: 11px; flex-shrink: 0; display: grid; place-items: center; color: #111; background: linear-gradient(135deg, var(--lxai-accent), #ffd76b); box-shadow: 0 0 24px rgba(255,180,0,.45); }
.lxai .lxai-msg__bubble{ flex: 1; min-width: 0; }
.lxai .lxai-msg__agent{ display: block; font-size: 12px; color: var(--lxai-accent); letter-spacing: .04em; margin-bottom: 6px; font-weight: 600; }
.lxai .lxai-msg--ai p{ font-size: 15px; line-height: 1.65; color: rgba(255,255,255,.88); min-height: 100px; }
.lxai .lxai-msg--ai p.c{ font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: 13px; color: #9fd3ff; }
.lxai .lxai-cursor{ display: inline-block; width: 8px; height: 1.05em; vertical-align: -2px; margin-left: 2px; background: var(--lxai-accent); border-radius: 2px; animation: lxai-blink 1s steps(2) infinite; }
@keyframes lxai-blink{ 50%{ opacity: 0; } }
.lxai .lxai-thinking{ display: inline-flex; gap: 5px; padding: 6px 0; }
.lxai .lxai-thinking i{ width: 7px; height: 7px; border-radius: 50%; background: var(--lxai-accent); animation: lxai-dots 1.2s ease-in-out infinite; }
.lxai .lxai-thinking i:nth-child(2){ animation-delay: .15s; } .lxai .lxai-thinking i:nth-child(3){ animation-delay: .3s; }
@keyframes lxai-dots{ 0%,80%,100%{ transform: scale(.6); opacity: .4; } 40%{ transform: scale(1); opacity: 1; } }
.lxai .lxai-chat__input{ margin: 8px 16px 0; display: flex; align-items: center; gap: 12px; padding: 8px 8px 8px 18px; border-radius: 16px; border: 1px solid rgba(255,255,255,.1); background: rgba(0,0,0,.35); }
.lxai .lxai-chat__placeholder{ flex: 1; color: var(--lxai-dim); font-size: 14px; }
.lxai .lxai-chat__send{ width: 38px; height: 38px; border-radius: 12px; display: grid; place-items: center; background: var(--lxai-accent); color: #111; }
.lxai .lxai-chat__note{ padding: 12px 18px 16px; font-size: 12px; color: var(--lxai-dim); text-align: center; }

.lxai .lxai-float{ position: absolute; display: flex; align-items: center; gap: 12px; padding: 12px 16px 12px 12px; border-radius: 16px; z-index: 2; animation: lxai-float 7s ease-in-out infinite; }
.lxai .lxai-float b{ display: block; font-size: 14px; color: #fff; }
.lxai .lxai-float small{ display: block; font-size: 12px; color: var(--lxai-dim); }
.lxai .lxai-float__ic{ width: 36px; height: 36px; border-radius: 11px; display: grid; place-items: center; color: var(--lxai-accent); background: rgba(255,180,0,.1); border: 1px solid rgba(255,180,0,.3); }
.lxai .lxai-float__ic--b{ color: #7cc4ff; background: rgba(64,158,239,.12); border-color: rgba(64,158,239,.35); }
.lxai .lxai-float--a{ left: -44px; bottom: -26px; }
.lxai .lxai-float--b{ right: 18px; top: -26px; animation-delay: -3.5s; }
@keyframes lxai-float{ 0%,100%{ transform: translateY(0); } 50%{ transform: translateY(-12px); } }

.lxai .lxai-scroll{ position: absolute; left: 50%; bottom: 26px; width: 26px; height: 42px; margin-left: -13px; border-radius: 14px; border: 1.5px solid rgba(255,255,255,.25); }
.lxai .lxai-scroll span{ position: absolute; left: 50%; top: 8px; width: 4px; height: 8px; margin-left: -2px; border-radius: 2px; background: var(--lxai-accent); animation: lxai-scroll 1.8s ease-in-out infinite; }
@keyframes lxai-scroll{ 0%{ transform: translateY(0); opacity: 1; } 100%{ transform: translateY(14px); opacity: 0; } }

/* бегущая строка */
.lxai .lxai-marquee{ position: relative; overflow: hidden; padding: 22px 0; border-top: 1px solid var(--lxai-line); border-bottom: 1px solid var(--lxai-line); background: rgba(255,255,255,.015);
	-webkit-mask-image: linear-gradient(90deg, transparent, #000 10%, #000 90%, transparent); mask-image: linear-gradient(90deg, transparent, #000 10%, #000 90%, transparent); }
.lxai .lxai-marquee__track{ display: flex; gap: 0; width: max-content; animation: lxai-marquee 48s linear infinite; }
.lxai .lxai-marquee span{ display: inline-flex; align-items: center; font-size: 18px; color: rgba(255,255,255,.72); white-space: nowrap; }
.lxai .lxai-marquee span::after{ content: ""; width: 7px; height: 7px; margin: 0 28px; border-radius: 2px; transform: rotate(45deg); background: var(--lxai-accent); opacity: .8; }
@keyframes lxai-marquee{ to{ transform: translateX(-50%); } }

/* агенты */
.lxai .lxai-agents{ display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 20px; }
.lxai .lxai-agent{ padding: 28px; display: flex; flex-direction: column; min-height: 440px; }
.lxai .lxai-agent:hover{ transform: translateY(-6px); }
.lxai .lxai-agent__top{ display: flex; align-items: center; justify-content: space-between; margin-bottom: 26px; }
.lxai .lxai-agent__ic{ width: 52px; height: 52px; border-radius: 15px; display: grid; place-items: center; background: linear-gradient(135deg, var(--c1), var(--c2)); box-shadow: 0 10px 30px -8px var(--c1); }
.lxai .lxai-agent__title{ font-size: 24px; font-weight: 600; color: #fff; margin-bottom: 10px; }
.lxai .lxai-agent__text{ font-size: 15px; line-height: 1.55; color: var(--lxai-muted); margin-bottom: 24px; }
.lxai .lxai-mock{ margin-top: auto; border-radius: 16px; border: 1px solid var(--lxai-line); background: rgba(0,0,0,.4); padding: 16px; min-height: 128px; }
.lxai .lxai-mock__row{ display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 14px; }
.lxai .lxai-chip{ font-size: 11px; padding: 4px 9px; border-radius: 999px; border: 1px solid var(--lxai-line-2); color: var(--lxai-dim); }
.lxai .lxai-chip--on{ color: #111; background: #6cc4ff; border-color: #6cc4ff; font-weight: 600; }
.lxai .lxai-typing span{ display: block; height: 8px; border-radius: 4px; background: rgba(255,255,255,.12); margin-bottom: 9px; width: 0; animation: lxai-type 4.5s ease-in-out infinite; }
.lxai .lxai-typing span:nth-child(2){ animation-delay: .5s; } .lxai .lxai-typing span:nth-child(3){ animation-delay: 1s; }
.lxai .lxai-typing .lxai-hl{ background: linear-gradient(90deg, rgba(108,196,255,.6), rgba(47,198,180,.6)); }
@keyframes lxai-type{ 0%{ width: 0; } 35%,85%{ width: var(--w); } 100%{ width: var(--w); opacity: 0; } }
.lxai .lxai-doc__line{ display: flex; align-items: center; gap: 10px; padding: 7px 0; border-bottom: 1px dashed rgba(255,255,255,.07); }
.lxai .lxai-doc__line:last-child{ border: 0; }
.lxai .lxai-doc__line i{ display: block; height: 7px; border-radius: 4px; background: rgba(255,255,255,.13); width: 88%; }
.lxai .lxai-doc__line b{ margin-left: auto; width: 20px; height: 20px; flex-shrink: 0; border-radius: 6px; display: grid; place-items: center; font-size: 12px; }
.lxai .lxai-ok{ color: #2ecc71; background: rgba(46,204,113,.12); }
.lxai .lxai-warn{ color: #111; background: var(--lxai-accent); animation: lxai-pulse 2s infinite; }
.lxai .lxai-doc__line--warn i{ background: rgba(255,180,0,.35); }
.lxai .lxai-mock--law p{ font-size: 13px; line-height: 1.6; color: var(--lxai-muted); font-family: Georgia, "Times New Roman", serif; }
.lxai .lxai-mock--law mark{ background: rgba(231,76,60,.18); color: #ff9b8f; border-bottom: 1px solid #e74c3c; padding: 0 2px; border-radius: 2px; }
.lxai .lxai-risk{ display: inline-flex; margin-top: 10px; font-size: 11px; font-weight: 600; color: #ff9b8f; padding: 4px 9px; border-radius: 999px; background: rgba(231,76,60,.12); border: 1px solid rgba(231,76,60,.35); }
.lxai .lxai-mock--code{ font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: 13px; line-height: 1.7; color: #d7dde8; white-space: pre; overflow: hidden; margin: auto 0 0; }
.lxai .lxai-mock--code .k{ color: #ff7ab2; } .lxai .lxai-mock--code .f{ color: #6cc4ff; }
.lxai .lxai-caret{ display: inline-block; width: 7px; height: 15px; background: #2ecc71; vertical-align: -3px; margin-left: 3px; animation: lxai-blink 1s steps(2) infinite; }

/* bento */
.lxai .lxai-bento{ display: grid; grid-template-columns: repeat(5, minmax(0,1fr)); gap: 20px; }
.lxai .lxai-bento__item{ grid-column: span 2; padding: 34px; display: flex; flex-direction: column; gap: 28px; min-height: 360px; }
.lxai .lxai-bento__item--wide{ grid-column: span 3; }
.lxai .lxai-bento__text h3{ font-size: 26px; font-weight: 600; color: #fff; margin-bottom: 12px; letter-spacing: -.01em; }
.lxai .lxai-bento__text p{ font-size: 15px; line-height: 1.6; color: var(--lxai-muted); max-width: 520px; }
.lxai .lxai-roles{ position: relative; margin-top: auto; height: 200px; }
.lxai .lxai-roles__lines{ position: absolute; inset: 0; width: 100%; height: 100%; z-index: 0; }
.lxai .lxai-roles__lines path{ stroke: rgba(255,180,0,.45); stroke-width: 1.2; fill: none; stroke-dasharray: 5 7; animation: lxai-dash 1.6s linear infinite; vector-effect: non-scaling-stroke; }
@keyframes lxai-dash{ to{ stroke-dashoffset: -24; } }
.lxai .lxai-roles__hub{ position: absolute; left: 50%; top: 50%; width: 72px; height: 72px; margin: -36px 0 0 -36px; border-radius: 22px; display: grid; place-items: center; color: #111; z-index: 2;
	background: linear-gradient(135deg, var(--lxai-accent), #ffd76b); box-shadow: 0 0 0 10px rgba(255,180,0,.08), 0 0 60px rgba(255,180,0,.45); }
.lxai .lxai-roles > span{ position: absolute; z-index: 1; font-size: 14px; font-weight: 500; padding: 9px 15px; border-radius: 999px; background: #12151b; border: 1px solid var(--lxai-line-2); color: #fff; white-space: nowrap; }
.lxai .lxai-roles > span:nth-of-type(1){ left: 4%; top: 6%; } .lxai .lxai-roles > span:nth-of-type(2){ right: 4%; top: 6%; }
.lxai .lxai-roles > span:nth-of-type(3){ right: 4%; bottom: 6%; } .lxai .lxai-roles > span:nth-of-type(4){ left: 4%; bottom: 6%; }
.lxai .lxai-meter{ margin-top: auto; border-radius: 16px; border: 1px solid var(--lxai-line); background: rgba(0,0,0,.35); padding: 18px; }
.lxai .lxai-meter__head{ display: flex; justify-content: space-between; font-size: 13px; color: var(--lxai-dim); margin-bottom: 14px; }
.lxai .lxai-meter__head b{ color: var(--lxai-accent); font-weight: 500; }
.lxai .lxai-meter__bars{ display: flex; align-items: flex-end; gap: 6px; height: 96px; }
.lxai .lxai-meter__bars i{ flex: 1; height: var(--h); border-radius: 5px 5px 2px 2px; background: linear-gradient(180deg, rgba(255,180,0,.9), rgba(255,180,0,.15)); transform-origin: bottom; transition: transform 1s cubic-bezier(.2,.7,.2,1); }
.lxai .lxai-meter__bars i:nth-child(odd){ background: linear-gradient(180deg, rgba(108,196,255,.85), rgba(108,196,255,.12)); }
.lxai-js .lxai .lxai-reveal:not(.lxai-in) .lxai-meter__bars i{ transform: scaleY(.12); }
.lxai .lxai-rack{ margin-top: auto; display: flex; flex-direction: column; gap: 8px; }
.lxai .lxai-rack__unit{ display: flex; align-items: center; gap: 8px; height: 34px; padding: 0 14px; border-radius: 10px; border: 1px solid var(--lxai-line); background: linear-gradient(90deg, rgba(255,255,255,.04), rgba(255,255,255,.01)); }
.lxai .lxai-rack__unit i{ width: 7px; height: 7px; border-radius: 50%; background: #2ecc71; box-shadow: 0 0 8px #2ecc71; animation: lxai-led 1.4s ease-in-out infinite; animation-delay: calc(var(--i) * .23s); }
.lxai .lxai-rack__unit i:nth-child(2){ background: var(--lxai-accent); box-shadow: 0 0 8px var(--lxai-accent); animation-delay: calc(var(--i) * .31s + .4s); }
.lxai .lxai-rack__unit i:nth-child(3){ background: #6cc4ff; box-shadow: 0 0 8px #6cc4ff; animation-delay: calc(var(--i) * .17s + .8s); }
.lxai .lxai-rack__unit span{ margin-left: auto; width: 46%; height: 6px; border-radius: 3px; background: repeating-linear-gradient(90deg, rgba(255,255,255,.12) 0 6px, transparent 6px 10px); }
@keyframes lxai-led{ 0%,100%{ opacity: 1; } 50%{ opacity: .25; } }
.lxai .lxai-steps{ position: relative; margin-top: auto; display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; padding-top: 6px; }
.lxai .lxai-steps__i{ position: relative; z-index: 1; display: flex; flex-direction: column; align-items: center; gap: 12px; font-size: 15px; color: #fff; }
.lxai .lxai-steps__i span{ width: 52px; height: 52px; border-radius: 50%; display: grid; place-items: center; font-weight: 600; font-size: 18px; color: var(--lxai-accent); background: #0b0d11; border: 1px solid rgba(255,180,0,.45); box-shadow: 0 0 0 6px #0b0d11; }
.lxai .lxai-steps__line{ position: absolute; left: 16.6%; right: 16.6%; top: 32px; height: 2px; background: var(--lxai-line); }
.lxai .lxai-steps__line i{ position: absolute; inset: 0; background: linear-gradient(90deg, var(--lxai-accent), #6cc4ff); transform-origin: left; transition: transform 1.6s .3s cubic-bezier(.2,.7,.2,1); }
.lxai-js .lxai .lxai-reveal:not(.lxai-in) .lxai-steps__line i{ transform: scaleX(0); }

/* тарифы */
.lxai .lxai-plans{ display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 20px; }
.lxai .lxai-plan{ padding: 30px 28px; display: flex; flex-direction: column; min-height: 330px; }
.lxai .lxai-plan:hover{ transform: translateY(-6px); }
.lxai .lxai-plan__name{ font-size: 22px; font-weight: 600; color: #fff; margin-bottom: 8px; }
.lxai .lxai-plan__vol{ font-size: 15px; color: var(--lxai-muted); }
.lxai .lxai-plan__bar{ margin: 22px 0 auto; height: 6px; border-radius: 3px; background: rgba(255,255,255,.07); overflow: hidden; }
.lxai .lxai-plan__bar i{ display: block; height: 100%; width: var(--v); border-radius: 3px; background: linear-gradient(90deg, #6cc4ff, var(--lxai-accent)); box-shadow: 0 0 14px rgba(255,180,0,.6); transform-origin: left; transition: transform 1.4s .2s cubic-bezier(.2,.7,.2,1); }
.lxai-js .lxai .lxai-reveal:not(.lxai-in) .lxai-plan__bar i{ transform: scaleX(0); }
.lxai .lxai-plan__price{ margin: 28px 0 24px; display: flex; align-items: baseline; gap: 8px; }
.lxai .lxai-plan__price b{ font-size: 38px; font-weight: 600; letter-spacing: -.02em; color: #fff; }
.lxai .lxai-plan__price span{ color: var(--lxai-dim); font-size: 15px; }
.lxai .lxai-plan__btns{ display: flex; gap: 10px; }
.lxai .lxai-plan__btns .lxai-btn{ flex: 1; padding: 0 12px; }

/* своя модель */
.lxai .lxai-custom{ display: grid; grid-template-columns: minmax(0,1.05fr) minmax(0,1fr); gap: 40px; align-items: center; padding: 64px; border-radius: 32px;
	background: radial-gradient(ellipse 60% 80% at 85% 50%, rgba(64,158,239,.14), transparent 70%), linear-gradient(180deg, rgba(20,23,30,.95), rgba(8,10,13,.95)); }
.lxai .lxai-custom__legal{ display: block; margin-top: 22px; font-size: 12px; color: rgba(255,255,255,.35); }
.lxai .lxai-orbit{ --r1: 150px; --r2: 215px; position: relative; height: 470px; }
.lxai .lxai-orbit__ring{ position: absolute; left: 50%; top: 50%; border-radius: 50%; border: 1px dashed rgba(170,191,218,.2); transform: translate(-50%,-50%); }
.lxai .lxai-orbit__ring--1{ width: calc(var(--r1) * 2); height: calc(var(--r1) * 2); }
.lxai .lxai-orbit__ring--2{ width: calc(var(--r2) * 2); height: calc(var(--r2) * 2); border-color: rgba(170,191,218,.12); }
.lxai .lxai-orbit__core{ position: absolute; left: 50%; top: 50%; width: 132px; height: 132px; margin: -66px 0 0 -66px; border-radius: 50%; display: grid; place-items: center; text-align: center; font-weight: 600; color: #111; font-size: 16px; line-height: 1.2;
	background: radial-gradient(circle at 35% 30%, #ffe7a3, var(--lxai-accent) 55%, #c98a00); box-shadow: 0 0 0 14px rgba(255,180,0,.07), 0 0 0 30px rgba(255,180,0,.035), 0 0 90px rgba(255,180,0,.5); animation: lxai-breath 4s ease-in-out infinite; }
@keyframes lxai-breath{ 50%{ box-shadow: 0 0 0 20px rgba(255,180,0,.06), 0 0 0 42px rgba(255,180,0,.025), 0 0 120px rgba(255,180,0,.6); } }
.lxai .lxai-orbit__sat{ position: absolute; left: 50%; top: 50%; width: 0; height: 0; animation: lxai-orbit 40s linear infinite; transform: rotate(var(--a)); }
.lxai .lxai-orbit__sat--2{ animation-duration: 60s; animation-direction: reverse; }
.lxai .lxai-orbit__sat span{ position: absolute; left: var(--r); top: 0; transform: translate(-50%,-50%) rotate(calc(-1 * var(--a))); display: block; white-space: nowrap; font-size: 13px; padding: 8px 14px; border-radius: 999px; background: rgba(18,21,27,.95); border: 1px solid var(--lxai-line-2); color: #fff; animation: lxai-counter 40s linear infinite; }
.lxai .lxai-orbit__sat--2 span{ animation-duration: 60s; animation-direction: reverse; border-color: rgba(64,158,239,.4); }
@keyframes lxai-orbit{ from{ transform: rotate(var(--a)); } to{ transform: rotate(calc(var(--a) + 360deg)); } }
@keyframes lxai-counter{ from{ transform: translate(-50%,-50%) rotate(calc(-1 * var(--a))); } to{ transform: translate(-50%,-50%) rotate(calc(-1 * var(--a) - 360deg)); } }

/* адаптив */
@media (max-width: 1199px){
	.lxai .lxai-hero__title{ font-size: 58px; }
	.lxai .lxai-agents, .lxai .lxai-plans{ grid-template-columns: repeat(2, minmax(0,1fr)); }
	.lxai .lxai-float--a{ left: -12px; }
	.lxai .lxai-custom{ padding: 48px; }
	.lxai .lxai-orbit{ --r1: 120px; --r2: 175px; height: 400px; }
}
@media (max-width: 991px){
	.lxai .lxai-hero{ min-height: 0; padding: 32px 0 80px; }
	.lxai .lxai-hero__inner{ grid-template-columns: minmax(0,1fr); gap: 48px; }
	.lxai .lxai-bento{ grid-template-columns: minmax(0,1fr); }
	.lxai .lxai-bento__item, .lxai .lxai-bento__item--wide{ grid-column: auto; }
	.lxai .lxai-custom{ grid-template-columns: minmax(0,1fr); }
	.lxai .lxai-scroll{ display: none; }
}
@media (max-width: 600px){
	.lxai .lxai-hero__title{ font-size: 42px; }
	.lxai .lxai-hero__lead{ font-size: 16px; }
	.lxai .lxai-hero__facts{ gap: 20px; margin-top: 32px; }
	.lxai .lxai-hero__facts b{ font-size: 22px; }
	.lxai .lxai-hero__facts span{ font-size: 12px; }
	.lxai .lxai-orb{ width: 340px; height: 340px; }
	.lxai .lxai-chat__body{ min-height: 280px; padding: 18px 14px 6px; }
	.lxai .lxai-msg--user p, .lxai .lxai-msg--ai p{ font-size: 14px; }
	.lxai .lxai-float{ display: none; }
	.lxai .lxai-agents, .lxai .lxai-plans{ grid-template-columns: minmax(0,1fr); }
	.lxai .lxai-agent{ min-height: 0; padding: 24px; }
	.lxai .lxai-bento__item{ padding: 26px 22px; min-height: 0; }
	.lxai .lxai-bento__text h3{ font-size: 22px; }
	.lxai .lxai-roles > span{ font-size: 12px; padding: 7px 11px; }
	.lxai .lxai-custom{ padding: 30px 22px; border-radius: 24px; }
	.lxai .lxai-orbit{ --r1: 74px; --r2: 104px; height: 290px; margin: 0 -10px; }
	.lxai .lxai-plan{ min-height: 0; padding: 24px 22px; }
	.lxai .lxai-plan__price{ margin: 20px 0 18px; }
	.lxai .lxai-plan__price b{ font-size: 32px; }
	.lxai .lxai-orbit__core{ width: 84px; height: 84px; margin: -42px 0 0 -42px; font-size: 12px; }
	.lxai .lxai-orbit__sat span{ font-size: 10px; padding: 5px 9px; }
	.lxai .lxai-marquee span{ font-size: 15px; }
	.lxai .lxai-steps__i{ font-size: 13px; }
}
@media (prefers-reduced-motion: reduce){
	.lxai .lxai-typing span{ width: var(--w); }
	.lxai .lxai-marquee__track{ animation: none; }
}