/* Demaia landing & public pages (agent B). Uses the "Signal" contract tokens with fallbacks.
   No green, no beige. Logical properties only (RTL first). */
html{overflow-x:clip}
.lx{--lx-night:var(--night,#0B0A24);--lx-night2:var(--night-2,#15133D);--lx-sig:var(--signal,#4C5BFF);--lx-sig2:var(--signal-2,#7B8CFF);
  --lx-cyan:var(--cyan,#38C6F4);--lx-truth:var(--truth,#F2A93B);--lx-line:var(--line,#E1E3EF);--lx-muted:var(--muted,#5F6283);--lx-ink:var(--ink,#15133D)}
.lx-bleed{margin-inline:calc(50% - 50vw);padding-inline:calc(50vw - 50%)}
.lx-in{max-width:1180px;margin-inline:auto}

/* ---------- dark bands */
.lx-hero,.lx-proof,.lx-end,.pub-hero{background:
  radial-gradient(60% 80% at 85% 10%,rgba(76,91,255,.28),transparent 60%),
  radial-gradient(40% 60% at 5% 100%,rgba(56,198,244,.12),transparent 60%),
  var(--night,#0B0A24);color:#EEF0FF;position:relative}
.lx-hero::before,.lx-proof::before,.pub-hero::before{content:"";position:absolute;inset:0;pointer-events:none;
  background-image:radial-gradient(rgba(185,194,255,.16) 1px,transparent 1.2px);background-size:22px 22px;
  -webkit-mask-image:linear-gradient(to bottom,#000,transparent 85%);mask-image:linear-gradient(to bottom,#000,transparent 85%)}
.lx-hero>*,.lx-proof>*,.pub-hero>*{position:relative}
.lx-hero{margin-top:-28px;padding-block:40px 36px}
.lx-hero h1{font-family:var(--display,inherit);font-size:clamp(34px,8.6vw,62px);line-height:1.12;margin:10px 0 14px;color:#fff;letter-spacing:-.01em}
.lx-hero-grid{display:grid;gap:20px;align-items:center}
@media(min-width:900px){.lx-hero{padding-block:72px 56px}.lx-hero-grid{grid-template-columns:1.05fr .95fr;gap:40px}}
.lx-lead{font-size:18px;line-height:1.75;color:#D4D8FF;max-width:60ch}
.lx-eyebrow{display:inline-block;font-size:12.5px;letter-spacing:.06em;color:#C9CEFF;border:1px solid rgba(123,140,255,.45);
  border-radius:999px;padding:4px 12px;background:rgba(76,91,255,.14)}
.lx-fine{font-size:13px;color:#B9BEE6;margin-top:12px}
.lx-fine a,.lx-proof a,.lx-end a{color:#C9CEFF;text-decoration-color:rgba(201,206,255,.5)}
.lx-cta{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.lx-btn,.lx-btn-ghost{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 22px;border-radius:12px;
  font-weight:600;font-size:16px;text-decoration:none;transition:transform .15s,box-shadow .2s,background .2s}
.lx-btn{background:var(--signal,#4C5BFF);color:#fff;box-shadow:0 0 0 1px rgba(123,140,255,.5),0 10px 30px -8px rgba(76,91,255,.7)}
.lx-btn:hover{background:#3A48E8;color:#fff;transform:translateY(-1px)}
.lx-btn-ghost{color:#EEF0FF;border:1px solid rgba(201,206,255,.45);background:rgba(255,255,255,.04)}
.lx-btn-ghost:hover{background:rgba(255,255,255,.1);color:#fff}
.lx-btn:focus-visible,.lx-btn-ghost:focus-visible,.lx-faq summary:focus-visible{outline:3px solid var(--cyan,#38C6F4);outline-offset:2px}
@media(max-width:520px){.lx-cta .lx-btn,.lx-cta .lx-btn-ghost{flex:1 1 100%}}

.lx-viz{margin:0;border-radius:var(--r-xl,24px);border:1px solid rgba(123,140,255,.25);background:rgba(21,19,61,.55);
  box-shadow:0 30px 80px -30px rgba(76,91,255,.55);overflow:hidden}
.lx-viz svg{display:block;width:100%;height:auto}
.lx-ring{transform-origin:300px 150px;animation:lxPulse 3.2s ease-in-out infinite}
.lx-sweep{stroke-dasharray:110;stroke-dashoffset:110;animation:lxSweep 3.2s ease-out infinite}
@keyframes lxPulse{0%,100%{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.12)}}
@keyframes lxSweep{0%{stroke-dashoffset:110}60%,100%{stroke-dashoffset:0}}

.lx-live{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}
.lx-live>*{display:flex;flex-direction:column;gap:2px;padding:10px 14px;border-radius:14px;min-width:120px;
  background:rgba(255,255,255,.05);border:1px solid rgba(123,140,255,.28);color:#EEF0FF;text-decoration:none}
.lx-live b{font-size:22px;color:#fff}.lx-live b small{font-size:12px;color:#C9CEFF}
.lx-live span>span,.lx-live>*>span{font-size:12.5px;color:#C9CEFF}
.lx-live .truth{border-color:rgba(242,169,59,.5)}.lx-live .truth b{color:var(--truth,#F2A93B)}

/* ---------- light sections */
.lx-sec{padding-block:48px 8px}
.lx-sec h2,.lx-proof h2,.lx-end h2{font-family:var(--display,inherit);font-size:clamp(26px,5.4vw,38px);line-height:1.25;margin:8px 0 12px}
.lx-k{display:inline-block;font-size:12.5px;font-weight:600;letter-spacing:.06em;color:var(--signal,#4C5BFF)}
.lx-k::before{content:"";display:inline-block;inline-size:18px;block-size:2px;background:currentColor;vertical-align:middle;margin-inline-end:8px}
.lx-steps,.lx-cards{list-style:none;padding:0;margin:20px 0 0;display:grid;gap:14px}
@media(min-width:760px){.lx-steps,.lx-cards{grid-template-columns:repeat(3,1fr)}}
.lx-steps li,.lx-cards li{background:var(--surface,#fff);border:1px solid var(--line,#E1E3EF);border-radius:var(--r-lg,18px);padding:20px;position:relative}
.lx-steps h3,.lx-cards h3{font-size:18px;margin:10px 0 6px}
.lx-steps p,.lx-cards p{color:var(--ink-2,#2A2860);margin-bottom:8px}
.lx-n{display:inline-grid;place-items:center;inline-size:34px;block-size:34px;border-radius:10px;font-weight:700;color:#fff;
  background:linear-gradient(135deg,var(--signal,#4C5BFF),#2F3BCC);box-shadow:0 6px 18px -6px rgba(76,91,255,.7)}
.lx-steps li:not(:last-child)::after{content:"";position:absolute;inset-block-start:37px;inset-inline-end:-14px;inline-size:14px;block-size:2px;background:var(--signal-2,#7B8CFF);display:none}
@media(min-width:760px){.lx-steps li:not(:last-child)::after{display:block}}
.lx-who{font-size:12.5px;color:var(--muted,#5F6283)}
.lx-ic{display:inline-block;color:var(--signal,#4C5BFF);font-size:18px;letter-spacing:2px}

.lx-split{display:grid;gap:24px;align-items:start}
@media(min-width:900px){.lx-split{grid-template-columns:1fr 1fr;gap:40px}}
.lx-layers{list-style:none;padding:0;margin:14px 0 0;display:grid;gap:12px}
.lx-layers li{border-inline-start:3px solid var(--signal-2,#7B8CFF);padding-inline-start:14px}
.lx-layers li:nth-child(2),.lx-layers li:nth-child(3){border-inline-start-color:var(--truth,#F2A93B)}
.lx-layers p{margin:6px 0 0;color:var(--ink-2,#2A2860)}

.lx-verdict{background:var(--surface,#fff);border:1px solid var(--line,#E1E3EF);border-radius:var(--r-xl,24px);padding:20px;
  box-shadow:0 0 0 1px rgba(76,91,255,.12),0 24px 60px -28px rgba(21,19,61,.45)}
.lx-v-top{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}
.lx-ill{font-size:12.5px;font-weight:700;color:#8A5300;background:#FFF1DA;border:1px dashed #D18A1E;border-radius:999px;padding:3px 10px}
.lx-v-idea{font-weight:600;margin:14px 0 10px}
.lx-v-badge{display:inline-block;font-weight:700;font-size:20px;color:#fff;background:linear-gradient(135deg,var(--signal,#4C5BFF),#2F3BCC);border-radius:12px;padding:8px 16px}
.lx-v-range{margin-top:16px}
.lx-v-lbl{display:flex;justify-content:space-between;gap:8px;font-size:14px}
.lx-bar{position:relative;block-size:12px;border-radius:999px;background:var(--surface-2,#F4F5FB);border:1px solid var(--line,#E1E3EF);margin:8px 0 6px}
.lx-bar-r{position:absolute;inset-block:1px;inset-inline-start:30%;inline-size:30%;border-radius:999px;background:linear-gradient(90deg,var(--signal-2,#7B8CFF),var(--signal,#4C5BFF))}
.lx-bar-t{position:absolute;inset-block:-5px;inset-inline-start:40%;inline-size:2px;background:var(--ink,#15133D)}
[dir=rtl] .lx-bar-r{background:linear-gradient(270deg,var(--signal-2,#7B8CFF),var(--signal,#4C5BFF))}
.lx-v-why{list-style:none;padding:0;margin:14px 0 0;display:grid;gap:8px}

.lx-proof{padding-block:56px;margin-top:48px}
.lx-kpis{display:grid;gap:12px;margin-top:22px;grid-template-columns:1fr 1fr}
@media(min-width:900px){.lx-kpis{grid-template-columns:repeat(4,1fr)}}
.lx-kpi{display:flex;flex-direction:column;gap:6px;padding:18px;border-radius:var(--r-lg,18px);background:rgba(255,255,255,.05);border:1px solid rgba(123,140,255,.3);backdrop-filter:blur(6px)}
.lx-kpi b{font-size:clamp(24px,6vw,34px);color:#fff;text-shadow:0 0 24px rgba(123,140,255,.6);line-height:1.2}
.lx-kpi b a{color:#fff;text-decoration:none;font-size:20px}
.lx-kpi.truth{border-color:rgba(242,169,59,.5)}.lx-kpi.truth b{color:var(--truth,#F2A93B);text-shadow:0 0 24px rgba(242,169,59,.35)}
.lx-kpi>span{font-size:13.5px;color:#C9CEFF;line-height:1.55}

.lx-promise{margin-top:0}
.lx-plans{margin-top:16px}

.lx-faq{display:grid;gap:10px;margin-top:18px;max-width:860px}
.lx-faq details{background:var(--surface,#fff);border:1px solid var(--line,#E1E3EF);border-radius:14px;padding:0 18px}
.lx-faq details[open]{border-color:var(--signal-2,#7B8CFF);box-shadow:0 0 0 1px rgba(76,91,255,.15)}
.lx-faq summary{cursor:pointer;font-weight:600;padding:16px 0;list-style:none;display:flex;justify-content:space-between;gap:12px}
.lx-faq summary::-webkit-details-marker{display:none}
.lx-faq summary::after{content:"+";color:var(--signal,#4C5BFF);font-size:20px;line-height:1}
.lx-faq details[open] summary::after{content:"–"}
.lx-faq p{color:var(--ink-2,#2A2860);margin:0 0 16px}

.lx-end{margin-top:56px;margin-bottom:-72px;padding-block:56px 40px;text-align:center}
.lx-end .lx-lead{margin-inline:auto}.lx-end .lx-cta{justify-content:center}
.lx-foot{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 22px;margin-top:36px;padding-top:20px;border-top:1px solid rgba(123,140,255,.22);font-size:14px}

/* ---------- auth: night panel + light form */
.auth{display:grid;margin-top:-28px;margin-inline:-16px;min-height:calc(100vh - 64px)}
@media(min-width:900px){.auth{grid-template-columns:1fr 1fr;margin-inline:0;margin-block:0;min-height:0;border-radius:var(--r-xl,24px);overflow:hidden;
  box-shadow:0 30px 80px -40px rgba(21,19,61,.5);border:1px solid var(--line,#E1E3EF)}}
.auth-night{background:radial-gradient(70% 70% at 80% 0%,rgba(76,91,255,.35),transparent 60%),var(--night,#0B0A24);color:#EEF0FF;padding:28px 20px;position:relative;overflow:hidden}
.auth-night::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(185,194,255,.16) 1px,transparent 1.2px);background-size:22px 22px;pointer-events:none}
.auth-night>*{position:relative}
.auth-night h1{font-family:var(--display,inherit);color:#fff;font-size:clamp(26px,6vw,38px);line-height:1.2;margin:10px 0 10px}
.auth-night .lead,.auth-night p,.auth-night li{color:#D4D8FF}
.auth-night a{color:#C9CEFF}
.auth-night ul{padding-inline-start:20px;margin:12px 0}
.auth-night li{margin-bottom:6px}
.auth-form{background:var(--surface,#fff);padding:28px 20px}
.auth-form h2{font-size:22px;margin:0 0 16px}
.auth-form .btn{min-height:48px;font-size:16px}
@media(min-width:900px){.auth-night,.auth-form{padding:48px 44px}.auth-form{display:flex;flex-direction:column;justify-content:center}}
.auth-solo{max-width:560px;margin:8px auto}
.auth-solo .auth-night{border-radius:var(--r-xl,24px) var(--r-xl,24px) 0 0;padding:28px 24px}
.auth-solo .auth-form{border:1px solid var(--line,#E1E3EF);border-top:0;border-radius:0 0 var(--r-xl,24px) var(--r-xl,24px);padding:24px}
.auth-solo .chip{background:rgba(123,140,255,.2);color:#fff}

/* ---------- long-form public pages */
.pub-hero{margin-top:-28px;padding-block:36px 30px}
.pub-hero h1{font-family:var(--display,inherit);color:#fff;font-size:clamp(28px,6.4vw,44px);line-height:1.2;margin:8px 0 10px}
.pub-hero .lead,.pub-hero p{color:#D4D8FF}
.pub-hero a{color:#C9CEFF}
.pub-hero .chip{background:rgba(123,140,255,.2);color:#fff;border-color:rgba(123,140,255,.4)}
.pub{max-width:820px;margin-inline:auto}
.pub.prose>h1:first-of-type,.pub>h1:first-of-type{font-family:var(--display,inherit);font-size:clamp(28px,6.4vw,42px);line-height:1.2;margin:4px 0 12px;
  padding-block-end:14px;border-block-end:2px solid transparent;border-image:linear-gradient(90deg,var(--signal,#4C5BFF),var(--cyan,#38C6F4),transparent) 1}
[dir=rtl] .pub.prose>h1:first-of-type{border-image:linear-gradient(270deg,var(--signal,#4C5BFF),var(--cyan,#38C6F4),transparent) 1}
.pub.prose>h1:first-of-type::before,.pub-kicker{display:block;content:"DEMAIA";font-size:12px;letter-spacing:.18em;color:var(--signal,#4C5BFF);font-weight:600;margin-bottom:6px}
.pub h2{margin-top:36px;font-size:23px;line-height:1.35}
.pub h3{margin-top:24px}
.pub p,.pub li{line-height:1.85}
.pub li{margin-bottom:6px}
.pub table{width:100%;border-collapse:collapse;display:block;overflow-x:auto}
.pub-head{margin-bottom:18px}
.pub-head h1{font-family:var(--display,inherit);font-size:clamp(28px,6.4vw,42px);line-height:1.2;margin:4px 0 10px}

@media (prefers-reduced-motion:reduce){
  .lx-ring,.lx-sweep{animation:none}.lx-sweep{stroke-dashoffset:0}
  .lx-btn,.lx-btn-ghost{transition:none}.lx-btn:hover{transform:none}
}
.lx-faq summary{text-align:start}
.lx-faq summary::before{content:none;display:none}
.lx-plans .plans-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr))}
.note.bad+.lx .lx-hero{margin-top:0}
@media(min-width:900px){.lx-hero h1{font-size:56px}}
.lx-faq summary{color:var(--ink,#15133D)}
.note.bad+.auth{margin-top:0}
.lx-k{background:none;border:0;padding:0;box-shadow:none}
