:root {
  --blue: #3158bd;
  --blue-2: #5578ee;
  --teal: #52c7b8;
  --teal-2: #1eaa99;
  --purple: #6855bd;
  --ink: #0a1020;
  --muted: #627089;
  --soft: #f4f7fd;
  --line: rgba(65, 86, 132, .14);
  --white: #fff;
  --dark: #0a1022;
  --shadow: 0 36px 120px rgba(25, 40, 80, .14);
  --shadow-soft: 0 18px 60px rgba(25, 40, 80, .09);
  --radius-xl: 44px;
  --radius-lg: 30px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 90px; }
body {
  margin: 0;
  color: var(--ink);
  background: #fbfdff;
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", Inter, "Segoe UI", Roboto, Arial, sans-serif;
  overflow-x: hidden;
}
a { color: inherit; text-decoration: none; }
button, select, input { font: inherit; }
button, a, select { -webkit-tap-highlight-color: transparent; }
img { max-width: 100%; }

.sr-only {
  position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px;
  overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0;
}
.skip-link {
  position: fixed; left: 18px; top: -80px; z-index: 10000; padding: 12px 18px;
  color: #fff; background: var(--dark); border-radius: 14px; transition: top .2s ease;
}
.skip-link:focus { top: 14px; }
:focus-visible { outline: 3px solid rgba(49,88,189,.38); outline-offset: 4px; }

.page {
  min-height: 100vh;
  position: relative;
  isolation: isolate;
  background:
    radial-gradient(circle at 8% 8%, rgba(82,199,184,.13), transparent 23rem),
    radial-gradient(circle at 92% 10%, rgba(85,120,238,.14), transparent 27rem),
    linear-gradient(180deg, #fff 0%, #f5f8ff 43%, #fff 100%);
}
.aurora {
  position: fixed; z-index: -1; width: 34rem; height: 34rem; border-radius: 50%;
  filter: blur(85px); pointer-events: none; opacity: .2; animation: aurora 15s ease-in-out infinite alternate;
}
.aurora-a { left: -16rem; top: 22vh; background: var(--teal); }
.aurora-b { right: -18rem; top: 56vh; background: var(--blue-2); animation-delay: -5s; }

.topbar {
  position: fixed; z-index: 1000; top: 14px; left: clamp(12px, 2vw, 28px); right: clamp(12px, 2vw, 28px);
  min-height: 68px; display: grid; grid-template-columns: 220px 1fr auto; align-items: center; gap: 20px;
  padding: 8px 10px 8px 20px; border: 1px solid rgba(255,255,255,.72); border-radius: 24px;
  background: rgba(255,255,255,.72); box-shadow: 0 18px 54px rgba(27,43,82,.1);
  backdrop-filter: blur(26px) saturate(145%);
}
.brand, .brand-logo-slot { display: flex; align-items: center; }
.brand-logo-slot img { display: block; width: 194px; max-height: 48px; object-fit: contain; object-position: left center; }
.navlinks { display: flex; justify-content: center; align-items: center; gap: clamp(14px, 2vw, 28px); font-size: 13px; font-weight: 780; color: #24314a; }
.navlinks a { position: relative; padding: 10px 0; }
.navlinks a::after { content: ""; position: absolute; left: 50%; right: 50%; bottom: 3px; height: 2px; border-radius: 99px; background: linear-gradient(90deg,var(--blue),var(--teal)); transition: left .2s,right .2s; }
.navlinks a:hover::after { left: 0; right: 0; }
.nav-actions { display: flex; align-items: center; gap: 8px; }
.language {
  width: 160px; max-width: 160px; height: 44px; border: 1px solid var(--line); border-radius: 15px; padding: 0 27px 0 10px;
  color: #29364d; background: rgba(255,255,255,.86); font-size: 12px; font-weight: 750;
}
.language option { font-size: 12px; }
.menu-button {
  display: none; width: 44px; height: 44px; border: 1px solid var(--line); border-radius: 15px;
  background: #fff; color: var(--ink); font-size: 0;
}
.menu-button::before { content: "☰"; font-size: 20px; }

.btn {
  display: inline-flex; align-items: center; justify-content: center; gap: 9px; min-height: 48px;
  padding: 13px 21px; border: 0; border-radius: 17px; font-weight: 850; letter-spacing: -.015em;
  cursor: pointer; transition: transform .22s ease, box-shadow .22s ease, background .22s ease;
}
.btn:hover { transform: translateY(-2px); }
.btn.primary { color: #fff; background: linear-gradient(135deg,var(--blue),var(--blue-2) 55%,var(--teal)); box-shadow: 0 18px 38px rgba(49,88,189,.24), inset 0 1px rgba(255,255,255,.28); }
.btn.ghost { color: #17223a; background: rgba(255,255,255,.72); border: 1px solid var(--line); box-shadow: 0 12px 32px rgba(15,23,42,.06); }
.btn.glass { color: #fff; background: rgba(255,255,255,.12); border: 1px solid rgba(255,255,255,.22); box-shadow: inset 0 1px rgba(255,255,255,.18); }
.nav-cta { min-height: 44px; padding: 11px 17px; border-radius: 15px; font-size: 13px; }

section { padding: 104px clamp(20px, 5.8vw, 90px); }
.hero {
  min-height: 100vh; padding-top: 132px; display: grid; grid-template-columns: minmax(0,.94fr) minmax(440px,1.06fr);
  gap: clamp(36px,5vw,76px); align-items: center; overflow: clip;
}
.hero-copy { position: relative; z-index: 2; }
.eyebrow {
  display: inline-flex; align-items: center; gap: 10px; padding: 9px 14px; border: 1px solid rgba(65,86,132,.12);
  border-radius: 999px; background: rgba(255,255,255,.7); box-shadow: 0 12px 34px rgba(25,40,80,.07); color: #39475e; font-size: 13px; font-weight: 820;
  backdrop-filter: blur(18px);
}
.eyebrow i { width: 9px; height: 9px; border-radius: 50%; background: var(--teal); box-shadow: 0 0 0 7px rgba(82,199,184,.15); }
h1 { max-width: 900px; margin: 25px 0 24px; font-size: clamp(54px, 6.5vw, 103px); line-height: .94; letter-spacing: -.062em; text-wrap: balance; }
h1 span { color: transparent; background: linear-gradient(118deg,var(--blue),var(--purple) 46%,var(--teal)); -webkit-background-clip: text; background-clip: text; }
.lead { max-width: 720px; margin: 0 0 30px; color: #4d5d76; font-size: clamp(18px,1.8vw,25px); line-height: 1.43; letter-spacing: -.02em; }
.hero-actions { display: flex; flex-wrap: wrap; gap: 12px; }
.proof-row { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 26px; }
.proof-row > span { display: flex; align-items: center; gap: 9px; padding: 9px 12px; border: 1px solid var(--line); border-radius: 15px; background: rgba(255,255,255,.58); }
.proof-row b { display: grid; place-items: center; width: 26px; height: 26px; border-radius: 9px; color: #fff; background: var(--blue); font-size: 10px; }
.proof-row em { font-style: normal; color: #3a4961; font-size: 12px; font-weight: 770; }
.app-strip { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 18px; }
.app-pill { display: inline-flex; align-items: center; gap: 7px; padding: 8px 10px; border: 1px solid var(--line); border-radius: 999px; background: rgba(255,255,255,.7); color: #334158; font-size: 12px; font-weight: 820; }
.app-pill i, .channel-icon i { display: block; width: 11px; height: 11px; border-radius: 50%; background: var(--blue); }
.app-pill small { padding: 3px 6px; border-radius: 999px; background: #eef3ff; color: #54627b; font-size: 9px; letter-spacing: .04em; text-transform: uppercase; }
.whatsapp i, .wechat i { background: #22c55e; }.telegram i { background: #38bdf8; }.voice-app i { background: #7c5cff; }

.phone-wrap { position: relative; display: grid; place-items: center; min-height: 760px; perspective: 1400px; }
.phone-glow { position: absolute; width: 510px; height: 510px; border-radius: 50%; background: radial-gradient(circle,rgba(82,199,184,.44),rgba(85,120,238,.14) 54%,transparent 72%); filter: blur(3px); }
.orbit { position: absolute; border: 1px solid rgba(49,88,189,.17); border-radius: 50%; animation: spin 20s linear infinite; }
.orbit::after { content: ""; position: absolute; width: 24px; height: 24px; top: 6%; left: 27%; border-radius: 50%; background: linear-gradient(135deg,var(--purple),var(--teal)); box-shadow: 0 12px 24px rgba(49,88,189,.18); }
.orbit-one { width: 610px; height: 610px; }.orbit-two { width: 500px; height: 500px; animation-direction: reverse; animation-duration: 15s; }.orbit-two::after { width: 14px; height: 14px; background: var(--blue-2); }
.phone { position: relative; z-index: 3; width: min(424px,86vw); height: 772px; padding: 12px; border: 1px solid rgba(255,255,255,.32); border-radius: 56px; background: linear-gradient(145deg,#050506,#1c1f27); box-shadow: 0 58px 140px rgba(17,28,56,.35), inset 0 1px rgba(255,255,255,.15); transform: rotateY(-7deg) rotateZ(-1.2deg); }
.screen { position: relative; height: 100%; padding: 13px 11px 22px; overflow: hidden; border-radius: 45px; color: #fff; background: linear-gradient(165deg,#0c0f16,#050608); }
.ios { height: 32px; display: flex; justify-content: space-between; align-items: center; padding: 0 13px; font-size: 12px; font-weight: 850; }.ios span:first-child { padding: 4px 10px; border-radius: 999px; background: #20b564; }
.call-head { height: 68px; display: grid; grid-template-columns: 45px 1fr 45px; gap: 8px; align-items: center; }.call-head button,.controls button { border: 0; color: #fff; background: rgba(255,255,255,.11); }.call-head button { width: 44px; height: 44px; border-radius: 50%; }.call-head div { min-width: 0; text-align: center; }.call-head strong { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 17px; }.call-head span { display: block; margin-top: 3px; color: #919aaa; font-size: 12px; font-weight: 760; }
.tiles { display: grid; grid-template-columns: 1fr 1fr; gap: 7px; height: 548px; }.tile { position: relative; overflow: hidden; padding: 15px; border: 1px solid rgba(255,255,255,.05); border-radius: 14px; background: linear-gradient(155deg,#2a2d35,#17191f); }.tile::after { content: ""; position: absolute; inset: auto -35% -45% 10%; height: 120px; border-radius: 50%; background: currentColor; opacity: .07; filter: blur(15px); }.tile h3 { margin: 0; font-size: 22px; line-height: 1.05; letter-spacing: -.04em; }.tile h3 small { font-size: 11px; font-weight: 650; opacity: .7; }.peach h3 { color: #ffa58e; }.green h3 { color: #57e879; }.blue h3 { color: #4aa3ff; }.poly-tile { color: var(--teal); border-color: rgba(82,199,184,.65); background: linear-gradient(160deg,rgba(82,199,184,.13),#151a20); }.poly-tile h3 { color: var(--teal); }.poly-tile p { position: absolute; left: 15px; bottom: 106px; margin: 0; color: #c9fffa; font-size: 13px; line-height: 1.25; font-weight: 820; }
.face { position: absolute; left: 16px; bottom: 38px; width: 60px; height: 60px; border-radius: 50%; background: linear-gradient(135deg,#ffd7c7,#4564b5); box-shadow: inset 0 0 0 4px rgba(255,255,255,.14); }.face-b { background: linear-gradient(135deg,#6ee7b7,#6550a9); }.face-you { background: linear-gradient(135deg,#4aa3ff,#d7e1ef); }.poly-face { position: absolute; left: 15px; bottom: 36px; width: 62px; height: 62px; display: grid; place-items: center; border-radius: 20px; background: #fff; box-shadow: 0 12px 28px rgba(0,0,0,.2); }.poly-face img { width: 48px; height: 48px; }
.wave { position: absolute; left: 87px; right: 12px; bottom: 54px; display: flex; align-items: center; justify-content: center; gap: 3px; }.wave i { width: 3px; height: 12px; border-radius: 9px; background: #f1b08f; animation: wave 1s ease-in-out infinite; }.wave i:nth-child(2){height:24px}.wave i:nth-child(3){height:36px}.wave i:nth-child(4){height:22px}.wave i:nth-child(5){height:14px}.greenwave i{background:#57e879}.tealwave i{background:var(--teal)}.bluewave i{background:#4aa3ff}
.controls { position: absolute; left: 0; right: 0; bottom: 17px; display: flex; justify-content: center; gap: 12px; }.controls button { width: 52px; height: 52px; border-radius: 50%; font-size: 19px; }.controls .speaker { color: #111; background: #fff; }.controls .hang { background: #fb3152; }
.latency-card { position: absolute; z-index: 5; right: -8px; bottom: 60px; display: flex; align-items: center; gap: 11px; padding: 13px 15px; border: 1px solid rgba(255,255,255,.78); border-radius: 20px; background: rgba(255,255,255,.77); box-shadow: 0 20px 50px rgba(25,40,80,.14); backdrop-filter: blur(20px); }.latency-card strong,.latency-card small { display: block; }.latency-card strong { font-size: 12px; }.latency-card small { margin-top: 3px; color: var(--muted); font-size: 9px; }.live-dot { width: 12px; height: 12px; border-radius: 50%; background: #25c579; box-shadow: 0 0 0 8px rgba(37,197,121,.12); animation: pulse 1.8s ease-in-out infinite; }

.section-head { max-width: 940px; margin: 0 auto 54px; text-align: center; }.section-head.align-left { max-width: 850px; margin-left: 0; text-align: left; }.kicker { color: var(--blue); font-size: 12px; font-weight: 900; letter-spacing: .14em; text-transform: uppercase; }.kicker.light { color: #7fe3d6; }.section-head h2,.benchmark h2,.final h2 { margin: 11px 0 18px; font-size: clamp(40px,5vw,76px); line-height: 1; letter-spacing: -.052em; text-wrap: balance; }.section-head p,.benchmark p,.final p { margin: 0; color: var(--muted); font-size: clamp(17px,1.6vw,21px); line-height: 1.5; }

.bubble-section { position: relative; }.journey { display: grid; grid-template-columns: repeat(4,1fr); gap: 16px; }.journey-card { position: relative; min-height: 275px; padding: 24px; overflow: hidden; border: 1px solid rgba(255,255,255,.78); border-radius: 34px; background: linear-gradient(145deg,rgba(255,255,255,.88),rgba(243,247,255,.68)); box-shadow: var(--shadow-soft); backdrop-filter: blur(18px); }.journey-card > span { position: absolute; right: 20px; top: 16px; color: rgba(49,88,189,.16); font-size: 54px; font-weight: 950; letter-spacing: -.08em; }.step-icon { width: 62px; height: 62px; display: grid; place-items: center; margin-bottom: 35px; border-radius: 22px; color: #fff; background: linear-gradient(135deg,var(--blue),var(--teal)); box-shadow: 0 16px 34px rgba(49,88,189,.2); font-size: 24px; }.journey-card h3 { margin: 0 0 10px; font-size: 23px; letter-spacing: -.035em; }.journey-card p { margin: 0; color: var(--muted); line-height: 1.55; }

.benchmark { padding-top: 28px; }.benchmark-panel { min-height: 590px; display: grid; grid-template-columns: .95fr 1.05fr; align-items: center; gap: 40px; padding: clamp(34px,5vw,72px); overflow: hidden; border-radius: var(--radius-xl); color: #fff; background: radial-gradient(circle at 75% 28%,rgba(82,199,184,.3),transparent 28%),radial-gradient(circle at 58% 78%,rgba(104,85,189,.35),transparent 30%),linear-gradient(145deg,#0a1022,#162f69 72%,#173d66); box-shadow: 0 45px 120px rgba(10,16,34,.25); }.benchmark-copy { position: relative; z-index: 2; }.benchmark h2 { max-width: 720px; }.benchmark p { max-width: 690px; color: #c7d2e8; }.benchmark .btn { margin-top: 28px; }.metric-cloud { position: relative; min-height: 430px; }.metric { position: absolute; display: flex; flex-direction: column; justify-content: center; aspect-ratio: 1; border: 1px solid rgba(255,255,255,.18); border-radius: 50%; text-align: center; background: rgba(255,255,255,.1); box-shadow: inset 0 1px rgba(255,255,255,.18),0 24px 60px rgba(0,0,0,.12); backdrop-filter: blur(22px); animation: float 7s ease-in-out infinite; }.metric b,.metric small { display: block; }.metric b { font-size: clamp(17px,2vw,25px); }.metric small { margin: 5px auto 0; max-width: 130px; color: #cdd8eb; font-size: 11px; line-height: 1.3; }.m1 { width: 210px; left: 4%; top: 14%; }.m2 { width: 164px; right: 7%; top: 1%; animation-delay:-2s }.m3 { width: 182px; right: 1%; bottom: 3%; animation-delay:-4s }.m4 { width: 146px; left: 32%; bottom: 0; animation-delay:-1s }

#languages { padding-top:62px; padding-bottom:62px; } #languages .section-head { margin-bottom:28px; } #languages .section-head h2 { font-size:clamp(34px,4vw,56px); } .language-cloud { position:relative; min-height:0; max-width:1120px; margin:0 auto; display:flex; flex-wrap:wrap; justify-content:center; gap:9px; padding:26px; border:1px solid var(--line); border-radius:30px; background:radial-gradient(circle at 50% 50%,rgba(82,199,184,.13),transparent 44%),linear-gradient(145deg,rgba(255,255,255,.9),rgba(242,246,255,.8)); box-shadow:var(--shadow-soft); overflow:hidden; }.language-cloud::before { content:""; position:absolute; inset:22px; opacity:.3; background-image:radial-gradient(#8da0c2 1px,transparent 1px); background-size:15px 15px; }.lang-bubble { position:relative; z-index:1; flex:0 1 122px; min-width:104px; padding:9px 11px; border:1px solid rgba(255,255,255,.75); border-radius:14px; color:#fff; text-align:center; font-size:14px; font-weight:900; box-shadow:0 10px 22px rgba(31,48,88,.11); transition:transform .2s ease,box-shadow .2s ease; }.lang-bubble:hover { transform:translateY(-3px); box-shadow:0 16px 30px rgba(31,48,88,.17); }.lang-bubble small { display:block; margin-top:2px; opacity:.8; font-size:8px; font-weight:700; }.l1{background:#3158bd}.l2{background:#52aabf}.l3{background:#6855bd}.l4{background:#e35c72}.l5{background:#1eaa99}.l6{background:#e8873b}.l7{background:#3b83d6}.l8{background:#66738f}.l9{background:#a34ca4}.l10{background:#3158bd}.l11{background:#d75c5c}.l12{background:#6855bd}.l13{background:#2c9c85}.l14{background:#4b4aa3}.l15{background:#13876f}.l16{background:#b25c7b}.l17{background:#cc6d34}.l18{background:#287fa6}.l19{background:#8b4ca5}.l20{background:#2d8660}.l21{background:#c05652}.l22{background:#3975bb}.l23{background:#b44c61}.l24{background:#3763ad}.l25{background:#7b54a7}.l26{background:#267b91}.l27{background:#a86439}.l28{background:#3c7e91}.l29{background:#3a6faa}.l30{background:#ab4f76}

.channels { background:linear-gradient(180deg,transparent,rgba(234,241,255,.58),transparent); }.channel-grid { display:grid; grid-template-columns:1fr 1fr; gap:16px; }.channel-card { display:grid; grid-template-columns:58px 1fr; gap:17px; align-items:start; min-height:190px; padding:22px; border:1px solid var(--line); border-radius:28px; background:rgba(255,255,255,.8); box-shadow:0 16px 50px rgba(25,40,80,.07); }.region-symbol { width:58px; height:58px; display:grid; place-items:center; border-radius:20px; color:#fff; background:linear-gradient(135deg,var(--blue),var(--teal)); font-size:11px; font-weight:950; letter-spacing:.07em; box-shadow:0 12px 25px rgba(49,88,189,.18); }.channel-card h3 { margin:2px 0 6px; font-size:21px; }.channel-card p { margin:0; color:var(--muted); font-size:13px; line-height:1.45; }.platform-list { display:flex; flex-wrap:wrap; gap:7px; margin-top:14px; }.platform-list span { min-height:34px; display:inline-flex; align-items:center; gap:7px; padding:5px 9px 5px 5px; border:1px solid var(--line); border-radius:999px; color:#34425a; background:#f7f9fe; font-size:10px; font-weight:850; }.platform-logo,.service-logo { width:24px; height:24px; display:inline-grid; place-items:center; flex:0 0 auto; border-radius:8px; font-style:normal; font-size:11px; font-weight:950; line-height:1; box-shadow:inset 0 0 0 1px rgba(255,255,255,.22); }.telegram-logo{background:#229ed9;color:#fff}.signal-logo{background:#3a76f0;color:#fff}.viber-logo{background:#7360f2;color:#fff}.threema-logo{background:#111;color:#fff}.line-logo{background:#06c755;color:#fff;font-size:6px}.kakao-logo{background:#fee500;color:#191919}.zalo-logo{background:#0a68ff;color:#fff}.imo-logo{background:#55b7e8;color:#fff;font-size:7px}.wechat-logo{background:#07c160;color:#fff}.whatsapp-logo{background:#25d366;color:#fff}.botim-logo{background:#16a7e0;color:#fff}.ayoba-logo{background:#ffb000;color:#151515}.channel-disclaimer { max-width:940px; margin:22px auto 0; padding:13px 17px; border:1px solid rgba(49,88,189,.13); border-radius:16px; color:#586883; background:rgba(255,255,255,.62); text-align:center; font-size:11px; line-height:1.55; }

.pricing { background:linear-gradient(180deg,rgba(239,244,255,.68),#fff); }.price-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:16px; }.price-card { position:relative; padding:25px; border:1px solid var(--line); border-radius:30px; background:rgba(255,255,255,.86); box-shadow:var(--shadow-soft); }.price-card.featured { border-color:rgba(82,199,184,.55); transform:translateY(-10px); background:linear-gradient(160deg,#fff,#effbf9); box-shadow:0 30px 80px rgba(49,88,189,.14); }.badge { position:absolute; right:18px; top:-13px; padding:7px 11px; border-radius:999px; color:#fff; background:linear-gradient(135deg,var(--blue),var(--teal)); font-size:10px; font-weight:900; }.price-card h3 { margin:0; color:var(--blue); font-size:21px; }.price { margin:10px 0 4px; color:var(--ink); font-size:50px; font-weight:950; letter-spacing:-.065em; }.price-card > p { margin:0; color:var(--muted); font-size:13px; }.price-card ul { min-height:120px; display:grid; gap:9px; margin:22px 0; padding:0; list-style:none; color:#39475e; font-size:13px; font-weight:720; }.price-card li::before { content:"✓"; margin-right:7px; color:var(--teal-2); font-weight:950; }.price-card .btn { width:100%; font-size:13px; }.pricing-note { max-width:850px; margin:28px auto 0; color:var(--muted); text-align:center; font-size:12px; line-height:1.5; }

.security-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }.security-card { min-height:240px; padding:27px; border:1px solid rgba(255,255,255,.8); border-radius:32px; background:linear-gradient(145deg,rgba(255,255,255,.88),rgba(242,247,255,.7)); box-shadow:var(--shadow-soft); }.security-card > span { width:58px; height:58px; display:grid; place-items:center; margin-bottom:28px; border-radius:20px; color:#fff; background:linear-gradient(135deg,var(--purple),var(--blue),var(--teal)); font-size:25px; }.security-card h3 { margin:0 0 9px; font-size:23px; letter-spacing:-.035em; }.security-card p { margin:0; color:var(--muted); line-height:1.55; }

.final { padding-top:45px; }.final-bubble { position:relative; max-width:1200px; margin:0 auto; padding:clamp(45px,7vw,90px); overflow:hidden; border:1px solid var(--line); border-radius:70px 70px 70px 22px; text-align:center; background:radial-gradient(circle at 15% 15%,rgba(82,199,184,.21),transparent 28%),radial-gradient(circle at 85% 85%,rgba(85,120,238,.18),transparent 30%),#fff; box-shadow:var(--shadow); }.final-bubble::after { content:""; position:absolute; width:200px; height:200px; right:-70px; top:-80px; border-radius:50%; background:linear-gradient(135deg,var(--blue),var(--teal)); opacity:.1; }.spark { width:58px; height:58px; display:grid; place-items:center; margin:0 auto 16px; border-radius:22px; color:#fff; background:linear-gradient(135deg,var(--blue),var(--teal)); box-shadow:0 18px 40px rgba(49,88,189,.2); }.final p { max-width:760px; margin:0 auto 28px; }

footer { margin:0 clamp(16px,3vw,44px) 30px; display:grid; grid-template-columns:1.4fr repeat(3,.65fr); gap:30px; padding:38px; border-radius:34px; color:#fff; background:linear-gradient(140deg,#0a1022,#1f3e78 62%,#1b6266); box-shadow:0 28px 80px rgba(10,16,34,.2); }.footer-brand img { width:190px; padding:8px 12px; border-radius:15px; background:#fff; }.footer-brand p { max-width:290px; }.footer-brand p,footer a,footer span { color:rgba(255,255,255,.74); font-size:13px; line-height:1.5; }.footer h4 { margin:0 0 12px; }.footer-brand p { margin:13px 0 0; }.footer-brand ~ div { display:flex; flex-direction:column; align-items:flex-start; gap:8px; }

/* Official messaging marks used by the homepage and signup flow. */
.platform-logo svg,.service-logo svg { width:58%; height:58%; fill:currentColor; }
.platform-logo img,.service-logo img { width:100%; height:100%; display:block; object-fit:cover; border-radius:inherit; }
.messenger-logo { color:#fff; background:linear-gradient(145deg,#00b2ff,#006aff 48%,#ff4fd8); }

html[dir="rtl"] body { font-family: Arial,"Segoe UI",sans-serif; }.page[dir="rtl"] .section-head.align-left { text-align:right; margin-right:0; margin-left:auto; }

@keyframes wave { 50% { transform:scaleY(.45); opacity:.55; } }
@keyframes spin { to { transform:rotate(360deg); } }
@keyframes pulse { 50% { box-shadow:0 0 0 14px rgba(37,197,121,0); } }
@keyframes float { 50% { transform:translateY(-10px) rotate(.5deg); } }
@keyframes aurora { to { transform:translate3d(50px,-30px,0) scale(1.12); } }

@media (prefers-reduced-motion: reduce) { *,*::before,*::after { scroll-behavior:auto!important; animation-duration:.01ms!important; animation-iteration-count:1!important; transition-duration:.01ms!important; } }
@media (max-width: 1320px) {
  .topbar { grid-template-columns:200px auto 1fr; }.navlinks { display:none; position:fixed; top:94px; left:18px; right:18px; padding:18px; align-items:flex-start; flex-direction:column; border:1px solid var(--line); border-radius:24px; background:rgba(255,255,255,.96); box-shadow:var(--shadow); }.navlinks.open { display:flex; }.menu-button { display:block; }.nav-actions { justify-self:end; }
  .hero { grid-template-columns:1fr; }.hero-copy { max-width:900px; }.phone-wrap { min-height:810px; }.journey { grid-template-columns:1fr 1fr; }.price-grid { grid-template-columns:1fr 1fr; }.price-card.featured { transform:none; }
}
@media (max-width: 820px) {
  section { padding:82px 18px; }.topbar { top:9px; left:9px; right:9px; grid-template-columns:1fr auto auto; min-height:62px; padding:7px 8px 7px 14px; border-radius:20px; }.brand-logo-slot img { width:160px; }.language { width:54px; max-width:54px; color:transparent; padding:0; background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ctext y='19' font-size='18'%3E🌐%3C/text%3E%3C/svg%3E") center/22px no-repeat; }.nav-cta { display:none; }
  .hero { padding-top:110px; }.proof-row > span { flex:1 1 130px; }.phone-wrap { min-height:670px; }.phone { width:min(360px,92vw); height:660px; border-radius:48px; }.screen { border-radius:38px; }.tiles { height:455px; }.tile h3 { font-size:18px; }.controls button { width:45px; height:45px; }.latency-card { right:3px; bottom:8px; }.orbit-one { width:450px; height:450px; }.orbit-two { width:380px; height:380px; }
  .benchmark-panel { grid-template-columns:1fr; }.metric-cloud { min-height:390px; }.channel-grid { grid-template-columns:1fr; }.language-cloud { padding:22px 14px; }.lang-bubble { flex:1 1 108px; min-width:98px; }.security-grid { grid-template-columns:1fr; } footer { grid-template-columns:1fr 1fr; }
}
@media (max-width: 580px) {
  h1 { font-size:49px; }.lead { font-size:18px; }.hero-actions .btn { width:100%; }.journey,.price-grid { grid-template-columns:1fr; }.journey-card { min-height:230px; }.metric-cloud { min-height:330px; }.m1{width:150px}.m2{width:120px}.m3{width:132px}.m4{width:110px}.metric small{font-size:9px}.channel-card { grid-template-columns:50px 1fr; padding:18px; }.region-symbol { width:50px; height:50px; border-radius:16px; }.platform-list span { font-size:9px; }.final-bubble { border-radius:42px 42px 42px 18px; } footer { grid-template-columns:1fr; }
}