.cx{background:radial-gradient(45% 55% at 82%,#a9bac273,#0000 70%),#ecebe8;position:relative;overflow:hidden}.cx-track{will-change:transform;width:max-content;display:flex}.cx-slide{box-sizing:border-box;width:100%;height:100svh;padding:96px var(--gutter) 64px;flex:0 0 100%;grid-template-columns:.9fr 1.1fr;align-items:center;gap:clamp(32px,5vw,96px);display:grid;position:relative}.cx-intro{grid-template-columns:1fr;align-content:center;gap:0}.cx-intro .h2{font-size:clamp(48px,7vw,120px)}.cx-intro .lede{margin-top:24px}.cx-text{flex-direction:column;gap:14px;display:flex}.cx-num{letter-spacing:-.05em;color:#0d0f1014;font-variant-numeric:tabular-nums;font-size:clamp(88px,12vw,200px);font-weight:600;line-height:.85}.cx-text h3{letter-spacing:-.025em;font-size:clamp(36px,4.4vw,72px);font-weight:650;line-height:.98}.cx-text p{color:var(--ink-2);max-width:30ch;font-size:clamp(17px,1.4vw,21px)}.cx-mock{place-items:center;min-width:0;display:grid}.cx-mock video{aspect-ratio:16/10;object-fit:cover;border-radius:20px;width:100%}.cx-mock .mock{width:100%;max-width:560px}.cx-mock .phone{transform:scale(.9)}@media (max-width:860px),(prefers-reduced-motion:reduce){.cx-track{flex-direction:column;width:100%}.cx-slide{width:100%;height:auto;padding:56px var(--gutter);flex:none;grid-template-columns:1fr;gap:24px}.cx-intro{padding-top:96px}.cx-num{font-size:72px}.cx-mock .phone{margin:-70px 0;transform:scale(.75)}.cx-mock .mock{padding:14px}}.ux{box-sizing:border-box;color:#f1f3f3;-webkit-backdrop-filter:blur(20px);background:linear-gradient(150deg,#262c30eb 0%,#0c0e10f5 100%);border:1px solid #ffffff1a;border-radius:26px;width:100%;max-width:520px;padding:26px;font-size:15px;position:relative;box-shadow:inset 0 1px #ffffff1f,0 50px 90px -40px #0a141aa6}.ux:after{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(115deg,#ffffff17 0%,#fff0 38%);position:absolute;inset:0}.ux-row{align-items:center;gap:12px;display:flex}.ux-between{justify-content:space-between}.ux-end{align-items:flex-end}.ux-title{letter-spacing:-.015em;font-size:20px;font-weight:600}.ux-sub{color:#f1f3f38c;font-size:13.5px}.ux-label{color:#f1f3f380;font-size:13px}.ux-muted{color:#0d0f1099}.ux-avatar{color:#0b0e10;background:linear-gradient(160deg,#e9eef0,#9fb1b9);border-radius:50%;flex:none;place-items:center;width:44px;height:44px;font-size:14px;font-weight:600;display:grid}.ux-avatar.sm{width:30px;height:30px;font-size:11px}.ux-stack{width:100%;max-width:520px;padding-top:28px;position:relative}.ux-ghost{height:100%;padding:0;position:absolute;left:0;right:0}.ux-ghost-1{opacity:.5;top:14px;transform:scale(.95)}.ux-ghost-2{opacity:.25;top:0;transform:scale(.9)}.ux-checkin{gap:22px;display:grid}.ux-token{text-align:right;line-height:1}.ux-token span{color:#f1f3f380;font-size:12px;display:block}.ux-token b{letter-spacing:-.03em;font-size:34px;font-weight:600}.ux-tags{flex-wrap:wrap;gap:8px;display:flex}.ux-tags span{background:#ffffff12;border-radius:999px;padding:6px 12px;font-size:13.5px}.ux-consent{background:#ffffff0d;border-radius:16px;justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.ux-switch{background:#ffffff26;border-radius:999px;width:46px;height:28px;position:relative}.ux-switch:after{content:"";width:22px;height:22px;transition:transform .3s var(--ease);background:#fff;border-radius:50%;position:absolute;top:3px;left:3px}.ux-switch.is-on{background:#7fd39b}.ux-switch.is-on:after{transform:translate(18px)}.ux-record{gap:26px;display:grid}.ux-live{align-items:center;gap:8px;font-size:14px;font-weight:500;display:inline-flex}.ux-live i{background:#ff5a4f;border-radius:50%;width:8px;height:8px;animation:1.4s infinite blink;box-shadow:0 0 0 4px #ff5a4f33}.ux-bars{align-items:center;gap:5px;height:110px;display:flex}.ux-bars i{transform-origin:50%;background:linear-gradient(#fff,#9fb1b9);border-radius:4px;flex:1;animation:1.1s ease-in-out infinite alternate uxbar}@keyframes uxbar{0%{transform:scaleY(.35)}to{transform:scaleY(1)}}.ux-timer{letter-spacing:-.04em;font-variant-numeric:tabular-nums;font-size:52px;font-weight:600;line-height:1}.ux-stop{background:#ffffff1a;border:1px solid #ffffff2e;border-radius:50%;place-items:center;width:52px;height:52px;display:grid}.ux-stop i{background:#ff5a4f;border-radius:4px;width:16px;height:16px}.ux-chat{gap:12px;display:grid}.ux-bubble{background:#ffffff12;border-radius:18px 18px 18px 6px;max-width:84%;padding:12px 16px}.ux-bubble.is-me{color:#0b0e10;background:linear-gradient(160deg,#e9eef0,#b9c7cd);border-radius:18px 18px 6px;justify-self:end}.ux-bubble p{font-size:16px;line-height:1.35}.ux-bubble .ux-en{color:#f1f3f399;margin-top:4px;font-size:13.5px}.ux-bubble.is-me .ux-en{color:#0b0e1099}.ux-lang{color:#f1f3f380;margin-bottom:4px;font-size:12px;display:block}.ux-bubble.is-me .ux-lang{color:#0b0e108c}.ux-typing{background:#ffffff12;border-radius:18px;gap:5px;width:max-content;padding:12px 16px;display:flex}.ux-typing i{background:#fff9;border-radius:50%;width:6px;height:6px;animation:1.2s infinite uxdot}.ux-typing i:nth-child(2){animation-delay:.15s}.ux-typing i:nth-child(3){animation-delay:.3s}@keyframes uxdot{0%,60%,to{opacity:.3;transform:none}30%{opacity:1;transform:translateY(-3px)}}.ux-draft{gap:20px;display:grid}.ux-ready{color:#0b2b16;background:#8fdcaa;border-radius:999px;align-items:center;gap:6px;padding:7px 12px;font-size:13px;display:inline-flex}.ux-fields{gap:8px;display:grid}.ux-field{background:#ffffff0d;border-radius:14px;padding:12px 14px}.ux-field p{margin-top:4px;font-size:15px;line-height:1.35}.ux-field.is-empty{background:0 0;border:1px dashed #ffffff2e}.ux-field.is-empty p{color:#f1f3f373}.ux-src{color:#f1f3f3bf;background:#ffffff14;border-radius:999px;padding:3px 8px;font-size:12px}.ux-phone{background:#050607;border-radius:46px;width:290px;height:580px;padding:11px;box-shadow:inset 0 0 0 1px #ffffff1f,0 60px 100px -40px #0a141ab3}.ux-phone-in{box-sizing:border-box;color:#f1f3f3;background:linear-gradient(170deg,#1d2327 0%,#0c0e10 100%);border-radius:36px;flex-direction:column;gap:12px;height:100%;padding:18px 18px 22px;display:flex;overflow:hidden}.ux-status{font-size:13px;font-weight:600}.ux-rx{background:#ffffff12;border-radius:18px;gap:4px;padding:14px;display:grid}.ux-rx b{font-size:16px;font-weight:600}.ux-rx.is-added{background:#8fdcaa1f;border:1px solid #8fdcaa4d}.ux-slide{color:#f1f3f3b3;background:#ffffff14;border-radius:999px;place-items:center;height:58px;margin-top:auto;font-size:14px;display:grid;position:relative}.ux-knob{color:#0b0e10;width:48px;height:48px;animation:uxslide 2.6s var(--ease) infinite;background:#fff;border-radius:50%;place-items:center;display:grid;position:absolute;top:5px;left:5px}@keyframes uxslide{0%,20%{transform:none}60%,80%{transform:translate(178px)}to{transform:none}}.ux-phone.is-light .ux-phone-in{color:#0d0f10;background:linear-gradient(175deg,#f4f5f5 0%,#dde4e7 100%)}.ux-phone.is-light .ux-status{border-bottom:1px solid #0d0f1014;padding-bottom:12px}.ux-thread{gap:10px;margin-top:auto;display:grid}.ux-msg{background:#fff;border-radius:18px 18px 18px 6px;gap:6px;max-width:92%;padding:12px 14px 8px;font-size:14px;line-height:1.4;display:grid;box-shadow:0 6px 18px -10px #0a141a4d}.ux-msg time{color:#0d0f1073;justify-self:end;font-size:11px}.ux-file{background:#eef1f2;border-radius:12px;align-items:center;gap:10px;padding:8px 10px;font-size:13px;display:flex}.ux-file span{color:#fff;background:#0d0f10;border-radius:6px;padding:4px 6px;font-size:10px;font-weight:700}.ux-history{gap:22px;display:grid}.ux-timeline{border-left:1px solid #ffffff24;gap:14px;margin:0;padding:0 0 0 18px;list-style:none;display:grid}.ux-timeline li{background:#ffffff0a;border-radius:14px;grid-template-columns:70px 1fr;gap:12px;padding:12px 14px;display:grid;position:relative}.ux-timeline li:before{content:"";background:#0b0e10;border:1px solid #fff6;border-radius:50%;width:11px;height:11px;position:absolute;top:18px;left:-24px}.ux-timeline li.is-new{background:#ffffff17}.ux-timeline li.is-new:before{background:#8fdcaa;border-color:#8fdcaa;box-shadow:0 0 0 4px #8fdcaa33}.ux-timeline b{font-weight:600;display:block}.ux-date{color:#f1f3f38c;padding-top:2px;font-size:13px}@media (max-width:860px){.ux{border-radius:22px;padding:18px}.ux-phone{margin:-50px 0;transform:scale(.82)}.ux-timer{font-size:40px}}@media (prefers-reduced-motion:reduce){.ux-bars i,.ux-typing i,.ux-knob,.ux-live i{animation:none}}@media (min-width:861px) and (max-height:820px){.cx-slide{padding-top:76px;padding-bottom:32px}.cx-mock .ux-phone{transform:scale(.78)}.cx-num{font-size:clamp(64px,9vw,140px)}}@media (min-width:861px) and (max-height:680px){.cx-mock .ux-phone{transform:scale(.64)}.cx-mock .ux,.cx-mock .ux-stack{transform:scale(.85)}.cx-text h3{font-size:clamp(30px,3.6vw,56px)}}.ux-field.is-added{background:#8fdcaa1a;border:1px solid #8fdcaa47}.ux-slide-wide{height:60px;margin-top:2px}.ux-slide-wide .ux-knob{width:50px;height:50px;animation-name:uxslidewide}@keyframes uxslidewide{0%,18%{transform:none}58%,80%{transform:translate(408px)}to{transform:none}}.ux-duo{justify-content:center;align-items:center;width:100%;max-width:640px;display:flex;position:relative}.ux-duo .ux-phone{z-index:2;flex:none;position:relative}.ux-duo .ux-history{z-index:1;max-width:360px;margin-left:-60px;padding:22px 22px 22px 80px;position:relative}.ux-duo .ux-history .ux-timeline li{grid-template-columns:56px 1fr}@media (max-width:860px){.ux-duo{flex-direction:column}.ux-duo .ux-history{width:100%;max-width:none;margin:-60px 0 0;padding:80px 18px 18px}}@media (min-width:861px) and (prefers-reduced-motion:no-preference){.cx-track{width:100%;height:100svh;position:relative}.cx-slide{position:absolute;inset:0}.cx-slide:not(:first-child){visibility:hidden;opacity:0}.cx-intro .cx-text{gap:24px}.cx-intro .lede{margin-top:0}.cx-slide{width:auto}}.cx-slide{padding-left:max(var(--gutter), calc((100% - var(--max)) / 2 + var(--gutter)));padding-right:max(var(--gutter), calc((100% - var(--max)) / 2 + var(--gutter)))}.cx-intro .cx-text p,.cx-intro .lede{max-width:46ch}@media (max-width:860px){.cx-intro .h2{font-size:clamp(30px,9.4vw,64px)}}@media (max-width:860px) and (prefers-reduced-motion:no-preference){.cx-track{width:100%;height:100dvh;position:relative}.cx-slide{width:auto;height:auto;padding:84px var(--gutter) 20px;grid-template-rows:auto minmax(0,1fr);align-content:start;align-items:start;gap:12px;display:grid;position:absolute;inset:0}.cx-slide:not(:first-child){visibility:hidden;opacity:0}.cx-intro{grid-template-rows:1fr;align-content:center}.cx-text{gap:8px}.cx-num{font-size:48px;line-height:.9}.cx-text h3{font-size:clamp(28px,7.6vw,40px)}.cx-text p{font-size:16px}.cx-mock{justify-content:center;place-self:stretch stretch;align-items:center;width:auto;min-width:0;min-height:0;display:flex}.cx-mock .ux-phone{margin:0;transform:none}.ux-duo .ux-history{display:none}.ux-duo{max-width:none}}