.cs-stage{--brand:#fc603a;--brand-deep:#d64420;--brand-bright:#ff7d5c;--brand-soft:rgba(252,96,58,.16);--ink:#f4f6fb;--ink-soft:rgba(238,242,250,.76);--ink-muted:rgba(226,232,245,.52);--paper:#0b0d12;--paper-2:#11141c;--surface:rgba(255,255,255,.04);--line:rgba(255,255,255,.1);--sky:#38bdf8;--leaf:#25d366;--ease:cubic-bezier(.22,1,.36,1);color:var(--ink)}.cs-stage{position:relative;width:min(34rem, 100%);margin-inline:auto;animation:cs-float 9s ease-in-out infinite alternate;will-change:transform}.cs-steps{transition:opacity 420ms var(--ease),transform 420ms var(--ease);display:flex;gap:.4rem;margin:0 0 .85rem;padding:0;list-style:none}.cs-step{position:relative;flex:1 1 0;display:flex;align-items:center;gap:.45rem;padding:.5rem .55rem .62rem;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.03);color:var(--ink-muted);font-size:.74rem;font-weight:700;overflow:hidden;transition:color 320ms var(--ease),border-color 320ms var(--ease),background 320ms var(--ease)}.cs-step-dot{display:grid;place-items:center;flex:0 0 auto;width:1.25rem;height:1.25rem;border-radius:50%;border:1px solid var(--line);background:rgba(255,255,255,.05);font-size:.68rem;transition:background 320ms var(--ease),border-color 320ms var(--ease),color 320ms var(--ease),box-shadow 320ms var(--ease)}.cs-step-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cs-step-bar{position:absolute;inset-inline:0;bottom:0;height:2px;background:linear-gradient(90deg,var(--brand-deep),var(--brand-bright));transform:scaleX(0);transform-origin:left center}html[dir="rtl"] .cs-step-bar{transform-origin:right center}.cs-step.is-done{color:var(--ink-soft);border-color:rgba(252,96,58,.24)}.cs-step.is-done .cs-step-dot{color:var(--brand-bright);border-color:rgba(252,96,58,.42);background:var(--brand-soft)}.cs-step.is-done .cs-step-bar{transform:scaleX(1);opacity:.35}.cs-step.is-active{color:var(--ink);border-color:rgba(252,96,58,.55);background:var(--brand-soft)}.cs-step.is-active .cs-step-dot{color:#fff;border-color:transparent;background:linear-gradient(135deg,var(--brand-bright),var(--brand-deep));box-shadow:0 0 0 4px rgba(252,96,58,.16)}html.js-motion .cs-step.is-active .cs-step-bar{animation:cs-fill var(--dur,6s) linear forwards}.cs-stage.is-outro .cs-steps{opacity:0;transform:translateY(-0.6rem);pointer-events:none}.cs-panes{position:relative;min-width:0;height:34.4rem}.cs-pane{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:22px;background:linear-gradient(180deg,rgba(23,27,39,.94),rgba(13,16,23,.94));box-shadow:0 40px 90px -50px rgba(0,0,0,1),inset 0 1px 0 rgba(255,255,255,.07);overflow:hidden}html.js-motion .cs-pane{position:absolute;inset:0;opacity:0;visibility:hidden;transform:translateY(1.4rem) scale(.965);filter:blur(6px);transition:opacity 520ms var(--ease),transform 520ms var(--ease),filter 520ms var(--ease),visibility 0s linear 520ms}html.js-motion .cs-pane.is-in{opacity:1;visibility:visible;transform:translateY(0) scale(1);filter:blur(0);transition-delay:0s,0s,0s,0s}.cs-pane-top{position:relative;display:flex;align-items:center;gap:.7rem;padding:.9rem 1.1rem;border-bottom:1px solid var(--line);background:rgba(255,255,255,.03)}.cs-lamps{display:inline-flex;gap:.32rem}.cs-lamps i{width:.55rem;height:.55rem;border-radius:50%;background:rgba(255,255,255,.16)}.cs-lamps i:first-child{background:rgba(252,96,58,.7)}.cs-pane-body{flex:1;display:flex;flex-direction:column;justify-content:center;gap:1rem;padding:1.1rem}.cs-editor{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:15px;background:rgba(0,0,0,.34);box-shadow:0 22px 44px -28px rgba(0,0,0,.95)}.cs-editor-top{display:flex;align-items:center;gap:.5rem;padding:.5rem .55rem .5rem .65rem;border-bottom:1px solid var(--line);background:rgba(255,255,255,.035)}.cs-editor-ic{display:grid;place-items:center;flex:0 0 auto;width:1.55rem;height:1.55rem;border-radius:8px;border:1px solid rgba(252,96,58,.4);background:var(--brand-soft);color:var(--brand-bright)}.cs-editor-ic svg{width:.95rem;height:.95rem}.cs-editor-top b{direction:ltr;font-family:ui-monospace,'SFMono-Regular',Menlo,Consolas,monospace;font-size:.74rem;font-weight:600;color:var(--ink-muted)}.cs-editor-dots{display:none;gap:.22rem;margin-inline-start:.1rem}.cs-editor-dots i{width:.28rem;height:.28rem;border-radius:50%;background:var(--brand-bright)}html.js-motion .cs-editor.is-loading .cs-editor-dots{display:inline-flex}html.js-motion .cs-editor.is-loading .cs-editor-dots i:nth-child(1){animation:cs-blip 900ms ease-in-out infinite}html.js-motion .cs-editor.is-loading .cs-editor-dots i:nth-child(2){animation:cs-blip 900ms ease-in-out 150ms infinite}html.js-motion .cs-editor.is-loading .cs-editor-dots i:nth-child(3){animation:cs-blip 900ms ease-in-out 300ms infinite}.cs-code{direction:ltr;display:flex;align-items:flex-start;gap:.75rem;min-height:4.2rem;padding:.85rem .85rem .95rem;font-family:ui-monospace,'SFMono-Regular',Menlo,Consolas,monospace;font-size:.78rem;line-height:1.7}.cs-code-gutter{color:rgba(255,255,255,.24)}.cs-code-line{flex:1;min-width:0;color:var(--ink-soft);word-break:break-all}.cs-t{color:var(--brand-bright)}.cs-a{color:var(--sky)}.cs-s{color:var(--leaf)}.cs-code-line::after{content:'';display:inline-block;width:2px;height:.95em;margin-inline-start:1px;vertical-align:-0.15em;background:var(--brand-bright);animation:cs-caret 1.1s steps(1,end) infinite}.cs-pane-note.is-in{animation:cs-pop 500ms var(--ease) both}html.js-motion .cs-tabpane[data-tabpane="1"] .cs-pane-note{opacity:0}html.js-motion .cs-tabpane[data-tabpane="1"] .cs-pane-note.is-in{opacity:1}.cs-wpcard{display:flex;align-items:center;gap:.75rem;padding:.85rem .9rem;border:1px solid rgba(56,189,248,.4);border-radius:16px;background:linear-gradient(135deg,rgba(56,189,248,.16),rgba(255,255,255,.03))}.cs-wpcard-ic{display:grid;place-items:center;flex:0 0 auto;width:2.7rem;height:2.7rem;border-radius:50%;color:var(--sky);border:1px solid rgba(56,189,248,.5);background:rgba(56,189,248,.18);box-shadow:0 0 22px -4px rgba(56,189,248,.7)}.cs-wpcard-ic svg{width:1.5rem;height:1.5rem}.cs-wpcard-t{display:grid;gap:.08rem;min-width:0;flex:1}.cs-wpcard-t strong{font-family:'Outfit',sans-serif;font-size:.95rem;direction:ltr}.cs-wpcard-t em{font-style:normal;font-size:.8rem;color:var(--ink-muted)}.cs-wpcard-go{flex:0 0 auto;padding:.26rem .7rem;border-radius:999px;border:1px solid rgba(37,211,102,.5);background:rgba(37,211,102,.16);color:var(--leaf);font-size:.72rem;font-weight:800}.cs-wpsteps{margin:0;padding:0;list-style:none;display:grid;gap:.5rem}.cs-wpsteps li{display:flex;align-items:center;gap:.6rem;padding:.6rem .75rem;border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.035);font-size:.86rem;color:var(--ink-soft)}.cs-wpsteps i{display:grid;place-items:center;flex:0 0 auto;width:1.5rem;height:1.5rem;border-radius:50%;border:1px solid rgba(56,189,248,.45);background:rgba(56,189,248,.14);color:var(--sky);font-family:'Outfit',sans-serif;font-size:.76rem;font-weight:800;font-style:normal}html.js-motion .cs-tabpane[data-tabpane="0"].is-on .cs-wpcard{animation:cs-pop 520ms var(--ease) 120ms both}html.js-motion .cs-tabpane[data-tabpane="0"].is-on .cs-wpsteps li{animation:cs-pop 480ms var(--ease) calc(280ms + var(--i) * 120ms) both}.cs-pane-note{display:flex;flex-wrap:wrap;align-items:center;gap:.55rem;margin:0;font-size:.88rem;color:var(--ink-soft)}.cs-check{display:grid;place-items:center;flex:0 0 auto;width:1.6rem;height:1.6rem;border-radius:50%;border:1px solid rgba(37,211,102,.45);background:rgba(37,211,102,.14);color:var(--leaf)}.cs-check svg{width:.95rem;height:.95rem}.cs-pane-body--flow{justify-content:flex-start;gap:1rem;position:relative}.cs-tabs{display:flex;gap:.35rem;flex:1}.cs-tab{display:inline-flex;align-items:center;gap:.4rem;padding:.34rem .7rem;border-radius:999px;border:1px solid transparent;color:var(--ink-muted);font-size:.78rem;font-weight:700;transition:color 260ms var(--ease),border-color 260ms var(--ease),background 260ms var(--ease)}.cs-tab svg{width:.95rem;height:.95rem}.cs-tab.is-on{color:var(--sky);border-color:rgba(56,189,248,.5);background:rgba(56,189,248,.14)}.cs-tab[data-tab="1"].is-on{color:var(--brand-bright);border-color:rgba(252,96,58,.5);background:var(--brand-soft)}.cs-tabpane{display:flex;flex-direction:column;gap:.85rem}html.js-motion .cs-tabpane{display:none}html.js-motion .cs-tabpane.is-on{display:flex;animation:cs-pop 460ms var(--ease) both}html.js-motion .cs-tabpane[data-tabpane="0"].is-on{flex:1;justify-content:center}.cs-switch{display:none;margin:auto;max-width:23rem;text-align:center}.cs-swart{position:relative;display:block;margin-inline:auto;width:17.2rem}.cs-swart svg{display:block;width:100%;height:auto;overflow:visible}.cs-swline{stroke-dasharray:62;stroke-dashoffset:62;opacity:.75}.cs-swnode{transform-box:fill-box;transform-origin:50% 50%}.cs-swor{position:absolute;inset-inline-start:50%;bottom:-1.35rem;margin-inline-start:-2.7rem;display:grid;place-items:center;width:5.4rem;height:5.4rem;border-radius:50%;border:1px solid rgba(255,255,255,.16);background:radial-gradient(circle at 32% 28%,#2a3040,#14171f 70%);box-shadow:0 18px 34px -16px rgba(0,0,0,.95);font-family:'Outfit','Noto Kufi Arabic','Cairo','Segoe UI',sans-serif;font-size:2.35rem;font-weight:800;font-style:normal;letter-spacing:-0.03em;line-height:1;color:#fff;text-shadow:0 0 20px rgba(252,96,58,.65)}.cs-swor>b{position:absolute;inset:0;border-radius:50%;border:1px solid rgba(252,96,58,.55);opacity:0}.cs-swor>i{position:absolute;inset:-0.4rem;border-radius:50%;border:2px solid transparent;border-top-color:var(--brand-bright);border-inline-end-color:var(--sky);opacity:.9}.cs-switch-line{display:block;margin-top:2.7rem;font-size:1.05rem;line-height:1.75;color:var(--ink-soft)}html.js-motion .cs-switch.is-in{display:block;animation:cs-say 620ms cubic-bezier(.2,1.2,.35,1) both}html.js-motion .cs-switch.is-in .cs-swnode--a{animation:cs-say-word 660ms cubic-bezier(.18,1.5,.35,1) 140ms both}html.js-motion .cs-switch.is-in .cs-swnode--b{animation:cs-say-word 660ms cubic-bezier(.18,1.5,.35,1) 300ms both}html.js-motion .cs-switch.is-in .cs-swglyph--a{animation:cs-fade-in 460ms var(--ease) 420ms both}html.js-motion .cs-switch.is-in .cs-swglyph--b{animation:cs-fade-in 460ms var(--ease) 560ms both}html.js-motion .cs-switch.is-in .cs-swline--a{animation:cs-draw 720ms var(--ease) 480ms both}html.js-motion .cs-switch.is-in .cs-swline--b{animation:cs-draw 720ms var(--ease) 620ms both}html.js-motion .cs-switch.is-in .cs-swor{animation:cs-say-word 760ms cubic-bezier(.18,1.55,.35,1) 900ms both}html.js-motion .cs-switch.is-in .cs-swor>i{animation:cs-spin 2600ms linear 1200ms infinite}html.js-motion .cs-switch.is-in .cs-swor>b{animation:cs-halo 2200ms var(--ease) 1400ms infinite}html.js-motion .cs-switch.is-in .cs-switch-line{animation:cs-pop 620ms var(--ease) 1150ms both}.cs-copy{position:relative;z-index:3;margin-inline-start:auto;display:inline-grid;padding:.28rem .7rem;border-radius:999px;border:1px solid var(--line);background:linear-gradient(180deg,#232838,#171b26);box-shadow:0 10px 22px -12px rgba(0,0,0,.95);color:var(--ink-soft);font-size:.72rem;font-weight:700;transition:border-color 280ms var(--ease),background 280ms var(--ease),color 280ms var(--ease),transform 280ms var(--ease)}.cs-copy i,.cs-copy b{grid-area:1 / 1;display:inline-flex;align-items:center;gap:.32rem;font-style:normal;white-space:nowrap;transition:opacity 220ms var(--ease),transform 220ms var(--ease)}.cs-copy svg{width:.85rem;height:.85rem}.cs-copy b{opacity:0;transform:translateY(.35rem);color:var(--leaf)}.cs-copy.is-done{color:var(--leaf);border-color:rgba(37,211,102,.55);background:rgba(37,211,102,.16);transform:scale(1.04)}.cs-copy.is-done i{opacity:0;transform:translateY(-0.35rem)}.cs-copy.is-done b{opacity:1;transform:translateY(0)}.cs-hand{position:absolute;top:0;inset-inline-start:0;z-index:6;width:1.75rem;height:1.75rem;color:#fff;opacity:0;pointer-events:none;transform-origin:20% 12%;filter:drop-shadow(0 6px 12px rgba(0,0,0,.9));transition:opacity 300ms linear}.cs-hand svg{width:100%;height:100%}.cs-hand.is-on{opacity:1}.cs-hand::after{content:'';position:absolute;top:-0.55rem;inset-inline-start:-0.55rem;width:2.4rem;height:2.4rem;border-radius:50%;border:2px solid var(--brand-bright);opacity:0;pointer-events:none}.cs-hand.is-press::after{animation:cs-tap 520ms ease-out both}.cs-hand.is-press svg{transform:scale(.82)}.cs-hand svg{transition:transform 160ms var(--ease)}.cs-hand.is-grab svg{transform:scale(.88) rotate(-6deg)}.cs-drop{position:absolute;top:0;inset-inline-start:0;z-index:5;padding:.3rem .62rem;border-radius:9px;border:1px solid rgba(252,96,58,.6);background:rgba(252,96,58,.24);color:var(--brand-bright);font-family:ui-monospace,'SFMono-Regular',Menlo,Consolas,monospace;font-size:.7rem;font-weight:700;direction:ltr;white-space:nowrap;opacity:0;pointer-events:none;box-shadow:0 16px 32px -18px rgba(252,96,58,.95);transition:opacity 240ms linear}.cs-drop.is-on{opacity:1}.cs-site{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:16px;background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(0,0,0,.3));box-shadow:0 26px 50px -30px rgba(0,0,0,.95)}.cs-site.is-flash{animation:cs-land 700ms var(--ease) both}.cs-site-top{display:flex;align-items:center;gap:.55rem;padding:.45rem .65rem;border-bottom:1px solid var(--line);background:rgba(255,255,255,.035)}.cs-url{direction:ltr;flex:1;padding:.16rem .6rem;border-radius:999px;background:rgba(0,0,0,.4);color:var(--ink-muted);font-size:.66rem;text-align:center}.cs-site-body{position:relative;display:grid;gap:.42rem;height:15.9rem;padding:.7rem;align-content:start}.cs-sk{display:block;height:.42rem;border-radius:999px;background:rgba(255,255,255,.09)}.cs-sk--h{width:72%;height:1.05rem;margin-top:.45rem;background:rgba(255,255,255,.16)}.cs-site-nav{display:flex;align-items:center;gap:.45rem;padding-bottom:.55rem;border-bottom:1px solid rgba(255,255,255,.07)}.cs-site-nav i{width:1.9rem;height:.38rem;border-radius:999px;background:rgba(255,255,255,.12)}.cs-site-nav .cs-site-logo{width:1.15rem;height:1.15rem;border-radius:6px;background:rgba(255,255,255,.2);margin-inline-end:.35rem}.cs-site-nav b{margin-inline-start:auto;width:2.4rem;height:.95rem;border-radius:6px;background:rgba(255,255,255,.16)}.cs-sk--p{width:92%}.cs-sk--short{width:64%}.cs-site-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:.45rem;margin-top:.5rem}.cs-site-cards i{height:3.1rem;border-radius:8px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.06)}.cs-done{position:absolute;inset:0;z-index:4;display:grid;place-content:center;justify-items:center;gap:.15rem;padding:1rem;text-align:center;background:rgba(9,11,16,.78);backdrop-filter:blur(3px);opacity:0;visibility:hidden;transition:opacity 420ms var(--ease),visibility 0s linear 420ms}.cs-done.is-in{opacity:1;visibility:visible;transition-delay:0s,0s}.cs-done-ic{position:relative;display:grid;place-items:center;width:3.4rem;height:3.4rem;margin-bottom:.7rem;border-radius:50%;color:var(--leaf);background:rgba(37,211,102,.14)}.cs-done-ic svg{width:2.5rem;height:2.5rem}.cs-done-ic::after{content:'';position:absolute;inset:-0.3rem;border-radius:50%;border:2px solid var(--leaf);opacity:0}.cs-done-ring{stroke-dasharray:120;stroke-dashoffset:120;opacity:.45}.cs-done-tick{stroke-dasharray:34;stroke-dashoffset:34}.cs-done b{font-family:'Outfit','Noto Kufi Arabic','Cairo','Segoe UI',sans-serif;font-size:1.15rem;font-weight:800;color:var(--ink)}.cs-done i{font-style:normal;font-size:.85rem;color:var(--ink-muted)}html.js-motion .cs-done.is-in .cs-done-ic{animation:cs-say-word 620ms cubic-bezier(.18,1.5,.35,1) both}html.js-motion .cs-done.is-in .cs-done-ic::after{animation:cs-halo 1400ms var(--ease) 260ms 2 both}html.js-motion .cs-done.is-in .cs-done-ring{animation:cs-ring-draw 700ms var(--ease) 120ms both}html.js-motion .cs-done.is-in .cs-done-tick{animation:cs-tick-draw 480ms var(--ease) 400ms both}html.js-motion .cs-done.is-in b{animation:cs-pop 520ms var(--ease) 420ms both}html.js-motion .cs-done.is-in i{animation:cs-pop 520ms var(--ease) 560ms both}.cs-bubble{position:absolute;inset-inline-end:.7rem;bottom:.7rem;display:grid;place-items:center;width:2.3rem;height:2.3rem;border-radius:50%;background:linear-gradient(135deg,var(--brand-bright),var(--brand-deep));color:#fff;box-shadow:0 14px 30px -14px rgba(252,96,58,.95);opacity:0}.cs-bubble svg{width:1.15rem;height:1.15rem}.cs-bubble.is-live{animation:cs-boom 700ms cubic-bezier(.2,1.5,.4,1) both}.cs-bubble.is-live .cs-ping{animation:cs-ping 1500ms ease-out 400ms 2 both}.cs-ping{position:absolute;inset:0;border-radius:50%;border:2px solid var(--brand-bright);opacity:0}.cs-widget{position:absolute;inset-inline-end:.7rem;bottom:3.5rem;z-index:2;display:grid;gap:.42rem;width:13.8rem;padding:.7rem .7rem .6rem;border:1px solid var(--line);border-radius:14px;background:linear-gradient(180deg,#1c2130,#14171f);box-shadow:0 26px 50px -22px rgba(0,0,0,.95);transform-origin:100% 100%;opacity:0;visibility:hidden}html[dir="rtl"] .cs-widget{transform-origin:0 100%}.cs-widget.is-open{visibility:visible;animation:cs-open 620ms cubic-bezier(.2,1.35,.35,1) both}.cs-widget.is-tapped{animation:cs-tapped 420ms var(--ease) both}.cs-widget-top{display:flex;align-items:center;gap:.38rem;padding-bottom:.4rem;border-bottom:1px solid var(--line)}.cs-widget-top b{font-family:'Outfit',sans-serif;font-size:.8rem;font-weight:700;color:var(--ink);direction:ltr}.cs-widget-top em{display:inline-flex;align-items:center;gap:.22rem;margin-inline-start:auto;font-style:normal;font-size:.9rem;font-weight:400;line-height:1;color:var(--ink-muted)}.cs-widget-ic{display:grid;place-items:center;width:1.45rem;height:1.45rem;border-radius:7px;border:1px solid rgba(252,96,58,.35);background:var(--brand-soft)}.cs-widget-ic img{width:.95rem;height:.95rem;border-radius:4px}.cs-widget-msg{display:block;max-width:86%;padding:.36rem .62rem;border-radius:11px;font-size:.72rem;line-height:1.65}.cs-widget-msg--out{justify-self:start;border-start-start-radius:3px;border:1px solid var(--line);background:rgba(255,255,255,.07);color:var(--ink-soft)}.cs-widget-msg--in{justify-self:end;border-end-end-radius:3px;border:1px solid rgba(252,96,58,.45);background:rgba(252,96,58,.26);color:var(--ink)}.cs-widget-field{display:flex;align-items:center;gap:.45rem;height:1.85rem;margin-top:.3rem;padding-inline:.32rem .28rem;border-radius:999px;border:1px solid var(--line);background:rgba(0,0,0,.5)}.cs-widget-field::before{content:'';flex:1;height:.4rem;border-radius:999px;background:rgba(255,255,255,.16)}.cs-widget-send{position:relative;display:grid;place-items:center;flex:0 0 auto;width:1.3rem;height:1.3rem;border-radius:50%;background:linear-gradient(135deg,var(--brand-bright),var(--brand-deep));box-shadow:0 8px 16px -8px rgba(252,96,58,.95)}.cs-widget-send::after{content:'';width:0;height:0;border-block:.22rem solid transparent;border-inline-start:.34rem solid #fff;border-inline-end:0;margin-inline-start:.06rem}.cs-mini{display:grid;gap:.35rem;padding:.6rem .7rem .7rem;border:1px solid var(--line);border-radius:14px;background:rgba(0,0,0,.26)}.cs-mini-top{display:flex;align-items:center;gap:.45rem;font-size:.76rem;color:var(--ink-soft)}.cs-mini-top strong{font-weight:700}.cs-mini-dot{width:.45rem;height:.45rem;border-radius:50%;background:var(--dot);box-shadow:0 0 8px 1px color-mix(in srgb,var(--dot) 60%,transparent)}.cs-mini-time{margin-inline-start:auto;font-size:.68rem;color:var(--ink-muted)}.cs-mini-msg{max-width:88%;padding:.34rem .6rem;border-radius:11px;font-size:.76rem;line-height:1.45}.cs-mini-msg--in{justify-self:start;border-start-start-radius:4px;border:1px solid var(--line);background:rgba(255,255,255,.06);color:var(--ink-soft)}.cs-mini-msg--out{justify-self:end;border-end-end-radius:4px;border:1px solid rgba(252,96,58,.42);background:rgba(252,96,58,.22);color:var(--ink)}.cs-chan{grid-area:1 / 1;display:flex;align-items:center;gap:.7rem;transition:opacity 320ms var(--ease),transform 320ms var(--ease)}.cs-pane--chat .cs-pane-top{display:grid;grid-template-columns:1fr auto;align-items:center}.cs-pane--chat .cs-chat-tag{grid-area:1 / 2}.cs-chan-ic{display:grid;place-items:center;width:2.3rem;height:2.3rem;border-radius:12px;border:1px solid var(--line)}.cs-chan-ic svg{width:1.2rem;height:1.2rem}.cs-chan--wa .cs-chan-ic{color:var(--leaf);border-color:rgba(37,211,102,.4);background:rgba(37,211,102,.15)}.cs-chan--web .cs-chan-ic{color:var(--sky);border-color:rgba(56,189,248,.4);background:rgba(56,189,248,.15)}.cs-pane--chat.is-wa .cs-chan--web,.cs-pane--chat.is-web .cs-chan--wa{opacity:0;transform:translateY(-0.5rem);pointer-events:none}.cs-pane--chat.is-wa .cs-chat-status i{background:var(--leaf)}.cs-pane--chat.is-web .cs-chat-status i{background:var(--sky);box-shadow:none;animation:none}.cs-pane--chat.is-wa .cs-msg--visitor{border-color:rgba(37,211,102,.3);background:rgba(37,211,102,.1)}.cs-pane--chat.is-wa .cs-msg--agent{border-color:rgba(37,211,102,.5);background:linear-gradient(135deg,rgba(37,211,102,.3),rgba(18,140,68,.22));box-shadow:0 16px 34px -24px rgba(37,211,102,.9)}.cs-pane--chat.is-wa .cs-typing span{background:var(--leaf)}.cs-pane--chat.is-wa .cs-caret{background:var(--leaf)}.cs-pane--chat.is-wa .cs-chat-send{background:linear-gradient(135deg,#35d770,#12864a);box-shadow:0 12px 26px -14px rgba(37,211,102,.95)}.cs-pane--chat.is-web .cs-msg--visitor{border-color:rgba(56,189,248,.28);background:rgba(56,189,248,.1)}.cs-pane--chat .cs-chat-body,.cs-pane--chat .cs-chan,.cs-pane--chat .cs-chan-strip{transition:opacity 400ms var(--ease),transform 400ms var(--ease)}.cs-pane--chat.is-swapping .cs-chat-body{opacity:0;transform:translateX(-1.8rem)}.cs-pane--chat.is-swapping .cs-chan-strip{opacity:0;transform:translateY(-0.4rem)}.cs-pane--chat.is-swapping .cs-chan{opacity:0;transform:translateY(-0.5rem)}html[dir="rtl"] .cs-pane--chat.is-swapping .cs-chat-body{transform:translateX(1.8rem)}.cs-chan-strip{display:grid;margin:0;padding:.42rem 1.1rem;border-bottom:1px solid var(--line);font-size:.74rem;font-weight:700;letter-spacing:.01em}.cs-chan-strip span{grid-area:1 / 1}.cs-pane--chat.is-wa .cs-chan-strip{color:var(--leaf);background:rgba(37,211,102,.12);border-bottom-color:rgba(37,211,102,.3)}.cs-pane--chat.is-web .cs-chan-strip{color:var(--sky);background:rgba(56,189,248,.12);border-bottom-color:rgba(56,189,248,.3)}.cs-pane--chat.is-wa .cs-chan-strip-web,.cs-pane--chat.is-web .cs-chan-strip-wa{opacity:0}html.js-motion .cs-pane--chat.is-wa .cs-chan-strip-wa,html.js-motion .cs-pane--chat.is-web .cs-chan-strip-web{animation:cs-swap 520ms var(--ease) both}.cs-pane--chat.is-web .cs-chat-body::before,.cs-pane--chat.is-wa .cs-chat-body::before{content:'';position:absolute;inset:0;pointer-events:none;transition:background 420ms var(--ease)}.cs-pane--chat.is-wa .cs-chat-body::before{background:radial-gradient(80% 50% at 50% 0%,rgba(37,211,102,.09),transparent 70%)}.cs-pane--chat.is-web .cs-chat-body::before{background:radial-gradient(80% 50% at 50% 0%,rgba(56,189,248,.09),transparent 70%)}.cs-pane--chat.is-web .cs-chan-ic,.cs-pane--chat.is-wa .cs-chan-ic{transition:none}.cs-pane--cards{justify-content:center}.cs-pane-body--cards{justify-content:center;gap:.75rem}.cs-cards-lead{margin:0 0 .3rem;font-size:1rem;font-weight:700;color:var(--ink);text-align:center}.cs-card{display:flex;align-items:center;gap:.85rem;padding:.85rem .95rem;border:1px solid color-mix(in srgb,var(--dot) 40%,transparent);border-radius:16px;background:linear-gradient(135deg,color-mix(in srgb,var(--dot) 16%,transparent),rgba(255,255,255,.03));color:var(--ink);text-decoration:none;transition:transform 320ms var(--ease),border-color 320ms var(--ease),box-shadow 320ms var(--ease)}.cs-card-ic{display:grid;place-items:center;flex:0 0 auto;width:2.7rem;height:2.7rem;border-radius:50%;color:var(--dot);border:1px solid color-mix(in srgb,var(--dot) 50%,transparent);background:color-mix(in srgb,var(--dot) 20%,transparent);box-shadow:0 0 22px -4px color-mix(in srgb,var(--dot) 70%,transparent)}.cs-card-ic svg{width:1.35rem;height:1.35rem}.cs-card-t{display:grid;gap:.05rem;min-width:0}.cs-card-t strong{font-size:.95rem;font-weight:700}.cs-card-t em{font-style:normal;font-size:.82rem;color:var(--ink-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cs-card-go{margin-inline-start:auto;flex:0 0 auto;width:1.1rem;height:1.1rem;color:var(--ink-muted)}.cs-card-go svg{width:100%;height:100%}html[dir="rtl"] .cs-card-go svg{transform:scaleX(-1)}.cs-card:hover,.cs-card:focus-visible{transform:translateY(-3px);border-color:var(--dot);box-shadow:0 22px 44px -28px color-mix(in srgb,var(--dot) 90%,transparent)}html.js-motion .cs-pane--cards.is-in .cs-cards-lead{animation:cs-pop 480ms var(--ease) 140ms both}html.js-motion .cs-pane--cards.is-in .cs-card{animation:cs-pop 560ms cubic-bezier(.2,1.3,.35,1) calc(280ms + var(--i) * 150ms) both}html.js-motion .cs-pane--board.is-in .cs-mini{animation:cs-pop 520ms var(--ease) 1120ms both}.cs-board{flex:1;display:flex;gap:.7rem;min-height:0;padding:1.1rem}.cs-rail{flex:0 0 auto;display:grid;gap:.5rem;align-content:start;padding:.5rem .4rem;border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.035)}.cs-rail i{display:block;width:1.6rem;height:1.6rem;border-radius:8px;background:rgba(255,255,255,.08)}.cs-rail .cs-rail-logo{background:linear-gradient(135deg,var(--brand-bright),var(--brand-deep))}.cs-rail i.is-on{background:var(--brand-soft);border:1px solid rgba(252,96,58,.45)}.cs-inbox{flex:1;min-width:0;display:flex;flex-direction:column;gap:.7rem}.cs-threads{margin:0;padding:0;list-style:none;display:grid;gap:.45rem}.cs-thread{display:flex;align-items:center;gap:.6rem;padding:.5rem .6rem;border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.035)}.cs-thread.is-open{border-color:rgba(252,96,58,.5);background:var(--brand-soft)}.cs-thread-av{display:grid;place-items:center;flex:0 0 auto;width:1.9rem;height:1.9rem;border-radius:50%;color:var(--dot);border:1px solid color-mix(in srgb,var(--dot) 45%,transparent);background:color-mix(in srgb,var(--dot) 16%,transparent)}.cs-thread-av svg{width:1rem;height:1rem}.cs-thread-t{flex:1;min-width:0;display:grid;gap:.04rem}.cs-thread-t strong{font-size:.84rem;font-weight:700}.cs-thread-t em{font-style:normal;font-size:.74rem;color:var(--ink-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cs-thread-time{flex:0 0 auto;font-size:.68rem;color:var(--ink-muted)}html.js-motion .cs-pane--board.is-in .cs-rail{animation:cs-pop 480ms var(--ease) 160ms both}html.js-motion .cs-pane--board.is-in .cs-thread{animation:cs-pop 500ms var(--ease) calc(280ms + var(--i) * 140ms) both}html.js-motion .cs-pane--code{transform-origin:calc(100% - 8.2rem) 19.3rem}html[dir="rtl"] .cs-pane--code{transform-origin:8.2rem 19.3rem}html.js-motion .cs-pane--code.is-zoom{opacity:0;visibility:visible;transform:scale(1.85);filter:blur(8px);transition:opacity 460ms var(--ease),transform 780ms cubic-bezier(.32,0,.4,1),filter 460ms var(--ease),visibility 0s linear 780ms}html.js-motion .cs-pane--chat{transform-origin:calc(100% - 8.2rem) 19.3rem;transform:scale(.32);filter:blur(1px);transition:opacity 320ms var(--ease),transform 760ms cubic-bezier(.2,1.05,.3,1),filter 420ms var(--ease),visibility 0s linear 760ms}html[dir="rtl"] .cs-pane--chat{transform-origin:8.2rem 19.3rem}html.js-motion .cs-pane--chat.is-in{transform:scale(1);filter:blur(0)}.cs-chat-avatar{display:grid;place-items:center;width:2.3rem;height:2.3rem;border-radius:12px;background:var(--brand-soft);border:1px solid rgba(252,96,58,.32)}.cs-chat-avatar img{width:22px;height:22px;border-radius:6px}.cs-chat-who{display:grid;line-height:1.3}.cs-chat-who strong{font-family:'Outfit','Noto Kufi Arabic','Segoe UI',sans-serif;font-size:.98rem}.cs-chat-status{display:inline-flex;align-items:center;gap:.35rem;font-size:.76rem;color:var(--ink-muted)}.cs-chat-status i{width:.42rem;height:.42rem;border-radius:50%;background:var(--leaf);box-shadow:0 0 0 0 rgba(37,211,102,.5);animation:cs-pulse-green 2.6s ease-out infinite}.cs-chat-tag{margin-inline-start:auto;padding:.22rem .6rem;border-radius:999px;border:1px solid rgba(252,96,58,.4);background:var(--brand-soft);color:var(--brand-bright);font-size:.68rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.cs-chat-body{position:relative;flex:1;display:flex;flex-direction:column;justify-content:flex-end;gap:.6rem;padding:1.1rem;overflow:hidden}.cs-msg{max-width:82%;padding:.6rem .85rem;border-radius:16px;border:1px solid var(--line);font-size:.92rem;line-height:1.5;will-change:transform,opacity}.cs-msg--visitor{align-self:flex-start;background:rgba(255,255,255,.06);border-end-start-radius:6px}.cs-msg--agent{align-self:flex-end;border-color:rgba(252,96,58,.45);background:linear-gradient(135deg,rgba(252,96,58,.32),rgba(214,68,32,.24));box-shadow:0 16px 34px -24px rgba(252,96,58,.9);border-end-end-radius:6px}.cs-pane--chat.is-web .cs-msg--agent{border-color:rgba(56,189,248,.45);background:linear-gradient(135deg,rgba(56,189,248,.3),rgba(14,116,178,.22));box-shadow:0 16px 34px -24px rgba(56,189,248,.85)}.cs-typing[hidden]{display:none}.cs-typing{align-self:flex-end;display:inline-flex;align-items:center;gap:.28rem;padding:.7rem .85rem;border-radius:16px;border-end-end-radius:6px;border:1px solid var(--line);background:rgba(255,255,255,.06)}.cs-typing span{width:.4rem;height:.4rem;border-radius:50%;background:var(--brand-bright);animation:cs-bob 1.2s ease-in-out infinite}.cs-typing span:nth-child(2){animation-delay:.16s}.cs-typing span:nth-child(3){animation-delay:.32s}.cs-chat-foot{display:flex;align-items:center;gap:.6rem;padding:.85rem 1.1rem;border-top:1px solid var(--line);background:rgba(255,255,255,.03)}.cs-chat-field{flex:1;display:inline-flex;align-items:center;gap:.15rem;padding:.5rem .85rem;border:1px solid var(--line);border-radius:999px;background:rgba(0,0,0,.28);color:var(--ink-muted);font-size:.86rem}.cs-caret{width:1px;height:.95rem;background:var(--brand-bright);animation:cs-caret 1.1s steps(1,end) infinite}.cs-chat-send{display:grid;place-items:center;width:2.2rem;height:2.2rem;border-radius:50%;background:linear-gradient(135deg,var(--brand-bright),var(--brand-deep));color:#fff;box-shadow:0 12px 26px -14px rgba(252,96,58,.95)}.cs-chat-send svg{width:1.05rem;height:1.05rem}@keyframes cs-pulse{0%{box-shadow:0 0 0 0 rgba(252,96,58,.55)}70%,100%{box-shadow:0 0 0 .6rem rgba(252,96,58,0)}}@keyframes cs-pulse-green{0%{box-shadow:0 0 0 0 rgba(37,211,102,.5)}70%,100%{box-shadow:0 0 0 .5rem rgba(37,211,102,0)}}@keyframes cs-tapped{0%{transform:scale(1);box-shadow:0 26px 50px -22px rgba(0,0,0,.95)}40%{transform:scale(.975);box-shadow:0 0 0 3px rgba(252,96,58,.3),0 26px 50px -22px rgba(0,0,0,.95)}100%{transform:scale(1);box-shadow:0 0 0 3px rgba(252,96,58,0),0 26px 50px -22px rgba(0,0,0,.95)}}@keyframes cs-blip{0%,100%{opacity:.25;transform:translateY(0)}50%{opacity:1;transform:translateY(-0.15rem)}}@keyframes cs-ring-draw{from{stroke-dashoffset:120}to{stroke-dashoffset:0}}@keyframes cs-tick-draw{from{stroke-dashoffset:34}to{stroke-dashoffset:0}}@keyframes cs-halo{0%,100%{opacity:.42;transform:scale(1)}50%{opacity:.78;transform:scale(1.12)}}@keyframes cs-float{from{transform:translateY(-0.45rem)}to{transform:translateY(.45rem)}}@keyframes cs-bob{0%,100%{transform:translateY(0);opacity:.45}50%{transform:translateY(-0.28rem);opacity:1}}@keyframes cs-caret{0%,49%{opacity:1}50%,100%{opacity:0}}@keyframes cs-pop{from{opacity:0;transform:translateY(.7rem) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes cs-fill{from{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes cs-draw{from{stroke-dashoffset:62}to{stroke-dashoffset:0}}@keyframes cs-fade-in{from{opacity:0}to{opacity:1}}@keyframes cs-tapped{0%{transform:scale(1);box-shadow:0 26px 50px -22px rgba(0,0,0,.95)}40%{transform:scale(.975);box-shadow:0 0 0 3px rgba(252,96,58,.3),0 26px 50px -22px rgba(0,0,0,.95)}100%{transform:scale(1);box-shadow:0 0 0 3px rgba(252,96,58,0),0 26px 50px -22px rgba(0,0,0,.95)}}@keyframes cs-blip{0%,100%{opacity:.25;transform:translateY(0)}50%{opacity:1;transform:translateY(-0.15rem)}}@keyframes cs-ring-draw{from{stroke-dashoffset:120}to{stroke-dashoffset:0}}@keyframes cs-tick-draw{from{stroke-dashoffset:34}to{stroke-dashoffset:0}}@keyframes cs-halo{0%{opacity:.75;transform:scale(1)}75%,100%{opacity:0;transform:scale(1.75)}}@keyframes cs-spin{from{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes cs-say{from{opacity:0;transform:translateY(1rem) scale(.94);filter:blur(9px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}@keyframes cs-say-word{0%{opacity:0;transform:scale(.4) rotate(-8deg)}100%{opacity:1;transform:scale(1) rotate(0)}}@keyframes cs-tap{from{opacity:.75;transform:scale(.4)}to{opacity:0;transform:scale(1.15)}}@keyframes cs-land{0%,100%{border-color:var(--line);box-shadow:none}45%{border-color:rgba(252,96,58,.7);box-shadow:0 0 0 4px rgba(252,96,58,.14)}}@keyframes cs-swap{from{opacity:0;transform:translateY(.5rem)}to{opacity:1;transform:translateY(0)}}@keyframes cs-open{from{opacity:0;transform:scale(.16)}to{opacity:1;transform:scale(1)}}@keyframes cs-boom{from{opacity:0;transform:scale(0) translateY(.5rem)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes cs-ping{from{opacity:.55;transform:scale(1)}to{opacity:0;transform:scale(2.3)}}html.js-motion .cs-msg{display:none}html.js-motion .cs-msg.is-in{display:block;animation:cs-pop 420ms var(--ease) forwards}@media (min-width:1100px){.cs-stage{margin-inline:0 auto;width:100%;max-width:34rem}}@media (max-width:1099.98px){.cs-stage{width:min(30rem, 100%);margin-inline:auto}.cs-panes{height:33rem}}@media (max-width:639.98px){.cs-panes{height:34rem}.cs-site-body{height:13.4rem}.cs-widget{width:11.6rem}.cs-step-name{display:none}.cs-step{justify-content:center;padding-inline:.3rem}}@media (max-width:419.98px){.cs-msg{max-width:92%;font-size:.88rem}}@media (prefers-reduced-motion:reduce){.cs-orb,.cs-sweep,.cs-grid,.cs-dot,.cs-chat,.cs-chat-status i,.cs-stage,.cs-cell--seconds::after,.cs-typing span,.cs-caret,.cs-contact,.cs-contact-orb,.cs-strip{animation:none!important;transition:none!important}.cs-caret{opacity:1}.cs-msg{display:block;opacity:1}}