/* =========================================================
   Web-IT.Expert — Software / Automation / AI. Premium UI
   ========================================================= */
:root {
  --bg: #06080D;
  --bg-2: #0A0D15;
  --surface: rgba(255,255,255,.04);
  --surface-2: rgba(255,255,255,.07);
  --stroke: rgba(255,255,255,.09);
  --stroke-2: rgba(255,255,255,.16);

  --text: #EAF0F7;
  --soft: #AFB8C8;
  --muted: #79829A;

  --c1: #22D3EE;
  --c2: #8B5CF6;
  --c3: #22D3EE;
  --blue: #3B82F6;
  --violet: #8B5CF6;
  --cyan: var(--c1);
  --green: #34D399;

  --grad: linear-gradient(120deg, #22D3EE 0%, #3B82F6 52%, #8B5CF6 100%);
  --glow: rgba(34,211,238,.5);
  --glow-2: rgba(139,92,246,.45);

  --radius: 18px;
  --radius-sm: 12px;
  --container: 1180px;
  --ease: cubic-bezier(.22,1,.36,1);
  --shadow: 0 30px 80px -34px rgba(0,0,0,.82);

  --sans: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --disp: 'Manrope', var(--sans);
  --mono: 'JetBrains Mono', ui-monospace, Menlo, Consolas, monospace;
}

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; -webkit-text-size-adjust: 100%; max-width: 100%; overflow-x: hidden; overscroll-behavior-x: none; }
body { font-family: var(--sans); background: var(--bg); color: var(--text); line-height: 1.6; font-size: 16px; max-width: 100%; overflow-x: hidden; overscroll-behavior-x: none; -webkit-font-smoothing: antialiased; }
html.agent-open, body.agent-open { overflow: hidden; overscroll-behavior: none; }
img, svg, canvas { display: block; max-width: 100%; }
a { color: inherit; text-decoration: none; }
button { font-family: inherit; cursor: pointer; }
ul { list-style: none; }
::selection { background: rgba(34,211,238,.32); color: #fff; }
.container { width: 100%; max-width: var(--container); margin-inline: auto; padding-inline: 22px; }
.container.narrow { max-width: 820px; }

/* Background */
.bg { position: fixed; inset: 0; z-index: -2; overflow: hidden; pointer-events: none; }
.bg__canvas { position: absolute; inset: 0; width: 100%; height: 100%; opacity: .55; }
.bg__grid { position: absolute; inset: 0; background-image: linear-gradient(rgba(255,255,255,.022) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.022) 1px, transparent 1px); background-size: 56px 56px; mask-image: radial-gradient(ellipse 75% 60% at 50% 0%, #000 30%, transparent 78%); -webkit-mask-image: radial-gradient(ellipse 75% 60% at 50% 0%, #000 30%, transparent 78%); }
.bg__glow { position: absolute; border-radius: 50%; filter: blur(100px); opacity: .42; mix-blend-mode: screen; animation: float 20s ease-in-out infinite; }
.bg__glow--1 { width: 55vw; height: 55vw; top: -18vw; left: -10vw; background: radial-gradient(circle, rgba(34,211,238,.6), transparent 62%); }
.bg__glow--2 { width: 52vw; height: 52vw; top: 30vh; right: -16vw; background: radial-gradient(circle, rgba(139,92,246,.55), transparent 62%); animation-delay: -8s; }
.bg__glow--3 { display: none; }
@keyframes float { 0%,100% { transform: translate(0,0) scale(1);} 50% { transform: translate(3vw,-3vh) scale(1.08);} }
.bg__noise { position: absolute; inset: 0; opacity: .03; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"); }

.scroll-progress { position: fixed; top: 0; left: 0; right: 0; height: 2px; z-index: 100; }
.scroll-progress span { display: block; height: 100%; width: 0; background: var(--grad); box-shadow: 0 0 12px var(--glow); }
.scroll-top { position: fixed; right: calc(max(22px, env(safe-area-inset-right)) + 186px); bottom: max(22px, env(safe-area-inset-bottom)); z-index: 111; width: 54px; height: 54px; display: grid; place-items: center; border-radius: 18px; border: 1px solid rgba(255,255,255,.22); color: #061018; background: linear-gradient(120deg, rgba(34,211,238,.96), rgba(59,130,246,.94) 58%, rgba(139,92,246,.9)); box-shadow: 0 24px 54px -24px rgba(34,211,238,.78), 0 16px 38px -28px rgba(139,92,246,.92), inset 0 1px 0 rgba(255,255,255,.34); backdrop-filter: blur(14px) saturate(140%); opacity: 0; transform: translateY(12px) scale(.92); pointer-events: none; transition: opacity .24s var(--ease), transform .28s var(--ease), border-color .24s, background .24s, box-shadow .24s; }
.scroll-top::before { content: ""; position: absolute; inset: 1px; border-radius: inherit; background: radial-gradient(circle at 32% 18%, rgba(255,255,255,.42), transparent 34%), linear-gradient(145deg, rgba(255,255,255,.12), transparent 52%); pointer-events: none; }
.scroll-top svg { position: relative; width: 21px; height: 21px; filter: drop-shadow(0 0 10px rgba(255,255,255,.38)); }
.scroll-top.is-visible { opacity: 1; transform: none; pointer-events: auto; }
.scroll-top:hover, .scroll-top:focus-visible { outline: none; transform: translateY(-3px); border-color: rgba(255,255,255,.42); background: linear-gradient(120deg, rgba(40,222,244,.98), rgba(72,150,255,.96) 58%, rgba(151,101,247,.92)); box-shadow: 0 28px 66px -24px rgba(34,211,238,.92), 0 18px 44px -30px rgba(139,92,246,.96), inset 0 1px 0 rgba(255,255,255,.42); }
.agent-open .scroll-top { opacity: 0; pointer-events: none; transform: translateY(12px) scale(.92); }

/* Buttons */
.btn { display: inline-flex; align-items: center; justify-content: center; gap: 9px; padding: 13px 22px; border: 1px solid transparent; border-radius: 999px; font-weight: 600; font-size: .95rem; letter-spacing: -.01em; white-space: nowrap; position: relative; transition: transform .3s var(--ease), box-shadow .3s var(--ease), background .3s, border-color .3s; }
.btn svg { transition: transform .3s var(--ease); }
.btn:hover svg { transform: translateX(3px); }
.btn--primary { color: #061018; background: linear-gradient(120deg, #22D3EE, #38BDF8 55%, #3B82F6); box-shadow: 0 10px 30px -8px var(--glow), inset 0 1px 0 rgba(255,255,255,.4); font-weight: 700; }
.btn--primary:hover { transform: translateY(-2px); box-shadow: 0 18px 44px -10px var(--glow); }
@property --beam { syntax: '<angle>'; inherits: false; initial-value: 0deg; }
.btn--primary::before { content: ""; position: absolute; inset: 0; border-radius: inherit; padding: 1.5px; pointer-events: none; background: conic-gradient(from var(--beam), transparent 0 72deg, rgba(255,255,255,.92) 90deg, transparent 108deg 360deg); -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor; mask-composite: exclude; animation: beam 3.4s linear infinite; opacity: .8; }
@keyframes beam { to { --beam: 360deg; } }
.btn--ghost { color: var(--text); background: var(--surface-2); border-color: var(--stroke-2); backdrop-filter: blur(10px); }
.btn--ghost:hover { transform: translateY(-2px); border-color: rgba(255,255,255,.32); background: rgba(255,255,255,.1); }
.btn--block { width: 100%; }

/* Bits */
.pill { display: inline-flex; align-items: center; gap: 9px; padding: 7px 15px 7px 12px; border-radius: 999px; font-size: .82rem; font-weight: 500; color: var(--soft); background: var(--surface); border: 1px solid var(--stroke); backdrop-filter: blur(10px); }
.pill__pulse { width: 7px; height: 7px; border-radius: 50%; background: var(--c3); box-shadow: 0 0 10px var(--c3); animation: blink 1.6s infinite; }
@keyframes blink { 0%,100% { opacity: 1; } 50% { opacity: .35; } }
.eyebrow { display: inline-block; font-family: var(--mono); font-size: .78rem; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; background: var(--grad); -webkit-background-clip: text; background-clip: text; color: transparent; margin-bottom: 14px; }
.grad { background: var(--grad); -webkit-background-clip: text; background-clip: text; color: transparent; }

.glass { position: relative; background: linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.02)); border: 1px solid var(--stroke); border-radius: var(--radius); backdrop-filter: blur(14px); box-shadow: var(--shadow); }
.glass::before { content: ""; position: absolute; inset: 0; border-radius: inherit; padding: 1px; background: linear-gradient(140deg, rgba(255,255,255,.2), transparent 42%); -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor; mask-composite: exclude; pointer-events: none; }

/* Header */
.header { position: fixed; top: 0; left: 0; right: 0; z-index: 90; border-bottom: 1px solid transparent; transition: background .4s var(--ease), border-color .4s, backdrop-filter .4s; }
.header.scrolled { background: rgba(7,9,15,.72); backdrop-filter: blur(18px) saturate(140%); border-bottom-color: var(--stroke); }
.header__inner { display: flex; align-items: center; justify-content: space-between; height: 70px; }
.brand { display: inline-flex; align-items: center; gap: 11px; font-family: var(--disp); font-weight: 700; font-size: 1.1rem; letter-spacing: -.02em; }
.brand__mark { width: 34px; height: 34px; flex: none; filter: drop-shadow(0 4px 12px rgba(34,211,238,.45)); }
.brand__dot { color: var(--c3); }
.header__email { display: inline-flex; align-items: center; min-height: 34px; margin-left: clamp(16px, 3vw, 42px); margin-right: auto; padding: 7px 13px; border-radius: 999px; border: 1px solid rgba(34,211,238,.22); color: var(--soft); background: rgba(255,255,255,.035); font-family: var(--mono); font-size: .78rem; font-weight: 700; letter-spacing: .02em; white-space: nowrap; transition: color .25s, border-color .25s, background .25s, box-shadow .25s, transform .25s var(--ease); }
.header__email::before { content: ""; width: 7px; height: 7px; flex: none; margin-right: 8px; border-radius: 50%; background: var(--cyan); box-shadow: 0 0 12px rgba(34,211,238,.72); }
.header__email:hover, .header__email:focus-visible { outline: none; color: var(--text); border-color: rgba(34,211,238,.52); background: rgba(34,211,238,.09); box-shadow: 0 18px 34px -28px rgba(34,211,238,.8); transform: translateY(-1px); }
.header__right { display: flex; align-items: center; gap: 12px; }
.nav { display: flex; align-items: center; gap: 4px; }
.nav__link { padding: 9px 13px; border-radius: 10px; font-size: .92rem; font-weight: 500; color: var(--soft); transition: color .25s, background .25s; }
.nav__link:hover { color: var(--text); background: var(--surface); }
.nav__email { display: none; }
.nav__cta { margin-left: 6px; padding: 10px 18px; }
.theme-toggle { width: 42px; height: 42px; border-radius: 12px; flex: none; border: 1px solid var(--stroke); background: var(--surface); color: var(--soft); display: grid; place-items: center; transition: color .25s, border-color .25s, background .25s, transform .25s var(--ease); }
.theme-toggle:hover { color: var(--text); border-color: var(--stroke-2); transform: translateY(-1px); }
.theme-toggle svg { width: 19px; height: 19px; }
.theme-toggle .ic-moon { display: none; }
[data-theme="light"] .theme-toggle .ic-sun { display: none; }
[data-theme="light"] .theme-toggle .ic-moon { display: block; }
.nav-toggle { display: none; width: 44px; height: 44px; border: 1px solid var(--stroke); border-radius: 12px; background: var(--surface); flex-direction: column; align-items: center; justify-content: center; gap: 5px; }
.nav-toggle span { width: 20px; height: 2px; background: var(--text); border-radius: 2px; transition: transform .3s var(--ease), opacity .3s; }
.nav-toggle[aria-expanded="true"] span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
.nav-toggle[aria-expanded="true"] span:nth-child(2) { opacity: 0; }
.nav-toggle[aria-expanded="true"] span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }

/* Sections */
.section { padding: clamp(56px, 7.5vw, 100px) 0; position: relative; }
.head { max-width: 720px; margin: 0 auto clamp(30px, 4vw, 48px); text-align: center; }
.title { font-family: var(--disp); font-weight: 800; font-size: clamp(1.85rem, 4.2vw, 2.9rem); line-height: 1.1; letter-spacing: -.03em; }
.lead { margin-top: 16px; color: var(--muted); font-size: clamp(1rem, 1.6vw, 1.1rem); }

/* Hero */
.hero { position: relative; padding-top: 122px; padding-bottom: 32px; }
.hero__inner { display: grid; grid-template-columns: 1fr minmax(460px, .9fr); gap: clamp(30px, 4vw, 52px); align-items: center; }
.hero__title { font-family: var(--disp); font-weight: 800; font-size: clamp(2.2rem, 5.4vw, 4rem); line-height: 1.07; letter-spacing: -.035em; margin: 20px 0 0; }
.hero__title .grad { background-size: 220% auto; animation: sheen 7s ease-in-out infinite; }
@keyframes sheen { 0%,100% { background-position: 0% center; } 50% { background-position: 100% center; } }
.hero__sub { margin-top: 20px; max-width: 540px; color: var(--soft); font-size: clamp(1rem, 1.6vw, 1.15rem); }
.hero__actions { display: flex; flex-wrap: wrap; gap: 13px; margin-top: 30px; }
.hero__stats { display: grid; grid-template-columns: repeat(4, auto); gap: 24px; margin-top: 40px; }
.stat__n { display: block; font-family: var(--disp); font-weight: 800; font-size: clamp(1.4rem, 2.6vw, 1.9rem); letter-spacing: -.03em; background: var(--grad); -webkit-background-clip: text; background-clip: text; color: transparent; }
.stat__l { font-size: .76rem; color: var(--muted); }

/* Hero dashboard showpiece */
.panel-wrap { position: relative; width: min(100%, 560px); justify-self: end; display: grid; gap: 10px; }
.panel-wrap::before { content: ""; position: absolute; inset: -28px 0; z-index: -1; border-radius: 28px; background: radial-gradient(ellipse 70% 60% at 35% 20%, rgba(34,211,238,.18), transparent 68%), radial-gradient(ellipse 60% 55% at 95% 85%, rgba(139,92,246,.18), transparent 66%); filter: blur(2px); pointer-events: none; }
.panel { padding: 22px; border-radius: 22px; overflow: hidden; background: linear-gradient(160deg, rgba(255,255,255,.075), rgba(255,255,255,.025) 58%, rgba(34,211,238,.035)); }
.panel::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(255,255,255,.04) 1px, transparent 1px), linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px); background-size: 46px 46px; opacity: .28; pointer-events: none; mask-image: linear-gradient(#000, transparent 88%); -webkit-mask-image: linear-gradient(#000, transparent 88%); }
.panel > * { position: relative; z-index: 1; }
.panel__head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 16px; }
.panel__title { display: inline-flex; align-items: center; gap: 9px; font-family: var(--disp); font-weight: 600; font-size: .98rem; }
.live-dot { width: 8px; height: 8px; border-radius: 50%; background: #34d399; box-shadow: 0 0 10px #34d399; animation: blink 1.8s infinite; }
.panel__badge { font-family: var(--mono); font-size: .68rem; text-transform: uppercase; letter-spacing: .1em; color: var(--c3); background: rgba(34,211,238,.1); border: 1px solid rgba(34,211,238,.3); padding: 4px 10px; border-radius: 999px; }
.panel__bars { display: flex; align-items: flex-end; gap: 7px; height: 128px; padding: 10px 0; }
.panel__bars span { flex: 1; height: var(--h); border-radius: 8px 8px 4px 4px; background: linear-gradient(180deg, rgba(59,130,246,.95), rgba(139,92,246,.5)); box-shadow: 0 0 20px -6px var(--glow); transition: height .8s var(--ease); }
.panel__bars span:nth-child(odd) { background: linear-gradient(180deg, rgba(34,211,238,.9), rgba(59,130,246,.5)); }
.panel__rows { margin-top: 6px; border-top: 1px solid var(--stroke); padding-top: 14px; display: grid; gap: 11px; }
.prow { display: flex; align-items: center; justify-content: space-between; font-size: .88rem; color: var(--muted); }
.prow b { font-family: var(--mono); color: var(--text); font-weight: 700; }
.panel__status { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; margin-top: 16px; padding-top: 14px; border-top: 1px solid var(--stroke); }
.pstat { display: inline-flex; align-items: center; justify-content: center; gap: 7px; min-width: 0; font-family: var(--mono); font-size: .74rem; color: var(--muted); padding: 5px 11px; border-radius: 999px; background: rgba(255,255,255,.03); border: 1px solid var(--stroke); transition: color .3s, border-color .3s, background .3s; }
.pstat i { width: 13px; height: 13px; border-radius: 50%; border: 1.5px solid var(--stroke-2); position: relative; transition: background .3s, border-color .3s; }
.pstat.active { color: var(--c3); border-color: rgba(34,211,238,.4); }
.pstat.active i { border-color: var(--c3); border-top-color: transparent; animation: spin .7s linear infinite; }
.pstat.done { color: #6ee7b7; border-color: rgba(52,211,153,.35); background: rgba(52,211,153,.07); }
.pstat.done i { background: #34d399; border-color: #34d399; animation: none; }
.pstat.done i::after { content: ""; position: absolute; inset: 0; background: #06140d; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E") center/8px no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E") center/8px no-repeat; }
@keyframes spin { to { transform: rotate(360deg); } }
.panel-insights { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.chip { position: relative; z-index: 3; display: inline-flex; align-items: center; gap: 11px; min-width: 0; padding: 11px 15px; border-radius: 16px; background: linear-gradient(160deg, rgba(255,255,255,.08), rgba(255,255,255,.035)); border: 1px solid var(--stroke-2); backdrop-filter: blur(10px); box-shadow: 0 14px 34px -18px rgba(0,0,0,.6); }
.chip span { width: 34px; height: 34px; flex: none; display: grid; place-items: center; border-radius: 10px; font-family: var(--mono); font-size: .78rem; font-weight: 700; color: #dff7ff; background: linear-gradient(160deg, rgba(34,211,238,.25), rgba(139,92,246,.16)); border: 1px solid rgba(255,255,255,.14); }
.chip b { display: block; font-size: .88rem; }
.chip small { color: var(--muted); font-size: .76rem; }
.chip--a, .chip--b { inset: auto; animation: none; }
@keyframes floatY { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-12px); } }

/* Marquee */
.marquee { margin-top: clamp(34px, 5vw, 56px); overflow: hidden; -webkit-mask-image: linear-gradient(90deg, transparent, #000 12%, #000 88%, transparent); mask-image: linear-gradient(90deg, transparent, #000 12%, #000 88%, transparent); border-block: 1px solid var(--stroke); }
.marquee__track { display: flex; width: max-content; min-width: 100%; animation: marquee-scroll 34s linear infinite; will-change: transform; }
.marquee__group { display: inline-flex; align-items: center; flex: 0 0 auto; gap: 22px; padding: 14px 22px 14px 0; white-space: nowrap; font-family: var(--disp); font-weight: 600; }
.marquee__group span { color: var(--soft); }
.marquee__group b { color: var(--c2); }
@keyframes marquee-scroll { to { transform: translateX(-16.6667%); } }

/* Grids / cards */
.grid { display: grid; gap: 16px; }
.grid--2 { grid-template-columns: repeat(2, 1fr); }
.grid--3 { grid-template-columns: repeat(3, 1fr); }
.grid--4 { grid-template-columns: repeat(4, 1fr); }
.card { padding: 26px; transition: transform .25s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease); transform-style: preserve-3d; }
.card h3 { font-family: var(--disp); font-size: 1.12rem; letter-spacing: -.02em; margin: 15px 0 7px; }
.card p { color: var(--muted); font-size: .92rem; }
.card--mini { padding: 22px; }
.card--mini h3 { font-size: 1rem; margin: 14px 0 6px; }
.card::after { content: ""; position: absolute; inset: 0; border-radius: inherit; pointer-events: none; z-index: 0; opacity: 0; transition: opacity .4s var(--ease); background: radial-gradient(300px circle at var(--mx,50%) var(--my,50%), rgba(34,211,238,.14), transparent 45%); }
.card:hover::after { opacity: 1; }
.card:hover { border-color: var(--stroke-2); box-shadow: 0 30px 70px -30px rgba(34,211,238,.4); }
.card > * { position: relative; z-index: 1; }

/* Icon tiles */
.ic { width: 52px; height: 52px; border-radius: 14px; flex: none; position: relative; background: linear-gradient(160deg, rgba(255,255,255,.09), rgba(255,255,255,.015)); border: 1px solid var(--stroke-2); box-shadow: inset 0 1px 0 rgba(255,255,255,.12); transition: transform .4s var(--ease), box-shadow .4s var(--ease); }
.ic::before { content: ""; position: absolute; inset: 0; border-radius: inherit; background: radial-gradient(circle at 50% 40%, var(--glow), transparent 66%); opacity: .4; transition: opacity .4s; }
.card:hover .ic { transform: translateY(-3px) scale(1.05); box-shadow: 0 16px 30px -16px var(--glow); }
.card:hover .ic::before { opacity: .85; }
.ic::after { content: ""; position: absolute; inset: 0; z-index: 1; background: var(--grad); filter: drop-shadow(0 1px 5px var(--glow)); -webkit-mask-position: center; mask-position: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: 25px; mask-size: 25px; }
[data-i="code"]::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='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='16 18 22 12 16 6'/%3E%3Cpolyline points='8 6 2 12 8 18'/%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='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='16 18 22 12 16 6'/%3E%3Cpolyline points='8 6 2 12 8 18'/%3E%3C/svg%3E"); }
[data-i="bolt"]::after { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23000'%3E%3Cpolygon points='13 2 3 14 12 14 11 22 21 10 12 10 13 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='%23000'%3E%3Cpolygon points='13 2 3 14 12 14 11 22 21 10 12 10 13 2'/%3E%3C/svg%3E"); }
[data-i="web"]::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='%23000' stroke-width='2'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cline x1='2' y1='12' x2='22' y2='12'/%3E%3Cpath d='M12 2a15 15 0 0 1 0 20 15 15 0 0 1 0-20z'/%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='%23000' stroke-width='2'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cline x1='2' y1='12' x2='22' y2='12'/%3E%3Cpath d='M12 2a15 15 0 0 1 0 20 15 15 0 0 1 0-20z'/%3E%3C/svg%3E"); }
[data-i="bot"]::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='%23000' stroke-width='2' stroke-linecap='round'%3E%3Crect x='4' y='8' width='16' height='12' rx='3'/%3E%3Cpath d='M12 8V4'/%3E%3Ccircle cx='12' cy='3' r='1'/%3E%3Cline x1='9' y1='13' x2='9' y2='15'/%3E%3Cline x1='15' y1='13' x2='15' y2='15'/%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='%23000' stroke-width='2' stroke-linecap='round'%3E%3Crect x='4' y='8' width='16' height='12' rx='3'/%3E%3Cpath d='M12 8V4'/%3E%3Ccircle cx='12' cy='3' r='1'/%3E%3Cline x1='9' y1='13' x2='9' y2='15'/%3E%3Cline x1='15' y1='13' x2='15' y2='15'/%3E%3C/svg%3E"); }
[data-i="chat"]::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='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 11.5a8.38 8.38 0 0 1-9 8.5 8.5 8.5 0 0 1-3.8-.9L3 20l1.9-5.2A8.38 8.38 0 0 1 4 11.5 8.5 8.5 0 0 1 12.5 3 8.38 8.38 0 0 1 21 11.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='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 11.5a8.38 8.38 0 0 1-9 8.5 8.5 8.5 0 0 1-3.8-.9L3 20l1.9-5.2A8.38 8.38 0 0 1 4 11.5 8.5 8.5 0 0 1 12.5 3 8.38 8.38 0 0 1 21 11.5z'/%3E%3C/svg%3E"); }
[data-i="sales"]::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='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='12' y1='1' x2='12' y2='23'/%3E%3Cpath d='M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6'/%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='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='12' y1='1' x2='12' y2='23'/%3E%3Cpath d='M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6'/%3E%3C/svg%3E"); }
[data-i="support"]::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='%23000' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M4 12a8 8 0 0 1 16 0'/%3E%3Crect x='2' y='12' width='5' height='7' rx='2'/%3E%3Crect x='17' y='12' width='5' height='7' rx='2'/%3E%3Cpath d='M20 19a4 4 0 0 1-4 3h-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='%23000' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M4 12a8 8 0 0 1 16 0'/%3E%3Crect x='2' y='12' width='5' height='7' rx='2'/%3E%3Crect x='17' y='12' width='5' height='7' rx='2'/%3E%3Cpath d='M20 19a4 4 0 0 1-4 3h-2'/%3E%3C/svg%3E"); }
[data-i="link"]::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='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 13a5 5 0 0 0 7 0l3-3a5 5 0 0 0-7-7l-1 1'/%3E%3Cpath d='M14 11a5 5 0 0 0-7 0l-3 3a5 5 0 0 0 7 7l1-1'/%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='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 13a5 5 0 0 0 7 0l3-3a5 5 0 0 0-7-7l-1 1'/%3E%3Cpath d='M14 11a5 5 0 0 0-7 0l-3 3a5 5 0 0 0 7 7l1-1'/%3E%3C/svg%3E"); }
[data-i="cloud"]::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='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 10a4 4 0 0 0-7.5-1.5A3.5 3.5 0 1 0 6 15h11a3 3 0 0 0 1-5.83z'/%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='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 10a4 4 0 0 0-7.5-1.5A3.5 3.5 0 1 0 6 15h11a3 3 0 0 0 1-5.83z'/%3E%3C/svg%3E"); }
[data-i="brain"]::after { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23000'%3E%3Cpath d='M12 2l1.8 5L19 8.8l-5 1.8L12.2 16 10.4 11 5 9.2l5.2-1.8L12 2z'/%3E%3Cpath d='M18.5 13l.95 2.55L22 16.5l-2.55.95L18.5 20l-.95-2.55L15 16.5l2.55-.95L18.5 13z'/%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='%23000'%3E%3Cpath d='M12 2l1.8 5L19 8.8l-5 1.8L12.2 16 10.4 11 5 9.2l5.2-1.8L12 2z'/%3E%3Cpath d='M18.5 13l.95 2.55L22 16.5l-2.55.95L18.5 20l-.95-2.55L15 16.5l2.55-.95L18.5 13z'/%3E%3C/svg%3E"); }
[data-i="shield"]::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='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z'/%3E%3Cpath d='M9 12l2 2 4-4'/%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='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z'/%3E%3Cpath d='M9 12l2 2 4-4'/%3E%3C/svg%3E"); }
[data-i="rocket"]::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='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4.5 16.5c-1.5 1.26-2 5-2 5s3.74-.5 5-2c.71-.84.7-2.13-.09-2.91a2.18 2.18 0 0 0-2.91 0z'/%3E%3Cpath d='M12 15l-3-3a22 22 0 0 1 2-3.95A12.88 12.88 0 0 1 22 2c0 2.72-.78 7.5-6 11a22.35 22.35 0 0 1-4 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='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4.5 16.5c-1.5 1.26-2 5-2 5s3.74-.5 5-2c.71-.84.7-2.13-.09-2.91a2.18 2.18 0 0 0-2.91 0z'/%3E%3Cpath d='M12 15l-3-3a22 22 0 0 1 2-3.95A12.88 12.88 0 0 1 22 2c0 2.72-.78 7.5-6 11a22.35 22.35 0 0 1-4 2z'/%3E%3C/svg%3E"); }
[data-i="lock"]::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='%23000' stroke-width='2' stroke-linecap='round'%3E%3Crect x='4' y='11' width='16' height='10' rx='2'/%3E%3Cpath d='M8 11V7a4 4 0 0 1 8 0v4'/%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='%23000' stroke-width='2' stroke-linecap='round'%3E%3Crect x='4' y='11' width='16' height='10' rx='2'/%3E%3Cpath d='M8 11V7a4 4 0 0 1 8 0v4'/%3E%3C/svg%3E"); }
[data-i="scale"]::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='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 17l6-6 4 4 8-8'/%3E%3Cpath d='M17 7h4v4'/%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='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 17l6-6 4 4 8-8'/%3E%3Cpath d='M17 7h4v4'/%3E%3C/svg%3E"); }

/* Cases */
.case { display: flex; flex-direction: column; }
.case__tag { align-self: flex-start; font-family: var(--mono); font-size: .72rem; font-weight: 600; letter-spacing: .04em; text-transform: uppercase; color: var(--c3); background: rgba(34,211,238,.1); border: 1px solid rgba(34,211,238,.28); padding: 5px 11px; border-radius: 999px; margin-bottom: 16px; }
.case h3 { font-size: 1.25rem; }
.case p { flex: 1; }
.case__metrics { display: flex; gap: 30px; margin-top: 20px; padding-top: 18px; border-top: 1px solid var(--stroke); }
.case__metrics b { display: block; font-family: var(--disp); font-weight: 800; font-size: 1.7rem; line-height: 1; }
.case__metrics span { font-size: .8rem; color: var(--muted); }

/* Reviews */
.review { display: flex; flex-direction: column; gap: 16px; }
.review__stars { color: #FBBF24; letter-spacing: 3px; }
.review blockquote { color: var(--soft); font-size: 1rem; line-height: 1.6; flex: 1; }
.review figcaption { display: flex; align-items: center; gap: 12px; }
.review figcaption b { display: block; font-size: .95rem; }
.review figcaption small { color: var(--muted); font-size: .82rem; }
.avatar { width: 42px; height: 42px; flex: none; border-radius: 50%; display: grid; place-items: center; font-family: var(--disp); font-weight: 700; color: #fff; background: var(--grad); }

/* Formats */
.formats { display: flex; flex-wrap: wrap; gap: 12px; justify-content: center; }
.fmt { font-family: var(--mono); font-size: .92rem; color: var(--soft); padding: 12px 20px; border-radius: 12px; background: var(--surface); border: 1px solid var(--stroke); transition: transform .3s var(--ease), border-color .3s, color .3s, box-shadow .3s; }
.fmt:hover { transform: translateY(-3px); color: var(--text); border-color: var(--stroke-2); box-shadow: 0 14px 30px -16px var(--glow); }
.mobile-more { display: none; margin: 18px auto 0; }

/* Pipeline */
.pipeline { display: grid; grid-template-columns: 1fr auto 1fr auto 1fr auto 1fr auto 1fr; align-items: center; gap: 10px; }
.pipe { padding: 24px 18px; text-align: center; }
.pipe .ic { margin: 0 auto 14px; }
.pipe__n { display: block; font-family: var(--mono); font-size: .78rem; color: var(--c3); margin-bottom: 8px; }
.pipe h3 { font-family: var(--disp); font-size: 1.05rem; margin-bottom: 6px; }
.pipe p { color: var(--muted); font-size: .85rem; }
.pipe__arrow { width: 100%; height: 2px; min-width: 16px; position: relative; background: linear-gradient(90deg, rgba(34,211,238,.5), rgba(139,92,246,.4)); border-radius: 2px; overflow: hidden; }
.pipe__arrow::after { content: ""; position: absolute; top: 50%; left: 0; width: 8px; height: 8px; margin-top: -4px; border-radius: 50%; background: #fff; box-shadow: 0 0 10px var(--c1); animation: flow 2.2s linear infinite; }
@keyframes flow { from { left: -8px; opacity: 0; } 15%,85% { opacity: 1; } to { left: 100%; opacity: 0; } }

/* FAQ */
.faq { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: start; gap: 12px 16px; }
.faq__i { border: 1px solid var(--stroke); border-radius: var(--radius-sm); background: var(--surface); overflow: hidden; transition: border-color .3s, background .3s; }
.faq__i[open] { border-color: var(--stroke-2); background: var(--surface-2); }
.faq__i summary { list-style: none; cursor: pointer; padding: 19px 22px; font-family: var(--disp); font-weight: 600; font-size: 1.04rem; display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.faq__i summary::-webkit-details-marker { display: none; }
.faq__i summary::after { content: ""; width: 22px; height: 22px; flex: none; border-radius: 50%; border: 1px solid var(--stroke-2); background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23BCC2D4' stroke-width='2.5' stroke-linecap='round'%3E%3Cline x1='12' y1='6' x2='12' y2='18'/%3E%3Cline x1='6' y1='12' x2='18' y2='12'/%3E%3C/svg%3E") center/13px no-repeat; transition: transform .3s var(--ease); }
.faq__i[open] summary::after { transform: rotate(135deg); }
.faq__b { padding: 0 22px 19px; color: var(--muted); }

/* Legal documents */
.legal-grid { display: grid; grid-template-columns: minmax(260px, .72fr) minmax(0, 1.28fr); align-items: start; gap: 16px; }
.legal-card { padding: 24px; }
.legal-card h2, .legal-card h3 { font-family: var(--disp); font-size: 1.32rem; line-height: 1.2; letter-spacing: -.025em; margin: 14px 0 10px; }
.legal-card p { color: var(--muted); font-size: .94rem; }
.legal-links { max-width: 960px; margin-inline: auto; }
.legal-link { display: grid; align-content: start; gap: 10px; padding: 24px; color: inherit; transition: transform .28s var(--ease), border-color .28s, background .28s; }
.legal-link:hover, .legal-link:focus-visible { outline: none; transform: translateY(-3px); border-color: rgba(34,211,238,.32); background: rgba(255,255,255,.055); }
.legal-link h3 { font-family: var(--disp); font-size: 1.08rem; line-height: 1.22; letter-spacing: -.02em; }
.legal-link p { color: var(--muted); font-size: .92rem; }
.legal-meta { display: grid; gap: 10px; margin-top: 20px; }
.legal-meta li { display: grid; gap: 3px; padding: 12px 13px; border-radius: 12px; border: 1px solid var(--stroke); background: rgba(255,255,255,.035); }
.legal-meta span { font-family: var(--mono); font-size: .68rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--muted); }
.legal-meta a, .legal-doc__body a, .form__note a { color: var(--cyan); transition: color .25s, text-shadow .25s; }
.legal-meta a:hover, .legal-doc__body a:hover, .form__note a:hover { color: var(--text); text-shadow: 0 0 16px rgba(34,211,238,.42); }
.legal-docs { display: grid; gap: 12px; }
.legal-doc { overflow: hidden; }
.legal-doc summary { list-style: none; cursor: pointer; position: relative; padding: 18px 52px 18px 20px; font-family: var(--disp); font-size: 1.04rem; font-weight: 700; line-height: 1.25; letter-spacing: -.018em; }
.legal-doc summary::-webkit-details-marker { display: none; }
.legal-doc summary::after { content: ""; position: absolute; right: 20px; top: 50%; width: 22px; height: 22px; margin-top: -11px; border-radius: 50%; border: 1px solid var(--stroke-2); background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23BCC2D4' stroke-width='2.5' stroke-linecap='round'%3E%3Cline x1='12' y1='6' x2='12' y2='18'/%3E%3Cline x1='6' y1='12' x2='18' y2='12'/%3E%3C/svg%3E") center/13px no-repeat; transition: transform .3s var(--ease); }
.legal-doc[open] summary::after { transform: rotate(135deg); }
.legal-doc__body { padding: 0 20px 20px; color: var(--muted); font-size: .94rem; }
.legal-doc__body p + p { margin-top: 11px; }
.documents-main { min-height: 100vh; padding-top: 86px; }
.documents-hero { padding-top: clamp(28px, 5vw, 56px); }

/* CTA / form */
.cta { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(30px, 4vw, 56px); padding: clamp(32px, 4vw, 52px); align-items: center; overflow: hidden; }
.cta__glow { position: absolute; inset: 0; background: radial-gradient(ellipse 50% 60% at 12% 25%, rgba(34,211,238,.2), transparent 60%), radial-gradient(ellipse 50% 60% at 90% 85%, rgba(139,92,246,.18), transparent 60%); pointer-events: none; }
.cta__left { position: relative; }
.cta .title, .cta .lead { text-align: left; }
.ticks { display: grid; gap: 10px; margin: 18px 0 0; }
.ticks li { position: relative; padding-left: 28px; color: var(--soft); font-size: .92rem; }
.ticks li::before { content: ""; position: absolute; left: 0; top: 3px; width: 18px; height: 18px; border-radius: 50%; background: var(--grad); -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E") center/12px no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E") center/12px no-repeat; }
.ticks--lg li { font-size: 1rem; margin-bottom: 2px; }
.form { position: relative; display: grid; gap: 15px; }
.field { display: grid; gap: 7px; }
.field-row { display: grid; grid-template-columns: 1fr 1fr; gap: 15px; }
.field label { font-size: .8rem; font-weight: 500; color: var(--soft); }
.field input, .field select { width: 100%; padding: 13px 15px; border-radius: 12px; background: rgba(0,0,0,.28); border: 1px solid var(--stroke); color: var(--text); font-family: inherit; font-size: .95rem; transition: border-color .25s, box-shadow .25s, background .25s; }
.field input::placeholder { color: #5d6373; }
.field input:focus, .field select:focus { outline: none; border-color: rgba(34,211,238,.6); box-shadow: 0 0 0 3px rgba(34,211,238,.18); background: rgba(0,0,0,.4); }
.field select { appearance: none; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23818799' stroke-width='2' stroke-linecap='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 14px center; background-size: 18px; padding-right: 40px; }
.field select option { background: #11131c; }
.field input.invalid { border-color: #f87171; box-shadow: 0 0 0 3px rgba(248,113,113,.15); }
.form-consent { display: grid; grid-template-columns: 22px minmax(0, 1fr); align-items: start; gap: 10px; padding: 12px 13px; border-radius: 14px; border: 1px solid rgba(34,211,238,.18); background: rgba(255,255,255,.04); color: var(--soft); font-size: .8rem; line-height: 1.4; transition: border-color .22s, background .22s, box-shadow .22s; }
.form-consent input { appearance: none; width: 20px; height: 20px; margin-top: 1px; border-radius: 7px; border: 1px solid var(--stroke-2); background: rgba(0,0,0,.26); display: grid; place-items: center; cursor: pointer; transition: border-color .2s, background .2s, box-shadow .2s; }
.form-consent input::after { content: ""; width: 12px; height: 12px; transform: scale(0); background: #061018; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E") center/contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E") center/contain no-repeat; transition: transform .18s var(--ease); }
.form-consent input:checked { border-color: rgba(34,211,238,.72); background: linear-gradient(120deg, #22D3EE, #3B82F6); box-shadow: 0 0 18px -8px rgba(34,211,238,.9); }
.form-consent input:checked::after { transform: scale(1); }
.form-consent input:focus-visible { outline: none; box-shadow: 0 0 0 3px rgba(34,211,238,.16); }
.form-consent a { color: var(--cyan); font-weight: 800; transition: color .2s, text-shadow .2s; }
.form-consent a:hover, .form-consent a:focus-visible { color: var(--text); text-shadow: 0 0 14px rgba(34,211,238,.5); outline: none; }
.form-consent.invalid { border-color: rgba(248,113,113,.68); background: rgba(127,29,29,.18); box-shadow: 0 16px 36px -30px rgba(248,113,113,.8); }
.form__note { font-size: .78rem; color: var(--muted); text-align: center; }
.form__ok { margin-top: 2px; padding: 13px 16px; border-radius: 12px; background: rgba(52,211,153,.12); border: 1px solid rgba(52,211,153,.35); color: #6ee7b7; font-size: .9rem; text-align: center; }

/* Interactive demos */
.demo-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.demo-screen { min-width: 0; padding: 10px; overflow: hidden; }
.demo-screen__bar { height: 34px; display: flex; align-items: center; gap: 7px; padding: 0 4px 10px; color: var(--muted); font-family: var(--mono); font-size: .72rem; letter-spacing: .04em; text-transform: uppercase; }
.demo-screen__bar span { width: 8px; height: 8px; border-radius: 50%; background: var(--stroke-2); }
.demo-screen__bar span:nth-child(1) { background: #ef4444; }
.demo-screen__bar span:nth-child(2) { background: #f59e0b; }
.demo-screen__bar span:nth-child(3) { background: #22c55e; }
.demo-screen__bar b { margin-left: auto; color: var(--soft); font-weight: 600; }
.demo-screen__full { width: 28px; height: 28px; flex: none; display: grid; place-items: center; margin-left: 4px; border: 1px solid var(--stroke); border-radius: 9px; color: var(--soft); background: rgba(255,255,255,.04); transition: color .25s, border-color .25s, background .25s, transform .25s var(--ease); }
.demo-screen__full:hover { color: var(--text); border-color: var(--stroke-2); background: rgba(255,255,255,.08); transform: translateY(-1px); }
.demo-screen__full svg { width: 16px; height: 16px; }
.demo-screen__full .ic-close { display: none; }
.demo-screen iframe { width: 100%; height: clamp(300px, 28vw, 380px); display: block; border: 0; border-radius: 12px; background: #05060e; }
.demo-screen:fullscreen,
.demo-screen.is-fullscreen { width: 100vw; height: 100vh; max-width: none; padding: 14px; border-radius: 0; display: flex; flex-direction: column; background: #07080c; box-shadow: none; }
.demo-screen.is-fullscreen { position: fixed; inset: 0; z-index: 200; }
.demo-screen:fullscreen::before,
.demo-screen.is-fullscreen::before { border-radius: 0; }
.demo-screen:fullscreen .demo-screen__bar,
.demo-screen.is-fullscreen .demo-screen__bar { height: 42px; padding: 0 4px 12px; }
.demo-screen:fullscreen .demo-screen__full .ic-open,
.demo-screen.is-fullscreen .demo-screen__full .ic-open { display: none; }
.demo-screen:fullscreen .demo-screen__full .ic-close,
.demo-screen.is-fullscreen .demo-screen__full .ic-close { display: block; }
.demo-screen:fullscreen iframe,
.demo-screen.is-fullscreen iframe { flex: 1; height: auto; min-height: 0; border-radius: 14px; }
.demo-screen::backdrop { background: #07080c; }
body.demo-lock { overflow: hidden; }

/* Cookie consent styles are defined in final compact refinements. */

/* AI lead agent */
.agent-widget { position: fixed; right: max(22px, env(safe-area-inset-right)); bottom: max(22px, env(safe-area-inset-bottom)); z-index: 112; display: grid; justify-items: end; gap: 14px; pointer-events: none; }
.agent-launcher { pointer-events: auto; position: relative; display: inline-flex; align-items: center; gap: 11px; min-width: 190px; min-height: 60px; padding: 9px 18px 9px 10px; border: 1px solid rgba(139,92,246,.58); border-radius: 24px; color: var(--text); background: linear-gradient(145deg, rgba(8,13,23,.98), rgba(18,16,42,.94) 54%, rgba(4,27,39,.96)); box-shadow: 0 28px 64px -26px rgba(34,211,238,.76), 0 14px 38px -28px rgba(139,92,246,.86), inset 0 1px 0 rgba(255,255,255,.16), inset 0 -18px 34px rgba(0,0,0,.34); backdrop-filter: blur(18px) saturate(150%); isolation: isolate; overflow: hidden; transform: translateY(18px) scale(.92); opacity: 0; transition: transform .34s var(--ease), opacity .28s var(--ease), box-shadow .28s, border-color .28s, background .28s; }
.agent-widget.is-ready .agent-launcher { opacity: 1; transform: none; }
.agent-launcher::before { content: ""; position: absolute; inset: -1px; z-index: -1; border-radius: inherit; background: var(--grad); opacity: .5; filter: blur(11px); transition: opacity .28s; }
.agent-launcher::after { content: ""; position: absolute; inset: 1px; z-index: -1; border-radius: 23px; background: radial-gradient(circle at 16% 0, rgba(34,211,238,.28), transparent 38%), radial-gradient(circle at 88% 92%, rgba(139,92,246,.22), transparent 40%), radial-gradient(circle at 98% 18%, rgba(59,130,246,.16), transparent 32%), linear-gradient(145deg, rgba(5,10,21,.98), rgba(14,14,34,.94) 56%, rgba(3,24,36,.95)); }
.agent-launcher:hover, .agent-launcher:focus-visible { outline: none; transform: translateY(-3px) scale(1.02); border-color: rgba(34,211,238,.88); box-shadow: 0 34px 78px -24px rgba(34,211,238,.9), 0 16px 42px -28px rgba(139,92,246,.95), inset 0 1px 0 rgba(255,255,255,.22), inset 0 -18px 34px rgba(0,0,0,.34); }
.agent-launcher:hover::before, .agent-launcher:focus-visible::before { opacity: .58; }
.agent-launcher__core { width: 42px; height: 42px; flex: none; display: grid; place-items: center; border-radius: 16px; color: #fff; background: var(--grad); box-shadow: inset 0 1px 0 rgba(255,255,255,.32), inset 0 -12px 18px rgba(0,0,0,.22), 0 0 22px -8px rgba(34,211,238,.9), 0 0 24px -12px rgba(139,92,246,.82); }
.agent-launcher__core svg { width: 25px; height: 25px; filter: drop-shadow(0 0 9px rgba(34,211,238,.58)); animation: agentCore 3.2s var(--ease) infinite; }
.agent-launcher__text { display: grid; gap: 0; line-height: 1; text-align: left; }
.agent-launcher__text b { font-family: var(--disp); font-size: 1rem; letter-spacing: 0; color: #F5F8FF; }
.agent-launcher__text small { margin-top: 5px; background: var(--grad); -webkit-background-clip: text; background-clip: text; color: transparent; font-family: var(--mono); font-weight: 800; font-size: .62rem; letter-spacing: .1em; text-transform: uppercase; }
.agent-launcher__ping { position: absolute; right: 11px; top: 9px; width: 8px; height: 8px; border-radius: 50%; background: var(--c3); box-shadow: 0 0 12px rgba(34,211,238,.9), 0 0 18px rgba(139,92,246,.42); }
.agent-launcher__ping::after { content: ""; position: absolute; inset: -7px; border-radius: inherit; border: 1px solid rgba(34,211,238,.56); animation: agentPing 1.9s ease-out infinite; }
.agent-panel { position: absolute; right: 0; bottom: 78px; width: min(460px, calc(100vw - 44px)); height: min(760px, calc(100dvh - 112px)); max-height: min(760px, calc(100dvh - 112px)); display: grid; grid-template-rows: auto auto auto minmax(220px, 1fr) auto auto auto auto; overflow: hidden; overscroll-behavior: contain; border-radius: 24px; opacity: 0; transform: translateY(22px) scale(.96); pointer-events: none; transition: opacity .24s var(--ease), transform .3s var(--ease); box-shadow: 0 42px 110px -36px rgba(34,211,238,.52), 0 28px 90px -32px rgba(0,0,0,.92), inset 0 1px 0 rgba(255,255,255,.12); background: radial-gradient(circle at 18% 0, rgba(34,211,238,.13), transparent 34%), radial-gradient(circle at 100% 100%, rgba(139,92,246,.16), transparent 36%), linear-gradient(180deg, rgba(8,13,23,.985), rgba(5,8,16,.99)); border: 1px solid rgba(255,255,255,.15); backdrop-filter: blur(16px) saturate(140%); }
.agent-panel.is-dragged { position: fixed; transform: none; }
.agent-panel.is-dragging { transition: opacity .18s var(--ease); }
.agent-panel.is-drop-target::after { content: "Отпустите файл, чтобы прикрепить"; position: absolute; inset: 10px; z-index: 4; display: grid; place-items: center; border-radius: 18px; border: 1px dashed rgba(34,211,238,.65); color: var(--text); background: rgba(5,10,18,.88); font-weight: 800; pointer-events: none; }
.agent-widget.is-open .agent-panel { opacity: 1; transform: none; pointer-events: auto; }
.agent-panel__top { display: flex; align-items: flex-start; justify-content: space-between; gap: 14px; padding: 18px 18px 13px; border-bottom: 1px solid rgba(34,211,238,.12); background: linear-gradient(180deg, rgba(255,255,255,.075), rgba(255,255,255,.025)); cursor: grab; touch-action: none; }
.agent-panel.is-dragging .agent-panel__top { cursor: grabbing; }
.agent-kicker { display: inline-flex; align-items: center; gap: 7px; margin-bottom: 5px; font-family: var(--mono); font-size: .66rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; color: var(--cyan); }
.agent-kicker::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: var(--green); box-shadow: 0 0 12px rgba(52,211,153,.8); }
.agent-panel__top h2 { font-family: var(--disp); font-size: 1.12rem; line-height: 1.12; letter-spacing: -.02em; }
.agent-panel__tools { flex: none; display: flex; align-items: center; gap: 8px; }
.agent-close, .agent-reset { width: 34px; height: 34px; flex: none; display: grid; place-items: center; border-radius: 12px; border: 1px solid var(--stroke); background: rgba(255,255,255,.045); color: var(--soft); line-height: 1; transition: color .2s, border-color .2s, background .2s, transform .2s var(--ease), box-shadow .2s; }
.agent-close { font-size: 1.35rem; }
.agent-reset svg { width: 18px; height: 18px; transition: transform .28s var(--ease); }
.agent-close:hover, .agent-close:focus-visible, .agent-reset:hover, .agent-reset:focus-visible { outline: none; color: var(--text); border-color: var(--stroke-2); background: rgba(255,255,255,.08); transform: translateY(-1px); box-shadow: 0 14px 28px -20px rgba(34,211,238,.7); }
.agent-reset:hover svg, .agent-reset:focus-visible svg { transform: rotate(-90deg); }
.agent-progress { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 5px; padding: 10px 12px; border-bottom: 1px solid rgba(255,255,255,.055); background: rgba(0,0,0,.1); }
.agent-progress__step { min-width: 0; display: grid; justify-items: center; gap: 3px; color: var(--muted); font-family: var(--mono); font-size: .57rem; line-height: 1; text-transform: uppercase; letter-spacing: .04em; }
.agent-progress__step i { width: 18px; height: 18px; display: grid; place-items: center; border-radius: 8px; border: 1px solid var(--stroke); color: var(--soft); font-style: normal; font-size: .62rem; background: rgba(255,255,255,.035); }
.agent-progress__step.is-done i { color: #04141a; border-color: transparent; background: var(--green); box-shadow: 0 0 14px rgba(52,211,153,.45); }
.agent-progress__step.is-active { color: var(--cyan); }
.agent-progress__step.is-active i { border-color: rgba(34,211,238,.46); color: var(--cyan); box-shadow: 0 0 16px rgba(34,211,238,.32); }
.agent-consent-alert { margin: 12px 14px 0; padding: 12px 14px; border-radius: 16px; border: 1px solid rgba(248,113,113,.58); color: #fecaca; background: linear-gradient(145deg, rgba(127,29,29,.28), rgba(30,10,18,.54)); font-weight: 800; font-size: .88rem; line-height: 1.42; box-shadow: 0 18px 40px -32px rgba(248,113,113,.8), inset 0 1px 0 rgba(255,255,255,.08); }
.agent-consent-alert.is-hidden { max-height: 0; margin-top: 0; padding-top: 0; padding-bottom: 0; border-width: 0; opacity: 0; overflow: hidden; pointer-events: none; }
.agent-messages { min-height: 230px; overflow-y: auto; overscroll-behavior: contain; padding: 16px 14px 12px; display: grid; align-content: start; gap: 10px; background-image: linear-gradient(rgba(255,255,255,.018) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.018) 1px, transparent 1px); background-size: 34px 34px; scrollbar-width: thin; scrollbar-color: rgba(34,211,238,.55) transparent; }
.agent-msg { display: flex; }
.agent-msg > div { max-width: 88%; padding: 11px 13px; border-radius: 16px; font-size: .9rem; line-height: 1.48; white-space: normal; overflow-wrap: anywhere; box-shadow: inset 0 1px 0 rgba(255,255,255,.08); }
.agent-msg--agent { justify-content: flex-start; }
.agent-msg--agent > div { color: var(--soft); background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.11); border-top-left-radius: 7px; }
.agent-msg--human { justify-content: flex-start; }
.agent-msg--human > div { color: var(--text); background: linear-gradient(145deg, rgba(34,211,238,.13), rgba(52,211,153,.08)); border: 1px solid rgba(52,211,153,.32); border-top-left-radius: 7px; box-shadow: inset 0 1px 0 rgba(255,255,255,.12), 0 18px 38px -28px rgba(52,211,153,.65); }
.agent-msg__author { display: block; margin-bottom: 4px; font-family: var(--mono); font-size: .68rem; line-height: 1; letter-spacing: .08em; text-transform: uppercase; color: var(--green); }
.agent-msg--user { justify-content: flex-end; }
.agent-msg--user > div { color: #051017; background: linear-gradient(120deg, #22D3EE, #38BDF8 55%, #3B82F6); border-top-right-radius: 7px; font-weight: 650; box-shadow: 0 18px 34px -25px rgba(34,211,238,.8); }
.agent-chips { display: flex; gap: 7px; overflow-x: auto; overscroll-behavior: contain; padding: 0 14px 12px; scrollbar-width: none; }
.agent-chips::-webkit-scrollbar { display: none; }
.agent-chips button { flex: 0 0 auto; min-height: 34px; padding: 7px 11px; border-radius: 999px; border: 1px solid rgba(34,211,238,.25); background: rgba(34,211,238,.08); color: var(--soft); font-size: .8rem; font-weight: 700; transition: color .22s, border-color .22s, background .22s, transform .22s var(--ease); }
.agent-chips button:hover, .agent-chips button:focus-visible { outline: none; color: var(--text); border-color: rgba(34,211,238,.5); background: rgba(34,211,238,.14); transform: translateY(-1px); }
.agent-chips button:disabled { cursor: not-allowed; opacity: .48; color: var(--muted); border-color: rgba(255,255,255,.11); background: rgba(255,255,255,.035); transform: none; }
.agent-attachments { display: flex; gap: 8px; overflow-x: auto; overscroll-behavior: contain; padding: 0 14px; scrollbar-width: thin; scrollbar-color: rgba(34,211,238,.45) transparent; }
.agent-attachments:empty { display: none; }
.agent-attachment { flex: 0 0 auto; max-width: 220px; min-height: 44px; display: grid; grid-template-columns: 34px minmax(0, 1fr) 24px; align-items: center; gap: 8px; padding: 6px; border-radius: 14px; color: var(--soft); border: 1px solid rgba(34,211,238,.18); background: rgba(255,255,255,.055); }
.agent-attachment__preview, .agent-attachment__icon { width: 34px; height: 34px; display: grid; place-items: center; border-radius: 10px; color: var(--cyan); background: rgba(34,211,238,.11); background-size: cover; background-position: center; }
.agent-attachment__meta { min-width: 0; display: grid; line-height: 1.1; }
.agent-attachment__meta b { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: .78rem; color: var(--text); }
.agent-attachment__meta small { margin-top: 3px; font-size: .68rem; color: var(--muted); }
.agent-attachment button { width: 24px; height: 24px; border: 0; border-radius: 8px; color: var(--soft); background: rgba(255,255,255,.075); font-size: 1.05rem; line-height: 1; }
.agent-attachment button:hover, .agent-attachment button:focus-visible { outline: none; color: var(--text); background: rgba(244,63,94,.22); }
.agent-input { display: grid; grid-template-columns: 42px minmax(0, 1fr) 42px; align-items: end; gap: 9px; padding: 12px 14px 14px; border-top: 1px solid var(--stroke); background: rgba(0,0,0,.28); }
.agent-input textarea { min-width: 0; width: 100%; min-height: 42px; max-height: 132px; resize: none; overflow-y: auto; overscroll-behavior: contain; border-radius: 14px; border: 1px solid var(--stroke); background: rgba(0,0,0,.54); color: var(--text); padding: 10px 13px; font-family: inherit; font-size: .9rem; line-height: 1.35; outline: none; transition: border-color .22s, box-shadow .22s, background .22s; }
.agent-input textarea:focus { border-color: rgba(34,211,238,.58); box-shadow: 0 0 0 3px rgba(34,211,238,.16); background: rgba(0,0,0,.66); }
.agent-input textarea::placeholder { color: #69728a; }
.agent-input button { width: 42px; height: 42px; display: grid; place-items: center; border: 0; border-radius: 14px; color: #061018; background: var(--grad); box-shadow: 0 12px 28px -12px var(--glow); transition: transform .22s var(--ease), box-shadow .22s, background .22s; }
.agent-input .agent-attach { color: var(--soft); background: rgba(255,255,255,.075); border: 1px solid var(--stroke); box-shadow: none; }
.agent-input button:hover, .agent-input button:focus-visible { outline: none; transform: translateY(-1px); box-shadow: 0 17px 34px -12px var(--glow); }
.agent-input .agent-attach:hover, .agent-input .agent-attach:focus-visible { color: var(--text); border-color: rgba(34,211,238,.42); background: rgba(34,211,238,.12); box-shadow: 0 14px 28px -22px rgba(34,211,238,.7); }
.agent-input textarea:disabled, .agent-input button:disabled { cursor: wait; opacity: .72; }
.agent-widget.needs-consent .agent-input textarea:disabled, .agent-widget.needs-consent .agent-input button:disabled { cursor: not-allowed; opacity: .48; }
.agent-input svg { width: 21px; height: 21px; }
.agent-consent { display: grid; grid-template-columns: 24px minmax(0, 1fr); align-items: start; gap: 10px; margin: 0 14px 14px; padding: 11px 12px; border-radius: 14px; border: 1px solid rgba(34,211,238,.18); background: rgba(255,255,255,.045); color: var(--soft); font-size: .78rem; line-height: 1.35; transition: border-color .22s, background .22s, box-shadow .22s; }
.agent-consent.is-required { border-color: rgba(248,113,113,.68); background: rgba(127,29,29,.18); box-shadow: 0 16px 36px -30px rgba(248,113,113,.8); }
.agent-consent.is-shaking { animation: consentShake .32s var(--ease); }
.agent-consent__input { appearance: none; width: 22px; height: 22px; margin: 0; border-radius: 7px; border: 1px solid var(--stroke-2); background: rgba(0,0,0,.28); display: grid; place-items: center; cursor: pointer; transition: border-color .2s, background .2s, box-shadow .2s; }
.agent-consent__input::after { content: ""; width: 13px; height: 13px; transform: scale(0); background: #061018; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E") center/contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E") center/contain no-repeat; transition: transform .18s var(--ease); }
.agent-consent__input:checked { border-color: rgba(34,211,238,.72); background: linear-gradient(120deg, #22D3EE, #3B82F6); box-shadow: 0 0 18px -8px rgba(34,211,238,.9); }
.agent-consent__input:checked::after { transform: scale(1); }
.agent-consent__input:focus-visible { outline: none; box-shadow: 0 0 0 3px rgba(34,211,238,.16); }
.agent-consent a { color: var(--cyan); font-weight: 800; transition: color .2s, text-shadow .2s; }
.agent-consent a:hover, .agent-consent a:focus-visible { color: var(--text); text-shadow: 0 0 14px rgba(34,211,238,.5); outline: none; }
@keyframes consentShake { 0%,100% { transform: translateX(0); } 25% { transform: translateX(-4px); } 75% { transform: translateX(4px); } }
.agent-widget.is-thinking .agent-kicker::after { content: "думает"; margin-left: 8px; color: var(--green); }
.agent-widget.is-human .agent-kicker { color: var(--green); }
.agent-widget.is-human .agent-launcher__ping { background: var(--cyan); box-shadow: 0 0 14px rgba(34,211,238,.95); }
.agent-widget.is-thinking .agent-launcher__core svg { animation-duration: .9s; }
.agent-widget.is-thinking .agent-launcher__ping { animation: agentCore .9s var(--ease) infinite; }
@keyframes agentCore { 0%,100% { transform: rotate(0) scale(1); } 45% { transform: rotate(14deg) scale(1.06); } }
@keyframes agentPing { to { opacity: 0; transform: scale(2.7); } }
@keyframes backSpin { to { --beam: 360deg; } }

/* Admin LLM panel */
.admin-main { min-height: 100vh; padding: clamp(92px, 10vw, 118px) 0 48px; }
.admin-shell { display: grid; gap: 18px; }
.admin-login { min-height: 100vh; padding: clamp(110px, 12vw, 150px) 24px 56px; display: grid; place-items: center; }
.admin-login__card { width: min(100%, 520px); padding: clamp(26px, 5vw, 42px); display: grid; gap: 16px; }
.admin-login__card h1 { font-family: var(--disp); font-size: clamp(2rem, 5vw, 3.25rem); line-height: .98; letter-spacing: -.04em; }
.admin-login__card p { color: var(--soft); }
.admin-hero { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 18px; align-items: end; padding: clamp(24px, 3.2vw, 36px); }
.admin-hero h1 { font-family: var(--disp); font-size: clamp(2rem, 4vw, 3.15rem); line-height: 1.05; letter-spacing: -.035em; }
.admin-hero p { max-width: 760px; margin-top: 12px; color: var(--soft); }
.admin-badge { display: inline-flex; align-items: center; gap: 8px; min-height: 34px; padding: 7px 12px; border-radius: 999px; border: 1px solid var(--stroke); color: var(--soft); background: var(--surface); font-family: var(--mono); font-size: .76rem; font-weight: 700; white-space: nowrap; }
.admin-badge::before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: var(--muted); box-shadow: 0 0 10px rgba(121,130,154,.6); }
.admin-badge.is-ok::before { background: var(--green); box-shadow: 0 0 12px rgba(52,211,153,.8); }
.admin-badge.is-bad::before { background: #f87171; box-shadow: 0 0 12px rgba(248,113,113,.75); }
.admin-grid { display: grid; grid-template-columns: minmax(0, .95fr) minmax(320px, .55fr); gap: 18px; align-items: start; }
.admin-card { padding: clamp(22px, 3vw, 32px); }
.admin-card h2 { font-family: var(--disp); font-size: clamp(1.25rem, 2vw, 1.65rem); line-height: 1.14; margin-bottom: 16px; letter-spacing: -.025em; }
.admin-form { display: grid; gap: 14px; }
.admin-form .field-row { align-items: end; }
.admin-checkline { display: flex; align-items: center; gap: 10px; color: var(--soft); font-size: .92rem; }
.admin-checkline input { width: 18px; height: 18px; accent-color: var(--cyan); }
.admin-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 4px; }
.admin-note { color: var(--muted); font-size: .88rem; }
.admin-status { display: grid; gap: 12px; }
.admin-metrics { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.admin-metric { min-height: 86px; padding: 14px; border-radius: 14px; border: 1px solid var(--stroke); background: rgba(255,255,255,.035); }
.admin-metric span { display: block; color: var(--muted); font-family: var(--mono); font-size: .68rem; text-transform: uppercase; letter-spacing: .07em; }
.admin-metric b { display: block; margin-top: 6px; color: var(--text); font-size: 1.05rem; overflow-wrap: anywhere; }
.admin-log { display: grid; gap: 8px; max-height: 340px; overflow: auto; scrollbar-width: thin; scrollbar-color: rgba(34,211,238,.45) transparent; }
.admin-log__item { padding: 10px 12px; border-radius: 12px; border: 1px solid var(--stroke); background: rgba(0,0,0,.16); color: var(--soft); font-family: var(--mono); font-size: .78rem; }
.admin-table { width: 100%; border-collapse: collapse; font-size: .88rem; }
.admin-table th, .admin-table td { padding: 10px 12px; border-bottom: 1px solid var(--stroke); text-align: left; vertical-align: top; }
.admin-table th { color: var(--muted); font-family: var(--mono); font-size: .68rem; text-transform: uppercase; letter-spacing: .07em; }
.admin-error, .form__ok.is-error { color: #fecaca; border-color: rgba(248,113,113,.35); background: rgba(248,113,113,.1); }
.admin-ok { color: #6ee7b7; border-color: rgba(52,211,153,.35); background: rgba(52,211,153,.1); }

/* Footer */
.footer { border-top: 1px solid var(--stroke); padding-top: 56px; margin-top: 30px; }
.footer__inner { display: grid; grid-template-columns: 1.6fr 1fr 1fr 1fr; gap: 36px; padding-bottom: 44px; }
.footer__brand p { color: var(--muted); margin-top: 14px; max-width: 300px; font-size: .92rem; }
.footer__col h4 { font-family: var(--disp); font-size: .95rem; margin-bottom: 14px; }
.footer__col a { display: block; color: var(--muted); padding: 6px 0; font-size: .92rem; transition: color .25s; }
.footer__col a:hover { color: var(--text); }
.footer__bottom { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 12px; padding: 22px; border-top: 1px solid var(--stroke); color: var(--muted); font-size: .84rem; font-family: var(--mono); }

/* Reveal + interactive */
[data-reveal] { opacity: 0; filter: blur(10px); transition: opacity .9s var(--ease), filter .9s var(--ease); will-change: opacity, filter; }
[data-reveal].in { opacity: 1; filter: blur(0); }
.grid [data-reveal], .pipeline [data-reveal] { transition-delay: calc(var(--i, 0) * 55ms); }
.cursor-glow { position: fixed; left: 0; top: 0; width: 440px; height: 440px; margin: -220px 0 0 -220px; border-radius: 50%; pointer-events: none; z-index: -1; background: radial-gradient(circle, var(--glow), transparent 60%); opacity: 0; mix-blend-mode: screen; filter: blur(34px); transition: opacity .5s var(--ease); }
.cursor-glow.on { opacity: .5; }
[data-parallax] { transform: translate3d(0, var(--py, 0px), 0); will-change: transform; }

/* Responsive */
@media (max-width: 1040px) {
  .header__email { display: none; }
  .hero__inner { grid-template-columns: 1fr; }
  .panel-wrap { max-width: 560px; justify-self: start; }
  .grid--3 { grid-template-columns: repeat(2, 1fr); }
  .grid--4 { grid-template-columns: repeat(2, 1fr); }
  .grid--2 { grid-template-columns: 1fr; }
  .legal-grid { grid-template-columns: 1fr; }
  .demo-grid { grid-template-columns: 1fr; }
  .demo-screen iframe { height: clamp(360px, 62vw, 520px); }
  .pipeline { grid-template-columns: repeat(3, 1fr); }
  .pipe__arrow { display: none; }
}
@media (max-width: 760px) {
  .nav { position: fixed; inset: 70px 0 auto; flex-direction: column; align-items: stretch; gap: 6px; padding: 18px 22px 26px; background: rgba(7,8,12,.96); backdrop-filter: blur(18px); border-bottom: 1px solid var(--stroke); transform: translateY(-12px); opacity: 0; pointer-events: none; transition: transform .35s var(--ease), opacity .35s; }
  .nav.open { transform: none; opacity: 1; pointer-events: auto; }
  .nav__link { padding: 13px 14px; }
  .nav__cta { margin-left: 0; text-align: center; }
  .nav-toggle { display: flex; }
  .mobile-more:not([hidden]) { display: inline-flex; }
  .hero__stats { grid-template-columns: repeat(2, 1fr); gap: 22px 18px; }
  .faq { grid-template-columns: 1fr; }
  .legal-grid { margin-top: 96px; }
  .cta { grid-template-columns: 1fr; }
  .footer__inner { grid-template-columns: 1fr 1fr; gap: 30px; }
  .footer__brand { grid-column: span 2; }
}
@media (max-width: 520px) {
  .grid--3, .grid--4, .pipeline { grid-template-columns: 1fr; }
  .panel__status, .panel-insights { grid-template-columns: 1fr; }
  .demo-screen { padding: 8px; }
  .demo-screen iframe { height: 360px; }
  .hero__actions { flex-direction: column; }
  .hero__actions .btn { width: 100%; }
  .field-row { grid-template-columns: 1fr; }
  .footer__inner { grid-template-columns: 1fr; }
  .footer__brand { grid-column: auto; }
}

@media (max-width: 980px), (pointer: coarse) {
  html, body { width: 100%; max-width: 100%; overflow-x: hidden; }
  body.agent-open { overflow: hidden; touch-action: none; }
  .scroll-top { right: calc(max(14px, env(safe-area-inset-right)) + 70px); bottom: max(14px, env(safe-area-inset-bottom)); width: 46px; height: 46px; border-radius: 15px; }
  .agent-widget { right: max(14px, env(safe-area-inset-right)); left: auto; bottom: max(14px, env(safe-area-inset-bottom)); justify-items: end; }
  .agent-launcher { min-width: 58px; min-height: 54px; padding: 7px; border-radius: 18px; }
  .agent-launcher::after { border-radius: 17px; }
  .agent-launcher__text { display: none; }
  .agent-launcher__core { width: 40px; height: 40px; }
  .agent-widget.is-open { left: 0 !important; right: 0 !important; top: 0 !important; bottom: 0 !important; z-index: 220; display: block; pointer-events: auto; }
  .agent-widget.is-open::before { content: ""; position: fixed; inset: 0; z-index: 0; background: radial-gradient(circle at 18% 8%, rgba(34,211,238,.22), transparent 36%), radial-gradient(circle at 88% 92%, rgba(139,92,246,.2), transparent 34%), linear-gradient(180deg, rgba(3,6,12,.985), rgba(5,8,15,.995)); backdrop-filter: blur(18px) saturate(130%); }
  .agent-widget.is-open .agent-launcher { display: none; }
  .agent-panel,
  .agent-panel.is-dragged { position: fixed !important; left: 0 !important; right: 0 !important; top: 0 !important; bottom: 0 !important; z-index: 1; width: 100vw !important; min-width: 0 !important; max-width: none !important; height: 100vh !important; height: 100dvh !important; min-height: 100vh !important; min-height: 100dvh !important; max-height: 100vh !important; max-height: 100dvh !important; grid-template-rows: auto auto auto minmax(0, 1fr) auto auto auto auto; transform: none !important; border-radius: 0; border: 0; box-shadow: none; background: linear-gradient(180deg, rgba(8,12,22,.99), rgba(4,7,14,.995)); }
  .agent-panel__top { cursor: default; touch-action: pan-y; }
  .agent-widget.is-open .agent-panel__top { padding: max(16px, calc(env(safe-area-inset-top) + 12px)) 14px 12px; background: linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.025)); }
  .agent-widget.is-open .agent-panel__top h2 { font-size: clamp(1.08rem, 5vw, 1.28rem); }
  .agent-widget.is-open .agent-progress { padding: 11px 10px; background: rgba(3,7,13,.62); }
  .agent-widget.is-open .agent-consent-alert { margin: 10px 10px 0; }
  .agent-widget.is-open .agent-messages { min-height: 0; padding: 16px 12px 12px; background: linear-gradient(180deg, rgba(4,8,15,.58), rgba(4,8,15,.74)); }
  .agent-widget.is-open .agent-chips { padding: 10px 10px 12px; background: rgba(3,7,13,.7); border-top: 1px solid rgba(255,255,255,.06); }
  .agent-widget.is-open .agent-attachments { padding-inline: 10px; background: rgba(3,7,13,.7); }
  .agent-widget.is-open .agent-input { padding: 10px 10px max(12px, calc(env(safe-area-inset-bottom) + 12px)); background: rgba(3,7,13,.92); }
  .agent-widget.is-open .agent-consent { margin: 0 10px max(10px, calc(env(safe-area-inset-bottom) + 10px)); }
  .agent-progress, .agent-consent-alert, .agent-messages, .agent-attachments, .agent-input, .agent-consent { min-width: 0; max-width: 100%; }
  .agent-chips { max-width: 100%; overflow-x: auto; overscroll-behavior-x: contain; }
  .agent-msg > div { overflow-wrap: anywhere; }
}

@media (max-width: 760px) {
  .admin-hero, .admin-grid { grid-template-columns: 1fr; }
  .admin-actions .btn { width: 100%; }
}

@media (max-width: 520px) {
  .admin-metrics { grid-template-columns: 1fr; }
}

/* =========================================================
   Light theme
   ========================================================= */
[data-theme="light"] {
  --bg: #F4F7FB; --bg-2: #FFFFFF;
  --surface: rgba(16,20,46,.04); --surface-2: rgba(16,20,46,.06);
  --stroke: rgba(16,20,46,.1); --stroke-2: rgba(16,20,46,.17);
  --text: #0A0D18; --soft: #3B4156; --muted: #646a80;
  --glow: rgba(34,211,238,.3); --glow-2: rgba(139,92,246,.28);
  --shadow: 0 30px 60px -30px rgba(30,40,90,.2);
}
[data-theme="light"] body { color: var(--text); }
[data-theme="light"] .glass { background: linear-gradient(180deg, rgba(255,255,255,.85), rgba(255,255,255,.62)); }
[data-theme="light"] .glass::before { background: linear-gradient(140deg, rgba(255,255,255,.95), transparent 42%); }
[data-theme="light"] .header.scrolled { background: rgba(255,255,255,.78); }
[data-theme="light"] .bg__grid { background-image: linear-gradient(rgba(16,20,46,.05) 1px, transparent 1px), linear-gradient(90deg, rgba(16,20,46,.05) 1px, transparent 1px); }
[data-theme="light"] .bg__glow { mix-blend-mode: normal; opacity: .2; }
[data-theme="light"] .bg__canvas { opacity: .4; }
[data-theme="light"] .bg__noise { opacity: .02; }
[data-theme="light"] .ic { background: linear-gradient(160deg, rgba(16,20,46,.06), rgba(16,20,46,.02)); box-shadow: inset 0 1px 0 rgba(255,255,255,.7); }
[data-theme="light"] .ic::before { opacity: .3; }
[data-theme="light"] .card::after { background: radial-gradient(300px circle at var(--mx,50%) var(--my,50%), rgba(16,20,46,.06), transparent 45%); }
[data-theme="light"] .btn--ghost:hover { background: rgba(16,20,46,.05); border-color: rgba(16,20,46,.2); }
[data-theme="light"] .pstat { background: rgba(16,20,46,.03); }
[data-theme="light"] .field input, [data-theme="light"] .field select { background: #fff; border-color: rgba(16,20,46,.14); }
[data-theme="light"] .field input::placeholder { color: #969cb0; }
[data-theme="light"] .field select { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23646a80' stroke-width='2' stroke-linecap='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 14px center; background-size: 18px; }
[data-theme="light"] .field select option { background: #fff; }
[data-theme="light"] .faq__i summary::after { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233B4156' stroke-width='2.5' stroke-linecap='round'%3E%3Cline x1='12' y1='6' x2='12' y2='18'/%3E%3Cline x1='6' y1='12' x2='18' y2='12'/%3E%3C/svg%3E"); }
[data-theme="light"] .legal-doc summary::after { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233B4156' stroke-width='2.5' stroke-linecap='round'%3E%3Cline x1='12' y1='6' x2='12' y2='18'/%3E%3Cline x1='6' y1='12' x2='18' y2='12'/%3E%3C/svg%3E"); }
[data-theme="light"] .scroll-top { color: #061018; background: linear-gradient(120deg, #22D3EE, #3B82F6 58%, #8B5CF6); border-color: rgba(255,255,255,.42); box-shadow: 0 24px 54px -24px rgba(34,211,238,.72), 0 16px 38px -28px rgba(139,92,246,.86), inset 0 1px 0 rgba(255,255,255,.42); }
[data-theme="light"] .agent-launcher { color: #fff; border-color: rgba(34,211,238,.42); background: linear-gradient(120deg, rgba(34,211,238,.98), rgba(59,130,246,.96) 58%, rgba(139,92,246,.92)); box-shadow: 0 28px 62px -24px rgba(34,211,238,.66), 0 16px 42px -28px rgba(139,92,246,.84), inset 0 1px 0 rgba(255,255,255,.28), inset 0 -15px 30px rgba(13,21,46,.18); }
[data-theme="light"] .agent-launcher::after { background: radial-gradient(circle at 20% 0, rgba(255,255,255,.28), transparent 42%), linear-gradient(120deg, rgba(34,211,238,.92), rgba(59,130,246,.9) 58%, rgba(139,92,246,.82)); }
[data-theme="light"] .agent-launcher__core { color: #fff; background: rgba(255,255,255,.16); box-shadow: inset 0 0 0 1px rgba(255,255,255,.32), inset 0 -13px 18px rgba(13,21,46,.12), 0 0 18px -10px rgba(255,255,255,.9); }
[data-theme="light"] .agent-launcher__text b { color: #fff; }
[data-theme="light"] .agent-launcher__text small { background: none; color: rgba(255,255,255,.8); }
[data-theme="light"] .agent-panel { background: linear-gradient(180deg, rgba(255,255,255,.99), rgba(244,248,252,.97)); border-color: rgba(13,21,46,.14); box-shadow: 0 42px 110px -42px rgba(14,116,144,.32), 0 24px 70px -36px rgba(13,21,46,.28); }
[data-theme="light"] .agent-msg--agent > div { background: rgba(13,21,46,.045); }
[data-theme="light"] .agent-consent-alert { color: #991b1b; background: rgba(254,242,242,.96); border-color: rgba(248,113,113,.58); }
[data-theme="light"] .agent-consent { background: rgba(255,255,255,.82); border-color: rgba(13,21,46,.12); }
[data-theme="light"] .agent-consent.is-required { background: rgba(254,242,242,.96); border-color: rgba(248,113,113,.68); }
[data-theme="light"] .agent-consent__input { background: #fff; }
[data-theme="light"] .agent-input { background: rgba(13,21,46,.035); }
[data-theme="light"] .agent-input textarea { background: #fff; border-color: rgba(13,21,46,.14); }
[data-theme="light"] .agent-input textarea::placeholder { color: #9aa1b4; }
[data-theme="light"] .admin-metric, [data-theme="light"] .admin-log__item { background: rgba(13,21,46,.035); }
@media (max-width: 760px) { [data-theme="light"] .nav { background: rgba(255,255,255,.96); } }

/* Final compact refinements */
.cookie-consent { position: fixed; left: max(18px, env(safe-area-inset-left)); bottom: max(18px, env(safe-area-inset-bottom)); z-index: 116; width: min(420px, calc(100vw - 36px)); display: grid; grid-template-columns: 1fr; grid-template-areas: "main" "actions"; gap: 14px; padding: 18px; border-radius: 20px; border: 1px solid rgba(34,211,238,.18); color: var(--text); background: radial-gradient(circle at 0 0, rgba(34,211,238,.15), transparent 36%), radial-gradient(circle at 100% 100%, rgba(139,92,246,.14), transparent 34%), linear-gradient(145deg, rgba(9,12,20,.96), rgba(6,9,17,.98)); box-shadow: 0 24px 68px -36px rgba(34,211,238,.7), 0 18px 52px -38px rgba(0,0,0,.92), inset 0 1px 0 rgba(255,255,255,.12); backdrop-filter: blur(18px) saturate(145%); overflow: hidden; isolation: isolate; opacity: 0; transform: translateY(18px) scale(.97); pointer-events: none; transition: opacity .3s var(--ease), transform .34s var(--ease); }
.cookie-consent.is-visible { opacity: 1; transform: none; pointer-events: auto; }
.cookie-consent.is-hiding { opacity: 0; transform: translateY(18px) scale(.97); pointer-events: none; }
.cookie-consent::before { content: ""; position: absolute; inset: 0; z-index: -1; border-radius: inherit; padding: 1px; background: linear-gradient(135deg, rgba(34,211,238,.5), rgba(59,130,246,.14) 45%, rgba(139,92,246,.42)); -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor; mask-composite: exclude; animation: none; }
.cookie-consent::after, .cookie-consent__bar, .cookie-consent__media, .cookie-consent__settings { display: none !important; }
.cookie-consent__main { grid-area: main; min-width: 0; padding: 0; }
.cookie-consent__eyebrow { display: inline-flex; align-items: center; gap: 7px; margin-bottom: 6px; font-family: var(--mono); font-size: .62rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; color: var(--cyan); }
.cookie-consent__eyebrow::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: var(--c3); box-shadow: 0 0 12px rgba(34,211,238,.72); transform: none; }
.cookie-consent h2 { max-width: none; font-family: var(--disp); font-size: 1.24rem; line-height: 1.12; letter-spacing: -.02em; }
.cookie-consent p { max-width: none; margin-top: 8px; color: var(--soft); font-size: .86rem; line-height: 1.48; }
.cookie-consent__link { display: inline-flex; margin-top: 9px; color: var(--cyan); font-family: var(--mono); font-size: .7rem; font-weight: 800; letter-spacing: .03em; transition: color .22s, text-shadow .22s; }
.cookie-consent__link:hover, .cookie-consent__link:focus-visible { outline: none; color: var(--text); text-shadow: 0 0 16px rgba(34,211,238,.56); }
.cookie-consent__actions { grid-area: actions; display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap; gap: 8px; }
.cookie-btn { min-height: 38px; padding: 9px 14px; border-radius: 999px; border: 1px solid var(--stroke); font-weight: 800; font-size: .8rem; color: var(--soft); background: rgba(255,255,255,.045); transition: transform .24s var(--ease), color .24s, border-color .24s, background .24s, box-shadow .24s; }
.cookie-btn:hover, .cookie-btn:focus-visible { outline: none; transform: translateY(-2px); color: var(--text); border-color: var(--stroke-2); background: rgba(255,255,255,.075); }
.cookie-btn--soft { color: var(--text); background: rgba(34,211,238,.08); border-color: rgba(34,211,238,.24); }
.cookie-btn--primary { color: #061018; border-color: rgba(255,255,255,.16); background: linear-gradient(120deg, #22D3EE, #3B82F6 52%, #8B5CF6); box-shadow: 0 18px 38px -18px rgba(34,211,238,.82), inset 0 1px 0 rgba(255,255,255,.34); }
[data-theme="light"] .cookie-consent { color: var(--text); background: radial-gradient(circle at 0 0, rgba(34,211,238,.12), transparent 36%), radial-gradient(circle at 100% 100%, rgba(139,92,246,.1), transparent 34%), linear-gradient(145deg, rgba(255,255,255,.98), rgba(240,247,251,.94)); border-color: rgba(13,21,46,.12); box-shadow: 0 24px 64px -38px rgba(14,116,144,.34), 0 18px 48px -40px rgba(13,21,46,.28); }
[data-theme="light"] .form-consent { background: rgba(255,255,255,.78); border-color: rgba(13,21,46,.12); }
[data-theme="light"] .form-consent input { background: #fff; }
[data-theme="light"] .form-consent.invalid { background: rgba(254,242,242,.96); border-color: rgba(248,113,113,.68); }

.agent-launcher { min-width: 174px; min-height: 54px; gap: 10px; padding: 7px 14px 7px 7px; border-radius: 20px; border-color: rgba(34,211,238,.32); background: linear-gradient(145deg, rgba(8,13,23,.96), rgba(13,18,34,.94) 56%, rgba(5,24,36,.92)); box-shadow: 0 22px 52px -30px rgba(34,211,238,.76), 0 12px 32px -28px rgba(139,92,246,.82), inset 0 1px 0 rgba(255,255,255,.13); }
.agent-launcher::before { content: none; }
.agent-launcher::after { inset: 1px; border-radius: 19px; background: radial-gradient(circle at 18% 0, rgba(34,211,238,.24), transparent 42%), radial-gradient(circle at 92% 96%, rgba(139,92,246,.2), transparent 42%), linear-gradient(145deg, rgba(5,10,21,.98), rgba(13,15,30,.94) 58%, rgba(3,23,34,.95)); }
.agent-launcher:hover, .agent-launcher:focus-visible { transform: translateY(-2px); border-color: rgba(34,211,238,.62); box-shadow: 0 28px 62px -30px rgba(34,211,238,.84), 0 16px 38px -30px rgba(139,92,246,.86), inset 0 1px 0 rgba(255,255,255,.18); }
.agent-launcher__core { width: 40px; height: 40px; border-radius: 15px; }
.agent-launcher__core svg { width: 23px; height: 23px; }
.agent-launcher__text b { font-size: .95rem; }
.agent-launcher__text small { margin-top: 4px; font-size: .58rem; }
.agent-launcher__ping { right: 10px; top: 8px; }
.agent-panel { bottom: 70px; width: min(420px, calc(100vw - 44px)); height: min(700px, calc(100dvh - 104px)); max-height: min(700px, calc(100dvh - 104px)); border-radius: 22px; background: radial-gradient(circle at 18% 0, rgba(34,211,238,.12), transparent 34%), radial-gradient(circle at 100% 100%, rgba(139,92,246,.14), transparent 36%), linear-gradient(180deg, rgba(7,12,22,.98), rgba(4,8,16,.99)); box-shadow: 0 34px 92px -42px rgba(34,211,238,.48), 0 24px 72px -34px rgba(0,0,0,.92), inset 0 1px 0 rgba(255,255,255,.1); }

@media (max-width: 980px), (pointer: coarse) {
  html, body { width: 100%; max-width: 100%; overflow-x: hidden; overscroll-behavior-x: none; }
  .container { max-width: 100%; }
  .scroll-top { right: calc(max(14px, env(safe-area-inset-right)) + 68px); bottom: max(14px, env(safe-area-inset-bottom)); width: 54px; height: 54px; border-radius: 18px; }
  .agent-widget { right: max(14px, env(safe-area-inset-right)); left: auto; bottom: max(14px, env(safe-area-inset-bottom)); justify-items: end; }
  .agent-launcher { width: 54px; min-width: 54px; height: 54px; min-height: 54px; padding: 0; border: 0; border-radius: 18px; background: transparent; box-shadow: none; backdrop-filter: none; overflow: visible; }
  .agent-launcher::after { content: none; }
  .agent-launcher:hover, .agent-launcher:focus-visible { border-color: transparent; background: transparent; box-shadow: none; transform: translateY(-2px); }
  .agent-launcher__text { display: none; }
  .agent-launcher__core { width: 54px; height: 54px; border-radius: 18px; background: linear-gradient(120deg, rgba(34,211,238,.96), rgba(59,130,246,.94) 58%, rgba(139,92,246,.9)); box-shadow: 0 24px 54px -24px rgba(34,211,238,.78), 0 16px 38px -28px rgba(139,92,246,.92), inset 0 1px 0 rgba(255,255,255,.34); }
  .agent-launcher__core svg { width: 24px; height: 24px; }
  .agent-launcher__ping { right: 5px; top: 4px; }
  .agent-launcher__ping::after { content: none; }
}

@media (max-width: 760px) {
  .hero .pill { display: none; }
  .nav__email { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 42px; padding: 11px 14px; border-radius: 14px; border: 1px solid rgba(34,211,238,.22); color: var(--soft); background: rgba(34,211,238,.07); font-family: var(--mono); font-size: .78rem; font-weight: 800; }
  .nav__email::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: var(--cyan); box-shadow: 0 0 12px rgba(34,211,238,.7); }
  .footer__inner { grid-template-columns: 1fr; justify-items: center; gap: 26px; text-align: center; }
  .footer__brand { grid-column: auto; }
  .footer__brand p { margin-inline: auto; }
  .footer__col a { text-align: center; }
  .footer__bottom { justify-content: center; text-align: center; padding-inline: 18px; }
  .legal-grid { margin-top: 0; }
  .cookie-consent { left: 12px; right: 12px; bottom: 12px; width: auto; max-height: calc(100dvh - 24px); padding: 16px; border-radius: 18px; overflow: auto; }
  .cookie-consent__actions { justify-content: stretch; }
  .cookie-btn { flex: 1 1 auto; }
}