@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&display=swap');
.setup-summary{padding:26px;margin-bottom:24px;display:flex;align-items:center;gap:28px}.setup-summary>div{flex:1}.setup-summary h2{margin:12px 0 10px;font-size:26px}.setup-summary progress{width:30%;height:12px;accent-color:var(--purple)}.setup-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-bottom:24px}.setup-card{padding:26px;display:flex;flex-direction:column;gap:16px}.setup-card-top{display:flex;justify-content:space-between;align-items:center}.setup-card h2{font-size:22px}.setup-card p{color:var(--muted);margin:0;flex:1;font-size:16px}.setup-card .btn{align-self:flex-start}.account-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:24px}.account-grid input{width:100%;padding:12px;border:1px solid var(--line);border-radius:10px;background:transparent;color:inherit}.account-grid .hint{line-height:1.65;font-size:14px}.sidebar .workspace>span:last-child{overflow-wrap:anywhere}@media(max-width:900px){.account-grid{grid-template-columns:1fr}}@media(max-width:600px){.setup-grid{grid-template-columns:1fr;gap:16px}.setup-card,.setup-summary{padding:22px}.setup-summary{display:block}.setup-summary progress{width:100%;margin-top:20px}.sidebar nav{overflow-x:auto;justify-content:flex-start}.sidebar nav button{min-width:70px;flex-shrink:0}}
:root{font-family:'DM Sans',sans-serif;color:#202438;background:#f6f7fb;font-synthesis:none;--purple:#6854e7;--muted:#75798d;--line:#e9eaf1}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button,a,input,textarea{outline-offset:4px}button,a{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button{border:0;background:none;color:inherit}a{color:inherit;text-decoration:none}button:disabled{cursor:not-allowed;opacity:.55}.shell{display:grid;grid-template-columns:235px 1fr;min-height:100vh}.sidebar{padding:32px 20px;background:white;border-right:1px solid var(--line);display:flex;flex-direction:column;gap:32px}.brand{font-size:24px;letter-spacing:-1px;font-weight:650;display:flex;align-items:center;gap:10px}.mark{width:36px;height:38px;background-image:url('brand.jpeg');background-size:144px 111px;background-position:-15px -35px;border-radius:9px;display:inline-block}.workspace{padding:13px;border:1px solid var(--line);border-radius:12px;font-size:14px;display:flex;align-items:center;gap:10px}.avatar{border-radius:10px;padding:9px;background:#eeebff;color:var(--purple);font-weight:600}.workspace small{display:block;color:var(--muted);margin-top:3px;font-size:12px}nav{display:flex;flex-direction:column;gap:7px}nav button{text-align:left;padding:13px 16px;border-radius:10px;font-size:14px;display:flex;gap:13px;align-items:center}nav button.active{background:#eeebfc;color:var(--purple);font-weight:600}nav button:hover{background:#f4f2ff}.navicon{font-size:18px;width:21px;text-align:center}.sidebottom{margin-top:auto}.sidebottom p{font-size:13px;color:var(--muted);line-height:1.6}.pill{font-size:12px;padding:5px 9px;border-radius:7px;background:#f0edf9;color:#7764ba;display:inline-flex;align-items:center;gap:6px}.main{min-width:0}.topbar{height:84px;background:#fff;border-bottom:1px solid var(--line);padding:0 42px;display:flex;align-items:center;justify-content:space-between;font-size:14px}.topbar .right{display:flex;align-items:center;gap:20px;color:var(--muted)}.content{max-width:1280px;margin:auto;padding:36px 42px}.heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:27px;gap:18px}h1{font-size:30px;letter-spacing:-1px;font-weight:550;margin:0 0 8px}h2{font-size:19px;font-weight:600;letter-spacing:-.4px;margin:0}p{line-height:1.65} .sub{color:var(--muted);font-size:14px;margin:0}.btn{padding:12px 18px;border:1px solid #e1e2ed;border-radius:10px;font-size:14px;font-weight:550;background:white;display:inline-flex;gap:8px;align-items:center;justify-content:center}.btn.primary{background:var(--purple);border-color:var(--purple);color:white;box-shadow:0 4px 10px #6854e71a}.btn:hover{filter:brightness(.97)}.notice{padding:12px 16px;border:1px solid #e5dff7;background:#f2effc;border-radius:10px;font-size:13px;color:#746492;margin-bottom:26px}.grid{display:grid;grid-template-columns:minmax(0,1fr) 365px;gap:26px;align-items:start}.panel{background:white;border:1px solid var(--line);border-radius:16px;overflow:hidden}.panelhead{padding:22px 24px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:12px}.panelbody{padding:24px}.identity{display:flex;align-items:center;gap:16px;margin-bottom:26px}.orb{height:55px;width:55px;border-radius:17px;background:#101221 url('brand.jpeg') -24px -54px/222px 171px;flex-shrink:0}.eyebrow{font-size:12px;font-weight:600;letter-spacing:1.5px;color:var(--purple);text-transform:uppercase}label{display:block;font-size:14px;font-weight:500;margin-bottom:9px}.field{margin:20px 0}input,textarea{width:100%;border:1px solid #e1e3ed;border-radius:10px;padding:12px 14px;background:#fff;color:#30354b;font-size:14px}textarea{resize:vertical;min-height:105px;line-height:1.6}.hint{font-size:12px;color:var(--muted);margin:8px 0 0}.split{display:grid;grid-template-columns:1fr 1fr;gap:18px}.swatches{display:flex;gap:9px;align-items:center}.swatch{width:26px;height:26px;border-radius:50%;border:3px solid white;box-shadow:0 0 0 1px #ddd}.swatch.selected{box-shadow:0 0 0 2px var(--purple)}.tone{display:flex;gap:7px;flex-wrap:wrap}.tone button{padding:8px 10px;border:1px solid var(--line);border-radius:8px;font-size:13px}.tone button.selected{background:#f2efff;border-color:#cfc6f9;color:var(--purple)}.panelbottom{padding:16px 24px;background:#fcfcfe;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--muted)}.previewlabel{display:flex;align-items:center;justify-content:space-between;margin:0 0 14px;font-size:14px}.chat{box-shadow:0 12px 30px #25214b09}.chathead{padding:22px;background:#101321;color:white;display:flex;gap:12px;align-items:center}.chathead .orb{width:39px;height:42px;border-radius:10px;background-size:159px 122px;background-position:-17px -39px}.chathead small{font-size:12px;color:#aaaac2;display:block;margin-top:5px}.messages{height:310px;overflow:auto;padding:21px 18px;display:flex;flex-direction:column;gap:13px;background:linear-gradient(#fafaff,white)}.bubble{background:#f0f0f7;padding:12px 14px;border-radius:3px 13px 13px 13px;max-width:93%;font-size:14px;line-height:1.6;white-space:pre-wrap}.bubble.user{align-self:flex-end;background:var(--purple);color:white;border-radius:13px 3px 13px 13px}.bubble small{display:block;font-size:11px;opacity:.65;margin-top:7px}.chips{padding:0 18px 16px;display:flex;gap:6px;flex-wrap:wrap}.chips button{font-size:12px;padding:7px 10px;border:1px solid var(--line);border-radius:7px;color:#6a6387}.chatform{border-top:1px solid var(--line);display:flex;padding:12px;gap:7px}.chatform input{border:0;min-width:0}.send{background:var(--purple);color:white;border-radius:9px;width:38px;flex-shrink:0}.powered{text-align:center;font-size:11px;color:#9998ae;padding:0 0 13px}.attention{margin-top:24px}.row{padding:18px 24px;display:flex;justify-content:space-between;align-items:center;gap:16px;border-bottom:1px solid var(--line)}.row:last-child{border-bottom:0}.row p{margin:4px 0 0;font-size:13px;color:var(--muted)}.row strong{font-size:14px;font-weight:500}.row .btn{font-size:12px;padding:8px 12px}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:24px 0}.metric{padding:24px}.metric strong{display:block;font-size:33px;font-weight:500;margin:14px 0 6px}.metric span{font-size:13px;color:var(--muted)}.empty{padding:45px;text-align:center;color:var(--muted)}.faq{padding:20px 24px;border-bottom:1px solid var(--line)}.faq h3{font-size:15px;margin:0 0 8px}.faq p{font-size:14px;color:var(--muted);margin:0}.faq .actions{margin-top:12px;display:flex;gap:14px}.textbtn{font-size:13px;color:var(--purple);padding:0}dialog{border:1px solid var(--line);border-radius:20px;width:min(530px,calc(100% - 32px));padding:28px;box-shadow:0 25px 90px #17142930}dialog::backdrop{background:#15142e55;backdrop-filter:blur(4px)}.dialogactions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);padding:12px 20px;border-radius:10px;background:#25243e;color:white;font-size:14px;display:none;z-index:10}.site{background:#080b15;color:white;min-height:100vh}.siteheader{max-width:1160px;margin:auto;display:flex;justify-content:space-between;align-items:center;padding:25px 32px}.siteheader .links{display:flex;gap:30px;align-items:center;font-size:14px;color:#b7bad0}.hero{max-width:1000px;margin:auto;text-align:center;padding:75px 25px 40px}.hero h1{font-size:clamp(40px,6vw,72px);line-height:1.08;letter-spacing:-3px;margin:22px 0}.hero h1 span{color:#a198ff}.hero p{color:#a5aac2;font-size:18px;max-width:550px;margin:24px auto}.hero .btn{padding:15px 25px}.brandboard{display:block;width:min(780px,100%);margin:42px auto 0;border-radius:24px}.features{max-width:1100px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:35px;padding:35px 32px 80px}.features p{font-size:15px;color:#a5aac2}.features h2{margin-top:20px}.sitefooter{border-top:1px solid #212536;padding:25px 32px;display:flex;justify-content:space-between;color:#9397ad;font-size:13px}.conversation{display:grid;grid-template-columns:260px 1fr}.convbutton{display:block;text-align:left;width:100%;padding:20px;border-bottom:1px solid var(--line)}.convbutton.active{background:#f3f0ff}.convbutton small{display:block;color:var(--muted);margin-top:6px}.convdetail{padding:24px;min-height:310px}.convdetail .bubble{margin:15px 0}.tablewrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:14px}td,th{text-align:left;padding:17px 24px;border-bottom:1px solid var(--line)}th{font-size:12px;color:var(--muted);font-weight:500} .mobilebrand{display:none}@media(min-width:1450px){.content{padding-top:48px}.grid{grid-template-columns:minmax(0,1fr) 390px}}@media(max-width:1100px){.shell{grid-template-columns:195px 1fr}.sidebar{padding:25px 13px}.content{padding:28px 24px}.grid{grid-template-columns:1fr 320px;gap:18px}.topbar{padding:0 24px}.split{grid-template-columns:1fr}.brand{font-size:21px}}@media(max-width:860px){.grid{grid-template-columns:1fr}.chatcol{max-width:440px;width:100%;margin:auto}.shell{grid-template-columns:180px 1fr}.metrics{gap:10px}.metric{padding:17px}.heading{align-items:flex-start}.conversation{grid-template-columns:1fr}.convlist{display:flex;overflow:auto}.convbutton{min-width:180px}}@media(max-width:600px){.shell{display:block}.sidebar{padding:14px 16px;gap:14px;border-bottom:1px solid var(--line)}.sidebar>.brand,.workspace,.sidebottom{display:none}nav{flex-direction:row;justify-content:space-between;gap:2px}nav button{padding:9px 7px;flex-direction:column;gap:5px;font-size:12px}.topbar{height:66px;padding:0 20px}.topbar>span{display:none}.mobilebrand{display:flex}.topbar .right{gap:10px;font-size:12px}.content{padding:25px 16px}h1{font-size:27px}.heading{gap:12px}.heading>.btn{padding:10px;font-size:12px;white-space:nowrap}.panelbody{padding:20px}.panelhead{padding:19px 20px}.row{padding:18px 20px}.metrics{grid-template-columns:1fr}.metric strong{font-size:28px}.siteheader{padding:22px}.siteheader .links>a{display:none}.hero{padding-top:50px}.hero h1{letter-spacing:-1.8px}.features{grid-template-columns:1fr;padding:20px 25px 45px;gap:16px}.sitefooter{gap:20px;flex-direction:column}.brandboard{margin-top:30px}.notice{line-height:1.6}.panelbottom{gap:12px}.panelbottom>span{max-width:170px}}
.inbox-toolbar{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:0 0 20px}.detail-top{display:flex;justify-content:space-between;gap:18px;align-items:center}.saved-turn{padding:18px 0;border-bottom:1px solid var(--line)}.saved-turn:last-child{border:0}.review-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-top:20px}.review-actions .btn{padding:8px 12px;font-size:13px}.convlist{max-height:650px;overflow:auto;border-right:1px solid var(--line)}.convdetail{max-height:750px;overflow:auto}.convbutton strong{overflow-wrap:anywhere;font-weight:500;line-height:1.5}.bubble,.row strong{overflow-wrap:anywhere}.empty h2{color:#31354b}.empty p{max-width:460px;margin:12px auto}.saved-turn .bubble.user{margin-left:auto}.row>div{min-width:0}.row>.btn{flex-shrink:0}@media(max-width:860px){.convlist{border-right:0;border-bottom:1px solid var(--line)}.convbutton{min-width:200px;max-width:240px}.detail-top{align-items:flex-start}.inbox-toolbar{align-items:flex-start}}

/* Customer-first homepage */
.site{color:#f8f9ff}.siteheader{max-width:1240px}.siteheader .btn{background:transparent;color:#e0dfff;border-color:#45465e}.hero{max-width:1240px;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:64px;align-items:center;text-align:left;padding:68px 32px 80px}.hero-copy{min-width:0}.hero .eyebrow{color:#b5aaff;font-size:14px;letter-spacing:1px}.hero h1{font-size:clamp(2.4rem,4.2vw,3.7rem);line-height:1.12;letter-spacing:-.045em;overflow-wrap:break-word}.hero p{margin:26px 0;max-width:530px;font-size:18px;color:#bac0d3}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.hero .btn{font-size:16px;min-height:50px}.hero .demo-link{background:transparent;color:#f3f2ff;border-color:#47465d}.hero .pilot-note{font-size:14px;line-height:1.5;margin:18px 0 0;color:#a5aac2}.home-demo{background:#fff;color:#262b40;border:1px solid #34364e;border-radius:24px;box-shadow:0 25px 75px #0005;overflow:hidden;min-width:0;scroll-margin-top:25px}.demo-heading{display:flex;gap:12px;align-items:center;padding:24px;border-bottom:1px solid #eaebf2}.demo-heading strong{font-size:16px}.demo-heading span:not(.mark){display:block;font-size:14px;color:#72768b;margin-top:4px}.demo-conversation{padding:24px;display:flex;flex-direction:column;gap:16px;background:#f9f9fd}.hero .demo-bubble{font-size:16px;line-height:1.6;margin:0;max-width:90%;padding:14px 16px;border-radius:16px;color:#36394b;background:#eeedf5}.hero .demo-bubble.customer{align-self:flex-end;background:#6854e7;color:white;border-bottom-right-radius:4px}.hero .demo-bubble.assistant{border-bottom-left-radius:4px}.demo-caption{padding:17px 24px;font-size:14px;line-height:1.5;color:#73778b}.how-section{border-top:1px solid #24283c;padding:56px 32px;max-width:1240px;margin:auto;scroll-margin-top:24px}.section-heading .eyebrow{font-size:14px;color:#b5aaff}.section-heading h2{font-size:clamp(25px,3vw,34px);margin-top:12px;line-height:1.25}.how-section .features{padding:35px 0 0;max-width:none;gap:34px}.features>div{padding-top:20px;border-top:1px solid #33364c}.step-number{color:#b5aaff;font-size:16px;font-weight:600}.features h3{font-size:22px;line-height:1.3;margin:18px 0 10px}.features p{font-size:16px;line-height:1.7}.features .textbtn{color:#b5aaff;font-size:15px;padding:8px 0}.pilot-strip{max-width:1176px;margin:0 auto 60px;padding:28px;border:1px solid #36334f;border-radius:16px;background:#141526;display:flex;gap:28px;align-items:center;justify-content:space-between}.pilot-strip h2{font-size:22px}.pilot-strip p{font-size:16px;color:#aeb4ca;max-width:740px;margin-bottom:0}.pilot-strip .btn{flex-shrink:0;font-size:16px}.sitefooter{font-size:14px}.sitefooter button{font-size:14px}.site .btn:focus-visible,.site a:focus-visible,.site button:focus-visible{outline:3px solid #c2b9ff;outline-offset:5px}@media(max-width:900px){.hero{grid-template-columns:1fr;gap:40px;max-width:700px;padding-top:45px}.hero h1{font-size:clamp(2.4rem,7vw,3.7rem)}.home-demo{width:100%;max-width:540px}.pilot-strip{margin:0 32px 40px;flex-direction:column;align-items:flex-start}}@media(max-width:600px){.siteheader{padding:20px}.siteheader .links{gap:12px}.siteheader .btn{font-size:14px;padding:10px 12px}.hero{padding:32px 22px 45px;gap:32px}.hero .eyebrow{font-size:14px}.hero h1{letter-spacing:-.04em}.hero p{font-size:17px}.hero-actions{flex-direction:column;align-items:stretch}.hero-actions .btn{width:100%}.hero .demo-bubble{font-size:16px}.demo-conversation{padding:20px}.demo-heading{padding:20px}.how-section{padding:35px 22px}.how-section .features{grid-template-columns:1fr;gap:26px}.pilot-strip{margin:0 22px 35px;padding:22px}.pilot-strip .btn{width:100%}.sitefooter{padding:24px 22px}.sitefooter button{text-align:left}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* One GomalChat theme, from homepage to workspace. */
:root{color:#f8f9ff;background:#080b15;--muted:#b0b6cc;--line:#303449;--workspace-accent:#b5aaff}
body{background:#080b15;color:#f8f9ff}
.shell{background:#080b15;color:#f8f9ff}
.sidebar,.topbar{background:#0d101d;border-color:var(--line)}
.workspace{background:#141727;border-color:#34384e;font-size:14px}
.workspace small,.sidebottom p,.topbar .right{color:var(--muted);font-size:14px}
.avatar{background:#25213e;color:#c8beff}
.shell nav button{font-size:14px;color:#b9bfd4}
.shell nav button.active{background:#25203e;color:#c8beff}
.shell nav button:hover{background:#1b1c30;color:#e2dcff}
.shell h1{color:#f8f9ff;font-size:clamp(28px,3vw,36px);line-height:1.2}
.shell h2,.shell h3{color:#f1f1ff}
.shell .sub,.shell .row p,.shell .faq p{color:var(--muted);font-size:16px}
.shell .panel{background:#131725;border-color:#303449;box-shadow:0 12px 30px #0002}
.shell .panelhead{border-color:var(--line)}
.shell .panelbottom{background:#101420;border-color:var(--line);font-size:14px;line-height:1.5;gap:16px;flex-wrap:wrap}
.shell .notice{background:#19162d;border-color:#3c3459;color:#c8c0e5;font-size:14px;line-height:1.6}
.shell .btn,dialog .btn{background:#1b1f31;border-color:#41465d;color:#eceaff;font-size:14px;min-height:44px}
.shell .btn.primary,dialog .btn.primary{background:#b5aaff;border-color:#b5aaff;color:#17112d;box-shadow:0 4px 18px #a496ff18;font-weight:600}
.shell .pill{background:#28223e;color:#d0c5ff;font-size:14px}
.shell .textbtn,.shell .eyebrow{color:#c0b3ff;font-size:14px}
.shell label{font-size:16px;color:#e4e5f2}
.shell input,.shell textarea,dialog input,dialog textarea{background:#0d111e;color:#f4f3ff;border-color:#43485f;font-size:16px;line-height:1.5}
.shell input::placeholder,.shell textarea::placeholder,dialog input::placeholder,dialog textarea::placeholder{color:#a1a8c0;opacity:1}
.shell .hint,.shell .metric span{color:#aeb5cb;font-size:14px;line-height:1.6}
.shell .tone button{background:#171b2b;border-color:#41465d;color:#bfc4d9;font-size:14px;min-height:42px}
.shell .tone button.selected{background:#30264c;border-color:#a89be9;color:#e0d6ff}
.shell .swatch{border-color:#131725;box-shadow:0 0 0 1px #606680;width:30px;height:30px}
.shell .swatch.selected{box-shadow:0 0 0 2px #c5b8ff}
.shell .previewlabel{color:#d8d8eb;font-size:16px}
.shell .chathead{background:#18142c;border-bottom:1px solid #3b3256}
.shell .chathead small{color:#bbb4d5;font-size:14px}
.shell .messages{background:#0e1220}
.shell .bubble{background:#26293c;color:#f0f0fd;font-size:16px}
.shell .bubble.user{background:var(--purple);color:#fff}
.shell .bubble small{font-size:14px;opacity:1;color:#b9bfd4}
.shell .chips button{background:#191d30;border-color:#41465d;color:#cec5f3;font-size:14px;min-height:40px}
.shell .chatform{background:#131725;border-color:var(--line)}
.shell .chatform input{background:transparent}
.shell .send{background:#b5aaff;color:#17112d;width:44px;min-height:44px;font-size:22px}
.shell .powered{color:#b0b6cc;font-size:14px;background:#131725;padding:7px 0 14px}
.shell .row strong{font-size:16px;color:#edeefb}
.shell .row .btn{font-size:14px}
.shell .faq h3{font-size:18px}
.shell .convbutton{font-size:16px;color:#ebebf9}
.shell .convbutton.active{background:#26203f}
.shell .convbutton:hover{background:#1c2033}
.shell .convbutton small{font-size:14px;line-height:1.5;color:#b7bdd3}
.shell .empty{color:var(--muted)}
.shell .empty h2,.empty h2{color:#efedff}
.shell .empty p{font-size:16px}
.shell .review-actions .btn{font-size:14px}
.shell .detail-top{flex-wrap:wrap}
dialog{background:#141827;color:#f4f3ff;border-color:#41465d}
dialog label{font-size:16px}
dialog .sub{font-size:16px;color:#b0b6cc}
dialog::backdrop{background:#050710b8}
#toast{background:#28213f;border:1px solid #574777;color:#f4f0ff;max-width:calc(100% - 32px);line-height:1.5}
.shell button:focus-visible,.shell a:focus-visible,.shell input:focus-visible,.shell textarea:focus-visible,dialog button:focus-visible,dialog input:focus-visible,dialog textarea:focus-visible{outline:3px solid #c2b9ff;outline-offset:4px}
@media(max-width:600px){.shell nav button{font-size:14px;padding:9px 5px}.shell .heading{flex-wrap:wrap}.shell .heading>.btn{font-size:14px;padding:10px 14px}.shell .topbar .right{font-size:14px}.shell .panelbottom>span{max-width:none}.shell .panelhead{flex-wrap:wrap}.shell .review-actions{gap:10px}}

/* Device-local light/dark preference. */
.theme-toggle{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:8px 12px;border:1px solid #45465e;border-radius:10px;color:#ded8ff;background:#181629;font-size:14px;white-space:nowrap;flex-shrink:0}
.theme-toggle>span:first-child{font-size:22px;line-height:1}
:root[data-theme=light]{background:#f7f7fc;color:#202438;--muted:#5e647a;--line:#e0e2ef;--workspace-accent:#6854e7}
[data-theme=light] body,[data-theme=light] .shell{background:#f7f7fc;color:#202438}
[data-theme=light] .site{background:#fff;color:#202438}
[data-theme=light] .theme-toggle{background:#f2efff;color:#5340b3;border-color:#d2c9ee}
[data-theme=light] .siteheader .links{color:#5c6077}
[data-theme=light] .siteheader .btn,[data-theme=light] .hero .demo-link{background:#fff;color:#514294;border-color:#d6cdef}
[data-theme=light] .hero h1{color:#202438}
[data-theme=light] .hero h1 span,[data-theme=light] .hero .eyebrow,[data-theme=light] .section-heading .eyebrow,[data-theme=light] .step-number,[data-theme=light] .features .textbtn{color:#6450c6}
[data-theme=light] .hero p,[data-theme=light] .hero .pilot-note,[data-theme=light] .features p{color:#60667d}
[data-theme=light] .home-demo{border-color:#e2ddf1;box-shadow:0 20px 60px #49378114}
[data-theme=light] .how-section,[data-theme=light] .features>div,[data-theme=light] .sitefooter{border-color:#e3e3ef}
[data-theme=light] .sitefooter{color:#62687e}
[data-theme=light] .pilot-strip{background:#f5f2ff;border-color:#ddd5f1}
[data-theme=light] .pilot-strip p{color:#656079}
[data-theme=light] .sidebar,[data-theme=light] .topbar{background:#fff;border-color:#e0e2ef}
[data-theme=light] .workspace{background:#f8f7fd;border-color:#e0dced}
[data-theme=light] .avatar{background:#eeebff;color:#6650bf}
[data-theme=light] .shell nav button{color:#60667d}
[data-theme=light] .shell nav button.active{background:#eee9ff;color:#6046b8}
[data-theme=light] .shell nav button:hover{background:#f3efff;color:#6046b8}
[data-theme=light] .shell h1,[data-theme=light] .shell h2,[data-theme=light] .shell h3,[data-theme=light] .shell .row strong{color:#202438}
[data-theme=light] .shell .panel{background:#fff;border-color:#e0e2ef;box-shadow:0 8px 24px #22204c04}
[data-theme=light] .shell .panelbottom{background:#faf9fe}
[data-theme=light] .shell .notice{background:#f2effc;border-color:#e0d7f5;color:#65557f}
[data-theme=light] .shell .btn,[data-theme=light] dialog .btn{background:#fff;border-color:#d8dbea;color:#37374f}
[data-theme=light] .shell .btn.primary,[data-theme=light] dialog .btn.primary{background:#6854e7;border-color:#6854e7;color:#fff}
[data-theme=light] .shell .pill{background:#efe9fc;color:#6d52a1}
[data-theme=light] .shell .textbtn,[data-theme=light] .shell .eyebrow{color:#634cb4}
[data-theme=light] .shell label,[data-theme=light] dialog label{color:#30344a}
[data-theme=light] .shell input,[data-theme=light] .shell textarea,[data-theme=light] dialog input,[data-theme=light] dialog textarea{background:#fff;color:#30354b;border-color:#cdd2e3}
[data-theme=light] .shell input::placeholder,[data-theme=light] .shell textarea::placeholder,[data-theme=light] dialog input::placeholder,[data-theme=light] dialog textarea::placeholder{color:#737a91}
[data-theme=light] .shell .hint,[data-theme=light] .shell .metric span{color:#62697e}
[data-theme=light] .shell .tone button{background:#fff;border-color:#d8dbea;color:#64697e}
[data-theme=light] .shell .tone button.selected{background:#f0eaff;border-color:#b7a5e5;color:#6548aa}
[data-theme=light] .shell .swatch{border-color:#fff;box-shadow:0 0 0 1px #a5aac0}
[data-theme=light] .shell .swatch.selected{box-shadow:0 0 0 2px #6854e7}
[data-theme=light] .shell .previewlabel{color:#555b72}
[data-theme=light] .shell .chathead{background:#f2effc;border-color:#dfd6f4;color:#2c2543}
[data-theme=light] .shell .chathead small{color:#6e6484}
[data-theme=light] .shell .messages{background:#fcfbff}
[data-theme=light] .shell .bubble{background:#f0edf8;color:#383449}
[data-theme=light] .shell .bubble.user{background:var(--purple);color:#fff}
[data-theme=light] .shell .bubble small{color:#625d77}
[data-theme=light] .shell .chips button{background:#fff;border-color:#d8dbea;color:#66598b}
[data-theme=light] .shell .chatform,[data-theme=light] .shell .powered{background:#fff}
[data-theme=light] .shell .send{background:#6854e7;color:#fff}
[data-theme=light] .shell .powered{color:#697087}
[data-theme=light] .shell .convbutton{color:#30354b}
[data-theme=light] .shell .convbutton.active{background:#f0eaff}
[data-theme=light] .shell .convbutton:hover{background:#f6f3ff}
[data-theme=light] .shell .convbutton small{color:#62697e}
[data-theme=light] .shell .empty h2,[data-theme=light] .empty h2{color:#30354b}
[data-theme=light] dialog{background:#fff;color:#30354b;border-color:#d8dbea}
[data-theme=light] dialog .sub{color:#62697e}
[data-theme=light] dialog::backdrop{background:#22203855}
[data-theme=light] .shell button:focus-visible,[data-theme=light] .shell a:focus-visible,[data-theme=light] .shell input:focus-visible,[data-theme=light] .shell textarea:focus-visible,[data-theme=light] .site button:focus-visible,[data-theme=light] .site a:focus-visible,[data-theme=light] dialog :focus-visible{outline-color:#6854e7}
@media(max-width:600px){.theme-label{display:none}.theme-toggle{width:44px;padding:8px}.siteheader .links{gap:8px}.siteheader{padding-left:16px;padding-right:16px}.shell .topbar{padding-left:16px;padding-right:16px}.shell .topbar .right{gap:8px}.shell .topbar .right>.avatar{display:none}}

.voicebar{display:flex;align-items:center;gap:8px;padding:12px 16px 0;flex-wrap:wrap}.voicebar label{font-size:12px;margin:0;color:var(--muted)}.voicebar select{min-height:44px;border:1px solid var(--line);border-radius:9px;background:transparent;color:inherit;padding:6px 8px;font:inherit;font-size:13px;max-width:140px}.voicebar option{color:#202438;background:#fff}.voicebutton{min-height:44px;border:1px solid var(--line);border-radius:9px;padding:8px 14px;font-size:13px;color:var(--purple)}.voicebutton[aria-pressed=true]{background:var(--purple);color:white}.voicestatus{font-size:12px;color:var(--muted);margin:8px 16px;line-height:1.5}.voiceprivacy{font-size:11px;color:var(--muted);margin:6px 16px 12px}.listenbutton{display:block;min-height:44px;margin-top:6px;font-size:12px;color:var(--purple);padding:5px 0}.listenbutton[aria-pressed=true]{font-weight:700}.chatform .send{min-width:44px;min-height:44px}
.widget-grid{display:grid;grid-template-columns:minmax(290px,.85fr) minmax(390px,1.15fr);gap:24px;align-items:start}.widget-grid select{width:100%;font:inherit;font-size:14px;min-height:46px;border-radius:10px;border:1px solid var(--line);padding:10px 12px;background:transparent;color:inherit}.widget-grid option{background:#fff;color:#202438}.widget-code{font:13px/1.7 monospace;min-height:155px}.widget-stage{position:relative;min-height:720px;padding:32px;background:linear-gradient(135deg,#e8e1ff,#f9f8ff);color:#262137;overflow:hidden}.widget-stage h2{font-size:28px;max-width:320px;margin:18px 0}.widget-stage p{max-width:320px;font-size:15px;color:#676076}.widget-preview-cards{display:flex;gap:14px;margin-top:28px}.widget-preview-cards>div{height:100px;flex:1;border-radius:14px;background:#ffffff80;border:1px solid #ffffff}.widget-chat-frame.shell{display:flex;flex-direction:column;min-height:0;height:100dvh;padding:0}.widget-chat-frame .chat{display:flex;flex:1;min-height:0;flex-direction:column;border:0;border-radius:0;box-shadow:none}.widget-chat-frame .chathead{padding-right:48px}.widget-chat-frame .messages{flex:1;min-height:70px;height:auto}.widget-chat-frame .chips{max-height:92px;overflow:auto;padding-bottom:8px}.widget-chat-frame .voicebar{padding-top:8px}.widget-chat-frame .voiceprivacy{font-size:12px}.widget-frame-footer{padding:8px 14px;border-top:1px solid var(--line);font-size:12px;background:#131725;display:flex;gap:8px;flex-wrap:wrap;align-items:center}.widget-frame-footer .hint{margin:0;font-size:12px;width:100%}[data-theme=light] .widget-frame-footer{background:white}@media(max-width:1100px){.widget-grid{grid-template-columns:1fr}.widget-stage{min-height:720px}}@media(max-width:600px){nav button{font-size:11px;padding:9px 5px}.widget-stage{padding:24px 16px}.widget-stage h2{font-size:24px}}

.widget-options{display:grid;gap:12px;margin:22px 0}.widget-check{display:flex;align-items:center;gap:9px}.widget-check input{width:18px;height:18px;accent-color:var(--purple)}.widget-actions{padding:10px 16px 0;flex-shrink:0}.widget-actions>button{border:1px solid var(--purple);background:transparent;color:var(--purple);padding:8px 12px;border-radius:20px;margin:0 6px 6px 0;cursor:pointer}.interactive-card{border:1px solid #aaa2c655;border-radius:14px;padding:14px;margin:8px 0;max-height:290px;overflow:auto;background:var(--panel,#fff)}.interactive-card label{display:block;font-size:12px;margin:8px 0 4px}.interactive-card input,.interactive-card select,.interactive-card textarea{width:100%;border:1px solid #9996b855;border-radius:8px;padding:8px;background:transparent;color:inherit;font:inherit}.interactive-card p{font-size:13px;line-height:1.5;white-space:pre-wrap}.card-title{display:flex;align-items:center;justify-content:space-between}.card-title button{background:transparent;color:inherit;border:0;cursor:pointer;font-size:20px}.widget-minimal .chathead{border:0;background:transparent}.widget-minimal .orb{width:28px;height:28px;border-radius:8px}.widget-minimal .bubble{border-radius:6px;box-shadow:none}.widget-spotlight .chathead{background:var(--purple);color:#fff;padding:24px 48px 24px 20px}.widget-spotlight .chathead .sub,.widget-spotlight .chathead p{color:#ffffffbb}.widget-spotlight .orb{background:#ffffff25;color:#fff}.widget-spotlight .bubble.user{background:var(--purple);color:#fff}.widget-chat-frame .messages{min-height:55px}.widget-chat-frame .chathead{padding-right:46px}
.widget-chat-frame .interactive-card{background:#1b2031;color:#f8f9ff}[data-theme=light] .widget-chat-frame .interactive-card{background:#fff;color:#202438}.widget-chat-frame .widget-actions{max-height:38dvh;overflow:auto}.widget-chat-frame.shell.widget-spotlight .chathead{background:var(--purple);color:#fff}.widget-chat-frame.shell.widget-spotlight .chathead small{color:#ffffffcc}.widget-chat-frame.shell.widget-minimal .chathead{background:transparent}.widget-chat-frame .send{background:var(--purple)}.widget-chat-frame .widget-actions:has(.interactive-card)~.chips{display:none}
.widget-chat-frame .chat{overflow-y:auto}.widget-chat-frame .chathead,.widget-chat-frame .voicebar,.widget-chat-frame .chatform,.widget-chat-frame .powered{flex-shrink:0}
.action-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:24px 0}.action-tile{padding:26px;display:flex;flex-direction:column;gap:14px}.action-tile .sub{flex:1;line-height:1.65}.action-tile h2{font-size:22px}.action-icon{width:44px;height:44px;border-radius:12px;background:#6854e721;color:var(--purple);display:grid;place-items:center;font-size:24px}.action-links{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}.action-tile .widget-check{margin-top:8px}.widget-actions>button{min-height:40px}@media(max-width:1050px){.action-grid{grid-template-columns:1fr}.action-tile{padding:22px}}
.channel-overview{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:24px 0}.channel-tile{padding:24px;display:flex;align-items:flex-start;gap:14px;flex-wrap:wrap}.channel-tile>div{flex:1;min-width:170px}.channel-tile .sub{margin-top:8px;line-height:1.6}.channel-icon{width:44px;height:44px;background:#6854e722;color:var(--purple);border-radius:12px;display:grid;place-items:center;font-size:26px}.channel-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:24px;align-items:start}.channel-layout select{width:100%;min-height:46px;border:1px solid var(--line);border-radius:10px;padding:10px 12px;background:transparent;color:inherit;font:inherit}.channel-layout option{background:#fff;color:#202438}.voice-settings{padding-top:24px;border-top:1px solid var(--line);margin-top:24px}.voice-settings .sub{margin:10px 0 20px;line-height:1.6}.channel-steps{padding:24px 24px 10px 48px;margin:0}.channel-steps li{padding:0 0 18px 8px}.channel-steps p{color:var(--muted);font-size:14px;line-height:1.6;margin:7px 0}.channel-pending{border-top:1px solid var(--line)}.channel-pending .sub{margin-top:10px;line-height:1.6}.channel-tile .hint{width:100%;margin:0}.channel-layout .hint{font-size:13px;line-height:1.6}@media(max-width:1050px){.channel-overview,.channel-layout{grid-template-columns:1fr}}
.customer-page.shell{display:flex;flex-direction:column;max-width:760px;margin:0 auto;height:100dvh;min-height:0;padding:20px}.customer-page .chat{display:flex;flex-direction:column;flex:1;min-height:0;overflow:auto}.customer-page .messages{height:auto;flex:1;min-height:90px}.customer-page .chathead{flex-shrink:0;align-items:center;padding:20px}.customer-page .chathead h1{font-size:22px;margin:0}.customer-page .chathead small{font-size:13px}.customer-page .chathead>button{margin-left:auto;font-size:24px;min-width:44px;min-height:44px}.customer-avatar{background:var(--purple);color:#fff;width:42px;height:42px;border-radius:12px;display:grid;place-items:center;font-size:22px;font-weight:700;flex-shrink:0}.customer-actions{display:flex;flex-wrap:wrap;gap:8px;padding:16px}.customer-actions button{padding:8px 12px;border:1px solid var(--purple);border-radius:20px;color:var(--purple);min-height:40px;font-size:14px}.customer-page .powered,.customer-page .chatform{flex-shrink:0}.customer-preview-note{padding:10px;margin-bottom:12px;border-radius:10px;background:#6854e724;font-size:14px;color:var(--purple)}.customer-page dialog{width:min(520px,94vw);max-height:90dvh;overflow:auto}.customer-page #customerProductDetails{padding:0 16px;max-height:220px;overflow:auto}.customer-page #customerStatus{margin:8px 16px}.customer-page select,.import-dialog select{width:100%;padding:10px;border:1px solid var(--line);background:transparent;color:inherit;border-radius:9px;font:inherit}.customer-page option,.import-dialog option{background:#fff;color:#202438}.customer-unavailable{max-width:540px;margin:80px auto;padding:24px}.customer-access .sub{line-height:1.6}.customer-access input{width:100%;margin-top:8px;padding:12px;border:1px solid var(--line);border-radius:10px;background:transparent;color:inherit}.usage-panel progress{display:block;width:100%;height:12px;margin:16px 0;accent-color:var(--purple)}.usage-panel .sub{line-height:1.6}.import-dialog{width:min(780px,94vw);max-height:90dvh;overflow:auto}.import-draft{border:1px solid var(--line);border-radius:12px;padding:18px;margin:16px 0}.import-draft label{display:block;margin:10px 0}.import-draft .widget-check{display:flex}.import-draft input:not([type=checkbox]),.import-draft textarea{width:100%;background:transparent;color:inherit;border:1px solid var(--line);border-radius:9px;padding:10px}.customer-page .interactive-card{background:#1b2031;color:#fff}[data-theme=light] .customer-page .interactive-card{background:#fff;color:#202438}[data-theme=light] .customer-page{background:#f7f7fc}.customer-page .chips{max-height:110px;overflow:auto}.import-dialog [hidden]{display:none!important}@media(max-width:600px){.customer-page.shell{padding:0}.customer-page .chat{border-radius:0;border:0}.customer-preview-note{margin:0;border-radius:0}.customer-page .chathead h1{font-size:19px}}
.connection-details{margin-top:18px;font-size:14px;line-height:1.6}.connection-details summary{cursor:pointer;color:var(--purple)}.connection-details input{width:100%;border:1px solid var(--line);border-radius:10px;padding:10px;background:transparent;color:inherit}.customer-page.shell[data-embedded]{padding:0;width:100%;max-width:none}.customer-page[data-embedded] .chat{border:0;border-radius:0}.customer-page[data-embedded] .customer-preview-note{margin:0;border-radius:0;font-size:12px}.customer-page[data-embedded] .chathead{padding:16px}.customer-page[data-embedded] .chathead h1{font-size:18px}
.customer-page [hidden]{display:none!important}.customer-page .voicebar{padding:8px 18px 0;gap:12px}.customer-page .voicebar label{font-size:14px}.customer-page .voicebar select{width:auto;min-width:108px;font-size:14px;min-height:40px;padding:6px 10px}.customer-page .voiceprivacy{font-size:12px;line-height:1.5;margin:6px 18px 10px}.customer-page .voicestatus{font-size:14px;margin:8px 18px;line-height:1.5}.customer-page .chatform{margin:6px 16px 12px;border:1px solid var(--line);border-radius:28px;padding:6px;background:#1b2031;box-shadow:0 3px 12px #00000008}.customer-page .chatform input{min-width:0;border:0;background:transparent;font-size:16px;padding:9px 12px}.composer-mic{display:grid;place-items:center;min-width:44px;min-height:44px;border:0;border-radius:50%;color:var(--muted);background:transparent}.composer-mic:hover{background:#6854e715;color:var(--purple)}.customer-page .chatform .send{border-radius:50%;width:44px;height:44px;background:var(--purple);color:#fff}.recording-panel{padding:4px 16px 14px;flex-shrink:0}.recording-meta{display:flex;justify-content:space-between;padding:0 16px 7px;color:var(--muted);font-size:14px;font-variant-numeric:tabular-nums}.recording-meta span:first-child{color:var(--purple);font-weight:600}.recording-pill{display:flex;align-items:center;gap:12px;min-height:58px;padding:6px 8px;border:1px solid var(--line);border-radius:32px;background:#1b2031;box-shadow:0 4px 16px #00000009}.recording-pill button{display:grid;place-items:center;min-width:42px;min-height:42px;width:42px;height:42px;border-radius:50%;font-size:23px;line-height:1}.recording-cancel{background:transparent;color:var(--muted);border:1px solid var(--line)}.recording-cancel:hover{color:inherit;background:#6854e712}.recording-finish{background:#f2efff;color:#1c1925;border:0}.recording-finish:disabled{opacity:.45}.recording-wave{display:flex;align-items:center;justify-content:space-between;gap:2px;flex:1;min-width:0;height:32px;overflow:hidden}.recording-wave span{height:var(--bar-height,4px);width:2px;flex:1;max-width:3px;border-radius:2px;background:var(--muted);transition:height 70ms linear}.recording-wave[data-mode=transcribing]{opacity:.55;animation:voice-processing 1s ease-in-out infinite alternate}[data-theme=light] .recording-pill{background:#fff;border-color:#ddd9e9}[data-theme=light] .recording-finish{background:#17151d;color:#fff}[data-theme=light] .customer-page .chatform{background:#fff}@keyframes voice-processing{to{opacity:1}}@media(prefers-reduced-motion:reduce){.recording-wave{animation:none!important}.recording-wave span{transition:none}}

.voice-composer[hidden],.recording-panel[hidden]{display:none!important}.voice-composer.chatform{margin:6px 16px 12px;border:1px solid var(--line);border-radius:28px;padding:6px;background:#1b2031;gap:4px}.voice-composer.chatform input{min-width:0;border:0;background:transparent;font-size:16px;padding:9px 12px}.voice-composer.chatform .send{border-radius:50%;width:44px;height:44px;flex-shrink:0}.voice-composer .composer-mic{flex-shrink:0}.voice-composer .composer-mic:disabled{opacity:.4}[data-theme=light] .voice-composer.chatform{background:#fff}
/* Consistent navigation icons at every viewport size. */
.ui-icon{display:block;flex-shrink:0;width:22px;height:22px}.navicon{display:grid;place-items:center;flex:0 0 24px;width:24px;height:24px;font-size:inherit}.sidebar nav button{gap:12px;min-height:46px}.navlabel{white-space:nowrap;line-height:1.25}.theme-toggle>span:first-child{display:grid;place-items:center;line-height:1}.btn>.ui-icon{width:18px;height:18px}.sidebar nav button:focus-visible{outline:2px solid var(--purple);outline-offset:2px}@media(max-width:900px){.sidebar nav button{flex-shrink:0;gap:7px;padding:12px 14px;min-width:84px}.sidebar .navicon{flex:0 0 24px}.sidebar nav .navlabel{font-size:14px}.sidebar nav{scroll-padding-inline:16px}}@media(max-width:600px){.sidebar nav button{padding:12px;min-width:84px}.sidebar nav .navlabel{font-size:14px}.sidebar nav .ui-icon{width:22px;height:22px}}
.business-profile{margin-bottom:24px}.business-profile .sub{margin-bottom:22px}.profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 22px}.profile-grid textarea{width:100%;resize:vertical;min-height:96px;padding:12px;border:1px solid var(--line);border-radius:10px}.test-scenarios{padding:14px 16px;border-top:1px solid var(--line)}.test-scenarios label{display:block;font-size:14px;margin-bottom:8px}.test-scenarios select{width:100%;min-height:44px;padding:10px;background:transparent;color:inherit;border:1px solid var(--line);border-radius:10px;font:inherit;font-size:14px}.test-scenarios option{color:#202438;background:#fff}.test-scenarios .hint{margin:8px 0 0;font-size:14px;line-height:1.5}@media(max-width:700px){.profile-grid{grid-template-columns:1fr}}

/* A focused playground, with GomalChat's own palette. */
.playground{display:grid;grid-template-columns:330px minmax(0,1fr);gap:22px;align-items:start}.playground-settings{overflow:hidden;min-width:0}.playground-tabs{display:flex;border-bottom:1px solid var(--line);padding:6px;gap:2px}.playground-tabs button{flex:1;padding:12px 3px;font-size:13px;color:var(--muted);border-radius:9px;min-height:44px}.playground-tabs button[aria-selected=true]{background:#6854e71c;color:var(--workspace-accent);font-weight:600}.playground-pane{padding:24px}.playground [hidden]{display:none!important}.playground-pane h2{font-size:21px;line-height:1.35;margin:9px 0 20px}.playground-pane .eyebrow{font-size:11px;letter-spacing:.08em;text-transform:uppercase}.playground-pane .sub{font-size:15px;line-height:1.7}.playground-pane .field{margin-top:24px}.playground-pane label{font-size:14px}.playground-pane textarea{min-height:130px}.playground-pane .tone{gap:5px}.playground-pane .tone button{font-size:12px;padding:8px}.playground-status{display:grid;grid-template-columns:1fr auto;gap:14px;padding:18px 0;border-block:1px solid var(--line);font-size:13px}.playground-status span{color:var(--muted)}.playground-status strong{font-weight:500;text-align:right;overflow-wrap:anywhere}.playground .test-scenarios{padding:20px 0 0;border:0;margin-top:22px}.playground .test-scenarios select{width:100%;font-size:14px}.playground-publish{padding:20px 24px;border-top:1px solid var(--line)}.playground-publish .pill{font-size:12px}.playground-note{padding:16px;border:1px solid var(--line);border-radius:12px;font-size:14px;line-height:1.7;margin-top:22px;background:#6854e708}.playground-preview{min-width:0;border:1px solid var(--line);border-radius:18px;overflow:hidden}.playground-preview-head{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:16px 20px;background:#131725;border-bottom:1px solid var(--line)}.playground-preview-head>div{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.playground-preview-head strong{font-size:14px;font-weight:500}.playground-preview-head .pill{font-size:12px}.playground-preview-head .btn{font-size:12px;padding:9px 12px}.playground-canvas{padding:36px 24px 18px;background-color:#0c101c;background-image:radial-gradient(#5b567c55 1px,transparent 1px);background-size:18px 18px;min-height:740px}.playground .chatcol{max-width:560px;width:100%;margin:auto}.playground .chat{border-radius:20px;box-shadow:0 20px 60px #0003;overflow:hidden}.playground .chathead{padding:20px 24px}.playground .messages{height:350px;padding:24px;gap:18px}.playground .bubble{font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.85;max-width:92%;border-radius:16px;padding:14px 18px;unicode-bidi:plaintext}.playground .bubble.user{border-bottom-right-radius:5px}.playground .bubble:not(.user){align-self:flex-start;border-bottom-left-radius:5px}.playground .bubble[dir=auto]{text-align:start}.playground .chips{padding:0 20px 14px}.playground .chips button{font-size:12px}.playground .voicebar{padding-top:12px}.playground .voiceprivacy{font-size:11px;line-height:1.55}.playground .voicestatus:empty{display:none}.playground .powered{font-size:11px}.playground-credit{font-size:12px!important;text-align:center;margin:16px 0 0}.reply-sources{margin-top:12px;font-size:12px;white-space:normal;border-top:1px solid var(--line);padding-top:10px;color:var(--muted)}.reply-sources summary{cursor:pointer;min-height:28px;line-height:28px}.reply-sources ul{padding-inline-start:20px;margin:8px 0 0}.reply-sources li{margin:5px 0;line-height:1.6}.playground button:focus-visible,.reply-sources summary:focus-visible{outline:2px solid var(--purple);outline-offset:3px}
[data-theme=light] .playground-preview-head{background:#fff}[data-theme=light] .playground-canvas{background-color:#f6f5fb;background-image:radial-gradient(#bcb6d755 1px,transparent 1px)}[data-theme=light] .playground-tabs button[aria-selected=true]{color:#6044ae;background:#eee9ff}[data-theme=light] .playground .chat{box-shadow:0 18px 50px #30234a12}
@media(min-width:1500px){.playground{grid-template-columns:350px minmax(0,1fr)}.playground .messages{height:390px}}
@media(max-width:1100px){.playground{grid-template-columns:290px minmax(0,1fr);gap:16px}.playground-pane{padding:20px}.playground-canvas{padding:24px 12px}.playground-preview-head{padding:14px;flex-wrap:wrap}.playground .messages{padding:18px}.playground .voicebar{flex-wrap:wrap}}
@media(max-width:900px){.playground{grid-template-columns:1fr}.playground-pane{padding:22px}.playground-publish{padding:16px 22px}.playground-canvas{min-height:0;padding:24px 16px}.playground-settings{width:100%}.playground .messages{height:340px}.playground-status{max-width:460px}.playground-tabs button{font-size:14px}.playground .test-scenarios{margin-top:16px}}
@media(max-width:480px){.playground-canvas{padding:16px 8px}.playground .chathead{padding:16px}.playground .messages{padding:16px;height:320px}.playground .bubble{font-size:16px;padding:12px 14px}.playground-preview-head>div{gap:8px}.playground-pane{padding:20px}}

/* Expandable workspace navigation, preserving the compact mobile toolbar. */
.sidebar-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}.sidebar-heading .brand{font-size:21px;min-width:0}.sidebar-heading .mark{width:32px;height:34px;flex-shrink:0}.sidebar-toggle{display:grid;place-items:center;flex-shrink:0;width:40px;height:40px;border:1px solid var(--line);border-radius:10px;background:#6854e70d;color:var(--workspace-accent)}.sidebar-toggle:hover{background:#6854e720}.sidebar-toggle:focus-visible{outline:2px solid var(--purple);outline-offset:3px}.sidebar-heading .brand .mark{margin-right:0}.shell.sidebar-collapsed{grid-template-columns:76px minmax(0,1fr)}.sidebar-collapsed .sidebar{padding:24px 12px;gap:24px}.sidebar-collapsed .sidebar-heading{justify-content:center}.sidebar-collapsed .sidebar-heading .brand,.sidebar-collapsed .workspace,.sidebar-collapsed .sidebottom{display:none}.sidebar-collapsed .sidebar nav{gap:8px;overflow:visible}.sidebar-collapsed .sidebar nav button{position:relative;justify-content:center;min-width:0;width:50px;padding:12px;gap:0}.sidebar-collapsed .navlabel{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.sidebar-collapsed .sidebar nav button:hover::after,.sidebar-collapsed .sidebar nav button:focus-visible::after{content:attr(aria-label);position:absolute;left:calc(100% + 10px);top:50%;transform:translateY(-50%);padding:9px 12px;background:#25203e;color:#fff;border:1px solid #514769;border-radius:8px;font-size:14px;white-space:nowrap;z-index:30;box-shadow:0 4px 14px #0003;pointer-events:none}
@media(min-width:601px){.sidebar-heading .brand{font-size:0;gap:0}.sidebar-heading .brand::after{content:'GomalChat';font-size:20px;margin-left:8px}.sidebar-heading .mark{width:28px;height:30px}.sidebar-heading{gap:4px}.sidebar-toggle{width:32px;height:36px}}
@media(max-width:1100px) and (min-width:601px){.sidebar-heading .brand::after{font-size:16px}.sidebar-heading .mark{width:25px;height:27px}.sidebar-heading .brand::after{margin-left:5px}}
@media(max-width:600px){.shell.sidebar-collapsed{display:block}.sidebar-heading{justify-content:flex-end}.sidebar-heading .brand{display:none}.sidebar-heading .sidebar-toggle{width:40px;height:36px}.sidebar{gap:8px}.sidebar-collapsed .sidebar{padding:14px 16px;gap:8px}.sidebar-collapsed .sidebar nav{overflow-x:auto;justify-content:flex-start;gap:8px}.sidebar-collapsed .sidebar nav button{min-width:44px;width:44px;min-height:44px;padding:10px;flex-direction:column}.sidebar-collapsed .sidebar nav button:hover::after,.sidebar-collapsed .sidebar nav button:focus-visible::after{display:none}}

/* Honest plan comparison, before live billing is connected. */
.pricing-dialog{width:min(1000px,calc(100% - 32px));max-height:90dvh;padding:0;background:#111524;color:#f3f2ff;border:1px solid var(--line);border-radius:24px;overflow:auto;overscroll-behavior:contain}.pricing-dialog::backdrop{background:#080b15a8;backdrop-filter:blur(6px)}.pricing-header{padding:32px 36px 24px;display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.pricing-header h2{font-size:30px;line-height:1.2;margin:12px 0}.pricing-header p{color:#b0b6cc;font-size:16px;line-height:1.6;margin:0}.pricing-header .eyebrow{color:#b5aaff;font-size:14px}.pricing-close{width:44px;height:44px;border:1px solid var(--line);border-radius:50%;flex-shrink:0;font-size:26px;color:inherit;background:transparent}.pricing-cards{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:0 36px}.pricing-card{padding:26px;border:1px solid #34384e;border-radius:18px;display:flex;flex-direction:column;background:#171b2b}.pricing-featured{border-color:#a999ff;background:linear-gradient(155deg,#26203d,#171b2b 65%)}.pricing-badge{align-self:flex-start;font-size:12px;color:#d3caff;background:#b5aaff14;padding:7px 10px;border-radius:8px}.pricing-card h3{font-size:24px;margin:20px 0 14px}.pricing-price{font-size:46px;font-weight:600;letter-spacing:-.03em;margin:0;line-height:1.2}.pricing-price span{display:block;font-size:14px;color:#b0b6cc;letter-spacing:0;font-weight:400;margin-top:8px}.pricing-description{font-size:16px;line-height:1.6;color:#bfc4d9;margin:20px 0}.pricing-card ul{padding-inline-start:20px;margin:0 0 24px;font-size:14px;line-height:1.65}.pricing-card li{padding:5px 0}.pricing-card li::marker{color:#b5aaff}.pricing-card-footer{margin-top:auto;padding-top:20px;border-top:1px solid #383b52}.pricing-card-footer strong{font-size:14px}.pricing-card-footer p{font-size:14px;line-height:1.65;color:#b0b6cc;margin:10px 0 0}.pricing-faq{padding:30px 36px}.pricing-faq h3{font-size:20px;margin:0 0 12px}.pricing-faq details{border-bottom:1px solid #34384e;padding:14px 0}.pricing-faq summary{font-size:16px;cursor:pointer;line-height:1.6}.pricing-faq p{font-size:14px;line-height:1.7;color:#b0b6cc;margin:12px 0 0}.pricing-footer{padding:20px 36px;border-top:1px solid #34384e;display:flex;justify-content:space-between;align-items:center;gap:20px}.pricing-footer p{font-size:14px;color:#b0b6cc;margin:0;line-height:1.6}.pricing-dialog button:focus-visible,.pricing-faq summary:focus-visible{outline:2px solid #b5aaff;outline-offset:4px}.siteheader .pricing-link{font-size:14px;color:inherit;min-height:44px}.topbar .right>button[data-open-pricing]{min-height:44px}
[data-theme=light] .pricing-dialog{background:#fff;color:#202438;border-color:#deddea}[data-theme=light] .pricing-card{background:#faf9fe;border-color:#deddea}[data-theme=light] .pricing-featured{background:linear-gradient(155deg,#f0eaff,#faf9fe 65%);border-color:#9984ec}[data-theme=light] .pricing-badge{color:#6044ae;background:#eee9ff}[data-theme=light] .pricing-header .eyebrow{color:#6044ae}[data-theme=light] .pricing-header p,[data-theme=light] .pricing-description,[data-theme=light] .pricing-price span,[data-theme=light] .pricing-card-footer p,[data-theme=light] .pricing-faq p,[data-theme=light] .pricing-footer p{color:#5e647a}[data-theme=light] .pricing-card-footer,[data-theme=light] .pricing-faq details,[data-theme=light] .pricing-footer{border-color:#deddea}
@media(max-width:650px){.pricing-dialog{width:calc(100% - 20px);border-radius:18px}.pricing-header{padding:24px 20px}.pricing-header h2{font-size:25px}.pricing-cards{grid-template-columns:1fr;padding:0 20px}.pricing-card{padding:22px}.pricing-faq{padding:24px 20px}.pricing-footer{padding:20px;align-items:flex-start}.siteheader .links{flex-wrap:wrap;justify-content:flex-end}.topbar .right{flex-wrap:wrap}.topbar{height:auto;min-height:66px;padding-block:10px}}
.personal-ai-settings{padding:16px;border:1px solid var(--line);border-radius:12px;margin:18px 0}.personal-ai-settings summary{cursor:pointer;font-size:14px;line-height:1.6;color:var(--workspace-accent)}.personal-ai-settings .field{margin-bottom:0}

/* Compact two-position appearance switch. */
.theme-toggle{position:relative;display:inline-flex;align-items:center;justify-content:flex-start;gap:0;width:84px;min-width:84px;height:44px;min-height:44px;padding:3px;border:1px solid #42415a;border-radius:24px;background:#161a2b;color:#858aa7;box-shadow:inset 0 1px 4px #0003;isolation:isolate;cursor:pointer}.theme-toggle::before{content:'';position:absolute;left:3px;top:3px;width:38px;height:36px;border-radius:20px;background:#b5aaff;box-shadow:0 2px 8px #0003;transform:translateX(38px);transition:transform .2s ease,background .2s ease;z-index:-1}.theme-toggle>span.theme-option{display:grid;place-items:center;width:38px;height:36px;flex:0 0 38px;line-height:1}.theme-toggle .theme-moon{color:#201636}.theme-toggle svg{display:block;transition:color .2s ease}.theme-toggle:hover{border-color:#a698e8}.theme-toggle:focus-visible{outline:3px solid #a698e8;outline-offset:4px}[data-theme=light] .theme-toggle{background:#eeedf5;color:#8c879e;border-color:#d6d1e4;box-shadow:inset 0 1px 3px #30234a08}[data-theme=light] .theme-toggle::before{transform:translateX(0);background:#fff;box-shadow:0 2px 7px #30234a18}[data-theme=light] .theme-toggle .theme-sun{color:#6854e7}[data-theme=light] .theme-toggle .theme-moon{color:#8c879e}@media(max-width:600px){.theme-toggle{width:84px;min-width:84px;padding:3px}}@media(prefers-reduced-motion:reduce){.theme-toggle::before,.theme-toggle svg{transition:none}}
.whatsapp-icon{background:#fff!important;box-shadow:0 2px 8px #00000008}.whatsapp-icon img{display:block;width:36px;height:36px}
.usage-window-body{padding:0 36px 28px}.usage-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.usage-kpis>div{padding:22px;border:1px solid var(--line);border-radius:16px;background:#6854e709}.usage-kpis span{display:block;font-size:14px;color:var(--muted)}.usage-kpis strong{display:block;font-size:36px;line-height:1.3;margin-top:12px}.usage-kpis small{font-size:16px;color:var(--muted);font-weight:400}.usage-agent-card{display:flex;align-items:center;gap:16px;padding:22px;border:1px solid var(--line);border-radius:16px;margin-top:24px}.usage-agent-card .orb{width:42px;height:46px;flex-shrink:0}.usage-agent-card>div:nth-child(2){flex:1;min-width:0}.usage-agent-card h3{font-size:18px;overflow-wrap:anywhere;margin:0}.usage-agent-card p{font-size:14px;color:var(--muted);margin:7px 0 0;line-height:1.6}.usage-agent-card .pill{font-size:14px}.usage-dialog .hint{font-size:14px;color:var(--muted);line-height:1.7}.usage-history{border-top:1px solid var(--line);margin-top:26px;padding-top:24px}.usage-history-head{display:flex;justify-content:space-between;align-items:center;gap:16px}.usage-history-head h3{font-size:20px;margin:0}.usage-history-head label{display:flex;gap:10px;align-items:center;font-size:14px}.usage-history-head select{background:transparent;border:1px solid var(--line);border-radius:9px;color:inherit;min-height:44px;padding:8px;font:inherit}.usage-history-head option{background:#fff;color:#202438}.usage-history-stats{display:flex;gap:24px;font-size:14px;color:var(--muted);margin:22px 0}.usage-history-stats strong{color:inherit;font-size:20px}.usage-chart{height:180px;display:flex;align-items:flex-end;gap:6px;border-bottom:1px solid var(--line);padding:0 6px 22px;margin:20px 0 32px}.usage-chart-column{flex:1;min-width:0;height:100%;display:flex;align-items:flex-end;position:relative}.usage-chart-column>span{display:block;width:100%;background:linear-gradient(#b5aaff,#6854e7);border-radius:5px 5px 0 0}.usage-chart-column small{position:absolute;bottom:-23px;left:50%;transform:translateX(-50%);font-size:12px;color:var(--muted)}.usage-history-table summary{cursor:pointer;font-size:14px;padding:12px 0}.usage-dialog [hidden]{display:none!important}.usage-history-table td,.usage-history-table th{padding:12px 16px}.usage-dialog .orb{background-size:159px 122px;background-position:-17px -39px;border-radius:12px}.topbar .right>button[data-open-usage]{min-height:44px}
@media(max-width:650px){.usage-window-body{padding:0 20px 24px}.usage-kpis{gap:8px}.usage-kpis>div{padding:14px 10px}.usage-kpis strong{font-size:27px}.usage-kpis small{display:block;font-size:14px}.usage-kpis span{font-size:14px;line-height:1.5}.usage-agent-card{padding:16px;flex-wrap:wrap}.usage-history-head{flex-wrap:wrap}.usage-history-stats{gap:16px;flex-wrap:wrap}.usage-chart{gap:3px}}

/* Homepage: a controllable, animated product story. */
.site .hero{grid-template-columns:1fr;max-width:1240px;gap:48px;padding-top:58px}
.hero .hero-copy{max-width:850px;margin:auto;text-align:center}
.hero .hero-copy p{margin-left:auto;margin-right:auto}
.hero .hero-actions{justify-content:center}
.home-showcase{width:100%;text-align:left;position:relative;overflow:hidden;border:1px solid #4b416e;border-radius:28px;background:radial-gradient(ellipse at 10% 80%,#6d4ee72e,transparent 60%),linear-gradient(130deg,#171329,#0b0d19 70%);box-shadow:0 30px 100px #0004}
.showcase-top,.showcase-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px 28px}
.showcase-kicker{font-size:14px;color:#c6bee0}
.showcase-motion{font-size:14px;padding:8px 14px;border:1px solid #686078;border-radius:99px;color:#eee9ff;min-width:70px;min-height:40px}
.showcase-stage{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1fr);gap:40px;align-items:center;padding:16px 40px 32px;min-height:490px}
.showcase-context h2{font-size:clamp(1.75rem,3vw,2.8rem);line-height:1.18;letter-spacing:-.04em;margin:20px 0 32px;max-width:370px;color:#f3f0ff}
.showcase-context .eyebrow{font-size:14px;color:#bcb0ff}
.showcase-flow{display:flex;flex-direction:column;align-items:flex-start;font-size:14px;color:#d3cbea}
.showcase-flow span{padding:12px 18px;border:1px solid #665486;border-radius:12px;background:#b59aff0b}
.showcase-flow i{height:32px;margin-left:28px;border-left:1px dashed #9880c5}
.showcase-stage .home-demo{margin:0;width:100%;max-width:none;border-radius:20px;box-shadow:0 20px 55px #0004;border:1px solid #d8d3ea;background:#fff;overflow:hidden}
.showcase-stage .demo-heading{padding:20px;background:#f3f0ff}
.showcase-stage .demo-heading strong{font-size:16px;color:#252137}
.showcase-stage .demo-heading span:not(.mark){font-size:14px;color:#625c7b}
.showcase-stage .demo-conversation{height:340px;gap:12px;padding:22px 20px;justify-content:flex-start;overflow:auto;background:#fff}
.hero .showcase-stage .demo-bubble{font-size:15px;line-height:1.55;margin:0;padding:12px 14px;max-width:95%;background:#f0edf7;color:#363046;flex-shrink:0}
.hero .showcase-stage .demo-bubble.customer{background:#6854e7;color:#fff}
.showcase-composer{display:flex;justify-content:space-between;align-items:center;margin:0 16px 16px;border:1px solid #ded9e9;border-radius:12px;padding:12px 14px;color:#797386;font-size:14px}
.showcase-composer svg{width:28px;height:28px;background:#6854e7;color:#fff;border-radius:8px;padding:5px}
.showcase-bottom{border-top:1px solid #403650;background:#ffffff03}
.showcase-tabs{display:flex;gap:8px;flex-shrink:0}
.showcase-tabs button{border:1px solid #675777;border-radius:99px;padding:10px 16px;color:#d7cde9;font-size:14px;min-height:44px}
.showcase-tabs button[aria-pressed=true]{background:#b9aaff;border-color:#b9aaff;color:#211632}
.showcase-disclaimer{font-size:14px;line-height:1.5;color:#b5acc8;max-width:350px}
.showcase-playing .demo-bubble{animation:showcase-message 14s both;animation-delay:var(--message-delay)}
.showcase-hidden .demo-bubble{animation-play-state:paused}
@keyframes showcase-message{0%{opacity:0;transform:translateY(12px)}4%,100%{opacity:1;transform:translateY(0)}}
[data-theme=light] .home-showcase{background:radial-gradient(ellipse at 10% 80%,#b79eff33,transparent 65%),linear-gradient(130deg,#f7f3ff,#eee9fa);border-color:#d5c9ee;box-shadow:0 24px 70px #6542a71a}
[data-theme=light] .showcase-context h2{color:#282035}
[data-theme=light] .showcase-kicker,[data-theme=light] .showcase-disclaimer,[data-theme=light] .showcase-flow{color:#665777}
[data-theme=light] .showcase-motion,[data-theme=light] .showcase-tabs button{border-color:#bba9d2;color:#59406e}
[data-theme=light] .showcase-tabs button[aria-pressed=true]{background:#6854e7;color:#fff;border-color:#6854e7}
[data-theme=light] .showcase-bottom,[data-theme=light] .showcase-flow span{border-color:#d5c5e6}
[data-theme=light] .showcase-stage .home-demo{box-shadow:0 20px 50px #6542a71a}
@media(max-width:900px){.showcase-stage{grid-template-columns:1fr;gap:24px;padding:10px 24px 28px}.showcase-context h2{max-width:none;font-size:28px;margin:12px 0 0}.showcase-flow{display:none}.showcase-bottom{flex-wrap:wrap}.showcase-disclaimer{max-width:none}.site .hero{max-width:760px;gap:32px}.showcase-stage .demo-conversation{height:350px}}
@media(max-width:600px){.site .hero{padding:30px 18px 40px}.home-showcase{border-radius:20px}.showcase-top,.showcase-bottom{padding:16px;gap:12px}.showcase-kicker{max-width:190px}.showcase-stage{padding:4px 14px 20px}.showcase-context h2{font-size:25px}.showcase-stage .demo-heading{padding:16px}.showcase-stage .demo-conversation{padding:18px 14px;height:390px}.hero .showcase-stage .demo-bubble{font-size:16px}.showcase-tabs{gap:6px;flex-wrap:wrap}.showcase-tabs button{padding:9px 14px}.showcase-stage .demo-heading span:not(.mark){line-height:1.4}.showcase-disclaimer{font-size:14px}}
@media(prefers-reduced-motion:reduce){.showcase-playing .demo-bubble{animation:none}}

/* A fuller marketing homepage with bilingual navigation. */
.expanded-home .siteheader{max-width:1240px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:22px 28px;padding:22px 32px;border-bottom:1px solid #2b253e}
.home-brand{grid-column:1;grid-row:1;justify-self:start}
.home-header-tools{grid-column:2;grid-row:1;display:flex;align-items:center;gap:20px}
.home-language{display:flex;align-items:center;gap:7px;margin:0;color:#c5bddb}
.home-language svg{width:20px;height:20px;flex-shrink:0}
.home-language select{font:inherit;font-size:14px;color:inherit;background:#151222;border:1px solid #4d4164;border-radius:8px;padding:8px 6px;min-height:40px;cursor:pointer}
.home-login{font-size:14px;padding:10px 0}
.home-navigation{grid-column:1;grid-row:2;display:flex;flex-direction:row;align-items:center;gap:32px;min-width:0;color:#c8c0d9;font-size:15px}
.home-navigation a,.home-navigation>button,.home-resources summary{padding:10px 0;font-size:15px;white-space:nowrap}
.home-navigation button:hover{background:transparent;color:#cabaff}
.home-resources{position:relative}
.home-resources summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:9px}
.home-resources summary::-webkit-details-marker{display:none}
.home-resources summary:after{content:'';border:solid currentColor;border-width:0 1.5px 1.5px 0;padding:3px;transform:rotate(45deg);margin-top:-4px}
.home-resources[open] summary:after{transform:rotate(225deg);margin-top:4px}
.home-resources>div{position:absolute;inset-inline-start:0;top:calc(100% + 8px);width:250px;z-index:10;background:#181326;box-shadow:0 16px 45px #0005;border:1px solid #57446e;border-radius:12px;padding:10px;display:flex;flex-direction:column;gap:4px}
.home-resources>div a,.home-resources>div button{text-align:start;padding:12px;font-size:14px;border-radius:8px;white-space:normal}
.home-resources>div a:hover,.home-resources>div button:hover{background:#302441}
.header-build{grid-row:2;grid-column:2;justify-self:end}
.expanded-home .hero h1{font-size:clamp(2.7rem,5.4vw,4.7rem);line-height:1.12;letter-spacing:-.05em}
.expanded-home .hero-copy>p{max-width:680px;font-size:20px;line-height:1.65}
.home-reassurance{display:flex;justify-content:center;gap:22px;flex-wrap:wrap;margin-top:24px;color:#bcb3cf;font-size:14px}
.home-reassurance span{display:flex;align-items:center;gap:8px}
.home-reassurance span:before{content:'';width:10px;height:6px;border-left:1.5px solid #b5aaff;border-bottom:1.5px solid #b5aaff;transform:rotate(-45deg)}
.home-live-example{display:inline-block;font-size:15px;margin-top:24px;color:#c3b4ff;text-decoration:underline;text-underline-offset:5px}
.home-section{max-width:1176px;margin:auto;padding:76px 32px;scroll-margin-top:24px;border-top:1px solid #2e273f}
.home-section-title{max-width:750px;margin-bottom:40px}
.home-section-title .eyebrow{font-size:14px;color:#b5aaff}
.home-section-title h2{font-size:clamp(1.9rem,3.3vw,2.75rem);line-height:1.2;letter-spacing:-.035em;margin:16px 0}
.home-section-title p{font-size:18px;color:#b7afc9;line-height:1.7;max-width:650px}
.home-benefits,.home-solutions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
.home-benefits h3,.home-tool-grid h3,.home-solutions h3{font-size:22px;line-height:1.3;margin:18px 0 12px;letter-spacing:-.025em}
.home-benefits p,.home-tool-grid p,.home-solutions p{font-size:16px;line-height:1.75;color:#b7afc9;margin:0}
.home-feature-icon{width:46px;height:46px;display:flex;align-items:center;justify-content:center;color:#c1b0ff;background:#302448;border-radius:12px}
.home-feature-icon svg{width:25px;height:25px}
.home-capabilities{background:#b59aff04}
.home-tool-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 48px}
.home-tool-grid article{display:flex;gap:20px;border-top:1px solid #40354e;padding-top:22px}
.home-tool-grid h3{margin-top:0}
.home-tool-number{font-size:15px;font-weight:600;color:#b3a0d2;line-height:1.8}
.home-solutions article{border-inline-start:2px solid #8062b5;padding-inline-start:22px}
.home-solutions h3{margin-top:0}
.expanded-home .how-section{max-width:1176px;padding:72px 32px}
.expanded-home .how-section h2{font-size:clamp(1.9rem,3.3vw,2.75rem)}
.home-faq{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1fr);gap:48px}
.home-faq-list details{border-bottom:1px solid #40354e;padding:20px 0}
.home-faq-list details:first-child{padding-top:0}
.home-faq-list summary{font-size:17px;font-weight:500;cursor:pointer;line-height:1.5;padding-inline-end:12px}
.home-faq-list p{font-size:16px;line-height:1.75;color:#b7afc9;margin:14px 0 2px}
.home-final{margin-top:28px;padding:44px;gap:40px;background:linear-gradient(120deg,#2c204a,#151020);border-color:#5f467e}
.home-final .eyebrow{color:#c7b7ff;font-size:14px}
.home-final h2{font-size:clamp(1.9rem,3.2vw,2.7rem);line-height:1.25;margin-top:16px;letter-spacing:-.03em}
.home-final p{max-width:650px;color:#b7afc9}
.home-footer{max-width:1240px;margin:auto;align-items:center;gap:24px}
.home-footer>div{display:flex;align-items:center;gap:24px}
.expanded-home[dir=rtl]{font-family:'DM Sans',Arial,sans-serif}
.expanded-home[dir=rtl] h1,.expanded-home[dir=rtl] h2,.expanded-home[dir=rtl] h3{letter-spacing:0;line-height:1.5}
.expanded-home[dir=rtl] .hero h1{font-size:clamp(2.4rem,5vw,4.2rem)}
.expanded-home[dir=rtl] .home-showcase{text-align:right}
.expanded-home[dir=rtl] .demo-bubble{letter-spacing:0;line-height:1.8}
[data-theme=light] .expanded-home .siteheader,[data-theme=light] .home-section{border-color:#e3ddeb}
[data-theme=light] .home-navigation,[data-theme=light] .home-language,[data-theme=light] .home-reassurance{color:#625373}
[data-theme=light] .home-language select,[data-theme=light] .home-resources>div{background:#fff;border-color:#d4c8e3}
[data-theme=light] .home-resources>div a:hover,[data-theme=light] .home-resources>div button:hover{background:#f1eafa}
[data-theme=light] .home-section-title p,[data-theme=light] .home-benefits p,[data-theme=light] .home-tool-grid p,[data-theme=light] .home-solutions p,[data-theme=light] .home-faq-list p,[data-theme=light] .home-final p{color:#625373}
[data-theme=light] .home-section-title .eyebrow,[data-theme=light] .home-final .eyebrow,[data-theme=light] .home-live-example{color:#6850ac}
[data-theme=light] .home-feature-icon{background:#eee6fb;color:#6c47b1}
[data-theme=light] .home-tool-grid article,[data-theme=light] .home-faq-list details{border-color:#d9cee6}
[data-theme=light] .home-final{background:linear-gradient(120deg,#ede3fc,#f8f5fc);border-color:#d4bee9}
@media(max-width:1000px){.home-navigation{gap:20px}.home-header-tools{gap:14px}.home-faq{gap:28px}.home-final{margin-left:24px;margin-right:24px}}
@media(max-width:760px){.expanded-home .siteheader{padding:18px 22px;gap:18px;grid-template-columns:1fr}.home-brand{grid-row:1;grid-column:1}.home-header-tools{grid-row:2;grid-column:1;justify-content:space-between;gap:12px}.home-navigation{grid-row:3;grid-column:1;justify-content:space-between;gap:12px;flex-wrap:wrap}.header-build{grid-row:4;grid-column:1;justify-self:stretch}.home-section,.expanded-home .how-section{padding:48px 22px}.home-benefits,.home-solutions{grid-template-columns:1fr;gap:30px}.home-tool-grid{grid-template-columns:1fr;gap:28px}.home-faq{grid-template-columns:1fr;gap:4px}.home-faq .home-section-title{margin-bottom:20px}.home-final{padding:28px;margin:20px 22px 40px}.home-reassurance{gap:12px 18px}.expanded-home .hero-copy>p{font-size:18px}.home-section-title p{font-size:17px}.home-footer{flex-direction:column;align-items:flex-start}.home-footer>div{flex-wrap:wrap;gap:20px}.home-resources>div{inset-inline-start:auto;inset-inline-end:0}.home-navigation a,.home-navigation>button,.home-resources summary{font-size:14px}.home-login{font-size:14px}}

/* Header refinement: a single baseline and a clear primary action. */
.expanded-home .siteheader{grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;column-gap:24px;row-gap:0;padding:24px 32px;min-height:96px}
.expanded-home .home-brand{grid-column:1;grid-row:1;white-space:nowrap}
.expanded-home .home-brand .brand{font-size:22px;letter-spacing:-.7px;gap:10px}
.expanded-home .home-navigation{grid-column:2;grid-row:1;justify-content:center;gap:22px}
.expanded-home .home-navigation>a,.expanded-home .home-navigation>button,.expanded-home .home-resources summary{font-size:14px;padding:12px 0;color:inherit;font-weight:500}
.expanded-home .home-header-tools{grid-column:3;grid-row:1;gap:14px}
.expanded-home .home-login{font-size:14px;white-space:nowrap}
.expanded-home .header-build{grid-column:4;grid-row:1;background:#6854e7;border:1px solid #6854e7;color:#fff;box-shadow:0 4px 16px #6854e71c;padding:13px 18px;font-size:14px;font-weight:600;min-height:46px;border-radius:10px;white-space:nowrap}
.expanded-home .header-build:hover{background:#5b46d5;border-color:#5b46d5}
.expanded-home .home-language{gap:6px;position:relative;border:1px solid #5c4c78;border-radius:99px;height:44px;padding:0 11px}
.expanded-home .home-language svg{width:18px;height:18px}
.expanded-home .home-language select{background:transparent;border:0;padding:0;min-height:40px;max-width:84px;border-radius:0}
.expanded-home .home-language select option{background:#191326;color:#eee9ff}
.expanded-home .home-header-tools .theme-toggle{height:44px;min-height:44px}
.home-menu-toggle{display:none;width:44px;height:44px;border:1px solid #54416c;border-radius:10px;align-items:center;justify-content:center}
.home-menu-toggle svg{width:22px;height:22px}
[data-theme=light] .expanded-home .header-build{background:#6854e7;color:#fff;border-color:#6854e7}
[data-theme=light] .expanded-home .home-language,[data-theme=light] .home-menu-toggle{border-color:#ddd4eb;background:#fff}
[data-theme=light] .expanded-home .home-language select{background:transparent}
[data-theme=light] .expanded-home .home-language select option{background:#fff;color:#362947}
@media(min-width:1051px) and (max-width:1200px){.expanded-home .siteheader{column-gap:16px;padding:22px 24px}.expanded-home .home-navigation{gap:16px}.expanded-home .home-header-tools{gap:10px}.expanded-home .home-login{display:none}.expanded-home .home-brand .brand{font-size:20px}.expanded-home .header-build{padding:12px 14px}}
@media(max-width:1050px){.expanded-home .siteheader{grid-template-columns:minmax(0,1fr) auto;gap:18px;padding:20px 22px;min-height:0}.expanded-home .home-brand{grid-row:1;grid-column:1}.expanded-home .home-menu-toggle{display:flex;grid-row:1;grid-column:2}.expanded-home .home-header-tools{grid-row:2;grid-column:1/-1;justify-content:flex-start;gap:16px}.expanded-home .home-login{margin-inline-start:auto;display:block}.expanded-home .header-build{grid-row:3;grid-column:1/-1;justify-self:stretch}.expanded-home .home-navigation{grid-row:4;grid-column:1/-1;display:none;justify-content:flex-start;gap:8px 24px;border-top:1px solid #3c2e50;padding-top:12px}.expanded-home.home-menu-open .home-navigation{display:flex}.expanded-home .home-navigation>a,.expanded-home .home-navigation>button,.expanded-home .home-resources summary{font-size:15px;min-height:44px}.expanded-home .home-resources>div{inset-inline-start:0;inset-inline-end:auto}.expanded-home .home-brand .brand{font-size:22px}[data-theme=light] .expanded-home .home-navigation{border-color:#e4ddec}}
@media(max-width:380px){.expanded-home .siteheader{padding:18px 16px}.expanded-home .home-header-tools{gap:10px}.expanded-home .home-login{font-size:13px}}

/* Header feature panels: mouse, touch, and keyboard navigation. */
.expanded-home .siteheader{position:relative;z-index:20}
.home-mega{position:static}
.expanded-home .home-navigation .mega-trigger{display:flex;align-items:center;gap:6px;padding:12px 0;font-size:14px;font-weight:500;white-space:nowrap;color:inherit;background:none;border-radius:0}
.mega-trigger svg{width:14px;height:14px;transition:transform .15s ease}
.mega-trigger[aria-expanded=true]{color:#c5afff!important}
.mega-trigger[aria-expanded=true] svg{transform:rotate(180deg)}
.mega-panel[hidden]{display:none!important}
.mega-panel{position:absolute;top:calc(100% - 1px);inset-inline:0;background:#14101f;border:1px solid #493754;border-radius:0 0 20px 20px;box-shadow:0 24px 60px #0005;overflow:hidden;color:#f2eefb;text-align:start}
.mega-body{display:grid;grid-template-columns:minmax(0,2fr) minmax(230px,1fr);gap:30px;padding:30px}
.mega-body h2{font-size:12px;text-transform:uppercase;letter-spacing:1.3px;color:#b4a5c8;margin:0 0 16px;font-weight:600}
.mega-feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 14px}
.expanded-home .home-navigation .mega-item{display:flex;gap:14px;align-items:flex-start;width:100%;text-align:start;border-radius:12px;padding:14px;font-size:16px;background:transparent;white-space:normal;min-height:84px}
.expanded-home .home-navigation .mega-item:hover,.expanded-home .home-navigation .mega-item:focus-visible{background:#2a1f3d;color:inherit}
.mega-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid #594371;background:#281c3b;border-radius:12px;color:#c1a7ff;flex-shrink:0}
.mega-icon svg{width:22px;height:22px}
.mega-item strong{display:block;font-size:16px;font-weight:600;line-height:1.4}
.mega-item small{display:block;font-size:14px;font-weight:400;line-height:1.55;color:#baaccb;margin-top:5px}
.mega-channels{border-inline-start:1px solid #3d2e4d;padding-inline-start:24px}
.mega-channels p{font-size:13px;color:#ac9fbe;line-height:1.6;padding:0 14px;margin:12px 0 0}
.mega-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:16px 30px;background:#b99aff06;border-top:1px solid #3d2e4d}
.expanded-home .home-navigation .mega-footer a,.expanded-home .home-navigation .mega-footer button{font-size:14px;padding:8px 0;color:#c5afff;text-align:start}
.mega-solution-grid{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
[data-theme=light] .mega-panel{background:#fff;border-color:#ddd4e9;color:#292234;box-shadow:0 24px 55px #49336524}
[data-theme=light] .mega-body h2,[data-theme=light] .mega-channels p{color:#766383}
[data-theme=light] .mega-item small{color:#72627e}
[data-theme=light] .mega-icon{background:#f4edff;border-color:#e2d5f3;color:#7952b6}
[data-theme=light] .expanded-home .home-navigation .mega-item:hover,[data-theme=light] .expanded-home .home-navigation .mega-item:focus-visible{background:#f6f1fc}
[data-theme=light] .mega-channels,[data-theme=light] .mega-footer{border-color:#e7dfed}
[data-theme=light] .mega-trigger[aria-expanded=true],[data-theme=light] .expanded-home .home-navigation .mega-footer a,[data-theme=light] .expanded-home .home-navigation .mega-footer button{color:#6f49aa!important}
@media(max-width:1050px){.home-mega{width:100%}.expanded-home .home-navigation .mega-trigger{width:100%;justify-content:space-between;font-size:16px;padding:12px 4px;min-height:48px}.mega-panel{position:static;border-radius:16px;width:100%;box-shadow:none;margin:2px 0 10px}.mega-body{grid-template-columns:1fr;padding:18px;gap:22px}.mega-feature-grid{gap:6px}.mega-channels{border-inline-start:0;border-top:1px solid #3d2e4d;padding-inline-start:0;padding-top:20px}.mega-solution-grid{grid-template-columns:1fr}.mega-footer{padding:12px 22px}.expanded-home .home-navigation .mega-item{padding:12px;min-height:0}.mega-body h2{font-size:13px}}
@media(max-width:620px){.mega-feature-grid{grid-template-columns:1fr}.mega-body{padding:14px}.mega-item strong{font-size:16px}.mega-item small{font-size:14px}.mega-icon{width:40px;height:40px}.mega-footer{padding:12px 20px}}
@media(prefers-reduced-motion:reduce){.mega-trigger svg{transition:none}}

/* Compact homepage utility controls. */
.expanded-home .home-header-tools{gap:10px}
.expanded-home .home-header-tools .theme-toggle{width:36px;min-width:36px;height:36px;min-height:36px;padding:0;display:grid;place-items:center;border:1px solid transparent;border-radius:8px;background:transparent;color:#beb3cf;box-shadow:none;isolation:auto}
.expanded-home .home-header-tools .theme-toggle::before{display:none}
.expanded-home .home-header-tools .theme-toggle>span.theme-option{width:18px;height:18px;flex:none;color:inherit}
.expanded-home .home-header-tools .theme-toggle .theme-moon{display:none}
.expanded-home .home-header-tools .theme-toggle svg{width:18px;height:18px}
.expanded-home .home-header-tools .theme-toggle:hover{background:#b99aff10;border-color:#b99aff22;color:#ece4fa}
.expanded-home .home-language{height:36px;min-height:36px;padding:0 4px;gap:5px;border:1px solid transparent;border-radius:8px;background:transparent;color:#beb3cf}
.expanded-home .home-language svg{width:16px;height:16px;stroke-width:1.6}
.expanded-home .home-language select{height:34px;min-height:34px;font-size:14px;padding:0 2px;max-width:70px;cursor:pointer;color:inherit;background:transparent}
.expanded-home .home-language:hover{background:#b99aff10;border-color:#b99aff22;color:#ece4fa}
.expanded-home .home-language:focus-within{outline:2px solid #b7a1e7;outline-offset:3px}
.expanded-home .home-language select:focus-visible{outline:none}
[data-theme=light] .expanded-home .home-header-tools .theme-toggle,[data-theme=light] .expanded-home .home-language{background:transparent;border-color:transparent;color:#6a5e78;box-shadow:none}
[data-theme=light] .expanded-home .home-header-tools .theme-toggle .theme-sun{display:none}
[data-theme=light] .expanded-home .home-header-tools .theme-toggle .theme-moon{display:grid;color:inherit}
[data-theme=light] .expanded-home .home-header-tools .theme-toggle:hover,[data-theme=light] .expanded-home .home-language:hover{background:#7152a009;border-color:#7152a01c;color:#4d3569}
@media(max-width:1050px){.expanded-home .home-header-tools .theme-toggle{width:44px;min-width:44px;height:44px;min-height:44px}.expanded-home .home-language{height:44px;min-height:44px}.expanded-home .home-language select{height:42px;min-height:42px}.expanded-home .home-header-tools{gap:8px}}
.expanded-home .home-header-tools .theme-sun svg circle,.expanded-home .home-header-tools .theme-moon svg path{fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}

/* One restrained theme control across all workspaces and customer chats. */
.theme-toggle,.shell .theme-toggle,#customerTheme.theme-toggle{display:grid;place-items:center;position:relative;width:36px;min-width:36px;height:36px;min-height:36px;padding:0;gap:0;border:1px solid transparent;border-radius:8px;background:transparent;color:#bdb2ce;box-shadow:none;isolation:auto}
.theme-toggle::before{display:none}
.theme-toggle>span.theme-option{width:18px;height:18px;flex:none;color:inherit}
.theme-toggle .theme-moon{display:none}
.theme-toggle svg{width:18px;height:18px}
.theme-toggle .theme-sun svg circle,.theme-toggle .theme-moon svg path{fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.theme-toggle:hover{background:#b99aff10;border-color:#b99aff22;color:#ece4fa}
[data-theme=light] .theme-toggle,[data-theme=light] .shell .theme-toggle,[data-theme=light] #customerTheme.theme-toggle{background:transparent;border-color:transparent;color:#6a5e78;box-shadow:none}
[data-theme=light] .theme-toggle .theme-sun{display:none}
[data-theme=light] .theme-toggle .theme-moon{display:grid;color:inherit}
[data-theme=light] .theme-toggle:hover{background:#7152a009;border-color:#7152a01c;color:#4d3569}
@media(pointer:coarse){.theme-toggle,.shell .theme-toggle,#customerTheme.theme-toggle{width:44px;min-width:44px;height:44px;min-height:44px}}

/* Arabic remains readable in navigation, knowledge fields, and replies. */
[lang=ar]{font-family:Arial,'Tahoma',sans-serif;letter-spacing:0;line-height:1.85}
.expanded-home[lang=ar] .hero-copy>p{font-size:22px;line-height:1.9}
.expanded-home[lang=ar] .home-section-title p,.expanded-home[lang=ar] .home-benefits p,.expanded-home[lang=ar] .home-tool-grid p,.expanded-home[lang=ar] .home-solutions p,.expanded-home[lang=ar] .features p,.expanded-home[lang=ar] .home-faq-list p,.expanded-home[lang=ar] .home-final p{font-size:20px;line-height:1.9}
.expanded-home[lang=ar] .mega-item small,.expanded-home[lang=ar] .mega-item strong{font-size:18px;line-height:1.8}
.expanded-home[lang=ar] .home-navigation .mega-trigger,.expanded-home[lang=ar] .home-navigation>a,.expanded-home[lang=ar] .home-navigation>button,.expanded-home[lang=ar] .header-build,.expanded-home[lang=ar] .home-login,.expanded-home[lang=ar] .eyebrow,.expanded-home[lang=ar] .home-reassurance,.expanded-home[lang=ar] .home-faq-list summary{font-size:18px;line-height:1.7;letter-spacing:0}
.expanded-home[lang=ar] .showcase-disclaimer,.expanded-home[lang=ar] .showcase-kicker,.expanded-home[lang=ar] .showcase-tabs button{font-size:17px;line-height:1.8}
.bubble[data-arabic-text],.playground .bubble[data-arabic-text],.hero .demo-bubble[data-arabic-text],.customer-page .bubble[data-arabic-text]{font-size:20px!important;line-height:1.9!important;font-family:Arial,Tahoma,sans-serif;letter-spacing:0;overflow-wrap:anywhere}
input[data-arabic-text],textarea[data-arabic-text],.faq h3[data-arabic-text],.faq p[data-arabic-text],.convdetail [data-arabic-text]{font-size:20px!important;line-height:1.85!important;letter-spacing:0;font-family:Arial,Tahoma,sans-serif}
small[data-arabic-text],button[data-arabic-text],label[data-arabic-text],.hint[data-arabic-text]{font-size:18px;line-height:1.8;letter-spacing:0}
@media(max-width:600px){.expanded-home[lang=ar] .hero-copy>p{font-size:20px}.expanded-home[lang=ar] .home-header-tools{gap:6px}.expanded-home[lang=ar] .demo-conversation{height:440px}}

/* Interface language is available in every workspace and public chat. */
.interface-language{display:inline-flex;align-items:center;gap:5px;margin:0;padding:0 4px;border:1px solid transparent;border-radius:8px;color:var(--muted);min-height:36px;flex-shrink:0}
.interface-language>svg{width:16px;height:16px;flex-shrink:0}
.interface-language select{font:inherit;font-size:14px;color:inherit;background:transparent;border:0;min-height:34px;padding:0 2px;max-width:92px;cursor:pointer}
.interface-language select option{color:#292234;background:#fff}
.interface-language:hover{background:#b99aff10;border-color:#b99aff22}
.interface-language:focus-within{outline:2px solid #b7a1e7;outline-offset:3px}
.interface-language select:focus-visible{outline:none}
.customer-page .chathead .interface-language{margin-inline-start:auto;color:inherit}
.customer-page .chathead #customerTheme{margin-inline-start:0}
.customer-page .chathead{flex-wrap:wrap;gap:12px}
:root[data-ui-language=ar] .shell{font-family:Arial,Tahoma,sans-serif}
:root[data-ui-language=ar] .shell nav button,:root[data-ui-language=ar] td,:root[data-ui-language=ar] th,:root[data-ui-language=ar] .convbutton{text-align:start}
:root[data-ui-language=ar] .sidebar{border-right:0;border-inline-end:1px solid var(--line)}
:root[data-ui-language=ar] .shell h1,:root[data-ui-language=ar] .shell h2,:root[data-ui-language=ar] .shell h3{letter-spacing:0;line-height:1.5}
:root[data-ui-language=ar] .shell button,:root[data-ui-language=ar] .shell label,:root[data-ui-language=ar] dialog button,:root[data-ui-language=ar] .shell .sub,:root[data-ui-language=ar] dialog .sub{font-size:18px;line-height:1.7}
:root[data-ui-language=ar] .shell p,:root[data-ui-language=ar] dialog p{line-height:1.9}
:root[data-ui-language=ar] .sidebar-collapsed .navlabel{inset-inline-start:calc(100% + 10px);left:auto;right:auto}
:root[data-ui-language=ar] .shell .topbar .right{direction:rtl}
@media(max-width:700px){.shell .topbar{height:auto;min-height:84px;flex-wrap:wrap;gap:12px;padding-top:16px;padding-bottom:16px}.shell .topbar .right{gap:10px;flex-wrap:wrap}.interface-language{min-height:44px}.interface-language select{min-height:42px}.customer-page .chathead>div:nth-child(2){flex:1;min-width:130px}.customer-page .chathead .interface-language{margin-inline-start:0}}
.integration-summary,.integration-layout{display:grid;grid-template-columns:1.5fr 1fr;gap:24px;margin-bottom:24px}.integration-summary h2{margin:12px 0}.integration-layout .panelbody{display:grid;gap:14px}.integration-layout .action-links{display:flex}.integration-history{overflow:auto}.integration-history .row{gap:16px}.integration-history .row>div{flex:1;min-width:0}@media(max-width:850px){.integration-summary,.integration-layout{grid-template-columns:1fr;gap:16px}.integration-history .row{flex-wrap:wrap}.integration-history .row>div{flex-basis:60%}}
.integration-catalog{margin-bottom:24px}.catalog-heading{display:flex;justify-content:space-between;gap:24px;align-items:center;margin-bottom:18px}.catalog-heading h2{margin:0 0 8px}.catalog-search{min-width:240px}.integration-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:20px}.integration-card[hidden]{display:none}.integration-card .panelbody{height:100%;display:flex;flex-direction:column;align-items:flex-start;gap:12px}.integration-card h3{margin:0;font-size:20px}.integration-card .sub{flex:1;margin:0}.integration-card .btn{width:100%;margin-top:6px}.integration-appmark{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:color-mix(in srgb,var(--app-color) 12%,transparent);color:var(--app-color);font-weight:750;font-size:24px}.recipe-guide{margin-bottom:24px;scroll-margin-top:20px}.recipe-guide .panelbody{display:grid;gap:14px}.recipe-guide .btn{justify-self:start}.recipe-fields{border:1px solid var(--line);border-radius:12px;overflow:hidden}.recipe-fields>div{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:12px 16px;border-bottom:1px solid var(--line)}.recipe-fields>div:last-child{border-bottom:0}.recipe-fields code{direction:ltr;text-align:left;overflow-wrap:anywhere}@media(max-width:1050px){.integration-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.integration-cards{grid-template-columns:1fr}.catalog-heading{display:block}.catalog-search{display:block;margin-top:16px}.recipe-fields>div{grid-template-columns:1fr;gap:6px}}
#integrationFilters{display:flex;flex-wrap:wrap;gap:6px}#integrationFilters button{flex-shrink:0}
.integration-appmark{width:52px;height:52px;background:#fff;border:1px solid #e6e7ee;border-radius:13px;box-shadow:0 2px 6px #15152b08;flex-shrink:0}.integration-appmark img{display:block;object-fit:contain;max-width:36px;max-height:36px;width:36px;height:36px}.integration-guide-title{display:flex;align-items:center;gap:14px;margin:0}.integration-card .panelbody{gap:14px}.integration-card .integration-appmark{margin-bottom:3px}
/* Homepage product film: native UI motion, with no media download. */
.expanded-home .hero{position:relative;isolation:isolate;overflow:hidden}.expanded-home .hero:before{content:'';position:absolute;z-index:-1;width:650px;height:650px;top:-150px;inset-inline-end:-180px;border-radius:50%;background:radial-gradient(circle,#825ce524,transparent 67%);animation:home-ambient 16s ease-in-out infinite alternate;pointer-events:none}@keyframes home-ambient{to{transform:translate(-60px,80px) scale(1.15)}}
.home-tour-section{padding-top:30px}.product-film{border:1px solid #544572;border-radius:26px;overflow:hidden;background:radial-gradient(ellipse at 35% 55%,#673ca640,transparent 68%),#14101f;box-shadow:0 26px 80px #120b3426;color:#f4f0ff}.film-top{display:flex;justify-content:space-between;align-items:center;padding:20px 28px;border-bottom:1px solid #ffffff12}.film-title{display:flex;align-items:center;gap:10px;font-size:14px;color:#c9bce4}.film-title svg{width:18px;height:18px}.film-control{padding:9px 16px;border:1px solid #695580;border-radius:99px;font-size:14px;color:#f1eaff;min-height:40px}.film-control:hover{background:#ffffff0d}.film-stage{min-height:390px;display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1fr);gap:50px;padding:44px 60px;align-items:center;position:relative}.film-caption h3{font-size:clamp(28px,3.5vw,46px);letter-spacing:-.035em;line-height:1.15;margin:14px 0 28px;max-width:300px}.film-step{font-size:14px;letter-spacing:.16em;color:#bba2f8}.film-step-track{display:flex;gap:7px}.film-step-track span{width:34px;height:3px;background:#584667;border-radius:5px}.product-film[data-phase="0"] .film-step-track span:first-child,.product-film[data-phase="1"] .film-step-track span:nth-child(2),.product-film[data-phase="2"] .film-step-track span:last-child{background:#bb9bff}.film-window{background:#fff;color:#282436;border-radius:18px;box-shadow:0 20px 70px #0004;border:1px solid #dfd5ed;overflow:hidden;transform:perspective(1000px) rotateY(-3deg) rotateX(2deg);transition:transform .6s}.film-window:hover{transform:perspective(1000px) rotateY(0) rotateX(0)}.film-window-header{padding:16px 20px;display:flex;align-items:center;gap:12px;border-bottom:1px solid #eae4f0;background:#f6f2fb;font-size:15px}.film-window-header .mark{width:30px;height:30px;border-radius:9px}.film-window-dot{width:7px;height:7px;border-radius:50%;background:#6854e7;margin-inline-start:auto}.film-panels{position:relative;min-height:240px;padding:24px}.film-panel[hidden]{display:none}.film-panel{display:flex;flex-direction:column;gap:18px;animation:film-panel-enter .6s both}.film-panel .eyebrow{color:#847391;font-size:12px}.film-knowledge{display:flex;gap:14px;align-items:start;padding:18px;border:1px solid #e5dced;border-radius:12px}.film-knowledge>span{color:#6854e7}.film-knowledge strong{font-size:16px;line-height:1.6}.film-knowledge p,.film-inbox p{font-size:14px;line-height:1.65;color:#73687e;margin:6px 0 0}.film-confirm{display:flex;gap:8px;align-items:center;font-size:14px;color:#367f67;padding:0 4px}.film-confirm svg{width:17px;height:17px}.film-chat{padding:13px 16px;font-size:16px;line-height:1.65;border-radius:16px;max-width:94%;margin:0}.film-chat.customer{background:#6854e7;color:#fff;align-self:flex-end;border-end-end-radius:5px}.film-chat.assistant{background:#f1ecf8;color:#443b53;align-self:flex-start;border-end-start-radius:5px}.film-playing .film-chat.assistant{animation:film-panel-enter .65s .55s both}.film-inbox{display:flex;gap:12px;align-items:center;padding:18px;background:#f5f0fc;border:1px solid #e1d5f3;border-radius:12px}.film-inbox strong{font-size:16px}.film-inbox-icon{display:grid;place-items:center;background:#6854e7;border-radius:9px;width:36px;height:36px;color:white;flex-shrink:0}.film-request-badge{margin-inline-start:auto;border-radius:99px;padding:4px 9px;color:#6854e7;background:#e3d8fa;font-size:14px}.film-result{font-size:14px;line-height:1.7;margin:0;color:#776882}.film-playing .film-inbox{animation:film-panel-enter .6s .6s both}.film-typing{display:flex;gap:5px}.film-typing i{width:5px;height:5px;border-radius:50%;background:#b09bca}.film-playing .film-typing i{animation:film-dot 1.3s infinite}.film-typing i:nth-child(2){animation-delay:.15s}.film-typing i:nth-child(3){animation-delay:.3s}@keyframes film-dot{50%{transform:translateY(-3px);opacity:.5}}@keyframes film-panel-enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
.film-timeline{padding:4px 28px 0}.film-progress{height:3px;border-radius:4px;overflow:hidden;background:#463652}.film-progress>span{display:block;height:100%;width:100%;transform:scaleX(0);transform-origin:left;background:linear-gradient(90deg,#835ef1,#dbc8ff);transition:transform .12s linear}.film-chapters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding-top:20px}.film-chapters button{display:flex;align-items:center;gap:10px;text-align:start;color:#b5a4c5;background:transparent;font-size:14px;min-height:44px;padding:6px}.film-chapters button span{font-size:12px;color:#8f79a4}.film-chapters button[aria-pressed=true]{color:#fff}.film-disclaimer{margin:0;padding:18px 28px 24px;font-size:13px;line-height:1.7;color:#a995bc}.home-workflow-strip{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:30px 8px}.home-workflow-strip p{margin:0;font-size:16px}.home-workflow-strip small{display:block;color:#9284a5;font-size:14px;margin-top:7px}.home-workflow-strip>div{display:flex;gap:20px;flex-wrap:wrap}.home-workflow-strip button{display:flex;gap:9px;align-items:center;font-size:14px;color:inherit;padding:10px 0}.home-workflow-strip img{object-fit:contain;background:#fff;border-radius:6px;padding:3px;width:30px;height:30px}.home-reveal{opacity:0;transform:translateY(20px);transition:opacity .7s ease,transform .7s ease}.home-reveal.home-visible{opacity:1;transform:none}.home-reveal:nth-child(2){transition-delay:.08s}.home-reveal:nth-child(3){transition-delay:.16s}
.expanded-home[lang=ar] .film-caption h3{letter-spacing:0;line-height:1.6}.expanded-home[lang=ar] .film-chat,.expanded-home[lang=ar] .film-knowledge strong{font-size:19px}.expanded-home[lang=ar] .film-chapters button,.expanded-home[lang=ar] .film-result,.expanded-home[lang=ar] .film-disclaimer{font-size:16px;line-height:1.8}
@media(max-width:760px){.film-stage{grid-template-columns:1fr;padding:26px 22px;gap:24px}.film-caption{display:flex;align-items:center;gap:15px}.film-caption h3{font-size:28px;margin:0}.film-step-track{margin-inline-start:auto}.film-step-track span{width:14px}.film-window{transform:none}.film-panels{min-height:260px;padding:20px}.film-top{padding:16px 20px}.film-timeline{padding-inline:16px}.film-chapters{gap:4px}.film-chapters button{display:block;font-size:13px;padding:6px;line-height:1.5}.film-chapters button span{display:block;margin-bottom:4px}.film-disclaimer{padding-inline:20px}.home-workflow-strip{display:block;padding:24px 0}.home-workflow-strip>div{margin-top:14px;gap:10px 22px}.film-knowledge{padding:14px}.expanded-home[lang=ar] .film-caption h3{font-size:25px}}
@media(prefers-reduced-motion:reduce){.expanded-home .hero:before,.film-panel,.film-playing .film-chat.assistant,.film-playing .film-inbox,.film-playing .film-typing i{animation:none!important}.home-reveal{opacity:1;transform:none;transition:none}.film-window{transform:none;transition:none}.film-progress>span{transition:none}}
/* Cinematic industry showcase: original scenes, real readable chat overlays. */
.industry-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:34px}.industry-heading .home-section-title{max-width:760px;margin:0}.industry-heading h2{max-width:680px}.industry-controls{display:flex;gap:8px;align-items:center;flex-shrink:0}.industry-controls button{border:1px solid #4c405f;background:#1a1425;color:#eee9ff;border-radius:12px;min-height:44px;min-width:44px;display:inline-flex;align-items:center;justify-content:center;padding:10px;font:inherit;cursor:pointer}.industry-controls [data-industry-playback]{font-size:14px;padding-inline:16px}.industry-controls button:hover{background:#302240;border-color:#a99aff}.industry-controls button:focus-visible,.industry-select:focus-visible{outline:3px solid #c6b8ff;outline-offset:5px}.industry-cards{display:flex;gap:16px;height:560px}.industry-card{position:relative;flex:1;min-width:0;overflow:hidden;border-radius:24px;isolation:isolate;background:#181420;border:1px solid #534366;transition:flex .7s cubic-bezier(.2,.7,.2,1),border-color .5s;--clip-progress:0}.industry-card.is-active{flex:3.7;border-color:#a99aff;box-shadow:0 22px 50px #09031544}.industry-card video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:35% 50%;filter:grayscale(1) brightness(.6);transition:filter .65s}.industry-card.is-active video{filter:none}.industry-scrim{position:absolute;inset:0;background:linear-gradient(180deg,#17112505 15%,#170d3055 45%,#170d30f2 100%);pointer-events:none}.industry-card.is-active .industry-scrim{background:linear-gradient(180deg,#130d2410 15%,#23114a22 42%,#210d47d9 85%,#1d0f38 100%)}.industry-story{position:absolute;inset:0;visibility:hidden;opacity:0;transition:opacity .4s .3s}.industry-card.is-active .industry-story{visibility:visible;opacity:1}.industry-chat{position:absolute;inset-inline-end:28px;bottom:154px;width:min(345px,70%);display:flex;flex-direction:column;align-items:flex-end;gap:14px;font-size:16px;line-height:1.5}.industry-question{padding:14px 18px;border-radius:18px 18px 4px 18px;background:#6854e7;color:#fff;box-shadow:0 6px 24px #18083233;max-width:94%;font-weight:500}.industry-answer{padding:18px 20px;border-radius:18px 18px 18px 4px;background:#fff;color:#252237;box-shadow:0 8px 32px #18083233;width:100%}.industry-answer p{font-size:16px;line-height:1.55;margin:0 0 14px}.industry-answer>span{display:flex;align-items:center;gap:7px;font-size:14px;color:#736980}.industry-answer .ui-icon{width:16px;height:16px;color:#6854e7}.industry-caption{position:absolute;bottom:88px;inset-inline:28px;font-size:16px;line-height:1.5;color:#e5def7;margin:0;max-width:90%}.industry-select{position:absolute;bottom:0;inset-inline:0;min-height:86px;width:100%;display:flex;align-items:center;gap:12px;padding:22px 24px;border:0;background:transparent;color:#fff;text-align:start;font:inherit;font-size:20px;line-height:1.25;font-weight:600;cursor:pointer}.industry-select::before{content:'';position:absolute;inset:0;z-index:-1}.industry-card:not(.is-active) .industry-select{height:100%;align-items:flex-end;flex-wrap:wrap;align-content:flex-end;gap:12px}.industry-card:not(.is-active) .industry-select>span:nth-child(2){width:100%}.industry-label-icon{display:inline-flex;flex-shrink:0}.industry-label-icon svg{width:24px;height:24px}.industry-index{margin-inline-start:auto;color:#d4c7ed;font-size:14px;font-weight:400}.industry-card:not(.is-active) .industry-index{display:none}.industry-progress{position:absolute;bottom:0;inset-inline:0;height:3px;background:#aa94ff;transform:scaleX(var(--clip-progress));transform-origin:left;opacity:0}.industry-card.is-playing .industry-progress{opacity:1}.industry-disclaimer{margin:20px 0 0;font-size:14px;line-height:1.6;color:#b9afce}.industry-card.is-playing[data-beat="0"] .industry-question,.industry-card.is-playing[data-beat="0"] .industry-answer,.industry-card.is-playing[data-beat="1"] .industry-answer{opacity:0;transform:translateY(12px)}.industry-question,.industry-answer{transition:opacity .5s,transform .5s}.expanded-home[lang=ar] .industry-chat,.expanded-home[lang=ar] .industry-answer p{font-size:20px;line-height:1.75}.expanded-home[lang=ar] .industry-caption{font-size:19px}.expanded-home[lang=ar] .industry-select{font-size:23px}.expanded-home[dir=rtl] .industry-question{border-radius:18px 18px 18px 4px}.expanded-home[dir=rtl] .industry-answer{border-radius:18px 18px 4px 18px}.expanded-home[dir=rtl] .industry-progress{transform-origin:right}.expanded-home[dir=rtl] .industry-controls [data-industry-prev] svg,.expanded-home[dir=rtl] .industry-controls [data-industry-next] svg{transform:rotate(180deg)}
[data-theme=light] .industry-controls button{background:#fff;color:#433255;border-color:#d9cee8}[data-theme=light] .industry-controls button:hover{background:#efe8ff;border-color:#8a70d5}[data-theme=light] .industry-disclaimer{color:#655775}
@media(max-width:1050px){.industry-heading{align-items:flex-start;flex-direction:column;gap:22px}.industry-cards{height:550px;gap:12px}.industry-card.is-active{flex:4.5}.industry-select{padding:20px 16px;font-size:18px}.industry-chat{inset-inline-end:20px;width:min(320px,80%)}.industry-caption{inset-inline:20px}.industry-card{border-radius:20px}}
@media(max-width:760px){.industry-cards{height:auto;flex-direction:column;gap:12px}.industry-card,.industry-card.is-active{flex:none;width:100%;height:84px;transition:height .55s cubic-bezier(.2,.7,.2,1)}.industry-card.is-active{height:510px}.industry-card:not(.is-active) .industry-select{flex-wrap:nowrap;align-items:center;align-content:center;height:84px;padding:20px}.industry-card:not(.is-active) .industry-select>span:nth-child(2){width:auto}.industry-card:not(.is-active) .industry-index{display:block}.industry-card:not(.is-active) video{object-position:center 35%}.industry-chat{width:min(340px,calc(100% - 40px));inset-inline-end:20px;bottom:150px}.industry-select{min-height:80px;padding:20px;font-size:20px}.industry-caption{bottom:92px;font-size:16px}.industry-heading h2{font-size:clamp(28px,8vw,42px)}.expanded-home[lang=ar] .industry-card.is-active{height:570px}.industry-controls{flex-wrap:wrap}.industry-controls [data-industry-playback]{min-width:138px}}
@media(prefers-reduced-motion:reduce){.industry-card,.industry-card video,.industry-story,.industry-question,.industry-answer{transition:none}}

/* Stable original posters while chat overlays animate; no encoded or CSS zoom. */
.industry-card .industry-still{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:35% 50%;filter:grayscale(1) brightness(.6);transition:filter .65s}
.industry-card.is-active .industry-still{filter:none}
.industry-card video{visibility:hidden;animation:none!important;transform:none!important}
@media(max-width:760px){.industry-card:not(.is-active) .industry-still{object-position:center 35%}}
@media(prefers-reduced-motion:reduce){.industry-card .industry-still{transition:none}}

/* Real human movement on the first cinematic sample; no additional zoom. */
.industry-card[data-cinematic=true].has-video-frame video{visibility:visible}
.industry-card[data-cinematic=true].has-video-frame .industry-still{visibility:hidden}

/* Preserve the approved wide factory composition at every screen size. */
.industry-card[data-cinematic=true].is-active video,.industry-card[data-cinematic=true].is-active .industry-still{object-fit:contain;object-position:center top;background:#181420}
.industry-card[data-cinematic=true].is-active .industry-scrim{background:linear-gradient(180deg,transparent 30%,#210d4733 55%,#1d0f38 85%)}

/* Conversation cards share GomalChat's dark purple palette. */
.industry-question{background:#6248d8;border:1px solid #b6a2ff55;box-shadow:0 8px 24px #09031530}
.industry-answer{background:#201b30f5;color:#f4f0fc;border:1px solid #aa94ff66;box-shadow:0 12px 34px #09031555;backdrop-filter:blur(12px)}
.industry-answer>span{color:#c4b9dc}.industry-assistant-mark{width:20px;height:20px;border-radius:6px;object-fit:cover}
.industry-card[data-speaking=true]{container-type:inline-size}
.industry-spoken{position:absolute;z-index:2;top:max(12px,calc(56.25cqw - 70px));inset-inline:18px;text-align:center;pointer-events:none}
.industry-spoken span{display:inline-block;max-width:90%;background:#15101fe8;color:#fff;border-radius:8px;padding:8px 12px;font-size:15px;line-height:1.45;text-wrap:balance}
.industry-spoken[hidden],.industry-spoken span[hidden],[data-industry-sound][hidden]{display:none!important}
.industry-card:not(.is-active) .industry-spoken{display:none}
.industry-card[data-speaking=true].is-playing[data-beat="0"] .industry-question,.industry-card[data-speaking=true].is-playing[data-beat="0"] .industry-answer{opacity:0;transform:translateY(12px)}
.expanded-home[lang=ar] .industry-spoken span{font-size:19px;line-height:1.7}
@media(max-width:760px){.industry-spoken{inset-inline:10px;top:max(12px,calc(56.25cqw - 60px))}.industry-spoken span{font-size:14px;padding:6px 9px}}

/* Phone cards use an edge-to-edge portrait crop rather than a letterboxed strip. */
@media(max-width:760px){
 .industry-card[data-cinematic=true].is-active video,.industry-card[data-cinematic=true].is-active .industry-still{object-fit:cover;object-position:35% center;background:transparent}
 .industry-card[data-cinematic=true].is-active .industry-scrim{background:linear-gradient(180deg,#100b1b05 30%,#170d3033 55%,#170d30dd 100%)}
 .industry-card[data-speaking=true] .industry-spoken{top:auto;bottom:150px;inset-inline:16px}
}

/* Four industry choices keep the selected scene spacious and long labels readable. */
@media(min-width:761px){.industry-card.is-active{flex:4.8}.industry-card:not(.is-active) .industry-select{padding-inline:14px;font-size:16px}.industry-select>span:nth-child(2){min-width:0;overflow-wrap:normal}}
@media(max-width:760px){.industry-select{font-size:18px;gap:10px}.industry-select>span:nth-child(2){flex:1;min-width:0}.expanded-home[lang=ar] .industry-select{font-size:20px}}

/* Full-frame footage with discreet controls on the selected video. */
.industry-card[data-cinematic=true].is-active video,.industry-card[data-cinematic=true].is-active .industry-still{object-fit:cover;object-position:35% center;background:transparent}
.industry-card[data-cinematic=true].is-active .industry-scrim{background:linear-gradient(180deg,transparent 45%,#170d3020 65%,#170d30d9 100%)}
.industry-media-controls{position:absolute;z-index:5;top:16px;inset-inline-end:16px;display:flex;gap:8px}
.industry-media-controls button{width:40px;height:40px;display:grid;place-items:center;border:1px solid #ffffff40;border-radius:50%;background:#17112585;color:#fff;backdrop-filter:blur(12px);cursor:pointer;box-shadow:0 2px 10px #0002;padding:10px}
.industry-media-controls button svg{width:19px;height:19px;display:block}
.industry-media-controls button:hover{background:#332449d9;border-color:#ffffff80}
.industry-media-controls button:focus-visible{outline:2px solid #fff;outline-offset:3px}
.industry-controls button{border-radius:50%;padding:10px;min-width:40px;min-height:40px}
@media(min-width:761px){.industry-cards{height:500px}.industry-card.is-active{flex:5.4}.industry-card[data-speaking=true] .industry-spoken{top:auto;bottom:132px}.industry-card.is-active .industry-select{min-height:70px;padding-block:18px}.industry-caption{bottom:76px}}
@media(max-width:760px){.industry-media-controls button{width:44px;height:44px}.industry-media-controls{top:12px;inset-inline-end:12px}}

/* Compact conversation cards stay in the lower corner, away from faces. */
.industry-chat{inset-inline-end:18px;bottom:116px;width:min(245px,46%);gap:8px;font-size:12px;line-height:1.5}
.industry-question{padding:9px 12px;font-size:12px;line-height:1.45;border-radius:12px 12px 3px 12px;max-width:95%;font-weight:500;box-shadow:0 4px 14px #09031524}
.industry-answer{padding:12px 14px;border-radius:12px 12px 12px 3px;background:#201b30ec;border-color:#b8a4df44;box-shadow:0 6px 18px #09031530}
.industry-answer p{font-size:12px;line-height:1.55;margin:0 0 8px}
.industry-answer>span{font-size:10px;gap:6px;color:#c5bad6}
.industry-assistant-mark{width:15px;height:15px;border-radius:4px}
.industry-caption{font-size:13px;line-height:1.45}
.expanded-home[lang=ar] .industry-chat,.expanded-home[lang=ar] .industry-answer p{font-size:15px;line-height:1.65}
.expanded-home[lang=ar] .industry-question{font-size:15px;line-height:1.6}
.expanded-home[lang=ar] .industry-caption{font-size:16px}
@media(max-width:1050px) and (min-width:761px){.industry-chat{width:min(235px,50%);inset-inline-end:16px}}
@media(max-width:760px){.industry-chat{width:min(230px,66%);inset-inline-end:14px;bottom:126px;gap:7px}.industry-question{padding:8px 11px}.industry-answer{padding:11px 12px}.industry-caption{font-size:13px;inset-inline:18px}.industry-card[data-speaking=true] .industry-spoken{inset-inline:16px}.industry-spoken span{font-size:12px;padding:6px 9px}}

/* A modest readability increase while keeping the compact lower-corner layout. */
.industry-chat{width:min(270px,49%);gap:9px;font-size:13px}
.industry-question{font-size:13px;padding:10px 13px}
.industry-answer{padding:13px 15px}
.industry-answer p{font-size:13px;line-height:1.55;margin-bottom:9px}
.industry-answer>span{font-size:11px}
.industry-assistant-mark{width:17px;height:17px;border-radius:5px}
.expanded-home[lang=ar] .industry-chat,.expanded-home[lang=ar] .industry-answer p,.expanded-home[lang=ar] .industry-question{font-size:16px}
@media(max-width:1050px) and (min-width:761px){.industry-chat{width:min(255px,53%)}}
@media(max-width:760px){.industry-chat{width:min(255px,70%)}.industry-question{padding:9px 12px}.industry-answer{padding:12px 14px}}
.signup-main{max-width:1000px;margin:auto;padding:64px 24px 90px;display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start}.signup-intro h1{font-size:46px;line-height:1.15;letter-spacing:-.035em;margin:20px 0}.signup-intro p{color:var(--muted);line-height:1.7}.signup-steps{list-style:none;padding:0;display:grid;gap:22px;margin-top:38px}.signup-steps li{display:flex;gap:12px;align-items:center;color:var(--muted);font-size:15px}.signup-steps span{display:grid;place-items:center;width:32px;height:32px;border:1px solid var(--line);border-radius:50%}.signup-steps .current,.signup-steps .complete{color:var(--purple)}.signup-steps .current span{background:#6854e718;border-color:var(--purple)}.signup-card{padding:30px;border:1px solid var(--line);border-radius:22px;background:var(--surface,var(--bg));box-shadow:0 16px 48px #25194412}.signup-card h2{font-size:25px;margin-top:0}.signup-card p{font-size:14px;line-height:1.65;color:var(--muted)}.signup-card .field{margin:0 0 20px}.signup-card label{font-size:14px}.signup-card input,.signup-card textarea{font-size:15px;width:100%}.signup-auth{width:100%;justify-content:center;margin-top:10px}.signup-note{padding-top:22px;border-top:1px solid var(--line);margin-top:26px}.live-demo-layout{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.live-demo-copy{max-width:420px}.live-demo-copy h3{font-size:30px;line-height:1.25}.live-demo-copy p{font-size:16px;line-height:1.75;color:var(--muted);margin:20px 0 28px}.live-demo-copy .textbtn{display:block;margin-top:18px;width:fit-content}.live-demo-stage{min-height:540px;border:1px solid var(--line);border-radius:22px;overflow:hidden;background:var(--surface,var(--bg));box-shadow:0 20px 60px #30204b14}.live-demo-stage iframe{display:block;width:100%;height:650px;border:0;background:#fff}.live-demo-start{height:540px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:28px;gap:20px;background:radial-gradient(ellipse at top,#6854e71a,transparent 70%)}.live-demo-start .mark{width:64px;height:64px;border-radius:18px}.live-demo-start h3{font-size:24px}.expanded-home[lang=ar] .signup-card label,.expanded-home[lang=ar] .signup-card p{font-size:17px}@media(max-width:760px){.signup-main,.live-demo-layout{grid-template-columns:1fr;gap:30px}.signup-main{padding-top:36px}.signup-intro h1{font-size:36px}.signup-steps{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.signup-steps li{font-size:12px;gap:7px}.signup-card{padding:24px}.live-demo-stage iframe{height:620px}.live-demo-copy h3{font-size:26px}}

/* Keep a single conversation scroll area in compact demos. */
.customer-page .chat{overflow:hidden}.customer-page .messages{flex:1 1 0;min-height:0;overflow-y:auto;padding:20px 18px;overscroll-behavior:contain}.customer-page .chathead{padding:16px;gap:10px}.customer-page .chathead small{display:none}.customer-page .chathead h1{font-size:18px}.customer-page .chips{flex-shrink:0;max-height:none;overflow:visible;padding:0 18px 12px;gap:7px}.customer-page .chips button{font-size:13px;line-height:1.45;white-space:normal;text-align:start}.customer-action-menu,.customer-voice-options{flex-shrink:0;padding:10px 18px;border-bottom:1px solid var(--line);font-size:13px;color:var(--muted)}.customer-action-menu summary,.customer-voice-options summary{cursor:pointer;width:fit-content;min-height:24px}.customer-actions{padding:12px 0 2px}.customer-actions button{font-size:13px;min-height:34px;padding:6px 10px}.customer-voice-options{border-bottom:0;padding:6px 18px}.customer-voice-options .voicebar{padding:12px 0 0}.customer-voice-options .voiceprivacy{margin:10px 0 0}.customer-page .voicestatus:empty,.customer-page #customerStatus:empty{display:none}.customer-page .powered{font-size:12px;padding:6px 12px 14px}.customer-page .bubble{font-size:15px;line-height:1.65;flex-shrink:0}.customer-page #customerProductDetails{flex-shrink:0;max-height:160px}.customer-page.shell{height:100dvh}.customer-page .chat>*:not(.messages){flex-shrink:0}

/* Arabic text direction is independent from control placement. */
.customer-page .chat,.customer-page .chathead,.customer-page .chatform,.customer-page .recording-pill,.customer-page .recording-meta,.customer-page .messages,.customer-page .customer-action-menu,.customer-page .customer-voice-options{direction:ltr}.customer-page .chathead .interface-language{margin-left:auto;margin-inline-start:auto}.customer-page .chathead h1{unicode-bidi:plaintext}.customer-page .messages .bubble{unicode-bidi:plaintext;text-align:start}.customer-page .chatform input{unicode-bidi:plaintext;text-align:start}.shell .chatform,.shell .recording-pill,.shell .recording-meta{direction:ltr}:root[data-ui-language=ar] .customer-page{font-family:Arial,Tahoma,sans-serif}:root[data-ui-language=ar] .customer-page summary,:root[data-ui-language=ar] .customer-page .voicestatus,:root[data-ui-language=ar] .customer-page .powered,:root[data-ui-language=ar] .customer-page label,:root[data-ui-language=ar] .customer-page .voiceprivacy{font-size:18px!important;line-height:1.8}:root[data-ui-language=ar] .customer-page .interface-language select{font-size:17px!important}:root[data-ui-language=ar] .customer-page .chatform input{font-size:20px}:root[data-ui-language=ar] .customer-page .listenbutton{font-size:18px!important}.customer-page .bubble[data-arabic-text]{font-size:20px!important;line-height:1.85!important}

/* Minimal controls for the public chat and homepage demo. */
.customer-page .chathead .interface-language{gap:4px;padding:0 3px;min-height:32px;border:0;border-radius:6px}.customer-page .chathead .interface-language svg{width:14px;height:14px}.customer-page .chathead .interface-language select{width:auto;min-width:0;min-height:32px;height:32px;font-size:12px!important;padding:4px 2px;border:0;border-radius:6px}.customer-page .chathead .interface-language:focus-within{outline:2px solid var(--purple);outline-offset:2px}:root[data-ui-language=ar] .customer-page .chathead .interface-language select{font-size:15px!important}.customer-page .chathead{padding:14px 16px}

/* Recording uses visual feedback, without routine narration or timers. */
.shell .recording-meta,.customer-page .recording-meta{display:none}.shell .voiceprivacy{display:none}#voiceStatus:empty,#customerVoiceStatus:empty{display:none}

.reply-typing{display:flex;align-items:center;gap:5px;width:fit-content;min-height:42px;padding:14px 18px!important;direction:ltr}.reply-typing span{width:6px;height:6px;border-radius:50%;background:var(--muted);animation:reply-dot-wave 1.2s ease-in-out infinite}.reply-typing span:nth-child(2){animation-delay:.15s}.reply-typing span:nth-child(3){animation-delay:.3s}@keyframes reply-dot-wave{0%,60%,100%{transform:translateY(0);opacity:.45}30%{transform:translateY(-4px);opacity:1}}@media(prefers-reduced-motion:reduce){.reply-typing span{animation:none;opacity:.7}}

/* Smooth reply reveal; actions appear once the answer is readable. */
[data-reveal="pending"]{visibility:hidden}
.reply-revealing .listenbutton,.reply-revealing small{visibility:hidden}
.signup-import-row{display:flex;gap:10px;align-items:center}.signup-import-row input{min-width:0;flex:1}.signup-import-row button{flex-shrink:0}.signup-card .check{display:flex;align-items:flex-start;gap:10px;margin:16px 0;font-size:14px;line-height:1.6}.signup-card .check input{width:18px;height:18px;flex-shrink:0;margin-top:3px}.usage-window-body .notice{display:block;margin-bottom:20px}.usage-window-body .notice p{margin:8px 0}@media(max-width:600px){.signup-import-row{flex-direction:column;align-items:stretch}}

/* Keep the demo cover visible until its themed, translated chat is ready. */
.live-demo-stage{position:relative}.live-demo-stage iframe.demo-loading-frame{position:absolute;inset:0;pointer-events:none}.demo-loading-dots{height:20px;margin:0;justify-content:center}.live-demo-stage[aria-busy=true] .live-demo-start{height:650px}@media(max-width:760px){.live-demo-stage[aria-busy=true] .live-demo-start{height:620px}}

/* Shared Arabic typography for the homepage demo and both chat surfaces. */
:root{--arabic-chat-size:20px;--arabic-chat-leading:1.85}
:root[data-ui-language=ar] .customer-page .bubble,
:root[data-ui-language=ar] .shell #messages .bubble,
.customer-page .bubble:has([data-arabic-text]),
.shell #messages .bubble:has([data-arabic-text]){font-family:Arial,Tahoma,sans-serif;font-size:var(--arabic-chat-size)!important;line-height:var(--arabic-chat-leading)!important;letter-spacing:0;overflow-wrap:anywhere}
.customer-page .bubble>span[data-arabic-text],.shell .bubble>span[data-arabic-text]{font-family:Arial,Tahoma,sans-serif;font-size:var(--arabic-chat-size);line-height:var(--arabic-chat-leading);letter-spacing:0}
.customer-page .chathead{flex-wrap:nowrap;gap:12px;padding:18px 20px;min-height:76px;box-sizing:border-box}
.customer-page .chathead>div:nth-child(2){flex:1;min-width:0}
.customer-page .chathead h1{overflow-wrap:anywhere;line-height:1.5;margin:0}
:root[data-ui-language=ar] .customer-page .chathead h1{font-size:22px;line-height:1.6}
.customer-page .messages{padding:22px 20px;gap:16px;scrollbar-width:thin;scrollbar-color:#b9b2ca transparent}
.customer-page .bubble{max-width:90%;padding:15px 18px}
.customer-page .chatform{align-items:center}
.customer-page .chatform input{flex:1;min-width:0;width:0;text-align:start}
:root[data-ui-language=ar] .customer-page .chatform input{font-family:Arial,Tahoma,sans-serif;font-size:20px;line-height:1.7}
:root[data-ui-language=ar] .customer-page .chips button{font-family:Arial,Tahoma,sans-serif;font-size:18px;line-height:1.7;text-align:start}
:root[data-ui-language=ar] .customer-page .powered{font-size:16px!important;line-height:1.8;padding:10px 16px 16px;overflow-wrap:anywhere}
:root[data-ui-language=ar] .customer-page .powered button{font:inherit}
.expanded-home[lang=ar] .live-demo-copy p{font-family:Arial,Tahoma,sans-serif;font-size:20px;line-height:1.9}
.expanded-home[lang=ar] .live-demo-copy h3{font-size:30px;line-height:1.6;letter-spacing:0}
.expanded-home[lang=ar] .live-demo-copy .textbtn,.expanded-home[lang=ar] .live-demo-copy .btn{font-size:18px;line-height:1.7}
@media(max-width:600px){.customer-page .chathead{padding:16px}.customer-page .messages{padding:18px 16px}.customer-page .bubble{max-width:94%;padding:14px 16px}}

/* Multiline drafts remain visible; composer controls stay on the right. */
.chatform textarea,.customer-page .chatform textarea{flex:1;min-width:0;width:0;min-height:28px;max-height:160px;height:28px;margin:0;padding:3px 0;border:0;border-radius:0;background:transparent;color:inherit;font:inherit;font-size:15px;line-height:1.6;resize:none;overflow-y:hidden;white-space:pre-wrap;overflow-wrap:anywhere;unicode-bidi:plaintext;text-align:start;box-sizing:border-box}
.chatform{align-items:flex-end;direction:ltr}
.customer-page .chatform{align-items:flex-end}
.chatform .composer-mic,.chatform .send{flex-shrink:0;align-self:flex-end}
:root[data-ui-language=ar] .chatform textarea,.chatform textarea[data-arabic-text]{font-family:Arial,Tahoma,sans-serif;font-size:20px!important;line-height:1.7!important}
.customer-page .powered{display:flex;justify-content:center;align-items:baseline;flex-wrap:wrap;gap:8px;line-height:1.6;padding:12px 16px 16px}
.powered-credit{display:inline-flex;align-items:baseline;gap:5px}
.powered-credit [lang=en]{font-family:Arial,sans-serif;line-height:inherit;letter-spacing:0}
:root[data-ui-language=ar] .customer-page .powered{direction:rtl;font-family:Arial,Tahoma,sans-serif;font-size:15px!important;line-height:1.7}
:root[data-ui-language=ar] .customer-page .powered button{font:inherit;padding:0;min-height:24px}

/* Focus belongs to the rounded composer, never a rectangle inside it. */
.chatform textarea:focus,.chatform textarea:focus-visible{outline:none!important;box-shadow:none!important;border:0!important}
.chatform:focus-within{box-shadow:0 0 0 1px #a6a0b84d;transition:box-shadow .15s ease}
.appearance-settings{margin-bottom:24px}.appearance-settings .panelbody{display:flex;align-items:center;justify-content:space-between;gap:28px}.appearance-settings h2{margin:0 0 8px;font-size:20px}.appearance-settings p{margin:0;max-width:560px}.appearance-settings .field{margin:0;min-width:150px}.appearance-settings select{width:100%;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--bg);color:inherit;font:inherit}.appearance-settings option{background:#171b2b;color:#f8f9ff}[data-theme=light] .appearance-settings option{background:#fff;color:#202438}@media(max-width:650px){.appearance-settings .panelbody{align-items:stretch;flex-direction:column;gap:18px}}
/* Compact audio control shared by replies and voice previews. */
button.listenbutton,.customer-page button.listenbutton{display:flex;align-items:center;justify-content:center;width:32px;height:32px;min-width:32px;min-height:32px;margin-top:10px;padding:7px;border:0;border-radius:50%;color:var(--purple);background:transparent;line-height:1;cursor:pointer}
button.listenbutton svg{display:block;width:18px;height:18px;flex-shrink:0}
button.listenbutton:hover,button.listenbutton[aria-pressed=true]{background:#6854e712}
button.listenbutton:focus-visible{outline:2px solid var(--purple);outline-offset:2px}
.audio-spinner{animation:audio-spin 1s linear infinite}@keyframes audio-spin{to{transform:rotate(360deg)}}
@media(pointer:coarse){button.listenbutton,.customer-page button.listenbutton{width:44px;height:44px;padding:13px}}
@media(prefers-reduced-motion:reduce){.audio-spinner{animation:none}}