:root {
  color-scheme: dark;
  --ink: #f7f9ff;
  --muted: #a6b1c4;
  --faint: #718099;
  --line: rgba(148, 163, 184, 0.16);
  --blue: #648cff;
  --violet: #8b67ff;
  --cyan: #35cbe4;
  --page: #07101e;
  --max: 1240px;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "Microsoft YaHei", sans-serif;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; min-width: 320px; color: var(--ink); background: var(--page); overflow-x: hidden; }
a { color: inherit; text-decoration: none; }
button { font: inherit; }
.skip-link { position: fixed; z-index: 100; top: 12px; left: 12px; padding: 10px 14px; color: #08111f; background: white; border-radius: 8px; transform: translateY(-160%); transition: transform .2s; }
.skip-link:focus { transform: translateY(0); }
.site-header { position: fixed; z-index: 50; inset: 0 0 auto; display: flex; align-items: center; justify-content: space-between; height: 78px; padding: 0 max(28px, calc((100vw - var(--max)) / 2)); border-bottom: 1px solid rgba(148,163,184,.1); background: rgba(7,16,30,.78); backdrop-filter: blur(22px); }
.brand { display: inline-flex; align-items: center; gap: 12px; }
.brand img { border-radius: 11px; box-shadow: 0 8px 26px rgba(72,103,255,.3); }
.brand-copy { display: flex; flex-direction: column; gap: 2px; }
.brand-copy strong { font-size: 17px; letter-spacing: -.02em; }
.brand-copy small { color: #71809a; font-size: 9px; letter-spacing: .11em; text-transform: uppercase; }
.header-actions { display: flex; align-items: center; gap: 16px; }
.language-switch { display: flex; padding: 3px; border: 1px solid var(--line); border-radius: 11px; background: rgba(255,255,255,.035); }
.language-switch button { min-width: 44px; padding: 7px 10px; border: 0; border-radius: 8px; color: var(--faint); background: transparent; cursor: pointer; }
.language-switch button[aria-pressed="true"] { color: var(--ink); background: rgba(100,140,255,.19); box-shadow: inset 0 0 0 1px rgba(112,144,255,.2); }
.nav-register { color:#aebbd2;font-size:13px;font-weight:650 }.nav-register:hover { color:#fff }
.nav-download { padding: 10px 17px; border: 1px solid rgba(122,151,255,.34); border-radius: 10px; background: linear-gradient(135deg,rgba(75,110,235,.32),rgba(113,81,231,.25)); font-size: 14px; font-weight: 700; }
.hero { position: relative; isolation: isolate; display: grid; grid-template-columns: .92fr 1.08fr; align-items: center; gap: 58px; min-height: 830px; padding: 152px max(28px, calc((100vw - var(--max)) / 2)) 92px; overflow: hidden; }
.hero::before { content: ""; position: absolute; z-index: -3; inset: 0; background: radial-gradient(circle at 70% 35%,rgba(60,90,220,.14),transparent 35%),linear-gradient(180deg,#081321,#07101e); }
.hero::after { content: ""; position: absolute; z-index: -2; inset: 0; opacity: .2; background-image: linear-gradient(rgba(125,150,190,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(125,150,190,.08) 1px,transparent 1px); background-size: 48px 48px; mask-image: linear-gradient(to bottom,black,transparent 85%); }
.hero-glow { position: absolute; z-index: -1; border-radius: 999px; filter: blur(80px); opacity: .32; }
.hero-glow-one { width: 430px; height: 430px; top: 100px; right: 7%; background: #3c6dff; }
.hero-glow-two { width: 280px; height: 280px; bottom: 20px; left: 8%; background: #7b4af1; opacity: .14; }
.eyebrow { display: inline-flex; align-items: center; gap: 10px; padding: 8px 12px; border: 1px solid rgba(115,145,255,.21); border-radius: 99px; color: #becbff; background: rgba(58,88,168,.12); font-size: 13px; font-weight: 650; }
.status-dot { width: 7px; height: 7px; border-radius: 50%; background: #54e7a8; box-shadow: 0 0 0 4px rgba(84,231,168,.1),0 0 14px #54e7a8; }
h1 { max-width: 680px; margin: 26px 0 22px; font-size: clamp(48px,5.25vw,76px); line-height: 1.04; letter-spacing: -.055em; }
h1 span { display: block; }
.gradient-text { color: transparent; background: linear-gradient(100deg,#8ba8ff 5%,#aa8cff 55%,#55d8eb); background-clip: text; -webkit-background-clip: text; }
.hero-lead { max-width: 640px; margin: 0; color: var(--muted); font-size: clamp(17px,1.55vw,20px); line-height: 1.8; }
.hero-actions { display: flex; align-items: center; gap: 14px; margin-top: 34px; }
.primary-button { display: inline-flex; align-items: center; gap: 13px; min-height: 62px; padding: 11px 22px; border: 1px solid rgba(171,189,255,.25); border-radius: 15px; background: linear-gradient(135deg,#527df7,#7158e9); box-shadow: 0 18px 44px rgba(64,89,224,.28),inset 0 1px rgba(255,255,255,.16); transition: transform .2s,box-shadow .2s; }
.primary-button:hover { transform: translateY(-2px); box-shadow: 0 22px 50px rgba(64,89,224,.38),inset 0 1px rgba(255,255,255,.18); }
.primary-button:focus-visible,.secondary-button:focus-visible,.nav-download:focus-visible,.nav-register:focus-visible,.registration-note a:focus-visible,.language-switch button:focus-visible { outline: 3px solid rgba(102,211,255,.72); outline-offset: 3px; }
.primary-button strong,.primary-button small { display: block; }.primary-button strong { font-size: 16px; }.primary-button small { margin-top: 3px; color: rgba(255,255,255,.72); font-size: 11px; }
.download-icon { display: grid; width: 34px; height: 34px; place-items: center; border-radius: 10px; background: rgba(255,255,255,.14); font-size: 23px; }
.secondary-button { padding: 18px 20px; color: #c4cfe2; font-weight: 650; }
.compatibility { display: flex; flex-wrap: wrap; gap: 19px; margin-top: 24px; color: #75849c; font-size: 12px; }.compatibility b { color: #58daaa; margin-right: 4px; }
.product-stage { position: relative; min-width: 0; perspective: 1200px; }
.window-shell { overflow: hidden; border: 1px solid rgba(153,177,226,.2); border-radius: 18px; background: #0a111d; box-shadow: 0 45px 100px rgba(0,0,0,.45),0 0 0 8px rgba(91,120,203,.025); transform: rotateY(-3deg) rotateX(1deg); }
.window-titlebar { display: flex; align-items: center; justify-content: space-between; height: 46px; padding: 0 15px; border-bottom: 1px solid rgba(148,163,184,.12); background: #0b121d; }
.mini-brand { display: flex; align-items: center; gap: 8px; color: #cbd6e9; font-size: 11px; font-weight: 700; }.mini-brand img { border-radius: 7px; }.window-controls { display: flex; gap: 9px; }.window-controls i { width: 7px; height: 7px; border-radius: 50%; background: #405069; }
.workspace-demo { display: grid; grid-template-columns: 58px 184px minmax(0,1fr); height: 430px; }
.platform-rail { display: flex; flex-direction: column; align-items: center; gap: 14px; padding-top: 17px; border-right: 1px solid rgba(148,163,184,.1); background: #090f19; }
.platform { display: grid; width: 32px; height: 32px; place-items: center; border-radius: 9px; color: white; font-size: 11px; font-style: normal; font-weight: 800; }.platform.whatsapp { background:#22b777 }.platform.facebook { background:#2c6ee8;font-size:19px }.platform.instagram { background:linear-gradient(135deg,#f8a53a,#e8438c,#6954d9);font-size:8px }.platform.signal { background:#506bdb }.platform.active { box-shadow:0 0 0 5px rgba(93,120,233,.14) }
.account-panel { padding: 18px 12px; border-right: 1px solid rgba(148,163,184,.1); background: #0c1421; }.account-panel>small { color:#596a83;font-size:7px;letter-spacing:.13em }.account-panel h3 { margin:5px 0 13px;font-size:17px }
.account { position:relative;display:grid;grid-template-columns:34px 1fr;align-items:center;gap:8px;margin-bottom:7px;padding:9px 8px;border-radius:9px;color:#76859a }.account.active { color:#e6ecf8;background:rgba(83,111,180,.15);box-shadow:inset 0 0 0 1px rgba(108,137,214,.18) }.account span { display:grid;width:31px;height:31px;place-items:center;border-radius:9px;color:#e7edff;background:#293957;font-size:10px }.account b { overflow:hidden;font-size:9px;text-overflow:ellipsis;white-space:nowrap }.account i { position:absolute;right:9px;width:5px;height:5px;border-radius:50%;background:#3dd39b }
.chat-panel { display:flex;min-width:0;flex-direction:column;background:#f5f7fb }.chat-header { display:flex;align-items:center;gap:9px;height:50px;padding:0 14px;color:#20293a;background:white;box-shadow:0 2px 9px rgba(47,63,91,.08) }.chat-header span { display:grid;width:28px;height:28px;place-items:center;border-radius:50%;color:#5c6573;background:#e7e9ed;font-size:9px }.chat-header strong { margin-right:auto;font-size:10px }.chat-header i { width:13px;height:13px;border:2px solid #61708a;border-radius:50% }
.chat-body { position:relative;flex:1;padding:26px 15px;overflow:hidden }.message { max-width:78%;margin-bottom:12px;padding:10px 12px;border-radius:14px;color:#20283a;background:#e5e8ed;font-size:10px;line-height:1.45 }.message span,.message small { display:block }.message small { margin-top:6px;padding-top:6px;border-top:1px solid rgba(41,55,82,.14);color:#65738a;font-size:8px }.message.outgoing { margin-left:auto;color:white;background:linear-gradient(135deg,#416ff0,#4e68dc) }.message.outgoing small { color:#dce5ff;border-top-color:rgba(255,255,255,.2) }
.voice-note { display:flex;align-items:center;gap:8px;width:172px;margin-left:auto;padding:8px 10px;border-radius:14px;color:white;background:linear-gradient(135deg,#5c6ff2,#7055e8) }.voice-note button { display:grid;width:26px;height:26px;place-items:center;border:0;border-radius:50%;color:#4f68e2;background:white;font-size:9px }.voice-bars { flex:1;overflow:hidden;color:#dbe3ff;font-size:8px;letter-spacing:1px }.voice-note b { font-size:7px }.voice-caption { width:172px;margin:5px 0 0 auto;color:#62708a;font-size:7px;line-height:1.5 }.voice-caption span { display:block }
.composer-demo { display:flex;align-items:center;justify-content:space-between;margin:0 13px 13px;padding:10px 13px;border-radius:20px;color:#8893a5;background:white;box-shadow:inset 0 0 0 1px #e8ebf0;font-size:8px }.composer-demo b { display:grid;width:22px;height:22px;place-items:center;border-radius:50%;color:white;background:#4c72ed }
.floating-card { position:absolute;display:flex;align-items:center;gap:10px;padding:12px 14px;border:1px solid rgba(154,179,230,.2);border-radius:13px;background:rgba(16,29,50,.9);box-shadow:0 18px 44px rgba(0,0,0,.34);backdrop-filter:blur(16px) }.floating-card b,.floating-card small { display:block }.floating-card b { font-size:11px }.floating-card small { margin-top:2px;color:#75839a;font-size:8px }.card-icon { display:grid;width:30px;height:30px;place-items:center;border-radius:9px;background:rgba(90,126,244,.18) }.voice-wave { color:#77a2ff;font-size:9px;letter-spacing:1px }.card-speed { top:82px;left:-36px }.card-voice { right:-22px;bottom:48px }
.trust-strip { display:flex;align-items:center;justify-content:space-between;gap:24px;max-width:var(--max);margin:0 auto;padding:24px 28px;border-block:1px solid var(--line);color:#6f7e94;font-size:12px }.trust-strip div { display:flex;flex-wrap:wrap;gap:26px;color:#9dabbe }.trust-strip b { font-size:13px }
.section { max-width:var(--max);margin:0 auto;padding:112px 28px }.section-heading { max-width:680px;margin-bottom:46px }.section-heading.compact { margin-bottom:30px }.section-kicker { color:#7899ff;font-size:11px;font-weight:750;letter-spacing:.16em;text-transform:uppercase }.section h2 { margin:13px 0;font-size:clamp(34px,4.2vw,52px);line-height:1.12;letter-spacing:-.045em }.section-heading p,.privacy-copy>p,.download-copy>p,.voice-copy>p { margin:0;color:var(--muted);font-size:16px;line-height:1.75 }
.feature-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:18px }.feature-card { --accent:#547eff;position:relative;min-height:318px;padding:29px;overflow:hidden;border:1px solid var(--line);border-radius:20px;background:linear-gradient(145deg,rgba(18,31,52,.96),rgba(10,19,34,.88)) }.feature-card::before { content:"";position:absolute;top:-110px;right:-90px;width:220px;height:220px;border-radius:50%;background:var(--accent);filter:blur(60px);opacity:.16 }.accent-violet { --accent:#9369ff }.accent-cyan { --accent:#35cee6 }.feature-number { position:absolute;top:22px;right:24px;color:#34435b;font-family:ui-monospace,monospace;font-size:11px }.feature-icon { display:grid;width:50px;height:50px;margin-bottom:52px;place-items:center;border:1px solid color-mix(in srgb,var(--accent) 44%,transparent);border-radius:14px;color:#cbd8ff;background:color-mix(in srgb,var(--accent) 12%,transparent);font-size:22px }.feature-card h3 { margin:0 0 11px;font-size:20px }.feature-card p { margin:0;color:#8997ab;font-size:14px;line-height:1.72 }
.voice-section { padding-top:30px }.voice-showcase { display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:82px;padding:62px;border:1px solid rgba(129,106,255,.23);border-radius:28px;background:radial-gradient(circle at 85% 10%,rgba(120,75,236,.18),transparent 34%),linear-gradient(145deg,#111b31,#0b1425) }.voice-points { display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:28px }.voice-points span { color:#afbdd2;font-size:13px }.voice-console { padding:24px;border:1px solid rgba(146,165,226,.22);border-radius:20px;background:rgba(7,14,27,.72);box-shadow:0 35px 70px rgba(0,0,0,.35) }.console-title { display:flex;align-items:center;gap:11px;margin-bottom:20px }.mic-orb { display:grid;width:38px;height:38px;place-items:center;border-radius:11px;color:#dfe6ff;background:linear-gradient(145deg,#4e71e8,#7055d9) }.console-title div { display:flex;flex-direction:column }.console-title b { font-size:14px }.console-title small { color:#697991;font-size:9px }.console-title i { width:7px;height:7px;margin-left:auto;border-radius:50%;background:#54dda8;box-shadow:0 0 12px #54dda8 }.voice-console label { display:grid;grid-template-columns:1fr auto auto;gap:8px;padding:12px;border:1px solid var(--line);border-radius:10px;background:#111d30;font-size:11px }.voice-console label span { color:#75849b }.control-row { display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-top:11px }.control-row>div { display:grid;grid-template-columns:1fr auto;gap:8px;padding:10px;border:1px solid var(--line);border-radius:9px }.control-row span,.control-row b { font-size:9px }.control-row span { color:#7f8da4 }.control-row i { grid-column:1/-1;display:block;height:3px;border-radius:10px;background:linear-gradient(90deg,#6a8cf5 var(--level),#29364b var(--level)) }.audio-preview { display:flex;align-items:center;gap:10px;margin-top:14px;padding:10px 12px;border-radius:11px;background:#e8ecf5;color:#1b2638 }.audio-preview button { border:0;background:transparent }.preview-wave { flex:1;color:#536fd7;font-size:9px;letter-spacing:2px }.audio-preview time { font-size:9px }.console-actions { display:flex;justify-content:flex-end;gap:8px;margin-top:13px }.console-actions button { padding:8px 11px;border:1px solid var(--line);border-radius:8px;color:#9aa8bd;background:#111d30;font-size:9px }.console-actions .console-primary { color:white;background:#5c70df }
.privacy-section { display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:110px }.privacy-copy ul { display:grid;gap:13px;margin:28px 0 0;padding:0;list-style:none }.privacy-copy li { position:relative;padding-left:30px;color:#bbc5d5 }.privacy-copy li::before { content:"✓";position:absolute;left:0;display:grid;width:20px;height:20px;place-items:center;border-radius:6px;color:#6de1b2;background:rgba(79,215,161,.1);font-size:11px }
.security-visual { position:relative;display:grid;min-height:400px;place-items:center;overflow:hidden;border:1px solid var(--line);border-radius:26px;background:radial-gradient(circle at center,rgba(75,110,235,.16),transparent 50%),#0a1424 }.security-visual::before { content:"";position:absolute;inset:0;opacity:.18;background-image:radial-gradient(#8095bc 1px,transparent 1px);background-size:22px 22px }.orbit { position:absolute;border:1px solid rgba(118,146,218,.2);border-radius:50% }.orbit-one { width:260px;height:260px }.orbit-two { width:360px;height:360px }.shield { position:relative;z-index:2;display:grid;width:108px;height:124px;place-items:center;clip-path:polygon(50% 0,92% 16%,88% 72%,50% 100%,12% 72%,8% 16%);color:white;background:linear-gradient(160deg,#6b8cf5,#6151db);font-size:38px;font-weight:800 }.shield span { position:absolute;right:20px;bottom:27px;display:grid;width:26px;height:26px;place-items:center;border:3px solid #5f65df;border-radius:50%;color:#17253c;background:#77e5b6;font-size:12px }.secure-node { position:absolute;z-index:2;display:grid;width:44px;height:44px;place-items:center;border:1px solid rgba(151,174,225,.24);border-radius:13px;color:#dce6f8;background:#14233a;box-shadow:0 14px 34px rgba(0,0,0,.28);font-size:14px;font-weight:800 }.node-one { top:70px;left:72px;color:#68dfb2 }.node-two { top:84px;right:68px;color:#72a0ff }.node-three { bottom:62px;left:94px;color:#819bff }
.download-section { padding-top:50px }.download-card { position:relative;display:grid;grid-template-columns:.9fr 1.1fr;gap:76px;padding:58px;overflow:hidden;border:1px solid rgba(124,151,226,.24);border-radius:27px;background:radial-gradient(circle at 5% 0%,rgba(96,126,237,.2),transparent 40%),linear-gradient(145deg,#111e34,#0b1526);box-shadow:0 35px 90px rgba(0,0,0,.24) }.download-copy h2 { font-size:clamp(34px,3.6vw,49px) }.primary-button.wide { margin-top:28px }.registration-note { display:grid;gap:5px;margin-top:16px;padding:14px 16px;border:1px solid rgba(116,145,231,.2);border-radius:13px;background:rgba(55,78,145,.13) }.registration-note strong { font-size:13px }.registration-note span { color:#8f9db3;font-size:11px;line-height:1.55 }.registration-note a { width:max-content;margin-top:3px;color:#9db3ff;font-size:12px;font-weight:750 }.release-details { display:grid;grid-template-columns:1fr 1fr;gap:1px;overflow:hidden;align-self:center;border:1px solid var(--line);border-radius:18px;background:var(--line) }.release-details>div { display:flex;flex-direction:column;gap:7px;padding:19px 20px;background:rgba(9,18,33,.8) }.release-details span { color:#6f7f98;font-size:11px }.release-details b { font-size:14px }.release-details .checksum-row { grid-column:1/-1 }.checksum-row code { overflow-wrap:anywhere;color:#9eadd0;font-size:10px;line-height:1.55 }.checksum-row button { justify-self:start;padding:5px 9px;border:1px solid var(--line);border-radius:7px;color:#aebde0;background:rgba(86,112,190,.12);cursor:pointer;font-size:10px }
.faq-section { padding-top:42px }.faq-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:16px }.faq-grid details { padding:22px;border:1px solid var(--line);border-radius:15px;background:rgba(13,24,42,.72) }.faq-grid summary { cursor:pointer;color:#dce4f2;font-weight:680;line-height:1.5 }.faq-grid p { margin:14px 0 0;color:#8795aa;font-size:13px;line-height:1.7 }
footer { display:flex;align-items:center;justify-content:space-between;max-width:var(--max);margin:0 auto;padding:32px 28px 42px;border-top:1px solid var(--line);color:#64738a;font-size:11px }.footer-brand strong { color:#c9d3e3 }
@media (max-width:1040px) { .hero { grid-template-columns:1fr;padding-top:135px }.hero-copy { max-width:760px }.product-stage { width:min(780px,94%);margin:10px auto 0 }.feature-grid { grid-template-columns:1fr 1fr }.feature-card:last-child { grid-column:1/-1 }.voice-showcase { gap:45px;padding:45px }.privacy-section { gap:54px }.download-card { gap:42px;padding:42px } }
@media (max-width:740px) { .site-header { height:68px;padding:0 16px }.brand-copy small,.nav-download { display:none }.brand-copy strong { font-size:15px }.hero { gap:46px;min-height:auto;padding:118px 20px 74px }.hero-actions { align-items:stretch;flex-direction:column }.primary-button { justify-content:center }.secondary-button { text-align:center }.window-shell { transform:none }.workspace-demo { grid-template-columns:47px 1fr;height:390px }.account-panel { display:none }.chat-panel { grid-column:2 }.floating-card { display:none }.trust-strip { align-items:flex-start;flex-direction:column;padding:22px 20px }.trust-strip div { gap:14px 20px }.section { padding:82px 20px }.feature-grid,.voice-showcase,.privacy-section,.download-card,.faq-grid { grid-template-columns:1fr }.feature-card:last-child { grid-column:auto }.voice-showcase { padding:30px 22px }.voice-points { grid-template-columns:1fr }.privacy-section { gap:38px }.security-visual { min-height:340px }.download-card { padding:30px 24px }.release-details { grid-template-columns:1fr }.release-details .checksum-row { grid-column:auto } footer { align-items:flex-start;flex-direction:column;gap:20px;padding:28px 20px 34px } }
@media (max-width:430px) { h1 { font-size:43px }.hero-lead { font-size:15px }.product-stage { width:105%;margin-left:-2.5% }.workspace-demo { height:350px }.message { max-width:88% }.compatibility span:last-child { display:none }.control-row { grid-template-columns:1fr } }
@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto } *,*::before,*::after { transition-duration:.01ms!important } }