:root {
  --black: #070708;
  --black-2: #0d0d10;
  --black-3: #141419;
  --white: #ffffff;
  --paper: #f6f6f3;
  --paper-2: #eeeeea;
  --ink: #111113;
  --ink-2: #5d5d66;
  --ink-3: #8a8a92;
  --line: rgba(17, 17, 19, .1);
  --dark-line: rgba(255, 255, 255, .1);
  --violet: #8b7dff;
  --violet-2: #b9b0ff;
  --cyan: #7bd9f6;
  --mint: #80e7bc;
  --amber: #ffc875;
  --rose: #ff9db3;
  --radius: 18px;
  --radius-lg: 28px;
  --shadow: 0 24px 70px rgba(9, 9, 15, .12);
  --font: "Geist", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --mono: "Geist Mono", "SFMono-Regular", Consolas, monospace;
  --ease: cubic-bezier(.22, 1, .36, 1);
}

*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 82px; }
body { margin: 0; overflow-x: hidden; background: var(--black); color: var(--ink); font-family: var(--font); -webkit-font-smoothing: antialiased; }
body.menu-open { overflow: hidden; }
html.i18n-pending body { visibility: hidden; }
button, input { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
button { cursor: pointer; }
a { color: inherit; }
.page-shell { width: min(1240px, calc(100% - 48px)); margin-inline: auto; }
.skip-link { position: fixed; top: -80px; left: 18px; z-index: 1000; padding: 10px 15px; border-radius: 10px; background: white; color: black; text-decoration: none; transition: top .2s; }
.skip-link:focus { top: 18px; }
[data-lucide] { width: 1em; height: 1em; stroke-width: 1.7; }

/* Header */
.site-header { position: fixed; inset: 0 0 auto; z-index: 200; color: white; border-bottom: 1px solid transparent; transition: background .3s, border-color .3s; }
.site-header.scrolled { border-color: rgba(255,255,255,.09); background: rgba(7, 7, 8, .76); backdrop-filter: blur(20px) saturate(140%); }
.nav-shell { width: min(1380px, calc(100% - 48px)); height: 76px; margin: 0 auto; display: flex; align-items: center; gap: 44px; }
.brand { flex: 0 0 auto; display: inline-flex; align-items: center; gap: 10px; color: inherit; font-size: 19px; font-weight: 600; letter-spacing: -.04em; text-decoration: none; }
.brand sup { margin-left: 3px; color: #a3a3aa; font-family: var(--mono); font-size: 8px; font-weight: 500; letter-spacing: .08em; vertical-align: super; }
.brand-mark { width: 31px; height: 31px; position: relative; display: grid; place-items: center; overflow: hidden; border-radius: 9px; background: white; }
.brand-mark > span:first-child { width: 13px; height: 13px; position: absolute; left: 6px; top: 6px; border: 2px solid black; border-radius: 50%; }
.brand-mark > span:last-child { width: 10px; height: 10px; position: absolute; right: 5px; bottom: 5px; border: 2px solid black; border-radius: 50%; background: white; }
.desktop-nav { display: flex; align-items: center; gap: 31px; }
.desktop-nav > a, .nav-menu > button, .nav-signin { padding: 0; border: 0; background: none; color: #a7a7ae; font-size: 13px; font-weight: 500; text-decoration: none; transition: color .2s; }
.desktop-nav > a:hover, .nav-menu > button:hover, .nav-signin:hover { color: white; }
.nav-menu { position: relative; }
.nav-menu > button { display: flex; align-items: center; gap: 4px; }
.nav-menu > button svg { width: 12px; }
.nav-dropdown { width: 330px; position: absolute; top: 30px; left: -20px; display: grid; gap: 4px; padding: 10px; border: 1px solid var(--dark-line); border-radius: 16px; background: rgba(17,17,21,.97); box-shadow: 0 30px 70px rgba(0,0,0,.35); opacity: 0; visibility: hidden; transform: translateY(-5px); transition: .2s var(--ease); }
.nav-menu:hover .nav-dropdown, .nav-menu:focus-within .nav-dropdown { opacity: 1; visibility: visible; transform: translateY(0); }
.nav-dropdown a { display: flex; gap: 12px; padding: 11px; border-radius: 10px; text-decoration: none; }
.nav-dropdown a:hover { background: rgba(255,255,255,.06); }
.nav-dropdown a > svg { flex: 0 0 auto; width: 18px; height: 18px; margin-top: 2px; color: var(--violet-2); }
.nav-dropdown b, .nav-dropdown small { display: block; }
.nav-dropdown b { color: white; font-size: 12px; }
.nav-dropdown small { margin-top: 4px; color: #85858d; font-size: 10px; }
.nav-actions { margin-inline-start: auto; display: flex; align-items: center; gap: 16px; }
.button { min-height: 48px; display: inline-flex; align-items: center; justify-content: center; gap: 10px; padding: 0 20px; border: 1px solid transparent; border-radius: 12px; font-size: 13px; font-weight: 600; letter-spacing: -.01em; text-decoration: none; transition: transform .22s var(--ease), background .22s, border-color .22s, box-shadow .22s; }
.button:hover { transform: translateY(-2px); }
.button-nav { min-height: 39px; padding: 0 15px; border-color: rgba(255,255,255,.22); background: white; color: #09090a; }
.button-nav svg { width: 13px; }
.language-switcher { position: relative; }
.language-toggle { min-width: 64px; height: 36px; display: flex; align-items: center; justify-content: center; gap: 6px; padding: 0 9px; border: 1px solid rgba(255,255,255,.12); border-radius: 10px; background: rgba(255,255,255,.035); color: #a7a7ae; font-family: var(--mono); font-size: 8px; transition: color .2s, border-color .2s, background .2s; }
.language-toggle:hover, .language-toggle[aria-expanded="true"] { border-color: rgba(255,255,255,.24); background: rgba(255,255,255,.07); color: white; }
.language-toggle svg { width: 12px; }
.language-toggle svg:last-child { width: 10px; transition: transform .2s; }
.language-toggle[aria-expanded="true"] svg:last-child { transform: rotate(180deg); }
.language-menu { width: 188px; position: absolute; inset-block-start: 45px; inset-inline-end: 0; padding: 7px; border: 1px solid var(--dark-line); border-radius: 14px; background: rgba(18,18,22,.97); box-shadow: 0 24px 60px rgba(0,0,0,.38); backdrop-filter: blur(18px); }
.language-menu a { display: flex; align-items: center; justify-content: space-between; padding: 10px 11px; border-radius: 8px; color: #aaaab2; font-size: 11px; text-decoration: none; transition: background .2s, color .2s; }
.language-menu a:hover, .language-menu a[aria-current="true"] { background: rgba(255,255,255,.065); color: white; }
.language-menu small { color: #62626b; font-family: var(--mono); font-size: 7px; }
.menu-toggle { display: none; width: 40px; height: 40px; border: 1px solid rgba(255,255,255,.18); border-radius: 10px; background: rgba(255,255,255,.06); align-items: center; justify-content: center; flex-direction: column; gap: 5px; }
.menu-toggle span { width: 17px; height: 1.5px; border-radius: 2px; background: white; transition: transform .2s; }
.menu-toggle[aria-expanded="true"] span:first-child { transform: translateY(3.25px) rotate(45deg); }
.menu-toggle[aria-expanded="true"] span:last-child { transform: translateY(-3.25px) rotate(-45deg); }
.mobile-nav { position: fixed; inset: 76px 0 auto; padding: 12px 24px 28px; border-bottom: 1px solid var(--dark-line); background: rgba(7,7,8,.97); backdrop-filter: blur(20px); }
.mobile-nav a { display: flex; justify-content: space-between; align-items: center; padding: 15px 0; border-bottom: 1px solid var(--dark-line); color: #d4d4d8; font-size: 16px; text-decoration: none; }
.mobile-languages { display: flex; gap: 8px; padding-top: 19px; }
.mobile-languages a { min-width: 60px; justify-content: center; padding: 9px 12px; border: 1px solid var(--dark-line); border-radius: 9px; font-size: 11px; }
.mobile-languages a[aria-current="true"] { border-color: rgba(166,156,255,.45); background: rgba(139,125,255,.12); color: #c5bfff; }

/* Hero */
.hero { min-height: 1080px; position: relative; overflow: hidden; padding: 155px 0 110px; background: var(--black); color: white; }
.hero::before { content: ""; position: absolute; inset: 0; background: radial-gradient(ellipse 55% 40% at 50% -10%, rgba(151,137,255,.18), transparent 72%); pointer-events: none; }
.hero-noise { position: absolute; inset: 0; opacity: .22; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 220 220' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.07'/%3E%3C/svg%3E"); pointer-events: none; }
.hero-glow { position: absolute; border-radius: 50%; filter: blur(100px); opacity: .22; pointer-events: none; }
.glow-a { width: 390px; height: 260px; left: 9%; top: 335px; background: #6a59ff; }
.glow-b { width: 340px; height: 260px; right: 8%; top: 390px; background: #4bd5c2; opacity: .12; }
.hero-inner { position: relative; z-index: 2; text-align: center; }
.release-pill { display: inline-flex; align-items: center; gap: 9px; padding: 7px 11px 7px 7px; border: 1px solid rgba(255,255,255,.13); border-radius: 999px; background: rgba(255,255,255,.045); color: #aaaab2; font-size: 11px; text-decoration: none; backdrop-filter: blur(10px); }
.release-pill > span { padding: 3px 7px; border-radius: 999px; background: #8a7bfd; color: white; font-family: var(--mono); font-size: 8px; letter-spacing: .08em; }
.release-pill svg { width: 12px; color: white; }
.hero h1 { max-width: 1060px; margin: 33px auto 0; font-size: clamp(58px, 7.4vw, 104px); font-weight: 500; line-height: .99; letter-spacing: -.072em; text-wrap: balance; }
.hero h1 em { background: linear-gradient(100deg, #fff 0%, #bdb7ff 42%, #8ce5da 100%); -webkit-background-clip: text; background-clip: text; color: transparent; font-style: normal; }
.hero-copy { max-width: 715px; margin: 30px auto 0; color: #9999a2; font-size: 18px; line-height: 1.65; text-wrap: balance; }
.hero-actions { display: flex; justify-content: center; gap: 12px; margin-top: 35px; }
.button-white { background: white; color: #09090a; box-shadow: 0 8px 30px rgba(255,255,255,.1); }
.button-white:hover { background: #f0f0ed; box-shadow: 0 12px 35px rgba(255,255,255,.14); }
.button-glass { border-color: rgba(255,255,255,.15); background: rgba(255,255,255,.055); color: white; backdrop-filter: blur(10px); }
.button-glass:hover { border-color: rgba(255,255,255,.28); background: rgba(255,255,255,.085); }
.hero-note { margin: 14px 0 0; color: #66666e; font-size: 10px; }
.hero-product { max-width: 1180px; position: relative; margin: 90px auto 0; }
.product-halo { position: absolute; inset: -90px 11% auto; height: 220px; border-radius: 50%; background: radial-gradient(ellipse, rgba(138,123,253,.25), transparent 68%); filter: blur(25px); }
.app-frame { position: relative; z-index: 2; overflow: hidden; border: 1px solid rgba(255,255,255,.14); border-radius: 18px; background: #111116; box-shadow: 0 45px 120px rgba(0,0,0,.58), inset 0 1px rgba(255,255,255,.07); text-align: left; }
.app-bar { height: 46px; display: flex; align-items: center; justify-content: space-between; padding: 0 15px; border-bottom: 1px solid rgba(255,255,255,.08); background: #18181d; }
.traffic-lights { display: flex; gap: 6px; }
.traffic-lights i { width: 7px; height: 7px; border-radius: 50%; background: #3b3b42; }
.app-address { width: 220px; height: 25px; display: flex; align-items: center; justify-content: center; gap: 7px; border: 1px solid rgba(255,255,255,.06); border-radius: 7px; background: #111115; color: #71717b; font-family: var(--mono); font-size: 8px; }
.app-address svg { width: 9px; }
.app-bar-actions { display: flex; align-items: center; gap: 12px; color: #777780; }
.app-bar-actions svg { width: 13px; }
.mini-profile { width: 24px; height: 24px; display: grid; place-items: center; border-radius: 7px; background: #eee; color: #222; font-size: 7px; font-weight: 700; }
.app-body { height: 565px; display: grid; grid-template-columns: 56px 215px minmax(400px, 1fr) 205px; }
.app-rail { display: flex; align-items: center; flex-direction: column; gap: 8px; padding: 13px 0; border-right: 1px solid rgba(255,255,255,.075); background: #101014; }
.rail-logo, .mini-brand { width: 29px; height: 29px; display: grid; place-items: center; border-radius: 8px; background: white; color: black; font-size: 13px; font-weight: 700; }
.rail-logo { margin-bottom: 13px; }
.app-rail button { width: 34px; height: 34px; display: grid; place-items: center; border: 0; border-radius: 9px; background: transparent; color: #5f5f69; }
.app-rail button.active { background: #282630; color: #c9c3ff; }
.app-rail button svg { width: 14px; }
.rail-spacer { flex: 1; }
.inbox-panel { overflow: hidden; border-right: 1px solid rgba(255,255,255,.075); background: #151519; }
.panel-title { height: 70px; display: flex; align-items: center; justify-content: space-between; padding: 0 15px; }
.panel-title small, .panel-title strong { display: block; }
.panel-title small { color: #5d5d66; font-family: var(--mono); font-size: 6px; letter-spacing: .09em; }
.panel-title strong { margin-top: 4px; font-size: 12px; }
.panel-title button { width: 25px; height: 25px; display: grid; place-items: center; border: 1px solid rgba(255,255,255,.09); border-radius: 7px; background: #202025; color: #aaaab2; }
.panel-title button svg { width: 11px; }
.search-box { height: 31px; display: flex; align-items: center; gap: 7px; margin: 0 11px 10px; padding: 0 9px; border: 1px solid rgba(255,255,255,.075); border-radius: 7px; background: #101014; color: #666670; font-size: 7px; }
.search-box svg { width: 10px; }
.search-box span { flex: 1; }
.search-box kbd { padding: 2px 4px; border: 1px solid rgba(255,255,255,.08); border-radius: 3px; color: #55555f; font-family: var(--mono); font-size: 6px; }
.inbox-tabs { display: flex; gap: 10px; padding: 0 12px 9px; border-bottom: 1px solid rgba(255,255,255,.065); }
.inbox-tabs button { padding: 0; border: 0; background: none; color: #63636d; font-size: 7px; }
.inbox-tabs button.active { color: white; }
.inbox-tabs span { margin-left: 2px; padding: 1px 4px; border-radius: 5px; background: #29282f; }
.conversation { height: 62px; position: relative; display: grid; grid-template-columns: 30px 1fr auto; gap: 8px; align-items: center; margin: 3px 6px; padding: 0 8px; border-radius: 9px; color: #b0b0b8; }
.conversation.active { background: #26252c; color: white; }
.conversation b, .conversation p { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.conversation b { display: block; font-size: 8px; }
.conversation p { max-width: 130px; margin: 4px 0 0; color: #666670; font-size: 6px; }
.conversation.active p { color: #9c9ca5; }
.conversation time { align-self: start; padding-top: 17px; color: #5e5e68; font-size: 6px; }
.conversation > i { width: 4px; height: 4px; position: absolute; right: 9px; bottom: 14px; border-radius: 50%; background: var(--violet); }
.avatar { width: 30px; height: 30px; display: inline-grid; place-items: center; flex: 0 0 auto; border-radius: 9px; color: #111; font-size: 7px; font-weight: 700; }
.avatar.large { width: 43px; height: 43px; border-radius: 13px; font-size: 9px; }
.avatar-violet { background: #b8adff; }
.avatar-amber { background: #f5c889; }
.avatar-mint { background: #90dfbd; }
.avatar-blue { background: #8fbcff; }
.avatar-rose { background: #f3a8b9; }
.message-panel { min-width: 0; display: grid; grid-template-rows: 65px 1fr auto; background: #121216; }
.message-head { display: flex; align-items: center; justify-content: space-between; padding: 0 17px; border-bottom: 1px solid rgba(255,255,255,.07); }
.message-head > div { display: flex; align-items: center; gap: 9px; }
.message-head b, .message-head small { display: block; }
.message-head b { font-size: 9px; }
.message-head small { margin-top: 2px; color: #696973; font-size: 6px; }
.message-head small i { display: inline-block; width: 4px; height: 4px; margin-right: 3px; border-radius: 50%; background: #61d598; }
.message-head button { width: 27px; height: 27px; display: grid; place-items: center; border: 1px solid rgba(255,255,255,.07); border-radius: 7px; background: #19191e; color: #8a8a94; }
.message-head button svg { width: 11px; }
.message-stream { overflow: hidden; padding: 14px 20px 10px; }
.stream-date { margin-bottom: 15px; color: #555560; text-align: center; font-size: 6px; }
.message-bubble { display: flex; gap: 9px; margin: 12px 0; }
.message-bubble small { display: block; margin-bottom: 4px; color: #777781; font-size: 6px; }
.message-bubble p { max-width: 280px; margin: 0; padding: 8px 10px; border-radius: 3px 10px 10px 10px; background: #222227; color: #bdbdc4; font-size: 7px; line-height: 1.5; }
.outgoing { justify-content: flex-end; text-align: right; }
.outgoing p { background: #7166d8; color: white; border-radius: 10px 3px 10px 10px; text-align: left; }
.outgoing span { display: block; margin-top: 3px; color: #575761; font-size: 5px; }
.ai-summary { display: grid; grid-template-columns: 26px 1fr auto; gap: 9px; margin: 15px 4px 15px 39px; padding: 12px; border: 1px solid rgba(139,125,255,.25); border-radius: 11px; background: linear-gradient(120deg, rgba(139,125,255,.09), rgba(123,217,246,.035)); }
.ai-summary > span { width: 26px; height: 26px; display: grid; place-items: center; border-radius: 7px; background: rgba(139,125,255,.16); color: #aaa0ff; }
.ai-summary > span svg { width: 12px; }
.ai-summary b { font-size: 7px; }
.ai-summary p { margin: 4px 0 7px; color: #8e8e98; font-size: 6px; line-height: 1.45; }
.ai-summary em { display: inline-block; margin-right: 3px; padding: 2px 5px; border-radius: 4px; background: rgba(255,255,255,.06); color: #8d8d96; font-size: 5px; font-style: normal; }
.ai-summary > button { align-self: start; padding: 4px 6px; border: 1px solid rgba(255,255,255,.09); border-radius: 5px; background: #222229; color: #aaaab3; font-size: 5px; }
.ai-composer { margin: 0 13px 13px; border: 1px solid rgba(255,255,255,.09); border-radius: 10px; background: #18181d; }
.ai-suggestion { height: 33px; display: flex; align-items: center; gap: 7px; padding: 0 9px; border-bottom: 1px solid rgba(255,255,255,.07); color: #9c93ff; }
.ai-suggestion > svg { width: 11px; }
.ai-suggestion span { flex: 1; color: #696974; font-size: 5px; }
.ai-suggestion b { margin-right: 4px; color: #b7b0ff; font-size: 6px; }
.ai-suggestion button { display: flex; align-items: center; gap: 3px; border: 0; background: none; color: #a39aff; font-size: 6px; }
.ai-suggestion button svg { width: 8px; }
.composer-row { height: 38px; display: flex; align-items: center; gap: 7px; padding: 0 8px; color: #60606a; font-size: 6px; }
.composer-row span { flex: 1; }
.composer-row button { width: 24px; height: 24px; display: grid; place-items: center; border: 0; background: transparent; color: #70707a; }
.composer-row button svg { width: 10px; }
.composer-row button.send { border-radius: 6px; background: white; color: black; }
.customer-panel { min-width: 0; border-left: 1px solid rgba(255,255,255,.075); background: #151519; }
.customer-top { display: flex; align-items: center; flex-direction: column; padding: 22px 10px 13px; text-align: center; }
.customer-top b { margin-top: 8px; font-size: 9px; }
.customer-top small { margin-top: 3px; color: #696972; font-size: 6px; }
.customer-actions { display: flex; justify-content: center; gap: 7px; padding-bottom: 15px; border-bottom: 1px solid rgba(255,255,255,.06); }
.customer-actions button { width: 28px; height: 25px; display: grid; place-items: center; border: 1px solid rgba(255,255,255,.075); border-radius: 6px; background: #1e1e23; color: #777781; }
.customer-actions svg { width: 10px; }
.customer-block { padding: 14px; border-bottom: 1px solid rgba(255,255,255,.06); }
.customer-block > span { display: block; color: #55555f; font-family: var(--mono); font-size: 5px; letter-spacing: .08em; }
.customer-block > span svg { width: 7px; color: #a69cff; }
.score-row { display: flex; gap: 10px; align-items: center; margin-top: 10px; }
.score-row > strong { color: #b3aaff; font-size: 22px; font-weight: 500; }
.score-row > div { flex: 1; }
.score-row i { height: 3px; display: block; overflow: hidden; border-radius: 4px; background: #2b2b31; }
.score-row i b { height: 100%; display: block; border-radius: inherit; background: linear-gradient(90deg, #786bf0, #a99fff); }
.score-row small { display: block; margin-top: 5px; color: #62626c; font-size: 5px; }
.profile-list { margin: 8px 0 0; }
.profile-list > div { display: flex; justify-content: space-between; padding: 5px 0; }
.profile-list span, .profile-list b { color: #676771; font-size: 6px; font-weight: 400; }
.profile-list b { color: #acacb4; }
.profile-list b em { padding: 2px 5px; border-radius: 4px; background: rgba(128,231,188,.1); color: #80d8b6; font-style: normal; }
.customer-block > p { display: grid; grid-template-columns: 12px 1fr; margin: 9px 0 0; color: #9999a2; font-size: 6px; }
.customer-block > p svg { width: 8px; color: #8278dd; }
.customer-block > p small { grid-column: 2; margin-top: 2px; color: #55555e; }
.floating-card { position: absolute; z-index: 4; display: flex; align-items: center; gap: 9px; padding: 10px 12px; border: 1px solid rgba(255,255,255,.14); border-radius: 12px; background: rgba(25,25,31,.9); box-shadow: 0 18px 45px rgba(0,0,0,.4); backdrop-filter: blur(14px); text-align: left; }
.floating-card > span:first-child { width: 27px; height: 27px; display: grid; place-items: center; border-radius: 8px; background: rgba(139,125,255,.15); color: #a99fff; }
.floating-card svg { width: 12px; }
.floating-card small, .floating-card b { display: block; }
.floating-card small { color: #5f5f68; font-family: var(--mono); font-size: 5px; letter-spacing: .08em; }
.floating-card b { margin-top: 3px; font-size: 7px; }
.floating-card em { margin-left: 14px; color: #aa9fff; font-size: 11px; font-style: normal; }
.ai-card { left: -35px; top: 130px; }
.agent-card { right: -25px; bottom: 76px; }
.agent-card > .pulse-dot { width: 7px !important; height: 7px !important; border-radius: 50% !important; background: #72d6a7 !important; box-shadow: 0 0 0 5px rgba(114,214,167,.09); }
.agent-card > svg { margin-left: 14px; color: #75d5a8; }

/* Shared sections */
.section-light { background: var(--paper); color: var(--ink); }
.section-dark { position: relative; overflow: hidden; background: var(--black); color: white; }
.section-header.centered { max-width: 830px; margin: 0 auto 70px; text-align: center; }
.section-header h2, .product-copy h2, .security-copy h2, .developer-copy h2, .enterprise-card h2, .faq-intro h2 { margin: 0; font-size: clamp(45px, 5.4vw, 72px); font-weight: 500; line-height: 1.06; letter-spacing: -.06em; }
.section-header h2 em, .product-copy h2 em, .security-copy h2 em, .developer-copy h2 em, .enterprise-card h2 em, .faq-intro h2 em { color: #898991; font-style: normal; }
.section-header > p, .section-header > div > p { max-width: 650px; margin: 23px auto 0; color: var(--ink-2); font-size: 16px; line-height: 1.7; }
.kicker { display: inline-flex; align-items: center; gap: 8px; margin-bottom: 25px; color: #52525a; font-family: var(--mono); font-size: 10px; font-weight: 500; letter-spacing: .1em; text-transform: uppercase; }
.kicker svg { width: 13px; color: #7669e7; }
.light-kicker { color: #8c8c96; }
.light-kicker svg { color: #aaa0ff; }
.section-number { display: block; margin-bottom: 25px; color: #9f95ff; font-family: var(--mono); font-size: 9px; letter-spacing: .14em; }
.section-number.dark-number { color: #675bd3; }
.arrow-link { display: inline-flex; align-items: center; gap: 9px; margin-top: 29px; color: white; font-size: 13px; font-weight: 600; text-decoration: none; }
.arrow-link svg { width: 14px; transition: transform .2s; }
.arrow-link:hover svg { transform: translateX(4px); }
.dark-link { color: var(--ink); }

/* Logo wall */
.logo-wall { padding: 42px 0; border-top: 1px solid rgba(255,255,255,.08); border-bottom: 1px solid rgba(255,255,255,.08); background: #0a0a0c; color: white; }
.logo-wall p { margin: 0 0 28px; color: #55555d; font-family: var(--mono); font-size: 8px; letter-spacing: .09em; text-align: center; text-transform: uppercase; }
.logos { display: flex; align-items: center; justify-content: space-between; gap: 30px; color: #8b8b93; }
.logos span { display: flex; align-items: center; gap: 8px; font-size: 13px; font-weight: 600; letter-spacing: -.02em; }
.logos svg { width: 17px; }

/* Why */
.why-section { padding: 140px 0 150px; }
.why-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.why-card { min-height: 375px; position: relative; display: flex; align-items: flex-start; flex-direction: column; padding: 31px; border: 1px solid var(--line); border-radius: var(--radius-lg); background: rgba(255,255,255,.58); }
.why-card > span { color: #9a9a9f; font-family: var(--mono); font-size: 9px; }
.why-icon { width: 66px; height: 66px; display: grid; place-items: center; margin-top: 55px; border: 1px solid var(--line); border-radius: 20px; background: white; box-shadow: 0 12px 30px rgba(15,15,18,.06); }
.why-icon svg { width: 26px; height: 26px; color: #6559ce; }
.why-card h3 { margin: auto 0 11px; font-size: 23px; font-weight: 500; letter-spacing: -.04em; }
.why-card p { margin: 0; color: var(--ink-2); font-size: 13px; line-height: 1.7; }

/* Product sections */
.product-section { padding: 160px 0; }
.ambient { width: 500px; height: 500px; position: absolute; border-radius: 50%; filter: blur(130px); pointer-events: none; }
.ambient-violet { right: -280px; top: 25%; background: rgba(121,103,255,.16); }
.product-layout { position: relative; z-index: 2; display: grid; grid-template-columns: .75fr 1.25fr; gap: 100px; align-items: center; }
.product-layout.reverse { grid-template-columns: 1.25fr .75fr; }
.product-copy > p { max-width: 515px; margin: 25px 0 0; color: #8e8e97; font-size: 15px; line-height: 1.75; }
.growth-section .product-copy > p { color: var(--ink-2); }
.check-list { display: grid; gap: 15px; margin: 34px 0 0; padding: 0; list-style: none; }
.check-list li { display: flex; align-items: center; gap: 11px; color: #8c8c95; font-size: 12px; }
.check-list li > svg { width: 17px; height: 17px; padding: 3px; border-radius: 50%; background: rgba(139,125,255,.12); color: #a59bff; }
.check-list b { color: #d4d4d8; font-weight: 500; }
.communication-demo { position: relative; }
.demo-window { position: relative; z-index: 2; overflow: hidden; border: 1px solid rgba(255,255,255,.12); border-radius: 20px; background: #141419; box-shadow: 0 40px 100px rgba(0,0,0,.35); }
.demo-top { height: 55px; display: flex; align-items: center; justify-content: space-between; padding: 0 18px; border-bottom: 1px solid rgba(255,255,255,.08); }
.demo-top > span { font-size: 11px; font-weight: 600; }
.demo-top > span::before { content: "#"; margin-right: 6px; color: #6f6f78; }
.demo-top div { display: flex; gap: 15px; color: #71717a; }
.demo-top svg { width: 13px; }
.demo-chat { height: 525px; padding: 27px 28px; }
.demo-msg { display: flex; gap: 10px; margin-bottom: 22px; }
.demo-msg small { color: #a4a4ad; font-size: 8px; font-weight: 600; }
.demo-msg small em { margin-left: 5px; color: #55555e; font-style: normal; font-weight: 400; }
.demo-msg p { margin: 7px 0 0; color: #b8b8c0; font-size: 10px; }
.demo-ai { margin: 18px 0 24px 40px; padding: 19px; border: 1px solid rgba(139,125,255,.24); border-radius: 14px; background: linear-gradient(135deg, rgba(139,125,255,.1), rgba(123,217,246,.025)); }
.ai-label { display: flex; align-items: center; gap: 6px; color: #a69cff; font-family: var(--mono); font-size: 7px; letter-spacing: .05em; text-transform: uppercase; }
.ai-label svg { width: 10px; }
.demo-ai h4 { margin: 11px 0 9px; font-size: 12px; font-weight: 500; }
.demo-ai ul { display: grid; gap: 7px; margin: 0; padding-left: 15px; color: #91919a; font-size: 9px; }
.source-row { display: flex; gap: 8px; margin-top: 14px; }
.source-row span { padding: 4px 7px; border-radius: 5px; background: rgba(255,255,255,.05); color: #75757f; font-size: 7px; }
.action-toast { display: flex; align-items: center; gap: 9px; margin-left: 40px; padding: 10px 12px; border: 1px solid rgba(128,231,188,.18); border-radius: 10px; background: rgba(128,231,188,.055); }
.action-toast > svg { width: 16px; color: var(--mint); }
.action-toast span { flex: 1; }
.action-toast b, .action-toast small { display: block; }
.action-toast b { color: #b7b7be; font-size: 8px; }
.action-toast small { margin-top: 2px; color: #63636c; font-size: 6px; }
.action-toast button { border: 0; background: none; color: #8ddcb9; font-size: 7px; }
.demo-input { height: 52px; display: flex; align-items: center; justify-content: space-between; margin: 0 19px 19px; padding: 0 13px; border: 1px solid rgba(255,255,255,.1); border-radius: 10px; color: #55555e; font-size: 8px; }
.demo-input div { display: flex; gap: 10px; }
.demo-input svg { width: 11px; }
.translation-chip, .search-chip { position: absolute; z-index: 3; display: flex; align-items: center; gap: 8px; padding: 10px 12px; border: 1px solid rgba(255,255,255,.13); border-radius: 11px; background: rgba(25,25,30,.9); box-shadow: 0 18px 45px rgba(0,0,0,.35); backdrop-filter: blur(14px); }
.translation-chip { left: -38px; bottom: 92px; color: #8d8d97; font-size: 7px; }
.translation-chip svg { width: 13px; color: #9f95ff; }
.translation-chip b { margin-left: 6px; color: white; font-size: 7px; }
.search-chip { right: -28px; top: 88px; }
.search-chip > svg { width: 15px; color: #8bdcc4; }
.search-chip span { color: #aaaab2; font-size: 7px; }
.search-chip small { display: block; margin-bottom: 3px; color: #56565e; font-family: var(--mono); font-size: 5px; }

/* Growth */
.growth-section { padding: 160px 0; }
.growth-demo { position: relative; }
.growth-shell { display: grid; grid-template-columns: 52px 1fr; overflow: hidden; border: 1px solid var(--line); border-radius: 20px; background: white; box-shadow: 0 35px 80px rgba(25,25,35,.1); }
.growth-sidebar { display: flex; align-items: center; flex-direction: column; gap: 20px; padding: 15px 0; border-right: 1px solid var(--line); background: #111114; color: #66666f; }
.growth-sidebar .mini-brand { width: 27px; height: 27px; margin-bottom: 9px; font-size: 11px; }
.growth-sidebar svg { width: 13px; }
.growth-sidebar svg:nth-of-type(2) { color: #b4abff; }
.growth-main { min-width: 0; padding: 22px; }
.growth-head { display: flex; align-items: center; justify-content: space-between; }
.growth-head small { color: #99999f; font-family: var(--mono); font-size: 6px; letter-spacing: .09em; }
.growth-head h4 { margin: 4px 0 0; font-size: 16px; font-weight: 500; letter-spacing: -.03em; }
.growth-head button { display: flex; align-items: center; gap: 5px; padding: 7px 9px; border: 0; border-radius: 7px; background: #151518; color: white; font-size: 7px; }
.growth-head button svg { width: 9px; }
.metric-row { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; margin-top: 22px; }
.metric-row > div { position: relative; padding: 13px; border: 1px solid var(--line); border-radius: 10px; background: #fafaf9; }
.metric-row span, .metric-row b { display: block; }
.metric-row span { color: #898990; font-size: 6px; }
.metric-row b { margin-top: 7px; font-size: 17px; font-weight: 500; letter-spacing: -.04em; }
.metric-row em { position: absolute; right: 9px; top: 12px; color: #3ca779; font-size: 6px; font-style: normal; }
.growth-chart { margin-top: 9px; padding: 14px; border: 1px solid var(--line); border-radius: 10px; }
.chart-top { display: flex; justify-content: space-between; }
.chart-top b { font-size: 8px; }
.chart-top span { display: flex; align-items: center; gap: 3px; color: #8c8c93; font-size: 6px; }
.chart-top svg { width: 8px; }
.chart-area { height: 148px; position: relative; margin-top: 12px; }
.y-lines { position: absolute; inset: 0; display: flex; justify-content: space-between; flex-direction: column; }
.y-lines i { height: 1px; display: block; background: #eeeef0; }
.chart-bars { height: 100%; display: flex; align-items: flex-end; gap: 7px; padding: 0 8px; }
.chart-bars i { flex: 1; position: relative; z-index: 2; border-radius: 3px 3px 0 0; background: linear-gradient(180deg, #9589ff, #dedaff); }
.segment-row { display: grid; grid-template-columns: 1fr auto auto; gap: 15px; margin-top: 9px; padding: 11px 13px; border: 1px solid var(--line); border-radius: 9px; font-size: 7px; }
.segment-row span { display: flex; align-items: center; gap: 6px; }
.segment-row span i { width: 6px; height: 6px; border-radius: 50%; background: #8a7cf0; }
.segment-row em { color: #919197; font-style: normal; }
.growth-float { position: absolute; z-index: 3; display: flex; align-items: center; gap: 9px; padding: 11px; border: 1px solid var(--line); border-radius: 12px; background: rgba(255,255,255,.92); box-shadow: 0 16px 40px rgba(20,20,30,.12); backdrop-filter: blur(12px); }
.profile-float { left: -35px; bottom: 48px; }
.growth-float small, .growth-float b, .growth-float p { display: block; }
.growth-float small { color: #9a9aa0; font-family: var(--mono); font-size: 5px; letter-spacing: .07em; }
.growth-float b { margin-top: 2px; font-size: 8px; }
.growth-float p { margin: 2px 0 0; color: #797980; font-size: 6px; }
.growth-float > svg { width: 12px; margin-left: 12px; color: #6b5fd4; }
.tag-float { right: -24px; top: 65px; }
.tag-float > svg { width: 18px; color: #7366d8; }
.tag-float b { font-size: 7px; }
.mini-feature-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 20px 18px; margin-top: 35px; }
.mini-feature-grid > div { display: flex; gap: 10px; }
.mini-feature-grid svg { flex: 0 0 auto; width: 17px; color: #6559ce; }
.mini-feature-grid b, .mini-feature-grid small { display: block; }
.mini-feature-grid b { font-size: 11px; font-weight: 500; }
.mini-feature-grid small { margin-top: 4px; color: #828288; font-size: 8px; line-height: 1.4; }

/* Marketing */
.marketing-section { padding: 150px 0; background: #fff; }
.section-header.split { display: grid; grid-template-columns: 1fr .65fr; gap: 100px; align-items: end; margin-bottom: 65px; }
.section-header.split h2 { font-size: clamp(45px, 5vw, 68px); }
.section-header.split > div > p { margin-top: 0; }
.campaign-builder { overflow: hidden; border: 1px solid var(--line); border-radius: 22px; background: #fafaf9; box-shadow: 0 35px 90px rgba(20,20,25,.09); }
.campaign-nav { height: 57px; display: flex; align-items: center; justify-content: space-between; padding: 0 15px; border-bottom: 1px solid var(--line); background: white; }
.campaign-nav > div { display: flex; align-items: center; gap: 10px; }
.campaign-nav .mini-brand { width: 27px; height: 27px; background: black; color: white; font-size: 11px; }
.campaign-nav b { font-size: 10px; }
.campaign-nav > span { margin-left: auto; margin-right: 18px; color: #96969c; font-size: 7px; }
.campaign-nav > button { display: flex; align-items: center; gap: 5px; padding: 8px 10px; border: 0; border-radius: 7px; background: #111113; color: white; font-size: 7px; }
.campaign-nav > button svg { width: 9px; }
.campaign-body { height: 590px; display: grid; grid-template-columns: 205px 1fr 215px; }
.block-panel { padding: 17px 13px; border-right: 1px solid var(--line); background: white; }
.block-panel > small, .insight-panel > small { display: block; margin: 6px 5px 10px; color: #9a9aa0; font-family: var(--mono); font-size: 6px; letter-spacing: .09em; }
.block-panel > div { display: grid; grid-template-columns: 25px 1fr 11px; gap: 8px; align-items: center; margin-bottom: 6px; padding: 9px; border: 1px solid var(--line); border-radius: 8px; background: #fbfbfa; }
.block-panel > div > svg:first-child { width: 14px; color: #5e5e66; }
.block-panel > div > svg:last-child { width: 9px; color: #b8b8bd; }
.block-panel b, .block-panel small { display: block; }
.block-panel b { font-size: 7px; font-weight: 500; }
.block-panel span small { margin-top: 2px; color: #9b9ba1; font-size: 5px; }
.block-panel .ai-block { border-color: rgba(117,103,222,.18); background: #f4f2ff; }
.block-panel .ai-block > svg:first-child { color: #7064d5; }
.workflow-canvas { position: relative; overflow: hidden; display: flex; align-items: center; flex-direction: column; padding: 19px; background-color: #f6f6f4; background-image: radial-gradient(#cfcfd1 .7px, transparent .7px); background-size: 15px 15px; }
.workflow-title { width: 100%; display: flex; justify-content: space-between; margin-bottom: 22px; }
.workflow-title span { font-size: 9px; font-weight: 600; }
.workflow-title small { color: #929298; font-size: 7px; }
.flow-node { width: 260px; min-height: 66px; display: grid; grid-template-columns: 33px 1fr auto; gap: 9px; align-items: center; padding: 11px; border: 1px solid var(--line); border-radius: 10px; background: white; box-shadow: 0 7px 18px rgba(20,20,25,.05); }
.flow-node > span { width: 30px; height: 30px; display: grid; place-items: center; border-radius: 8px; background: #ededeb; color: #55555d; }
.flow-node > span svg { width: 13px; }
.flow-node small, .flow-node b, .flow-node p { display: block; }
.flow-node small { color: #9a9aa0; font-family: var(--mono); font-size: 5px; letter-spacing: .06em; }
.flow-node b { margin-top: 3px; font-size: 8px; font-weight: 500; }
.flow-node p { margin: 3px 0 0; color: #929298; font-size: 5px; }
.flow-node > em { padding: 3px 5px; border-radius: 5px; background: #f0f0ee; color: #8a8a90; font-size: 6px; font-style: normal; }
.ai-node { border-color: rgba(115,101,219,.23); background: #f6f4ff; }
.ai-node > span { background: #e7e3ff; color: #6e61d1; }
.ai-node > em { background: #7569d9; color: white; }
.flow-line { width: 1px; height: 28px; display: block; background: #c5c5c8; }
.flow-split { position: relative; display: flex; gap: 20px; }
.flow-split::before { content: ""; width: calc(50% + 20px); height: 15px; position: absolute; left: 25%; top: -16px; border: solid #c5c5c8; border-width: 1px 1px 0; }
.flow-split .flow-node { width: 220px; }
.flow-node span.whatsapp { background: #e6f7ee; color: #219863; }
.flow-node span.email { background: #e8effd; color: #4d77c8; }
.add-node { width: 24px; height: 24px; display: grid; place-items: center; margin-top: 22px; border: 1px solid #c8c8cc; border-radius: 50%; background: white; color: #7c7c83; font-size: 13px; }
.insight-panel { padding: 18px; border-left: 1px solid var(--line); background: white; text-align: center; }
.insight-orb { width: 66px; height: 66px; display: grid; place-items: center; margin: 42px auto 20px; border: 1px solid #e4e0ff; border-radius: 50%; background: radial-gradient(circle, #eeeaff 0%, #faf9ff 70%); box-shadow: 0 0 40px rgba(115,101,219,.12); }
.insight-orb svg { width: 23px; color: #6f62d3; }
.insight-panel h4 { margin: 0; color: #797980; font-size: 9px; font-weight: 500; }
.insight-panel > strong { display: block; margin-top: 5px; color: #5f52c9; font-size: 36px; font-weight: 500; letter-spacing: -.05em; }
.insight-panel > p { margin: 7px 0 20px; color: #88888f; font-size: 7px; line-height: 1.5; }
.insight-panel ul { display: grid; gap: 8px; margin: 0; padding: 0; text-align: left; list-style: none; }
.insight-panel li { display: flex; align-items: center; gap: 6px; font-size: 7px; }
.insight-panel li svg { width: 11px; padding: 2px; border-radius: 50%; background: #eaf8f1; color: #3aa477; }
.insight-panel button { width: 100%; margin-top: 24px; padding: 8px; border: 0; border-radius: 7px; background: #151518; color: white; font-size: 7px; }
.channel-row { display: flex; align-items: center; justify-content: space-between; margin-top: 32px; }
.channel-row > span { color: #85858c; font-family: var(--mono); font-size: 8px; text-transform: uppercase; }
.channel-row > div { display: flex; gap: 9px; }
.channel-row b { display: flex; align-items: center; gap: 6px; padding: 7px 9px; border: 1px solid var(--line); border-radius: 8px; color: #77777e; font-size: 7px; font-weight: 500; }
.channel-row svg { width: 11px; }

/* Agents */
.agents-section { padding: 150px 0; }
.agent-grid-bg { position: absolute; inset: 0; opacity: .4; background-image: linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.025) 1px, transparent 1px); background-size: 50px 50px; mask-image: linear-gradient(to bottom, transparent, black 22%, black 80%, transparent); }
.agent-heading { position: relative; z-index: 2; }
.agent-heading h2 em { background: linear-gradient(90deg, #a99fff, #72d7d0); -webkit-background-clip: text; background-clip: text; color: transparent; }
.agent-heading > p { color: #888892; }
.agent-heading .button { margin-top: 30px; }
.agent-studio { position: relative; z-index: 2; overflow: hidden; border: 1px solid rgba(255,255,255,.12); border-radius: 21px; background: #111115; box-shadow: 0 45px 110px rgba(0,0,0,.4); }
.studio-head { height: 57px; display: flex; align-items: center; justify-content: space-between; padding: 0 13px; border-bottom: 1px solid var(--dark-line); background: #16161b; }
.studio-head > div { display: flex; align-items: center; gap: 9px; }
.studio-head .mini-brand { width: 27px; height: 27px; font-size: 11px; }
.studio-head b { font-size: 9px; }
.studio-head > div:first-child > span:last-child { color: #5e5e68; font-size: 8px; }
.live-dot { width: 5px; height: 5px; border-radius: 50%; background: #6dd3a2; }
.studio-head > div:last-child { color: #777780; font-size: 7px; }
.studio-head button { padding: 7px 9px; border: 1px solid rgba(255,255,255,.09); border-radius: 7px; background: #202025; color: #aaaab2; font-size: 7px; }
.studio-head button.publish { border-color: white; background: white; color: black; }
.studio-body { height: 620px; display: grid; grid-template-columns: 165px 1fr 240px; }
.studio-tools { padding: 17px 10px; border-right: 1px solid var(--dark-line); background: #141418; }
.studio-tools small { display: block; margin: 6px 10px 8px; color: #4f4f58; font-family: var(--mono); font-size: 5px; letter-spacing: .09em; }
.studio-tools small:not(:first-child) { margin-top: 24px; }
.studio-tools a { display: flex; align-items: center; gap: 8px; margin-bottom: 2px; padding: 8px 10px; border-radius: 7px; color: #686871; font-size: 7px; text-decoration: none; }
.studio-tools a.active { background: #25242b; color: #c1baff; }
.studio-tools svg { width: 11px; }
.agent-canvas { position: relative; background-color: #0e0e12; background-image: radial-gradient(#28282f .7px, transparent .7px); background-size: 16px 16px; }
.canvas-controls { position: absolute; left: 15px; bottom: 15px; display: flex; border: 1px solid var(--dark-line); border-radius: 7px; overflow: hidden; background: #17171c; }
.canvas-controls button, .canvas-controls span { width: 28px; height: 25px; display: grid; place-items: center; border: 0; border-right: 1px solid var(--dark-line); background: transparent; color: #71717b; font-size: 7px; }
.canvas-controls span { width: 36px; }
.canvas-controls svg { width: 10px; }
.agent-flow { position: absolute; width: 520px; left: 50%; top: 52px; display: flex; align-items: center; flex-direction: column; transform: translateX(-50%); }
.agent-node { width: 270px; min-height: 70px; display: grid; grid-template-columns: 36px 1fr auto; gap: 10px; align-items: center; padding: 11px; border: 1px solid rgba(255,255,255,.11); border-radius: 10px; background: #1a1a1f; box-shadow: 0 12px 30px rgba(0,0,0,.2); }
.agent-node > span { width: 34px; height: 34px; display: grid; place-items: center; border-radius: 9px; background: #27272e; color: #8f8f99; }
.agent-node > span svg { width: 15px; }
.agent-node small, .agent-node b, .agent-node p { display: block; }
.agent-node small { color: #55555f; font-family: var(--mono); font-size: 5px; letter-spacing: .07em; }
.agent-node b { margin-top: 3px; font-size: 8px; font-weight: 500; }
.agent-node p { margin: 3px 0 0; color: #696973; font-size: 6px; }
.agent-node > svg { width: 11px; color: #5e5e67; }
.think-node { border-color: rgba(139,125,255,.3); background: linear-gradient(120deg, #1d1c26, #18181e); }
.think-node > span { background: rgba(139,125,255,.14); color: #a99fff; }
.think-node > em { padding: 3px 5px; border-radius: 4px; background: #7669df; color: white; font-size: 5px; font-style: normal; }
.node-line { width: 1px; height: 36px; display: block; background: #3e3e47; }
.branch-label { z-index: 2; margin: -23px 0 13px; padding: 4px 7px; border: 1px solid #36363e; border-radius: 5px; background: #17171c; color: #62626c; font-family: var(--mono); font-size: 5px; }
.agent-branches { position: relative; display: flex; gap: 28px; }
.agent-branches::before { content: ""; width: calc(50% + 29px); height: 18px; position: absolute; left: 25%; top: -19px; border: solid #3e3e47; border-width: 1px 1px 0; }
.agent-branches > div > small { display: block; margin: 0 0 7px 6px; color: #565660; font-family: var(--mono); font-size: 5px; }
.agent-branches .agent-node { width: 246px; }
.action-node > span { background: rgba(128,231,188,.1); color: #72d3aa; }
.action-node > svg { color: #72d3aa; }
.run-panel { padding: 17px; border-left: 1px solid var(--dark-line); background: #141418; }
.run-panel > div:first-child { display: flex; align-items: center; justify-content: space-between; }
.run-panel > div:first-child span { display: flex; align-items: center; gap: 6px; font-size: 8px; font-weight: 600; }
.run-panel > div:first-child span svg { width: 11px; color: #968aff; }
.run-panel > div:first-child button { border: 0; background: transparent; color: #666670; }
.run-panel > div:first-child button svg { width: 11px; }
.run-panel > small { display: block; margin: 26px 0 8px; color: #51515a; font-family: var(--mono); font-size: 5px; letter-spacing: .08em; }
.test-message { margin: 0 0 19px; padding: 11px; border: 1px solid rgba(255,255,255,.08); border-radius: 8px; background: #1b1b20; color: #9d9da5; font-size: 7px; line-height: 1.5; }
.run-step { display: grid; grid-template-columns: 16px 1fr auto; gap: 7px; align-items: start; padding: 10px 0; border-bottom: 1px solid rgba(255,255,255,.055); }
.run-step > svg { width: 13px; height: 13px; padding: 2px; border-radius: 50%; background: rgba(128,231,188,.09); color: #6ed1a6; }
.run-step b, .run-step small { display: block; }
.run-step b { color: #a0a0a9; font-size: 7px; font-weight: 500; }
.run-step small { margin-top: 3px; color: #55555f; font-size: 5px; }
.run-step em { color: #51515b; font-size: 5px; font-style: normal; }
.run-step.active > svg { background: rgba(139,125,255,.12); color: #a096ff; }
.token-count { display: flex; justify-content: space-between; margin-top: 20px; color: #50505a; font-family: var(--mono); font-size: 5px; }
.agent-capabilities { position: relative; z-index: 2; display: grid; grid-template-columns: repeat(5, 1fr); margin-top: 40px; border: 1px solid var(--dark-line); border-radius: 15px; }
.agent-capabilities > div { display: grid; grid-template-columns: 28px 1fr; gap: 9px; padding: 20px; border-right: 1px solid var(--dark-line); }
.agent-capabilities > div:last-child { border-right: 0; }
.agent-capabilities svg { grid-row: span 2; width: 17px; color: #978cff; }
.agent-capabilities b { font-size: 8px; font-weight: 500; }
.agent-capabilities span { color: #5f5f68; font-size: 6px; }

/* Bento */
.features-section { padding: 150px 0; }
.feature-bento { display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; }
.bento-card { min-height: 410px; position: relative; overflow: hidden; padding: 32px; border: 1px solid var(--line); border-radius: var(--radius-lg); background: rgba(255,255,255,.65); }
.bento-wide { grid-column: 1 / -1; min-height: 450px; display: grid; grid-template-columns: .75fr 1.25fr; }
.bento-copy { position: relative; z-index: 2; max-width: 430px; }
.icon-box { width: 43px; height: 43px; display: grid; place-items: center; margin-bottom: 55px; border-radius: 12px; background: #e9e5ff; color: #685bd0; }
.icon-box svg { width: 19px; }
.icon-box.warm { background: #fff0df; color: #c3782b; }
.icon-box.green { background: #e0f5ea; color: #368f65; }
.icon-box.cyan { background: #e2f4f8; color: #37899d; }
.icon-box.purple { background: #ece7ff; color: #725dd5; }
.icon-box.pink { background: #fce6ec; color: #bd6177; }
.bento-card h3 { margin: 0; font-size: 25px; font-weight: 500; letter-spacing: -.04em; }
.bento-card p { max-width: 400px; margin: 12px 0 0; color: var(--ink-2); font-size: 13px; line-height: 1.65; }
.bento-card a { display: inline-flex; align-items: center; gap: 6px; margin-top: 21px; font-size: 11px; font-weight: 600; text-decoration: none; }
.bento-card a svg { width: 12px; }
.messaging-visual { position: relative; display: grid; place-items: center; }
.messaging-visual::before { content: ""; width: 500px; height: 320px; position: absolute; border-radius: 50%; background: radial-gradient(ellipse, #e9e5ff, transparent 68%); }
.mini-channel { width: 460px; position: relative; z-index: 2; padding: 22px; border: 1px solid var(--line); border-radius: 16px; background: rgba(255,255,255,.9); box-shadow: 0 25px 60px rgba(40,35,70,.1); transform: rotate(-2deg); }
.mini-channel > div:first-child { display: flex; justify-content: space-between; margin-bottom: 18px; }
.mini-channel > div:first-child b { font-size: 11px; }
.mini-channel > div:first-child span { color: #99999f; font-size: 8px; }
.mini-channel > p { display: grid; grid-template-columns: 29px auto 1fr; gap: 7px; align-items: center; max-width: none; padding: 9px 0; border-top: 1px solid var(--line); color: #66666d; font-size: 9px; }
.mini-channel > p b { color: #1d1d20; }
.mini-channel > div:last-child { display: flex; align-items: center; gap: 7px; margin-top: 10px; padding: 9px; border-radius: 8px; background: #f0edff; color: #6659c7; font-size: 8px; }
.mini-channel > div:last-child svg { width: 12px; }
.profile-stack { position: absolute; right: 28px; bottom: 29px; left: 28px; }
.profile-stack > div { display: grid; grid-template-columns: 33px 1fr auto; gap: 9px; align-items: center; margin-top: -5px; padding: 12px; border: 1px solid var(--line); border-radius: 12px; background: rgba(255,255,255,.93); box-shadow: 0 8px 20px rgba(20,20,25,.04); }
.profile-stack b, .profile-stack small { font-size: 8px; }
.profile-stack small { color: #8d8d93; }
.community-orbit { width: 180px; height: 180px; position: absolute; right: 55px; bottom: 33px; border: 1px solid #dedede; border-radius: 50%; }
.community-orbit::before { content: ""; position: absolute; inset: 28px; border: 1px dashed #d0d0d3; border-radius: 50%; }
.community-orbit .avatar { position: absolute; box-shadow: 0 7px 18px rgba(20,20,30,.1); }
.community-orbit .avatar:nth-child(1) { left: -12px; top: 65px; }
.community-orbit .avatar:nth-child(2) { right: 11px; top: 0; }
.community-orbit .avatar:nth-child(3) { right: -10px; bottom: 37px; }
.community-orbit .avatar:nth-child(4) { left: 28px; bottom: -3px; }
.community-orbit strong { position: absolute; inset: 50px; display: grid; place-items: center; border-radius: 50%; background: white; box-shadow: 0 8px 25px rgba(20,20,30,.08); font-size: 21px; font-weight: 500; }
.community-orbit small { display: block; color: #929298; font-size: 6px; font-weight: 400; }
.translation-demo, .doc-demo, .task-demo { position: absolute; right: 28px; bottom: 28px; left: 28px; padding: 16px; border: 1px solid var(--line); border-radius: 13px; background: rgba(255,255,255,.9); }
.translation-demo p { margin: 0; padding: 9px; border-radius: 7px; background: #f5f5f3; color: #56565d; font-size: 9px; }
.translation-demo span { display: flex; align-items: center; gap: 6px; padding: 9px 4px; color: #6d61cc; font-size: 7px; }
.translation-demo span svg { width: 11px; }
.doc-demo > div { display: flex; align-items: center; gap: 9px; margin-bottom: 11px; }
.doc-demo > div > svg { width: 25px; color: #6d60cd; }
.doc-demo b, .doc-demo small { display: block; }
.doc-demo b { font-size: 8px; }
.doc-demo small { margin-top: 3px; color: #929298; font-size: 6px; }
.doc-demo > p { display: flex; align-items: center; gap: 6px; margin: 7px 0 0; color: #73737a; font-size: 7px; }
.doc-demo > p svg { width: 11px; color: #48a178; }
.task-demo { display: grid; gap: 9px; }
.task-demo p { display: grid; grid-template-columns: 14px 1fr; gap: 8px; margin: 0; }
.task-demo p > i { width: 13px; height: 13px; border: 1px solid #c6c6ca; border-radius: 4px; }
.task-demo p > i.done { position: relative; border-color: #6559c9; background: #6f63d1; }
.task-demo p > i.done::after { content: "✓"; position: absolute; left: 2px; top: -3px; color: white; font-size: 8px; }
.task-demo b, .task-demo small { display: block; }
.task-demo b { color: #515158; font-size: 8px; }
.task-demo small { margin-top: 2px; color: #9a9aa0; font-size: 6px; }

/* Security */
.security-section { padding: 150px 0; position: relative; overflow: hidden; background: #111114; color: white; }
.security-section::before { content: ""; width: 520px; height: 520px; position: absolute; left: -300px; top: 10%; border-radius: 50%; background: rgba(98,87,200,.16); filter: blur(120px); }
.security-layout { position: relative; z-index: 2; display: grid; grid-template-columns: .9fr 1.1fr; gap: 110px; align-items: center; }
.security-copy > p { max-width: 480px; margin: 25px 0 0; color: #898993; font-size: 15px; line-height: 1.75; }
.compliance-row { display: flex; gap: 9px; margin-top: 43px; }
.compliance-row span { width: 72px; height: 58px; display: grid; place-items: center; border: 1px solid var(--dark-line); border-radius: 10px; color: #c3c3c9; font-size: 9px; font-weight: 600; text-align: center; }
.compliance-row small { display: block; margin-top: -8px; color: #5f5f68; font-family: var(--mono); font-size: 5px; letter-spacing: .08em; }
.security-list { border-top: 1px solid var(--dark-line); }
.security-list article { display: grid; grid-template-columns: 46px 1fr; gap: 16px; padding: 25px 0; border-bottom: 1px solid var(--dark-line); }
.security-list article > span { width: 43px; height: 43px; display: grid; place-items: center; border: 1px solid var(--dark-line); border-radius: 12px; color: #a69cff; }
.security-list article > span svg { width: 18px; }
.security-list h3 { margin: 2px 0 7px; font-size: 15px; font-weight: 500; }
.security-list p { margin: 0; color: #777781; font-size: 11px; line-height: 1.5; }

/* Developer */
.developer-section { padding: 150px 0; }
.developer-layout { display: grid; grid-template-columns: .85fr 1.15fr; gap: 100px; align-items: center; }
.mono-kicker { color: #65656c; }
.developer-copy > p { max-width: 470px; margin: 24px 0 0; color: var(--ink-2); font-size: 15px; line-height: 1.75; }
.dev-links { display: flex; gap: 24px; margin-top: 30px; }
.dev-links a { display: inline-flex; align-items: center; gap: 6px; font-size: 12px; font-weight: 600; text-decoration: none; }
.dev-links svg { width: 12px; }
.dev-meta { display: flex; flex-wrap: wrap; gap: 16px; margin-top: 42px; color: #74747b; font-size: 9px; }
.dev-meta span { display: flex; align-items: center; gap: 6px; }
.dev-meta svg { width: 12px; color: #6659ca; }
.code-window { overflow: hidden; border: 1px solid #25252b; border-radius: 18px; background: #111114; box-shadow: 0 35px 80px rgba(20,20,30,.15); color: #d2d2d8; }
.code-tabs { height: 48px; display: flex; align-items: center; gap: 18px; padding: 0 17px; border-bottom: 1px solid var(--dark-line); color: #64646d; font-family: var(--mono); font-size: 7px; }
.code-tabs span.active { color: white; }
.code-tabs > svg { width: 11px; margin-left: auto; }
.code-window pre { min-height: 400px; margin: 0; padding: 28px; overflow: auto; font-family: var(--mono); font-size: 10px; line-height: 1.9; }
.code-purple { color: #c09aff; }
.code-green { color: #8dd7ad; }
.code-blue { color: #83b8ff; }
.code-gold { color: #e8c17b; }
.code-comment { color: #565661; }
.code-status { height: 40px; display: flex; align-items: center; justify-content: space-between; padding: 0 17px; border-top: 1px solid var(--dark-line); color: #5e5e67; font-family: var(--mono); font-size: 6px; }
.code-status span:first-child { display: flex; align-items: center; gap: 6px; color: #72c99f; }
.code-status i { width: 5px; height: 5px; border-radius: 50%; background: #68ce9c; }

/* Enterprise */
.enterprise-section { padding: 90px 0; background: var(--paper); }
.enterprise-card { min-height: 480px; position: relative; overflow: hidden; display: grid; grid-template-columns: 1fr .72fr; gap: 80px; align-items: center; padding: 75px; border-radius: 30px; background: #111114; color: white; }
.enterprise-card::after { content: ""; width: 500px; height: 500px; position: absolute; right: -270px; top: -150px; border: 1px solid rgba(255,255,255,.08); border-radius: 50%; box-shadow: 0 0 0 75px rgba(255,255,255,.018), 0 0 0 150px rgba(255,255,255,.012); }
.enterprise-glow { width: 330px; height: 250px; position: absolute; left: 25%; bottom: -210px; border-radius: 50%; background: #7567ee; filter: blur(90px); opacity: .3; }
.enterprise-card > div { position: relative; z-index: 2; }
.enterprise-card > div:first-of-type > p { max-width: 550px; margin: 24px 0 30px; color: #898993; font-size: 15px; line-height: 1.7; }
.enterprise-points { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.enterprise-points span { min-height: 105px; display: flex; align-items: flex-start; flex-direction: column; justify-content: space-between; padding: 17px; border: 1px solid var(--dark-line); border-radius: 13px; background: rgba(255,255,255,.025); }
.enterprise-points svg { width: 18px; color: #a399ff; }
.enterprise-points b { font-size: 9px; font-weight: 500; }

/* Pricing */
.pricing-section { padding: 140px 0; }
.billing-toggle { width: max-content; display: flex; margin: 30px auto 0; padding: 4px; border: 1px solid var(--line); border-radius: 10px; background: white; }
.billing-toggle button { padding: 8px 12px; border: 0; border-radius: 7px; background: transparent; color: #77777e; font-size: 8px; }
.billing-toggle button.active { background: #141416; color: white; }
.billing-toggle span { margin-left: 5px; color: #7bdaaf; font-size: 6px; }
.pricing-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 15px; align-items: stretch; }
.price-card { position: relative; padding: 32px; border: 1px solid var(--line); border-radius: 22px; background: white; }
.price-card.featured { background: #111114; color: white; box-shadow: 0 25px 65px rgba(20,20,30,.15); }
.popular { position: absolute; right: 17px; top: 17px; padding: 5px 7px; border-radius: 5px; background: #292832; color: #bcb5ff; font-family: var(--mono); font-size: 5px; letter-spacing: .08em; }
.plan-name { font-size: 18px; font-weight: 600; letter-spacing: -.03em; }
.price-card > p { min-height: 46px; margin: 13px 0 25px; color: #7c7c83; font-size: 11px; line-height: 1.55; }
.price { min-height: 57px; display: flex; align-items: baseline; gap: 7px; }
.price b { font-size: 40px; font-weight: 500; letter-spacing: -.055em; }
.price span { color: #8d8d94; font-size: 8px; }
.price-card .button { width: 100%; margin-top: 24px; }
.price-button { border-color: var(--line); background: #f6f6f3; color: var(--ink); }
.price-card ul { display: grid; gap: 13px; margin: 28px 0 0; padding: 24px 0 0; border-top: 1px solid var(--line); list-style: none; }
.price-card.featured ul { border-color: var(--dark-line); }
.price-card li { display: flex; align-items: center; gap: 8px; color: #6e6e75; font-size: 9px; }
.price-card.featured li { color: #aaaab2; }
.price-card li svg { width: 13px; color: #5d50c4; }
.price-card.featured li svg { color: #a59bff; }

/* Answer blocks */
.answer-section { padding: 125px 0 70px; }
.answer-section .section-header { margin-bottom: 42px; }
.answer-section .section-header > p { max-width: 390px; color: #76767e; font-size: 13px; line-height: 1.7; }
.answer-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }
.answer-card { min-height: 245px; display: flex; flex-direction: column; padding: 28px; border: 1px solid var(--line); border-radius: 20px; background: rgba(255,255,255,.58); }
.answer-card > span { color: #8a80d9; font-family: var(--mono); font-size: 7px; letter-spacing: .12em; }
.answer-card h3 { margin: auto 0 12px; font-size: 18px; font-weight: 550; letter-spacing: -.035em; }
.answer-card p { margin: 0; color: #6f6f77; font-size: 10.5px; line-height: 1.72; }
.answer-card-accent { border-color: rgba(117,103,230,.22); background: linear-gradient(145deg, rgba(120,105,232,.09), rgba(255,255,255,.7)); }

/* FAQ */
.faq-section { padding: 80px 0 150px; }
.faq-layout { display: grid; grid-template-columns: .65fr 1.35fr; gap: 110px; }
.faq-intro .kicker { margin-bottom: 22px; }
.faq-intro p { margin: 24px 0 8px; color: #7d7d84; font-size: 12px; }
.faq-intro a { display: inline-flex; align-items: center; gap: 5px; font-size: 11px; font-weight: 600; text-decoration: none; }
.faq-intro a svg { width: 12px; }
.faq-list { border-top: 1px solid var(--line); }
.faq-list details { border-bottom: 1px solid var(--line); }
.faq-list summary { min-height: 78px; display: flex; align-items: center; justify-content: space-between; gap: 20px; cursor: pointer; font-size: 16px; font-weight: 500; letter-spacing: -.02em; list-style: none; }
.faq-list summary::-webkit-details-marker { display: none; }
.faq-list summary svg { width: 17px; transition: transform .2s; }
.faq-list details[open] summary svg { transform: rotate(45deg); }
.faq-list details p { max-width: 680px; margin: -4px 0 25px; color: #707077; font-size: 12px; line-height: 1.7; }

/* CTA + Footer */
.final-cta { min-height: 620px; position: relative; overflow: hidden; display: grid; place-items: center; background: var(--black); color: white; text-align: center; }
.cta-grid { position: absolute; inset: 0; opacity: .7; background-image: linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.025) 1px, transparent 1px); background-size: 55px 55px; mask-image: radial-gradient(circle at center, black, transparent 68%); }
.cta-glow { width: 700px; height: 300px; position: absolute; left: 50%; bottom: -230px; border-radius: 50%; background: linear-gradient(90deg, #6f5cf3, #63d7d0); filter: blur(100px); opacity: .38; transform: translateX(-50%); }
.final-cta .page-shell { position: relative; z-index: 2; }
.cta-mark { width: 48px; height: 48px; margin: 0 auto 28px; border-radius: 13px; transform: scale(1.15); }
.final-cta h2 { margin: 0; font-size: clamp(49px, 6.3vw, 82px); font-weight: 500; letter-spacing: -.065em; }
.final-cta p { max-width: 650px; margin: 24px auto 30px; color: #888891; font-size: 16px; line-height: 1.65; }
.final-cta .page-shell > div { display: flex; justify-content: center; gap: 11px; }
.final-cta small { display: block; margin-top: 14px; color: #5b5b63; font-size: 9px; }
.site-footer { padding: 75px 0 25px; border-top: 1px solid var(--dark-line); background: var(--black); color: white; }
.footer-main { display: grid; grid-template-columns: .6fr 1.4fr; gap: 80px; padding-bottom: 70px; }
.footer-brand p { margin: 22px 0 35px; color: #6e6e77; font-size: 13px; line-height: 1.6; }
.footer-brand > div { display: flex; gap: 9px; }
.footer-brand > div a { width: 31px; height: 31px; display: grid; place-items: center; border: 1px solid var(--dark-line); border-radius: 8px; color: #707079; }
.footer-brand > div svg { width: 13px; }
.footer-links { display: grid; grid-template-columns: repeat(4, 1fr); gap: 35px; }
.footer-links > div { display: grid; align-content: start; gap: 13px; }
.footer-links b { margin-bottom: 6px; color: #d4d4d9; font-size: 10px; font-weight: 500; }
.footer-links a { color: #6c6c75; font-size: 9px; text-decoration: none; transition: color .2s; }
.footer-links a:hover { color: white; }
.footer-bottom { display: flex; align-items: center; justify-content: space-between; padding-top: 22px; border-top: 1px solid var(--dark-line); color: #55555e; font-size: 8px; }
.footer-bottom > div { display: flex; align-items: center; gap: 20px; }
.footer-bottom a { text-decoration: none; }
.footer-language { display: flex; align-items: center; gap: 9px; }
.footer-language svg { width: 10px; }
.footer-language a { color: #696972; transition: color .2s; }
.footer-language a:hover, .footer-language a[aria-current="true"] { color: #c5c5cb; }

/* Multilingual + Arabic RTL */
html[lang="zh-CN"] body { font-family: "Noto Sans SC", var(--font); }
html[lang="ar-AE"] body { font-family: "Noto Sans Arabic", var(--font); }
html[lang="ar-AE"] h1,
html[lang="ar-AE"] h2,
html[lang="ar-AE"] h3,
html[lang="ar-AE"] h4 { letter-spacing: -.025em; }
html[dir="rtl"] .brand { letter-spacing: 0; }
html[dir="rtl"] .desktop-nav,
html[dir="rtl"] .nav-actions,
html[dir="rtl"] .hero-actions,
html[dir="rtl"] .check-list li,
html[dir="rtl"] .mini-feature-grid > div,
html[dir="rtl"] .security-list article,
html[dir="rtl"] .dev-links,
html[dir="rtl"] .dev-meta,
html[dir="rtl"] .footer-bottom > div { direction: rtl; }
html[dir="rtl"] .hero-inner,
html[dir="rtl"] .section-header.centered,
html[dir="rtl"] .final-cta { text-align: center; }
html[dir="rtl"] .product-copy,
html[dir="rtl"] .section-header.split,
html[dir="rtl"] .security-copy,
html[dir="rtl"] .developer-copy,
html[dir="rtl"] .faq-intro,
html[dir="rtl"] .footer-links,
html[dir="rtl"] .footer-brand { text-align: right; }
html[dir="rtl"] .app-frame,
html[dir="rtl"] .demo-window,
html[dir="rtl"] .growth-demo,
html[dir="rtl"] .campaign-builder,
html[dir="rtl"] .agent-studio,
html[dir="rtl"] .bento-visual,
html[dir="rtl"] .code-window,
html[dir="rtl"] pre,
html[dir="rtl"] code { direction: ltr; text-align: left; }
html[dir="rtl"] .arrow-link .lucide-arrow-right,
html[dir="rtl"] .button .lucide-arrow-right,
html[dir="rtl"] .release-pill .lucide-arrow-right,
html[dir="rtl"] .lucide-arrow-up-right { transform: scaleX(-1); }
html[dir="rtl"] .nav-dropdown { left: auto; right: -20px; }
html[dir="rtl"] .release-pill { direction: rtl; }
html[dir="rtl"] .faq-list summary { text-align: right; }
html[dir="rtl"] .price-card,
html[dir="rtl"] .why-card,
html[dir="rtl"] .bento-card,
html[dir="rtl"] .answer-card { text-align: right; }
html[dir="rtl"] .price-card li { direction: rtl; }

/* Motion */
.reveal { opacity: 0; transform: translateY(24px); transition: opacity .75s var(--ease), transform .75s var(--ease); }
.reveal.visible { opacity: 1; transform: translateY(0); }
@keyframes floatY { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-8px); } }
.ai-card { animation: floatY 5s ease-in-out infinite; }
.agent-card { animation: floatY 5.7s ease-in-out infinite .5s; }
:focus-visible { outline: 3px solid rgba(166,156,255,.5); outline-offset: 3px; }

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
  .reveal { opacity: 1; transform: none; }
}

@media (max-width: 1120px) {
  .desktop-nav { display: none; }
  .menu-toggle { display: flex; }
  .app-body { grid-template-columns: 52px 200px minmax(400px, 1fr); }
  .customer-panel { display: none; }
  .product-layout, .product-layout.reverse { gap: 55px; }
  .campaign-body { grid-template-columns: 180px 1fr 190px; }
  .flow-node { width: 230px; }
  .flow-split .flow-node { width: 185px; }
  .studio-body { grid-template-columns: 150px 1fr 210px; }
  .agent-flow { transform: translateX(-50%) scale(.86); transform-origin: top center; }
  .agent-capabilities > div { padding: 16px 12px; }
}

@media (max-width: 900px) {
  .hero { min-height: auto; padding-bottom: 80px; }
  .hero h1 { font-size: clamp(54px, 10vw, 78px); }
  .hero-product { margin-top: 70px; }
  .app-frame { overflow-x: auto; }
  .app-body { width: 790px; }
  .floating-card { display: none; }
  .logos { display: grid; grid-template-columns: repeat(3, 1fr); }
  .product-layout, .product-layout.reverse { grid-template-columns: 1fr; gap: 75px; }
  .product-copy { max-width: 650px; }
  .growth-demo { grid-row: 2; }
  .communication-demo, .growth-demo { width: min(700px, 100%); margin: 0 auto; }
  .section-header.split { grid-template-columns: 1fr; gap: 30px; }
  .section-header.split > div > p { margin: 0; }
  .campaign-body { height: 610px; grid-template-columns: 155px 1fr; }
  .insight-panel { display: none; }
  .flow-split .flow-node { width: 200px; }
  .channel-row { align-items: flex-start; flex-direction: column; gap: 18px; }
  .channel-row > div { flex-wrap: wrap; }
  .studio-body { grid-template-columns: 135px 1fr; }
  .run-panel { display: none; }
  .agent-capabilities { grid-template-columns: repeat(3, 1fr); }
  .agent-capabilities > div:nth-child(3) { border-right: 0; }
  .agent-capabilities > div:nth-child(n+4) { border-top: 1px solid var(--dark-line); }
  .bento-wide { grid-template-columns: 1fr; min-height: 680px; }
  .security-layout, .developer-layout, .enterprise-card, .faq-layout { grid-template-columns: 1fr; }
  .security-layout, .developer-layout { gap: 65px; }
  .enterprise-card { gap: 50px; }
  .faq-layout { gap: 60px; }
  .footer-main { grid-template-columns: 1fr; }
}

@media (max-width: 680px) {
  .page-shell, .nav-shell { width: min(100% - 32px, 1240px); }
  .nav-shell { height: 68px; }
  .nav-signin { display: none; }
  .language-switcher { display: none; }
  .button-nav { display: none; }
  .mobile-nav { inset-block-start: 68px; }
  .hero { padding-top: 125px; }
  .hero h1 { font-size: clamp(47px, 14.5vw, 68px); }
  .hero-copy { font-size: 15px; }
  .hero-actions { align-items: stretch; flex-direction: column; width: min(360px, 100%); margin-inline: auto; }
  .hero-product { margin-top: 55px; }
  .app-body { width: 700px; height: 500px; grid-template-columns: 50px 190px 460px; }
  .logo-wall { padding: 36px 0; }
  .logos { grid-template-columns: repeat(2, 1fr); gap: 25px; }
  .why-section, .product-section, .growth-section, .marketing-section, .agents-section, .features-section, .security-section, .developer-section, .pricing-section, .answer-section { padding: 100px 0; }
  .section-header.centered { margin-bottom: 50px; }
  .section-header h2, .product-copy h2, .security-copy h2, .developer-copy h2, .enterprise-card h2, .faq-intro h2 { font-size: 43px; }
  .why-grid { grid-template-columns: 1fr; }
  .why-card { min-height: 320px; }
  .demo-chat { padding: 20px 15px; }
  .translation-chip, .search-chip, .growth-float { display: none; }
  .growth-main { padding: 14px; }
  .metric-row { grid-template-columns: 1fr; }
  .metric-row > div:nth-child(n+2) { display: none; }
  .campaign-body { height: 570px; grid-template-columns: 1fr; }
  .block-panel { display: none; }
  .flow-split { gap: 9px; }
  .flow-split .flow-node { width: 160px; }
  .flow-node { width: 250px; }
  .campaign-nav > span { display: none; }
  .studio-body { height: 570px; grid-template-columns: 1fr; }
  .studio-tools { display: none; }
  .agent-flow { width: 440px; transform: translateX(-50%) scale(.76); }
  .agent-capabilities { grid-template-columns: 1fr 1fr; }
  .agent-capabilities > div { border-top: 1px solid var(--dark-line); }
  .agent-capabilities > div:nth-child(odd) { border-right: 1px solid var(--dark-line); }
  .agent-capabilities > div:nth-child(even) { border-right: 0; }
  .feature-bento { grid-template-columns: 1fr; }
  .bento-wide { grid-column: auto; min-height: 640px; }
  .bento-card { min-height: 440px; }
  .mini-channel { width: 380px; transform: rotate(-2deg) scale(.84); }
  .enterprise-section { padding: 50px 0; }
  .enterprise-card { padding: 45px 28px; border-radius: 24px; }
  .enterprise-points { grid-template-columns: 1fr; }
  .pricing-grid { grid-template-columns: 1fr; }
  .answer-grid { grid-template-columns: repeat(2, 1fr); }
  .faq-section { padding: 50px 0 100px; }
  .final-cta { min-height: 570px; }
  .final-cta h2 { font-size: 50px; }
  .final-cta .page-shell > div { align-items: stretch; flex-direction: column; max-width: 360px; margin: 0 auto; }
  .footer-links { grid-template-columns: 1fr 1fr; row-gap: 45px; }
  .footer-bottom { align-items: flex-start; flex-direction: column; gap: 16px; }
  html[dir="rtl"] .footer-bottom { align-items: flex-end; }
}

@media (max-width: 430px) {
  .release-pill { max-width: 100%; }
  .hero h1 br { display: none; }
  .hero h1 { font-size: 48px; }
  .logos span { font-size: 11px; }
  .mini-feature-grid { grid-template-columns: 1fr; }
  .communication-demo { margin-inline: -8px; width: calc(100% + 16px); }
  .demo-window { border-radius: 15px; }
  .demo-ai { margin-left: 20px; }
  .action-toast { margin-left: 20px; }
  .campaign-builder { margin-inline: -8px; }
  .campaign-nav > div b { display: none; }
  .workflow-canvas { padding-inline: 7px; }
  .flow-split .flow-node { width: 145px; }
  .agent-studio { margin-inline: -8px; }
  .agent-capabilities { grid-template-columns: 1fr; }
  .agent-capabilities > div { border-right: 0 !important; }
  .bento-card { padding: 25px; }
  .mini-channel { width: 340px; transform: rotate(-2deg) scale(.78); }
  .community-orbit { right: 50%; transform: translateX(50%); }
  .compliance-row { flex-wrap: wrap; }
  .code-window { margin-inline: -8px; }
  .code-window pre { padding: 20px 16px; font-size: 8px; }
  .answer-grid { grid-template-columns: 1fr; }
  .answer-card { min-height: 220px; }
  .footer-links { grid-template-columns: 1fr 1fr; }
}